body, p, h1, h2, h3, ul, li, ol, button, input, form, label, div, h4, span, a, textarea { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

ol, ul { list-style: none; }

a { text-decoration: none; }

i { font-style: normal; }

a, button, input, div { -webkit-tap-highlight-color: rgba(255, 0, 0, 0); }

body { font-family: "HelveticaNeue-Light", "Helvetica Neue Light","Clockopia"; -webkit-user-select: none; -webkit-touch-callout: none; }

img { display: block; }

a:active { opacity: 0.8; }

.hide, .page1 p, .btn-video-play, .btn-yuyue, .btn-chou, .btn-down, .btn-close span, .site-intro-main p, .pop-close span { text-indent: -9999px; }

/*font*/
/*flexbox*/
.flb, .attention, .btn-wx, .btn-bl, .btn-bl.attention-wx.attention-on, .btn-bl.attention-qq.attention-on, .btn-close, .form-item { display: block; display: -webkit-box; display: box; display: -webkit-flexbox; display: flexbox; display: -webkit-flex; display: flex; }

.flb-in { display: inline-block; display: -webkit-inline-box; display: inline-box; display: -webkit-inline-flexbox; display: inline-flexbox; display: -webkit-inline-flex; display: inline-flex; }

/*flexbox cloumn*/
.fld, .btn-wx, .btn-bl { -webkit-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; flex-direction: column; }

.dot { text-overflow: ellipsis; overflow: hidden; max-width: 100%; white-space: nowrap; }

.dot2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

/*flexbox justtify-content */
/*flexbox align-items */
.abs, .page1:before, .page2:before, .pop-bg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }

body { background: #000; }

.icon-site, .site-it .site-icon { display: inline-block; background-size: 3.68rem 3.68rem; }

.icon-site-1, .site-it1 .site-icon, .icon-site-2, .site-it2 .site-icon, .icon-site-3, .site-it3 .site-icon, .icon-site-4, .site-it4 .site-icon { background-image: url(//game.gtimg.cn/images/quanyou/m/m201807/site.png); width: 1.16rem; height: 1.16rem; }

.icon-site-1, .site-it1 .site-icon { background-position: 0 0; }

.icon-site-2, .site-it2 .site-icon, .icon-site-3, .site-it3 .site-icon, .icon-site-4, .site-it4 .site-icon { background-position: -1.26rem 0; }

.icon-site-3, .site-it3 .site-icon, .icon-site-4, .site-it4 .site-icon { background-position: 0 -1.26rem; }

.icon-site-4, .site-it4 .site-icon { background-position: -1.26rem -1.26rem; }

.icon-site-5, .site-it5 .site-icon, .icon-site-6, .site-it6 .site-icon, .icon-site-7, .site-it7 .site-icon, .icon-site-8, .site-it8 .site-icon, .icon-site-9, .site-it9 .site-icon { background-image: url(//game.gtimg.cn/images/quanyou/m/m201807/site.png); background-position: -2.52rem 0; width: 1.16rem; height: 1.16rem; }

.icon-site-6, .site-it6 .site-icon, .icon-site-7, .site-it7 .site-icon, .icon-site-8, .site-it8 .site-icon, .icon-site-9, .site-it9 .site-icon { background-position: -2.52rem -1.26rem; }

.icon-site-7, .site-it7 .site-icon, .icon-site-8, .site-it8 .site-icon, .icon-site-9, .site-it9 .site-icon { background-position: 0 -2.52rem; }

.icon-site-8, .site-it8 .site-icon, .icon-site-9, .site-it9 .site-icon { background-position: -1.26rem -2.52rem; }

.icon-site-9, .site-it9 .site-icon { background-position: -2.52rem -2.52rem; }

.icon-site-name, .site-intro-main { display: inline-block; background-size: 16.73rem 16.34rem; }

.icon-site-name-1, .site-con-it1 .site-intro-main { background-image: url(//game.gtimg.cn/images/quanyou/m/m201807/name.png); background-position: 0 0; width: 5.51rem; height: 5.38rem; }

.icon-site-name-2, .site-con-it2 .site-intro-main, .icon-site-name-3, .site-con-it3 .site-intro-main, .icon-site-name-4, .site-con-it4 .site-intro-main, .icon-site-name-5, .site-con-it5 .site-intro-main { background-image: url(//game.gtimg.cn/images/quanyou/m/m201807/name.png); background-position: -5.61rem 0; width: 5.51rem; height: 5.38rem; }

.icon-site-name-3, .site-con-it3 .site-intro-main, .icon-site-name-4, .site-con-it4 .site-intro-main, .icon-site-name-5, .site-con-it5 .site-intro-main { background-position: 0 -5.48rem; }

.icon-site-name-4, .site-con-it4 .site-intro-main, .icon-site-name-5, .site-con-it5 .site-intro-main { background-position: -5.61rem -5.48rem; }

.icon-site-name-5, .site-con-it5 .site-intro-main { background-position: -11.22rem 0; }

.icon-site-name-6, .site-con-it6 .site-intro-main, .icon-site-name-7, .site-con-it7 .site-intro-main, .icon-site-name-8, .site-con-it8 .site-intro-main, .icon-site-name-9, .site-con-it9 .site-intro-main { background-image: url(//game.gtimg.cn/images/quanyou/m/m201807/name.png); background-position: -11.22rem -5.48rem; width: 5.51rem; height: 5.38rem; }

.icon-site-name-7, .site-con-it7 .site-intro-main, .icon-site-name-8, .site-con-it8 .site-intro-main, .icon-site-name-9, .site-con-it9 .site-intro-main { background-position: 0 -10.96rem; }

.icon-site-name-8, .site-con-it8 .site-intro-main, .icon-site-name-9, .site-con-it9 .site-intro-main { background-position: -5.61rem -10.96rem; }

.icon-site-name-9, .site-con-it9 .site-intro-main { background-position: -11.22rem -10.96rem; }

.icon-spr, .btn-video-play, .btn-down, .btn-wx:before, .btn-bl:before, .btn-close span, .pop-close span, .login-content .icon-login { display: inline-block; background-size: 4.69rem 3.5rem; }

.icon-btn-close, .btn-close span, .pop-close span, .icon-btn-down, .btn-down { background-image: url(//game.gtimg.cn/images/quanyou/m/m201807/spr.png); background-position: -4.41rem -1.5rem; width: .24rem; height: .24rem; }

.icon-btn-down, .btn-down { background-position: -3.29rem -1.5rem; width: .62rem; height: .5rem; }

.icon-btn-share-bl, .btn-bl:before, .icon-btn-share-wx, .btn-wx:before, .btn-bl:before { background-image: url(//game.gtimg.cn/images/quanyou/m/m201807/spr.png); background-position: -3.29rem 0; width: 1.4rem; height: 1.4rem; }

.icon-btn-share-wx, .btn-wx:before, .btn-bl:before { background-position: 0 -2.1rem; }

.icon-btn-yuyue, .icon-btn-yuyue-false { background-image: url(//game.gtimg.cn/images/quanyou/m/m201807/spr.png); width: 3.19rem; height: .95rem; }

.icon-btn-yuyue { background-position: 0 -1.05rem; }

.icon-btn-yuyue-false { background-position: 0 0; }

.icon-pop-login-qq, .login-content .icon-login-qq, .icon-pop-login-wx, .login-content .icon-login-wx, .icon-video-play, .btn-video-play { background-image: url(//game.gtimg.cn/images/quanyou/m/m201807/spr.png); background-position: -4.01rem -1.5rem; width: .3rem; height: .3rem; }

.icon-pop-login-wx, .login-content .icon-login-wx, .icon-video-play, .btn-video-play { background-position: -2.74rem -2.1rem; }

.icon-video-play, .btn-video-play { background-position: -1.5rem -2.1rem; width: 1.14rem; height: 1.14rem; }

.page1, .page2 { padding-top: 160.8%; position: relative; z-index: 1; width: 100%; }
.page1:before, .page2:before { content: ""; display: block; padding-top: 166.8%; background: url("//game.gtimg.cn/images/quanyou/m/m201807/bg1.jpg"); background-size: 100% 100%; z-index: 2; }

.page1 p { position: absolute; }
.page1 .login-if { text-indent: 0; }

.login-if { display: none; position: absolute; right: 0.2rem; top: 1.5rem; font-size: .24rem; line-height: .36rem; color: #a2874f; z-index: 3; }
.login-if a { color: #9ca262; }
.login-if.on { display: block; }
.login-if span { display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 1.5rem; vertical-align: top; }

.btn-video-play { position: absolute; left: 50%; margin-left: -0.57rem; top: 50%; margin-top: 1.4rem; display: block; z-index: 3; }

.yuyue { width: 5.2rem; height: .9rem; position: absolute; bottom: 1.1rem; left: 50%; margin-left: -2.6rem; z-index: 3; }

.btn-yuyue { position: absolute; left: 50%; top: 0; display: block; background: url("//game.gtimg.cn/images/quanyou/m/m201807/btn2.png") center top/100% auto no-repeat; width: 2.5rem; height: .9rem; margin-left: -1.25rem; }

.btn-chou { position: absolute; left: 0; top: 0; background: url("//game.gtimg.cn/images/quanyou/m/m201807/btn1.png") center top/100% auto no-repeat; width: 2.5rem; height: .9rem; display: none; }

.btn-yuyue-false { background: url("//game.gtimg.cn/images/quanyou/m/m201807/btn2-done.png") center top/100% auto no-repeat; }

.btn-down { position: absolute; left: 50%; margin-left: -.31rem; bottom: 0; z-index: 2; animation: animate 1.2s ease-in-out infinite; }

@keyframes animate { 0% { transform: translate(0, 0); }
  50% { transform: translate(0, -50%); }
  100% { transform: translate(0, 0); } }
.page2:before { background-image: url("//game.gtimg.cn/images/quanyou/m/m201807/bg2.jpg"); }

.map-menu, .map-content, .tit-page, .map-tips { position: absolute; left: 0; top: 0; }

.site-it .site-icon { position: absolute; z-index: 2; }

.site-active-1 .site-con-it1 { display: block; }

.site-active-2 .site-con-it2 { display: block; }

.site-active-3 .site-con-it3 { display: block; }

.site-active-4 .site-con-it4 { display: block; }

.site-active-5 .site-con-it5 { display: block; }

.site-active-6 .site-con-it6 { display: block; }

.site-active-7 .site-con-it7 { display: block; }

.site-active-8 .site-con-it8 { display: block; }

.site-active-9 .site-con-it9 { display: block; }

.site-it1 .site-icon { left: 2.55rem; top: 1.7rem; }

.site-it2 .site-icon { left: 1.1rem; top: 4rem; }

.site-it3 .site-icon { left: 4.1rem; top: 3.94rem; }

.site-it4 .site-icon { left: 2.88rem; top: 4.8rem; }

.site-it5 .site-icon { left: 2.88rem; top: 4.8rem; }

.site-it6 .site-icon { left: 2.4rem; top: 7rem; }

.site-it7 .site-icon { left: 4.05rem; top: 7.23rem; }

.site-it8 .site-icon { left: 4.58rem; top: 5.26rem; }

.site-it9 .site-icon { left: 2.93rem; top: 8.73rem; }

.map-tips { font-size: .24rem; line-height: .32rem; color: #75839b; z-index: 2; bottom: 1rem; top: auto; text-align: center; width: 100%; vertical-align: text-top; }
.map-tips span { padding: 0 .08rem; background: #d1c495; border-radius: .05rem; color: #06090c; margin-right: .08rem; }

.attention { background: #121212; }

.attention-it { padding: .82rem 0; width: 50%; -ms-box-flex: 1; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; -ms-flex: 1; -moz-flex: 1; -webkit-flex: 1; flex: 1; }
.attention-it img { width: 1.4rem; height: 1.4rem; margin-bottom: 0.3rem; border-radius: 0.1rem; display: block; }

.btn-wx, .btn-bl { -ms-box-pack: center; -moz-box-pack: center; -webkit-box-pack: center; box-pack: center; -ms-flex-pack: center; -moz-flex-pack: center; -webkit-flex-pack: center; flex-pack: center; -ms-justify-content: center; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center; -moz-box-align: center; -ms-box-align: center; -webkit-box-align: center; box-align: center; -ms-flex-align: center; -moz-flex-align: center; -webkit-flex-align: center; flex-align: center; -ms-align-items: center; -moz-align-items: center; -webkit-align-items: center; align-items: center; }
.btn-wx:before, .btn-bl:before { content: ""; display: none; }

.attention-tit { font-size: .34rem; line-height: .42rem; padding: .02rem 0; color: #7b7b7b; }

.attention-if { font-size: .24rem; line-height: .32rem; padding: .02rem 0; color: #515151; }

.attention-wx, .attention-qq { display: none; }

.attention-wx.attention-on, .attention-qq.attention-on { display: block; }

#afooter { font-size: .24rem; background: #090909; padding: 0 0 0.5rem 0; line-height: .32rem; text-align: center; color: #606060; }
#afooter a { color: #606060; }

.foot-mod { background: #090909; color: #606060; font-size: 0; padding: 0.5rem 0 0.08rem 0; }

.foot-logos { background: url(//game.gtimg.cn/images/quanyou/m/m201807/footer.png) center top no-repeat; background-size: 100% auto; padding-top: 4.93333%; }

.foot-copyright { font-size: .24rem; line-height: .26rem; padding: 0.08rem .2rem 0 .2rem; text-align: center; }

.pop { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 20; display: none; }

.pop-bg { background: rgba(0, 0, 0, 0.4); }

.btn-close { position: absolute; right: -.52rem; top: -.09rem; width: .52rem; height: .52rem; background: #3a4560; -ms-box-pack: center; -moz-box-pack: center; -webkit-box-pack: center; box-pack: center; -ms-flex-pack: center; -moz-flex-pack: center; -webkit-flex-pack: center; flex-pack: center; -ms-justify-content: center; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center; -moz-box-align: center; -ms-box-align: center; -webkit-box-align: center; box-align: center; -ms-flex-align: center; -moz-flex-align: center; -webkit-flex-align: center; flex-align: center; -ms-align-items: center; -moz-align-items: center; -webkit-align-items: center; align-items: center; }
.btn-close span { display: block; }

.pop-site-con { width: 5.51rem; height: 5.38rem; position: absolute; left: 50%; top: 50%; margin: -2.755rem 0 0 -2.69rem; background: #1f2638; border: .09rem solid #3a4560; }

.lis-site-content, .site-con-it, .site-intro, .site-intro-main { width: 100%; height: 100%; }

.site-con-it { display: none; }

.pop-login, .pop-tips, .pop-form, .pop-video { width: 5.41rem; height: 4.14rem; border: 9px solid #3a4560; position: relative; background: url("//game.gtimg.cn/images/quanyou/m/m201807/bg-pop.jpg"); background-size: 100% 100%; }

.pop-form1 { width: 5.41rem; height: 3.14rem; border: 9px solid #3a4560; position: relative; background: url("//game.gtimg.cn/images/quanyou/m/m201807/bg-pop.jpg"); background-size: 100% 100%; }

.pop-form2 { width: 5.41rem; height: 3.8rem; border: 9px solid #3a4560; position: relative; background: url("//game.gtimg.cn/images/quanyou/m/m201807/bg-pop.jpg"); background-size: 100% 100%; }

.pop-close { padding: 0.1rem; background-color: #3a4560; position: absolute; right: -.6rem; top: -.18rem; }
.pop-close span { display: block; }

.login-content { width: 100%; height: 100%; background: url("//game.gtimg.cn/images/quanyou/m/m201807/bg-pop.jpg") center top no-repeat; padding: .3rem; text-align: center; }
.login-content .btn-login-icon { width: 2rem; height: .65rem; position: relative; background: #3a4560; line-height: .45rem; padding: .1rem  0 .10rem .20rem; color: #ffffff; display: inline-block; }
.login-content .icon-login { position: absolute; left: .20rem; top: .20rem; z-index: 2; }

.login-btns { font-size: .18rem; }

.login-if1 { margin: .45rem 0 .04rem 0; font-size: .24rem; line-height: 1.5; }

.login-if2 { margin: .05rem  0 .40rem 0; font-size: .37rem; line-height: 1.2; font-weight: bold; }

.tips-content { width: 100%; height: 100%; background: url("//game.gtimg.cn/images/quanyou/m/m201807/bg-pop.jpg") center top no-repeat; padding: .30rem; text-align: center; }

.tips-if-content { font-size: .32rem; line-height: 1.2; font-weight: bold; margin: .05rem  0 .10rem 0; }

.tips-if1 { padding: 0 .20rem .24rem .20rem; font-size: .21rem; border-bottom: 1px solid #969eac; }
.tips-if1 .text-em { color: #db6700; font-size: .24rem; }

.tips-if2 { padding: .15rem .10rem .10rem .10rem; font-size: .18rem; line-height: .28rem; }

.btn-mobile { width: 1.96rem; height: .65rem; position: relative; background: #3a4560; line-height: .35rem; padding: 0.15rem 0; color: #ffffff; display: block; margin: .1rem auto 0 auto; font-size: .24rem; }

.form-content { width: 100%; height: 100%; background: url("//game.gtimg.cn/images/quanyou/m/m201807/bg-pop.jpg") center top no-repeat; padding: .3rem; text-align: center; }

.form-name { font-size: .38rem; line-height: 1.2; font-weight: bold; margin: .05rem  0 .10rem 0; }

.form-detail { padding: .23rem 0 0 0; }

.form-item { font-size: 0; margin: 0.1rem 0; line-height: .48rem; height: .48rem; text-align: left; }

.form-tit, .from-ra-wr, .form-tx { display: inline-block; font-size: .24rem; vertical-align: top; }

.from-ra-wr { width: 30%; position: relative; }

.from-ra-wr:first-child { margin-right: 10px; }

.form-tit { width: 1rem; text-align: right; margin-right: .10rem; font-size: .24rem; }

.btn-yueyue2 { display: block; margin: 8px auto; width: 1.5rem; height: 0.8rem; background: #3a4660; font-size: 14px; color: #ffffff; padding: 10px 0 0 0; line-height: 20px; }

.from-lb { font-size: .25rem; cursor: pointer; display: block; padding-left: .3rem; text-align: left; }

.from-lb:before { content: ""; display: block; width: .22rem; height: .22rem; border: 1px solid #000; border-radius: 100%; position: absolute; left: 0; top: .1rem; background: #fff; }

.from-lb:after { content: ""; width: .1rem; height: .1rem; background: #000; border-radius: .1rem; position: absolute; left: .08rem; display: none; top: .18rem; }

.from-ra { opacity: 0; position: absolute; left: 0; top: .06rem; }

.from-ra:checked + .from-lb:after { display: block; }

.form-tx { height: 100%; font-size: .24rem; border: 1px solid #000000; padding: 0 .1rem; width: 3.13rem; background-color: transparent; }

.form-item { position: relative; }

.btn-form-code { -webkit-appearance: none; width: 1.5rem; height: .48rem; background: #c86123; padding: 0; font-size: .24rem; display: block; text-align: center; margin-left: .03rem; }

.form-code { position: absolute; right: 0; top: 8px; width: 75px; height: 26px; }

.form-item-code .form-tx { width: 1.60rem; }

.form-item-radio { -ms-box-pack: center; -moz-box-pack: center; -webkit-box-pack: center; box-pack: center; -ms-flex-pack: center; -moz-flex-pack: center; -webkit-flex-pack: center; flex-pack: center; -ms-justify-content: center; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center; }

.video { width: 100%; height: 100%; }

/*# sourceMappingURL=style.css.map */