footer {
    width: 100vw;
    background-color: #f3f4fb;
    padding-bottom: 46px;
    padding-top: 50px
}

footer .foottips {
    width: max-content;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;
    font-family: 'Lato-Regular';
    font-size: 14px;
    color: #000
}

@media (max-width: 960px) {
    footer .foottips {
        font-size: 1.3rem;
        margin-bottom: 2rem
    }
}

.bottom-btn{
    padding: 20px;
    background-color: #f3f4fb;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 83px;
    z-index: 99;
}
.bottom-btn .btn-container1{
    display: flex;
    justify-content: center;
    gap: 50px;
}

footer .content {
    width: 100vw;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    box-sizing: border-box;
    text-align: left
}

footer .content .pt {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Lato-Bold'
}

footer .content .left {
    width: 239px
}

footer .content .left .tit {
    font-size: 32px;
    color: #fff;
    font-weight: bold;
    line-height: 1.2;
    text-align: left;
    margin-bottom: 20px
}

footer .content .left .tit span {
    color: #3c7fff
}

footer .content .left .tip {
    margin-top: 44px;
    font-family: 'Lato-Bold';
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 17px;
    letter-spacing: 0px;
    color: #fff
}

footer .content .left .service {
    margin-top: 23px;
    font-family: 'Lato-Medium';
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 17px;
    letter-spacing: 0px;
    color: #fff;
    margin-bottom: 8px
}

footer .content .left .email {
    font-family: 'Lato-Medium';
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 17px;
    letter-spacing: 0px;
    color: #aaadb5
}

footer .content .right {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 840px
}

footer .content .right .right-item {
    min-width: 160px;
    margin-bottom: 74px
}

footer .content .right .right-item:last-child {
    margin-right: 0px
}

footer .content .right .right-item a {
    display: block;
    margin-top: 37px;
    font-family: 'Lato-Medium';
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 17px;
    letter-spacing: 0px;
    color: #aaadb5
}

footer .content .right .right-item a:hover {
    color: #3c7fff !important
}

footer .content .right a:link {
    font-size: 16px;
    color: #fff
}

footer .content .right a:visited {
    color: #fff
}

footer .content .right .pt {
    margin-bottom: 24px
}

footer .content .right .pc {
    margin-bottom: 10px
}

footer .content .xy {
    font-family: 'Lato-Regular';
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #000
}

footer .content .xy .friendship-link a {
    font-size: 14px
}

footer .content .xy .friendship-link > .xy-friendship {
    display: flex;
    justify-content: flex-start
}

footer .content .xy .friendship-link > .xy-friendship > div:first-of-type {
    white-space: nowrap
}

footer .content .xy a {
    font-family: 'Lato-Regular';
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #000
}

footer .content .xy a .nor {
    display: inline-block
}

footer .content .xy a .active {
    display: none
}

footer .content .xy a:hover .nor {
    display: none
}

footer .content .xy a:hover .active {
    display: inline-block
}

footer .content .icons {
    display: flex;
    align-items: center
}

footer .content .icons a {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.2);
    font-family: 'Lato-Medium'
}

footer .content .icons a .nor {
    display: inline-block
}

footer .content .icons a .active {
    display: none
}

footer .content .icons a:hover .nor {
    display: none
}

footer .content .icons a:hover .active {
    display: inline-block
}

footer .content .icons a:not(:last-of-type) {
    margin-right: 16px
}

footer .content.fo {
    border-top: 2px solid #000;
    padding: 0 0;
    display: flex;
    flex-wrap: wrap;
    width: 100vw
}

@media (max-width: 960px) {
    footer .content.fo {
        padding: 2rem 0
    }
}

footer .content .item {
    display: flex;
    flex-direction: column
}

footer .content .item .tit {
    color: #fafbff;
    font-size: 14px;
    margin-bottom: 23px
}

footer .content .item a {
    color: #677188;
    line-height: 26px;
    cursor: pointer
}

footer .content .item a:hover {
    color: #fff
}

footer .content .item .item_phone {
    color: #fff;
    font-weight: 700;
    font-size: 27px
}

footer .content .item .kefu_link {
    color: #fff;
    font-size: 16px;
    padding-top: 15px;
    padding-bottom: 15px
}

footer .content .item .qr-code {
    display: flex;
    align-items: center
}

footer .content .item .qr-code .item_code:nth-of-type(1) {
    margin-right: 20px
}

footer .content .item .qr-code .item_code > p {
    color: #fff;
    font-size: 12px;
    margin-bottom: 10px;
    text-align: center
}

footer .content .item .qr-code .item_code img {
    width: 90px;
    height: 90px
}

footer .content .item .qr-code .item-code {
    margin-right: 10px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    width: 24px;
    height: 24px;
    color: #333;
    background-color: #6f7793;
    line-height: 22px;
    border-radius: 50%;
    text-align: center
}

footer .content .item .qr-code .item-code:hover .show-cont {
    display: block
}

footer .content .item .qr-code .item-code i {
    display: inline-block;
    width: 24px;
    height: 24px;
    color: #333;
    background-color: #6f7793;
    line-height: 24px;
    border-radius: 50%;
    text-align: center
}

footer .content .item .qr-code .item-code .show-cont {
    display: none;
    position: absolute;
    top: 42px;
    left: -23px;
    width: 125px;
    height: 125px;
    background-color: #ffffff;
    text-align: center;
    padding-top: 5px;
    box-sizing: border-box;
    border-radius: 4px
}

footer .content .item .qr-code .item-code .show-cont img {
    width: 120px;
    height: 120px
}

footer .content .item .qr-code .item-code .show-cont:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 10px solid #ffffff;
    position: absolute;
    top: -10px;
    left: 30px
}

footer .friendList {
    border-top: 1px solid #233661;
    width: 1200px;
    margin: 0 auto;
    padding: 20px 0
}

footer .friendList .firendLink {
    display: flex;
    align-items: center;
    color: #FFF;
    padding-bottom: 15px
}

footer .friendList .firendLink:last-of-type {
    padding: 0
}

footer .friendList .firendLink a {
    color: #677188;
    margin-left: 20px
}

footer .friendList .firendLink a:hover {
    color: #FFF
}

footer .company-info {
    width: 1200px;
    margin: 0 auto;
    border-top: 1px solid #233661;
    padding: 10px 0px 35px
}

footer .company-info .desc {
    line-height: 27px;
    color: #677188;
    font-size: 14px
}

footer .company-info .copyright {
    padding: 0 40px;
    color: #677188
}

footer .company-info .copyright a {
    color: #677188
}

footer .company-info .copyright a:hover {
    color: #b7c8f1
}

footer .footer-help {
    background: #202635;
    width: 1200px;
    margin: 0 auto;
    padding: 20px;
    border-radius: 10px
}

footer .help-tab .tab {
    display: flex
}

footer .help-tab .tab li {
    width: 140px;
    border: 1px solid #6f7793;
    text-align: center;
    color: #FFF;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    margin-right: 2px;
    border-radius: 3px 3px 0 0;
    border-bottom: 0;
    cursor: pointer
}

footer .help-tab .tab .active {
    background: #6f7793
}

footer .help-tab .tab-bottom {
    border: 1px solid #6f7793;
    min-height: 100px
}

footer .help-tab .tab-bottom ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 30px;
    padding-bottom: 10px
}

footer .help-tab .tab-bottom ul li {
    width: 25%;
    margin-bottom: 20px
}

footer .help-tab .tab-bottom ul li a {
    width: 100%;
    display: inline-block;
    color: #677188;
    text-align: left
}

footer .help-tab .tab-bottom ul li a:hover {
    color: #b7c8f1
}

.abs_footer {
    display: none
}

.left_pop {
    position: fixed;
    bottom: 20px;
    left: 10px;
    width: 340px;
    height: 111px;
    box-shadow: 0 0 13px rgba(10, 34, 79, 0.2);
    cursor: pointer;
    z-index: 1111
}

.kf {
    position: fixed;
    right: 0;
    top: calc(50% - 10px)
}

.kf .box {
    width: 52px;
    background-color: #fafcff;
    box-shadow: 0px 0px 8px 0px rgba(31, 17, 0, 0.2);
    border-radius: 6px 0 0 6px
}

.kf .box .item {
    width: 100%;
    height: 50px;
    line-height: 50px;
    cursor: pointer
}

.kf .box .item:hover:nth-of-type(1) {
    background: #b7c8f1;
    border-radius: 6px 0px 0 0px
}

.kf .box .item:nth-of-type(3):hover {
    background: #b7c8f1;
    border-radius: 0px 0px 0 6px
}

.kf .box .item2 {
    border-top: 1px solid #caccd7;
    border-bottom: 1px solid #caccd7;
    position: relative
}

.kf .box .item2 .ewms {
    position: relative
}

.kf .box .item2 .ewms .wx {
    position: absolute;
    right: 68px;
    top: -43px;
    display: none;
    width: 134px;
    background-color: #fafcff;
    box-shadow: 0px 0px 8px 0px rgba(31, 17, 0, 0.09);
    border-radius: 6px;
    padding-top: 12px;
    box-sizing: border-box;
    z-index: 200
}

.kf .box .item2 .ewms .wx .img {
    width: 108px;
    height: 108px
}

.kf .box .item2 .ewms .wx p {
    color: #272636;
    position: relative;
    top: -13px
}

.kf .box .item2 .ewms:hover {
    background: #b7c8f1
}

.kf .box .item2 .ewms:hover .wx {
    display: block
}

.kf .box .item3 {
    position: relative
}

.kf .box .item3 .lastxr {
    position: relative
}

.kf .box .item3 .lastxr .xr {
    position: absolute;
    right: 52px;
    top: -20px;
    display: none
}

.kf .return {
    width: 52px;
    height: 52px;
    background-color: #fafcff;
    box-shadow: 0px 0px 8px 0px rgba(31, 17, 0, 0.2);
    border-radius: 6px;
    margin-top: 40px;
    line-height: 52px;
    cursor: pointer
}

.uckf {
    position: fixed;
    right: 0;
    top: 55%
}

.uckf .kk .puc {
    position: absolute;
    cursor: pointer;
    left: -80px;
    top: 0px;
    z-index: 2
}

.uckf .kk .puc p {
    background-color: #fff;
    box-shadow: 0px 3px 8px 0px rgba(60, 127, 255, 0.18);
    position: absolute;
    width: 183px;
    height: 34px;
    left: -177px;
    top: -35px;
    border-radius: 16.79px;
    border-bottom-right-radius: 0px;
    line-height: 34px;
    color: #5d6470;
    font-size: 14px
}

.uckf .tkf {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    border-radius: 28px;
    position: absolute;
    left: -73px;
    z-index: 1;
    padding-top: 71px;
    width: 56px;
    height: 233px;
    box-sizing: border-box;
    padding-bottom: 34px;
    box-shadow: 0px 3px 8px 0px rgba(60, 127, 255, 0.18)
}

.uckf .tkf .wxdiv {
    cursor: pointer
}

.uckf .tkf .wxdiv .wxxs {
    display: none;
    border-radius: 10px;
    background-color: #fff;
    position: absolute;
    width: 180px;
    height: 180px;
    left: -190px;
    top: 38px;
    box-shadow: 0px 3px 8px 0px rgba(60, 127, 255, 0.18)
}

.uckf .tkf .qqdiv {
    cursor: pointer
}

.uckf .tkf .dhdiv {
    cursor: pointer
}

.uckf .tkf .dhdiv .dhxs {
    display: none;
    border-radius: 10px;
    background-color: #fff;
    position: absolute;
    width: 180px;
    height: 40px;
    left: -190px;
    top: 162px;
    line-height: 40px;
    font-size: 16px;
    color: #353b3e;
    box-shadow: 0px 3px 8px 0px rgba(60, 127, 255, 0.18)
}

.uckf .tkf .achide {
    display: inline-block
}

.uckf .tkf .active {
    display: none
}

.uckf .tkf .wxxs, .uckf .tkf .dhxs {
    display: none
}

.uckf .tkf .activediv .achide {
    display: none
}

.uckf .tkf .activediv .active {
    display: inline-block
}

.uckf .tkf .activediv .wxxs, .uckf .tkf .activediv .dhxs {
    display: block
}

.foot-form-model {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background-color: rgba(0, 0, 0, 0.3);
    display: none
}

.foot-form-model .form-wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1000px;
    margin: 0 auto;
    background: #fff;
    border-radius: 6px
}

.foot-form-model .form-wrap .icon {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 20px;
    height: 20px;
    cursor: pointer
}

.foot-form-model .form-wrap .title {
    height: 85px;
    line-height: 100px;
    font-size: 32px;
    font-weight: bold
}

.foot-form-model .form-wrap .form-box {
    padding: 0 40px;
    border-radius: 6px
}

.foot-form-model .form-wrap .form-box .layui-form-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0
}

.foot-form-model .form-wrap .form-box .layui-form-item::after {
    display: none
}

.foot-form-model .form-wrap .form-box .layui-form-item .layui-inline {
    flex-grow: 1;
    margin: 0 20px 0 0
}

.foot-form-model .form-wrap .form-box .layui-form-item .layui-inline:nth-child(2) {
    margin-left: 20px
}

.foot-form-model .form-wrap .form-box .layui-form-item .layui-inline .layui-form-label {
    float: none;
    width: 100%;
    padding: 40px 0 15px;
    font-weight: bold;
    font-size: 16px;
    color: #000;
    text-align: left
}

.foot-form-model .form-wrap .form-box .layui-form-item .layui-inline .layui-form-label span {
    color: #ff1414
}

.foot-form-model .form-wrap .form-box .layui-form-item .layui-inline .layui-input-block {
    margin-left: 0
}

.foot-form-model .form-wrap .form-box .layui-form-item .layui-inline .layui-input-block .layui-input {
    height: 45px;
    line-height: 45px
}

.foot-form-model .form-wrap .form-box .layui-form-item .layui-inline .layui-input-block input, .foot-form-model .form-wrap .form-box .layui-form-item .layui-inline .layui-input-block textarea {
    line-height: 38px;
    background: #fdfdff;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    resize: none
}

.foot-form-model .btn-box {
    padding: 55px 0
}

.foot-form-model .btn-box .btn {
    width: 260px;
    height: 48px;
    line-height: 48px;
    margin: 0 auto;
    background: #3c7fff;
    border-radius: 6px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    cursor: pointer
}

.tag_icon {
    position: fixed;
    left: 50px;
    bottom: 25px
}

.tag_icon .icon {
    display: none;
    width: 60px
}

.tag_icon .icon a {
    position: relative;
    display: block;
    width: 60px;
    height: 60px;
    margin-bottom: 15px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 14px 62px rgba(60, 127, 255, 0.1)
}

.tag_icon .icon a:hover .s {
    display: block
}

.tag_icon .icon a:hover .n {
    display: none
}

.tag_icon .icon a.showtip:hover .tip {
    display: block
}

.tag_icon .icon a.close {
    width: 24px;
    height: 24px;
    margin-left: 18px;
    background: #d0d4de;
    cursor: pointer
}

.tag_icon .icon a.close:hover {
    background: #fff
}

.tag_icon .icon a img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.tag_icon .icon a img.s {
    display: none
}

.tag_icon .icon a .tip {
    display: none;
    position: absolute;
    left: 120%;
    top: 20px;
    height: 37px;
    line-height: 35px;
    padding: 0 20px;
    background: url(../../../static/index/img/recharge/img_qipao.png) no-repeat;
    background-size: 100% 100%;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    white-space: nowrap
}

.tag_icon .contactus {
    padding: 10px;
    background: #fff;
    border-radius: 10px;
    font-size: 14px;
    font-weight: bold;
    box-shadow: 0 2px 18px rgba(60, 127, 255, 0.1);
    cursor: pointer
}

.tag_icon .contactus img {
    margin-bottom: 5px;
    animation: zfzoom 2s
}

@keyframes zfzoom {
    0% {
        transform: scale(0.9)
    }
    25% {
        transform: scale(1.2)
    }
    50% {
        transform: scale(0.9)
    }
    75% {
        transform: scale(1.2)
    }
}

.announcement-mengceng {
    z-index: 19891016;
    background-color: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: left;
    overflow: auto;
    text-align: center
}

.announcement-mengceng .announcement-popup {
    position: fixed;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 95%;
    max-width: 684px;
    height: auto;
    padding-top: 140px;
    padding-bottom: 36px;
    background: #FFFFFF;
    border-radius: 8px
}

.announcement-mengceng .announcement-popup .announcement-title {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    transform: translateY(-98px);
    width: 100%;
    height: auto
}

.announcement-mengceng .announcement-popup .announcement-title img {
    width: 100%;
    height: auto
}

.announcement-mengceng .announcement-popup .announcement-body {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    background-color: #fff;
    text-align: left
}

.announcement-mengceng .announcement-popup .announcement-body .announcement-content {
    width: 100%;
    max-height: 376px;
    padding-top: 30px;
    overflow-y: auto;
    background: #F5F8FF;
    border-radius: 8px
}

.announcement-mengceng .announcement-popup .announcement-body .announcement-content .announcement-tit {
    font-family: "Lato-SemiBold";
    font-size: 20px;
    font-weight: bold;
    color: #142341;
    text-align: center
}

.announcement-mengceng .announcement-popup .announcement-body .announcement-content .announcement-text {
    padding: 22px 30px;
    box-sizing: border-box
}

.announcement-mengceng .announcement-popup .announcement-body .announcement-content .announcement-text p {
    font-family: "Lato-Medium";
    font-size: 15px;
    line-height: 1.2;
    margin-top: 16px
}

.announcement-mengceng .announcement-popup .announcement-body .announcement-content .announcement-text p:first-of-type {
    margin-top: 0
}

.announcement-mengceng .announcement-popup .announcement-body .announcement-content .announcement-text .red {
    color: #f65646
}

.announcement-mengceng .announcement-popup .announcement-body .announcement-content .announcement-text .bold {
    font-weight: bold
}

.announcement-mengceng .announcement-popup .announcement-foot button {
    width: 160px;
    height: 50px;
    border-radius: 4px;
    border: none;
    outline: none;
    background-color: #3B7EFF;
    color: #fff;
    font-family: "Lato-SemiBold";
    font-size: 18px
}

.announcement-mengceng .announcement-popup .announcement-foot button:disabled {
    cursor: no-drop
}

.avbase-mengceng.spring_activity {
    z-index: 10010;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.avbase-mengceng.spring_activity .spring_activity_popup {
    position: fixed;
    z-index: 1;
    width: auto;
    height: max-content
}

.avbase-mengceng.spring_activity .spring_activity_popup .spring_activity_close {
    position: absolute;
    right: -93px;
    top: -35px;
    z-index: 10;
    cursor: pointer
}

.avbase-mengceng.spring_activity .spring_activity_popup .spring_activity_close .popup-close {
    display: block
}

.avbase-mengceng.spring_activity .spring_activity_popup .spring_activity_close .small-popup-close {
    display: none
}

.avbase-mengceng.spring_activity .spring_activity_popup .spring_activity_center {
    position: relative;
    z-index: 1;
    width: 100%;
    height: auto
}

.avbase-mengceng.spring_activity .spring_activity_popup .spring_activity_center .spring_activity_content {
    position: relative;
    max-width: 626px;
    cursor: pointer
}

.avbase-mengceng.spring_activity .spring_activity_popup .spring_activity_center .spring_activity_content img {
    width: 100%
}

.avbase-mengceng.spring_activity .spring_activity_popup .spring_activity_center .spring_activity_content .spring_activity_btns {
    display: flex;
    align-items: center;
    justify-content: center
}

.avbase-mengceng.spring_activity .spring_activity_popup .spring_activity_center .spring_activity_content .spring_activity_btns .spring_use_now, .avbase-mengceng.spring_activity .spring_activity_popup .spring_activity_center .spring_activity_content .spring_activity_btns .spring_save_coupon {
    margin-top: -21.4%;
    max-width: 50%;
    cursor: pointer
}

.avbase-mengceng.spring_activity .spring_activity_popup .spring_activity_center .spring_activity_content .spring_activity_btns .spring_use_now img, .avbase-mengceng.spring_activity .spring_activity_popup .spring_activity_center .spring_activity_content .spring_activity_btns .spring_save_coupon img {
    width: 100%
}

.avbase-mengceng.spring_activity.scale-activity-mantle {
    top: auto;
    right: auto
}

.avbase-mengceng.spring_activity.scale-activity-mantle .activity-popup {
    animation: scale_activity_popup 1s linear;
    animation-fill-mode: forwards
}

.avbase-mengceng.spring_activity.scale-activity-mantle .activity-popup .activity-close {
    right: 50%;
    top: 100%;
    transform: translate(50%, 150%) scale(2)
}

.avbase-mengceng.spring_activity.scale-activity-mantle .activity-popup .activity-close .popup-close {
    display: none
}

.avbase-mengceng.spring_activity.scale-activity-mantle .activity-popup .activity-close .small-popup-close {
    opacity: 0;
    display: block;
    animation: show_opacity 1s linear;
    animation-fill-mode: forwards
}

@keyframes show_opacity {
    0% {
        opacity: 0
    }
    80% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes scale_activity_popup {
    0% {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(1)
    }
    10% {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(1.2)
    }
    20% {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(1)
    }
    35% {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0.8)
    }
    50% {
        top: auto;
        bottom: 40px;
        left: 16px;
        transform: translate(-20%, 0%) scale(0.6)
    }
    75% {
        top: auto;
        bottom: 40px;
        left: 16px;
        transform: translate(-20%, 0%) scale(0.8)
    }
    100% {
        top: auto;
        bottom: 40px;
        left: 16px;
        transform: translate(-20%, 0%) scale(0.6)
    }
}

.avbase-mengceng.spring_activity.small-activity-mantle {
    top: auto;
    right: auto
}

.avbase-mengceng.spring_activity.small-activity-mantle .activity-popup {
    top: auto;
    bottom: 40px;
    left: 16px;
    transform: translate(-20%, 0%) scale(0.6)
}

.avbase-mengceng.spring_activity.small-activity-mantle .activity-popup .activity-close {
    right: 50%;
    top: 100%;
    transform: translate(50%, 150%) scale(2)
}

.avbase-mengceng.spring_activity.small-activity-mantle .activity-popup .activity-close .popup-close {
    display: none
}

.avbase-mengceng.spring_activity.small-activity-mantle .activity-popup .activity-close .small-popup-close {
    opacity: 1;
    display: block
}

.avbase-mengceng.spring_activity.small-activity-mantle .activity-popup .activity-content .activity-content-num {
    transform: scale(1.5)
}

.avbase-package {
    position: fixed;
    left: 25px;
    bottom: 40px;
    z-index: 10010;
    cursor: pointer
}

.avbase-package .activity-package-center {
    display: block;
    width: 255px;
    height: 281px
}

.avbase-package .activity-package-center img {
    width: 100%
}

.avbase-package .activity-package-close {
    text-align: center
}

.spring_small_popup {
    border-radius: 5px;
    position: fixed;
    bottom: 50px;
    left: 4px;
    z-index: 100
}

.spring_small_popup .spring_small_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.spring_small_popup .spring_small_box .spring_small_center .spring_small_content {
    max-width: 280px
}

.spring_small_popup .spring_small_box .spring_small_center .spring_small_content img {
    max-width: 100%;
    cursor: pointer
}

.spring_small_popup .spring_small_box .spring_small_close {
    margin-top: 35px
}

.spring_small_popup .spring_small_box .spring_small_close img {
    width: 26px;
    height: 26px;
    cursor: pointer
}

@media (max-width: 600px) {
    .avbase-mengceng.activity-mantle {
        display: none !important
    }

    .avbase-package {
        display: none !important
    }

    .content.fo .xy .friendship-link {
        display: none
    }

    .content.fo.fl {
        border-top: none
    }
}

@media (max-width: 900px) {
    .spring_activity_close {
        right: 50% !important;
        top: auto !important;
        bottom: -28px !important
    }
}