@charset "UTF-8";

.footer-content,
.mNav {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.cloud-resource-desc-tip-text .tip-text-arrow,
.vs-hidden {
    visibility: hidden
}

[class*=" icon-"],
[class^=icon-] {
    font-family: iconfont !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.activity-bar {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 5;
    display: none
}

.activity-bar.active {
    display: block
}

.activity-bar.active+.mNav {
    top: .7rem
}

.activity-bar.active+.mNav+.nav-space {
    height: 1.7rem
}

.activity-bar .activity-link {
    display: block;
    height: 100%;
    width: 100%
}

.mNav,
.nav-space {
    height: 1.12rem
}

.activity-bar #activity-close {
    width: .3rem;
    position: absolute;
    right: .1rem;
    top: .23rem
}

.mNav,
.outerSlider,
.slider-mask {
    position: fixed;
    top: 0
}

.nav-footer.has-active {
    top: 1.6rem
}

.mNav {
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    display: -webkit-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    width: 100%;
    padding: 0 .36rem;
    background: #fff;
    left: 0;
    z-index: 8
}

.mLogo {
    width: 1.68rem;
    display: block
}

.mLogo img {
    width: 100%
}

.sliderBtn {
    width: .4rem
}

.slider-mask {
    width: 100%;
    background: rgba(0, 0, 0, .5);
    left: 0;
    bottom: 0;
    display: none;
    z-index: 99
}

.outerSlider {
    width: 80%;
    left: 100%;
    bottom: 0;
    margin-left: 20%;
    z-index: 9999;
    -webkit-transition: left .4s ease-in-out;
    transition: left .4s ease-in-out
}

.outerSlider.active .menuBox {
    right: 0
}

.outerSlider .menuBox {
    position: absolute;
    width: 100%;
    background: #fff;
    height: 100%;
    top: 0;
    right: 0
}

.sideHeader {
    display: block;
    padding: .21rem .32rem;
    position: relative;
    border-bottom: 1px solid #eee;
    height: .96rem
}

.sideHeader .sideLogo {
    display: block;
    /* width: 1.68rem */
}

.sideHeader .sideLogo img {
    display: block;
    /* width: 1.536rem */
}

.sideHeader .closeSide {
    width: .26rem;
    margin: .1rem 0;
    color: #353535;
    float: right;
    cursor: pointer
}

.scrollList .comBtn,
.scrollList .comBtnbest {
    width: 2.48rem;
    border-radius: .45rem;
    text-align: center
}

.scrollList {
    height: 100%;
    padding-bottom: 2rem;
    overflow-y: scroll
}

.scrollList .comBtnbest {
    height: .8rem;
    line-height: .8rem;
    display: inline-block;
    margin: .24rem .16rem;
    font-size: .24rem
}

.scrollList .comBtn {
    height: .91rem;
    line-height: .91rem;
    display: block;
    margin: .3rem auto;
    font-size: .29rem
}

.sideSecondBox .sideSecondList:last-of-type,
.sideSecondList {
    margin-bottom: .16rem
}

.mobileNavSlider li a,
.sideSecondTitle {
    font-size: .28rem;
    font-family: PingFangSC-Medium
}

.scrollList .blueBtn {
    background-color: #1472FF;
    color: #fff !important
}

.scrollList .loginMLink {
    color: #1472FF;
    border: 1px solid #1472FF
}

.scrollList .freeUse {
    background: #1472FF;
    color: #fff
}

.mobileNavSlider>li {
    border-bottom: 1px solid #E6E6E6
}

.mobileNavSlider li {
    text-align: left;
    line-height: .48rem;
    padding: .224rem .32rem
}

.mobileNavSlider li a {
    color: #333;
    display: inline-block;
    width: 100%
}

.sideSecondBox li {
    padding-left: .3rem
}

.sideSecondBox li a {
    color: #666
}

.sideSecondTitle {
    position: relative;
    padding-right: .32rem;
    color: #333
}

.sideSecondTitle .narraw {
    font-size: .3rem;
    position: absolute;
    right: 0;
    color: #979797
}

.sideSecondTitle .narraw.active {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.sideSecondBox:last-of-type .sideSecondList {
    padding: .32rem 0 0
}

.sideSecondBox .sideSecondList:first-of-type {
    padding-top: .32rem
}

.sideSecondList {
    display: none
}

.sideSecondList .sideSecondList-title {
    font-size: .28rem;
    color: #999;
    height: .44rem;
    line-height: .44rem;
    position: relative;
    margin-bottom: .16rem
}

.nav-footer,
.nav-footer .nav-footer__list {
    position: fixed;
    background: rgba(255, 255, 255, .96);
    left: 0
}

.sideSecondList dd {
    display: inline-block;
    height: .44rem;
    line-height: .44rem;
    margin-bottom: .24rem;
    width: 2.64rem
}

.sideSecondList dd a {
    text-align: left;
    font-size: .28rem;
    color: #333
}

.sideSecondList .sub-title {
    display: block;
    height: .4rem;
    font-size: .24rem;
    color: #999;
    line-height: .4rem;
    margin-bottom: .16rem
}

.business-product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.business-product dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    margin-bottom: 0
}

.business-product dd a {
    width: 2.64rem;
    margin-bottom: .24rem
}

.nav-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 1rem;
    width: 100%;
    height: .9rem;
    line-height: .9rem;
    padding: 0 .3rem;
    z-index: 7
}

.nav-footer .nav-arrow {
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.nav-footer.nav-footer__active .nav-footer__list {
    max-height: 4.92rem
}

.nav-footer.nav-footer__active .nav-arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.nav-footer .top-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.nav-footer .top-box .nav-footer__name {
    font-size: .28rem
}

.nav-footer .top-box .nav-footer__btn {
    font-size: .24rem
}

.nav-footer .nav-footer__list {
    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-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    top: 1.9rem;
    width: 100%;
    padding: 0 .32rem;
    font-size: .3rem;
    color: #333;
    z-index: 100;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.nav-footer .nav-footer__item {
    height: .42rem;
    line-height: .42rem;
    margin: 0 0 .48rem;
    color: #333;
    text-align: left
}

.nav-footer .nav-footer__item:first-child {
    margin-top: .4rem
}

.nav-footer .nav-footer__item:last-child {
    margin-bottom: .4rem
}

.nav-footer .nav-footer__item-selected {
    color: #2A75ED
}

.top-box.arr-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.mTopLogOrReg {
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    display: -webkit-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center
}

.mTopLogOrReg .comTopBtn {
    width: 1.2rem;
    height: .6rem;
    border-radius: .04rem;
    text-align: center;
    line-height: .6rem;
    display: block;
    font-size: .24rem;
    margin-right: .2rem
}

.mTopLogOrReg .loginTopMLink {
    width: 1.2rem;
    color: #888;
    border: 1px solid #B2B2B2;
    background-color: #fff
}

.enterprise-wechat-btn {
    height: .6rem;
    padding: .12rem .24rem;
    background-color: #2484DD;
    border: 1px solid #2484DD;
    color: #fff;
    border-radius: .08rem;
    font-size: .24rem;
    font-family: PingFangSC-Semibold;
    line-height: normal
}

.enterprise-wechat-btn.big {
    padding: .16rem .84rem;
    font-size: .34rem
}

.enterprise-wechat-btn.plain {
    color: #2484DD;
    background-color: #fff
}

.enterprise-wechat-btn .icon {
    width: .44rem;
    height: .36rem;
    vertical-align: text-top
}

.training-header-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.training-header-wrapper .training-logo {
    width: 2.66rem
}

.training-header-wrapper .enterprise-wechat-tag {
    height: .44rem;
    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;
    border-radius: .04rem;
    border: 1px solid #2484DD;
    margin-left: .16rem
}

.training-header-wrapper .enterprise-wechat-tag .logo {
    width: .48rem;
    height: .44rem;
    background-color: #2484DD;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0
}

.logo-white,
.mNav-transparent .logo-blue {
    display: none
}

.training-header-wrapper .enterprise-wechat-tag .logo img {
    width: .3rem;
    height: .26rem
}

.training-header-wrapper .enterprise-wechat-tag .title {
    padding: 0 .16rem;
    color: #2484DD;
    font-size: .24rem
}

.is-enterprise {
    margin-left: 0 !important;
    padding-left: 0 !important
}

.entprise-wechat-login-btn {
    position: absolute;
    right: .3rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mNav-transparent {
    background: 0 0
}

.mNav-transparent .sliderBtn {
    color: #fff
}

.mNav-transparent .logo-white {
    display: block
}

.footer-content {
    background: #161e30;
    color: #fff;
    padding: .48rem .32rem 1.36rem
}

.footer-content .foot_menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: left
}

.footer-content .foot_menu .item .item_title {
    font-size: .28rem;
    color: rgba(255, 255, 255, .9);
    opacity: .8
}

.footer-content .foot_menu .item>.item_sub_title {
    color: #fff;
    opacity: .3;
    margin: .32rem 0 .16rem;
    font-size: .24rem;
    height: .44rem;
    line-height: .44rem
}

.footer-content .foot_menu .item>.item_sub_title:nth-child(4) {
    margin-top: .46rem
}

.footer-content .foot_menu .item .alink-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: .48rem
}

.footer-content .foot_menu .item .item-special {
    margin-top: -.32rem;
    margin-bottom: 0
}

.footer-content .foot_menu .item .item-special:last-child {
    margin-bottom: .8rem
}

.footer-content .foot_menu .item .alink {
    margin-top: .32rem;
    width: 1.68rem;
    font-size: .24rem
}

.footer-content .foot_menu .item .alink a {
    color: #fff;
    opacity: .6
}

.footer-content .foot .tel {
    text-align: left;
    font-size: .24rem;
    color: #fff;
    padding-top: .2rem;
    margin-bottom: .32rem
}

.footer-content .foot .time {
    text-align: left;
    font-size: .24rem;
    color: #aaa
}

.footer-content .foot .email {
    margin: .24rem auto;
    font-size: .28rem;
    color: #aaa;
    line-height: .56rem;
    text-align: left
}

.footer-content .copyright {
    font-size: .2rem;
    color: #aaa;
    line-height: .45rem;
    text-align: left
}

.footer-content .copyright a {
    color: #999;
    margin-top: .32rem
}

.footer-content .copyright .link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #aaa
}

.footer-content .copyright .net-number {
    display: inline-block;
    vertical-align: super;
    margin-left: .24rem
}

.mobile-service-box {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 7;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1rem;
    background: #fff;
    font-size: .32rem;
    text-align: center;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding-bottom: env(safe-area-inset-bottom)
}

.mobile-service-box .shopService {
    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;
    width: 50%;
    background: #fff;
    color: #1472FF;
    border-bottom: .02rem solid #e2e2e2
}

.mobile-service-box .shopService img {
    margin-right: .06rem;
    width: .36rem
}

.mobile-service-box .bottom-content-box {
    font-size: .2rem;
    line-height: .32rem;
    margin: .22rem .24rem .22rem .32rem;
    color: #666
}

.mobile-service-box .bottom-content-box .common-bottom-img {
    width: .366rem
}

.mobile-service-box .bottom-free-btn {
    width: 100%;
    height: 100%;
    background: #105CFB;
    font-size: .3rem;
    font-family: PingFangSC-Medium
}

.mobile-service-box .bottom_footer_btn {
    color: #fff;
    display: block
}

@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3) {
    .mobile-service-box {
        padding-bottom: env(safe-area-inset-bottom)
    }
}

.shop-service-box {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 9;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.shop-service-content {
    width: 5.6rem;
    height: 4.54rem;
    position: relative;
    background-color: #fff;
    border-radius: 4px;
    padding: .64rem .48rem;
    text-align: center
}

.shop-service-content .kefu-image {
    width: 1.68rem;
    height: 1.68rem
}

.shop-service-content .shop-top {
    position: absolute;
    padding: .2rem;
    right: .04rem;
    top: .04rem
}

.shop-service-content .shop-top img {
    width: .24rem;
    height: .24rem
}

.commit-service .call-online {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: .28rem;
    margin-top: .48rem
}

.commit-service .call-online .call {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: .44rem;
    width: 2.16rem;
    height: .64rem;
    color: #fff;
    background: #1472FF
}

.commit-service .call-online .call a,
.commit-service .call-online .online {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: .44rem;
    width: 2.16rem;
    height: .64rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.commit-service .call-online .call a {
    color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: .64rem
}

.commit-service .call-online .online {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #1472FF;
    background: #fff;
    border: 1px solid #1472FF
}

.commit-service .call-online .online .online-consult {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.commit-service .call-online .call-content {
    margin-left: 3px
}

.foot_free {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #008CFF), to(#0054EB));
    background-image: linear-gradient(90deg, #008CFF 0, #0054EB 100%);
    color: #fff;
    height: 2.56rem;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.foot_free .title .top-title {
    font-size: .52rem;
    font-family: PingFangSC-Semibold, PingFang SC;
    color: #FFF;
    font-weight: 500
}

.foot_free .title .sub-title {
    display: block;
    padding-top: .1rem;
    font-size: .4rem;
    font-weight: 500
}

.foot_free .tongtong-logo-img {
    height: 1.5rem;
    margin: .58rem 0 .48rem
}

.foot_free .description-text {
    font-family: PingFangSC-Medium;
    font-size: .32rem;
    color: #FFF;
    margin-top: .68rem
}

.foot_free .subtitle {
    height: .4rem;
    font-size: .28rem;
    font-family: PingFangSC-Regular, PingFang SC;
    color: #FFF;
    line-height: .4rem
}

.foot_free .dialog-box {
    position: relative;
    margin: 10px 11px 10px 26px;
    height: 110px
}

.foot_free .dialog-box p {
    height: .48rem;
    font-size: .34rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFF;
    line-height: .48rem
}

.foot_free .dialog-box .qr-box {
    width: 2.2rem;
    height: 2.2rem;
    background-color: #0772FF;
    border: 1px solid #43B1FF;
    border-radius: .08rem;
    position: relative
}

.foot_free .dialog-box .qr-box img {
    width: 1.92rem;
    height: 1.92rem;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.foot_free .btn-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-top: .18rem
}

.foot_free .btn-group a {
    width: 1.92rem;
    height: .62rem;
    line-height: .62rem;
    font-size: .24rem;
    text-align: center;
    border-radius: .64rem
}

.foot_free .btn-group .btn1 {
    background-image: linear-gradient(179deg, #FFA52D 0, #FFCD38 100%);
    color: #fff;
    width: 1.92rem;
    height: .56rem;
    line-height: .56rem;
    border-radius: .4rem
}

.foot_free .btn-group .btn2 {
    margin-right: .54rem;
    border: 1px solid #fff;
    color: #fff
}

.foot_free2 {
    padding: .76rem .32rem;
    background: url(../images/bg8.png) no-repeat;
    background-size: cover;
    color: #fff;
    text-align: center
}

.foot_free2 .title {
    font-size: .5rem;
    font-weight: 500;
    line-height: .72rem
}

.foot_free2 .free-subtitle {
    font-size: .28rem;
    padding-top: .32rem
}

.foot_free2 .btn-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: .64rem
}

.foot_free2 .btn-group a {
    min-width: 2.36rem;
    height: .8rem;
    line-height: .8rem;
    font-size: .36rem;
    text-align: center;
    border-radius: .64rem;
    padding: 0 .48rem
}

.foot_free2 .btn-group .btn1 {
    background: #fff;
    color: #1472FF;
    font-weight: 700
}

.foot_free2 .btn-group .btn2 {
    margin-right: .54rem;
    border: 1px solid #fff;
    color: #fff
}

.xiaoe-online-logo {
    position: fixed;
    height: 1.6rem;
    width: 1.6rem;
    bottom: 1.28rem;
    right: .16rem;
    z-index: 9
}

.pop-qrcode-box {
    display: none
}

.qrcode-mask {
    width: 100%;
    background: rgba(0, 0, 0, .6);
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 10
}

.save-qrcode-pop {
    width: 5.76rem;
    height: 6.74rem;
    position: fixed;
    top: 20%;
    right: .88rem;
    z-index: 11;
    background: #FFF;
    border-radius: 8px
}

.save-qrcode-pop .close-save-icon {
    position: absolute;
    width: .32rem;
    height: .32rem;
    right: .32rem;
    top: .32rem
}

.garyBody {
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -webkit-filter: grayscale(1)
}

#udesk_container {
    display: none !important
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

html {
    font-size: 50px
}

body {
    color: #333;
    background: #fff;
    font-size: 14px;
    width: 100%;
    text-align: center;
    padding-bottom: env(safe-area-inset-bottom);
    font-family: PingFangSC, "Microsoft Yahei", Helvetica, Tahoma, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", STXihei, STHeiti, Heiti, SimSun, sans-serif !important
}

li,
ul {
    list-style: none
}

a {
    text-decoration: none;
    color: #1472FF
}

.hide {
    display: none
}

.border-1px {
    position: relative
}

.border-1px:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    border: .02rem solid #fff;
    border-radius: .08rem;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.btn-blue {
    display: block;
    width: 2.92rem;
    height: .84rem;
    line-height: .84rem;
    background: #1472FF;
    color: #fff;
    font-size: .32rem;
    -webkit-box-shadow: 0 5px 15px 0 rgba(16, 92, 251, .2);
    box-shadow: 0 5px 15px 0 rgba(16, 92, 251, .2);
    border-radius: .08rem
}

.mobile-com-btn {
    display: block;
    width: 3.2rem;
    height: .96rem;
    line-height: .96rem;
    text-align: center;
    color: #1472FF;
    background-color: #fff;
    border: .02rem solid #fff;
    font-size: .3rem;
    margin: .5rem auto;
    border-radius: .5rem
}

.banner {
    height: auto;
    background: #1472FF;
    width: 100%;
    padding-top: 1.09rem;
    padding-bottom: .79rem
}

.banner .banner-right img {
    width: 6.25rem;
    height: auto
}

.banner .banner-left {
    color: #fff
}

.banner .banner-left h1 {
    font-size: .7rem;
    margin-bottom: .1rem
}

.banner .banner-left p {
    font-size: .3rem
}

.corporate-title {
    font-size: .48rem;
    color: #333;
    font-weight: 300;
    margin: 0 .4rem;
    text-align: center;
    padding-top: 1rem;
    padding-bottom: .5rem
}

.situation {
    padding-top: 1.28rem;
    width: 100%
}

.situation .tools {
    width: 100%;
    padding: .64rem .3rem .8rem;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap
}

.situation .tools li {
    margin-bottom: .48rem;
    width: 48%;
    -webkit-box-shadow: 0 .2rem .4rem 0 rgba(0, 0, 0, .06);
    box-shadow: 0 .2rem .4rem 0 rgba(0, 0, 0, .06);
    border-radius: .16rem;
    padding: .8rem 0
}

.situation .tools li .icon,
.situation .tools li img {
    width: 1.44rem;
    height: 1.44rem
}

.situation .tools li .icon {
    display: inline-block;
    line-height: 1.44rem;
    border-radius: 50%
}

.situation .tools li .icon i {
    color: #fff;
    font-size: .64rem
}

.situation .tools li:nth-child(1)>.icon,
.situation .tools li:nth-child(2)>.icon {
    background: #266CFF
}

.situation .tools li:nth-child(3)>.icon,
.situation .tools li:nth-child(4)>.icon {
    background: #53D290
}

.situation .tools li:nth-child(5)>.icon,
.situation .tools li:nth-child(6)>.icon {
    background: #FFAB63
}

.situation .tools li h3 {
    font-size: .3rem;
    margin-top: .2rem;
    margin-bottom: .15rem;
    color: #333;
    text-align: center
}

.situation .tools li p {
    margin: .05rem auto 0;
    font-size: .24rem;
    color: #666;
    line-height: .4rem;
    font-weight: 300
}

.func {
    color: #333;
    text-align: left
}

.func-item h2,
.func-item p {
    font-weight: 300;
    text-align: center
}

.func-item {
    padding: .8rem .2rem .6rem
}

.func-item h2 {
    font-size: .4rem;
    margin-bottom: .5rem
}

.func-item h3 {
    font-size: .3rem;
    margin-bottom: .1rem;
    padding: 0 .5rem
}

.func-item p {
    font-size: .28rem;
    margin-bottom: .4rem;
    padding: 0 .5rem;
    color: #666
}

.func-item-img {
    width: 90%;
    margin: 0 auto
}

.func-item:nth-child(even) {
    background: #F5F6F9
}

.user {
    padding: 0 .3rem 1.28rem
}

.user .user-title {
    font-size: .48rem;
    color: #333;
    font-weight: lighter;
    padding: 1.28rem 0 .8rem
}

.user .user-content-body-item {
    border: 1px solid #f3f3f3;
    -webkit-box-shadow: 0 .2rem .4rem 0 rgba(0, 0, 0, .08);
    box-shadow: 0 .2rem .4rem 0 rgba(0, 0, 0, .08);
    margin-bottom: .48rem;
    background: #fff;
    border-radius: .08rem;
    padding: .38rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    display: -webkit-flex
}

.user .user-content-body-item img {
    width: 1.91rem;
    height: 1.91rem;
    margin-right: .45rem;
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-shrink: 0
}

.user .user-content-body-item span {
    color: #666;
    font-size: .25rem;
    line-height: .42rem;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    font-weight: 300
}

.user .tips {
    font-size: .16rem;
    color: #666;
    text-align: center;
    margin: .3rem 0
}

.corporate-apply {
    text-align: center;
    padding-top: .4rem;
    padding-bottom: .8rem
}

.corporate-apply h2 {
    color: #333;
    font-size: .34rem;
    margin-bottom: .34rem
}

.corporate-apply .free-tips_btn {
    margin: 0 auto
}

div.narraw {
    right: 0;
    width: .15rem;
    height: .15rem;
    cursor: pointer;
    position: absolute;
    top: 50%;
    border-bottom: 2px solid #E7E7E7;
    border-left: 2px solid #E7E7E7;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition-property: margin, -webkit-transform;
    transition-property: margin, -webkit-transform;
    transition-property: transform, margin;
    transition-property: transform, margin, -webkit-transform;
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

div.narraw.active {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: -.05rem
}

img {
    max-width: 100%
}

.monile-common-banner-type1 {
    height: 2.4rem;
    line-height: 2.4rem;
    color: #333;
    font-size: .4rem;
    background-size: contain
}

.mobile-common-title-type1 {
    font-size: .48rem;
    color: #333
}

.mobile-blue-btn,
.mobile-white-btn {
    width: 3.68rem;
    height: 1.08rem;
    line-height: 1.08rem;
    font-size: .32rem;
    font-weight: 400
}

.mobile-blue-btn {
    display: inline-block;
    background: #1472FF;
    border-radius: .08rem;
    color: #fff;
    text-align: center
}

.btn_wwb,
.mobile-white-btn {
    display: inline-block;
    text-align: center;
    color: #1472FF
}

.mobile-white-btn {
    border: 1px solid #1472FF;
    border-radius: .08rem
}

.btn_bwb,
.btn_wwb {
    border-radius: .44rem;
    background: #fff
}

.btn_wwb {
    padding: .14rem .64rem;
    border: .02rem solid #fff;
    font-size: .28rem
}

.btn_bbw,
.btn_bwb {
    display: inline-block;
    padding: .14rem .64rem;
    font-size: .32rem;
    text-align: center
}

.btn_bwb {
    border: .02rem solid #1472FF;
    color: #333
}

.btn_bbw,
.color_f {
    color: #fff
}

.btn_bbw {
    border-radius: .44rem;
    border: .02rem solid #1472FF;
    background: #1472FF
}

.big_title {
    font-size: .8rem;
    font-weight: 500;
    letter-spacing: .04rem;
    padding: .16rem 0 .38rem
}

.small_title {
    font-size: .48rem
}

.tab_title {
    font-size: .32rem;
    font-weight: 600
}

.fs_c1 {
    font-size: .28rem
}

.fs_c2 {
    font-size: .24rem
}

.color_3 {
    color: #333
}

.color_6 {
    color: #666
}

.color_9 {
    color: #999
}

.color_blue {
    color: #1472FF
}

.xe-banner {
    padding-top: 1.28rem;
    height: 6.68rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.xe-banner .free_have {
    padding: .48rem 0 .42rem
}

.l-top-bottom-pic {
    text-align: center;
    color: #333
}

.l-top-bottom-pic .d-item {
    padding: 1.28rem .32rem
}

.l-top-bottom-pic .d-item .i-title {
    font-weight: 500;
    line-height: .72rem;
    font-size: .56rem
}

.l-top-bottom-pic .d-item .i-subtitle {
    font-weight: 400;
    line-height: .44rem;
    font-size: .28rem;
    margin-top: .32rem;
    letter-spacing: -.006rem;
    height: 1.76rem
}

.l-top-bottom-pic .d-item .i-img {
    margin-top: .52rem;
    height: 5.14rem;
    background: #E65C5C;
    opacity: .4
}

.l-top-bottom-pic .item-odd {
    background: rgba(20, 114, 255, .04)
}

.clearfix::after {
    content: "";
    display: block;
    clear: both
}

.fl {
    float: left
}

.fr {
    float: right
}

.contact-box {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    position: fixed;
    top: 0;
    z-index: 10;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: PingFangSC-Medium, PingFang SC
}

.contact-box .contact-card {
    width: 6.4rem;
    height: 9.04rem;
    background: #FFF;
    -webkit-box-shadow: 0 .08rem .24rem 0 rgba(51, 51, 51, .08), 0 -.06rem .12rem -.08rem rgba(51, 51, 51, .12);
    box-shadow: 0 .08rem .24rem 0 rgba(51, 51, 51, .08), 0 -.06rem .12rem -.08rem rgba(51, 51, 51, .12);
    border-radius: .16rem;
    padding: .8rem 0;
    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;
    position: relative
}

.contact-box .close-box {
    position: absolute;
    top: .38rem;
    right: .36rem
}

.contact-box .close-box img {
    width: .22rem;
    height: .22rem
}

.contact-box .avatar {
    width: 1.6rem;
    height: 1.6rem
}

.contact-box .contact-title {
    margin-top: .32rem;
    font-size: .32rem;
    font-weight: 500;
    color: #333;
    line-height: .48rem
}

.contact-box .contact-title span {
    color: #1472FF
}

.contact-box .contact-desc,
.contact-box .contact-intro {
    font-size: .28rem;
    font-weight: 400;
    color: #999;
    line-height: .44rem
}

.contact-box .contact-intro {
    margin-top: .16rem
}

.contact-box .contact-qrcode {
    margin-top: .32rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#1472FF), to(#1472FF)) left top, -webkit-gradient(linear, left top, left bottom, from(#1472FF), to(#1472FF)) left top, -webkit-gradient(linear, left top, left bottom, from(#1472FF), to(#1472FF)) right top, -webkit-gradient(linear, left top, left bottom, from(#1472FF), to(#1472FF)) right top, -webkit-gradient(linear, left top, left bottom, from(#1472FF), to(#1472FF)) right bottom, -webkit-gradient(linear, left top, left bottom, from(#1472FF), to(#1472FF)) right bottom, -webkit-gradient(linear, left top, left bottom, from(#1472FF), to(#1472FF)) left bottom, -webkit-gradient(linear, left top, left bottom, from(#1472FF), to(#1472FF)) left bottom;
    background: linear-gradient(#1472FF, #1472FF) left top, linear-gradient(#1472FF, #1472FF) left top, linear-gradient(#1472FF, #1472FF) right top, linear-gradient(#1472FF, #1472FF) right top, linear-gradient(#1472FF, #1472FF) right bottom, linear-gradient(#1472FF, #1472FF) right bottom, linear-gradient(#1472FF, #1472FF) left bottom, linear-gradient(#1472FF, #1472FF) left bottom;
    background-repeat: no-repeat;
    background-size: .06rem .3rem, .3rem .06rem;
    height: 3.52rem;
    width: 3.52rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.contact-box .qrcode {
    width: 3.2rem;
    height: 3.2rem
}

.contact-box .contact-desc {
    margin-top: .16rem
}

body,
html {
    overflow-x: hidden !important
}

.server-banner {
    padding-top: .8rem
}

.server-banner .banner-title {
    line-height: .9rem;
    font-size: .64rem;
    color: #fff;
    text-align: center
}

.server-banner .banner-sub-title {
    margin: .24rem 0 .48rem;
    font-size: .32rem;
    color: #999;
    line-height: .48rem;
    text-align: center
}

.server-banner .free-price-btn {
    width: 3.2rem;
    height: .8rem;
    line-height: .8rem;
    background: #1472FF;
    border-radius: .88rem;
    text-align: center;
    margin: 0 auto
}

.server-banner .free-price-btn a {
    color: #fff;
    font-size: .32rem
}

.server-version {
    margin-top: .8rem;
    position: relative
}

.server-version .swiper-slide {
    position: relative;
    width: 5.52rem !important;
    height: 7.48rem;
    border-radius: .16rem;
    background-image: url(../images/bg2.png) !important;
    background-size: 100% 100%
}

.server-version .swiper-slide:nth-child(2) {
    background-image: linear-gradient(186deg, rgba(244, 169, 81, .13) 13%, rgba(241, 198, 139, .3) 100%)
}

.server-version .swiper-slide:nth-child(3) {
    background-image: linear-gradient(-52deg, #F1A29E 0, #F56223 100%)
}

.server-version .swiper-slide .version-img {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.84rem
}

.server-version .swiper-slide .version-top {
    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-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 2rem;
    border-radius: .18rem .18rem 0 0;
    font-size: .6rem;
    background-size: 100%
}

.server-version .swiper-slide .version-top .version-title {
    font-size: 24px
}

.server-version .swiper-slide .version-top .version-desc {
    margin-top: .16rem;
    color: #fff;
    font-size: .28rem
}

.server-version .swiper-slide .version-desc_three {
    padding-top: .74rem !important
}

.server-version .swiper-slide .version-desc-area {
    position: relative;
    padding: .48rem .32rem;
    margin: 0 .16rem;
    font-size: .32rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.server-version .swiper-slide .version-desc-area .version-desc-person {
    font-size: .24rem;
    line-height: .4rem;
    color: #333;
    text-align: left;
    font-weight: 700
}

.server-version .swiper-slide .version-desc-area .version-person-s {
    font-size: .28rem;
    line-height: .44rem;
    text-align: left;
    font-weight: 500
}

.server-version .swiper-slide .version-desc-area .version-content {
    margin-top: .6rem;
    color: #666;
    height: 6.5rem;
    line-height: .48rem;
    font-size: .28rem
}

.server-version .swiper-slide .version-desc-area .version-content .version-desc-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-top: .32rem;
    line-height: .44rem;
    text-align: justify
}

.server-version .swiper-slide .version-desc-area .version-content .version-desc-content:first-child {
    margin-top: 0
}

.server-version .swiper-slide .version-desc-area .version-content .version-desc-content .version-desc-point {
    margin-left: .08rem;
    margin-right: .38rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: .2rem;
    height: .2rem;
    background-color: #1472FF;
    border-radius: 50%
}

.server-version .swiper-slide .version-desc-area .version-price {
    margin: 1.28rem 0 .48rem;
    text-align: center;
    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: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative
}

.server-version .swiper-slide .version-desc-area .version-price .original-price {
    font-size: .28rem;
    color: #999;
    position: absolute;
    bottom: -.32rem
}

.server-version .swiper-slide .version-desc-area .version-price .price {
    font-size: .8rem;
    font-family: DINAlternate-Bold;
    color: #333
}

.server-version .swiper-slide .version-desc-area .version-price .price .price-icon {
    font-size: .48rem
}

.server-version .swiper-slide .version-desc-area .version-price_two {
    margin: .4rem 0 .48rem
}

.server-version .swiper-slide .version-desc-area .version-price_three {
    margin: .58rem 0 .48rem
}

.server-version .swiper-slide .version-desc-area .version-buy-btn {
    display: inline-block;
    width: 4.32rem;
    height: .8rem;
    line-height: .8rem;
    border-radius: .48rem;
    margin: 0 auto;
    text-align: center;
    font-size: .36rem;
    color: #fff;
    background: linear-gradient(135deg, #89A6D1 0, #D0E4FF 100%)
}

.server-version .version-slide-7 {
    background-image: url(../images/bg3.png) !important
}

.server-version .version-slide-7 .version-top {
    color: #fff;
    background-size: 100%
}

.server-version .version-slide-7 .price {
    color: #333 !important
}

.server-version .version-slide-7 .version-buy-btn {
    background-image: linear-gradient(-50deg, #FFC771 0, #FF9520 100%) !important;
    -webkit-box-shadow: 0 5px 10px 0 rgba(241, 208, 158, .3);
    box-shadow: 0 5px 10px 0 rgba(241, 208, 158, .3)
}

.server-version .version-slide-8 {
    background-image: url(../images/bg4.png) !important
}

.server-version .version-slide-8 .version-top {
    background-size: 100%
}

.server-version .version-slide-8 .version-buy-btn {
    background: linear-gradient(-48.1deg, #716358 0, #1c1812 100%) !important;
    -webkit-box-shadow: 0 5px 10px 0 rgba(241, 208, 158, .3);
    box-shadow: 0 5px 10px 0 rgba(241, 208, 158, .3)
}

.server-version .swiper-slide-active {
    -webkit-box-shadow: 0 20px 40px 0 rgba(16, 92, 251, .16);
    box-shadow: 0 20px 40px 0 rgba(16, 92, 251, .16)
}

.server-version .swiper-button-next,
.server-version .swiper-button-prev {
    width: 26px;
    height: 26px;
    border: 2px solid #B2B2B2;
    border: none;
    background-size: 100% 100%
}

.server-version .swiper-button-prev {

}

.server-version .swiper-button-next {
    
}

.server-version .arrow {
    width: .64rem;
    height: .64rem;
    max-width: .64rem
}

.server-list-wrapper {
    margin-bottom: 1.6rem
}

.server-list-wrapper .server-list-fixed {
    position: fixed;
    top: 1.04rem;
    left: 0;
    z-index: 2
}

.server-list-wrapper .server-list-title {
    z-index: 3;
    background-color: #fff
}

.server-list-wrapper .left {
    position: relative;
    z-index: 2;
    display: table-cell;
    width: 1.9rem;
    text-align: center;
    background-color: #F6FAFF
}

.server-list-wrapper .list-desc-content,
.server-list-wrapper .list-swiper {
    position: relative;
    display: table-cell;
    vertical-align: top
}

.server-list-wrapper .compare {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 1.1rem;
    line-height: 1.1rem;
    border-bottom: .02rem solid #eee
}

.server-list-wrapper .compare .function {
    position: relative;
    z-index: 3;
    background: rgba(240, 249, 255, .4);
    -webkit-backdrop-filter: saturate(180%) blur(6px);
    backdrop-filter: saturate(180%) blur(6px);
    color: #999;
    font-size: .24rem
}

.server-list-wrapper .compare .list-swiper .swiper-slide {
    width: 2.56rem;
    background-image: linear-gradient(135deg, #89A6D1 0, #DDEBFF 100%);
    color: #fff;
    font-size: .32rem
}

.server-list-wrapper .compare .list-swiper .swiper-slide:nth-child(2) {
    background-image: linear-gradient(-50deg, #F1D09E 0, #F59123 100%);
    color: #fff
}

.server-list-wrapper .compare .list-swiper .swiper-slide:nth-child(3) {
    background: linear-gradient(-48.1deg, #716358 0, #1c1812 100%);
    color: #fff
}

.server-list-wrapper .category {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .12rem 0 .16rem;
    width: 100vw;
    height: 1.2rem;
    background-color: #fff;
    overflow: hidden;
    border-bottom: .02rem solid #eee
}

.server-list-wrapper .category .inclued::before,
.server-list-wrapper .category .noBuy::before {
    margin-right: .08rem;
    display: inline-block;
    content: "";
    width: .24rem;
    height: .24rem;
    background-size: 100%;
    border-radius: 50%
}

.server-list-wrapper .category .caption {
    font-size: .28rem;
    color: #1472FF;
    font-family: PingFangSC-Medium, PingFang SC;
    white-space: nowrap
}

.server-list-wrapper .category .direction {
    margin-left: 1.2rem;
    font-size: .2rem;
    color: #333
}

.server-list-wrapper .category .noBuy {
    margin-left: .4rem
}

.server-list-wrapper .category .inclued::before {
    background-image: url(../images/gou.png)
}

.server-list-wrapper .category .noBuy::before {
    background-image: url(../images/cha.png)
}

.server-list-wrapper .group .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: .16rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
    font-size: .24rem;
    border-bottom: .02rem solid #eee;
    border-right: .02rem solid #eee;
    font-weight: 500
}

.server-list-wrapper .group .item .title-desc {
    color: #666;
    font-weight: 400
}

.server-list-wrapper .sub-fun-table .sub-func-name {
    padding-left: .1rem;
    width: 100vw;
    height: .96rem;
    line-height: .96rem;
    text-align: left;
    background: #F0F4F7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.server-list-wrapper .sub-fun-table .sub-func-name::before {
    content: '·';
    font-size: .72rem;
    margin-right: .1rem
}

.server-list-wrapper .server-list-detail {
    display: table;
    table-layout: fixed;
    width: 100%
}

.server-list-wrapper .server-list__top {
    margin-top: 3rem
}

.server-list-wrapper .group:first-child .category {
    display: none
}

.server-list-wrapper .list-desc-content .list-group {
    margin-top: 1.2rem
}

.server-list-wrapper .list-desc-content .list-group:first-child {
    margin-top: 0
}

.server-list-wrapper .list-desc-content .swiper-slide {
    width: 2.56rem
}

.server-list-wrapper .list-desc-content .list-item {
    width: 2.56rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: .02rem solid #eee
}

.server-list-wrapper .list-desc-content .list-item .inner {
    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;
    width: 2.56rem;
    padding: 0 .34rem;
    border-right: .02rem solid #eee
}

.server-list-wrapper .list-desc-content .list-item .inner.hide-right-border {
    border-right: none
}

.server-list-wrapper .list-desc-content .list-item .inner.only-display-7 {
    position: relative;
    overflow: visible;
    white-space: nowrap;
    text-align: center;
    z-index: 1
}

.server-list-wrapper .list-desc-content .list-item .style-line {
    display: inline-block;
    width: .36rem;
    height: .36rem;
    background-image: url(../images/cha.png);
    background-size: 100%
}

.server-list-wrapper .list-desc-content .list-item .style-circle {
    display: inline-block;
    width: .36rem;
    height: .36rem;
    border-radius: 50%;
    background-image: url(../images/gou.png);
    background-size: 100%
}

.server-list-wrapper .list-desc-content .list-item .style-radius {
    display: none;
    width: .16rem;
    height: .16rem;
    border: .04rem solid #1472FF;
    border-radius: 50%
}

.server-list-wrapper .list-desc-content .list-item .inner-price {
    margin-left: .08rem;
    color: #EB4654;
    font-size: .24rem
}

.server-list-wrapper .list-desc-content .list-item .inner-text {
    margin-top: .2rem;
    height: .72rem;
    line-height: .36rem;
    color: #999;
    font-size: .2rem
}

.merge-row,
.server-list-wrapper .list-desc-content .list-item .inner-desc {
    font-size: .24rem;
    color: #333
}

.server-list-wrapper .list-desc-content .group-item {
    width: 7.68rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.server-list-wrapper .list-desc-content .group-item .inner {
    height: 100%
}

.server-list-wrapper .list-desc-content .inner-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-slide .sub-wrap .sub-margin-top {
    margin-top: .96rem
}

.swiper-slide .sub-wrap .sub-margin-top:first-child {
    margin-top: 2.16rem
}

.merge-row {
    position: absolute;
    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;
    width: 7.68rem;
    border-bottom: .02rem solid #eee
}

.banner-wrap {
    width: 100vw;
    height: 11.8rem;
    background-image: url(../images/bg1.png);
    background-size: 100%
}

.height-0 {
    height: .72rem
}

.height-1 {
    height: .96rem
}

.height-2 {
    height: 1.5rem
}

.height-3 {
    height: 1.74rem
}

.height-4 {
    height: 2.08rem
}

.height-5 {
    height: 2.42rem
}

.height-6 {
    height: 2.76rem
}

.height-7 {
    height: 3.1rem
}

.height-8 {
    height: 3.34rem
}

.height-9 {
    height: 3.58rem
}

.limit {
    border: .02rem solid #eb4654;
    font-size: .2rem;
    border-radius: .2rem;
    color: #eb4654;
    margin-right: .08rem;
    margin-left: .08rem;
    padding: 0 .08rem
}

.waiting-tag {
    margin: .24rem 0 .12rem;
    width: .84rem;
    height: .32rem;
    border-radius: 2px;
    text-align: center;
    color: #333;
    line-height: .32rem;
    opacity: 1;
    background: #ebebeb
}

.cloud-resource-desc .T7,
.cloud-resource-desc .limit {
    margin: 0
}

.cloud-resource-desc .tip {
    display: inline-block;
    vertical-align: middle
}

.cloud-resource-desc .tip .tip-icon {
    width: .24rem;
    height: .24rem;
    cursor: pointer
}

.cloud-resource-desc-tip-text {
    position: fixed;
    display: none;
    width: 6.43rem;
    height: auto;
    padding: .14rem;
    border-radius: .07rem;
    background-color: #000;
    opacity: .7;
    white-space: normal;
    text-align: left;
    line-height: .36rem;
    font-size: .25rem;
    color: #fff;
    z-index: 3
}

.cloud-resource-desc-tip-text .tip-text-arrow,
.cloud-resource-desc-tip-text .tip-text-arrow::before {
    position: absolute;
    width: .14rem;
    height: .14rem;
    background-color: #000
}

.cloud-resource-desc-tip-text .tip-text-arrow::before {
    visibility: visible;
    content: '';
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.cloud-resource-desc-tip-text[data-show] {
    display: block
}

.cloud-resource-desc-tip-text[data-popper-placement^=bottom]>.tip-text-arrow {
    top: -.07rem
}

.cloud-resource-desc-tip-text[data-popper-placement^=top]>.tip-text-arrow {
    bottom: -.07rem
}

.bottom-pop-up_box {
    position: fixed;
    display: none;
    bottom: 1.14rem;
    width: 100%;
    min-height: 6rem;
    background: #fff;
    z-index: 99;
    border-radius: .24rem .24rem 0 0;
    -webkit-transition: left .4s ease-in-out;
    transition: left .4s ease-in-out
}

.bottom-pop-up_box .bottom-box_header {
    position: relative;
    width: 100%;
    height: .96rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333;
    font-size: .32rem;
    font-weight: 500;
    font-family: "PingFang SC";
    text-align: center
}

.bottom-pop-up_box .bottom-box_header .bottom-box_close {
    position: absolute;
    top: .36rem;
    right: .36rem;
    width: .24rem;
    height: .24rem
}

.bottom-pop-up_box .bottom-box-content {
    padding: .32rem
}

.bottom-pop-up_mask {
    display: none;
    width: 100%;
    background: rgba(0, 0, 0, .6);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    bottom: 1.16rem
}
.version-top{
    
    display: block !important;
    position: relative;
}
.version-top-title{
    text-align: left;
    padding-left: .32rem;
    font-size: .62rem;
    padding-top: .42rem;
    font-weight: 700;
    font-family: cursive;
}
.version-top-text{
    font-size: .28rem;
    margin-top: .24rem;
    text-align: left;
    padding-left: .4rem;
}
.version-top img{
    position: absolute;
    right: .54rem;
    top: .36rem;
    width: 1.32rem;
}
.version-top1 {
    background: linear-gradient(to right,#8eaad4, #c9defa) !important;
    
}
.version-top1 .version-top-title{
    color: #6e8eb5;
}
.version-top1 .version-top-text{
    color: #6e8eb5;
}
.version-top2 {
    background: linear-gradient(to right,#ff9a28, #ffc168) !important;
}
.version-top2 .version-top-title{
    color: #f86901;
}
.version-top2 .version-top-text{
    color: #f86901;
}
.version-top3 {
    background: linear-gradient(to right,#231e18, #6a5d52) !important;
    height: 2.4rem !important;
}
.version-top3 .version-top-title{
    color: #e9c7b0;
}
.version-top3 .version-top-text{
    color: #e9c7b0;
}