/*20230511 yapi*/
html *{outline: 0; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body,nav,dl,dt,dd,p,h1,h2,h3,h4,ul,ol,li,input,button,textarea,footer{margin: 0; padding: 0;}
body{font: 62.5%/1.5 "Helvetica Neue", Helvetica, STHeiTi, sans-serif; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; min-width: 320px;}
h1,h2,h3,h4,h5,h6{font-size: 100%;}
img{vertical-align: middle; border: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
em,i{font-style: normal;}
img{max-width: 100%; border: 0;}
input:focus{outline: 0;}
table{border-collapse: collapse; border-spacing: 0;}
ol,ul,li{list-style: none;}
textarea{resize: none;}
a{text-decoration: none; color: #B1B1B1;}
.cf:after{content: " "; display: block; height: 0; clear: both; visibility: hidden;}
.cf{min-height: 1%;}
.fl{float: left;}
.fr{float: right;}
.hide{display: none;}
.show{display: block;}
.ellipsis{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.break{word-break: break-all; word-wrap: break-word;}
html{font-size: 100px; font-size: 13.33333vw;}
@media screen and (max-width: 320px){html{font-size: 42.667px; font-size: 13.33333vw;}}
@media screen and (min-width: 321px) and (max-width: 360px){html{font-size: 48px; font-size: 13.33333vw;}}
@media screen and (min-width: 361px) and (max-width: 375px){html{font-size: 50px; font-size: 13.33333vw;}}
@media screen and (min-width: 376px) and (max-width: 393px){html{font-size: 52.4px; font-size: 13.33333vw;}}
@media screen and (min-width: 394px) and (max-width: 412px){html{font-size: 54.93px; font-size: 13.33333vw;}}
@media screen and (min-width: 413px) and (max-width: 414px){html{font-size: 55.2px; font-size: 13.33333vw;}}
@media screen and (min-width: 415px) and (max-width: 480px){html{font-size: 64px; font-size: 13.33333vw;}}
@media screen and (min-width: 481px) and (max-width: 540px){html{font-size: 72px; font-size: 13.33333vw;}}
@media screen and (min-width: 541px) and (max-width: 640px){html{font-size: 85.33px; font-size: 13.33333vw;}}
@media screen and (min-width: 641px) and (max-width: 720px){html{font-size: 96px; font-size: 13.33333vw;}}
@media screen and (min-width: 721px) and (max-width: 750px){html{font-size: 100px; font-size: 13.33333vw;}}
@media screen and (min-width: 751px){html{font-size: 100px;} body{width: 750px; margin: 0 auto;}}
.areaHead .hdbar,.areaHead .hdbar img,.areaHead .hdtip,.msgRoll,.areaSch .btnBack,.areaSch>div,.areaSch>div .txt,.tagCon ul li,.roleList li img,.mateList .img,.mateList .img img,.mateSel .img,.mateSel .img img,.mateSel .mateAdd,.stepper input,.roleData .detail dt,.roleData .skill li,.lvlSk li,.mateItem .img,.mateItem .img img,.mateItem .con .total input,.areaComb .combItem .comb .img,.areaComb .combItem .comb .img img,.areaFix .inner,.areaFix .hdSch,.areaFix .hdSch>div,.areaFix .hdSch>div .txt,.fixCon .tabmenu span,.fixCon .filter .list li,.fixCon .role li .img,.fixCon .mate li .img,.fixCon .mate li .img img,.mateData .mateImg .img,.mateData .mateImg .img img,.mateUse .img img{-webkit-box-sizing: border-box; box-sizing: border-box;}
body{background: url(../images/body.png) repeat-y center #000; background-size: 7.5rem auto; max-width: 7.5rem; color: #e2cfbf; font-size: .24rem;}
.areaComment{background: #fff; margin-top: .3rem; padding: .1rem; font-size: .24rem; line-height: 1.6;}
.btnAboutApp{background: url(../images/btnAboutApp.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; display: block; width: 4.14rem; height: .7rem; overflow: hidden; text-align: center; line-height: .72rem; color: #fff; font-size: .26rem; margin: .4rem auto 0;}
.ftimg{background: url(../images/ft-img.png) no-repeat center; background-size: 5.01rem 0.63rem; background-color: transparent; height: 1rem;}
.foot{background: #313132; padding: .2rem 0; text-align: center; line-height: .36rem; font-size: .24rem; color: #666;}
.areaHead{position: relative; /* height: 5.5rem; */}
.areaHead .hdimg{display: block; width: 100%;}
.areaHead .hdbar{width: 100%; height: .8rem; overflow: hidden; background: rgba(0, 0, 0, 0.6); padding: .1rem .2rem; position: absolute; left: 0; top: 0;}
.areaHead .hdbar img{float: left; width: .6rem; height: .6rem; border: 1px solid #fff; border-radius: .15rem;}
.areaHead .hdbar p{float: left; line-height: .3rem; overflow: hidden; font-size: .22rem; color: #e2cfbf;}
.areaHead .hdbar .bt{float: right; width: 1.5rem; height: .54rem; overflow: hidden; text-align: center; line-height: .57rem; font-size: .22rem; background: url(../images/btn-share.png); color: #fff; border-radius: .12rem; margin-top: .03rem;}
.areaHead .hdtip{background: -webkit-gradient(linear, left top, right top, from(#000), color-stop(40%, rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.2))); background: linear-gradient(to right, #000 0%, rgba(0, 0, 0, 0.6) 40%, rgba(0, 0, 0, 0.2) 100%); width: 100%; /* height: .56rem; */ padding: 0 .3rem; overflow: hidden; line-height: .58rem; font-size: .26rem; color: #fff; /* position: absolute; */ /* left: 0; */ /* bottom: .5rem; */}
.areaHead .hdtip em{color: #F7E22D;}
.areaMenu{text-align: center; font-size: 0; position: relative;}
.areaMenu a{background: url(../images/btnMenu.png) no-repeat 0 0; background-size: 2rem auto; display: inline-block; width: 2rem; height: .62rem; /* overflow: hidden; */ text-align: center; line-height: .62rem; font-size: .32rem; margin: 0 .1rem; color: #fff7ed; position: relative;}
.areaMenu a.on{background-position: 0 100%; color: #fff;}
.areaMenu a i{position: absolute; bottom: .72rem; left: .1rem; font-size: .18rem; background: #fa3737; line-height: .3rem; border-radius: .25rem; padding: 0 .1rem; box-shadow: 0 0px 0.05rem 0px #d17922, 0 0px 0.05rem 0px #d17922, 0 0px 0.05rem 0px #d17922; white-space: nowrap;}
.areaMenu a i:after{content: ""; display: block; position: absolute; top: 130%; right: 20%; width: 0; height: 0; border: .1rem solid; margin-top: -.1rem; border-color: #f02c57 transparent transparent transparent;}
.banner{display: block; background: #313132; width: 7.02rem; margin: .3rem auto 0; border-radius: .08rem;}
.banner img{display: block; width: 100%; height: auto;}
.msgRoll{background: url(../images/bg-msg.png) no-repeat center 0; background-size: auto .44rem; background-color: transparent; width: 6.7rem; height: .44rem; overflow: hidden; padding-left: .5rem; margin: .2rem auto 0; position: relative;}
.msgRoll:before{content: ''; position: absolute; top: .08rem; left: .1rem; background: url(../images/ico-msg.png) no-repeat; background-size: contain; width: .28rem; height: .25rem;}
.msgRoll li{height: .44rem; overflow: hidden; line-height: .44rem; font-size: .26rem; color: #fff7ed;}
.msgRoll li a{color: #fff7ed; /* text-decoration: underline; */}
.msgRoll li a span{float: right; color: #c86232; text-decoration: none; margin-left: .1rem; font-size: .2rem;}
.box{background: url(../images/bg-msg2.png) no-repeat center 0; background-size: 7.5rem auto; height: 1.81rem; overflow: hidden; margin-top: .3rem;}
.box .msgRoll{background-image: none;}
.box .hdbar{position: relative; width: 6.8rem; margin: .2rem auto; background: none;}
.showMore{height: .6rem; overflow: hidden; margin-top: .2rem; text-align: center;}
.showMore a{display: inline-block; vertical-align: top; width: 2.74rem; line-height: .6rem; font-size: .3rem; color: #d3cdcd; background: url(../images/btn-more.png) no-repeat; background-size: auto .6rem; ;}
.areaSch{height: .7rem; /* overflow: hidden; */ margin: .3rem;}
.areaSch .btnBack{float: right; width: 1.5rem; height: .7rem; border: 1px solid #6E6E6E; border-radius: .35rem; text-align: center; line-height: .7rem; color: #D3CDCD; font-size: .24rem;}
.areaSch>div{width: 7rem; height: .96rem; position: relative; border: 1px solid #5d2505; border-radius: .9rem; box-shadow: 0px 0.08rem 0.29rem #5d2505;}
.areaSch>div .txt{display: block; width: 5.1rem; height: 100%; background: none; border: none; padding: .18rem .3rem; color: #e2cfbf; font-size: .24rem;}
.areaSch>div .btn{background: url(../images/btn-sch.png) no-repeat center; background-size: .39rem auto; width: 1.2rem; height: .9rem; overflow: hidden; font-size: 0; position: absolute; right: -1px; top: -1px;}
.areaSch>div .btn-clear{background: url(../images/btn-clear.png) no-repeat center; background-size: .28rem auto; width: .3rem; height: .9rem; overflow: hidden; font-size: 0; position: absolute; right: 1.1rem; top: -1px;}
.listSch{display: none; ;position: absolute; top: 1.2rem; left: 0; width: 7.02rem; background: rgba(31,22,16,.87); border-radius: .26rem; line-height: .8rem; border: 1px solid #9f502a; z-index: 2;}
.listSch li{margin: 0 .3rem;}
.listSch .empty{margin: .3rem; text-align: center;}
.tagCon{width: 7rem; margin: .1rem auto .3rem; overflow: hidden;}
.tagCon ul{overflow: hidden;}
.tagCon ul li{position: relative; float: left; width: 1.05rem; height: .55rem; overflow: hidden; text-align: center; line-height: .6rem; font-size: .26rem; color: #e2cfbf; margin: .45rem .058rem 0; background: url(../images/tab-bg.png) no-repeat 100% 0; background-size: auto .55rem;}
.tagCon ul li.on{background-position: 0 0;}
.tagCon .col2 li{width: .9rem; height: .55rem; margin: .45rem .14rem 0 .12rem; background-image: url(../images/tab-bg2.png); background-size: auto .55rem}
.tagCon li img{position: absolute; top: 0; left: 0; max-width: .35rem; max-height: .33rem;}
.roleList{width: 7.02rem; overflow: hidden; margin: 0 auto;}
.roleList li{float: left; width: 1.47rem; /* height: 1.86rem; */ overflow: hidden; text-align: center; line-height: 2.4; font-size: .24rem; white-space: nowrap; text-overflow: ellipsis; color: #B1B1B1; margin: .15rem .13rem 0; padding-top: 1.56rem; position: relative;}
.roleList li img{position: absolute; top: 0; display: block; width: 1.4rem; height: 1.4rem; border: 1px solid #e78d32; background: #ccc; margin: 0 auto; border-radius: .36rem 0; z-index: 2;}
.roleList li:before{content: ''; position: absolute; top: .05rem; left: .05rem; display: block; width: 1.4rem; height: 1.4rem; border: 1px solid #e78d32; margin: 0 auto; border-radius: .36rem 0;}
/*role-page*/
.role-info{clear: both; min-height: 3.5rem;}
.role-info .img{background: url(../images/bg-role1.png) no-repeat; background-size: 2.7rem auto; margin: .5rem .3rem 0 .3rem; overflow: hidden; height: 4.05rem; width: 2.7rem;}
.role-info .img img{display: block; width: 2.4rem; margin: .05rem .05rem; /* margin-top: -.2rem; */ /* margin-left: -.3rem; */ border-radius: 0 1rem 0 0;}
.role-info .name{font-size: .36rem; padding-top: .8rem; line-height: .55rem; overflow: hidden; height: .55rem; width: 4rem; text-overflow: ellipsis; float: left;}
.role-info .name i{font-size: .6rem;}
.role-info .attr{width: 4rem;}
.role-info .attr .item-a{background: url(../images/bg-line.png) no-repeat; background-size: auto .41rem; line-height: .41rem; font-size: .28rem; margin-top: .15rem; /* overflow: hidden; */ position: relative; padding-left: 1.75rem;}
.role-info .attr .item-a span{display: block; width: 1.4rem; text-align: justify; text-align-last: justify; position: absolute; top: 0; left: .06rem;}
.role-info .attr .item-a span:after{content: "："; display: block; position: absolute; right: -.1rem; top: 0; width: .05rem;}
.role-info .attr .count{/* float: left; */ width: 2.08rem; display: flex; justify-content: space-between; line-height: .41rem; position: relative;}
.role-info .attr .count::after{content: ''; display: block; width: .26rem; height: 1px; background: #858381; position: absolute; left: 50%; margin-left: -.13rem; top: 50%}
.role-info .attr .num{display: inline-block; border: 1px solid #9f502a; background: #1f1610; vertical-align: middle; width: 0.8rem; text-align: center; position: relative; border-radius: .08rem;}
.role-info .attr .num ul{display: none; position: absolute; border: 1px solid #9f502a; background: #1f1610; border-top: 0; width: 0.8rem; left: -1px; top: .32rem; border-radius: 0 0 .08rem .08rem; z-index: 1;}
.role-info .attr .num:after{content: ""; display: block; position: absolute; right: 10%; width: 0; height: 0; margin-top: -.1rem;}
.numDown::after{border: .08rem solid; border-color: #9f502a transparent transparent transparent; top: 70%;}
.numUp::after{border: .08rem solid; border-color: transparent transparent #9f502a transparent; top: 40%}
.role-info .attr .num input{width: 100%; text-align: center; background: none; font-size: .24rem; ;border: 0; color: #fff1e5; font-family: "microsoft yahei","Helvetica Neue",Helvetica,STHeiTi,sans-serif;}
.role-btns{height: .6rem; overflow: hidden; margin-top: .3rem; text-align: center;}
.role-btns a{display: inline-block; vertical-align: top; width: 2.04rem; line-height: .6rem; font-size: .3rem; color: #fff1e5; background-repeat: no-repeat; background-size: auto .6rem; margin: 0 .2rem;}
.btn-reset{background-image: url(../images/btn-reset.png);}
.btn-count{background-image: url(../images/btn-count.png);}
.detail-box{border-radius: 0 .61rem 0 0; border: 1px solid #9f502a; width: 7rem; margin: .4rem auto; padding-bottom: .3rem;}
.tit-name{font-size: .32rem; text-align: center; border-bottom: 1px solid #9f502a; line-height: .8rem;}
.tit-m{font-size: .28rem; line-height: .4rem; margin-top: .5rem; overflow: hidden; clear: both;}
.tit-m::before, .tit-m::after{content: ''; display: inline-block; width: 1.28rem; height: .4rem; vertical-align: middle; background: url(../images/tit-ico.png) no-repeat; margin: 0 .2rem; background-size: 100% 100%;}
.tit-m::after{background-image: url(../images/tit-ico-r.png);}
.mateList{width: 7rem; margin: 0 auto; text-align: center;}
.mateList .list li{display: inline-block; position: relative; width: 1.25rem; background: url(../images/bg-cailiao.png) no-repeat; background-size: 1.25rem 1.26rem; height: 1.86rem; text-align: center; line-height: 2.4; font-size: .24rem; /* white-space: nowrap; */ /* text-overflow: ellipsis; */ color: #B1B1B1; margin: .15rem .1rem 0; vertical-align: top;}
.mateList .list li p{display: block; line-height: .3rem; margin-top: .3rem;}
.mateList .list img{display: block; width: 1.1rem; height: 1.1rem; margin: .06rem; border-radius: .33rem 0;}
.mateList .info{display: none; ;position: absolute; bottom: 1.2rem; width: 2.6rem; background: rgba(0,0,0,.76); display: none; z-index: 2; text-align: left; font-size: .2rem; white-space: normal; line-height: .3rem; padding: .1rem; border-radius: .08rem; color: #e2cfbf}
.mateList .info .name{color: #9f502a; font-size: .28rem;}
.mateList .info .get{font-size: .24rem;}
/*share*/
.role-box{border-radius: 0 .61rem 0 0; border: 1px solid #9f502a; width: 7rem; margin: .4rem auto; padding-bottom: .3rem;}
.role-share .role-info .img{background-image: url(../images/bg-role2.png); overflow: hidden; width: 2.7rem; height: 3.03rem; overflow: hidden; margin: .5rem .16rem 0 .12rem;}
.role-share .role-info .img img{border-radius: 0 .6rem; margin: .15rem 0 0 .05rem; width: 2.5rem;}
.role-share .role-info .name{margin-bottom: .15rem}
.areaTip{background: rgba(0,0,0,.65); width: 7.1rem; line-height: .56rem; font-size: .28rem; padding: 0 .2rem; position: relative;}
.areaTip .close{background: url(../images/btn-clear.png) no-repeat center; background-size: .28rem auto; width: .3rem; height: .4rem; overflow: hidden; font-size: 0; position: absolute; right: .2rem; top: .1rem;}
.tit-share b{font-size: .28rem; color: #dea06b; text-align: center; display: block; line-height: .5rem;}
.tit-share{text-align: center;}
.ewm-box{background: url(../images/bg-ewm.png) no-repeat; background-size:100% 100%; width: 7.03rem; height: 2.11rem; ;margin: 0 auto;}
.ewm-box img{width: 1.68rem; height: 1.67rem; margin: .22rem;}
.ewm-box span{color: #dea06b}
/* pop*/
.pop{background: url(../images/bg-pop.png) no-repeat left; background-size: 6.71rem auto; border-radius: 0 0.61rem; border: 1px solid #9f502a; width: 6.4rem; overflow: hidden; position: relative; z-index: 1000; text-align: center;}
.pop .inner{padding: 0.6rem 0.4rem 0.3rem;}
.pop .pclose{background: url("../images/pclose.png") no-repeat; background-size: 0.34rem auto; background-position: center center; width: 0.54rem; height: 0.54rem; line-height: 9.99rem; overflow: hidden; position: absolute; top: 0.15rem; right: 0.15rem;}
.pop .pf24,.pop .pf22{font-size: 0.28rem; line-height: 0.4rem; color: #e2cfbf;}
.pop .pf24 span,.pop .pf22 span{color: #23c268;}
.pop .pf22 .red{color: #ef514c;}
.pop .ptit{line-height: 0.58rem; font-size: 0.36rem; text-align: center;}
.pop .pbtn{line-height: 0rem; margin-top: 0.2rem; font-size: 0rem; text-align: center;}
.pop .pbtn a{background: #23c268; height: 0.8rem; line-height: 0.82rem; padding: 0 0.5rem; font-size: 0.32rem; color: #fff; margin: 0 0.1rem; border-radius: 0.1rem; display: inline-block; vertical-align: top; overflow: hidden;}
.pop .ftbtn{overflow: hidden; text-align: center;}
.pop .ftbtn a{height: 0.6rem; line-height: 0.6rem; font-size: 0.32rem; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; background: url(../images/btn-gray.png) no-repeat; background-size: auto .6rem; width: 2.04rem; color: #f60; display: inline-block; margin: .2rem;}
.pop .ftbtn a:first-child:nth-last-child(2)~a{color: #e2cfbf; background-image: url(../images/btn-ok.png);}
.pop2 .inner{padding: 0.4rem; padding-bottom: 0; overflow: hidden;}
.pop2 .pf24{padding: 0.2rem;}
.tal{text-align: left}
.fixed-nav{position: fixed; bottom: 2.5rem; right: .1rem; z-index: 90}
.fixed-nav a{display: block; margin: .12rem 0; width: .9rem; height: .9rem; background-repeat: no-repeat; background-size: contain;}
.fix-top{background-image: url(../images/fix-top.png);}
.fix-share{background-image: url(../images/fix-share.png);}
.fix-home{background-image: url(../images/fix-home.png); position: fixed; top: 1.5rem; right: .1rem; display: block; margin: .12rem 0; width: .9rem; height: .9rem; background-repeat: no-repeat; background-size: contain; z-index: 5;}
.fix-feedback{background-image: url(../images/fix-feedback.png);}
.popNewExt{width: 6.71rem; font-size: 0.26rem; line-height: 0.36rem; margin: 0 auto; color: #999; text-align: justify; box-sizing: border-box; position: relative; overflow: hidden;}
.popNewExt .ppEclose{background: url("../images/popEclose.png") no-repeat center center; background-size: 0.36rem 0.33rem; width: 0.8rem; height: 0.8rem; line-height: 99; display: block; position: absolute; top: 0.1rem; right: 0.1rem; z-index: 21;}
.popNewExt:before, .popNewExt:after{background-size: 100%; background-repeat: no-repeat; width: 6.71rem; height: 1.2rem; content: ''; position: absolute; left: 0; z-index: 2;}
.popNewExt:before{background-image: url("../images/popEtop.png"); top: 0;}
.popNewExt:after{background-image: url("../images/popEfoot.png"); bottom: 0;}
.popNewExt .popEback{background-image: url("../images/popEctr.png"); background-size: 6.71rem 0.2rem; background-repeat: repeat-y; width: 6.71rem; position: absolute; top: 0.35rem; right: 0; left: 0; bottom: 0.35rem; overflow: hidden;}
.popNewExt .popEwrap{position: relative; z-index: 3; padding: 0.3rem 0;}
.popNewExt .popEtit{height: 0.64rem; line-height: 0.64rem; text-align: center; overflow: hidden;}
.popNewExt .popEtit span{padding: 0 0.4rem; background-image: -webkit-linear-gradient(#efcd86, #ffc66f, #ffac47); background-image: -moz-linear-gradient(#efcd86, #ffc66f, #ffac47); background-image: -o-linear-gradient(#efcd86, #ffc66f, #ffac47); background-image: linear-gradient(#efcd86, #ffc66f, #ffac47); -webkit-background-clip: text; -moz-background-clip: text; -o-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; -o-text-fill-color: transparent; text-fill-color: transparent; font-size: 0.34rem; font-weight: bold; display: inline-block; position: relative;}
.popNewExt .popEtit span:before, .popNewExt .popEtit span:after{background: url("../images/popEtit.png") no-repeat; background-size: 100%; width: 0.14rem; height: 0.15rem; position: absolute; top: 50%; margin-top: -0.075rem; z-index: 2; display: none; content: '';}
.popNewExt .popEtit span:before{left: 0;}
.popNewExt .popEtit span:after{right: 0;}
.popNewExt .popEtip{height: 0.36rem; line-height: 0.36rem; text-align: center; color: #ffefd1; margin: 0.45rem auto 0rem; overflow: hidden;}
.popNewExt .popEstep{margin: 0.3rem 0.4rem 0; position: relative; overflow: hidden;}
.popNewExt .popEstep:before{width: 3.5rem; height: 0.1rem; border-top: 1px dashed #4f4739; content: ''; position: absolute; top: 0; left: 0; overflow: hidden;}
.popNewExt .popEstep dt{height: 0.44rem; margin-top: 0.25rem; color: #ff9f4a; font-weight: 500; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; overflow: hidden;}
.popNewExt .popEstep dt p{height: 0.44rem; line-height: 0.44rem; padding-left: 0.35rem; position: relative;}
.popNewExt .popEstep dt p i{background-repeat: no-repeat; background-position: left center; width: 0.35rem; height: 0.44rem; position: absolute; top: 0; left: 0;}
.popNewExt .popEstep dt p .popEico1{background-image: url("../images/popEico1.png"); background-size: 0.24rem 0.3rem;}
.popNewExt .popEstep dt p .popEico2{background-image: url("../images/popEico2.png"); background-size: 0.29rem 0.29rem;}
.popNewExt .popEstep dt p .popEico3{background-image: url("../images/popEico3.png"); background-size: 0.29rem 0.22rem;}
.popNewExt .popEstep dt p:nth-child(2){color: #ffefd1; font-size: 0.22rem;}
.popNewExt .popEstep dd{margin-top: 0.2rem; font-size: 0.24rem;}
.popNewExt .popEgif{background: url("../images/popEgif.gif") no-repeat; background-size: 100%; width: 6rem; height: 1.14rem; margin: 0.3rem auto 0rem; line-height: 9999; display: block; overflow: hidden; color: #fff;}
.popNewExt .popEgif p{width: 4.7rem; height: 1.1rem; line-height: 1.1rem; margin-left: 1.2rem; font-size: 0.28rem; background-image: -webkit-linear-gradient(#fcf0e9, #edcca9, #edcca9); background-image: -moz-linear-gradient(#fcf0e9, #edcca9, #edcca9); background-image: -o-linear-gradient(#fcf0e9, #edcca9, #edcca9); background-image: linear-gradient(#fcf0e9, #edcca9, #edcca9); -webkit-background-clip: text; -moz-background-clip: text; -o-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; -o-text-fill-color: transparent; text-fill-color: transparent; font-weight: bold; overflow: hidden; text-shadow: 0 0.01rem 0.01rem #fff;}
.popNewExt .popEslogan{margin: 0.3rem auto 0rem; padding: 0.3rem 0; overflow: hidden;}
.popNewExt .popEslogan img{width: 5.01rem; height: 0.63rem; margin: 0 auto; display: block;}
.newSlogan{display: block; background: url(../images/newSlogan.png) no-repeat; background-size: 5.01rem .7rem; background-position: center center; width: 5.01rem; height: .7rem; padding: .3rem 0; margin: 0 auto;}
.d-rule{padding: .3rem;}
.roleCon .empty{text-align: center; line-height: 1rem;}