.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.w-1200-auto,.solution-container,.product-container,header .container{width:1230px;margin:0 auto}header{--nav-color: #fff;--nav-color-active: #fff;--nav-background: transparent;--btn-text-color: var(--nav-color);--btn-primary-color: #3c55ff;--btn-primary-background: #fff;--login-border-color: #e3e3e3;-webkit-transition:all .3s;transition:all .3s;background-color:var(--nav-background)}header *{-webkit-box-sizing:border-box;box-sizing:border-box}header:hover,header.white-mode{--nav-color: #333;--nav-color-active: #3c55ff;--nav-background: white;--btn-text-color: var(--nav-color);--btn-primary-color: #fff;--btn-primary-background: #3c55ff;--login-border-color: transparent;-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.08);box-shadow:0 2px 8px 0 rgba(0,0,0,.08)}header:hover .logo,header.white-mode .logo{display:none}header:hover .logo--white-mode,header.white-mode .logo--white-mode{display:block}header.position{position:absolute;top:0;right:0;left:0;z-index:99;width:100%}header.fixed{position:fixed}header .logo,header .logo--white-mode{width:80px}header .logo--white-mode{display:none}header .nianhui-title{width:100%;height:50px;text-align:center;background:#ff3f18}header .nianhui-title img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}header .nianhui-title .close-nianhui{width:25px;height:25px;position:absolute;right:10px;top:10px;cursor:pointer}header .container-wrap{position:relative}header .container{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;height:72px;position:initial}header nav{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:78px}header .nav-ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--nav-color);-webkit-transition:all .3s;transition:all .3s}header .nav-ul-li{margin-right:32px}header .nav-ul-li:hover .dropdown-hidden,header .nav-ul-li:focus-within .dropdown-hidden{display:block}header .nav-ul-li:hover .nav-ul-li-text,header .nav-ul-li:focus-within .nav-ul-li-text{color:var(--nav-color-active)}header .nav-ul-li:hover>.dropdown svg,header .nav-ul-li:focus-within>.dropdown svg{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}header .nav-ul-li-text{cursor:pointer;color:var(--nav-color);text-decoration:none;white-space:nowrap;font-size:16px;height:72px;line-height:72px}header .nav-ul .dropdown-hidden{position:absolute;top:70px;z-index:9;left:0;right:0;padding-top:6px;background:#fff;-webkit-transition:.2s;transition:.2s;display:none;-webkit-transition:all .3s;transition:all .3s;-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.08);box-shadow:0 2px 8px 0 rgba(0,0,0,.08)}header .nav-ul .nav-snake{width:153px;height:55px;background:url("/fe/www/img/10th/enter-header.png") no-repeat center center;background-size:contain;background-position:center;cursor:pointer}header .nav-ul .nav-snake a{width:100%;height:100%;display:block}header #login{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header #login::before{display:block;content:"";width:1px;height:18px;background:var(--login-border-color);margin:0 38px}header #login .btn-login-text{display:inline-block;font-weight:400;font-size:16px;letter-spacing:50;color:var(--btn-text-color);margin-right:30px}header #login .btn-login-text:hover{color:var(--nav-color-active)}header #login .btn-login-primary{display:inline-block;width:100px;text-align:center;height:36px;line-height:36px;border:none;outline:none;cursor:pointer;margin-top:0;color:var(--btn-primary-color);border-radius:4px 4px 4px 4px;background:var(--btn-primary-background)}header #login .btn-kehu-primary{display:inline-block;width:120px;text-align:center;height:36px;line-height:36px;border:none;outline:none;cursor:pointer;margin-top:0;color:var(--btn-primary-color);border-radius:4px 4px 4px 4px;background:var(--btn-primary-background)}header #login .head-box{margin-left:20px}header #login .head-box:hover .login-box,header #login .head-box:focus-within .login-box{display:block}header #login .head-pic{width:72px;height:72px;padding:17px;border-radius:50%;cursor:pointer}header .login-box{display:none;position:absolute;top:72px;z-index:99;right:calc((100% - 1200px)/2 - 40px);width:298px;background:#fff;padding:20px 14px;border-radius:2px;border-top:2px solid #3c55ff;-webkit-box-shadow:0 2px 8px 2px rgba(0,0,0,.08);box-shadow:0 2px 8px 2px rgba(0,0,0,.08)}header .login-box::before{content:"";display:block;position:absolute;width:0;height:0;top:-10px;right:66px;border-left:10px solid rgba(0,0,0,0);border-right:10px solid rgba(0,0,0,0);border-bottom:10px solid #3c55ff}header .login-box-header{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}header .login-box-user-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;--role-bg-color: rgba(60, 85, 254, 1)}header .login-box-user-info.WEDDING{--role-bg-color: #ff6a80}header .login-box-user-name{max-width:100px;overflow:hidden;font-size:14px;font-weight:bold;text-overflow:ellipsis;white-space:nowrap;margin-right:4px}header .login-box-user-role{font-size:12px;border-radius:3px;padding:2px 4px;color:#fff;background:var(--role-bg-color, "rgba(60, 85, 254, 1)")}header .login-box-btn-logout{background:none;outline:none;border:none;color:#888;cursor:pointer}header .login-box-content{margin-top:20px;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;background-image:url("/fe/www/img/header/login/bg-vip.png");background-repeat:no-repeat;background-position:center;background-size:cover;padding:10px;border-radius:4px}header .login-box-content p{margin:0;color:#fff;font-size:12px}header .login-box-content button{background:-webkit-gradient(linear, left top, right top, from(#fee7cd), to(#fde7ca));background:linear-gradient(to right, #fee7cd, #fde7ca);border:none;font-size:12px;color:#784045;outline:none;padding:4px 12px;border-radius:12px;cursor:pointer}header .login-box-footer{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;margin-top:20px}header .login-box-footer a{display:block;width:124px;height:24px;text-align:center;line-height:24px;font-size:12px;border-radius:4px;color:#656565;border:1px solid #e3e3e3}header .login-box-footer a:hover{color:#fff;border-color:#5e73ff;background-color:#3a53fe}.dropdown svg{margin-left:2px;width:20px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.dropdown:hover svg,.dropdown:focus-within svg{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.dropdown+.dropdown-hidden{margin-top:-2px;border-top:2px solid #3c55ff}.dropdown+.dropdown-hidden::before{content:"";display:block;width:0;height:0;border-left:10px solid rgba(0,0,0,0);border-right:10px solid rgba(0,0,0,0);border-bottom:10px solid #3c55ff}.product::before{position:absolute;top:-10px;left:calc((100vw - 1200px)/2 + 300px);z-index:2}.product-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:20px;padding-bottom:20px}.product-container .service{width:550px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.product-container .more{margin-top:10px;color:#3c55fe;font-size:14px;margin-left:10px;cursor:pointer}.product-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.product-block{width:115px;margin-right:20px;margin-bottom:30px}.product-block li{border-radius:3px 3px 3px 3px;padding:12px 10px;font-size:14px;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;color:#333;-webkit-transition:.2s;transition:.2s}.product-block li:hover{color:#fff;background-color:#3c55fe}.product-block li:hover svg{display:block}.product-block li a{color:currentColor;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.product-block li svg{display:none}.product-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#3c55fe;padding-bottom:15px;border-bottom:1px solid #edeff2}.product-title img{margin-right:6px}.service-card{-webkit-box-sizing:border-box;box-sizing:border-box;width:180px;height:73px;padding:16px 12px;border-radius:4px;background:#f1f5ff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:18px;cursor:pointer}.service-card:hover .name,.service-card:hover .describe{color:#fff}.service-card:hover.vip{background:linear-gradient(141deg, #58b6ff 30%, #3c55fe 90%)}.service-card:hover.field-service{background:linear-gradient(141deg, #fe8b5e 30%, #f25647 90%)}.service-card:hover.field-network-service{background:linear-gradient(141deg, #ffd66a 30%, #fdb73b 90%)}.service-card:hover.field-live{background:linear-gradient(141deg, #01e9bd 30%, #007cde 90%)}.service-card:hover.fthuyu{background:linear-gradient(125deg, #12d6df 0%, #f70fff 100%)}.service-card div{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:10px}.service-card .name{font-size:16px;text-align:left;font-weight:bold;color:#202124}.service-card .describe{font-size:12px;text-align:left;margin-top:4px;color:#666;white-space:nowrap}.service-card img{width:40px;height:auto;-o-object-fit:contain;object-fit:contain}.server-hot{display:-webkit-box;display:-ms-flexbox;display:flex;width:150px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:5px 10px;font-size:16px;text-align:left;color:#202124;cursor:pointer;border-radius:3px;margin-top:10px;-webkit-transition:.2s;transition:.2s}.server-hot .server-hot-title{margin-left:10px}.server-hot:hover{background:#3c55ff;color:#fff}.solution::before{position:absolute;top:-10px;left:calc((100vw - 1200px)/2 + 420px);z-index:2}.solution-container{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;margin-top:30px;margin-bottom:30px;height:390px}.solution-wrap{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-right:1px solid #eff1f4}.solution-wrap>div{margin-right:60px}.solution-block{width:346px}.solution-block ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:270px}.solution-block li{color:#202124;font-size:16px;padding:16px 12px;border-radius:4px;margin-right:20px;width:180px;-webkit-transition:.2s;transition:.2s}.solution-block li:hover{color:#fff;background:#3c55ff}.solution-block li:hover .icon{display:none}.solution-block li:hover .icon-hover{display:block}.solution-block li a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:currentColor}.solution-block li img{width:20px;height:20px;margin-right:10px}.solution-block li .icon-hover{display:none}.solution-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#202124;padding-bottom:18px;margin-bottom:10px;border-bottom:1px solid #edeff2}.solution-title img{margin-right:6px}.version-service{width:220px;margin-left:50px;margin-right:30px}.version-service .title{font-size:14px;color:#888;margin-bottom:10px}.version-service-item{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;padding:12px 10px;border-radius:4px;margin-bottom:10px;color:#202124;-webkit-transition:.2s;transition:.2s}.version-service-item:hover{color:#fff;background:#3c55ff}.version-service-item .icon{width:28px;height:28px;margin-right:10px;-o-object-fit:contain;object-fit:contain}.version-service-item span{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:left}.version-service-item svg{width:10px;height:10px;color:#fff}[v-cloak]{display:none}.join-vip-mask,.wechat-qrcode-mask{position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;background-color:rgba(0,0,0,.6);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}.join-vip__content{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;text-align:center;position:relative;width:790px;height:636px;-webkit-box-shadow:0 0 9px 0 rgba(0,0,0,.18);box-shadow:0 0 9px 0 rgba(0,0,0,.18);border-radius:14px}.join-vip__title{font-size:20px;font-weight:600;color:#333;margin-top:34px;margin-bottom:4px}.join-vip__close{position:absolute;top:20px;right:20px;padding:0;background:0 0;border:none;outline:0;cursor:pointer;width:30px}.join-vip__img{display:block;width:591px;margin:27px auto 0}.join-vip__detail{display:block;text-align:right;margin-right:100px;margin-top:17px;font-size:14px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#a15b00}.join-vip__btn{width:312px;height:48px;background:-webkit-gradient(linear, left top, right top, from(#fce3b9), color-stop(33%, #fbdea7), to(#f9d384));background:linear-gradient(90deg, #fce3b9, #fbdea7 33%, #f9d384);border-radius:24px;font-size:18px;font-weight:500;color:#a15b00;line-height:48px;text-align:center;margin:20px auto 0;cursor:pointer;border:none}.wechat-qrcode__content{text-align:center;position:relative;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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.wechat-qrcode__close{padding:0;background:0 0;border:none;outline:0;cursor:pointer;font-size:16px}.wechat-qrcode__img{display:block;width:100%;margin:30px auto}.header-height{width:100%;display:block;height:72px}footer{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px 0 22px 0;background-color:#2b303b;min-width:1200px}footer a,footer a:hover,footer a:link,footer a:visited{color:#a0a3af}footer .footer-content{width:1160px;height:100%;margin:0 auto}footer .footer-content .contact-icon{background:url("/fe/www/img/header/contact-icon.svg") no-repeat;display:inline-block;vertical-align:middle;width:32px;height:32px}footer .footer-content .contact-icon:hover{background-position-x:-32px}footer .footer-content .wechat-icon{background-position:0 0}footer .footer-content .weibo-icon{background-position:0 -32px}footer .footer-content .baidu-icon{background-position:0 -64px}footer .footer-content .qq-icon{background-position:0 -96px}footer .footer-content .introduce-box{padding:30px 0;height:256px;font-size:14px;line-height:14px}footer .footer-content .introduce-box a:hover{color:#fff}footer .footer-content .introduce-box>div{display:inline-block}footer .footer-content .introduce-box>div>span{color:#a0a3af;display:block;margin-bottom:20px}footer .footer-content .introduce-box h6{color:#fff;margin-bottom:34px;font-size:14px}footer .footer-content .introduce-box .social-contact-logo{width:484px;height:100%;position:relative}footer .footer-content .introduce-box .social-contact-logo ul{position:absolute;bottom:0;font-size:0}footer .footer-content .introduce-box .social-contact-logo ul li{display:inline-block}footer .footer-content .introduce-box .social-contact-logo ul li+li{margin-left:20px}footer .footer-content .introduce-box .social-contact-logo ul a{font-size:0}footer .footer-content .introduce-box .social-contact-logo ul .wechat-qrcode{position:absolute;left:-50%;bottom:40px;border:1px solid #a0a3af;border-radius:10px;opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s;pointer-events:none}footer .footer-content .introduce-box .social-contact-logo ul li.wechat-li:hover .wechat-qrcode{opacity:1}footer .footer-content .introduce-box .column-group{width:148px}footer .footer-content .introduce-box .service-group{width:148px}footer .footer-content .introduce-box .hixianchang-group{width:162px}footer .footer-content .introduce-box .contact-group{width:218px}footer .footer-content .introduce-box .contact-group .apply-btn{margin-left:10px}footer .footer-content .cpr-frd-logo-box{margin-top:20px;color:#a0a3af;font-size:12px;line-height:12px}footer .footer-content .cpr-frd-logo-box a{font-size:12px;line-height:12px}footer .footer-content .cpr-frd-logo-box .cpr-frd-box .cpr{padding:4px 0}footer .footer-content .cpr-frd-logo-box .cpr-frd-box .frd{padding:8px 0}footer .footer-content .cpr-frd-logo-box .cpr-frd-box .frd a:hover{color:#fff}footer .footer-content .cpr-frd-logo-box .cpr-frd-box .frd a+a{margin-left:8px}footer .footer-content .cpr-frd-logo-box .logo-box .tencent-img{margin-right:40px}footer .footer-content .cpr-frd-logo-box .logo-box #kx_verify_link img{width:110px !important;height:40px !important;top:0px !important;left:0px !important;-webkit-transform:translateY(-7px);-ms-transform:translateY(-7px);transform:translateY(-7px)}footer .btn{min-width:100px;height:36px;background:#fff;-webkit-box-shadow:0px 2px 8px 0px rgba(94,115,255,.2);box-shadow:0px 2px 8px 0px rgba(94,115,255,.2);border-radius:4px;font-size:14px;font-weight:600;line-height:36px;text-align:center;color:#5e73ff !important;cursor:pointer;display:inline-block;-webkit-transition:.2s;transition:.2s;margin-right:39px}footer .btn-2{min-width:88px;height:26px;font-size:14px;font-weight:500;line-height:26px;background:#5e73ff;-webkit-box-shadow:0px 2px 8px 0px rgba(94,115,255,.6);box-shadow:0px 2px 8px 0px rgba(94,115,255,.6);border-radius:4px;color:#fff !important}footer .btn-2:hover{background:#5266ee}.fixed-box{position:fixed;right:18px;bottom:86px;width:80px;z-index:100;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}.fixed-box>a{padding:0 15px}.fixed-box a{display:block;position:relative}.fixed-box a img{margin-bottom:3px}.fixed-box .gototop{opacity:0;height:55px;-webkit-transition:all .2s;transition:all .2s}.fixed-box-kefu .worktime{-webkit-transition:all .6s;transition:all .6s;position:absolute;z-index:6;left:-160px;top:0;opacity:0;pointer-events:none}.fixed-box-kefu:hover .worktime{opacity:1}.fixed-box-wx .worktime{-webkit-transition:all .6s;transition:all .6s;position:absolute;z-index:6;left:-160px;top:-180px;opacity:0;pointer-events:none}.fixed-box-wx:hover .worktime{opacity:1}.fixed-box-wx .qrcode-box{width:148px;border-radius:4px;background-color:#fff;padding-top:10px;padding-bottom:10px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.06);box-shadow:0 0 10px rgba(0,0,0,.06)}.fixed-box-wx .qrcode-box img{display:block;width:100%;margin:0 auto}.fixed-box-wx .qrcode-box .qrcode-img{width:90%;height:90%}.fixed-box-wx .qrcode-box p{color:#333;font-size:14px;text-align:center;margin-top:6px}.enter-right{width:110px}