@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{ 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;}
#wrap{display: none; width:19.2rem; height: 36.44rem; background: url(https://nq.games.laohu.com/_s/zx2011gratitude/bg.jpg) no-repeat 0 0; background-size: 100% auto;}
.header{height: 19.56rem;}
.textClick{display: block; width: 0.77rem; height: 0.77rem; background: url(https://nq.games.laohu.com/_s/zx2011gratitude/ps.png) no-repeat 0 0; background-size: 100% auto; position: absolute; left: 12.2rem; top: 11.02rem; cursor: pointer;}

.main{height: 14.5rem; position: relative;}
.gimg{display: block; position: absolute;right: 0; top: 0; width: 6.69rem; z-index:10;}
.textBox{width: 15.7rem; height: 8.7rem; position: absolute; left:1.95rem; top:0.6rem; overflow: hidden; color: #ffe7e3; font-size: 0.48rem; font-weight: bold;}
/*.textBox::-webkit-scrollbar{width:6px;height:6px;background-color:rgba(0,0,0,0);}
.textBox::-webkit-scrollbar-track{border-radius:0;background-color:rgba(255,190,106,0.2);}
.textBox::-webkit-scrollbar-thumb{border-radius:0;background-color:#a08644;} 
.textBox::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.textBox::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.textBox::-webkit-scrollbar-track-piece{margin:0;}*/
.textBox span{color: #ffcec6;}
.textBox li{line-height: 0.9rem; color: #ffe7e3; font-size: 0.48rem; font-weight: bold;}

.btnBox{width: 100%; position: absolute; left: 0; bottom:0;}
.btnBox img{display: block; margin: 0 auto; width: 8.85rem;}


.popGz{width: 14.02rem; height: 9.5rem; background: url(https://nq.games.laohu.com/_s/zx2011gratitude/pop.png) no-repeat 0 0; background-size: 100% auto; position: fixed; left: 50%; top: 50%; margin: -4.75rem 0 0 -7.01rem; display: none; z-index: 999;}
.gzBox{padding: 1.4rem 0.5rem 0 0.5rem; font-size: 0.34rem; color: #4d4d4d; line-height: 0.7rem;}
.gzBox strong{float: left; background: #b65b48; width: 0.48rem; height: 0.48rem; border-radius: 0.48rem; line-height: 0.48rem; text-align: center; color: #FFF; font-weight: normal; margin-right: 0.1rem; margin-top: 0.1rem;}
.gzBox span{color: #F00;}
.popClose{display: block; width: 1.23rem; height: 1.22rem; background: url(https://nq.games.laohu.com/_s/zx2011gratitude/close.png) no-repeat 0 0; background-size:100% auto; position: absolute; right: -1.23rem; top:0.3rem;}
.popClose2{display: block; width: 0.84rem; height: 0.84rem; background: url(https://nq.games.laohu.com/_s/zx2011gratitude/close1.png) no-repeat 0 0; background-size:100% auto; position: absolute; right: -0.84rem; top:0.3rem;}

.popBg{background:#000; filter:alpha(opacity=80);-moz-opacity:0.8; opacity:0.8; width: 100%; height: 100%; position:fixed; left: 0; top: 0; z-index: 998; display: none;}
.popInput{background: url(https://nq.games.laohu.com/_s/zx2011gratitude/pop1.png) no-repeat 0 0; background-size:100% auto; width: 15.91rem; height: 7.49rem; position: fixed; left: 50%; top: 50%; margin: -3.745rem 0 0 -7.955rem; z-index: 999; display: none;}


.fromBox{width: 13.43rem; margin: 0 auto; padding: 1.4rem 0 0 0;}
.inputlist{height: 2.44rem; padding-left: 0.9rem; position: relative;}
.inputlist input{float: left; width: 11.50rem; font-size: 0.36rem; color: #ffcec6; height: 1.2rem; border: 0 none; background: none; outline: none;}
.inputSize{width: 1.3rem; height: 0.54rem; background: #070e19; border-radius: 0.27rem; text-align: center; line-height: 0.54rem;font-size: 0.36rem; color: #ffcec6; position: absolute; right: 0.74rem; top: 1.18rem;}

.btnBox2{width: 100%; position: absolute; left: 0; top:6.2rem;}
.btnBox2 img{display: block; margin: 0 auto; width: 5.46rem;}

.popEnter{background: url(https://nq.games.laohu.com/_s/zx2011gratitude/pop2.png) no-repeat 0 0; background-size:100% auto; width: 15.91rem; height: 7.49rem; position: fixed; left: 50%; top: 50%; margin: -3.745rem 0 0 -7.955rem; z-index: 999; display: none;}
.popText{padding-top: 2.18rem;}
.popMess{text-align: center;font-size: 0.48rem; color: #ffcec6; height: 2.14rem;}
.popMess span{color: #fdda7f; font-size: 0.54rem;}
.popBtns{width: 10.2rem; margin: 0 auto;}
.popBtns a.popClose3{float: left; width: 4.64rem; height: 1.73rem; background: url(https://nq.games.laohu.com/_s/zx2011gratitude/close2.png) no-repeat 0 0; background-size: 100% auto;}
.popBtns a.submit{float: right; width: 4.64rem; height: 1.73rem; background: url(https://nq.games.laohu.com/_s/zx2011gratitude/btn3.png) no-repeat 0 0; background-size: 100% auto;}

.swiper-container{width: 100%;height: 100%;}
.swiper-slide {
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: left;
      -webkit-box-align: left;
      -ms-flex-align: left;
      -webkit-align-items: left;
      align-items: left;
      text-align: left;
}


input::-webkit-input-placeholder{
    color:#ffcec6;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#ffcec6;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#ffcec6;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#ffcec6;
}