@charset "UTF-8";
/** * style.css
* @authors leiting (444961169@qq.com)
* @Last Modified time: 2020-02-10 11:41:55
html{font-size: 14px;}
*/
html{-ms-touch-action: none; -webkit-text-size-adjust: none;}
*{margin: 0 auto; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0, 0, 0, 0)}
ul,li{ list-style: none }
body{-webkit-text-size-adjust: none}
body,
button,
input,
select,
textarea{font: 1rem/1.5 \5fae\8f6f\96c5\9ed1, \5b8b\4f53, Arial, Verdana}
textarea{overflow: auto}
a{text-decoration: none}
.clearfix:before,
.clearfix:after{content: ""; display: table}
.clearfix:after{clear: both}
.clearfix {
    *zoom: 1
}
a,
.hand{cursor: pointer}
.vam{vertical-align: middle}
.por-r{position: relative;}
.red{ color: #ff0000; }
.tl{ text-align: left; }
.tc{ text-align: center; }
.tr{ text-align: right; }
.dn{ display: none }
.cj2-p25{padding: .25rem;}
.cj2-yellow{color: #ff0003;}
body{color: #353b4a;background: #EDF0F5;background-size: 100%;font-size: .35rem;padding-top: 0;position: relative;}
.main-box{ position: relative; }
.main-box .head{position: absolute;top: 0px;left: 0;line-height: 1rem;color: #fff;text-align: center;width: 8rem;display:inline-block;font-size: .4rem;z-index: 3;}
.main-box .head img{ width: 0.17rem; height: .31rem; float: left;margin: .3rem 0 0 .3rem;}
.top-banner{width: 8rem;height: 4.94rem;position: absolute;}
.btn-mx{width:.85rem;height:.43rem; line-height: .43rem; background:rgba(255,255,255,.7);box-shadow:0px 4px 5px 1px rgba(6,69,165,0.15);border-radius:21px 0px 0px 21px;display: inline-block;text-align: center;color: #1080A6;position: absolute;right: 0rem;top: 1rem;}
.bg-layer{position: fixed;z-index: 99;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .5); display: none;}
.tc-box{width: 7rem;position: fixed;left: 50%;top: 50%;z-index: 100;display: none;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform:translate(-50%,-50%); background: #EEEEEE; border-radius: .1rem;}
.tc-close{ position:absolute; top:-1rem; right:0rem; width:.7rem}
.user-box{width: 100%;position: relative;padding-top: 2rem;}
.user-head{width: .85rem;height: .85rem;display: inline-block;vertical-align: top;margin-left: .5rem;border: 2px solid #97c0fd;border-radius: 100%;}
.user-cen{display: inline-block;width: 4rem;vertical-align: top;color: #fff;font-size: .21rem;}
.user-cen h2{font-size: .26rem;}
.user-cen span{color: #ffe651;}
.qd-box{width: 7.5rem;background: #fff;border-radius: .2rem;padding: .3rem;margin-top: .5rem;height: 3.8rem;box-shadow: 0px 5px 10px #ccc;color: #4D4D4D;font-size: .26rem;}
.qd-box h3{font-size:.3rem;font-weight: normal;}
.qd-box h3 span,.qd-box p span,.qd-sure span{ color:#f00}
.qd-box ul{ display: flex; flex-direction:row; justify-content : space-between;}
.qd-box ul li{text-align: center;width: .87rem;height: 1.17rem;background: rgba(245,245,245,1);border-radius: 5px;margin: .2rem 0.06rem;font-size: .19rem;line-height: 1;}
.qd-box ul li.on{background: -webkit-linear-gradient(red, blue);
    background: -o-linear-gradient(#f9b059, #f97c64);
    background: -moz-linear-gradient(#f9b059, #f97c64);
    background: linear-gradient(#f9b059, #f97c64); color: #fff; }
.qd-box ul li i{width: .87rem;height: .75rem;background: url(../../Images/jb2.png) no-repeat;background-size: 100%;display: inline-block;}
.qd-box ul li.on i{background: url(../../Images/jb1.png) no-repeat;background-size: 100%;}
.qd-box ul li:nth-child(3) i{background: url(../../Images/jb3-1.png) no-repeat;background-size: 100%;}
.qd-box ul li.on:nth-child(3) i{background: url(../../Images/jb3.png) no-repeat;background-size: 100%;}
.qd-box ul li:nth-child(7) i{background: url(../../Images/libao.png) no-repeat;background-size: 100%;}
.qd-box ul li.on:nth-child(7) i{background: url(../../Images/libao-1.png) no-repeat;background-size: 100%;}
.yxgz-box{font-size: .26rem;padding: .2rem .3rem;color: #808080;line-height: 1.6;padding-bottom: 2rem;}
.yxgz-box p{margin-bottom: .15rem;}
.yxgz-box h3{color:#4D4D4D; font-size:.32rem; margin-bottom: .2rem; }
.qd-box dl{background:#F5F5F5;margin-top: .2rem;text-align: center;}
.qd-box dd{ width: 48%; display: inline-block; vertical-align: top; text-align: center;  line-height: .6rem;}
.qd-box dd img{width: .38rem;height: .38rem;display: inline-block;margin-right: .2rem;vertical-align: middle;}
.btn-box{ text-align: center; position: fixed; width: 8rem; bottom: 0px; left: 50%; margin-left: -50%; background: #EDF0F5; padding: .2rem;     box-shadow: 0px -5px 15px #dedede;}
.btn-box a{ width: 3.14rem; height: 0.85rem; line-height: .85rem; text-align: center; margin:0 .2rem; color: #fff; font-size: .32rem; display: inline-block;background: -webkit-linear-gradient(to right,#f9b059, #f97c64); background: -o-linear-gradient(to right,#f9b059, #f97c64);
background: -moz-linear-gradient(to right,#f9b059, #f97c64);background: linear-gradient(to right,#f9b059, #f97c64); border-radius: 2rem;}
.btn-box a:nth-child(2),.btn-simt{background: -webkit-linear-gradient(to right,#38afe4, #388ee4); background: -o-linear-gradient(to right,#38afe4, #388ee4);
    background: -moz-linear-gradient(to right,#38afe4, #388ee4);background: linear-gradient(to right,#38afe4, #388ee4); display: inline-block;}
.qd-sure{background: #F5F5F5;width: 7rem;line-height: 1rem;text-align: center;color: #666666;font-size: .3rem;display: block;position: fixed;bottom: 3rem;left: 50%;z-index: 100;border-radius:.1rem;margin-left: -3.5rem; display: none;}
.tc-tit{width: 7rem;height: 1.4rem;background: url(../../Images/jfmx-tit.png) no-repeat;background-size: 100%;line-height: 1.4rem;text-align: center;color: #fff;text-shadow: 0 0 5px #5c5c5c;font-size: .35rem;}
.jfmx-list .list{height: 3.5rem;display: inline-block;}
.jfmx-list dl{ display: table;width: 100%; }
.jfmx-list dt,.jfmx-list dd{display: table-cell;font-size: .28rem;text-align: center;line-height: 3;color: #999999;}
.jfmx-list dt{ color: #4D4D4D; font-size: .3rem;}
.jfmx-list dt:nth-child(1),.jfmx-list dd:nth-child(1){width: 1.5rem;}
.jfmx-list dt:nth-child(2),.jfmx-list dd:nth-child(2){width: 2rem;}
.jfmx-list dt:nth-child(3),.jfmx-list dd:nth-child(3){width: 4rem;}
.tc-box .tc-cen{padding: 0 .2rem .2rem;text-align: center;}
.page{width: 1.5rem;text-align: center;background: -webkit-linear-gradient(to right,#38afe4, #388ee4);background: -o-linear-gradient(to right,#38afe4, #388ee4);background: -moz-linear-gradient(to right,#38afe4, #388ee4);background: linear-gradient(to right,#38afe4, #388ee4);line-height: .5rem;border-radius: 2rem;color: #fff;font-size: .25rem; display: none;}
.uppage{ float: left;}
.downpage{ float: right;}
.loading{ background: rgba(0, 0, 0, .5); position: fixed; top: 0px; left: 0; right: 0; bottom: 0; text-align: center; z-index: 33; display: none;}
.loading img{ width: 1rem; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.errcMsg{ background: rgba(0, 0, 0, 1); position: absolute; top: 0px; left: 0; right: 0; bottom: 0; z-index: 99; text-align: center; color: #fff; font-size: .3rem; display: none; }
.errcMsg span{ width: 100%; position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.never-box{text-align: center;line-height: 1.8;background: rgba(0, 0, 0, .8);color: #fff;padding: .3rem;}
.prize-box{width: 7.8rem;height: 17rem;display: block;background: url(../../Images/cjbox-bg.png) no-repeat;background-size: 100%;padding-left: .2rem;}
.tip-box .tc-cen{ text-align:left}

/*游戏区域*/
.play {z-index: 1;width: 6.4rem;height: 5.86666667rem;}
.play li {position: relative;float: left;width: 2.1rem;margin: -.02rem;height: 2rem;background: url("../../Images/normal.png") no-repeat;background-size: 100%;}
.play li:nth-child(4) {left: 4.12rem;top: 0;}
.play li:nth-child(5) {left: 2.04rem;top: 1.95rem;}
.play li:nth-child(6) {left: -2.05rem;top: 1.95rem;}
.play li:nth-child(8) {left: -2.05rem;top: -1.95rem;}
.play li div {position: relative;z-index: 1;width: 100%;height: 100%;text-align: center;}
/*奖品图片大小*/
.play li div img {width: 1.5rem;height: 1.1rem;margin-top: .2rem;}
.play li div p {width: 100%;color: #023973;font-size: 0.2rem;position: absolute;line-height: 1;bottom: .28rem;}
.play li.select {background: url("../../Images/select.png") no-repeat; background-size: 100%;}
  /*开始按钮*/
#btn {background: url("../../Images/start.png") no-repeat;background-size: 100%;top: -1.9rem;left: -2rem;width: 2rem;}
.penple-box{width: 4.8rem;margin-top: .4rem;line-height: .8rem;font-size: .3rem;color: #995A00;}
.penple-box img,.penple-box h3{ display: inline-block; vertical-align: middle;}
.penple-box img{margin-left: -.2rem;width: .7rem;height: .7rem;}
.penple-box p{ float: right;}
.prrule-box{color: #fff;font-size: .26rem;width: 7rem;margin-top: 1rem;height: 5.5rem;}
.prrule-box p{ margin-top:.2rem}
.prbtn-box{ text-align: center; color: #fff; font-size: .32rem;}
.prbtn-box a{width:2.24rem;height:.85rem;border-radius:.43rem .42rem .42rem .43rem;color: #fff;margin: 0 .1rem;display: inline-block;line-height: .85rem;background: -webkit-linear-gradient(to right,#f7a462, #388ee4);background: -o-linear-gradient(to right,#f7a462, #f78362);background: -moz-linear-gradient(to right,#f7a462, #f78362);background: linear-gradient(to right,#f7a462, #f78362);box-shadow: 0px 5px 15px #b1b1b1;}

.prbtn-box a:nth-child(2){background: -webkit-linear-gradient(to right,#38afe4, #388ee4);background: -o-linear-gradient(to right,#38afe4, #388ee4);background: -moz-linear-gradient(to right,#38afe4, #388ee4);background: linear-gradient(to right,#38afe4, #388ee4);}

.prbtn-box a:nth-child(3){background: -webkit-linear-gradient(to right,#fbca80, #ffa544);background: -o-linear-gradient(to right,#fbca80, #ffa544);background: -moz-linear-gradient(to right,#fbca80, #ffa544);background: linear-gradient(to right,#fbca80, #ffa544);}

#scroll-box{width: 6rem;font-size: .25rem;height: .7rem;line-height: .7rem;overflow:hidden; margin-bottom: .65rem;}
#scroll-box ul{margin: 0;line-height: .7rem; color: #004D9E; font-weight: bold;}
#scroll-box ul span{ color: #ffe66c; }
.adds-tab{padding: .4rem 0!important;background: #fff;}
.adds-tab dd,.adds-tab dt{ display:inline-block}
.adds-tab dt{width: 1.2rem;font-size: .28rem;text-align:left;margin: .2rem;}
.adds-tab input{width: 4.5rem;line-height: .7rem;height: .7rem;font-size: .25rem;border-radius: .1rem;padding: 0 .2rem;border: 1px solid rgba(230,230,230,1);}
.btn-simt{width: 3rem;line-height: .8rem;text-align: center;border-radius: 3rem;margin-top: .3rem;color: #fff;}
.tip-box{background:#fff;font-size: .26rem;padding: .3rem .2rem;line-height: 1.8;}
.tip-box h2{font-size: .35rem;line-height: 1rem;text-align:center;}

.v2-banner1 .swiper-container{padding: .2rem 0 0;}
.v2-banner1 .swiper-slide{width: 90%; padding: 0 2%; display: block; background: none; position: relative;}
.v2-banner1 .swiper-slide-active{display: block; background: none; margin-top: -.2rem;}
.v2-banner1 .swiper-slide img{width: 98%; margin: 0% 1%; border-radius: .2rem; font-size: .2rem; height: 3rem;}
.v2-banner1 .swiper-slide-active img{width:104%; margin: 0 0 0 -2%;height: 3.3rem;}
.v2-banner1 .swiper-slide a{width: 1.2rem;line-height: .6rem;display: inline-block;position: absolute;right: .3rem;bottom: .3rem;background: #ffcb2f;text-align: center;border-radius: .1rem;border-bottom: 2px solid #827b83;font-size: .25rem; font-weight: bold;}
.shopping-main .user-box{ padding-top: .7rem; margin-bottom: .6rem;}
.shp-box{ padding: .3rem;}
.shp-box .title{ font-size: .3rem; font-weight: bold;}
.shp-box .title i{width:0.06rem;height:0.32rem;background:#4370FB;border-radius:3px; display: inline-block; vertical-align: middle; margin-right: .1rem;}
.shp-box .title span{ float: right; font-size: .2rem; color: #999999;}
.shp-box ul{ margin-top:.7rem; }
.shp-box li{display: flex;flex-direction:row;flex-wrap: nowrap;justify-content : space-between;align-items : center;background: url(../../Images/li-bg.png) bottom center no-repeat;background-size: 100%;padding-bottom: .7rem;margin-top: -.4rem;}
.shp-box li img{width: 2.5rem;}
.shp-box li h3{font-size: .32rem;color: #4D4D4D;width: 3rem;}
.shp-box li h4{font-size: .26rem;color: #666666;font-weight: normal;}
.shp-box li p{font-size: .3rem;color: #FF5500;}
.shp-box li>a{width: 2rem;height: .85rem;line-height: .85rem;text-align: center;color: #fff;background: linear-gradient(90deg,#f7a262,#f78362);border-radius: 1rem;box-shadow: 0px 5px 15px #ffd1c4;}
.xldu{ margin-top: -.5rem;}
.djq-list{padding: .3rem;margin-top: -.5rem; padding-bottom: 2rem;}
.djq-list li{width: 3.5rem;border: 1px solid rgba(222,222,222,1);padding: .2rem;border-radius: 4px;margin-bottom: .2rem;display: inline-block;margin-left: .1rem;}
.djq-list li img{width: 3.5rem;height: 2.44rem;margin-left: -.2rem;margin-bottom: -.3rem;}
.djq-list li div{width: 1.5rem;display: inline-block;font-size: .3rem;vertical-align: middle;}
.djq-list li h3{font-size: .3rem;}
.djq-list li p{font-size: .3rem;color: #FF5500;}
.djq-list li a{width: 1.4rem;height: .6rem;line-height: .6rem;text-align: center;color: #fff;background: linear-gradient(90deg,#f7a262,#f78362);border-radius: 1rem;box-shadow: 0px 5px 15px #ffd1c4;display: inline-block;font-size: .3rem;}
.detail-tit{border-bottom: .2rem solid #F7F7F7; padding:0 .3rem .3rem}
.detail-tit h3{ font-size: .38rem; color: #4D4D4D; line-height: .75rem }
.detail-tit p{ font-size: .32rem; color: #FF5500 }
.detail-tit span{ font-size: .3rem; color: #999999; float: right; }
.detail-box{ padding: .3rem .3rem 2rem; line-height: .5rem }
.detail-box h4{ font-size: .32rem; color: #4D4D4D; line-height: .65rem; font-weight: normal }
.detail-box p{font-size: .3rem; color: #999999 }
.btn-dhxq{ position: fixed; width: 8rem; line-height: 1rem; text-align: center; font-size: .32rem; color: #fff; background: -webkit-linear-gradient(to right,#f7a462, #388ee4);background: -o-linear-gradient(to right,#f7a462, #f78362);background: -moz-linear-gradient(to right,#f7a462, #f78362);background: linear-gradient(to right,#f7a462, #f78362); bottom: 0px; left: 50%; margin-left: -4rem}
@media screen and (min-width: 1024px){html{font-size: 62.58px!important;background: #fff;height: 100%;}body{max-width: 500px;min-height: 100%;margin: 0 auto;}.btn-box2{width: 500px;}}