@media screen and (min-width:1158px){header ul{width:1160px;margin:0 auto}header ul li{padding:0 15px;line-height:35px;height:35px}.first-page .logo{max-width:190px;z-index:999;margin-top:65px;top:0}.first-page .play-button{font-size:28px;position:relative;z-index:999}.first-page .home-info{position:relative;width:50%;height:100%}.first-page .home-info .home-hero-image{margin-top:60px}.first-page .home-info #home-info-image{display:block;position:absolute;bottom:170px}.first-page .download-app-mobile{display:none}.first-page .download-app-pc{position:absolute;right:50px;top:0;z-index:999;top:50%;margin-top:-161.1px}.first-page .download-app-pc .logo{width:30px;margin:0 auto}.first-page .download-app-pc .qrcode{width:100px;margin-top:10px}.first-page .download-app-pc li:last-child{margin-top:30px}.card .layout{width:1460px}.card .layout .title-layout .title{font-size:30px;width:430px}.banner-layout{margin-bottom:40px}.banner-layout .banner-item-layout{padding:0 90px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.banner-layout .banner-item-layout .item-left{-webkit-box-flex:1;-ms-flex:1;flex:1;height:430px}.banner-layout .banner-item-layout .item-right{width:300px;padding-left:50px}.banner-layout .banner-item-layout .item-right .image-list-layout{left:17px;top:16px;right:0;bottom:0;padding:20px}.banner-layout .banner-button{width:73px}.heroes-banner .banner-item-layout .item-left .image img{height:100%}.heroes-banner .banner-item-layout .occupation{width:36px;top:31px;right:17px}.page-list .card-01 .list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.page-list .card-01 .list li .content h3{font-size:36px;min-height:130px}.page-list .card-01 .list li .content .introduce p{font-size:16px;padding:20px;line-height:1.55;-webkit-box-sizing:border-box;box-sizing:border-box}.page-list .card-01 .list li .content .introduce .soul-icon{width:40%;padding-bottom:60px}.page-list .card-02 .box,.page-list .card-04 .box{display:-webkit-box;display:-ms-flexbox;display:flex}.page-list .card-02 .box .left-box .text,.page-list .card-04 .box .left-box .text{width:280px;height:404px}.page-list .card-02 .box .right-box,.page-list .card-04 .box .right-box{-webkit-box-flex:1;-ms-flex:1;flex:1}.page-list .card-02 .box .right-box .banner,.page-list .card-04 .box .right-box .banner{margin-bottom:60px}.page-list .card-02 .box .right-box .banner-text,.page-list .card-04 .box .right-box .banner-text{margin:0 auto;width:578px}.page-list .card-03 .layout{padding-bottom:160px}.page-list .card-03 .layout .row{padding-top:50px;display:-webkit-box;display:-ms-flexbox;display:flex}.page-list .card-03 .layout .video-box{width:733px;height:433px}.page-list .card-03 .layout .text{width:280px;margin-left:30px}.page-list .card-05 .title-layout{margin-bottom:100px!important}.page-list .card-05 .layout{padding:60px 0}.page-list .card-05 .layout .box{display:-webkit-box;display:-ms-flexbox;display:flex}.page-list .card-05 .layout .box .left-box{-webkit-box-flex:1;-ms-flex:1;flex:1}.page-list .card-05 .layout .box .left-box .item{width:357px;height:200px}.page-list .card-05 .layout .box .left-box .item:nth-child(odd){margin-right:24px}.page-list .card-05 .layout .box .left-box .item .info p{padding-top:10px}.page-list .card-05 .layout .box .right-box{padding-top:115px;padding-right:200px}.page-list .card-05 .layout .box .right-box p{font-size:34px}.page-list .card-06 .layout{padding:120px 0 60px 0}.page-list .card-06 .layout .icon{width:340px;height:340px;margin:0 auto 78px auto}.page-list .card-06 .layout .text{font-size:48px;margin-bottom:62px}footer{padding:56px 30px}footer .layout{margin:0 auto;color:#fff}footer .layout h3{font-size:72px}footer .layout .list{width:1460px;margin:97px auto 0 auto}footer .layout ul{padding-top:40px}footer .layout ul li{height:70px}footer .layout ul li img{width:auto;height:100%}.register-layout .form-box li .name{font-size:16px}.register-success .content-layout{width:500px}.modal-layout .form-box{width:502px;padding:0 60px 27px}}@media screen and (max-width:1158px){header .nav{padding:0 20px}header .nav li{padding:0 5px;line-height:50px;height:50px;font-size:16px}header .nav .email-box{width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.first-page .logo{max-width:135px;margin-top:70px;top:0}.first-page .play-button{font-size:25px}.first-page .home-info{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;overflow:hidden}.first-page .home-info .home-hero-image{z-index:888;-webkit-transform:scale(1.2);transform:scale(1.2)}.first-page .home-info #home-info-image{z-index:8888;width:90%;position:absolute;bottom:130px;left:5%}.first-page .play-button{padding:16px 30px!important;font-size:18px!important;margin-bottom:15px!important}
.first-page .download-app-pc{display:none}.first-page .download-app-mobile{z-index:99999999;width:40px;position:absolute;top:18%;right:0}.first-page .download-app-mobile li:last-child{margin-top:20px}.card .layout{width:100%}.card .layout .title-layout .title{width:100%;font-size:25px}.banner-layout{margin-bottom:40px}.banner-layout .banner-item-layout .item-left{height:365px}.banner-layout .banner-item-layout .item-right .image-list-layout{left:17px;top:13px;right:0;bottom:0;padding:11px}.banner-layout .banner-button{width:50px}.gameplay-banner .banner-item-layout{padding:0 40px}.heroes-banner .banner-item-layout{padding:0 60px}.heroes-banner .occupation{width:12%;top:7.8%;right:5.5%}.page-list .card-01 .list{padding:0 10px;overflow-x:auto;white-space:nowrap}.page-list .card-01 .list li{display:inline-block;width:75%}.page-list .card-01 .list li .content h3{font-size:18px;min-height:60px}.page-list .card-01 .list li .content .introduce p{font-size:15px;padding:15px}.page-list .card-01 .list li .content .introduce .soul-icon{width:30%;padding-bottom:10px}.page-list .card-02 .box,.page-list .card-04 .box{display:block}.page-list .card-02 .box .left-box,.page-list .card-04 .box .left-box{width:100%;padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:20px}.page-list .card-02 .box .left-box .text,.page-list .card-04 .box .left-box .text{padding-bottom:15px!important}.page-list .card-02 .box .right-box,.page-list .card-04 .box .right-box{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.page-list .card-02 .box .right-box .banner,.page-list .card-04 .box .right-box .banner{margin-bottom:25px}.page-list .card-02 .box .right-box .banner-text,.page-list .card-04 .box .right-box .banner-text{margin:0 20px}.page-list .card-03 .layout{padding-bottom:60px}.page-list .card-03 .layout .row{padding:0 20px}.page-list .card-03 .layout .video-box{width:100%;height:180px;margin-bottom:15px}.page-list .card-05 .title-layout{margin-bottom:110px}.page-list .card-05 .layout .box .left-box{-webkit-box-flex:1;-ms-flex:1;flex:1}.page-list .card-05 .layout .box .left-box .title-box{display:none}.page-list .card-05 .layout .box .left-box ul{padding:0 20px}.page-list .card-05 .layout .box .left-box ul li .item{-webkit-box-flex:1;-ms-flex:1;flex:1}.page-list .card-05 .layout .box .left-box ul li .item:nth-child(odd){margin-right:14px}.page-list .card-05 .layout .box .left-box ul li .item .info p{padding-top:5px}.page-list .card-05 .layout .box .right-box{padding-top:30px}.page-list .card-05 .layout .box .right-box p{font-size:28px}.page-list .card-06 .layout{padding:100px 0 50px 0}.page-list .card-06 .layout .icon{width:220px;height:220px;margin:0 auto 40px auto}.page-list .card-06 .layout .text{font-size:28px;margin-bottom:40px}footer{padding:40px 0}footer .layout{margin:0 auto;color:#fff}footer .layout h3{font-size:50px}footer .layout .list{margin-top:40px}footer .layout ul{padding-top:20px}footer .layout ul li{padding:0 20px}footer .layout ul li img{width:100%;height:auto}.modal-layout .form-box{width:100%;padding:0 25px 27px 25px}.modal-layout .form-box li .name{font-size:14px}.register-success .content-layout{width:90%}}@font-face{font-family:"berlin";src:url("../font/Berlin-Sans-FB-Demi-Bold.ttf");font-weight:bold;font-style:oblique}@font-face{font-family:"ubuntu";src:url("../font/Ubuntu-B.ttf");font-weight:bold;font-style:oblique}@font-face{font-family:"impact";src:url("../font/impact.ttf");font-weight:bold;font-style:oblique}@font-face{font-family:"CAI978";src:url("../font/379-CAI978.TTF");font-weight:bold;font-style:oblique}body{font-family:"ubuntu"}a,input,button{outline:0}a{text-decoration:none;outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-user-select:none;-moz-user-focus:none;-moz-user-select:none}ul,li{list-style:none;margin:0;padding:0}img{max-width:100%}header{position:fixed;top:0;left:0;width:100%;background:rgba(0,0,0,0.6);z-index:9999}header li,header a{color:#fff}header ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}header ul li{text-align:center;font-family:'ubuntu';cursor:pointer;white-space:nowrap}header ul .retrieve-password{overflow:hidden}header ul .email-box{display:none}header ul #language{position:relative}header ul #language .language-show{text-align:center}header ul #language .language-show .language-text,header ul #language .language-show .icon{display:inline-block}header ul #language .language-show .icon{width:16px;padding-left:2px}header ul #language .language-list{display:none;overflow:hidden;z-index:999;position:absolute;top:100%;left:50%;background:rgba(0,0,0,0.6);-webkit-transform:translateX(-50%);transform:translateX(-50%)}header ul #language .language-list .item{padding:10px 15px;line-height:1;font-size:16px;text-align:center}
header ul #language .language-list .item:hover{background:rgba(0,0,0,0.8)}.first-page .bg-box,.card .bg-box{position:absolute;left:0;top:0;right:0;bottom:0}.card .layout{margin:0 auto;position:relative;z-index:999;padding:40px 0;color:#fff}.card .layout .title-layout{margin-bottom:30px}.card .layout .title-layout .title{text-align:center;height:42px;line-height:42px;margin:0 auto;text-shadow:0 2px 0 rgba(0,0,0,0.5);background-repeat:no-repeat;background-size:100% 100%;font-family:'impact'}.first-page,.card{position:relative}.first-page .bg-box,.card .bg-box{z-index:0}.first-page .bg-box img,.card .bg-box img{width:100%;height:100%;-o-object-position:center;object-position:center;-o-object-fit:cover;object-fit:cover}.first-page{width:100%;height:100vh;color:#fff;position:relative}.first-page::after{content:'';display:block;width:100%;height:100px;position:absolute;left:0;bottom:0;z-index:0;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.7)));background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7))}.first-page .layout{width:100%;position:absolute;top:0;bottom:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1}.first-page .layout .logo{position:absolute}.first-page .layout .button-layout{position:absolute;bottom:0;z-index:99999}.first-page .layout .button-layout .next-page{margin:0 auto}.first-page .layout .play-button{font-family:'ubuntu';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;padding:25px 35px;text-shadow:0 2px 0 rgba(0,0,0,0.5);background:url(../images/play-now-button-bg.png) no-repeat;background-size:100% 100%;cursor:pointer}.first-page .layout .id-box{display:none;background:#12141b;border-radius:4px;padding:15px 20px}.first-page .layout .id-box .tip{text-align:center;font-size:20px;margin-bottom:10px}.first-page .layout .id-box .id-text{margin:0 auto;text-align:center;font-size:28px;line-height:1;color:#fdd726}.first-page .layout .play-button,.first-page .layout .id-box{margin-bottom:28px}.first-page .layout .next-page{width:54px;font-size:0;cursor:pointer;-webkit-animation:heart .8s ease-in-out 1s infinite alternate;animation:heart .8s ease-in-out 1s infinite alternate}@-webkit-keyframes heart{from{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}to{opacity:0;-webkit-transform:translate(0,16px);transform:translate(0,16px)}}@keyframes heart{from{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}to{opacity:0;-webkit-transform:translate(0,16px);transform:translate(0,16px)}}.banner-layout{width:100%;position:relative}.banner-layout .image-list .item{display:none}.banner-layout .image-list .item:first-child{display:block}.banner-layout .banner-button{position:absolute;top:50%;cursor:pointer;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:opacity .2s;transition:opacity .2s;opacity:.6;font-size:0;z-index:99999}.banner-layout .banner-button:hover{opacity:1}.banner-layout .banner-button-left{left:0}.banner-layout .banner-button-right{right:0}.heroes-banner .banner-item-layout .item-left{position:relative}.heroes-banner .banner-item-layout .item-left .item{position:absolute;left:0;top:0;width:100%;height:100%}.heroes-banner .banner-item-layout .item-left .item .image{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.heroes-banner .banner-item-layout .item-right .image-box{position:relative}.heroes-banner .banner-item-layout .item-right .image-box .image-border{position:relative;z-index:99}.heroes-banner .banner-item-layout .item-right .image-box .image-border .occupation{position:absolute;z-index:99}.heroes-banner .banner-item-layout .item-right .image-box .image-list-layout{z-index:0;position:absolute}.heroes-banner .banner-item-layout .item-right .image-box .image-list-layout .image-list{width:100%;height:100%;position:relative}.heroes-banner .banner-item-layout .item-right .image-box .image-list-layout .image-list .item{position:absolute;top:0;left:0}.page-list .card-01 .title{background-image:url(../images/card-title-bg-01.png)}.page-list .card-01 .layout{padding-bottom:60px}.page-list .card-01 .list li{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:13px;color:#fff;position:relative;font-family:'ubuntu'}.page-list .card-01 .list li>img{width:100%;-webkit-transition:opacity .3s;transition:opacity .3s}.page-list .card-01 .list li:last-child{margin-right:0}.page-list .card-01 .list li .content{width:100%;height:100%;position:absolute;left:0;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}
.page-list .card-01 .list li .content h3{font-family:'impact';background:rgba(0,0,0,0.6);text-align:center;padding:0;margin:0;width:100%;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;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.page-list .card-01 .list li .content .introduce{position:absolute;left:0;top:0;-webkit-box-sizing:border-box;box-sizing:border-box;opacity:0;white-space:normal;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;overflow:hidden}.page-list .card-01 .list li .content .introduce p{width:100%;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:0}.page-list .card-01 .list li:hover>img{opacity:.5}.page-list .card-01 .list li:hover h3{-webkit-transform:translateY(-430px);transform:translateY(-430px)}.page-list .card-01 .list li:hover .introduce{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.page-list .card-02 .title{background-image:url(../images/card-title-bg-02.png)}.page-list .card-02 .left-box .text{background-image:url(../images/card-text-bg-02.png)}.page-list .card-02 .gameplay-banner .banner-item-layout .image-box{position:relative;margin:0 auto}.page-list .card-02 .gameplay-banner .banner-item-layout .image-box .image-size-box{visibility:hidden}.page-list .card-02 .gameplay-banner .banner-item-layout .image-box .image-list{position:absolute;top:0;left:0;width:100%;height:100%}.page-list .card-02 .gameplay-banner .banner-item-layout .image-box .image-list .item{position:absolute;top:0;left:0;width:100%;height:100%}.page-list .card-02 .gameplay-banner .banner-item-layout .image-box .image-list .item img{height:100%}.page-list .card-02 .banner-text{background:#43286e}.page-list .card-02 .banner-text h4{color:#deaaff;font-family:"berlin"}.page-list .card-03 .title{background-image:url(../images/card-title-bg-03.png)}.page-list .card-03 .layout .video-box{border:2px solid #674f8c;border-radius:8px;overflow:hidden;margin-top:14px;-webkit-box-sizing:border-box;box-sizing:border-box}.page-list .card-03 .layout .video-box iframe{width:100%;height:100%}.page-list .card-03 .layout .text{background:url(../images/card-text-bg-03.png) no-repeat;background-size:100% 100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px 10px;font-size:16px;line-height:1.5}.page-list .card-04 .title{background-image:url(../images/card-title-bg-04.png)}.page-list .card-04 .left-box .text{background-image:url(../images/card-text-bg-04.png)}.page-list .card-04 .banner-text{background:#007697}.page-list .card-04 .banner-text h4{color:#3eefff}.page-list .card-02 .title-layout,.page-list .card-04 .title-layout{margin-bottom:60px}.page-list .card-02 .layout,.page-list .card-04 .layout{padding:60px 0}.page-list .card-02 .box .left-box .text,.page-list .card-04 .box .left-box .text{background-repeat:no-repeat;background-size:100% 100%;padding:20px 15px 0 15px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;font-weight:normal;line-height:1.55}.page-list .card-02 .box .left-box .text p,.page-list .card-04 .box .left-box .text p{font-family:"ubuntu";font-size:14px}.page-list .card-02 .box .right-box .banner-text,.page-list .card-04 .box .right-box .banner-text{padding:24px 17px;border-radius:10px}.page-list .card-02 .box .right-box .banner-text h4,.page-list .card-04 .box .right-box .banner-text h4,.page-list .card-02 .box .right-box .banner-text p,.page-list .card-04 .box .right-box .banner-text p{margin:0;padding:0}.page-list .card-02 .box .right-box .banner-text h4,.page-list .card-04 .box .right-box .banner-text h4{font-size:18px;font-weight:bold}.page-list .card-02 .box .right-box .banner-text p,.page-list .card-04 .box .right-box .banner-text p{font-size:14px;margin-top:5px;color:#fff;min-height:32px}.page-list .card-05 .title-layout .title{background-image:url(../images/card-title-bg-05.png)}.page-list .card-05 .layout .box .left-box .title-box{margin-bottom:25px}.page-list .card-05 .layout .box .left-box .title-box h4{margin:0;padding:0;font-size:40px;line-height:1;display:inline-block}.page-list .card-05 .layout .box .left-box .title-box span{display:inline-block;font-size:16px;color:#fdd726;margin-left:17px}.page-list .card-05 .layout .box .left-box ul li{display:-webkit-box;display:-ms-flexbox;display:flex}
.page-list .card-05 .layout .box .left-box ul li .item{border:2px solid #b04e4d;border-radius:10px;margin-bottom:24px;position:relative;overflow:hidden}.page-list .card-05 .layout .box .left-box ul li .item .info{position:absolute;left:12px;right:12px;bottom:13px}.page-list .card-05 .layout .box .left-box ul li .item .info h4,.page-list .card-05 .layout .box .left-box ul li .item .info p{line-height:1;margin:0}.page-list .card-05 .layout .box .left-box ul li .item .info h4{color:#fff;font-size:16px;font-family:'ubuntu'}.page-list .card-05 .layout .box .left-box ul li .item .info p{font-size:14px;color:#fdd726}.page-list .card-05 .layout .box .right-box{text-align:center;font-family:'ubuntu'}.page-list .card-05 .layout .box .right-box .tip{font-size:18px;color:#c6c6c6;margin-bottom:26px}.page-list .card-05 .layout .box .right-box p{margin:0 0 15px 0;color:#f6eed6}.page-list .card-05 .layout .box .right-box .button{width:303px;height:60px;font-size:30px;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;text-shadow:0 2px 0 rgba(0,0,0,0.5);margin:0 auto;background:url(../images/button-red-bg.png) no-repeat;background-size:100% 100%;margin-top:50px;cursor:pointer}.page-list .card-05 .layout .box .title-box,.page-list .card-05 .layout .box .right-box p,.page-list .card-05 .layout .box .right-box .button{font-family:"impact"}.page-list .card-06 .text{text-align:center;line-height:1}.page-list .card-06 .button{width:273px;height:100px;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;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,0.5);margin:0 auto;background:url(../images/page-button-bg.png) no-repeat;background-size:100% 100%;font-size:36px;cursor:pointer;font-family:"impact"}.page-list .card-06 .stay-connected{text-align:center;margin-top:64px}.page-list .card-06 .stay-connected li{display:inline-block;width:64px;height:64px;margin-right:16px;cursor:pointer}.page-list .card-06 .stay-connected li:last-child{margin-right:0}.page-list .card-06 .stay-connected .wechat-box{position:relative}.page-list .card-06 .stay-connected .wechat-box:hover .qr-code{opacity:1;-webkit-transform:translateY(-120px);transform:translateY(-120px)}.page-list .card-06 .stay-connected .wechat-box .qr-code{z-index:9;position:absolute;width:90px;height:90px;background:#fff;border-radius:4px;padding:5px;left:50%;top:0;margin-left:-45px;opacity:0;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}footer{background:#01030b}footer .layout{margin:0 auto;color:#fff}footer .layout h3{text-align:center;margin:0;line-height:1;font-family:"CAI978"}footer .layout ul{display:-webkit-box;display:-ms-flexbox;display:flex}footer .layout ul:first-child{padding-top:0}footer .layout ul li{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}.fixed-nav{position:fixed;bottom:50px;right:20px;z-index:9999}.fixed-nav ul li{width:50px;height:50px;margin-bottom:15px}.fixed-nav ul li:last-child{margin-bottom:0}.fixed-nav ul li img{width:100%;height:100%}.fixed-nav .wechat-box{position:relative}.fixed-nav .wechat-box:hover .qr-code{display:block}.fixed-nav .wechat-box .qr-code{width:100px;height:100px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;padding:5px;border-radius:2px;display:none;position:absolute;top:50%;right:100%;margin-right:10px;margin-top:-50px}.modal-layout{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999999999;display:none}.modal-layout .box{position:absolute;top:0;left:0;width:100%;height:100%;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}.modal-layout .box .mask{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);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}.modal-layout .box .content-layout{-webkit-box-sizing:border-box;box-sizing:border-box;background:#1d1d2a;color:#fff;position:relative;z-index:999;border-radius:5px;border:1px solid #494955}.modal-layout .box .content-layout .title{text-align:center;font-size:30px;margin:0;padding-top:35px;padding-bottom:27px}.modal-layout .box .content-layout .submit-button{display:block;width:216px;height:66px;border:0;margin:28px auto 0 auto;background:url(../images/registered/registered-button-bg.png) no-repeat;background-size:100% 100%}
.modal-layout .box .content-layout button{cursor:pointer;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,0.5);font-size:24px}.modal-layout .form-box .tip{text-align:center;margin-bottom:10px}.modal-layout .form-box .camp{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:20px}.modal-layout .form-box .camp li{-webkit-box-flex:1;-ms-flex:1;flex:1;cursor:pointer;position:relative}.modal-layout .form-box .camp li:last-child{margin-right:0}.modal-layout .form-box .camp li .icon-bg-box .selected-icon-bg{display:none}.modal-layout .form-box .camp li .icon-bg-box img{width:100%}.modal-layout .form-box .camp li .icon{position:absolute;top:0;left:0;width:100%;height:100%;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}.modal-layout .form-box .camp li .icon img{width:30%}.modal-layout .form-box .camp li .name{display:block;text-align:center;line-height:1;position:absolute;left:0;bottom:15px;right:0;margin:0}.modal-layout .form-box .camp li.selected .icon-bg{display:none}.modal-layout .form-box .camp li.selected .selected-icon-bg{display:block}.modal-layout .form-box .item{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:10px;height:50px}.modal-layout .form-box .item:first-child{margin-top:0}.modal-layout .form-box .item input{height:100%;line-height:50px;-webkit-box-flex:1;-ms-flex:1;flex:1;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;background:#12131c;padding:0 10px;font-size:18px;color:#fff;border-radius:4px;min-width:0}.modal-layout .form-box .send-code button{width:103px;margin-left:16px;background:url(../images/registered/send-button-bg.png) no-repeat;background-size:100% 100%;border:0;height:100%}