@charset "UTF-8";
/*  2022 by tea */
html { overflow-x: hidden; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0);}
body { font-size: 0.24rem; color: #333; background-color: #ffffff;;min-width: 320px;font-family: Helvetica,STHeiti,Droid Sans Fallback}
body, html, a, img, div, form, select, input, ul, ol, li, h1, h2, h3, h4, h5, h6, dd, dl, dt, p, label, em, span, cude, i { margin: 0; padding: 0; list-style: none; vertical-align: middle; }
a { color: #333; text-decoration: none; outline: none; }
a:hover { outline: none; }
ol, ul, li { list-style: none; }
em, i { font-style: normal; vertical-align: top; }
img, input { border: none; outline: none; -webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
header, footer, section, aside, article, nav, dialog, figure { display: block; }
.cf:after { content: ''; display: block; height: 0; clear: both; }
.fl { float: left; }
.fr { float: right; }
::-webkit-scrollbar { display: none; }
::-webkit-input-placeholder, ::placeholder { color: #ccc; }
/* public */
.pdt24 { padding-top: 0.24rem; }
.mgb60{margin-bottom: .60rem;}
.mgb32{margin-bottom: .32rem;}
.mgt10{margin-top: .1rem;}
.hide { display: none; }
.margin20{margin: 0 .2rem;}

.md-backtop{position: fixed;right: 0.3rem;bottom: 1.5rem;width: 0.88rem;height: 0.88rem;overflow: hidden;z-index: 20;display: none;}
.md-backtop a{display: block;width: 0.88rem;height: 0.88rem;line-height: 5rem;overflow: hidden;background: url('/images/2022/backtop.png') no-repeat;background-size:0.88rem 0.88rem}

.md-con-fixed{height: .96rem;}
.con-header { position: fixed; top: 0; left: 0; width: 100%; height: 0.96rem; line-height: 0.96rem; background: #fff; color: #333333; z-index: 99; }
.con-header a { position: absolute; display: block; color: #333333; }
.con-header .back { top: 0.06rem; left: 0; font-size: 0.4rem; line-height: 2rem; width: 0.2rem; height: 0.2rem; border-left: 0.04rem solid #b4b3b3; border-bottom: 0.04rem solid #b4b3b3; margin: 0.3rem 0 0.3rem 0.32rem; transform: rotate(45deg); -webkit-transform: rotate(45deg); overflow: hidden; z-index: 5;}
.con-header em { display: block; height: 0.96rem; text-align: center; font-size: 0.32rem; font-weight: bold;}
.con-header .index-btn{background:#e5faf2 url('/images/2023/header_fix_icon.png') no-repeat;background-size: .4rem 2.6rem;width: 1rem;height:.44rem;right:.85rem;top: .24rem;background-position: 0.1rem 0.04rem;box-sizing: border-box;border-radius: .22rem;padding-left: .42rem;font-size: .22rem;line-height: .44rem;color: #00cc7d;user-select: none;}
.con-header .zzyshare-btn{background: url('/images/2023/header_fix_icon.png') no-repeat;background-size: .4rem 2.6rem;width: .44rem;height:.44rem;right: .23rem;top: .24rem;background-position: 0.05rem -1.38rem;} 
#bpic{position: relative;}
#bpic,#bpic img{width: 100%;display: block;}
#bpic i{width: .86rem;height: .86rem;background: url('/images/2022/icon_details_play.png') no-repeat center;background-size: .86rem .86rem;position: absolute;left: 50%;margin-left: -.43rem;top: 50%;margin-top: -.43rem;z-index: 2;}
.game-img{overflow: hidden;position: relative;height: 4.16rem;width: 100%;}
/* .game-img video{width: 100%;object-fit: fill;} */
.game-img img{width: 100%;height: 100%;display: block;}

.game-img i{width: 100%;height:100%;background: url('/images/2022/icon_details_play.png') no-repeat center;background-size: .86rem .86rem;position: absolute;z-index: 2;left: 0;top: 0;}

.con-game{padding: .38rem .2rem .15rem;}
.con-game p { position: relative; height: 1.24rem; padding-right: 1.64rem; }
.con-game p img { float: left; width: 1.24rem; height: 1.24rem; border-radius: 0.2rem; }
.con-game p em { display: block; height: 0.52rem; line-height: 0.52rem; font-size: 0.32rem; margin-left: 1.56rem; overflow: hidden; }
.con-game p span { display: block; height: 0.36rem; line-height: 0.36rem; margin-left: 1.56rem; color: #959595; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.con-game p span i{color: #ff8737;}
.con-game p a{position: absolute;top: 0.14rem;width: 1rem;height: 0.46rem;line-height: 0.46rem;padding-top: 0.46rem;text-align: center;color: #959595;}
.con-game p .share,.gift-list .gift-none span{background: url('/images/2022/icon.png') no-repeat;background-size: 1rem 28rem;}
.con-game p .fav,.con-game p .faved,.con-game p .jubao{background: url('/images/2023/detail_icons.png') no-repeat 0 0;background-size:.56rem 4rem;}

.con-game p .fav {right:.66rem;background-position:.22rem 0 ;}
.con-game p .faved {  right:.66rem; background-position: 0.24rem -1.78rem;}
.con-game p .jubao { right: -.06rem; background-position:0.04rem -3.38rem;width: .66rem;}
.con-game p .share {right:1rem;background-position: 0.3rem -7.51rem;  }
.con-game .btn {overflow: hidden;padding-top: 0.38rem;}
.con-game .btn span { float: left; width: 50%; height: 0.8rem; line-height: 0.8rem; box-sizing: border-box; }
.con-game .btn span a { height: 0.8rem; line-height: 0.8rem; border-radius: 0.12rem; background: #00cc7d; text-align: center; font-size: 0.36rem; color: #fff; }
.con-game .btn .start a { display: block; background: #3d94ee; }
.con-game .btn .down a { display: block; background: #00cc7d; }
.con-game .nodown { width: 5.4rem;margin: 0 auto;text-align: center; }
.con-game .nodown a, .con-game .nodown span, .con-game .nodown .start { display: block; width: 100%; height: 0.8rem; line-height: 0.8rem; border-radius: 0.12rem; background: #00cc7d; text-align: center; font-size: 0.36rem; color: #fff; padding: 0; }
.con-game .nodown .start a { background: #00cc7d; }
.con-game .down i { font-size: 0.24rem; vertical-align: baseline; padding-left: 0.1rem; }

.con-tab .hd{height: 1.06rem;padding: 0 .2rem;border-bottom: 1px solid #eaeaea;overflow: hidden;box-sizing: border-box;display: flex;justify-content: space-around;}
.con-tab .hd a{width: 25%;height:1.06rem;line-height: 1.06rem;position: relative;text-align: center;font-size: .32rem;color: #959595;}
.con-tab .tab-two a { width: 50%; }
.con-tab .tab-three a { width: 33.3%; }
.con-tab .hd a.cur{color: #333;font-weight: bold;}
.con-tab .hd a.cur::after {position: absolute;bottom: .14rem;left: 50%;margin-left: -0.17rem;width: 0.34rem;height: 0.06rem;line-height: 0;font-size: 0;background: #00cc7d;border-radius: 0.04rem;content: "";}
.con-tab .hd i {display: inline-block;font-size: 0.22rem;color: #959595;}
.con-tab .hd span { display: block; position: absolute; content: ""; top: 0.26rem; left: 64%; width: 0.12rem; height: 0.12rem; line-height: 0; font-size: 0; background: #ff0000; border-radius: 50%; }
.con-tab .md-newsbroad li{height: .9rem;line-height: .9rem;overflow: hidden;position: relative;}
.con-tab .md-newsbroad li a{display: block;padding:0 1.3rem 0 .4rem;height: .9rem;line-height: .9rem;color: #555555;font-size: .28rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;position: relative;}
.con-tab .md-newsbroad li a img{width: .32rem;height: .32rem;position: absolute;left: 0;top: .28rem;}
.con-tab .md-newsbroad li a span{position: absolute;right: 0;width: 1.3rem;text-align: right;top: 0;height: .9rem;font-size: .24rem;color: #959595;text-align: right;background: url('/images/2022/arrow.png') no-repeat center right;background-size: .18rem .28rem;padding-right: .3rem;}
.panel .bd-tit{font-size: .32rem;font-weight: bold;color: #333;height: .4rem;line-height: .4rem;margin-bottom: .18rem;}
.md-gamescore .bd-tit{margin-bottom: .24rem;}
.md-gamescore{margin-left:.02rem;margin-right: 0.02rem;}
.md-gamescore:last-child{margin-top: .1rem;}
/* md-pic */
.md-pic { text-align: center; padding: 0.3rem 0; }
.md-pic img { width: 280px ;height: 186px; margin: 0 auto; }
.md-gamepic{margin: .32rem 0 .6rem;}
.swiper-screenshot{overflow: scroll;}
.swiper-screenshot .swiper-box-new{position: relative;z-index: 0;overflow: auto;}
.swiper-box-new .swiper-container2{max-height: 4.5rem;overflow-x: auto;overflow-y: hidden;}
.swiper-box-new .swiper-container2 .swiper-wrapper2{font-size: 0;white-space: nowrap;}
.swiper-box-new .swiper-container2 .swiper-slide2{display: inline-block;}
.swiper-box-new .swiper-container2 .swiper-slide2 img{max-height: 3.3rem;margin-right: .1rem; box-sizing: border-box;border: 1px #ccc solid;width: 2rem;border-radius: .2rem;}
.swiper-box-new .swiper-container2 .swiper-slide2:last-child img{margin-right: 0;}

.md-gameintr p{color: #959595;font-size: .28rem;text-indent: 2em;text-align: justify;line-height: .44rem;position: relative;}
.md-gameintr p em{color: #00cc7d;padding-right:.3rem ;background: url('/images/2022/arrow3.png') no-repeat center right;background-size: .24rem .18rem;position: absolute;right: 0;bottom: 0;text-indent: 0;}
.md-gameintr .h5wapurl{width:7.06rem;height: .8rem;line-height: .8rem;text-align: center;background: url('/images/2022/play_btn.png') no-repeat;background-size: 100% 100%;color: #00cc7d;font-size: .28rem;display: block;margin: .64rem auto;}
.md-gameintr .h5wapurl img{width:.54rem;height: .54rem;display: inline-block;border: .02rem solid #fff;border-radius: .1rem;margin-right: .2rem;vertical-align: middle;}
.md-gameintr .h5wapurl i{width: .48rem;height: .48rem;display: inline-block;background: url('/images/2022/down_icon.png') no-repeat;background-size: .48rem .48rem;margin-left: .2rem;vertical-align: middle;}

.bd-tit a{float: right;color:#00cc7d ;font-size: .26rem;font-weight: normal;background: url('/images/2022/arrow2.png') no-repeat center right;background-size: .18rem .28rem;padding-right: .3rem;}
.con-tab .md-related li {width: 100%;display: block;height: 0.9rem;line-height: 0.9rem;padding-right: 5rem;font-size: 0.28rem;color: #666;position: relative;overflow: hidden;}
.con-tab .md-related li:nth-child(n+6){display: none;}
.con-tab .md-related li i {position: absolute;top: 0.26rem;left: 0;width: 0.58rem;height: 0.34rem;line-height: 0.34rem;text-align: center;border-radius: 0.04rem;}
.con-tab .md-related li a {display: block;padding: 0 0.6rem 0 .78rem;position: relative;box-sizing: border-box;overflow: hidden;text-align: justify;height: 0.9rem;}
.con-tab .md-related li a::after {display: block;position: absolute;top: 0;right: 0;content: "";width: 0.2rem;height: 0.9rem;background: url('/images/2022/arrow.png') center center no-repeat;background-size: 0.18rem 0.28rem;}
.con-tab .md-related .blue { border: 1px #3d94ee solid; color: #3d94ee; }
.con-tab .md-related .green { border: 1px #00cc7d solid; color: #00cc7d; }
.con-tab .md-related .pink { border: 1px #f35db2 solid; color: #f35db2; }
.con-tab .md-related .red { border: 1px #fa7878 solid; color: #fa7878; }

.md-tjgame{margin-bottom:.5rem;}
.md-tjgame ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.md-tjgame ul li{text-align: left;width: 1.24rem;margin: .1rem 0 0;display:-webkit-box;-webkit-box-orient:vertical;word-break: break-all;-webkit-line-clamp:2;text-overflow: ellipsis;overflow: hidden;line-height: 1.4;text-align: center;}
.md-tjgame ul li img{width: 1.24rem;height: 1.24rem;border-radius: .16rem;display: block;margin: 0 auto .1rem;}

/* .md-gift & md-service*/
.gift-list .hd { padding-bottom: 0.04rem; }
.gift-list li {height: 1.1rem;padding: 0.22rem 1.54rem 0.26rem 0;border-bottom: 1px #eaeaea solid;position: relative;}
.gift-list li img { float: left; width: 1.1rem; height: 1.1rem; margin-right: 0.2rem; }
.gift-list li a { display: block; }
.gift-list li p { height: 0.36rem; line-height: 0.36rem; overflow: hidden; color: #999; }
.gift-list li p i { color: #ffa504; }
.gift-list li .p3 { display: block; height: 0.42rem; line-height: 0.42rem; color: #555; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gift-list li .p3 em { max-width: 4.2rem; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gift-list li .p3 i {display: inline-block;padding: 0 0.08rem;color: #fff;background: #ffa504;margin-left: 0.1rem;height: 0.3rem;line-height: 0.34rem;font-size: 0.24rem;border-radius: 0.06rem;margin-top: 0.04rem;font-size: 0.2rem;}
.gift-list li .p1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.gift-list li .p2 span { float: left; }
.gift-list li em{font-size: .24rem;}
.gift-list li .s1 { float: left; width: 2.8rem; height: 0.14rem; margin: 0.12rem 0.16rem 0 0rem; position: relative; background: #f5f5f5; border-radius: 0.08rem; }
.gift-list li .s1 i { display: block; position: absolute; top: 0; left: 0; height: 0.14rem; border-radius: 0.08rem; background: #ffa504; }
.gift-list li .s2 { float: left; }
.gift-list li .btn {position: absolute;top: 0.5rem;right: 0rem;width: 1.28rem;height: 0.24rem;line-height: 0.24rem;text-align: center;padding: .16rem 0;border-radius: 0.1rem;}
.gift-list li .receive { border:1px #00cc7d solid;color: #00cc7d; }
.gift-list li .tao { border:1px #ffa504 solid;color: #ffa504; }
.gift-list li .copy {  border:1px #ff8737 solid;color: #ff8737;}
.gift-list li .none {  border:1px #e5e5e5 solid;color: #e5e5e5;}
.gift-list .gift-none { height: 0.64rem; line-height: 0.64rem; font-size: 0.28rem; color: #999; }
.gift-list .gift-none span { display: block; width: 2rem; height: 0.64rem; padding-left: 0.4rem; margin: 0 auto; background-position: 0 -10.52rem; }
.service-list { padding-bottom: 1rem; }
.service-list .service-hd { width: 4.68rem; padding: 0.3rem 0; margin: 0 auto; overflow: hidden; }
.service-list .service-hd a { float: left; width: 50%; height: 0.58rem; line-height: 0.58rem; border: 1px #3d94ee solid; box-sizing: border-box; text-align: center; color: #3d94ee; font-size: 0.26rem; }
.service-list .service-hd .cur { color: #fff; background: #3d94ee; }
.service-list .service-hd a:first-child { border-radius: 0.1rem 0 0 0.1rem; }
.service-list .service-hd a:last-child { border-radius: 0 0.1rem 0.1rem 0; }
.service-list .service-bd { padding: 0 0.3rem; }
.service-list .service-bd li { height: 0.8rem; line-height: 0.8rem; padding-left: 0.44rem; background-position: 0 -26.48rem; position: relative; }
.service-list .service-bd em { display: block; width: 100%; height: 0.8rem; color: #555; font-size: 0.3rem; padding-right: 4.2rem; box-sizing: border-box; overflow: hidden; }
.service-list .service-bd span { display: block; position: absolute; top: 0; right: 1.1rem; width: 3rem; text-align: center; color: #999; }
.service-list .service-bd a { display: block; position: absolute; right: 0; top: 0.18rem; color: #fff; width: 1rem; height: 0.46rem; line-height: 0.46rem; text-align: center; border-radius: 0.1rem; background: #3d94ee; }
.service-list .service-panel { display: none; }
.service-list .service-panel:first-child { display: block; }

.null p{text-align: center;color: #aaa;}
.null img{width: 2.54rem;height: 2.54rem;display: block;margin: 1rem auto .2rem;}
.null span{display: block;height:0.7rem;line-height:0.7rem;color: #aaa;font-size: 0.24rem;}

/* .shade, .popup, .solong, .thispage, .allpage, #morepl, .currentcommends { display: none; } */

.loadmore { height: 0.64rem; line-height: 0.64rem;  text-align: center; margin: .4rem 0;color: #b4b3b3;}
.loadmore img{width: .5rem;height: .5rem;}
.loadmore p{text-align: center;color:#959595;font-size: 0.28rem;position: relative;height: .64rem;}
.loadmore p::before{display: block;position: absolute;top:0.32rem;left:50%;width: 5rem;margin-left: -2.5rem;height: 1px;background-image: linear-gradient(to right, #f1f1f1 0%, #d7d7d7 50%,#f1f1f1 100% );content: "";}
.loadmore p span{position: absolute;top:0;left:50%;margin-left:-1.2rem;display: block;width: 2.4rem;background: #fff;}
.lookmore, .nomore { display: block; width: 100%; height: 0.9rem; line-height: 0.9rem; color: #999; text-align: center; position: relative; }
.lookmore::after { position: absolute; top: 0; width: 0.3rem; height: 0.9rem; content: ""; left: 50%; margin-left: -1.2rem; background: url('/images/2022/load2.gif') center center no-repeat; background-size: 0.28rem 0.28rem; }
.nomore::after { display: none; }

.popup{display: none;position: relative;z-index: 100;}
.popup-shade{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);z-index: 555;}
.popup-box{position:fixed;top:50%;left:50%;width:6.4rem;padding:.4rem;background:#ffffff;border-radius:.2rem;color:#333;box-sizing: border-box;;transform: translate(-50%,-50%);z-index: 999;}
.popup-title{font-size: .32rem;text-align: center;height: .6rem;line-height: .6rem;}
.popup-box .pop-close{position: absolute;right: 0.1rem;top: .1rem;width: .5rem;height: .5rem;z-index: 20;font-size:0;color: #999;user-select: none;text-align: center;line-height: .5rem;background: url('/images/2023/close.png') no-repeat center;background-size: .25rem .25rem;}
.popup-con{padding: .46rem 0;font-size: .28rem;text-align: center;}
.popup-code a{padding:.05rem.1rem;background-color: #28d276;display: inline-block;color: #fff;border-radius: .08rem;}
.popup-code p{margin-bottom: .2rem;}
.popup-code p span{display: inline-block;word-break: break-all;padding: 0.05rem .1rem;vertical-align: middle;}
.popup-box .pop-tip{color: #666;}
.popup-btn{text-align: center;font-size: 0;}
.popup-btn a{width: 2.2rem;height: .78rem;font-size: .3rem;line-height: .78rem;border-radius: .1rem;display: inline-block;margin: 0 .2rem;}
.popup-btn .popup-btn-del{background-color: #eff0f4;color: #b1bdc5;}
.popup-btn .popup-btn-ok{background-color: #28d276;color: #fff;}
.popup-btn  a:nth-last-child(1):first-child{background-color: #28d276;color: #fff;}

#scrollpics{position: fixed!important;top: 50%!important;width: 100%;left: 50%!important;transform: translate(-50%,-50%);z-index: 999;display: none;}
#scrollpics .swiper-container  { touch-action: pan-y; }
#scrollpics img{width: 100%;height: 100%;display: block;border-radius:.2rem ;}

.intr-content{overflow: hidden;position: relative;font-size: .28rem;line-height: .38rem;width: 100%;}
.intr-content .intr-pp{width: 100%;text-indent: 2em;display: block;text-align: justify;}
.intr-content .br-close{position: absolute;right: 0;bottom: -.02rem; margin-left: 0;padding-left: .2rem; background-image: -webkit-linear-gradient(0, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%);background-image: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%);color: #00cc7d;z-index: 2;display: none;}
.intr-content .br-close::before{content: '...';margin-right:0.05rem;color: #333;}
.intr-content .br-close::after{content: '';display: inline-block;background: url('/images/2022/arrow3.png') no-repeat center right;width: .24rem;height: .18rem;background-size: .24rem .18rem;}

.shade{display:none;position: fixed;top:0;left:0;width: 100%;height: 100%;background:rgba(0,0,0,.5);z-index: 100}
.dialog{display:none;position: fixed;top: 50%;left: 50%;width: 5.86rem;border-radius: 0.1rem;background: #fff;padding: 0.4rem;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);z-index: 999;box-sizing: border-box;}
.dia-close{position: absolute;top: 0.15rem;right: 0.15rem;width:0.36rem;height: 0.36rem;cursor: pointer;background: url('/images/2022/close.png') center center no-repeat;background-size: 0.25rem 0.25rem;z-index: 2;}
.dia-tit{line-height: 0.46rem;font-size: 0.28rem;font-weight: bold;color: #49494b;text-align: center}
.dia-con{margin-top: 0.2rem;}
.dia-con p{height:0.6rem;line-height: 0.6rem;border-bottom: 1px solid #e3e3e3;overflow: hidden;color: #49494b}
.dia-con p span{float: left;}
.dia-con p input{width:4rem;float: right;text-align: right;height:0.6rem;line-height: 0.6rem;font-size: 0.24rem;border:none;padding-right: 0.15rem;color: #49494b}
.dia-btn{margin-top: 0.3rem;text-align: center;display: flex;flex-wrap: nowrap;justify-content: space-around;}
.dia-btn a{width: 2.2rem;height: .78rem;font-size: .3rem;line-height: .78rem;margin: 0 .05rem;border-radius: .1rem;display: inline-block;}
.dia-btn a:nth-child(1){background-color: #28d276;color: #fff;}
.dia-btn a:nth-child(2){background-color: #ffa504;color: #fff;}
.dia-list{padding:0.2rem 0;max-height: 5rem;overflow-y: auto;}
.dia-list li{height: 0.6rem;line-height: 0.6rem;overflow: hidden;border-bottom: 1px solid #e3e3e3;color: #49494b;position: relative;}
.dia-list li::before{content: "";position: absolute;top: 50%;right: 0;margin-top: -0.1rem;width: 0.2rem;height: 0.2rem;border:1px #e3e3e3 solid;overflow: hidden;border-radius: 50%;}
.dia-list .on::before{border-color:#00cc7d}
.dia-list .on::after{content: "";position: absolute;top: 50%;right: 0.05rem;margin-top: -0.04rem;width: 0.12rem;height: 0.12rem;background:#00cc7d;overflow: hidden;border-radius: 50%;}
.dia-tip{line-height: 0.5rem;padding: 0.46rem 0;font-size: .28rem;text-align: center;}
.dia-loading{width: 1rem;height: 1rem;background: none;padding:0}
.dia-loading img{width: 1rem;height: 1rem;text-align: center}
.pop-toast{position: fixed;top: 50%;left: 0;width: 100%;text-align: center;;z-index:100000;;display: none;transform: translateY(-50%);}
.pop-toast span{display: inline-block;padding: .1rem 0.5rem;text-align: center;max-width: 4rem;color: #fff;font-size: 0.28rem;border-radius: 0.18rem;background: rgba(0,0,0,0.6);}


.pop-wraper,.video-wraper{z-index:99;background:rgba(0,0,0);width:100%;height:100%;overflow:hidden;position:fixed;top:0px;left:0px;display: none;}
.pop-video{width: 100%;height:4.16rem;position: absolute;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);left: 50%;top: 50%;}
.pop-video video{width: 100%;height: 100%;object-fit: fill;}
.video-close{position: absolute;bottom: -1rem;background: url('/images/2022/close.png') no-repeat center;width: .6rem;height: .6rem;background-size: .3rem .3rem;border-radius: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);left: 50%;border: 1px solid #fff;}

.go-pinlun{width: .88rem;height: .88rem;background: url('/images/2022/go_pinlunbtn.png') no-repeat center;background-size: .88rem .88rem;position: fixed;right: .3rem;bottom: 2.5rem;z-index: 4;display: none;}

.manufacturer{margin-top: .2rem;font-size: .28rem;}
.manufacturer em{float: left;width: 18%;color: #959595;}
.manufacturer p{float: left;margin-left: 2%;width: 80%;color:#00cc7d;text-indent: 0;}

.pop-attestation{font-size: .28rem;}
.pop-atte-wrap{margin-bottom: .2rem;font-size: .28rem;}
.pop-atte-wrap .pop-atte-item{overflow: hidden;padding:.22rem .33rem;height:.46rem;background-color: #f8f9fb;margin-top: .18rem;line-height: .46rem;border-radius: .1rem;}
.pop-atte-item span{padding-left:.4rem ;background: url('/images/2022/phone_icon.png') no-repeat 0 .05rem;background-size: .28rem .36rem;float: left;}
.pop-atte-item  a{float: right;width: 1.12rem;height: .46rem;line-height: .46rem;text-align: center;background-color: #e8f6f1;border-radius: .23rem;color: #26d276;font-size: .24rem;}
.pop-attestation-wrap .popup-btn a{width: 100%;background-color: #eff0f4!important;color:#959595!important;}

/* add 20220822 */
.con-game p span b{margin: 0 .1rem;font-weight: normal;}

/* add 20230313 */
.popup .popup-giftgametit{text-align: center;color: #333;}
.popup .popup-giftgametit i{background: #00cc7d url('/images/2023/gifstatus_success.png') no-repeat center;background-size: .68rem .68rem;width: 1rem;height: 1rem;display: block;margin:  0 auto .1rem;border-radius: 50%;}
.popup .popup-giftgametit p{text-align: center;font-size: .32rem;}
.popup .popup-codeboxinfo{background: #f1f1f1;border-radius: .2rem;margin: 0rem auto ;padding:.2rem;word-break:break-all}
.popup .popup-codeboxinfo div{font-weight: bold;}
.popup .popup-codeboxinfo div span{vertical-align: text-bottom;}
.popup-btn .popup-btn-copy{background-color: #ffa504;color: #fff;}
.popup-btn .popup-btn-start{background-color: #00cc7d;color: #fff;}
.popup-btn.flex-bwt{justify-content: space-between;}


.detail-swiper .swiper-slide{height: 1px;}
.detail-swiper .swiper-slide-active{height: auto;}
.con-tab .hd-wrap{height: 1.06rem;}
.con-tab .hd-wrap .fixSort.hd{position: fixed;top: 0.96rem;left: 0;width: 100%;background-color: #fff;z-index: 20;}
/* .null{margin: .4rem auto .6rem;height:7rem;} */
/* add20230404 */
.con-tab .hd{border-bottom: 0;}
.benefits-tab{height: .52rem;overflow: hidden;background-color: #fff;margin-top:.2rem ;text-align: center;}
.benefits-tab span{height: .52rem;line-height: .52rem;;float: left;border-radius:.26rem;padding:0 .16rem;margin-right:0.32rem;background-color:#f5f5f5 ;color: #333;}
.benefits-tab span.cur{background-color: #01cc7d;color: #fff;}
.gift-list li{padding-top:.2rem ;}
.djq-list li{margin-top: .2rem;position: relative;overflow: hidden;width: 100%;}
.djq-list li .border-bg{background: #fffcf7;border: 1px solid #ffda97;padding: .2rem 0;border-radius: .1rem ;display: flex;position: relative;height: 1.4rem;}
.djq-list li::before,.djq-list li::after{content: '';width: .22rem;border-radius: 50%;height: .22rem;border: 1px solid #ffda97;position: absolute;left:1.62rem;background: #fff;z-index: 1;}
.djq-list li::before{top:-.13rem;}
.djq-list li::after{bottom:-.13rem;}
.djq-list li .djq-value{width: 1.66rem;text-align: center;flex-shrink: 0;margin-right: .3rem;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.djq-list li .djq-value .coupon-cut{padding-top: .14rem;color:#ffa504 ;}
.djq-value .coupon-cut span{font-size: .5rem;}
.djq-value .coupon-txt{color: #9c958d;}
.djq-list li .djq-info{margin-right: .2rem;flex: 1;display: flex;/* align-items: center; */}
.djq-list li .djq-info .info-txt{line-height: .4rem;flex: 1;width: 3.4rem; display: flex;flex-direction: column;justify-content: center;}
.info-txt .gamename{text-overflow: ellipsis;overflow: hidden;font-size: .28rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height: .32rem;padding-bottom: .05rem;text-align: justify;padding-right: 1.6rem;}
.pop-djq-item  .info-txt .gamename{padding-right: 0;}
.info-txt .limit-time,.info-txt .limit-right{color:#9c958d;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: justify;word-break: break-all;font-size: .22rem;}
.limit-right a,.limit-right span{color:#9c958d ;}
.limit-right i{width:.08rem; height: .08rem;border-left: 1px solid #9c958d; border-top: 1px solid #9c958d;display: inline-block;transform: rotate(-135deg);margin-left: .08rem;vertical-align: middle;margin: 0 0.1rem 0.1rem;}
.djq-list li .djqget-btn,.djq-list li .djquse-btn{min-width: 1.28rem;height: 0.24rem;line-height: 0.24rem;text-align: center;padding: .16rem 0;border-radius: 0.1rem;border: 1px solid #ffa504;background-color: #ffa504;color: #fff;flex-shrink: 0;position: absolute;right: .2rem;}
.djq-list li .djquse-btn{background: none;color: #ffa504;}
.djq-list li .off{background-color: #a3a3a3;border:  1px solid #a3a3a3;}
.djq-list li  .djq-tag{padding:0 .1rem;height: .38rem;line-height: .38rem;color:#ffa504 ;border-radius: .1rem 0 .1rem 0;position: absolute;top: 0;left: 0;background: #ffeed0;}
.djq-tips-lk{text-align: center;height: .9rem;line-height: .9rem;font-size: .28rem;color:#999999;}
.djq-tips-lk a{color: #3d94ee;vertical-align:top}
.djq-tips-lk i{width: .2rem;height: .9rem;background: url("/images/2023/md-hdtit_more.png") no-repeat center;background-size: 100%;display: inline-block;}
/* add downloadbar */
.md-con-fixed{margin-bottom: 0!important;}
.md-download-bar{background: url('/images/2023/download_barbg.png') no-repeat center top;background-size:100% .88rem;position: relative;overflow: hidden;}
.md-download-bar a{display: block;height: .88rem;padding: .12rem .26rem .12rem .66rem;box-sizing: border-box;}
.md-download-bar .md-barclose{width: .3rem;height: .3rem;position: absolute;top: .28rem;left: .19rem;background: url('/images/2023/md-barclose.png') no-repeat center;background-size: .3rem .3rem;}
.md-download-bar img{width: .64rem;height: .64rem;border-radius: .16rem;float: left;}
.md-download-bar i{  position: absolute; top: 0.2rem; right: 0.28rem; width: 1.34rem; height: .48rem; line-height: .48rem;  border-radius: 0.24rem; color: #fff; font-size: 0.22rem;overflow: hidden;background: linear-gradient(to right bottom,#00d00c,#00b60c);text-align: center;}
.md-download-bar em { display: block; height: 0.3rem; line-height: 0.3rem; padding-top: 0.04rem; font-size: 0.24rem; margin-left:.74rem; color: #18b91b; font-weight: bold;}
.md-download-bar span { display: block; height: 0.3rem; line-height: 0.3rem; color: #18b91b; font-size: 0.2rem; margin-left: .74rem; }
.nofixed{ position: relative;left: 0;top: 0;}

/* add 20230515*/
.pop-djqget-status .pop-status-icon{background: #00cc7d url('/images/2023/gifstatus_success.png') no-repeat center;background-size: .68rem .68rem;width: 1rem;height: 1rem;display: block;margin:  0 auto .1rem;border-radius: 50%;}
.pop-djqget-status .pop-status-txt{text-align: center;font-size: .28rem;}
.pop-djq-item-wrap{overflow: hidden;position: relative;margin: .2rem -.14rem;;}
.pop-djq-item{background: #fffcf7;border: 1px solid #ffda97;padding: .2rem 0;border-radius: .1rem ;display: flex;height: 1.4rem;align-items: center;position: relative;}
.pop-djq-item::before,.pop-djq-item::after{content: '';width: .22rem;border-radius: 50%;height: .22rem;border: 1px solid #ffda97;position: absolute;left:1.62rem;background: #fff;z-index: 1;}
.pop-djq-item::before{top:-.13rem;}
.pop-djq-item::after{bottom:-.13rem;}
.pop-djq-item .djq-value{width: 1.66rem;text-align: center;flex-shrink: 0;margin-right: .3rem;display: flex;
 align-items: center;justify-content: center;flex-direction: column}
.pop-djq-item .djq-value .coupon-cut{padding-top: .14rem;color:#ffa504 ;}
.djq-value .coupon-cut span{font-size: .5rem;vertical-align: initial;}
.djq-value .coupon-txt{color: #9c958d;}
.pop-djq-item .djq-info{margin-right: .3rem;flex: 1;display: flex;}
.pop-djq-item .djq-info .info-txt{line-height: .4rem;width: 3.65rem;}
.info-txt .limit-time,.info-txt .limit-right{color:#9c958d;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: justify;word-break: break-all;font-size: .22rem;}
.pop-djq-item .djqget-btn,.pop-djq-item .djquse-btn{min-width: 1.28rem;height: 0.24rem;line-height: 0.24rem;text-align: center;padding: .16rem 0;border-radius: 0.1rem;;margin-top: .26rem;border: 1px solid #ffa504;background-color: #ffa504;color: #fff;flex-shrink: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.limit-right a{color:#9c958d ;}
.pop-djq-item .djq-tag{padding:0 .1rem;height: .38rem;line-height: .38rem;color:#ffa504 ;border-radius: .1rem 0 .1rem 0;position: absolute;top:0;left:0;background: #ffeed0;}
.pop-status-tips{text-align: center;color: #9c958d;}
.popup-btn{padding-top: .2rem;font-size: 0;margin: 0 -.2rem;display: flex;justify-content: center}

.explain-txt{margin-bottom: .3rem;text-align: left;font-size: .3rem;}
.explain-txt p{font-size: .28rem;color: #666;}
.popup-djq-explain p{color: #999;text-align: justify;} .explain-tips{font-size: .3rem;color: #ffa400;text-align: left;padding-bottom: .2rem;}
.popup .pop-animate{width: 100%;left: 0;bottom: 0;top: auto;transform: none;margin: 0;border-radius: .4rem .4rem 0 0;padding: .35rem .28rem 0;  -webkit-animation: fadeTop .5s ease forwards; animation: fadeTop .5s ease forwards;transition:0.5s transform;}
.pop-animate .pop-close{color: #d4d4d4;font-size: 0;font-weight: normal;}
.pop-animate .popup-title{font-size: .32rem;font-weight: bold;}
@-webkit-keyframes fadeTop { 0% { -webkit-transform: translateY(100%);transform: translateY(100%)} 100% {-webkit-transform: translateX(0%);transform: translateX(0%)};}
@keyframes fadeTop {0% {-webkit-transform: translateY(100%);transform: translateY(100%)}100% {-webkit-transform: translateY(0%);transform: translateY(0%)}}


.loadding-erro{text-align: center;color: #999999;font-size: .28rem;height: 2.62rem;line-height: 2.62rem;margin-top: .3rem;}
.loadding-erro span{color: #0ecf84;vertical-align: top;}
.loadding-erro span i{width: .3rem;height: .3rem;display: inline-block;background: url('/images/2023/update_icon.png') no-repeat center;background-size: .3rem .3rem;vertical-align: text-bottom;margin: 0 .1rem;}
.loadding-before{text-align: center;padding: .6rem 0;color: #999;}
.loadding-before em{width:.66rem;height:.66rem;display: block;background: url('/images/2023/load.gif') no-repeat center ;margin: 0 auto .1rem;background-size: 100%;}

/* 20230609add */
.popup .popup-title2{font-size: .28rem;color: #666;}
.popshare .pop-animate{padding: .24rem .26rem;}
.popshare .pop-close{top: .12rem;}
.popup-sharebtn{text-align: center;padding:.46rem 0 .2rem;}
.popup-sharebtn a{display: inline-block;padding-top:1.2rem;width: 1.5rem;background: url('/images/2023/share_icons.png') no-repeat 0 0;background-size:7.1rem 1rem;margin: 0 .3rem;font-size: .28rem;}
.popup-sharebtn a.copy-link{background-position: .08rem 0;}
.popup-sharebtn a.wechat-link{background-position: -2.32rem 0;}
.popup-sharebtn a.qq-link{background-position:-4.66rem 0;}
.copyshare-success{text-align: center;font-size: .3rem;padding-bottom:.2rem ;}
.copyshare-success i{background: #00cc7d url('/images/2023/gifstatus_success.png') no-repeat center;background-size: .68rem .68rem;width: 1rem;height: 1rem;display: block;margin:  0 auto .1rem;border-radius: 50%;}
.tengxunshare{text-align: center;font-size: .3rem;padding: 0 .5rem .36rem;}
.tengxunshare .link-ewmbox{border:1px solid #dedede ;padding: .1rem;width: 1.98rem;height: 1.98rem;display: block;background-color: #fff;margin:.32rem auto  ;overflow: hidden;}
.tengxunshare .link-ewmbox img{width: 100%;height: 100%;display: block;}
.tengxunshare  .divcopy-link{width: 2.2rem;height: .76rem;line-height: .76rem;font-size: .3rem;margin: 0 auto;background-color:#00cc7d ;border-radius:.1rem;color: #fff;user-select: none;}
.link-ewmbox canvas{width: 100%!important;height: 100%!important;}

.wechat-tipsshare{width: 100%;height: 100%;position: fixed;left: 0;top: 0;right: 0;top: 0;z-index: 1000;background: rgba(0,0,0,.75) url('/images/2023/wechat_share.png') no-repeat top right;background-size: 4.7rem 2.7rem;display: none;}

/* add202307 */
.comingsoon-box{width: 100%;}
.comingsoon-box em{display: block; width: 100%;height: 0.8rem;line-height: 0.8rem;border-radius: 0.12rem;
background: #f1f1f1;text-align: center;font-size: 0.36rem; color: #999999;padding: 0;}
.comingsoon-box div{height: .42rem;line-height: .42rem;color: #999999;font-size: .2rem;}

.detail-swiper .swiper-slide:last-child .md-gamescore{margin-top: .34rem;margin-bottom: .4rem;}
#panel3 .bd-tit{display: none;}