body {
    background-color: #fff
}

.activity-rules {
    position: relative;
    width: 650px
}

.activity-rules .activity-bg {
    width: 100%;
    height: 100%
}

.activity-rules .close {
    position: absolute;
    top: 32px;
    right: 25px;
    width: 16px;
    height: 17px;
    cursor: pointer
}

.activity-rules .footer-button {
    position: absolute;
    left: 50%;
    bottom: 40px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 260px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    color: #fff;
    font-size: 16px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    background: -webkit-gradient(linear, right top, left top, from(#ff1f3d), to(#ff654c));
    background: linear-gradient(270deg, #ff1f3d, #ff654c);
    border-radius: 26px;
    cursor: pointer
}

.el-dialog__wrapper .el-dialog {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.el-dialog__wrapper .el-dialog__header {
    display: none
}

.el-dialog__wrapper .el-dialog__body {
    padding: 0 !important
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes icon1Animation {
    0% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0)
    }

    to {
        -webkit-transform: translateY(-10px) translateX(-10px);
        transform: translateY(-10px) translateX(-10px)
    }
}

@keyframes icon1Animation {
    0% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0)
    }

    to {
        -webkit-transform: translateY(-10px) translateX(-10px);
        transform: translateY(-10px) translateX(-10px)
    }
}

@-webkit-keyframes icon1Animation-lr {
    0% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0)
    }

    to {
        -webkit-transform: translateY(-10px) translateX(10px);
        transform: translateY(-10px) translateX(10px)
    }
}

@keyframes icon1Animation-lr {
    0% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0)
    }

    to {
        -webkit-transform: translateY(-10px) translateX(10px);
        transform: translateY(-10px) translateX(10px)
    }
}

@-webkit-keyframes icon2Animation {
    0% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0)
    }

    to {
        -webkit-transform: translateY(-5px) translateX(-10px);
        transform: translateY(-5px) translateX(-10px)
    }
}

@keyframes icon2Animation {
    0% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0)
    }

    to {
        -webkit-transform: translateY(-5px) translateX(-10px);
        transform: translateY(-5px) translateX(-10px)
    }
}

@-webkit-keyframes icon2Animation-lr {
    0% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0)
    }

    to {
        -webkit-transform: translateY(5px) translateX(10px);
        transform: translateY(5px) translateX(10px)
    }
}

@keyframes icon2Animation-lr {
    0% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0)
    }

    to {
        -webkit-transform: translateY(5px) translateX(10px);
        transform: translateY(5px) translateX(10px)
    }
}

@-webkit-keyframes icon3Animation {
    0% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0)
    }

    to {
        -webkit-transform: translateY(0) translateX(-15px);
        transform: translateY(0) translateX(-15px)
    }
}

@keyframes icon3Animation {
    0% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0)
    }

    to {
        -webkit-transform: translateY(0) translateX(-15px);
        transform: translateY(0) translateX(-15px)
    }
}

@-webkit-keyframes icon3Animation-lr {
    0% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0)
    }

    to {
        -webkit-transform: translateY(0) translateX(15px);
        transform: translateY(0) translateX(15px)
    }
}

@keyframes icon3Animation-lr {
    0% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0)
    }

    to {
        -webkit-transform: translateY(0) translateX(15px);
        transform: translateY(0) translateX(15px)
    }
}

@-webkit-keyframes icon4Animation {
    0% {
        -webkit-transform: rotateY(-1turn);
        transform: rotateY(-1turn);
        opacity: 0
    }

    to {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
        opacity: 1
    }
}

@keyframes icon4Animation {
    0% {
        -webkit-transform: rotateY(-1turn);
        transform: rotateY(-1turn);
        opacity: 0
    }

    to {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
        opacity: 1
    }
}

.content {
    position: relative;
    max-width: 1920px;
    background-color: #fff;
    margin: 0 auto
}

.content .tab_box {
    position: absolute;
    margin-top: 60px;
    left: 50%;
    width: 1315px;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    text-align: center
}

.content .tab_box .pay_tabs {
    width: 216px;
    height: 66px;
    display: inline-block;
    position: relative
}

.content .tab_box .studList {
    display: none
}

.content .tab_box .pay_tab {
    margin: 3px auto 0;
    width: 192px;
    height: 60px;
    background: url(../images/btnnormal.png) no-repeat;
    background-size: 100% 100%;
    border-radius: 5px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-shadow: 0 3px 13px 0 rgba(150, 185, 255, .32);
    box-shadow: 0 3px 13px 0 rgba(150, 185, 255, .32);
    cursor: pointer;
    position: relative
}

.content .tab_box .pay_tab.activity {
    -webkit-box-shadow: 0 3px 13px 0 rgba(255, 150, 150, .32);
    box-shadow: 0 3px 13px 0 rgba(255, 150, 150, .32)
}

.content .tab_box .pay_tab.activity,
.content .tab_box .pay_tab.activity:hover {
    background: url(/static/images/tab-bg.a6ab8307.png) no-repeat;
    background-size: 100% 100%
}

.content .tab_box .pay_tab.activity:hover .btn_text {
    color: #f56464
}

.content .tab_box .pay_tab.activity.active,
.content .tab_box .pay_tab.activity.active:hover {
    background: url(/static/images/tab-active-bg.d0e1f56d.png) no-repeat;
    background-size: 100% 100%
}

.content .tab_box .pay_tab .pay_act_tip {
    position: absolute;
    top: -12px;
    right: 6px
}

.content .tab_box .pay_tab .pay_act_tip img {
    width: 100%;
    height: 100%
}

.content .tab_box .pay_tab .half_price_box {
    width: 46px;
    height: 24px
}

.content .tab_box .pay_tab .one_free_box {
    width: 70px;
    height: 24px
}

.content .tab_box .pay_tab .sign {
    width: 52px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#ff876d), to(#ff386a));
    background: linear-gradient(90deg, #ff876d, #ff386a);
    border-radius: 100px 100px 100px 0;
    position: absolute;
    left: 0;
    top: -6px;
    letter-spacing: 1px;
    font-size: 14px;
    color: #fff;
    font-style: italic
}

.content .tab_box .pay_tab .imgnormal {
    display: inline-block
}

.content .tab_box .pay_tab .imgactive {
    display: none
}

.content .tab_box .pay_tab img {
    width: 35px;
    height: 35px;
    display: inline-block;
    vertical-align: middle
}

.content .tab_box .pay_tab .btn_text {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    margin-left: 2px;
    font-size: 20px;
    vertical-align: middle;
    color: #031b4d
}

.content .tab_box .pay_tab:hover {
    margin: auto;
    background: url(../images/btnnormal.png) no-repeat;
    background-size: 100% 100%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border: none;
    width: 212px;
    height: 66px;
    transition: width height 1s;
    -webkit-transition: width height 1s
}

.content .tab_box .pay_tab:hover .pay_act_tip {
    top: -12px;
    right: 6px
}

.content .tab_box .pay_tab:hover .pay_act_tip img {
    width: 100%;
    height: 100%
}

.content .tab_box .pay_tab:hover .sign {
    width: 52px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#ff876d), to(#ff386a));
    background: linear-gradient(90deg, #ff876d, #ff386a);
    border-radius: 100px 100px 100px 0;
    position: absolute;
    left: 0;
    top: -6px;
    letter-spacing: 1px;
    font-size: 14px;
    color: #fff;
    font-style: italic
}

.content .tab_box .pay_tab:hover .imgnormal {
    display: none
}

.content .tab_box .pay_tab:hover .imgactive {
    display: inline-block
}

.content .tab_box .pay_tab:hover .btn_text {
    display: inline-block;
    height: 66px;
    line-height: 66px;
    margin-left: 2px;
    font-size: 22px;
    vertical-align: middle;
    color: #3f66ff
}

.content .tab_box .pay_tab.active,
.content .tab_box .pay_tab.active:hover {
    margin: auto;
    background: url(../images/btnactive.png) no-repeat;
    background-size: 100% 100%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border: none;
    width: 212px;
    height: 66px;
    transition: width height 1s;
    -webkit-transition: width height 1s
}

.content .tab_box .pay_tab.active .sign,
.content .tab_box .pay_tab.active:hover .sign {
    width: 52px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#ff876d), to(#ff386a));
    background: linear-gradient(90deg, #ff876d, #ff386a);
    border-radius: 100px 100px 100px 0;
    position: absolute;
    left: 0;
    top: -6px;
    letter-spacing: 1px;
    font-size: 14px;
    color: #fff;
    font-style: italic
}

.content .tab_box .pay_tab.active .imgnormal,
.content .tab_box .pay_tab.active:hover .imgnormal {
    display: none
}

.content .tab_box .pay_tab.active .imgactive,
.content .tab_box .pay_tab.active:hover .imgactive {
    display: inline-block
}

.content .tab_box .pay_tab.active:hover img,
.content .tab_box .pay_tab.active img {
    width: 43px;
    height: 43px;
    display: inline-block;
    vertical-align: middle
}

.content .tab_box .pay_tab.active .pay_act_tip,
.content .tab_box .pay_tab.active:hover .pay_act_tip {
    position: absolute;
    top: -12px;
    right: 6px
}

.content .tab_box .pay_tab.active .pay_act_tip img,
.content .tab_box .pay_tab.active:hover .pay_act_tip img {
    width: 100%;
    height: 100%
}

.content .tab_box .pay_tab.active .btn_text,
.content .tab_box .pay_tab.active:hover .btn_text {
    display: inline-block;
    height: 66px;
    line-height: 66px;
    margin-left: 2px;
    font-size: 22px;
    vertical-align: middle;
    color: #000
}

.content .viptitle {
    height: 93px;
    padding-top: 44px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.content .viptitle .novip {
    margin: 0 auto;
    height: 33px
}

.content .viptitle .novip .starvip {
    width: 33px;
    height: 33px;
    display: inline-block;
    vertical-align: middle
}

.content .viptitle .novip .text {
    display: inline-block;
    height: 33px;
    line-height: 33px;
    font-size: 24px;
    color: #031b4d;
    font-family: PingFangSC-Semibold, PingFang SC;
    margin-left: 2px;
    vertical-align: middle
}

.content .viptitle .hasvip {
    margin: 0 auto;
    height: 33px
}

.content .viptitle .hasvip .starvip {
    width: 26px;
    height: 26px;
    display: inline-block;
    vertical-align: middle
}

.content .viptitle .hasvip .text {
    height: 22px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #031b4d;
    margin-left: 2px
}

.content .viptitle .hasvip .payvip,
.content .viptitle .hasvip .text {
    vertical-align: middle;
    display: inline-block;
    font-size: 16px;
    line-height: 22px
}

.content .viptitle .hasvip .payvip {
    margin-left: 10px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #965400;
    cursor: pointer
}

.content .pay_scroe_title {
    padding-top: 47px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    font-size: 16px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    color: #031b4d;
    line-height: 22px;
    text-align: center
}

.content .pay_scroe_title span {
    color: #fe4244
}

.content .formattabs,
.content .preferential {
    padding-top: 73px
}

.content .rechargeVip.activity .codeColor {
    background: #f56464 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.content .rechargeVip.activity .rechargeVip_box.integralint:hover,
.content .rechargeVip.activity .rechargeVip_box.specialBlue:hover {
    -webkit-box-shadow: 0 10px 20px 0 rgba(247, 185, 185, .3) !important;
    box-shadow: 0 10px 20px 0 rgba(247, 185, 185, .3) !important
}

.content .rechargeVip.activity .activity {
    background: -webkit-gradient(linear, left top, right top, from(#f86034), to(#f11d1d)) !important;
    background: linear-gradient(90deg, #f86034, #f11d1d) !important
}

.content .rechargeVip .rechargeVip_list {
    width: 100%;
    padding-top: 152px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center
}

.content .rechargeVip .rechargeVip_list .rechargeVipc {
    margin: 0 auto;
    max-width: 100%
}

.content .rechargeVip .rechargeVip_list .posit {
    position: relative
}

.content .rechargeVip .rechargeVip_list .posit .setMeal_slider_lefts {
    position: absolute;
    top: 115px;
    left: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1);
    cursor: pointer;
    z-index: 1
}

.content .rechargeVip .rechargeVip_list .posit .setMeal_slider_lefts .iconfont {
    margin: auto;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.content .rechargeVip .rechargeVip_list .posit .setMeal_slider_rights {
    position: absolute;
    top: 115px;
    right: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1);
    cursor: pointer
}

.content .rechargeVip .rechargeVip_list .posit .setMeal_slider_rights .iconfont {
    margin: auto;
    font-size: 16px;
    font-weight: 600;
    color: #000
}

.content .rechargeVip .rechargeVip_list .box {
    height: 307px;
    padding-top: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.content .rechargeVip .rechargeVip_list .rechargeVipBox {
    max-width: 1307px;
    height: 307px;
    display: block;
    white-space: nowrap;
    overflow-x: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.content .rechargeVip .rechargeVip_list .rechargeVipBox::-webkit-scrollbar {
    display: none
}

.content .rechargeVip .rechargeVip_list .rechargeVipBox .rechargeVip_box {
    display: inline-block
}

.content .rechargeVip .rechargeVip_list .rechargeVipBox .rechargeVip_box:hover {
    margin-top: -10px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.content .rechargeVip .rechargeVip_list .colHei {
    padding: 30px 10px 0;
    height: 307px
}

.content .rechargeVip .rechargeVip_list .rechargeVip_box {
    width: 224px;
    height: 262px;
    background: #fff;
    border-radius: 16px;
    border: 1px solid #e0e5ed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    margin: 0 16px 0 auto;
    position: relative;
    -webkit-transition: all .6s ease;
    transition: all .6s ease
}

.content .rechargeVip .rechargeVip_list .rechargeVip_box .under_spa {
    height: 10px;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #96a4bb;
    line-height: 10px;
    text-decoration: line-through;
    margin-bottom: 4px;
    display: block
}

.content .rechargeVip .rechargeVip_list .rechargeVip_box.vipint {
    width: 200px;
    margin-right: 20px
}

.content .rechargeVip .rechargeVip_list .rechargeVip_box.vipint:first-child .activity {
    padding-right: 30px
}

.content .rechargeVip .rechargeVip_list .rechargeVip_box.integralint {
    width: 200px
}

.content .rechargeVip .rechargeVip_list .rechargeVip_box.integralint:hover {
    -webkit-box-shadow: 0 8px 16px 0 rgba(74, 144, 226, .1);
    box-shadow: 0 8px 16px 0 rgba(74, 144, 226, .1)
}

.content .rechargeVip .rechargeVip_list .rechargeVip_box.integralint .vipPriceBox {
    position: absolute;
    left: 0;
    top: 150px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.content .rechargeVip .rechargeVip_list .rechargeVip_box.integralint .vipPrice {
    margin: 0 auto;
    text-align: center;
    width: 112px;
    height: 24px;
    font-size: 14px;
    line-height: 24px;
    background: linear-gradient(135deg, #ffe9cc, #fff5ea);
    border-radius: 25px;
    font-weight: 400;
    color: #954f02
}

.content .rechargeVip .rechargeVip_list .rechargeVip_box.integralint .vipPrice span {
    font-weight: 500;
    font-size: 16px
}

.content .rechargeVip .rechargeVip_list .rechargeVip_box.integralint .activeOne_rp {
    height: 17px;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #96a4bb;
    line-height: 15px;
    position: relative;
    text-decoration: line-through
}

.content .rechargeVip .rechargeVip_list .rechargeVip_box.integralint .activeOne_sp {
    width: 112px;
    height: 24px;
    line-height: 24px;
    background: rgba(255, 94, 82, .1);
    border-radius: 25px;
    text-align: center;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #ff5e52;
    margin: 5px auto 0
}

.content .rechargeVip .rechargeVip_list .rechargeVip_box.integralint.winew {
    width: 255px
}

.content .rechargeVip .rechargeVip_list .rechargeVip_box .activity {
    position: absolute;
    top: -16px;
    left: -1px;
    height: 32px;
    text-align: left;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: -webkit-gradient(linear, left top, right top, from(#ff876d), to(#ff386a));
    background: linear-gradient(90deg, #ff876d, #ff386a);
    border-radius: 16px 2px 14px 0;
    font-size: 12px;
    line-height: 32px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #fff
}

.content .rechargeVip .rechargeVip_list .rechargeVip_box .activity.tehui {
    text-align: center
}

.content .rechargeVip .rechargeVip_list .rechargeVip_box .activity span {
    font-size: 12px
}

.content .rechargeVip .rechargeVip_list .rechargeVip_box .activity .vip_font_w {
    font-size: 16px
}

.content .rechargeVip .rechargeVip_list .rechargeVip_box .activity.toone {
    padding: 0 15px 0 9px
}

.content .rechargeVip .rechargeVip_list .rechargeVip_box .title {
    font-size: 24px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #4f5f82;
    margin-top: 36px
}

.content .rechargeVip .rechargeVip_list .rechargeVip_box .hei33 {
    height: 33px;
    line-height: 33px
}

.content .rechargeVip .rechargeVip_list .rechargeVip_box .price {
    margin-top: 10px;
    font-size: 16px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #031b4d;
    height: 36px;
    line-height: 36px
}

.content .rechargeVip .rechargeVip_list .rechargeVip_box .price .money {
    font-size: 24px;
    font-weight: 500;
    display: inline-block
}

.content .rechargeVip .rechargeVip_list .rechargeVip_box .price .time {
    display: inline-block;
    margin-top: -21px;
    vertical-align: middle
}

.content .rechargeVip .rechargeVip_list .rechargeVip_box .price.margt10 {
    margin-top: 10px
}

.content .rechargeVip .rechargeVip_list .rechargeVip_box .price.mar14 {
    margin-top: 14px
}

.content .rechargeVip .rechargeVip_list .rechargeVip_box .detail {
    font-size: 20px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #96a4bb;
    height: 20px
}

.content .rechargeVip .rechargeVip_list .rechargeVip_box .beforeM {
    height: 20px;
    font-size: 20px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #ff386a;
    line-height: 11px;
    text-align: center;
    text-decoration: line-through
}

.content .rechargeVip .rechargeVip_list .rechargeVip_box .vipAlert {
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #96a4bb;
    height: 20px;
    line-height: 20px;
    cursor: pointer
}

.content .rechargeVip .rechargeVip_list .rechargeVip_box .nokeep,
.content .rechargeVip .rechargeVip_list .rechargeVip_box .nokeep_other {
    position: absolute;
    /*bottom: 74px;*/
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.content .rechargeVip .rechargeVip_list .rechargeVip_box .keepMon_lanxu {
    height: 17px;
    line-height: 14px
}

.content .rechargeVip .rechargeVip_list .rechargeVip_box .prefer_info {
    position: absolute;
    left: 0;
    top: 145px;
    text-align: center;
    width: 100%;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #7280a0;
    line-height: 16px
}

.content .rechargeVip .rechargeVip_list .rechargeVip_box .prefer_info span {
    color: #3f66ff
}

.content .rechargeVip .rechargeVip_list .rechargeVip_box .prefer_info .jumpgs,
.content .rechargeVip .rechargeVip_list .rechargeVip_box .prefer_info .jumppan {
    cursor: pointer
}

.content .rechargeVip .rechargeVip_list .rechargeVip_box .btn {
    position: absolute;
    left: 38px;
    right: 38px;
    bottom: 24px;
    width: 124px;
    height: 40px;
    line-height: 40px;
    background: linear-gradient(133deg, #f7dec6, #f7d5b4);
    border-radius: 8px;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #965400;
    cursor: pointer
}

.content .rechargeVip .rechargeVip_list .rechargeVip_box .btnMarAct0 {
    margin-top: 0
}

.content .rechargeVip .rechargeVip_list .rechargeVip_box .btnMarAct1 {
    margin-top: 10px
}

.content .rechargeVip .rechargeVip_list .rechargeVip_box .specialBtn {
    margin-top: 53px
}

.content .rechargeVip .rechargeVip_list .rechargeVip_box .specialBtn_margt10 {
    margin-top: 10px
}

.content .rechargeVip .rechargeVip_list .rechargeVip_box .codeColor {
    color: #fff;
    background: #3f66ff
}

.content .rechargeVip .rechargeVip_list .rechargeVip_box:last-child {
    margin-right: 0
}

.content .rechargeVip .rechargeVip_list .rechargeVip_box:hover {
    margin-top: -12px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.content .rechargeVip .rechargeVip_list .rechargeVip_box:hover,
.content .rechargeVip .rechargeVip_list .vipint.rechargeVip_box:hover {
    -webkit-box-shadow: 0 10px 20px 0 rgba(247, 216, 185, .3);
    box-shadow: 0 10px 20px 0 rgba(247, 216, 185, .3)
}

.content .rechargeVip .rechargeVip_list .blue {
    width: 184px;
    -webkit-box-shadow: 0 8px 16px 0 rgba(74, 144, 226, .1);
    box-shadow: 0 8px 16px 0 rgba(74, 144, 226, .1)
}

.content .rechargeVip .rechargeVip_list .newWid {
    width: 255px
}

.content .rechargeVip .rechargeVip_list .specialBlue {
    position: relative;
    width: 200px;
    border-radius: 16px
}

.content .rechargeVip .rechargeVip_list .specialBlue:hover {
    -webkit-box-shadow: 0 8px 16px 0 rgba(74, 144, 226, .1);
    box-shadow: 0 8px 16px 0 rgba(74, 144, 226, .1);
    margin-top: -12px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.content .rechargeVip .rechargeVip_list .specialBlue .giftPen {
    position: absolute;
    width: 220px;
    height: 110px;
    top: 245px;
    left: -20px
}

.content .rechargeVip .rechargeVip_list .specialBlue .giftTOP {
    position: absolute;
    width: 110px;
    height: 24px;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.content .rechargeVip .rechargeVip_list .specialBlue .giftGive {
    position: absolute;
    top: -15px;
    left: -1px;
    width: 144px;
    height: 30px
}

.content .rechargeVip .rechargeVip_list .specialBlue .vipPriceBox {
    position: absolute;
    left: 0;
    top: 150px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.content .rechargeVip .rechargeVip_list .specialBlue .vipPrice {
    margin: 0 auto;
    text-align: center;
    width: 112px;
    height: 24px;
    font-size: 14px;
    line-height: 24px;
    background: linear-gradient(135deg, #ffe9cc, #fff5ea);
    border-radius: 25px;
    font-weight: 400;
    color: #954f02
}

.content .rechargeVip .rechargeVip_list .specialBlue .vipPrice span {
    font-weight: 500;
    font-size: 16px
}

.content .rechargeVip .rechargeVip_list .specialBlue .activeOne_rp {
    height: 17px;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #96a4bb;
    line-height: 15px;
    position: relative;
    text-decoration: line-through
}

.content .rechargeVip .rechargeVip_list .specialBlue .activeOne_sp {
    width: 112px;
    height: 24px;
    line-height: 24px;
    background: rgba(255, 94, 82, .1);
    border-radius: 25px;
    text-align: center;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #ff5e52;
    margin: 5px auto 0
}

.content .rechargeVip .rechargeVip_list .specialBlue .giveTextOne,
.content .rechargeVip .rechargeVip_list .specialBlue .giveTextTwo {
    font-size: 14px;
    font-weight: 600;
    color: #fe4244;
    position: absolute;
    bottom: -65px;
    left: 73px;
    text-align: left;
    width: 200px
}

.content .rechargeVip .rechargeVip_list .specialBlue:last-child {
    border: none !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff4ec), to(#fffefd));
    background: linear-gradient(180deg, #fff4ec, #fffefd)
}

.content .rechargeVip .rechargeVip_list .specialBlue:last-child .backImg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.content .rechargeVip .rechargeVip_list .specialBlue:last-child .title {
    position: absolute;
    top: 33px;
    left: 50%;
    margin-top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.content .rechargeVip .rechargeVip_list .specialBlue:last-child .price {
    position: absolute;
    top: 76px;
    left: 35px
}

.content .rechargeVip .rechargeVip_list .specialBlue:last-child .money {
    position: absolute;
    top: -7px;
    left: 17px
}

.content .rechargeVip .rechargeVip_list .specialBlue:last-child .codeColor {
    background: #fe4244 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.content .rechargeVip .rechargeVip_list .specialBlue:nth-last-child(2) {
    border: none !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff4ec), to(#fffefd)) !important;
    background: linear-gradient(180deg, #fff4ec, #fffefd) !important
}

.content .rechargeVip .rechargeVip_list .specialBlue:nth-last-child(2) .backImg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.content .rechargeVip .rechargeVip_list .specialBlue:nth-last-child(2) .title {
    position: absolute;
    top: 33px;
    left: 50%;
    margin-top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.content .rechargeVip .rechargeVip_list .specialBlue:nth-last-child(2) .price {
    position: absolute;
    top: 76px;
    left: 35px
}

.content .rechargeVip .rechargeVip_list .specialBlue:nth-last-child(2) .money {
    position: absolute;
    top: -7px;
    left: 17px
}

.content .rechargeVip .rechargeVip_list .specialBlue:nth-last-child(2) .codeColor {
    background: #fe4244 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.content .rechargeVip .rechargeVip_list .droc {
    width: 100%;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #75809d;
    text-align: left
}

.content .rechargeVip .rechargeVip_list .droc .drocTipSty {
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #fe4244
}

.content .rechargeVip .interestsBox {
    padding: 0 43px;
    margin-top: 9px
}

.content .rechargeVip .interestsBox .interests {
    height: 33px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    width: 189px;
    margin: 0 auto
}

.content .rechargeVip .interestsBox .interests img {
    display: inline-block;
    width: 33px;
    height: 33px;
    margin: 0
}

.content .rechargeVip .interestsBox .interests .vipinter {
    width: 123px;
    text-align: center;
    display: inline-block;
    height: 33px;
    font-size: 24px;
    font-family: PingFangSC-Semibold, PingFang SC;
    color: #031b4d;
    line-height: 33px;
    margin: auto
}

.content .rechargeVip .interBoxs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 20px
}

.content .rechargeVip .interBoxs .interBox {
    width: 182px;
    height: 100px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #ebf0fd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.content .rechargeVip .interBoxs .interBox.interBox__shadow:hover {
    -webkit-box-shadow: 0 8px 16px 0 rgba(247, 216, 185, .2);
    box-shadow: 0 8px 16px 0 rgba(247, 216, 185, .2)
}

.content .rechargeVip .interBoxs .interBox .startop {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 19px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.content .rechargeVip .interBoxs .interBox .startop .icon-svg {
    width: 30px;
    height: 30px;
    margin-left: 15px;
    vertical-align: middle
}

.content .rechargeVip .interBoxs .interBox .startop .score {
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #031b4d;
    margin-left: 5px;
    vertical-align: middle
}

.content .rechargeVip .interBoxs .interBox .startop .scoret {
    font-style: normal;
    height: 30px;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #031b4d;
    line-height: 32px;
    text-align: left;
    vertical-align: middle;
    margin-left: 2px
}

.content .rechargeVip .interBoxs .interBox .twopart {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 31px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.content .rechargeVip .interBoxs .interBox .twopart .icon-svg {
    width: 34px;
    height: 34px;
    vertical-align: middle;
    margin: 0 0 0 auto
}

.content .rechargeVip .interBoxs .interBox .twopart .text {
    height: 34px;
    line-height: 34px;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #031b4d;
    vertical-align: middle;
    margin: 0 auto 0 5px
}

.content .rechargeVip .interBoxs .interBox .starText {
    margin-left: 50px;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #4f5f82;
    line-height: 17px;
    text-align: left
}

.content .rechargeVip .checkPower {
    float: right;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    text-align: right;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #031b4d;
    margin-top: 11px;
    cursor: pointer
}

.content .rechargeVip .studentDesText {
    width: 760px;
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #4f5f82;
    line-height: 20px;
    margin: 16px auto 0;
    padding-left: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.content .rechargeVip .studentsbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 87px;
    height: 430px;
    width: 760px;
    margin: 0 auto;
    font-family: PingFangSC-Regular, PingFang SC
}

.content .rechargeVip .studentsbox .stuPackage {
    width: 350px;
    height: 430px;
    background: #fff;
    border-radius: 16px;
    border: 1px solid #e0e5ed;
    margin: 0 auto;
    padding-top: 42px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    -webkit-transition: all .6s ease;
    transition: all .6s ease
}

.content .rechargeVip .studentsbox .stuPackage .sign {
    position: absolute;
    top: -10px;
    left: -1px;
    height: 30px;
    text-align: center;
    padding: 0 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: -webkit-gradient(linear, left top, right top, from(#ff876d), to(#ff386a));
    background: linear-gradient(90deg, #ff876d, #ff386a);
    border-radius: 16px 0 16px 0;
    font-size: 13px;
    line-height: 30px;
    font-weight: 500;
    color: #fff
}

.content .rechargeVip .studentsbox .stuPackage .sign .vip_font_w,
.content .rechargeVip .studentsbox .stuPackage .sign span {
    font-size: 18px
}

.content .rechargeVip .studentsbox .stuPackage .title {
    height: 33px;
    font-size: 24px;
    font-weight: 500;
    color: #031b4d;
    line-height: 33px;
    text-align: center
}

.content .rechargeVip .studentsbox .stuPackage .price {
    font-size: 16px;
    font-weight: 400;
    color: #031b4d;
    margin-top: 8px;
    text-align: center
}

.content .rechargeVip .studentsbox .stuPackage .stuMoney {
    font-size: 44px;
    font-weight: 600;
    color: #031b4d;
    line-height: 62px;
    display: inline-block
}

.content .rechargeVip .studentsbox .stuPackage .stuOprice {
    font-size: 16px;
    font-weight: 400;
    padding: 0 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #96a4bb;
    text-decoration: line-through;
    margin-left: 2px
}

.content .rechargeVip .studentsbox .stuPackage .onePageMoney {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    font-size: 28px;
    font-weight: 600;
    color: #031b4d;
    line-height: 40px;
    margin-left: 2px
}

.content .rechargeVip .studentsbox .stuPackage .stuBuy {
    margin: 14px auto 24px;
    width: 280px;
    height: 48px;
    line-height: 48px;
    background: #3f66ff;
    border-radius: 8px;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    cursor: pointer
}

.content .rechargeVip .studentsbox .stuPackage .grey {
    background: rgba(63, 102, 255, .5)
}

.content .rechargeVip .studentsbox .stuPackage .des {
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #3f66ff;
    line-height: 20px;
    text-align: center;
    width: 280px;
    position: relative;
    margin: 0 auto 8px
}

.content .rechargeVip .studentsbox .stuPackage .des .desleft {
    position: absolute;
    top: 9px;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 70px;
    height: 1px;
    border: 1px solid;
    -o-border-image: linear-gradient(297deg, #3f66ff, #fff) 1 1;
    border-image: linear-gradient(297deg, #3f66ff, #fff) 1 1
}

.content .rechargeVip .studentsbox .stuPackage .des .desleft:after {
    position: absolute;
    right: -9px;
    top: -2px;
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    background-color: #3f66ff;
    border-radius: 50%
}

.content .rechargeVip .studentsbox .stuPackage .des .desright {
    width: 70px;
    position: absolute;
    top: 9px;
    right: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 1px;
    border: 1px solid;
    -o-border-image: linear-gradient(90deg, #3f66ff, #fff) 1 1;
    border-image: -webkit-gradient(linear, left top, right top, from(#3f66ff), to(#fff)) 1 1;
    border-image: linear-gradient(90deg, #3f66ff, #fff) 1 1
}

.content .rechargeVip .studentsbox .stuPackage .des .desright:after {
    position: absolute;
    left: -9px;
    top: -2px;
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    background-color: #3f66ff;
    border-radius: 50%
}

.content .rechargeVip .studentsbox .stuPackage .sline {
    height: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 35px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.content .rechargeVip .studentsbox .stuPackage .sline .left {
    height: 30px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #4f5f82;
    line-height: 30px
}

.content .rechargeVip .studentsbox .stuPackage .sline .circulars {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 5px
}

.content .rechargeVip .studentsbox .stuPackage .sline .circulars .iconjiesuanxuanzhong {
    display: inline-block;
    font-size: 16px;
    color: #3f66ff;
    position: absolute;
    margin: -3px auto auto 2px
}

.content .rechargeVip .studentsbox .stuPackage:hover {
    margin-top: -10px;
    -webkit-box-shadow: 0 8px 16px 0 rgba(74, 144, 226, .1);
    box-shadow: 0 8px 16px 0 rgba(74, 144, 226, .1);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.content .companymar {
    padding-top: 110px
}

.content .company {
    width: 100%;
    text-align: center
}

.content .company .companyBox {
    width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 70px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.content .company .edition {
    width: 280px;
    height: 520px;
    background: #fff;
    -webkit-box-shadow: 0 6px 30px 0 rgba(3, 27, 77, .05);
    box-shadow: 0 6px 30px 0 rgba(3, 27, 77, .05);
    border-radius: 12px 12px 8px 8px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left
}

.content .company .edition.try .top_img {
    background: url(/static/images/active.515f588d.png) no-repeat 100%;
    background-size: 100%
}

.content .company .edition.try .active_msg {
    position: absolute;
    top: 30px;
    right: 0;
    display: inline-block;
    width: 110px;
    height: 30px;
    line-height: 30px;
    padding-left: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    color: #fff;
    background: url(data:image/png;base64,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) no-repeat 100%;
    background-size: 100%
}

.content .company .edition.notry .top_img {
    background: url(/static/images/noActive.65d10209.png) no-repeat 100%;
    background-size: 100%
}

.content .company .edition.notry .tryTest {
    background: #3f66ff
}

.content .company .edition .active_msg {
    display: none
}

.content .company .edition .top_img {
    padding: 30px 20px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 220px;
    width: 100%
}

.content .company .edition .edi_title {
    height: 40px;
    font-size: 28px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    color: #031b4d;
    line-height: 40px
}

.content .company .edition .edi_title_des {
    height: 44px;
    margin-top: 20px;
    font-size: 14px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    color: #4f5f82;
    line-height: 22px
}

.content .company .edition .edi_money {
    height: 42px;
    font-size: 28px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 600;
    color: #031b4d;
    line-height: 42px;
    text-align: center;
    margin-top: 30px
}

.content .company .edition .edi_money span {
    font-size: 15px
}

.content .company .edition .tryTest {
    color: #fff;
    background: linear-gradient(136deg, #ffb3ac, #ff4d79 44%, #e2508a 74%, #ab93eb);
    border-radius: 8px
}

.content .company .edition .tryTest,
.content .company .edition .tryTest_no {
    font-size: 16px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    width: 240px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    cursor: pointer;
    margin: 26px auto 30px
}

.content .company .edition .tryTest_no {
    border-radius: 8px;
    border: 1px solid #3f66ff;
    color: #3f66ff
}

.content .company .edition .edi_advantage {
    height: 20px;
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 600;
    color: #031b4d;
    line-height: 20px;
    margin-left: 20px;
    margin-bottom: 10px
}

.content .company .edition .edi_advantage_des {
    height: 20px;
    font-size: 14px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    color: #4f5f82;
    line-height: 20px;
    position: relative;
    padding-left: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 20px;
    margin-bottom: 8px
}

.content .company .edition .edi_advantage_des:last-child {
    margin-bottom: 0
}

.content .company .edition .edi_advantage_des:before {
    content: "";
    width: 4px;
    height: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    position: absolute;
    background-color: #4f5f82;
    left: 0;
    top: 8px
}

.content .company .edition.package1 {
    background: url(/static/images/Package1.b9ffdb19.png) no-repeat 100%;
    background-size: 100%
}

.content .company .edition.package2 {
    background: url(/static/images/Package2.3e23236b.png) no-repeat 100%;
    background-size: 100%
}

.content .company .edition.package3 {
    background: url(/static/images/Package3.c857f802.png) no-repeat 100%;
    background-size: 100%
}

.content .company .tool_power {
    width: 1200px;
    border-radius: 12px;
    border: 1px solid #eff2f7;
    margin: 0 auto 160px
}

.content .company .tool_power .title_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.content .company .tool_power .title_list span {
    display: inline-block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 95px;
    line-height: 95px;
    text-align: center;
    font-size: 18px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 600;
    color: #031b4d;
    border-right: 1px solid #eff2f7
}

.content .company .tool_power .title_list span:last-child {
    border-right: none
}

.content .company .tool_power .title_list .js {
    padding-top: 33px;
    font-size: 20px;
    font-family: PingFangSC-Medium, PingFang SC;
    color: #031b4d;
    line-height: normal
}

.content .company .tool_power .blue_title,
.content .company .tool_power .title_list .js {
    text-align: left;
    padding-left: 30px;
    font-weight: 600;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.content .company .tool_power .blue_title {
    width: 100%;
    height: 56px;
    line-height: 56px;
    background: rgba(63, 102, 255, .04);
    font-size: 18px;
    font-family: PingFangSC, PingFang SC;
    color: #3f66ff;
    position: relative
}

.content .company .tool_power .blue_title:before {
    position: absolute;
    left: 60px;
    top: 56px;
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 11px solid rgba(63, 102, 255, .04)
}

.content .company .tool_power .tool_choose {
    width: 100%
}

.content .company .tool_power .tool_choose .table_line {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #eff2f7
}

.content .company .tool_power .tool_choose .table_line:last-child {
    border-bottom: none
}

.content .company .tool_power .tool_choose .table_line .table_span {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    height: 50px;
    line-height: 50px;
    border-right: 1px solid #eff2f7;
    color: #031b4d;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 600
}

.content .company .tool_power .tool_choose .table_line .table_span:last-child {
    border-right: none
}

.content .company .tool_power .tool_choose .table_line .table_span:first-child {
    font-size: 14px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    color: #4f5f82;
    text-align: left;
    padding-left: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.content .company .tool_power .tool_choose .table_line .table_span .iconzhichi {
    font-size: 10px;
    color: #3f66ff;
    font-weight: 500
}

.content .company .tool_power .tool_choose .table_line .table_span .iconguanbi {
    font-size: 11px;
    color: #d4d9e2;
    font-weight: 600
}

.content .developermar {
    padding-top: 45px
}

.content .developer .bacTop {
    height: 480px;
    margin: 0 auto;
    background: url(/static/images/Packagetop.37eb1e2c.png) no-repeat;
    background-size: cover;
    background-position: center 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.content .developer .bacTop .developInpupt {
    width: 1200px;
    padding-top: 146px;
    margin: 0 auto
}

.content .developer .bacTop .developInpupt .title1 {
    height: 62px;
    font-size: 44px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #031b4d;
    line-height: 62px
}

.content .developer .bacTop .developInpupt .title2 {
    height: 24px;
    font-size: 24px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #4f5f82;
    line-height: 24px;
    margin-top: 22px
}

.content .developer .bacTop .developInpupt .title2 span {
    display: inline-block;
    width: 2px;
    height: 20px;
    background: #b6bed2;
    border-radius: 3px;
    margin: 0 16px
}

.content .developer .bacTop .developInpupt .devInput {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 63px
}

.content .developer .bacTop .developInpupt .devInput .youPhone {
    display: inline-block;
    width: 320px;
    height: 52px;
    line-height: 52px;
    background: #fff;
    -webkit-box-shadow: 0 4px 14px 0 rgba(63, 102, 255, .08);
    box-shadow: 0 4px 14px 0 rgba(63, 102, 255, .08);
    border-radius: 2px;
    padding: 0 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px;
    color: #4f5f82
}

.content .developer .bacTop .developInpupt .devInput .youPhone::-webkit-input-placeholder {
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #9cabc1;
    line-height: 55px
}

.content .developer .bacTop .developInpupt .devInput .youPhone::-moz-placeholder {
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #9cabc1;
    line-height: 55px
}

.content .developer .bacTop .developInpupt .devInput .youPhone:-ms-input-placeholder {
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #9cabc1;
    line-height: 55px
}

.content .developer .bacTop .developInpupt .devInput .youPhone::-ms-input-placeholder {
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #9cabc1;
    line-height: 55px
}

.content .developer .bacTop .developInpupt .devInput .youPhone::placeholder {
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #9cabc1;
    line-height: 55px
}

.content .developer .bacTop .developInpupt .devInput .developBtn1 {
    background: #3f66ff;
    border-radius: 4px;
    color: #fff;
    margin-left: 30px
}

.content .developer .bacTop .developInpupt .devInput .developBtn1,
.content .developer .bacTop .developInpupt .devInput .developBtn2 {
    display: inline-block;
    width: 132px;
    height: 52px;
    line-height: 52px;
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    text-align: center;
    cursor: pointer
}

.content .developer .bacTop .developInpupt .devInput .developBtn2 {
    background: #f4f6ff;
    border-radius: 4px;
    border: 1px solid #3f66ff;
    color: #3f66ff;
    margin-left: 20px
}

.content .developer .developContent .ho_title {
    height: 56px;
    font-size: 40px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #031b4d;
    line-height: 56px;
    text-align: center;
    display: inline-block;
    width: 100%
}

.content .developer .developContent .title_des {
    height: 22px;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #4f5f82;
    line-height: 22px;
    margin-top: 10px;
    width: 100%;
    text-align: center
}

.content .developer .developContent .advantage {
    padding-top: 70px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.content .developer .developContent .advantage_t {
    width: 1160px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 60px auto 0
}

.content .developer .developContent .advantage_t .advantage_box {
    width: 212px;
    text-align: center
}

.content .developer .developContent .advantage_t .advantage_box:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.content .developer .developContent .advantage_t .advantage_box .adv_img {
    width: 100%;
    height: 100px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.content .developer .developContent .advantage_t .advantage_box .adv_img img {
    margin: auto;
    width: 108px;
    height: 100px;
    -webkit-transition: all .4s;
    transition: all .4s
}

.content .developer .developContent .advantage_t .advantage_box .adv_ti {
    height: 30px;
    font-size: 22px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #031b4d;
    line-height: 30px;
    margin-top: 20px
}

.content .developer .developContent .advantage_t .advantage_box .adv_des {
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #4f5f82;
    line-height: 22px;
    margin-top: 20px
}

.content .developer .developContent .product_package {
    width: 1160px;
    margin: 0 auto
}

.content .developer .developContent .product_package .pack_header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: 82px;
    margin-bottom: 39px
}

.content .developer .developContent .product_package .pack_header .hot_icon {
    width: 26px;
    height: 33px;
    margin-right: 9px
}

.content .developer .developContent .product_package .pack_header .hot_icon img {
    width: 100%;
    height: 100%
}

.content .developer .developContent .product_package .pack_header .hot_text {
    height: 24px;
    font-size: 24px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #031b4d;
    line-height: 24px
}

.content .developer .developContent .product_package .pack_body .pack_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.content .developer .developContent .product_package .pack_body .pack_list .pack_card_item {
    position: relative;
    width: 366px;
    height: 441px;
    background: -webkit-gradient(linear, left top, left bottom, from(#f9faff), to(#fff));
    background: linear-gradient(180deg, #f9faff, #fff);
    -webkit-box-shadow: 0 0 16px 0 rgba(19, 109, 249, .1);
    box-shadow: 0 0 16px 0 rgba(19, 109, 249, .1);
    border-radius: 8px;
    border: 2px solid;
    -o-border-image: linear-gradient(180deg, #fff, #fff) 2 2;
    border-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 2 2;
    border-image: linear-gradient(180deg, #fff, #fff) 2 2
}

.content .developer .developContent .product_package .pack_body .pack_list .pack_card_item .card_cover {
    position: absolute;
    right: 0;
    top: 0;
    width: 148px;
    height: 179.48px
}

.content .developer .developContent .product_package .pack_body .pack_list .pack_card_item .card_cover img {
    width: 100%;
    height: 100%
}

.content .developer .developContent .product_package .pack_body .pack_list .pack_card_item .card_header {
    position: absolute;
    top: 23px;
    left: 24px;
    right: 22px
}

.content .developer .developContent .product_package .pack_body .pack_list .pack_card_item .card_header .card_header_tit {
    font-size: 24px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #031b4d
}

.content .developer .developContent .product_package .pack_body .pack_list .pack_card_item .card_header .card_header_des {
    margin-top: 11px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #4f5f82;
    line-height: 22px
}

.content .developer .developContent .product_package .pack_body .pack_list .pack_card_item .card_body {
    position: absolute;
    top: 185px;
    left: 24px
}

.content .developer .developContent .product_package .pack_body .pack_list .pack_card_item .card_body .card_body_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px
}

.content .developer .developContent .product_package .pack_body .pack_list .pack_card_item .card_body .card_body_item .label {
    width: 58px;
    text-align: left;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #96a4bb;
    line-height: 22px
}

.content .developer .developContent .product_package .pack_body .pack_list .pack_card_item .card_body .card_body_item .value {
    margin-left: 30px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #031b4d;
    line-height: 22px
}

.content .developer .developContent .product_package .pack_body .pack_list .pack_card_item .card_body .card_body_item:last-child {
    margin-bottom: 0
}

.content .developer .developContent .product_package .pack_body .pack_list .pack_card_item .card_body .card_body_item:last-child .value {
    margin-left: 27px;
    font-size: 18px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #ff5e52;
    line-height: 22px
}

.content .developer .developContent .product_package .pack_body .pack_list .pack_card_item .card_footer {
    position: absolute;
    bottom: 24px;
    left: 23px;
    right: 23px
}

.content .developer .developContent .product_package .pack_body .pack_list .pack_card_item .card_footer .card_footer_btn {
    width: 320px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: #f4f6ff;
    border-radius: 2px;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #3f66ff;
    cursor: pointer
}

.content .developer .developContent .product_package .pack_body .pack_list .pack_card_item .card_footer .card_footer_btn:hover {
    color: #fff;
    background: #3f66ff
}

.content .developer .developContent .product_package .pack_body .pack_list .pack_card_item:nth-child(n+4) {
    margin-top: 31px
}

.content .developer .developContent .product_package .pack_footer {
    margin-top: 40px;
    text-align: center
}

.content .developer .developContent .product_package .pack_footer .pack_footer_more {
    display: inline-block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    background: #fff;
    border-radius: 22px;
    border: 1px solid #e0e5ed;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #4f5f82;
    cursor: pointer
}

.content .developer .developContent .product_package .pack_footer .pack_footer_more .iconfont {
    color: #4f5f82
}

.content .developer .developContent .saas {
    margin-top: 119px
}

.content .developer .developContent .saas .saas_back {
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9faff));
    background: linear-gradient(180deg, #fff, #f9faff)
}

.content .developer .developContent .saas .saas_t {
    width: 1160px;
    margin: 0 auto;
    padding-top: 61px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.content .developer .developContent .saas .saas_t .saas_box {
    width: 550px;
    height: 254px;
    background: #fff;
    -webkit-box-shadow: 0 0 16px 0 rgba(19, 109, 249, .08);
    box-shadow: 0 0 16px 0 rgba(19, 109, 249, .08);
    border-radius: 4px;
    position: relative;
    padding: 19px 29px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.content .developer .developContent .saas .saas_t .saas_box .saas_transf {
    height: 214px;
    position: relative
}

.content .developer .developContent .saas .saas_t .saas_box .saas_d {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 290px;
    height: 208px
}

.content .developer .developContent .saas .saas_t .saas_box .saas_imgdiv {
    width: 73px;
    height: 73px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.content .developer .developContent .saas .saas_t .saas_box .saas_img {
    width: 73px;
    height: 73px;
    display: inline-block
}

.content .developer .developContent .saas .saas_t .saas_box .saas_title {
    padding-left: 11px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 10px;
    font-size: 24px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #031b4d;
    line-height: 33px;
    z-index: 1
}

.content .developer .developContent .saas .saas_t .saas_box .saas_des {
    position: absolute;
    left: 0;
    top: 135px;
    height: 76px;
    width: 470px;
    padding-left: 11px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #031b4d;
    line-height: 20px;
    z-index: 1
}

.content .developer .developContent .saas .saas_t .saas_box .saas_bot_list {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    font-size: 16px;
    padding-left: 166px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    display: none;
    position: absolute;
    bottom: 1px;
    left: 0
}

.content .developer .developContent .saas .saas_t .saas_box .saas_bot_list .api_btn1s {
    width: 112px;
    height: 40px;
    line-height: 40px;
    background: #3f66ff;
    border-radius: 2px;
    color: #fff;
    cursor: pointer
}

.content .developer .developContent .saas .saas_t .saas_box .saas_bot_list .api_btn2s {
    width: 112px;
    height: 40px;
    line-height: 38px;
    background: #f4f6ff;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #3f66ff;
    color: #3f66ff;
    margin-left: 20px;
    cursor: pointer
}

.content .developer .developContent .trans_server {
    background: #f9faff;
    padding-top: 90px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.content .developer .developContent .trans_ser_bo {
    width: 1160px;
    margin: 0 auto;
    padding-top: 65px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.content .developer .developContent .trans_ser_bo .trnas_line {
    padding: 0 10px;
    border-bottom: 1px solid #e0e5ed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.content .developer .developContent .trans_ser_bo .trnas_line .api_ce {
    width: 80px;
    height: 93px;
    position: relative;
    cursor: pointer
}

.content .developer .developContent .trans_ser_bo .trnas_line .api_ce .api_img {
    margin-left: 18px;
    width: 44px;
    height: 44px;
    display: inline-block
}

.content .developer .developContent .trans_ser_bo .trnas_line .api_ce .t_text {
    width: 100%;
    display: inline-block;
    margin-top: 5px;
    font-size: 16px;
    text-align: center;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #031b4d;
    line-height: 22px
}

.content .developer .developContent .trans_ser_bo .trnas_line .api_ce:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 80px;
    height: 2px;
    background: transparent;
    display: block
}

.content .developer .developContent .trans_ser_bo .trnas_line .api_ce.active .t_text,
.content .developer .developContent .trans_ser_bo .trnas_line .api_ce:hover .t_text {
    color: #3f66ff
}

.content .developer .developContent .trans_ser_bo .trnas_line .api_ce.active:after {
    background: #3f66ff
}

.content .developer .developContent .trans_ser_bo .trnas_content_bot {
    padding-top: 29px;
    padding-bottom: 91px;
    height: 385px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.content .developer .developContent .trans_ser_bo .trnas_content_bot .trnas_cont {
    height: 265px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.content .developer .developContent .trans_ser_bo .trnas_content_bot .trnas_cont.hide {
    display: none
}

.content .developer .developContent .trans_ser_bo .trnas_content_bot .api_detail {
    height: 264px;
    padding-left: 11px;
    padding-top: 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.content .developer .developContent .trans_ser_bo .trnas_content_bot .api_detail .api_title {
    height: 28px;
    font-size: 20px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #031b4d;
    line-height: 28px
}

.content .developer .developContent .trans_ser_bo .trnas_content_bot .api_detail .api_des {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #4f5f82;
    line-height: 22px;
    margin-top: 10px;
    width: 655px
}

.content .developer .developContent .trans_ser_bo .trnas_content_bot .api_detail .api_li {
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #031b4d;
    margin-top: 30px
}

.content .developer .developContent .trans_ser_bo .trnas_content_bot .api_detail .api_li .a_li {
    line-height: 24px;
    padding-left: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.content .developer .developContent .trans_ser_bo .trnas_content_bot .api_detail .api_li .a_li:before {
    content: "";
    width: 4px;
    height: 4px;
    display: inline-block;
    background-color: #3f66ff;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 10px
}

.content .developer .developContent .trans_ser_bo .trnas_content_bot .api_detail .api_bot {
    margin-top: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    position: absolute;
    bottom: 1px;
    left: 0;
    display: none
}

.content .developer .developContent .trans_ser_bo .trnas_content_bot .api_detail .api_bot .api_btn1 {
    width: 112px;
    height: 40px;
    line-height: 40px;
    background: #3f66ff;
    border-radius: 2px;
    color: #fff;
    margin-right: 21px;
    cursor: pointer
}

.content .developer .developContent .trans_ser_bo .trnas_content_bot .api_detail .api_bot .api_btn2 {
    width: 112px;
    height: 40px;
    line-height: 40px;
    background: #f4f6ff;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #3f66ff;
    color: #3f66ff;
    cursor: pointer
}

.content .developer .developContent .trans_ser_bo .trnas_content_bot .api_detial_img {
    width: 400px;
    height: 265px
}

.content .developer .developContent .trans_ser_bo .trnas_content_bot .api_detial_img img {
    width: 400px;
    height: 265px;
    border-radius: 4px
}

.content .developer .developContent .software {
    width: 1160px;
    margin: 0 auto;
    padding-top: 89px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.content .developer .developContent .software .software_a {
    padding-top: 60px;
    padding-bottom: 26px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.content .developer .developContent .software .software_a .softwaretitle {
    font-size: 24px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #031b4d;
    line-height: 33px
}

.content .developer .developContent .software .software_a .software_det {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 10px
}

.content .developer .developContent .software .software_a .software_det .software_des {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #031b4d;
    line-height: 22px
}

.content .developer .developContent .software .software_a .software_det .software_btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    width: 244px;
    display: none
}

.content .developer .developContent .software .software_a .software_det .software_btn .sf_btn1 {
    width: 112px;
    height: 40px;
    line-height: 40px;
    background: #3f66ff;
    border-radius: 2px;
    color: #fff;
    cursor: pointer
}

.content .developer .developContent .software .software_a .software_det .software_btn .sf_btn2 {
    width: 112px;
    height: 40px;
    line-height: 38px;
    background: #f4f6ff;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #3f66ff;
    color: #3f66ff;
    margin-left: 21px;
    cursor: pointer
}

.content .developer .developContent .software .sf_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 30px;
    padding-right: 111px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 272px;
    background: #f9faff;
    border-radius: 8px
}

.content .developer .developContent .software .sf_box .sf_line {
    width: 465px;
    font-family: PingFangSC-Medium, PingFang SC;
    margin-bottom: 24px
}

.content .developer .developContent .software .sf_box .sf_line .sf_title {
    padding-left: 65px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 500;
    color: #031b4d;
    line-height: 22px;
    position: relative
}

.content .developer .developContent .software .sf_box .sf_line .sf_title i {
    position: absolute;
    top: 1px;
    left: 34px;
    color: #3f66ff;
    font-size: 7px
}

.content .developer .developContent .software .sf_box .sf_line .sf_des {
    padding-left: 65px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #4f5f82;
    line-height: 20px;
    margin-top: 10px
}

.content .developer .developContent .solve {
    padding-top: 90px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.content .developer .developContent .solve .trans_ser_bo_s {
    width: 1160px;
    margin: 0 auto;
    padding-top: 65px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 95px
}

.content .developer .developContent .solve .trans_ser_bo_s .trnas_line {
    padding: 0 10px;
    border-bottom: 1px solid #e0e5ed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.content .developer .developContent .solve .trans_ser_bo_s .trnas_line .api_ch {
    padding: 0 20px;
    height: 44px;
    position: relative;
    cursor: pointer
}

.content .developer .developContent .solve .trans_ser_bo_s .trnas_line .api_ch .api_img {
    margin-left: 18px;
    width: 44px;
    height: 44px;
    display: inline-block
}

.content .developer .developContent .solve .trans_ser_bo_s .trnas_line .api_ch .t_text {
    width: 100%;
    display: inline-block;
    text-align: center;
    height: 22px;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #4f5f82;
    line-height: 22px
}

.content .developer .developContent .solve .trans_ser_bo_s .trnas_line .api_ch:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: transparent;
    display: block
}

.content .developer .developContent .solve .trans_ser_bo_s .trnas_line .api_ch.active .t_text,
.content .developer .developContent .solve .trans_ser_bo_s .trnas_line .api_ch:hover .t_text {
    color: #3f66ff
}

.content .developer .developContent .solve .trans_ser_bo_s .trnas_line .api_ch.active:after {
    background: #3f66ff
}

.content .developer .developContent .solve .trans_ser_bo_s .trnas_content_bot {
    padding-top: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 196px
}

.content .developer .developContent .solve .trans_ser_bo_s .trnas_content_bot .trnas_content_box {
    height: 166px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.content .developer .developContent .solve .trans_ser_bo_s .trnas_content_bot .trnas_content_box.hide {
    display: none
}

.content .developer .developContent .solve .trans_ser_bo_s .trnas_content_bot .api_detail {
    height: 166px;
    padding-left: 11px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.content .developer .developContent .solve .trans_ser_bo_s .trnas_content_bot .api_detail .api_title {
    height: 44px;
    font-size: 24px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #031b4d;
    line-height: 44px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.content .developer .developContent .solve .trans_ser_bo_s .trnas_content_bot .api_detail .api_title img {
    width: 44px;
    height: 44px;
    margin-right: 16px
}

.content .developer .developContent .solve .trans_ser_bo_s .trnas_content_bot .api_detail .api_des {
    width: 547px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #031b4d;
    line-height: 22px;
    margin-top: 25px
}

.content .developer .developContent .solve .trans_ser_bo_s .trnas_content_bot .api_detial_img {
    width: 400px;
    height: 166px;
    padding-top: 6px
}

.content .developer .developContent .solve .trans_ser_bo_s .trnas_content_bot .api_detial_img img {
    width: 400px;
    height: 160px;
    border-radius: 4px
}

.content .developer .developContent .solve .trans_ser_bo_s .scroll_box_fa {
    position: relative
}

.content .developer .developContent .solve .trans_ser_bo_s .scroll_box {
    margin-top: 36px;
    padding: 16px;
    overflow-x: scroll;
    overflow-y: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.content .developer .developContent .solve .trans_ser_bo_s .scroll_box::-webkit-scrollbar {
    display: none
}

.content .developer .developContent .solve .trans_ser_bo_s .scroll_box .sc_box {
    width: 320px;
    height: 160px;
    margin-right: 20px;
    background: -webkit-gradient(linear, left top, left bottom, from(#f9faff), to(#fff));
    background: linear-gradient(180deg, #f9faff, #fff);
    -webkit-box-shadow: 0 0 16px 0 rgba(19, 109, 249, .1);
    box-shadow: 0 0 16px 0 rgba(19, 109, 249, .1);
    border-radius: 8px;
    border: 2px solid;
    -o-border-image: linear-gradient(180deg, #fff, #fff) 2 2;
    border-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 2 2;
    border-image: linear-gradient(180deg, #fff, #fff) 2 2;
    padding: 30px 31px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .5s;
    transition: .5s;
    cursor: pointer
}

.content .developer .developContent .solve .trans_ser_bo_s .scroll_box .sc_box:last-child {
    margin-right: 0
}

.content .developer .developContent .solve .trans_ser_bo_s .scroll_box .sc_box .sc_title {
    height: 24px;
    font-size: 16px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #031b4d;
    line-height: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.content .developer .developContent .solve .trans_ser_bo_s .scroll_box .sc_box .sc_title .iconfont {
    color: #3f66ff;
    font-size: 24px;
    margin: auto 6px auto 0
}

.content .developer .developContent .solve .trans_ser_bo_s .scroll_box .sc_box .sc_des {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #4f5f82;
    line-height: 22px;
    margin-top: 11px;
    width: 254px
}

.content .developer .developContent .solve .trans_ser_bo_s .scroll_box .money_box1_act2 {
    -webkit-transform: translateX(-210px);
    transform: translateX(-210px);
    -webkit-transition: .5s;
    transition: .5s
}

.content .developer .developContent .solve .trans_ser_bo_s .scroll_box .money_box1_act1 {
    -webkit-transform: translateX(-195px);
    transform: translateX(-195px);
    -webkit-transition: .4s;
    transition: .4s
}

.content .developer .developContent .solve .trans_ser_bo_s .btn_you {
    position: absolute;
    width: 125px;
    height: 200px;
    background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), to(#fff));
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff);
    right: 0;
    top: -4px
}

.content .developer .developContent .solve .trans_ser_bo_s .btn_you .jian_right {
    position: absolute;
    right: 5px;
    top: 74px;
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-radius: 50%;
    background: #fff;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1);
    cursor: pointer
}

.content .developer .developContent .solve .trans_ser_bo_s .btn_you .jian_right .iconyoujian {
    margin: auto;
    font-size: 10px;
    font-weight: 600;
    color: #000
}

.content .developer .developContent .solve .trans_ser_bo_s .btn_zuo {
    position: absolute;
    width: 125px;
    height: 200px;
    background: -webkit-gradient(linear, right top, left top, from(hsla(0, 0%, 100%, 0)), to(#fff));
    background: linear-gradient(270deg, hsla(0, 0%, 100%, 0), #fff);
    left: 0;
    top: -4px;
    display: none
}

.content .developer .developContent .solve .trans_ser_bo_s .btn_zuo .jian_right {
    position: absolute;
    left: 5px;
    top: 74px;
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-radius: 50%;
    background: #fff;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1);
    cursor: pointer
}

.content .developer .developContent .solve .trans_ser_bo_s .btn_zuo .jian_right .iconyoujian {
    margin: auto;
    font-size: 10px;
    font-weight: 600;
    color: #000;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.common-shadow-bg-consult {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000
}

.log_pop {
    width: 960px;
    background: #fff;
    height: 600px;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.log_pop .left_img {
    width: 450px;
    height: 601px;
    background: url(/static/images/pop_img.61389d8b.png) 50% no-repeat;
    background-size: cover
}

.log_pop .right_form {
    width: 510px;
    font-family: PingFangSC-Regular, PingFang SC
}

.log_pop .right_form .close {
    color: #909399;
    position: absolute;
    right: 20px;
    top: 15px;
    cursor: pointer
}

.log_pop .right_form .close img {
    width: 10px;
    height: 10px
}

.log_pop .right_form .title {
    font-size: 24px;
    color: #303133;
    font-weight: 500;
    margin-top: 22px;
    text-align: center
}

.log_pop .right_form .tips {
    font-size: 14px;
    color: #909399;
    text-align: center;
    letter-spacing: 1px
}

.log_pop .right_form .content {
    margin-left: 44px;
    margin-top: 13px;
    margin-right: 50px
}

.log_pop .right_form .submit_btn {
    height: 48px;
    width: 409px;
    background: #3f66ff;
    border-radius: 6px;
    margin: 20px auto 0;
    line-height: 48px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    cursor: pointer
}

.log_pop .mar20 {
    margin-top: 20px
}

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

.lines .left {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 400;
    color: #303133
}

.lines .left .star {
    display: inline-block;
    width: 6.38px;
    vertical-align: middle;
    color: #fe4244
}

.lines .inputv {
    width: 292px;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 400;
    color: #303133;
    padding: 0 12px;
    border: 1px solid #dcdfe6;
    font-size: 14px
}

.lines .inputv.newwidth {
    width: 327px
}

.lines input:focus,
.lines textarea:focus {
    border-radius: 4px;
    border: 1px solid #3f66ff
}

.lines .inputSelect {
    width: 292px;
    height: 40px;
    line-height: 40px
}

.lines .inputSelect input {
    border: 1px solid #d5d8de;
    border-radius: 4px
}

.lines .inputSelect .el-select__caret,
.lines .inputSelect input {
    height: 40px;
    line-height: 40px
}

.lines .remark {
    height: 110px;
    border-radius: 4px;
    border: 1px solid #d5d8de;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #303133;
    padding: 0 12px;
    resize: none;
    overflow-y: hidden
}

.lines .textarea_box {
    position: relative
}

.lines .textarea_box div {
    position: absolute;
    right: 10px;
    bottom: 6px;
    color: #909399;
    font-size: 12px
}

.el-input__inner {
    padding: 0 12px !important
}

.el-input__inner::-webkit-input-placeholder {
    color: #c0c4cb !important;
    font-size: 14px !important;
    font-weight: 400 !important
}

.el-input__inner::-moz-placeholder {
    color: #c0c4cb !important;
    font-size: 14px !important;
    font-weight: 400 !important
}

.el-input__inner:-ms-input-placeholder {
    color: #c0c4cb !important;
    font-size: 14px !important;
    font-weight: 400 !important
}

.el-input__inner::-ms-input-placeholder {
    color: #c0c4cb !important;
    font-size: 14px !important;
    font-weight: 400 !important
}

.el-input__inner::placeholder {
    color: #c0c4cb !important;
    font-size: 14px !important;
    font-weight: 400 !important
}

.el-select .el-input.is-focus .el-input__inner {
    border: 1px solid #3f66ff !important
}

input::-webkit-input-placeholder {
    color: #c0c4cb !important;
    font-size: 14px !important
}

input::-moz-placeholder {
    color: #c0c4cb !important;
    font-size: 14px !important
}

input:-ms-input-placeholder {
    color: #c0c4cb !important;
    font-size: 14px !important
}

input::-ms-input-placeholder {
    color: #c0c4cb !important;
    font-size: 14px !important
}

input::placeholder {
    color: #c0c4cb !important;
    font-size: 14px !important
}

textarea::-webkit-input-placeholder {
    color: #c0c4cb !important;
    font-size: 14px !important
}

textarea::-moz-placeholder {
    color: #c0c4cb !important;
    font-size: 14px !important
}

textarea:-ms-input-placeholder {
    color: #c0c4cb !important;
    font-size: 14px !important
}

textarea::-ms-input-placeholder {
    color: #c0c4cb !important;
    font-size: 14px !important
}

textarea::placeholder {
    color: #c0c4cb !important;
    font-size: 14px !important
}

.el-select-dropdown__item.selected {
    color: #3f66ff !important
}

.success_pop {
    font-family: PingFangSC-Regular, PingFang SC;
    width: 422px;
    background: #fff;
    height: 160px;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 4px
}

.success_pop .close {
    font-size: 18px;
    color: #909399;
    position: absolute;
    right: 15px;
    top: 5px;
    cursor: pointer
}

.success_pop .close img {
    width: 10px;
    height: 10px
}

.success_pop .success_text {
    color: #303133;
    font-size: 18px;
    margin-top: 30px;
    margin-left: 15px;
    margin-bottom: 10px
}

.success_pop .text {
    color: #606266;
    font-size: 14px;
    margin-left: 15px;
    margin-bottom: 30px
}

.success_pop .index_btn {
    width: 90px;
    height: 32px;
    background: #3f66ff;
    line-height: 32px;
    text-align: center;
    border-radius: 3px;
    float: right;
    margin-right: 20px;
    color: #fff;
    cursor: pointer
}

.content .rechargeVip.formattabs .rechargeVip_list .rechargeVip_box:hover,
.content .rechargeVip.integraltabs .rechargeVip_list .rechargeVip_box:hover {
    margin-top: -12px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.rights_detail_bg {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    display: none
}

.rechargeVip_fixed {
    position: fixed;
    top: 0;
    left: 0;
    height: 22px;
    width: 100%;
    height: 60px;
    background: #fff;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .06);
    z-index: 103
}

.rechargeVip_fixed,
.rechargeVip_fixed .box {
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.rechargeVip_fixed .box {
    margin: auto
}

.rechargeVip_fixed .text {
    width: 156px;
    height: 60px;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #4f5f82;
    line-height: 60px;
    cursor: pointer
}

.rechargeVip_fixed .active {
    color: #3f66ff
}

.rechargeVip_fixed .margin-lr {
    margin: 0 50px
}

.rechargeVip_fixed .margin-ll {
    margin: 0 50px 0 0
}

.marginot {
    margin-top: 82px
}

.remind-message {
    position: absolute;
    top: 24px;
    width: 1184px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 16;
    line-height: 20px;
    color: #031b4d
}

.remind-message .remind-title {
    font-size: 14px;
    margin-bottom: 6px
}

.remind-message .remind-title img {
    display: inline-block;
    width: 23px;
    height: 14px;
    margin-right: 4px;
    margin-top: -2px
}

.remind-message .remind-content {
    font-size: 12px;
    color: #75809d
}

.remind-message .remind-content span {
    font-weight: 500
}

.activity-tip-box {
    display: none;
    position: absolute;
    top: -80px;
    right: 30px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 214px;
    height: 26px;
    background: #fdeef1;
    border-radius: 13px;
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #823400;
    border: 1px solid #ffd6d9
}

.activity-tip-box span {
    color: #f90f1f;
    font-size: 20px;
    margin: 0 1px
}

.insert-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 72px;
    background-size: cover;
    margin: auto
}

.vip-package-wrapper {
    position: relative;
    width: 100%;
    max-width: 1920px;
    height: 400px;
    background-color: #252b57;
    margin: 0 auto;
    overflow: hidden;
    display: none
}

.vip-package-wrapper.active {
    height: 568px
}

.vip-package-wrapper.active,
.vip-package-wrapper.active2 {
    -webkit-transition: height .5s ease 0s;
    transition: height .5s ease 0s
}

.vip-package-wrapper.active2 {
    height: 400px
}

.vip-package-wrapper .open-banner {
    width: 20%;
    height: 80px;
    cursor: pointer;
    position: absolute;
    bottom: 60px;
    line-height: 80px;
    text-align: center;
    left: 40%;
    z-index: 102
}

.vip-package-wrapper .open-banner i {
    color: #fff;
    -webkit-animation: openBanner 1.2s ease-in-out infinite;
    animation: openBanner 1.2s ease-in-out infinite;
    font-size: 20px;
    display: inline-block
}

.vip-package-wrapper .close-banner {
    display: none;
    width: 20%;
    height: 80px;
    cursor: pointer;
    position: absolute;
    bottom: 60px;
    line-height: 80px;
    text-align: center;
    left: 40%;
    z-index: 998
}

.vip-package-wrapper .close-banner i {
    color: #fff;
    -webkit-animation: openBanner 1.2s ease-in-out infinite;
    animation: openBanner 1.2s ease-in-out infinite;
    font-size: 20px;
    display: inline-block
}

.vip-package-wrapper .shadow-rect {
    position: absolute;
    right: 0;
    top: -110px;
    width: 118px;
    height: 204px;
    background: url(/static/images/rect2.a88fe77a.png) 50% no-repeat;
    background-size: 100%
}

.vip-package-wrapper .main-w {
    position: relative
}

.vip-package-wrapper .main-w .shadow-rect {
    position: absolute;
    background: url(/static/images/rect.40596bd3.png) 50% no-repeat;
    background-size: 100%;
    width: 142px;
    height: 157px
}

.vip-package-wrapper .main-w .shadow-rect.rect1 {
    left: 0;
    top: -105px
}

.vip-package-wrapper .main-w .shadow-rect.rect2 {
    width: 142px;
    height: 157px;
    top: 49px;
    left: -360px
}

.vip-package-wrapper .vip-package-box {
    position: absolute;
    top: 0;
    left: -85px;
    width: 560px;
    height: 399px;
    background: url(/static/images/box.0eb5dcab.png) 50% no-repeat;
    background-size: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 80px 55px 0
}

.vip-package-wrapper .vip-package-box.active {
    top: 43px;
    -webkit-transition: top .5s ease 0s;
    transition: top .5s ease 0s
}

.vip-package-wrapper .vip-package-box.active2 {
    top: 0;
    -webkit-transition: top .5s ease 0s;
    transition: top .5s ease 0s
}

.vip-package-wrapper .vip-package-box h4 {
    font-size: 32px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #965400;
    line-height: 45px;
    text-align: center
}

.vip-package-wrapper .vip-package-box .vip-package-content .content-left {
    text-align: center
}

.vip-package-wrapper .vip-package-box .vip-package-content .content-left .not-vip {
    margin-top: 18px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #965400;
    position: relative
}

.vip-package-wrapper .vip-package-box .vip-package-content .content-left .not-vip .now-price {
    font-size: 24px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    line-height: 33px
}

.vip-package-wrapper .vip-package-box .vip-package-content .content-left .not-vip .now-price span {
    font-size: 58px;
    font-family: DINAlternate-Bold, DINAlternate;
    font-weight: 700;
    line-height: 67px
}

.vip-package-wrapper .vip-package-box .vip-package-content .content-left .not-vip .grey-price {
    position: relative;
    margin-left: 10px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    line-height: 20px;
    padding: 0 5px
}

.vip-package-wrapper .vip-package-box .vip-package-content .content-left .not-vip .grey-price span {
    font-size: 26px
}

.vip-package-wrapper .vip-package-box .vip-package-content .content-left .not-vip .grey-price-line {
    display: none;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 83px;
    border-bottom: 2px solid #965400
}

.vip-package-wrapper .vip-package-box .vip-package-content .content-left .is-vip {
    display: none;
    margin-top: 35px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.vip-package-wrapper .vip-package-box .vip-package-content .content-left .is-vip img {
    width: 53px;
    height: 53px;
    border: 2px solid #eec296;
    border-radius: 50%;
    overflow: hidden
}

.vip-package-wrapper .vip-package-box .vip-package-content .content-left .is-vip>div {
    margin-left: 10px;
    color: #965400;
    font-family: PingFangSC-Regular, PingFang SC
}

.vip-package-wrapper .vip-package-box .vip-package-content .content-left .is-vip>div .vip-nickname {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 5px
}

.vip-package-wrapper .vip-package-box .vip-package-content .content-left .is-vip>div .vip-validity {
    font-size: 12px;
    line-height: 17px
}

.vip-package-wrapper .vip-package-box .vip-package-content button {
    display: block;
    width: 174px;
    height: 50px;
    color: #965400;
    font-size: 20px;
    background: linear-gradient(133deg, #f7dec6, #f7d5b4);
    -webkit-box-shadow: 0 2px 20px 0 #101746, 0 4px 16px 0 #000524;
    box-shadow: 0 2px 20px 0 #101746, 0 4px 16px 0 #000524;
    border-radius: 25px;
    margin: 67px auto 0;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 99
}

.vip-package-wrapper .vip-package-box .vip-package-content button i {
    margin-left: 10px;
    font-size: 22px;
    position: relative;
    top: 2px;
    font-weight: 600
}

.vip-package-wrapper .vip-package-box .fufeiTag {
    display: none;
    position: absolute;
    left: 32px;
    top: 42px;
    height: 28px;
    line-height: 24px;
    background: #ff5e52;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    color: #fff;
    border-radius: 14px;
    text-align: left;
    padding: 0 10px 0 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.vip-package-wrapper .vip-package-box .fufeiTag i {
    position: relative;
    top: 2px;
    font-size: 20px
}

.vip-package-wrapper .vip-package-box .fufeiTag .icondaojishi {
    font-size: 16px;
    margin-left: 11px;
    top: 1.5px
}

.vip-package-wrapper .vip-package-box .fufeiTag.onshow {
    display: inline-block
}

.vip-package-wrapper .vip-rights-box {
    position: absolute
}

.vip-package-wrapper .vip-rights-box h4 {
    font-size: 18px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #f7e1cb;
    line-height: 25px;
    text-align: center;
    margin-top: 31px;
    margin-bottom: 15px
}

.vip-package-wrapper .vip-rights-box ul {
    margin-left: 46px
}

.vip-package-wrapper .vip-rights-box ul li {
    position: relative
}

.vip-package-wrapper .vip-rights-box ul li .circle {
    position: relative;
    display: inline-block;
    top: -2px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #25b4b0;
    margin-right: 7px;
    vertical-align: middle
}

.vip-package-wrapper .vip-rights-box ul li .circle.orange {
    background: #f5a623
}

.vip-package-wrapper .vip-rights-box ul li span {
    display: inline-block;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #f7e1cb;
    line-height: 26px
}

.vip-package-wrapper .vip-rights-box ul li span.fst-item {
    width: 90px
}

.vip-package-wrapper .vip-rights-box ul li span.fst-item i {
    font-size: 14px;
    margin-left: 3px;
    color: rgba(247, 225, 203, .47)
}

.vip-package-wrapper .vip-rights-box ul li span.sed-item {
    text-align: right;
    width: 60px
}

.vip-package-wrapper .vip-rights-box ul li span.tip-icon {
    position: absolute;
    right: 6px;
    top: 0;
    display: block;
    width: 40px;
    height: 16px;
    line-height: 18px;
    font-size: 10px;
    font-family: SourceHanSansSC-Normal, SourceHanSansSC;
    font-weight: 400;
    color: #2e3566;
    background: #f7e1cb;
    border-radius: 8px 8px 8px 0;
    opacity: .47;
    text-align: center
}

.vip-package-wrapper .vip-rights-box ul li .sm-tip {
    font-size: 12px;
    font-family: SourceHanSansSC-Normal, SourceHanSansSC;
    font-weight: 400;
    color: #fff;
    line-height: 18px
}

.vip-package-wrapper .vip-rights-box ul li .sm-tip span {
    color: #25b4b0;
    font-weight: 600
}

.vip-package-wrapper .vip-rights-box.vip-rights-box1 {
    top: 75px;
    left: 500px;
    width: 313px;
    height: 430px;
    background: url(/static/images/vip_right_box1.e1e8f116.png) 50% no-repeat;
    background-size: 100%
}

.vip-package-wrapper .vip-rights-box.vip-rights-box1 h4 {
    padding-right: 50px
}

.vip-package-wrapper .vip-rights-box.vip-rights-box1 h4 span {
    display: inline-block;
    width: 29px;
    height: 1px;
    vertical-align: middle
}

.vip-package-wrapper .vip-rights-box.vip-rights-box1 h4 span.left {
    background: -webkit-gradient(linear, right top, left top, from(#f7e1cb), to(rgba(247, 225, 203, 0)));
    background: linear-gradient(270deg, #f7e1cb, rgba(247, 225, 203, 0));
    margin-right: 20px
}

.vip-package-wrapper .vip-rights-box.vip-rights-box1 h4 span.right {
    background: -webkit-gradient(linear, left top, right top, from(#f7e1cb), to(rgba(247, 225, 203, 0)));
    background: linear-gradient(90deg, #f7e1cb, rgba(247, 225, 203, 0));
    margin-left: 20px
}

.vip-package-wrapper .vip-rights-box.vip-rights-box2 {
    left: 732px;
    top: 32px;
    width: 376px;
    height: 498px;
    background: url(/static/images/vip_right_box2.89185363.png) 50% no-repeat;
    background-size: 100%;
    z-index: 2
}

.vip-package-wrapper .vip-rights-box.vip-rights-box2 h4 {
    padding-left: 50px
}

.vip-package-wrapper .vip-rights-box.vip-rights-box2 h4 span {
    display: inline-block;
    width: 48px;
    height: 9px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAASCAYAAACkctvyAAADV0lEQVRYR+2YTWsbVxSG3/ecsSXHNRRCofbGcugiu0JJ1NJ22ZZQSgmB/IGQ5mOdjxon7b9oG9puSimlLv0XhRI7SbchsRM5i0LijWk+pEgz94RzZ8aWgpyNpFVGMOgymnvO6H3Ofc/cIarPRBRot64vAfxwptH87VUJOJHsr3lQF5+UvwxYgPHqTOPIz/tJUgEYc7G4+Eb+SXABZgpSAFuZWWz+NCxVBWCMANr3/21A0z8QKx9qZkqhmEEJW55ZbP74croKwJgAtO//0wD1d3jlC8QB+AowuvgihEkWwvLs0vvX+lNWAMYAoP3frUX0Mm+2sfJBCJADgFBgzMeEMNjl+lLzhzJtBWBEAO17txah6a+kzLvlRLspVkBpQflqiGAUMKHhYr3R/N5TVwBGABDFl+wXwOZB8WY7FECEEsF4PzAF4BAu1BtHv4sAVldX9eTJQ4LWY0VtTjDV0Z0ns/pmMiVIuvq0k6okqUISYTdTalDwgDDNtCtBp0WEadCeBJ2iSJqpQoLSb4pBEUwJrwvTLDNFEE0SShZ8WeZPCvSxHwkFgRpoqj4/WBwLKCEuY1OFip+DxyzOwUSB4H9MA6hC5td4bq8+EYH5fbs9uCXkVkFA87iMOaJAsVILHy/zAGpwPy/nQIUQP+f3QJF8bsyVzy1jxf/u1+VHOfbvUxGAmQlu3lQcLAD839Gd2iCAWU0EmmqnmylEhTKl/QB6aVBGADVJs+d+zT4A/IcgGUWj6P0A4jgRBBdKhIWAgwAYhWchfAi5EMGbXaCKG0AhXgnAYRhcHBaevFepEZiZSuHVxrxYikp1y9gFbWQE4KJ7zNhkS68vVkB/DxgAsGtBORwK7tRq9U8qCxrBgnxqp7V+yWCnh62AvX1A3gPcguI5w900ZJ+9ceiDhxWAEQH49GdbN74m7Ktd23qpCef7gNyCCLubZuGYi1814TGIX4Z4tnVjmbAz/T2gfx9Q2NVGCNnnpfgVgDEC8FDtB+srCDg7dB8A20hr01/Mvf3uo2ojNmbh+8O1H6xfAXCu/1UEAjbTtPvl3DsfDYhfrYAJgWi31r4Beb54ktrM0t7xYeJXACYEINrR1tq3AD+tT+sJzr+3Xb2OnqDY+4Xevv333FuHP378qtQvAKfNj/QGVE3DAAAAAElFTkSuQmCC) 50% no-repeat;
    background-size: 100%
}

.vip-package-wrapper .vip-rights-box.vip-rights-box2 h4 span.left {
    margin-right: 20px
}

.vip-package-wrapper .vip-rights-box.vip-rights-box2 h4 span.right {
    margin-left: 20px;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.vip-package-wrapper .vip-rights-box.vip-rights-box2 ul {
    margin-top: 27px;
    margin-left: 100px
}

.vip-package-wrapper .vip-rights-box.vip-rights-box2 ul .fst-item {
    width: 120px
}

.vip-package-wrapper .vip-rights-box.vip-rights-box2 ul .image-icon {
    display: inline-block;
    width: 32px;
    height: 15px;
    margin-left: 2px
}

.vip-package-wrapper .vip-rights-box.vip-rights-box2 ul .image-icon.up-icon {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAeCAYAAACc7RhZAAADsUlEQVRYR+WZbWhTVxjHf8+t+qHCVERRcR/UMlfdB0VHmeK2DwrKlKrIEE0nMk0qTp0yVLSli67qBB2+UJJSHTNVW+JLQbqqKApWUBF8R0EURnGz2qhj2rc0OeMmxpo0acziuZF5Pvae5/k//9+55/S5J8J7PiQV/8puzyar+UMC9CYrmFJsKjr/aW6HaiWbJtlxsDGV+KQm1Le2HHqoeSD5wBjASEUgA3OfAvWIHOEFXvF4XnRXQ0IAatnCAfj9ThSLgJ4ZMPI2JB+COBnUUCHOsx3xEsYFoJYsGEcwUAMMfRtVdJujVy9ob9ctc4Wsjnwpq2qIFeoCQBXavkRRC2TrrooP+sAPxVC2HR7+qVuuESX5Uu65+LpQFAC1ZN5wgsYloL/uahCBFWvg49Hw1wPYXALtbbplfSh/npRX34sIRQNw2OqBibqrCOWfPgumz+6UungefnVZIC23aCYvcji+AqDstpkIRy2oILzqy1eDEfMPZf9eOHdGfwmCU1yVP5pCnQCsWn1z3xeVEtr/scPvh61OaPhDMwT1nEAwRyoONoYAqMKCgShlnkJZWpXNff/9Whg5KrHM40ewqRhamrWWArJB3J6SMADHfBuIR7MizJgNX81KLnP1Mrh2JJ+X1gy5I25PbgTARpCitPIlC0607xPFHToAp+qSZU3vuWJIBMBukKXpZesmuk9fWP9T/H2fKCwQgG2lcP+utrIwjCkvzwCbC4VDi5IYsHItfJSbevqnT6C0CJ7/k3rsG0WoAv0AzNM+1vy4PBg7Pn6JR6vB19T57EFDuFHSMoKL9AOIV3j+HJhmflzGDKVgpQNaW7TY7ZLUkK8zA2DOfJg8tatJc7U3rrPGfEhFPs0MgAV2+GxSV6O1NXDssFUAWmnr0S8zAMyPoNxPoo0GOmD9Knhm3mdYMdQJce+fmhkAW3ZC337RLk/WwpEqK5y/1DDmintftfUAzJ7g513RRs3ef+sG8Gu/GAnrKq4zeMRYcTrDF5uqUGMfELumEz6HbxZ3/vVRI2wvtfDVD0lPE3fl8dAxaDmA1SUwPCcM4PZN2FOmsdGJs6MUv0h55arIE2sBmA3Q4u/AXPXfa+CCef9i4RDq8LXNEK83YD2AYSNgwhdw8xrcuALBoIXOQ+/6b/T0OWRXXdS9m7VvgLWWIwfeMwyKxVW5O578/xnA3yhVQaB9k+zxPknEPgzAbjP7z9duKDOxVGlqCq0gTaDuIEY9vpbT4vUm/ahI+tNYmmW98+H/AvuoPypPMhI/AAAAAElFTkSuQmCC) 50% no-repeat;
    background-size: 100%
}

.vip-package-wrapper .vip-rights-box.vip-rights-box2 ul .image-icon.new-icon {
    background: url(data:image/png;base64,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) 50% no-repeat;
    background-size: 100%
}

.vip-package-wrapper .box-shadow {
    position: absolute;
    left: 712px;
    top: 20px;
    width: 416px;
    height: 503px;
    background: url(/static/images/shadow.d4217116.png) 50% no-repeat;
    background-size: 100%;
    z-index: 0
}

.vip-package-wrapper .btm-bg {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -19px;
    width: 1920px;
    height: 93px;
    background: url(/static/images/wen2.b2b5529f.png) 50% no-repeat;
    background-size: 1920px 93px;
    z-index: 2
}

@-webkit-keyframes openBanner {
    0% {
        -webkit-transform: scale(.8) translateY(0);
        transform: scale(.8) translateY(0)
    }

    50% {
        -webkit-transform: scale(1) translateY(10px);
        transform: scale(1) translateY(10px)
    }

    to {
        -webkit-transform: scale(.8) translateY(0);
        transform: scale(.8) translateY(0)
    }
}

@keyframes openBanner {
    0% {
        -webkit-transform: scale(.8) translateY(0);
        transform: scale(.8) translateY(0)
    }

    50% {
        -webkit-transform: scale(1) translateY(10px);
        transform: scale(1) translateY(10px)
    }

    to {
        -webkit-transform: scale(.8) translateY(0);
        transform: scale(.8) translateY(0)
    }
}

@-webkit-keyframes move_wave {
    0% {
        -webkit-transform: translateX(0) translateZ(0) scaleY(1);
        transform: translateX(0) translateZ(0) scaleY(1)
    }

    50% {
        -webkit-transform: translateX(-5%) translateZ(0) scaleY(.95);
        transform: translateX(-5%) translateZ(0) scaleY(.95)
    }

    to {
        -webkit-transform: translateX(0) translateZ(0) scaleY(1);
        transform: translateX(0) translateZ(0) scaleY(1)
    }
}

@keyframes move_wave {
    0% {
        -webkit-transform: translateX(0) translateZ(0) scaleY(1);
        transform: translateX(0) translateZ(0) scaleY(1)
    }

    50% {
        -webkit-transform: translateX(-5%) translateZ(0) scaleY(.95);
        transform: translateX(-5%) translateZ(0) scaleY(.95)
    }

    to {
        -webkit-transform: translateX(0) translateZ(0) scaleY(1);
        transform: translateX(0) translateZ(0) scaleY(1)
    }
}

.waveWrapper {
    width: 100%;
    height: 200px;
    overflow: hidden;
    position: relative
}

.waveWrapperInner {
    width: 100%;
    height: 260px;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden
}

.bgTop {
    z-index: 15
}

.bgMiddle {
    z-index: 10
}

.bgBottom {
    z-index: 5
}

.wave {
    position: absolute;
    left: 0;
    width: 200%;
    height: 100%;
    background-repeat: repeat-x;
    background-position: 0 bottom;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

.waveTop {
    background-image: url(/static/images/1@2x.b61be243.png);
    background-size: 190% 260px
}

.waveAnimation {
    margin-top: 24px
}

.waveAnimation .waveTop {
    animation: move-wave 3s;
    -webkit-animation: move-wave 3s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.waveMiddle {
    background-image: url(/static/images/2@2x.26c71896.png);
    background-size: 180% 260px
}

.waveAnimation .waveMiddle {
    -webkit-animation: move_wave 3s linear infinite;
    animation: move_wave 3s linear infinite
}

.waveBottom {
    background-image: url(/static/images/3@2x.ca0c3393.png);
    background-size: 190% 260px
}

.waveAnimation .waveBottom {
    -webkit-animation: move_wave 3s linear infinite;
    animation: move_wave 3s linear infinite
}

.pay-new-user-content {
    width: 652px;
    height: 521px;
    background: url(/static/images/pay_bg.f6ad0bc6.png) 0 0 no-repeat;
    background-size: 100% 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 143px 10px 0
}

.pay-new-user-content .new-btn2 {
    position: absolute;
    bottom: 19px;
    width: 211px;
    height: 59px;
    background: url(/static/images/btn@2x.b20b19f8.png) 0 0 no-repeat;
    background-size: 100% 100%;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    font-size: 20px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #c63a00;
    padding-bottom: 10px;
    letter-spacing: 1px
}

.pay-new-user-content .new-user-top {
    width: 253px;
    height: 90px;
    background: url(/static/images/pay_top_title.5c15ced4.png) 0 0 no-repeat;
    background-size: 100% 100%;
    margin-top: -100px;
    left: 60px;
    margin-bottom: 35px
}

.pay-new-user-content .new-user-list {
    padding: 0 35px 0 30px;
    margin-left: 10px
}

.pay-new-user-content .new-user-list li {
    width: 265px;
    height: 87px;
    background: -webkit-gradient(linear, left top, right top, from(#fff3ea), to(#ffebe5));
    background: linear-gradient(90deg, #fff3ea, #ffebe5);
    border-radius: 6px;
    position: relative;
    float: left;
    margin-left: 13px;
    margin-bottom: 10px
}

.pay-new-user-content .new-user-list li .list-title {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 40px;
    height: 16px;
    background: #fe746f;
    border-radius: 6px 0 6px 0;
    display: inline-block
}

.pay-new-user-content .new-user-list li .list-title em {
    font-size: 20px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #fff;
    line-height: 16px;
    -webkit-transform: translate(-50%) scale(.5);
    transform: translate(-50%) scale(.5);
    display: inline-block;
    white-space: nowrap;
    position: absolute;
    left: 49%
}

.pay-new-user-content .new-user-list li dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 26px
}

.pay-new-user-content .new-user-list li dl dt {
    font-size: 15px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 700;
    color: #e33552;
    line-height: 21px;
    margin-left: 40px;
    margin-right: -13px
}

.pay-new-user-content .new-user-list li dl dt span {
    font-size: 26px
}

.pay-new-user-content .new-user-list li dl dd span {
    font-family: PingFangSC-Medium, PingFang SC;
    color: #e33552;
    line-height: 20px;
    letter-spacing: 1px
}

.pay-new-user-content .new-user-list li dl dd span:first-child {
    font-size: 14px;
    font-weight: 500;
    padding-left: 44px
}

.pay-new-user-content .new-user-list li dl dd span:nth-child(2) {
    font-size: 20px;
    font-weight: 400;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    display: inline-block;
    white-space: nowrap;
    margin-left: -15px
}

.pay-new-user-content .new-user-list li:nth-child(3) dd {
    margin-left: 10px
}

.pay-new-user-content .new-user-list li:nth-child(3) dd span:first-child {
    padding-left: 42px
}

.pay-new-user-content .new-user-list li:nth-child(3) dd span:nth-child(2) {
    margin-left: -18px
}

.pay-new-user-content .new-user-list li:nth-child(3) dt {
    margin-left: 50px
}

.pay-new-user-content .new-user-list li:nth-child(4) dd {
    margin-left: 12px
}

.pay-new-user-content .new-user-list li:nth-child(4) dd span:first-child {
    padding-left: 38px
}

.pay-new-user-content .new-user-list li:nth-child(4) dd span:nth-child(2) {
    margin-left: -22px
}

.pay-new-user-content .new-user-list li:nth-child(4) dt {
    margin-left: 50px
}

.buyed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20
}

.buyed,
.buyed .bigbuy {
    background: rgba(0, 0, 0, .6)
}

.buyed .bigbuy {
    top: 5%;
    position: relative
}

.buyed .bigbuy .buynowoption {
    width: 488px;
    height: 509px;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.buyed .bigbuy .buynowoption .buynowpic {
    width: 488px;
    height: 509px
}

.buyed .bigbuy .buynowoption .close {
    cursor: pointer;
    padding: 44px 227px;
    width: 32px;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.buyed .bigbuy .buynowoption .buyword,
.buyed .bigbuy .buynowoption .close {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.buyed .bigbuy .buynowoption .buyword {
    font-family: SourceHanSansCN-Medium, SourceHanSansCN;
    font-weight: 500;
    color: #2c2267;
    line-height: 61px;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 89px;
    margin-top: -365px;
    position: absolute
}

.buyed .bigbuy .buynowoption .buyword .already {
    font-size: 24px
}

.buyed .bigbuy .buynowoption .buyword .shop {
    color: #827ca5 !important;
    font-size: 20px
}

.buyed .bigbuy .buynowoption .buy_btn {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 50px;
    margin-top: -227px
}

.buyed .bigbuy .buynowoption .buy_btn .know {
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 28px;
    width: 180px;
    height: 66px;
    border-radius: 33px;
    border: 2px solid #f14d89
}

.buyed .bigbuy .buynowoption .buy_btn .know span {
    font-size: 24px;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: #f14d89;
    line-height: 36px
}

.buyed .bigbuy .buynowoption .buy_btn .up {
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 180px;
    height: 66px;
    background: #f14d89;
    border-radius: 33px
}

.buyed .bigbuy .buynowoption .buy_btn .up span {
    font-size: 24px;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: #fff;
    line-height: 36px
}

@media screen and (max-width:1300px) {
    .content .rechargeVip .rechargeVip_list .rechargeVipc {
        width: 1100px
    }

    .content .rechargeVip .rechargeVip_list .rechargeVipc .rechargeVip_box .activity {
        padding-right: 20px
    }

    .content .rechargeVip .rechargeVip_list .rechargeVipc .btn {
        left: 20px
    }

    .giftPen {
        width: 184px !important;
        height: 92px !important;
        left: -15px !important;
        top: 248px !important
    }

    .giftTOP {
        width: 92px !important;
        height: 20px !important
    }

    .giveTextOne,
    .giveTextTwo {
        left: 60px !important;
        font-size: 13px !important;
        bottom: -57px !important
    }

    .content .rechargeVip .interestsBox {
        padding: 0
    }

    .content .rechargeVip .rechargeVip_list .rechargeVip_box.integralint {
        width: 166px
    }

    .remind-message {
        left: 55%
    }

    .specialBlue:nth-last-child(2) .price {
        left: 18px !important
    }

    .specialBlue:last-child .price {
        left: 23px !important
    }
}

.bought_group {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 20
}

.bought_group .pop_box {
    width: 511px;
    height: 489px;
    background: url(/static/images/bought_buy.a26a05d4.png) 50% no-repeat;
    background-size: contain;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.bought_group .pop_box .close_icon {
    width: 16px;
    height: 16px;
    float: right;
    margin-top: 23px;
    margin-right: 22px;
    cursor: pointer
}

.bought_group .pop_box .content_text {
    color: #8e3b05;
    font-size: 18px;
    text-align: center;
    margin-top: 237px
}

.bought_group .pop_box .content_text .end_time {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.bought_group .pop_box .content_text .end_time p {
    display: inline-block;
    width: 36px;
    height: 34px;
    border: 1px solid;
    font-size: 18px;
    color: #faf0dc;
    line-height: 34px;
    border-radius: 4px;
    background: #414141;
    margin-right: 3px;
    margin-left: 3px
}

.bought_group .pop_box .content_text .end_time p span:first-child {
    margin-right: -5px
}

.bought_group .pop_box .content_text .end_time .hours_box {
    margin-left: 10px
}

.bought_group .pop_box .content_text .end_time .seconds_box {
    background: #ff5443;
    margin-right: 10px
}

.bought_group .pop_box .content_text .text_box {
    margin-top: 24px;
    margin-bottom: 18px
}

.bought_group .pop_box .content_text .text_box p {
    margin-bottom: 5px
}

.bought_group .pop_box .content_text .text_box p span {
    color: #ff5443
}

.bought_group .pop_box .content_text .btn_group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bought_group .pop_box .content_text .btn_group div {
    width: 210px;
    height: 52px;
    text-align: center;
    border-radius: 28px;
    line-height: 52px;
    font-size: 18px;
    font-weight: 500;
    margin-top: 8px;
    cursor: pointer
}

.bought_group .pop_box .content_text .btn_group .knows {
    color: #ff5443;
    border: 1px solid #ff5443;
    margin-right: 20px
}

.bought_group .pop_box .content_text .btn_group .inveit {
    color: #faf0dc;
    background: -webkit-gradient(linear, left top, right top, from(#ff643f), to(#ff4f3f));
    background: linear-gradient(90deg, #ff643f, #ff4f3f)
}

.el-dialog__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.el-dialog__wrapper .el-dialog {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}