#root {box-sizing:border-box;}
.App,.wrap {position:relative;}
.App {height:calc(100vh - 0px);overflow:auto;box-sizing:border-box;background-color:rgba(40,39,40,.75);}
.carousel {position:fixed;top:0;left:0;overflow:hidden;width:100%;height:100%;}
.slideshow {position:absolute;width:100vw;height:100vh;overflow:hidden;animation:scale-in 7s;}
.slideshow-image {position:absolute;width:100%;height:100%;background:no-repeat 50% 50%;background-size:cover;-webkit-animation-name:kenburns;animation-name:kenburns;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-duration:16s;animation-duration:16s;opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2);background-color:rgba(40,39,40,.75);background-blend-mode:multiply;}
.slideshow-image:nth-child(1) {-webkit-animation-name:kenburns-1;animation-name:kenburns-1;z-index:3;}
.slideshow-image:nth-child(2) {-webkit-animation-name:kenburns-2;animation-name:kenburns-2;z-index:2;}
.slideshow-image:nth-child(3) {-webkit-animation-name:kenburns-3;animation-name:kenburns-3;z-index:1;}
.slideshow-image:nth-child(4) {-webkit-animation-name:kenburns-4;animation-name:kenburns-4;z-index:0;}
@-webkit-keyframes kenburns-1 {0% {opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2);}
1.5625% {opacity:1;}
23.4375% {opacity:1;}
26.5625% {opacity:0;-webkit-transform:scale(1);transform:scale(1);}
100% {opacity:0;-webkit-transform:scale(1.2);transform:scale(1.2);}
98.4375% {opacity:0;-webkit-transform:scale(1.21176);transform:scale(1.21176);}
100% {opacity:1;}
}
@keyframes kenburns-1 {0% {opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2);}
1.5625% {opacity:1;}
23.4375% {opacity:1;}
26.5625% {opacity:0;-webkit-transform:scale(1);transform:scale(1);}
100% {opacity:0;-webkit-transform:scale(1.2);transform:scale(1.2);}
98.4375% {opacity:0;-webkit-transform:scale(1.21176);transform:scale(1.21176);}
100% {opacity:1;}
}
@-webkit-keyframes kenburns-2 {23.4375% {opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2);}
26.5625% {opacity:1;}
48.4375% {opacity:1;}
51.5625% {opacity:0;-webkit-transform:scale(1);transform:scale(1);}
100% {opacity:0;-webkit-transform:scale(1.2);transform:scale(1.2);}
}
@keyframes kenburns-2 {23.4375% {opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2);}
26.5625% {opacity:1;}
48.4375% {opacity:1;}
51.5625% {opacity:0;-webkit-transform:scale(1);transform:scale(1);}
100% {opacity:0;-webkit-transform:scale(1.2);transform:scale(1.2);}
}
@-webkit-keyframes kenburns-3 {48.4375% {opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2);}
51.5625% {opacity:1;}
73.4375% {opacity:1;}
76.5625% {opacity:0;-webkit-transform:scale(1);transform:scale(1);}
100% {opacity:0;-webkit-transform:scale(1.2);transform:scale(1.2);}
}
@keyframes kenburns-3 {48.4375% {opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2);}
51.5625% {opacity:1;}
73.4375% {opacity:1;}
76.5625% {opacity:0;-webkit-transform:scale(1);transform:scale(1);}
100% {opacity:0;-webkit-transform:scale(1.2);transform:scale(1.2);}
}
@-webkit-keyframes kenburns-4 {73.4375% {opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2);}
76.5625% {opacity:1;}
98.4375% {opacity:1;}
100% {opacity:0;-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes kenburns-4 {73.4375% {opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2);}
76.5625% {opacity:1;}
98.4375% {opacity:1;}
100% {opacity:0;-webkit-transform:scale(1);transform:scale(1);}
}
.wrap {width:1600px;padding:80px 20px 0;margin:0 auto;}
.big-text {display:block;margin-left:17px;}
.sub-big-text {padding:30px 0 214px;height:21px;font-size:21px;box-sizing:border-box;font-weight:700;color:#fff;line-height:34px;margin:-55px 0 0 70px;}
.boards {position:absolute;top:447px;padding-bottom:10px;}
.boards .board-wrap {position:relative;display:inline-block;margin-right:17px;box-sizing:border-box;}
.boards .badge {position:absolute;left:50%;transform:translate(-50%);background-size:100%;z-index:1;}
.boards .badge.badge-1 {width:87px;height:100px;background-image:url(../images/star1.png);}
.boards .board {height:421px;overflow:hidden;text-align:center;position:relative;box-sizing:border-box;width:408px;background:#fff;border-top-left-radius:10px;border-top-right-radius:10px;margin-top:50px;padding:65px 25px 50px;vertical-align:bottom;}
.boards.bottom-corner .board {border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.boards .board>h1 {font-size:20px;margin:0 auto 52px;font-weight:400;color:#000;line-height:20px;text-align:center;}
.tf-button {display:inline-flex;color:#1d1d1d;box-sizing:border-box;text-align:center;word-break:keep-all;border:1px solid #fd0;background-color:#fff;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;justify-content:center;transition:border-color .3s,background-color .3s;}
.tf-button.xl {font-size:16px;height:44px;min-width:133px;border-radius:21px;padding:0 20px;}
.boards .board .gap {position:relative;width:100%;height:1px;background:#dcdcdc;margin:38px 0 0;}
.boards .board .gap-title {background-color:#fff;width:102px;height:28px;line-height:26px;box-sizing:border-box;border:1px solid #dcdcdc;border-radius:14px;font-size:16px;color:#000;position:absolute;top:-15px;left:50%;transform:translate(-50%);}
.section {height:290px;box-sizing:border-box;}
.section ul {text-align:left;padding-left:38px;padding-top:6px;}
.section ul li {font-size:15px;font-weight:400;color:#6e727b;height:20px;line-height:20px;list-style:none;box-sizing:border-box;margin-top:49px;}
.section ul li:before {content:"";margin-right:8px;display:inline-block;vertical-align:middle;width:8px;height:8px;background:#e3e3e3;border-radius:50%;}
.boards .board .gap {position:relative;width:100%;height:1px;background:#dcdcdc;margin:38px 0 0;}
.boards .board .gap-title {background-color:#fff;width:102px;height:28px;line-height:26px;box-sizing:border-box;border:1px solid #dcdcdc;border-radius:14px;font-size:16px;color:#000;position:absolute;top:-15px;left:50%;transform:translate(-50%);}
.award {display:flex;justify-content:space-around;align-items:flex-start;padding-top:54px;}
.award li {display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:15px;font-weight:400;color:#6e727b;line-height:22px;}
.award li img,.be-guild-link {display:inline-block;}
.award li p {font-size:15px;}
.boards .badge.badge-2 {width:94px;height:102px;background-image:url(../images/star2.png);}
.boards .board-wrap.board-lg .board {width:720px;}
.boards .board .tag-1 {position:absolute;width:102px;height:20px;background:linear-gradient(-29deg,#9232ff,#a734ff);border-radius:10px;color:#fff;font-size:13px;line-height:20px;left:50%;transform:translate(-50%);top:96px;}
.tf-button.xl:hover,.tf-button.xl:active {background-color:#fd0;border-color:#fd0}
.tf-button.tf-button--emphasis {background-color:#fd0;border-color:#fd0}
.tf-button.tf-button--emphasis:hover,.tf-button.tf-button--emphasis:active {background-color:#fac200;border-color:#fac200}
.section.section-2 {display:flex;padding-top:15px;}
.section .col.col-1 {width:374px;}
.section .col {box-sizing:border-box;padding-left:18px;}
.section .col .row {display:flex;align-items:center;margin-top:30px;}
.section .col .row .row-icon {margin-right:12px;}
.section .col .row p {font-size:15px;font-weight:400;color:#6e727b;line-height:20px;}
.section .col .row .privilege-tag {position:relative;top:-2px;margin-left:7px;width:39px;height:19px;background:linear-gradient(-29deg,#9232ff,#a734ff);border-radius:10px 10px 10px 2px;font-size:13px;color:#fff;line-height:20px;}
.boards .board .know-more {position:absolute;right:0;top:10px;}
.tf-ui-link {color:#fac200;font-size:14px;text-decoration:none;line-height:18px;}
.be-guild-link {font-size:12px;font-weight:400;text-decoration:underline;color:#fec438;line-height:20px;margin-top:24px;}
.boards .board-wrap:last-of-type {margin-right:0;}
.boards .badge.badge-3 {width:101px;height:103px;background-image:url(../images/star3.png);}
.tf-button.tf-button--jin {background-color:#d895f7;border-color:#d895f7}
.tf-button.tf-button--jin:hover,.tf-button.tf-button--jin:active {background-color:#cf88ef;border-color:#cf88ef}
.theme-popover-mask {z-index:9998;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.4;filter:alpha(opacity=40);display:none;}
.theme-buy {margin-top:10%;text-align:center;}
.theme-gobuy,.theme-signin {font-size:15px;}
.theme-price {position:relative;bottom:-6px;font-family:microsoft yahei,Arial,Helvetica,sans-serif;margin-right:20px;font-weight:bold;color:#f60;line-height:32px;font-size:24px;display:inline-block;}
.theme-price dfn {font-style:normal;font-size:18px;margin-right:2px;}
.theme-desc {padding:30px;}
.theme-version {padding:30px;}
.theme-popover-mask {z-index:9998;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.6;filter:alpha(opacity=60);display:none}
.theme-popover {z-index:9999;position:fixed;top:50%;left:50%;width:660px;margin:-180px 0 0 -330px;border-radius:5px;border:solid 2px #666;background-color:#fff;display:none;box-shadow:0 0 10px #666;}
.theme-poptit {padding:12px;position:relative;}
.theme-popbod {padding:60px 15px;color:#444;min-height:180px;max-height:660px;}
.theme-popbom {padding:15px;background-color:#f6f6f6;border-top:1px solid #ddd;border-radius:0 0 5px 5px;color:#666}
.theme-popbom a {margin-left:8px}
.theme-poptit .close {float:right;color:#999;padding:5px;margin:-2px -5px -5px;font:bold 14px/14px simsun;text-shadow:0 1px 0 #ddd}
.theme-poptit .close:hover {color:#444;}
.btn.theme-reg {position:absolute;top:8px;left:43%;display:none}
.inp-gray,.feed-mail-inp {border:1px solid #ccc;background-color:#fdfdfd;width:220px;height:16px;padding:4px;color:#444;margin-right:6px}
.dform {padding:0px 40px 40px;text-align:center;}
.theme-poptit h3 {padding:15px 18px;margin:0;font-size:16px;font-weight:700;color:#333;text-align:left;}
.fankui-popover {z-index:9999;position:fixed;top:30%;left:45%;width:930px;margin:-180px 0 0 -390px;border-radius:5px;border:solid 2px #666;background-color:#fff;display:none;box-shadow:0 0 10px #666;}
.fankui-poptit {padding:12px;position:relative;}
.fankui-poptit .close {float:right;color:#999;padding:5px;margin:-2px -5px -5px;font:bold 14px/14px simsun;text-shadow:0 1px 0 #ddd}
.fankui-poptit .close:hover {color:#444;}
.fankui-poptit h3 {padding:15px 18px;margin:0;font-size:16px;font-weight:700;color:#333;text-align:center;}
.fankui-popbod {padding:0px 15px;color:#444;min-height:180px;max-height:660px;}
.bJCmFu .btns-group {margin:20px auto;display:flex;justify-content:space-between;align-items:center;width:300px;}
.bJCmFu .btns-group .tf-button {font-size:14px;padding:0 20px;height:36px;min-width:120px;border-radius:18px;background-color:#fd0;border-color:#fd0;}
.guild_service_agreement {text-align:center;}
.guild_service_agreement .agreement_content {text-align:left;width:552px;height:320px;background:#fafafa;border:1px solid #e6e7e8;border-radius:6px;margin:6px auto auto;overflow-y:auto;padding:10px;}
.guild_service_agreement .agreement_content p {line-height:22px;}
.tf-checkbox {display:inline-block;margin-right:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#1d1d1d;font-size:0;}
.tf-checkbox .tf-checkbox-box {width:16px;height:16px;box-sizing:border-box;position:relative;display:inline-block;vertical-align:middle;border-radius:2px;}
.tf-checkbox .tf-checkbox-text-label {display:inline-block;vertical-align:middle;padding-left:5px;font-size:14px;}
.tf-button.m {height:30px;min-width:70px;border-radius:15px;}
.tf-button.l,.tf-button.m {font-size:14px;padding:0 20px;}
.tf-button.tf-button--emphasis {background-color:#fd0;border-color:#fd0;}
input {margin:0;padding:0;list-style:none;outline:none;}
.fankui-popbod iframe {border:none;width: 900px;height:600px;}
/*rZ*/
.bJCmFu {background-color:rgb(255,255,255);box-sizing:border-box;width:840px;margin:0px auto;padding:0px 20px;border-radius:4px;}
.fxWvvr {width:800px;box-sizing:border-box;padding:30px 0px 20px 30px;margin-top:20px;border:1px solid rgb(219,219,219);border-radius:4px;font-size:14px;}
.cVmQYF {display:block;position:relative;margin-bottom:20px;}
.cVmQYF > span,.cVmQYF div {display:inline-block;}
.eXzlnr {width:154px;text-align:right;margin-right:20px;}
.eSbheu {color:rgb(255,85,85);}
.tf-input {width:350px;height:36px;position:relative;display:inline-block;overflow:hidden;vertical-align:middle;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:6px;border:1px solid #999;-webkit-transition:border-color .5s,-webkit-box-shadow .5s;transition:border-color .5s,-webkit-box-shadow .5s;transition:border-color .5s,box-shadow .5s;transition:border-color .5s,box-shadow .5s,-webkit-box-shadow .5s;}
.tf-input .tf-input-main {-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;}
.tf-input .tf-input-main input {-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;height:34px;width:100%;border:none;padding-left:10px;padding-right:10px;font-size:14px;color:#1d1d1d;background-color:transparent;}
.ant-select-selector {
    position: relative;
    background-color: #fff;
    border: 1px solid #d9dadd;
    border-radius: 6px;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

@media only screen and (max-width: 767px){
    
    .wrap{width:100%;}
    .sub-big-text{padding:30px 0 50px;margin:-20px 0 0 70px;}
    .boards{top: 0px;text-align: center;position: relative;}
    .boards .board{width:100%;}
    .boards .board-wrap.board-lg .board{width:100%;}
    .section .col.col-1{width:100%;}
    .boards .board-wrap{margin-right:0px;}
    .section ul li{margin-top:30px;}
    .section ul{padding-top:45px;padding-bottom:30px;}
    .section{height:auto;}
    .section .col .row p{font-size:13px;}
    .award li p{font-size:13px;}
    .theme-popover{width:auto;margin: 0 20px;left:0%;top: 20%;}
    .guild_service_agreement .agreement_content{width:100%;}
    .dform{padding: 0px 10px 30px;}
    
    .fankui-popover {
    width: 100%;
    margin: 0 0px;
    left: 0%;
    top: 10%;}
   .bJCmFu{padding: 0px 0px;width:100%;} 
   .fxWvvr{width:100%;padding:0px;border:0px;}
   .eXzlnr{text-align:left;margin-bottom: 10px;}
    .bJCmFu .btns-group{width:100%;}
    .fankui-popbod iframe{width:100%;height:550px;}
    .fankui-popbod{padding:0px 0px;min-height: 550px;max-height: 660px;}
}