@charset "utf-8";
body,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,input,li,ol,p,select,table,td,textarea,th,tr,ul{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
ol,ul{list-style:none}
em,i{font-style:normal}
table{border-spacing:0;border-collapse:collapse}
img{border:0;vertical-align:middle;-webkit-touch-callout:none;}
a{color:#555;text-decoration:none;outline:0;}
body{color: #555; font:.22rem/.48rem "Microsoft YaHei","Helvetica Neue",Arial,HelveticaNeue,Helvetica,"BBAlpha Sans",sans-serif}
.none{display:none}
.show{display: block!important;}
.cl:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.cl{clear:both;zoom:1}
.app{padding: 1.2rem 0 1.1rem; width: 7.5rem; margin: 0 auto;}
.app img{display: block; width: 100%;}
.top_bar,.wap_nav{width:7.5rem;position:fixed;z-index: 10;left: 50%;margin-left: -3.75rem;}
.top_bar{height:1.2rem;background-color:#244e8d;top:0;color: #fff;z-index: 100;}
.logo{display:block;width:1.1rem;height:1.1rem;position:absolute;top:.19rem;left:.13rem;}
.top_bar .txt{padding-left:1.4rem;padding-top:.23rem;line-height: 1.6; color: #f8f7f8;}
.top_bar .txt h3{font-size:.3rem;color: #edcb7a;}
.top_bar .btn_down{display:block;width:2.05rem;height:.61rem;background: url('../imgs/btn_down.png') no-repeat center / cover; font-size: 0; position: absolute; right: .13rem; top: .3rem;}
.wap_nav{display: -webkit-box;display: -webkit-flex;display: flex;bottom: 0;background: -webkit-linear-gradient(#26508e,#375e97);background: linear-gradient(#26508e,#375e97); height: 1.1rem;z-index: 20;}
.wap_nav a{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;line-height: 1.1rem;font-size: .28rem;color: #ffedc6;text-align: center;background: url('../imgs/foot_link.png') no-repeat left center / .02rem 1.1rem;}
.head{background: url('../imgs/head0827.jpg') no-repeat center top / 7.5rem auto; height: 9.2rem;position: relative;}
.ios_down,.and_down{display: block; height: .7rem; width: 2.38rem; border-radius: .1rem; position: absolute; bottom: 1rem; background:url('../imgs/down.jpg') no-repeat left top / 4.8rem auto;}
.ios_down{left: 1.27rem;}
.and_down{right: 1.27rem; background-position: right top;}
.banner{width: 7.2rem; /*height: 3.44rem;*/ overflow: hidden; position: relative; margin: .4rem auto 0;}
.banner .swiper-pagination{bottom:.1rem; padding:0 .16rem; text-align: right; box-sizing: border-box;}
.banner .swiper-pagination-bullet{width: .15rem; height: .15rem; border-radius: .08rem; background: #fff; opacity: 1; transition: width .2s linear; -webkit-transition: width .2s linear;}
.banner .swiper-pagination-bullet-active{width: .4rem;}
.news{width: 7.2rem; height: 4.16rem; margin: .4rem auto; background: #244e8d url('../imgs/news_bg.jpg') no-repeat center bottom / 7.2rem auto;}
.news_tab{height: .68rem;position: relative; padding: 0 .13rem; display: flex;}
.news_tab li{color: #f4f7f8; width: 1.4rem; line-height: .68rem; border-bottom: .04rem solid transparent; position: relative; text-align: center; box-sizing: border-box;}
.news_tab li::after{content: ''; background: #92a7c6; width: 1px; height: .14rem; position: absolute; top: 50%; margin-top: -.06rem; left: -1px;}
.news_tab li:first-child::after{display: none;}
.news_tab .cur{font-weight: bold; border-color: #ffe29c;}
.more{position: absolute; right: .2rem; top: 0; color: #f4f7f8; font-size: .22rem; line-height: .68rem;text-transform: uppercase;}
.news_con{margin: 0 .13rem; position: relative; height: 3.48rem; overflow: hidden;}
.news_con ul{width: 100%;position: absolute;top: 0; left: 0;display: none;}
.news_con ul.on{display: block;}
.news_con li{width: 100%; line-height: .5rem; height: .5rem; position: relative;}
.news_con li .tit{width: 6rem; float: left; text-overflow: ellipsis;white-space: nowrap;overflow: hidden; color: #ececec;}
.news_con li .time,.content .list .time{float: right; color: #839ec5;}
.news_con li.first{text-align: center; padding: .2rem 0 .05rem;}
.news_con li.first a{color: #ffe29c; font-weight: bold; line-height: .5rem;}
.role{height: 7.66rem; position: relative; background: url('../imgs/role_bg.jpg') no-repeat center / 7.5rem 7.66rem; overflow: hidden;}
.role_tab{position: absolute;bottom: 0.06rem;left: .18rem;display: flex;flex-wrap: wrap;width: 3.84rem;z-index: 10;}
.role_tab span{display: block; color: #4b73af; height: 1.08rem; width:1.24rem;background: url('../imgs/role_tab.png') no-repeat -999px / 3.78rem 2.16rem;margin-right: .04rem;margin-bottom: .28rem; position: relative; overflow: visible;}
.role_tab span b{position: absolute; top: 1.08rem; left: 0; width: 100%; text-align: center; line-height: .35rem; font-weight: bold;}
.role_tab span:nth-child(1){background-position: 0 0;}
.role_tab span:nth-child(2){background-position: -1.27rem 0;}
.role_tab span:nth-child(3){background-position: -2.55rem 0;}
.role_tab span:nth-child(4){background-position: 0 -1.08rem;margin-left: .64rem; margin-top: -.34rem;}
.role_tab span:nth-child(5){background-position: -1.27rem -1.08rem; margin-top: -.34rem;}
.gray{-webkit-filter: grayscale(100%);filter: grayscale(100%); filter: gray;}
.rolelist{height: 6.88rem; margin: .38rem 0 0 .25rem;}
.rolelist li{display: none;position: relative;overflow: hidden;height: 6.88rem;}
.name{width: 2.7rem; height: .84rem; background: url('../imgs/name.png') no-repeat -999px / 2.7rem;}
.name.dk{background-position: 0 0; margin-top: .15rem;}
.name.jk{background-position: 0 -.9rem; margin-top: .15rem;}
.name.qk{background-position: 0 -1.8rem;}
.name.gs{background-position: 0 -2.7rem;}
.name.ys{background-position: 0 -3.6rem;}
.text{background: url('../imgs/jt.png') no-repeat left top / 1.4rem .28rem; margin-top: .14rem; width: 4.1rem; padding-top: .32rem; font-size: .24rem; line-height: .4rem;}
.attr{width: 2.9rem; height: 2.06rem; margin-top: .1rem;}
.rolelist li:nth-child(3) .attr{margin-top: -0.28rem;}
.role_nan,.role_nv{position: absolute; width:4.54rem; height: 6.6rem; right:0; bottom: 0;  opacity: 0;z-index: -1;transition: 0.3s;-webkit-transition: 0.3s; -moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;}
.role_nan.on,.role_nv.on{z-index: 1;opacity: 1;}
.sex_btn{position: absolute; top: 1rem; right: .2rem;z-index: 4;}
.sex_btn a{display: block; width: .62rem; height: .62rem; background: url('../imgs/sex_bg.png') no-repeat center top / .62rem 1.3rem; margin-bottom: .06rem;color: #fff;}
.sex_btn .cur{background-position: center bottom;}
.sex_btn b{display: block; font-weight: bold; line-height: .62rem;text-align: center;background: linear-gradient(#ffe8c1, #ffffff);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.feature{margin: .4rem auto; width: 7.5rem; position: relative;}
.feature .swiper-slide{width: 4.14rem; -webkit-transition:opacity .1s linear; transition:opacity .1s linear;}
.feature .swiper-slide-prev,.feature .swiper-slide-next{opacity: .2;}
.feature .dot{text-align: center; height: .2rem; display: flex; justify-content: center; align-items: center; margin: .43rem 0; position: relative; bottom: initial;}
.feature .dot::after{content: ''; position: absolute; left: 50%; margin-left:-1.9rem; width: 3.8rem; height: .02rem; top: .08rem; border-top: 2px dashed #4d82d0;}
.feature .dot .swiper-pagination-bullet{background: #fff; position: relative; z-index: 2; width: .12rem; height: .12rem; border: .04rem solid #4d82d0; margin: 0 .23rem; opacity: 1; border-radius: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.feature .dot .swiper-pagination-bullet-active{background: #4d82d0;}
.tabs{background: #4b70a3; padding: .3rem; text-align: center;}
.tabs a{display: inline-block; color: #f4f7f8; font-size: .34rem; padding: 0 .2rem; border-radius: .25rem; line-height: .5rem; border: .02rem solid transparent; margin: 0 .05rem;}
.tabs .cur{border-color: #ffe29c; color: #ffe29c;}
.news_list,.gift{padding: .3rem;}
.news_list li{border-bottom: 1px dashed #d8cfca;}
.news_list li a{display: block; padding: .2rem 0; line-height: 1.6; color: #666;}
.news_list .time{float: right; line-height: 1.6; margin-top: .14rem; color: #999;}
.page{text-align: center; margin: .2rem;}
.page a{background-color: #ccc; color: #fff; padding:.08rem .15rem; margin: 0 .02rem; border-radius: .06rem;}
.page a.cur{background-color: #4c6fa3;}
.ht{background: #4b70a3;font-size:.4rem;text-align:center;color:#f4f7f8;line-height:1.12rem;position: relative;}
.ht .return{position:absolute;padding-left:.5rem;top:0;left:0;color:#f4f7f8;font-size:.28rem}
.ht .return::before{content:"";display:inline-block;height:.14rem;width:.14rem;border-width:1px 1px 0 0;border-color:#f4f7f8;border-style:solid;-webkit-transform:matrix(-.71,.71,.71,.71,0,0);transform:matrix(-.71,.71,.71,.71,0,0);position:absolute;top:50%;margin-top:-.08rem;left:.3rem}
.art{border-bottom:1px dashed #4b70a3;text-align:center;padding: .3rem 0; margin:0 .25rem; color: #666;}
.at{font-size:.34rem;color:#666;margin-bottom:.1rem}
.aritcle{padding:.25rem;line-height:2; color: #504845;}