@charset "UTF-8";
.bar-bg,.btn-buy,.btn-open1,.btn-open10,.btn-sel,.complete-light,.dia-close,.dialog-btn1,.dialog-btn2,.dialog-leftbg,.group-detail,.icon-gold,.icon-gray,.icon-light,.input-wrap,.item-cur,.notreasures-bg,.num-bg,.prize-bg,.prize-wrap,.progress-wrap .advice,.progress-wrap .bar-bg.mileage1 .spot1,.progress-wrap .bar-strip:after,.progress-wrap .spot,.progress-wrap .spot.light,.progress-wrap input[type=radio]:checked+.advice,.rule-bg,.rule-wrap,.rule-wrap span,.sel-cur,.sel-none,.sprite-img,.stripe,.stripe-gray,.treasures-bg h3,.treasures-wrap .prop-item.gray .stripe,.treasures2-bg,.txt-bg,.txt-bk,.txt-kx,.dialog-rightbg .prop-item:after{background-image:url(//game.gtimg.cn/images/actdaoju/act/a20191203xgbh/sprite-img.png);background-size:1905px 1583px;background-repeat:no-repeat}
.bar-bg{background-position:0 -1510px;width:1000px;height:37px}
.btn-buy{background-position:-383px -795px;width:380px;height:99px}
.btn-open1{background-position:-1047px -412px;width:234px;height:61px}
.btn-open10{background-position:-1047px -488px;width:234px;height:61px}
.btn-sel{background-position:-1045px -330px;width:248px;height:65px}
.complete-light{background-position:-9px -1560px;width:984px;height:23px}
.dia-close{background-position:-720px -612px;width:33px;height:33px}
.dialog-btn1{background-position:-1117px -880px;width:184px;height:53px}
.dialog-btn2{background-position:-1117px -950px;width:184px;height:53px}
.dialog-leftbg{background-position:-1053px -894px;width:32px;height:101px}
.group-detail{background-position:-1043px -1024px;width:559px;height:163px}
.icon-gold,.progress-wrap .bar-bg.mileage1 .spot1,.progress-wrap .spot.light{background-position:-529px -714px;width:14px;height:17px}
.icon-gray,.progress-wrap .spot{background-position:-531px -683px;width:13px;height:17px}
.icon-light,.progress-wrap .bar-strip:after{background-position:-2299px -1173px;width:28px;height:70px}
.input-wrap{background-position:0 -603px;width:497px;height:177px}
.notreasures-bg{background-position:-781px -615px;width:528px;height:251px}
.num-bg,.rule-wrap span{background-position:-726px -660px;width:23px;height:23px}
.optional-wrap{background: url(//game.gtimg.cn/images/actdaoju/act/a20191203xgbh/pop.png) no-repeat;width: 582px;height: 764px;padding: 200px 125px 0;}
.prize-bg,.prize-wrap{background-position:0 -933px;width:998px;height:559px}
.rule-bg,.rule-wrap{background-position:0 0;width:1001px;height:581px}
.progress-wrap input[type=radio]:checked+.advice,.sel-cur{background-position:-524px -646px;width:27px;height:27px}
.progress-wrap .advice,.sel-none{background-position:-524px -602px;width:27px;height:27px}
.stripe-gray,.treasures-wrap .prop-item.gray .stripe{background-position:-573px -646px;width:113px;height:26px}
.stripe{background-position:-573px -604px;width:113px;height:26px}
.treasures-bg h3{background-position:-1045px 0;width:294px;height:91px;text-indent: -999em;margin: 0 auto;}
.treasures2-bg{background-position:-1377px 0;width:528px;height:989px}
.txt-bg{background-position:0 -795px;width:363px;height:71px}
.txt-bk{background-position:-1045px -119px;width:47px;height:185px}
.txt-kx{background-position:-1117px -119px;width:47px;height:165px}
body,dd,dl,form,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0}
body,button,input,select,textarea{font:12px/1.5 tahoma,'\5b8b\4f53',sans-serif}
h1,h2,h3,h4,h5,h6{font-size:100%}
b,em{font-style:normal}
a{text-decoration:none}
a:hover{text-decoration:underline}
img{border:0}
button,input,select,textarea{font-size:100%;outline:0}
table{border-collapse:collapse;border-spacing:0}
ol,td,th,ul{padding:0}
dl,ol,ul{list-style:none}
.gray{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;pointer-events:none}
a:not(.gray):hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix{*zoom:1}
/*! 通用底部样式*/
#afooter{background:#fff;text-align:center}
#afooter .wrap_ieg{width:1240px;margin:0 auto;padding:30px 0}
#afooter p{color:#000;line-height:24px;font-size:10px}
#afooter a{color:#000;font-size:12px}
/*! asyncCookie的iframe样式*/
#loginStatusSyncFrame_ams_ame{display:block}
#_overlay_,.ost,.ost_box,body,html{min-width:1240px!important}
.g-wrap{position:relative;font-family:'\5FAE\8F6F\96C5\9ED1';height:4280px;background:url(//game.gtimg.cn/images/actdaoju/act/a20191203xgbh/bg.jpg) no-repeat top}
.g-wrap a{-webkit-transition:filter .3s,border .3s,color .3s;transition:filter .3s,border .3s,color .3s;display:inline-block}
.g-wrap i{display:inline-block}
.g-wrap a:hover{text-decoration:none;-webkit-filter:brightness(1.2);filter:brightness(1.2)}
.fl{float:left}
.fr{float:right}
.logo{position:absolute;top:41px;left:50px}
.logo-djc{position:absolute;top:72px;left:247px}
.login-wrap{padding-top:515px;text-align:center;color:#8790b7;font-size:20px;margin-left: -380px;}
.login-wrap a{color:#8790b7}
.progress-wrap{margin-top:280px;text-align:center}
.progress-wrap .input-wrap{display:inline-block;vertical-align:middle;position:relative;font-size:16px;color:#fff}
.progress-wrap .input-wrap a{width:170px;height:177px;position:absolute}
.progress-wrap .input-wrap .input-num{text-align:center;width:170px;height:177px;line-height:176px;font-size:80px;font-weight:600;color:#fff;background:none;border:none}
.progress-wrap .input-wrap .btn-reduce{left:0;top:0}
.progress-wrap .input-wrap .btn-add{right:0;top:0}
.progress-wrap .input-wrap .p0{margin:5px 0 5px 0;color: #6d83cd;}
.progress-wrap .tips{font-size:20px;width:463px;height:43px;margin:0 auto;background:#6d83cd;border-radius:20px;line-height:42px}
.progress-wrap .btn-buy{vertical-align:middle;margin-left:68px}
.progress-wrap .txt-bg{position:absolute;left:70px;top:-80px;font-size:20px;color:#fff;text-align:center;line-height: 46px;}
.progress-wrap .advice{display:inline-block;vertical-align:-4px;margin:0 5px;cursor:pointer}
.progress-wrap .bar-bg{margin:126px auto 44px;position:relative}
.progress-wrap .tips2{color:#ed776e;font-size:20px}
.progress-wrap .tips2 span{color:#848db5}
.progress-wrap .bar-wrap{width:1157px;position:relative}
.progress-wrap .bar-strip{width:0%;height:32px;position:absolute;top:5px;left:5px;transition:all .8s;display:none}
.progress-wrap .bar-strip:after{display:block;position:absolute;content:"";right:-12px;top:-18px;z-index:9}
.progress-wrap .light-group{width:0%;transition:all .8s;height:23px;position:absolute;top:2px;left:5px;overflow:hidden}
.progress-wrap .spot{z-index:1;position:absolute;top:20px}
.progress-wrap .spot span{position:absolute;width:200px;left:50%;margin-left:-100px;display:block;top:30px;font-size:16px;color:#8ba4ec}
.progress-wrap .spot1{left:47px}
.progress-wrap .spot2{left:158px}
.progress-wrap .spot3{left:267px}
.progress-wrap .spot4{left:379px}
.progress-wrap .spot5{left:498px}
.progress-wrap .spot6{left:609px}
.progress-wrap .spot7{left:718px}
.progress-wrap .spot8{left:829px}
.progress-wrap .spot9{left:952px}
.treasures-wrap{width:1000px;margin:115px auto 0;overflow:hidden}
.treasures-wrap .treasures-bg{text-align:center}
.treasures-wrap .treasures-bg img{margin-top:20px;}
.treasures-wrap .btn-group{text-align:center;font-size:16px;color:#7b93de;padding-top:132px}
.treasures-wrap .txt{position:absolute;top:111px;left:-45px}
.treasures-wrap .notreasures-bg .txt{position:absolute;top:23px;left:-45px}
.treasures-wrap .treasures2-bg{position:relative}
.treasures-wrap .notreasures-bg{position:relative;margin-top:16px}
.treasures-wrap .notreasures-bg .prop-group{padding-top:50px}
.treasures-wrap .prop-group{font-size:0;text-align:center;margin-top:24px}
.treasures-wrap .prop-item{position:relative;display:inline-block;margin-bottom:15px;vertical-align:top;margin-left: -9px;height: 167px;}
.treasures2-bg  .prop-item{position:relative;display:inline-block;margin:0 4px 15px;vertical-align:top;}

.treasures-wrap .prop-item .img-gray{display:none}
.treasures-wrap .prop-item .stripe{color:#fff;font-size:16px;line-height:26px;margin: 0 auto 5px;}
.treasures-wrap .prop-item.gray img{display:none}
.treasures-wrap .prop-item.gray .stripe{color:#ffff;}
.treasures-wrap .prop-item.gray .img-gray{display:block}
.treasures-wrap .txt-group{position:absolute;width:111px;left:0;bottom:0;font-size:14px;height:28px;text-align:center;color:#576ba5;line-height:13px}
.treasures-wrap .txt-group.line2{font-size:12px}
.treasures-wrap .txt-group>p{height:28px;display:table-cell;width:133px;text-align:center;vertical-align:middle}
.treasures-wrap .btn-group2{margin-top:10px;font-size:22px;text-align:center;color:#8ba4ec}
.treasures-wrap .btn-group2 a{margin:10px 10px 0}
.prize-wrap{margin:110px auto 0}
.prize-wrap .prize-inner{text-align:center;width:998px;margin:0 auto;padding-top:170px;color:#fff;font-size:18px;}
.prize-wrap .prize-inner span{display:inline-block;width:250px}
.prize-wrap .prize-inner span:first-child+span{margin:0px}
.prize-wrap .prize-inner li{line-height:35px}
.rule-wrap{margin:108px auto 0}
.rule-wrap .rule-inner{width:920px;margin:0 auto;padding-top:148px;color:#fff;font-size:14px}
.rule-wrap .rule-inner a{color: #fff;text-decoration: underline;}
.rule-wrap p{padding-left:35px;position:relative;margin-bottom:12px;line-height:25px}
.rule-wrap span{line-height:23px;display:block;text-align:center;position:absolute;left:0;top:2px;color: #8ba4ec;}
.dialog{outline:0}
/*.dia-con{overflow:auto}*/
.choose-group{width:600px;overflow:auto;height:679px}
.group-detail{margin-bottom:11px;display:flex}
.group-detail .left{margin: 28px 10px 0 25px;text-align:center;line-height:24px;font-size:26px;color:#fff;padding-top:26px;}
.group-detail .right{display:flex;justify-content:space-around}
.prop-item{position:relative;margin-top:7px}
.dialog-rightbg .prop-item{position:relative;margin-top:12px}
.prop-item .text-group{position:absolute;width:133px;left:0;bottom:5px}
.prop-item .text-group p{height:27px;width:132px;color:#576ba5;font-size:14px;text-align:center;line-height:27px}
.prop-item .text-group .small-p{height:28px;font-size:12px;line-height:13px}
.prop-item .img-gray{display:none}
.prop-item.gray img{display:none}
.prop-item.gray .img-gray{display:block}
.dialogbtn-group{text-align:center;margin-top:15px}
.dialogbtn-group .dialog-btn1{margin-right:74px}
.dia-close{position:absolute;top:57px;right:50px}
.choose-group::-webkit-scrollbar{width:15px}
.choose-group::-webkit-scrollbar-track{background:#7290c8;border-radius:15px;border:1px solid #6583bc}
.choose-group::-webkit-scrollbar-thumb{background:#fff;border-radius:15px}
.choose-group::-webkit-scrollbar-corner{background:#f6f6f6}

.treasures-bg{width: 421px;height: 1376px;}
.qrcode{background: url(//game.gtimg.cn/images/actdaoju/act/a20191203xgbh/float.png) no-repeat;width: 154px;height:240px;padding: 34px 17px 0;}
.qrcode p{color: #5b6b9a;font-size: 14px;line-height: 1.6;padding-top: 8px;}
.swiper-container img{width: 421px;height: 1265px;display: block;}
.item-cur{position: absolute;top: 0;left: 0;z-index: 1;}

.dialog-rightbg .prop-item:after{content: '';position: absolute;top: 0;left: 0;z-index: 2;}
.dialog-rightbg .prop-item:after{background-position: -1654px -1039px;width: 123px;height: 115px;}
.dialog-rightbg .prop-item.checked:after{position:absolute;top:0;left:0;z-index:1;content: '';}
.dialog-rightbg .prop-item.checked:after{background-position:-9999px -9999px;width:123px;height:115px}