body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
table{border-collapse:collapse;border-spacing:0}
audio,canvas,video{ display: inline-block;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
i{ font-style:normal;}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
a{text-decoration:none; -webkit-tap-highlight-color:transparent;}
html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-webkit-overflow-scrolling: touch;}
img {border: 0; -webkit-touch-callout: none;width: 100%;}
body{ -webkit-text-size-adjust: 100%;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size:12px;background: #ffffff;overflow-x: hidden;}
.clr:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.fl{float: left;}
.fr{float: right;}
.clr:after{content:" "; clear:both; height:0; visibility:hidden; display:block;}
.clr{*zoom:1;}
.dl{display: inline-block;}
.flex{display: flex;display: -webkit-box;display: -ms-flexbox;}
.justify-content{justify-content: space-between;-webkit-box-pack: justify; -ms-flex-pack: justify;  justify-content: space-between;}
.bg-gay{background-color: #999 !important; color: #fff !important;}

.gamemwarp{padding: 0.24rem 0 0;display: none;}
.game-banner{width: 7.1rem;height: 4rem;background-size: cover;border-radius: 6px;position: relative;margin: 0 0.2rem;}
.game-tip{ position: absolute; width: 1.08rem; height: 1rem; background-size: 1.77rem 2.84rem; background-position: -0.04rem -1.65rem; right: 0.3rem; top: 0; font-size: 0.18rem; color: #d4b57d; border-radius: 0.1rem; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.1); box-shadow: 0 0 0 1px rgba(0,0,0,0.1);background: #fff;}
.game-tip > span{font-size: 0.44rem; margin: 0 auto; display: block; width: 100%; text-align: right; line-height: 0.4rem; padding-top: 0.1rem; -webkit-box-sizing: border-box; box-sizing: border-box; background: #d4b57d; padding-right: 0.35rem; padding-bottom: 0.1rem; color: #fff;    border-top-left-radius: 0.1rem; border-top-right-radius: 0.1rem;}
.game-tip i {position: absolute; top: 0.2rem; right: 0.1rem; color: #fff;}
.game-tip p{font-size: 0.18rem; text-align: center;line-height: 0.4rem;}
.game-icon{width: 1.2rem; height: 1.2rem; position: absolute; left: 0.22rem; bottom: -0.22rem; background-size: cover;z-index: 1;border-radius: 0.22rem; border: solid 1px #aaa;}
.game-main1{padding: 0 0.22rem;margin: 0.36rem 0.2rem 0;background: #fff;}
.game-main1 p{font-size: 0.2rem;color: #777777;}
.game-name{font-size: 0.3rem;color: #9e6e33;margin-bottom: 0.2rem;}
.game-order{font-size: .28rem; color: #cdac73; position: absolute; left: 0; bottom: 0; width: 100%; background-color: rgba(0,0,0,0.5); -webkit-box-shadow: 0rem -0.07rem 0rem 0rem rgba(0,0,0,0.5); box-shadow: 0rem -0.07rem 0rem 0rem rgba(0,0,0,0.5); padding-left: 1.6rem; border-radius: 0.01rem; -webkit-box-sizing: border-box; box-sizing: border-box;border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;}
.game-main-r{width: 2rem;height: 0.6rem;color: #fff;background: #9e6e33;font-size: 0.26rem;text-align: center;line-height: 0.6rem;border-radius: 6px;}
.game-plan-box{width: 6.64rem;height: 0.12rem;background: #25adf8;margin: 0.67rem auto 0.2rem;}
.game-plan{height: 100%;width: 70%;background: #ef3434;position: relative;border-right: 0.06rem solid #9e6e33;}
.game-plan-tips{ position: absolute; background: url(//ossweb-img.qq.com/images/tgclub/app/a20171123game/plan-icon.png) no-repeat; width: 0.6rem; height: 0.7rem; right: -0.33rem; top: -0.7rem; font-size: 0.18rem; color: #9e6e33; text-align: center; line-height: 0.6rem; background-size: cover; }
.game-main2{padding-bottom: 0.5rem;margin-top: 0.9rem;background: #fff;}
.game-main2-btn-o{width: 1.3rem; height: 0.6rem; color: #fff; text-align: center; line-height: 0.6rem; font-size: 0.24rem; border-radius: 3px; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box;position: relative;width: 2rem;height: 0.6rem;    -webkit-box-shadow: 0px 2px 3px -1px #333;    box-shadow: 0px 2px 3px -1px #333;}
.game-main2-btn-o i { display: none; position: absolute; width: 1rem; height: 1rem; top: 0rem; right: -0.3rem; background: url(http://ossweb-img.qq.com/images/tgclub/app/a20171123game/get.png) no-repeat; background-size: cover; }
.game-main2-btn-o.done i {display: block;}
.game-main2-btn-l{margin-left: 0.44rem;background: #de4b50;}
.game-main2-btn-r{margin-right: 0.44rem;background: #39b5f7;}
.game-main2-btn-l.done{background: #ffc6c6;color: #ef3434;border:none;}
.game-main2-btn-r.done{background: #9dcfea;color: #25adf8;border:none;}
.game-main3-title{background: #f5f5f5;font-size: 0.24rem;color: #999999;text-indent: 0.4rem;height: 0.52rem;line-height: 0.52rem;}
.game-main3-head{  padding-bottom: 0.06rem;}
.game-main3-head ul{display: flex;justify-content: space-between;display: -webkit-box;display: -ms-flexbox;-webkit-box-pack: justify; -ms-flex-pack: justify;  justify-content: space-between;}
.game-main3-head ul li{text-align: center;width: 33%;height: 0.7rem;line-height: 0.7rem;font-size: 0.24rem;color: #999999;}
.game-main3-head ul .active{color: #9e6e33;}
.game-main3-head ul .active i{width: 1rem;height: 0.06rem;background: #9e6e33;display: block;margin: 0 auto;}
.game-main3-title{background: #f5f5f5;text-indent: 0.4rem;width: 100%;height: 0.52rem;font-size: 0.24rem;color: #999999;}
.comment-grade-already {text-align: center;}
#comment-grade {text-align: center;}
#comment-grade .game-main2-btn-o {margin: 0 auto; width: 2.4rem; display: none;}
#comment-grade .game-main2-btn-l .choose-zd{top: -0.4rem;}
#comment-grade .game-main2-btn-r .choose-zd{top: -0.4rem;}
.comment-t{background: #fff;margin-bottom: 0.2rem;padding: 0.24rem 0.2rem 0;    border-bottom: 1px solid #eee;position: relative;top:0.2rem;}
.comment-pic{width: 0.64rem;height: 0.64rem;border-radius: 50%;border: 1px solid #9e6e33;overflow: hidden;margin-right: 0.32rem;margin-top: 0.2rem;}
.comment-pic img{width: 100%;height: 100%;}
.comment-name{font-size: 0.3rem;color: #333333;display: inline-block;margin-right: 0.2rem;font-weight: bold;}
.comment-m-t i{display: inline-block;width: 0.48rem;height: 0.3rem;font-size: 0.18rem;text-align: center;line-height: 0.3rem;border-radius: 3px;float: right;}
.comment-m-t-i1{color: #fff;background: #e3354e;}
.comment-m-t-i2{color: #fff;background: #16abef;}
.comment-m-m{font-size: 0.2rem;color: #999;margin-bottom: 0.4rem;}
.comment-main{width: 5.92rem;padding-bottom: 0.24rem;display: block;margin-top: 0.24rem;}
.comment-m-t{margin-bottom: 0.1rem;margin-top: 0.4rem;}
.comment-time{font-size: 0.18rem;color: #999;}
.comment-like{display: inline-block; font-size: 0.18rem; color: #999999; width: 1.2rem; text-indent: 0.1rem;vertical-align: middle;}
.comment-like i {display: inline-block; background: url(http://ossweb-img.qq.com/images/tgclub/app/a20171123game/spr2.png) no-repeat; width: 0.3rem; height: 0.3rem; margin-right: 0.1rem; background-position: 0 -0.38rem; background-size: 1.7rem 2.2rem; vertical-align: -0.08rem; float: left;}
.comment-like-do i {background-position: 0rem 0rem}
.commnet-c{display: none;font-size: 0.18rem;color: #999999;background: url(http://ossweb-img.qq.com/images/tgclub/app/a20171123game/spr2.png) no-repeat;width: 1.18rem;background-size: 0.32rem 1.32rem;background-position: 0 -1.04rem;text-indent: 0.4rem;}
.comment-main{}
.comment-t:last-child .comment-main{border: none;}
.comment-body {margin-bottom: 0.48rem;}
.no-comment {text-align: center; font-size: 0.3rem; line-height: 0.5rem; color: #999; margin-top: 0.3rem; display: none;}
.gamemwarp-btn{position: fixed;bottom: 0;left: 0;width: 100%;height: 0.98rem;text-align: center;line-height: 0.98rem;color: #fff;font-size: 0.4rem;background: #9e6e33;display: none;}
.gamemwarp-btn i{background: url(http://ossweb-img.qq.com/images/tgclub/app/a20171123game/spr2.png) no-repeat;background-size:  1.77rem 2.84rem;;background-position: -1.31rem -0.1rem;    display: inline-block;  width: 0.46rem;  height: 0.46rem;    position: relative; top: 0.1rem;}
.game-main3-m{display: none;padding: 0.24rem 0.2rem;background: #eeeeee;}
.game-main3-m section{padding-top: 0.36rem;background: #fff;border-radius: 6px;}
.game-main3-m-box{background: #fff;border-radius: 6px;padding-bottom: 0.34rem;}
.game-bags-head{padding: 0 .2rem 0; line-height: 1px; border-left: 2.6rem solid #ab834b; border-right: 2.6rem solid #ab834b; text-align: center; color: #ab834b; display: block; font-size: .28rem; position: relative; width: 1.3rem; margin: 0 auto;}
.game-bags-head-i1{display: block;width: 0.04rem;height: .15rem;background:#ab834b;position: absolute;top: -0.05rem;left: 0rem;}
.game-bags-head-i2{display: block;width: 0.04rem;height: .15rem;background:#ab834b;position: absolute;top: -0.05rem;right: 0rem;}
.game-bags{padding-top: 0.36rem;}
.game-bags-m{margin: 0.8rem auto 0rem; width: 7.1rem; text-align: center;}
.game-bags-m li { display: inline-block; width: 1.8rem; height: 1.5rem; margin: 0 0.2rem 0.8rem;}
p.name { white-space: nowrap; width: 2rem; overflow: hidden; text-align: center; }
.img-wrap { margin: 0 auto 0.16rem; width: 1.2rem; height: 1.2rem; }
.js-gift-date {display: none;}
.game-bags-btn{width: 2.4rem;height: 0.6rem;border-radius: 6px;background: #9e6e33;color: #fff;font-size: 0.26rem;text-align: center;line-height: 0.6rem;margin: 0 auto;}
.game-main3-m > p{font-size: 0.2rem;color: #999999;text-align: center;margin-top: 0.16rem;}
.game-details{padding-top: 0.36rem; background: #fff; border-radius: 6px;}
.game-details > p{width: 6.9rem;margin: 0.3rem auto;line-height: 0.36rem;font-size: 0.18rem;color: #555555;}
.game-details img{margin-bottom: 0.2rem; width: 100%;}

#comment {padding-top: 0.3rem;}
.dialog-bg {background-color: rgba(0, 0, 0, 0.5); position: fixed; height: 100%; width: 100%; z-index: 999; left: 0px; top: 0px; display: none;}
.dialog{width: 7.1rem; left: 0.2rem; background: #fff;border-radius: 6px;position: absolute;outline: none; top: 2.5rem; z-index: 1000; display: none;}
.dialog textarea{font-size: 0.24rem;color: #999999;border: 1px solid #eee;padding: 0.24rem;-webkit-box-sizing: border-box;box-sizing: border-box;width: 6.38rem;height: 3rem;border-radius: 6px;margin: 0.3rem 0 0 0.36rem;resize: none;background:#eeeeee; }
.dialog .area-num{font-size: 0.2rem;color: #999; top: -0.5rem;  left: 5rem;position: relative; width: 2rem;}
.dia-close{position: absolute;top: 0;  right: 0.2rem;  font-size: 0.5rem;color: #acacac;}
.dialog-btn-1{font-size: 0.3rem;color: #a6a6a6;width: 49%;height: 0.8rem;text-align: center;line-height: 0.8rem;border-radius: 6px;display: inline-block;border-right: 1px solid #eee;}
.dialog-btn-2{font-size: 0.3rem;color: #c0a278;width: 49%;height: 0.8rem;text-align: center;line-height: 0.8rem;border-radius: 6px;display: inline-block;}
.dialog-title{margin-top: 0.64rem;text-align: center;font-size: 0.2rem;color: #999999;margin-bottom: 0.3rem;}
.dialog-btn {border-top: 1px solid #cccccc;}

.game-tips{width: 6rem;background: #fff;position: fixed;left: 50%;top:50%;margin-left: -3rem;margin-top: -2.35rem;-webkit-box-shadow: 0 0 0 10rem rgba(0,0,0,0.6);box-shadow: 0 0 0 10rem rgba(0,0,0,0.6);display:none;border-radius: 0.1rem;z-index: 999;}
.js-alert{text-align: center;z-index: 99999;padding: 0.5rem 0 0.2rem;}
.js-confirm {height: 2rem;}
.game-tips-title{ font-size: 0.3rem; color: #666; text-align: center; padding: 0.2rem 0.3rem;overflow: hidden;word-wrap: break-word;}
.game-tips p{margin-bottom: 0.3rem;color: #666666;font-size: 0.24rem;text-align: center;}
.game-tips-btn1{width: 100%;height: 0.8rem;text-align: center;line-height: 0.8rem;font-size: 0.3rem;color: #ab834b;display: inline-block;margin-left: 0.94rem;border-radius: 6px;border-top: 1px solid #eee;}
.game-tips-btn2{width: 1.98rem;height: 0.6rem;text-align: center;line-height: 0.6rem;font-size: 0.3rem;color: #ffeed0;background: #ab834b;display: inline-block;border-radius: 6px;}
.js-alert-ok {margin: 0rem;}

.swiper-pagination-bullet-active { background: #ab834b; }
.swiper-pagination {bottom: 0px !important;}

.choose-zd-l{background: url("//ossweb-img.qq.com/images/tgclub/app/a20171123game/choose-zd.png") no-repeat;width: 0.94rem;height: 0.75rem;background-size: cover;position: absolute;left: 1.58rem;top:0.2rem;display: none;}
.choose-zd-r{background: url("//ossweb-img.qq.com/images/tgclub/app/a20171123game/choose-zd.png") no-repeat;width: 0.94rem;height: 0.75rem;background-size: cover;position: absolute;right: 1.58rem;top:0.2rem;display: none;}
.game-tips img{width: 1.2rem;}

/*心悦等级*/
.vip-level {width: 0.4rem; height: 0.3rem; background: url(//ossweb-img.qq.com/images/tgclub/app/a20171123game/xy-spr.png) no-repeat; background-size: 3.43rem 0.31rem; left: 0.6rem; position: absolute; top: 0.87rem;}
.xy-g1{background-position: 0 0;}
.xy-g2{background-position: -0.4rem 0;}
.xy-g3{background-position: -0.9rem 0;}
.xy-g4{background-position: -1.34rem 0;}
.xy-lv1{background-position: -1.85rem 0;}
.xy-lv2{background-position: -2.45rem 0;}
.xy-lv3{background-position: -3.05rem 0;}

/*限时抢号*/
.game-details{overflow: hidden;}
.game-grab-tit img{width: 7.1rem; height: 2.8rem;}
.game-grab-rule{margin: 0.2rem 0.15rem 0.5rem 0.25rem; color: #555555;}
.game-grab-rule h3{font-size: 0.28rem; margin-bottom: 0.15rem;}
.game-grab-rule p{font-size: 0.24rem; margin-bottom: 0.05rem;}
.game-grab-btn{width: 2.5rem; height: 0.6rem; font-size: 0.28rem; color: #FFFFFF; text-align: center;  border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; 
-webkit-box-pack: center; 
    -ms-flex-pack: center; 
        justify-content: center; margin: 0 auto; margin-bottom: 0.5rem; background: -webkit-gradient(linear, left top, right top, from(#d7b57b) , to(#986d36)); background: -webkit-linear-gradient(left, #d7b57b , #986d36); background: linear-gradient(to right, #d7b57b , #986d36);  
background: -webkit-linear-gradient(to right, #d7b57b , #986d36);}
.game-grab-gray{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);
filter: grayscale(100%); -webkit-filter: gray; filter: gray;}
.game-grab-head{padding: 0 .2rem 0; line-height: 1px; border-left: 2.3rem solid #ab834b; border-right: 2.3rem solid #ab834b; text-align: center;color: #ab834b; display: block;
font-size: .28rem; position: relative; width: 1.9rem;margin: 0 auto; margin-bottom: 0.3rem;}/*  |xGv00|b00995e79aa01d3930ac85e0f5919926 */