@charset "utf-8";
html{width:100%;}
body{width:100%; margin:0; padding:0; font-size:100%; font-family:"Microsoft YaHei",\5b8b\4f53,Arial, Helvetica, sans-serif; background-color:#fff;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td,img{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
area{outline:none;}
img{border:0;}
ol,ul{list-style:none;}
a{text-decoration:none;outline:none;}
body,html{overflow-x: hidden;}
#content{width: 19.2rem; display: none;}
body{background: #e3dabe;}
.imgPub{display: block; width: 100%;}
.publicSection{display: none;}
.navMain{width: 2.09rem; height: 7.2rem; position: absolute; right: 0.1rem; top: 50%; margin-top: -3.6rem; z-index: 100;}
.navMain a{display: block; width: 2.09rem; height: 1.68rem; cursor: pointer; overflow: hidden; text-indent: -999rem; margin-bottom: 0.03rem;}
.navMain a.n1{background: url(https://nq.games.laohu.com/_s/zx2202goddess/n1.png) no-repeat right 0; background-size: 5.29rem 1.68rem;}
.navMain a.n2{background: url(https://nq.games.laohu.com/_s/zx2202goddess/n2.png) no-repeat right 0; background-size: 5.29rem 1.68rem;}
.navMain a.n3{background: url(https://nq.games.laohu.com/_s/zx2202goddess/n3.png) no-repeat right 0; background-size: 5.29rem 1.68rem;}
.navMain a.n4{background: url(https://nq.games.laohu.com/_s/zx2202goddess/n4.png) no-repeat right 0; background-size: 5.29rem 1.68rem; margin-bottom: 0;}
.navMain a.on{background-position: 0 0;}
.section1{background: url(https://nq.games.laohu.com/_s/zx2202goddess/bg1.jpg) no-repeat 0 0; background-size: 100% auto; height: 38.8rem;}
.section2{background: url(https://nq.games.laohu.com/_s/zx2010talent/bg2.jpg) no-repeat 0 0; background-size: 100% auto; height: 10.93rem;}
.section3{background: url(https://nq.games.laohu.com/_s/zx2202goddess/bg3.jpg) no-repeat 0 0; background-size: 100% auto; height: 30rem;}
.section4{background: url(https://nq.games.laohu.com/_s/zx2202goddess/bg4.jpg) no-repeat 0 0; background-size: 100% auto; height: 13.51rem;}
.section5{background: url(https://nq.games.laohu.com/_s/zx2202goddess/bg5.jpg) no-repeat 0 0; background-size: 100% auto; height: 10.82rem;}

.videoLeft{width: 9.95rem; height: 6.4rem; position: absolute; left: 2.19rem; top: 2.19rem;}
.videoPlay{width: 9.95rem; height: 5.58rem; background: #000;}
.videoPlay video{width: 9.95rem; height: 5.58rem; display: block; outline: none;}
.serverInfo{height:0.8rem; line-height: 0.8rem; font-size: 0.26rem; color: #94d1ef;}
.serverInfo span{color: #FFF; margin-right: 0.56rem;}
.videoRight{width: 3.48rem; position: absolute; right: 3.18rem; top: 2.12rem;}
.videoList{width: 3.48rem; height: 1.94rem; margin-bottom: 0.05rem; position: relative; padding-top: 0.08rem; cursor: pointer;}
.videoList img{display: block; width: 3.32rem; height: 1.86rem; margin:0 auto;}
.videoList span{display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(https://nq.games.laohu.com/_s/zx2010talent/play.png) no-repeat center center; background-size: 0.69rem auto;}
.videoOn{background: #2794cd;}

.popScroll::-webkit-scrollbar{width:12px;height:12px;background-color:rgba(0,0,0,0);}
.popScroll::-webkit-scrollbar-track{border-radius:0;background-color:#dbdac8;}
.popScroll::-webkit-scrollbar-thumb{border-radius:0;background-color:#4d4d4d;} 
.popScroll::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.popScroll::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.popScroll::-webkit-scrollbar-track-piece{margin:0;}

.wheel-box{width: 4.77rem; height: 5.48rem; position: absolute; top:3.1rem; left:6.85rem;}
.wheel-cont{width: 4.77rem; height: 5.48rem; position: absolute; top:0; left:0; animation:rcircle 12s linear 0s infinite; -webkit-animation:rcircle 12s linear 0s infinite;}
.wheel-circle{position: absolute; left: 0; top:0; width: 4.77rem; height: 5.48rem; z-index: 2; animation:recircle 0s linear 0s infinite; -webkit-animation:recircle 0s linear 0s infinite;}
.wheel-item{width: 0.11rem; height: 0.11rem; position: absolute;}
.wheel-item img{width: 0.97rem; height: 1.07rem; position: absolute; left: 50%; margin-left: -0.485rem; top:0px;}

.wheel-cont .item1{left: 2.4rem; top:0;animation:recircle 12s linear 0s infinite; -webkit-animation:recircle 12s linear 0s infinite;}
.wheel-cont .item2{left: 4.71rem; top:1.34rem;animation:recircle 12s linear 0s infinite; -webkit-animation:recircle 12s linear 0s infinite;}
.wheel-cont .item3{left: 4.70rem; top:4.02rem;animation:recircle 12s linear 0s infinite; -webkit-animation:recircle 12s linear 0s infinite;}
.wheel-cont .item4{left: 2.38rem; top:5.4rem;animation:recircle 12s linear 0s infinite; -webkit-animation:recircle 12s linear 0s infinite;}
.wheel-cont .item5{left: 0.03rem; top:4.02rem;animation:recircle 12s linear 0s infinite; -webkit-animation:recircle 12s linear 0s infinite;}
.wheel-cont .item6{left: 0.03rem; top:1.34rem;animation:recircle 12s linear 0s infinite; -webkit-animation:recircle 12s linear 0s infinite;}

.balloon1{width: 1.82rem; height: 2.48rem; position: absolute; left: 0.1rem; top:0.1rem; background: url(https://nq.games.laohu.com/_s/zx2010talent/balloon1.png) no-repeat center top; background-size:100% auto; animation:fireworks 3s linear 0s infinite; -webkit-animation:fireworks 3s linear 0s infinite ; z-index: 5}
.balloon2{width: 1.4rem; height: 1.64rem; position: absolute; right: 0.2rem; top:3rem; background: url(https://nq.games.laohu.com/_s/zx2010talent/balloon2.png) no-repeat center top; background-size:100% auto; animation:fireworks 4s linear 0.2s infinite; -webkit-animation:fireworks 4s linear 0.2s infinite; opacity: 0; filter:alpha(opacity=0); z-index: 5}

.lcMain{width: 11.20rem; height: 1.78rem; background: url(https://nq.games.laohu.com/_s/zx2202goddess/top.png) no-repeat 0 0; background-size: 100% auto; position: absolute; left: 3.28rem; top: 1.7rem;}
.lcMain a{display: block; overflow: hidden; text-indent: -999rem; width: 2.28rem; height: 0.63rem; position: absolute; top: 0.79rem; cursor: pointer;}
.lcMain a.btn1{left: 2.14rem; background: url(https://nq.games.laohu.com/_s/zx2010talent/btn1.png) no-repeat 0 0; background-size: 4.88rem auto;}
.lcMain a.btn2{left: 8.2rem; background: url(https://nq.games.laohu.com/_s/zx2010talent/btn2.png) no-repeat 0 0; background-size: 4.88rem auto;}
.lcMain a.disable{background-position: right 0; cursor: default;}
.lcMain a.end{background-position: 0 bottom; cursor: default;}

.search-box{width: 14.16rem; height: 8.43rem; position: absolute; left: 2.45rem; top: 4rem;}
.serach-top{height: 1.15rem;}
.search-item1{float: left; width: 3.9rem; height: 0.66rem; background: #FFF; border: 0.01rem solid #3fb880; border-radius: 0.18rem; margin-right:0.3rem;}
.search-item1 span{float: left; width: 1.3rem; height: 0.66rem; line-height: 0.66rem; text-align: center; font-size: 0.26rem; color: #295e35; border-radius: 0.18rem; cursor: pointer;}
.search-item1 span.on{background: #3fb880; color: #295e35;}
.select-sel{float: left; width: 3.8rem; height: 0.66rem; background: #FFF; background-size: 0.33rem auto; border: 0.01rem solid #3fb880; border-radius: 0.18rem; position: relative;}
.select-sel span{float: left; width: 2.02rem; height: 0.66rem; line-height: 0.66rem; text-align: center; font-size: 0.26rem; color: #40beca; border-radius: 0.18rem; cursor: pointer;}
.select-sel span.on{background: #3fb880; color: #295e35;}
.select-sel select{width: 1.5rem; height: 0.68rem; position: absolute; left: 2.1rem; top: 0; background:transparent; border:0 none; outline: none; font-size: 0.26rem;}
.input-wrap{float: right; width: 4.9rem; height: 0.66rem; background: #FFF; background-size: 0.33rem auto; border: 0.01rem solid #3fb880; border-radius: 0.18rem;}
.input-wrap span{float: right; width: 1.68rem; height: 0.66rem; line-height: 0.66rem; text-align: center; font-size: 0.26rem; color: #40beca; border-radius: 0.18rem; cursor: pointer;}
.input-wrap span.on{background: #3fb880; color: #295e35;}
.input-wrap input{float: left; width: 3rem; height: 0.66rem; border:0 none; background:none; font-size: 0.26rem; padding:0 0.1rem; outline: none;}

.prodlist{height: 6rem; width: 100%; overflow: hidden;}
.prodlist ul{width: 15rem;}
.prodlist li{float: left; width: 3.35rem; height: 2.7rem; margin:0 0.25rem 0.35rem 0; overflow: hidden; position: relative; background: #FFF;}
.prodlist li img{display: block; width: 3.35rem; height: 2.7rem;}
.prodlist .layer{width: 100%; height: 0.48rem; line-height: 0.48rem; font-size: 0.22rem; color: #FFF; position: absolute; left: 0; bottom: 0; z-index: 10; background: rgba(0,0,0,0.5);}
.prodlist .layer span.roleName{float: left; padding-left: 0.18rem;}
.prodlist .layer span.praise-numb{float: right; width: 0.7rem; padding-left: 0.32rem; background: url(https://nq.games.laohu.com/_s/zx2010talent/x.png) no-repeat 0 0; background-size: 0.28rem auto; cursor: pointer;}
.prodlist .layer span.on{background-position: 0 bottom;}

.page{width:6rem; height: 0.7rem; line-height: 0.7rem; margin: 0 auto; padding-top: 0.2rem;}
.btnPrev{float: left;}
.btnNext{float: right;}
.btnPrev,.btnNext{width: 1.65rem; height: 0.7rem; border-radius: 0.3rem; background-color: #3fb880; font-size: 0.3rem; color: #295e35; text-align: center; cursor: pointer;}
.pagebox{width: 2.7rem;  font-size: 0.3rem; color: #295e35; cursor: pointer; float: left; text-align: center;} 

.popFiex{width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.8); z-index: 999; display: none;}
.pubMain{width: 14.97rem; height: 6.54rem; background: url(https://nq.games.laohu.com/_s/zx2103igoddess/pop1.png) no-repeat 0 0; background-size: 100% auto; position: fixed; left: 50%; top: 50%; margin:-3.27rem 0 0 -7.47rem;}
.pubMain2{width: 8.23rem; height: 3.87rem; background: url(https://nq.games.laohu.com/_s/zx2103igoddess/pop2.png) no-repeat 0 0; background-size: 100% auto; position: fixed; left: 50%; top: 50%; margin:-1.935rem 0 0 -4.115rem;}
.pubLeft{width: 6.8rem; position: absolute; left: 0.67rem; top: 0.99rem;}
.videoInt{display: block; width: 6.8rem; height: 3.83rem;}
.pubLeft video{display: block; width: 6.8rem; height: 3.83rem;}
.pubLeft p{padding-top: 0.26rem; text-align: center; font-size: 0.3rem; color: #fff;}
.pubRight{width: 6.3rem; position: absolute; right: 0.6rem; top: 0.88rem;}
.pubText{height: 3.72rem;}
.pubList{height: 0.64rem; font-size: 0.3rem; color: #FFF; line-height: 0.48rem;}
.pubList span{float: left; width: 1.52rem; height: 0.64rem;}
.pubList strong{float: left; width: 4.6rem; font-weight: normal;}
.pubRight a{overflow: hidden; text-indent: -999rem; height: 0.96rem;}
.pubRight a.zanBtn{float: left; width: 3.95rem; background: url(https://nq.games.laohu.com/_s/zx2103igoddess/zan.png) no-repeat 0 0; background-size: 3.95rem auto;}
.pubRight a.on{background-position: 0 bottom;}
.pubRight a.closepop{float: right; width: 2.06rem; background: url(https://nq.games.laohu.com/_s/zx2103igoddess/close.png) no-repeat 0 0; background-size:100% auto;}

#videoPopPlay{width: 100%; height: 100%;}
a.closepop2{width: 2.06rem; overflow: hidden; text-indent: -999rem; height: 0.96rem; position: absolute; right: 0.1rem; top: 0.1rem; z-index: 999; background: url(https://nq.games.laohu.com/_s/zx2103igoddess/close.png) no-repeat 0 0; background-size:100% auto;}

.msgText{text-align: center; font-size: 0.4rem; color: #FFF; padding-top: 1.15rem; padding: 0.8rem 0.2rem 0 0.2rem; height: 1.5rem; line-height: 0.5rem;}
.msgBtn{width: 6.24rem; margin:0 auto;}
.msgBtn a{display: block; overflow: hidden; text-indent: -999px; width: 2.62rem; height: 0.96rem; cursor: pointer;}
.msgBtn a.clBtn{float: left; background: url(https://nq.games.laohu.com/_s/zx2103igoddess/clbtn.png) no-repeat 0 0; background-size: 100% auto;}
.msgBtn a.enterBtn{float: right; background: url(https://nq.games.laohu.com/_s/zx2103igoddess/enterbtn.png) no-repeat 0 0; background-size: 100% auto;}
.msgBtn a.msgBtn{background: url(https://nq.games.laohu.com/_s/zx2103igoddess/enterbtn.png) no-repeat 0 0; background-size: 100% auto; margin:0 auto;}

.uploadMain{width: 11.79rem; height: 5.16rem; position: absolute; left: 3.7rem; top: 2.24rem; background: rgba(255,255,255,0.5);}
.uploadLeft{float: left; width: 3.05rem;}
.uploadVideo{width: 3.05rem; height: 3.06rem; margin-bottom: 0.2rem; background: url(https://nq.games.laohu.com/_s/zx2202goddess/upvideo.png) no-repeat 0 0; background-size: 100% auto; position: absolute; left: 0.66rem; top: 0.58rem;}
.uploadPic{width: 3.05rem; height: 3.06rem; background: url(https://nq.games.laohu.com/_s/zx2010talent/uppic.png) no-repeat 0 0; background-size: 100% auto; position: relative;}
.uploadInput{width: 3.05rem; height: 3.06rem; position: absolute; left: 0; top: 0; z-index: 10; opacity: 0;}
.showBox{width: 3.05rem; height: 3.06rem; position: absolute; left: 0; top: 0; z-index: 5; display: none;background: #FFF;}
.showBox img{display: block; width: 3.05rem; height: 3.06rem;}
.showBox span{display: block; width:3.05rem; height: 3.06rem; position: absolute; left: 0;top: 0;}
.showBox span.a1{background:rgba(0,0,0,0.5) url(https://nq.games.laohu.com/_s/zx2202goddess/aa.png) no-repeat center center; background-size:1.89rem auto;}
.showBox span.a2{background:rgba(0,0,0,0.5) url(https://nq.games.laohu.com/_s/zx2010talent/bb.png) no-repeat center center; background-size:1.59rem auto;}

.uploadRight{width: 6.96rem; height: 3.64rem; position: absolute; right: 0.66rem; top: 0.58rem;}
.areaMain{width: 6.96rem; height: 2.31rem; background: url(https://nq.games.laohu.com/_s/zx2103igoddess/area.png) no-repeat 0 0; background-size: 100% auto; position: relative;}
.areaMain textarea{border: 0 none; width: 6.46rem; height: 1.48rem; position: absolute; left: 0.25rem; top: 0.15rem; outline: none; font-size: 0.28rem; line-height: 0.4rem; color: #000; font-family: "Microsoft YaHei"; resize:none; background: none;}
.tip{width: 1.12rem; position: absolute; right: 0; bottom: 0.2rem; color: #000; font-size: 0.2rem;}
.btns{width: 6.12rem; margin:0 auto; padding-top: 0.48rem;}
.btns a{width: 2.85rem; height: 0.87rem; overflow: hidden; text-indent: -999rem;}
.btns a.btnSub{background: url(https://nq.games.laohu.com/_s/zx2202goddess/uploadBtn.png) no-repeat 0 0; float: left; background-size: 100% auto;}
.btns a.check{background: url(https://nq.games.laohu.com/_s/zx2202goddess/serverBtn.png) no-repeat 0 0; float: right; background-size: 100% auto;}

@-webkit-keyframes recircle{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:center center;transform-origin:center center}
    100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg);-webkit-transform-origin:center center;transform-origin:center center}
}
@keyframes recircle{
    0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
    100%{-webkit-transform:rotate(-360deg);-ms-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-webkit-keyframes fireworks{
    0%{-webkit-transform:scale(0);transform:rotate(0); opacity: 0}
    20%{-webkit-transform:scale(.2);transform:rotate(.2);}
    40%{-webkit-transform:scale(.4);transform:rotate(.4); }
    60%{-webkit-transform:scale(.6);transform:rotate(.6); opacity: 1}
    80%{-webkit-transform:scale(.8);transform:rotate(.8);}
    100%{-webkit-transform:scale(1);transform:rotate(1);opacity: 0}
}
@keyframes fireworks{
    0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity: 0}
    20%{-webkit-transform:scale(.2);-ms-transform:scale(.2);transform:scale(.2);}
    40%{-webkit-transform:scale(.4);-ms-transform:scale(.4);transform:scale(.4);}
    60%{-webkit-transform:scale(.6);-ms-transform:scale(.6);transform:scale(.6); opacity: 1}
    80%{-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);}
    100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity: 0}
}

@-webkit-keyframes rcircle{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:0 0;transform-origin:0 0}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-transform-origin:0 0;transform-origin:0 0}
}
@keyframes rcircle{
    0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
}