/**
 * 弹窗
 */
.am-popup.level-vip {
    background: transparent;
}

.am-popup.level-vip .am-popup-hd {
    background-image: url(../../images/popup-head.png);
    background-size: cover;
    height: 14.6rem;
    background-color: transparent;
}

.am-popup.level-vip .am-popup-hd .am-popup-title {
    color: #FFFFFF;
    font-weight: 400;
    text-align: left;
    padding: 3.5rem 0;
    display: flex;
    align-items: center;
}

.am-popup.level-vip .am-popup-hd .am-popup-title .label {
    font-size: 1.8rem;
    margin-left: 2rem;
    color: #999999;
}

.am-popup.level-vip .am-popup-hd .am-popup-title .img {
    width: 4rem;
    height: 4rem;
    margin-right: 0.8rem;
    border-radius: 50%;
    border: 0.1rem solid #ECECEC;
}

.am-popup.level-vip .am-popup-hd .am-popup-title .user {
    font-size: 1.8rem;
    color: #FFFFFF;
}

.am-popup.level-vip .am-popup-bd {
    position: relative;
    z-index: 1000;
}

.level-close {
    position: absolute;
    right: -4.3rem;
    top: -4.6rem;
    background: rgba(0, 0, 0, 0.5);
    width: 8.6rem;
    height: 9.2rem;
    border-radius: 50%;
}

.level-close .am-close {
    position: absolute;
    top: 4.8rem !important;
    right: 4.8rem;
    color: #FFFFFF;
    font-size: 2.7rem;
    font-weight: 100;
}

.level-close .am-close:hover {
    opacity: 0.7;
}

.am-popup.level-vip .am-popup-inner {
    padding-top: 10.1rem;
}

.level-vip .am-form-popup-fixed {
    background: transparent;
    padding-bottom: 11.8rem;
    height: 100%;
}

.level-vip .am-form-popup-fixed .am-form-popup-submit {
    border: 0;
    padding: 3rem;
}

.level-vip [data-am-widget='tabs'] {
    margin: 0;
}

.level-vip ul.am-tabs-nav.am-nav.am-nav-tabs {
    margin: 0 !important;
    background: linear-gradient(90deg, #31302C 0%, rgba(113, 113, 113, 0) 100%);
    overflow-x: auto;
    display: flex;
    flex-wrap: nowrap;
    overflow-y: hidden;
    width: calc(100% - 60px) !important;
    border: 0;
}

.level-vip ul.am-tabs-nav.am-nav.am-nav-tabs::-webkit-scrollbar,
.level-payment-item::-webkit-scrollbar {
    height: 0;
}

.level-vip .tabs-sign {
    position: absolute;
    color: #fff;
    right: 1rem;
    top: 1.3rem;
    cursor: pointer;
}

.level-vip .pay-sign,
.level-vip .vip-sign {
    border-radius: 50%;
    position: absolute;
    right: 0rem;
    top: 50%;
    cursor: pointer;
    width: 38px;
    height: 38px;
    background: #FFFFFF;
    color: #868686;
    box-shadow: 0px 1px 4px 3px rgba(0, 0, 0, 0.07);
    text-align: center;
    line-height: 3.8rem;
    transform: translateY(-50%);
}

.level-vip .am-nav>li {
    padding: 0;
}

.level-vip .am-nav>li>a {
    color: #FFFFFF;
    padding: 0.8rem 0;
    white-space: nowrap;
    line-height: 2.2rem;
    font-size: 1.6rem;
    font-weight: 400;
    display: inline-block;
    width: 18.8rem;
}

.level-vip .am-nav>li.am-active>a {
    font-weight: 500;
    font-size: 2rem;
}

.level-vip .am-nav>li.am-active>a,
.level-vip .am-nav-tabs>li.am-active {
    color: #333333 !important;
    border-bottom: 0;
}

.level-vip .am-nav-tabs>li:first-of-type.am-active .nav-bg {
    background-image: url('../../images/left.png');
    background-size: 100% auto;
    width: 100%;
    position: absolute;
    height: 4.2rem;
    top: 0;
}

.level-vip .am-nav-tabs>li.am-active .nav-bg {
    background-image: url('../../images/center.png');
    background-size: 100% auto;
    width: 100%;
    position: absolute;
    height: 4.2rem;
    top: 0;
}

.level-vip .am-nav-tabs.am-nav-tabs {
    border-color: #FFFFFF;
}

.level-vip .am-tabs-bd {
    background: #FFFFFF;
    overflow-y: auto;
    height: 100%;
    padding: 3rem;
}

.level-vip .divider {
    margin: 3rem 0;
    width: 100%;
    height: 0.1rem;
    border-bottom: 0.2rem dashed #ddd;
}

@media only screen and (min-width: 1260px) {
    .am-popup.level-vip {
        left: 50%;
        top: 50%;
        width: 80rem;
        height: auto;
        margin-left: -40rem;
        margin-top: -35rem;
    }

    .am-popup.level-vip.am-popup-full {
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        transform: translate(0, 0);
    }
}
@media only screen and (max-height: 830px) {
    .am-popup.level-vip {
        margin-top: 0;
        top: 0;
        height: 100vh;
    }
}

/**
 * 业务选择
 */
.level-payment-item ul li .content {
    cursor: pointer;
    border: 0.2rem solid #EEEEEE;
    margin: 0 1rem;
    padding: 1rem;
    transition: 0.4s ease;
    position:relative;
    overflow: hidden;
}

.level-payment-item ul li .content .tips {
    height: 1.6rem;
    line-height: 1.6rem;
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    padding: 0 0.6rem;
    border-radius: 0 0 0 1rem;
    font-size: 1.2rem;
    background: #D8D8D8 linear-gradient(107deg, #FC6F31 0%, #E22C08 100%);
}

.level-payment-item ul li .content img {
    width: 4rem;
    height: 4rem;
    vertical-align: middle;
}

.level-payment-item ul li .content:hover {
    border: 0.2rem solid var(--color-main);
    box-shadow: 0rem 0.2rem 0.8rem 0rem rgb(3 3 3 / 25%);
}

.level-payment-item ul li .selected {
    border-color: var(--color-main);
    position: relative;
    box-shadow: 0rem 0.2rem 0.8rem 0rem rgb(3 3 3 / 25%);
}

.level-payment-item ul li i.icon-subscript {
    display: none;
    position: absolute;
    font-size: 6rem;
    line-height: 0;
    right: -3rem;
    bottom: 1.3rem;
    color: var(--color-main);
}

.level-payment-item ul li .selected i.icon-subscript {
    display: block;
}

/**
 * 支付选择窗口
 */
#plugins-level-buy-pay-popup .base {
    margin-bottom: 1.5rem;
    padding: 0.5rem 1rem;
    background: #f6f6f6;
    border: 0.1rem solid #efefef;
}

#plugins-level-buy-pay-popup .base p {
    line-height: 2.4rem;
}

#plugins-level-buy-pay-popup .base .level-buy-no {
    font-weight: 700;
    color: #666666;
}

/**
 * 列表
 */
.user-content-body .data-list {
    margin-top: 1rem;
}

.user-content-body .data-list .money-bold {
    font-weight: 700;
}

/**
 * vip
 */
#plugins-level-buy-open-popup ul.items li .content {
    background: #FFFFFF;
    width: 19.5rem;
    height: 19.5rem;
}
#plugins-level-buy-open-popup ul.items.only-one li .content {
    width: 100%;
    height: auto;
    padding: 2rem 3rem;
    margin: 0;
}

#plugins-level-buy-open-popup ul.items li .number {
    font-size: 2.1rem;
    font-weight: 500;
    color: #333333;
    line-height: 2.9rem;
}
#plugins-level-buy-open-popup ul.items.only-one li .number {
    font-size: 2.4rem;
}

#plugins-level-buy-open-popup ul.items li .price {
    font-size: 3.2rem;
    font-weight: 500;
    line-height: 2rem;
    margin-top: 0.5rem;
}

#plugins-level-buy-open-popup ul.items li .number,
#plugins-level-buy-open-popup ul.items li .price {
    line-height: 3.6rem;
}

#plugins-level-buy-open-popup ul.items li .price .value {
    font-size: 3.2rem;
}
#plugins-level-buy-open-popup ul.items.only-one li .price .value {
    font-size: 3.6rem;
}

#plugins-level-buy-open-popup ul.items li .price .symbol {
    font-size: 1.8rem;
}

#plugins-level-buy-open-popup ul.items li .bottom-line {
    position: relative;
    padding: 1rem 0;
    margin-top: 0.5rem;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

#plugins-level-buy-open-popup ul.items li .bottom-line::before {
    content: '';
    width: 100%;
    height: 0.1rem;
    background: #EEEEEE;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

#plugins-level-buy-open-popup ul.items li .bottom-line::after {
    content: '';
    width: 0;
    height: 0.1rem;
    background: var(--color-main);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: 0.4s ease;
}
#plugins-level-buy-open-popup ul.items.only-one li .bottom-line {
    font-size: 1.8rem;
    color: #666666;
    padding-left: 0;
    -webkit-line-clamp: 1;
}
#plugins-level-buy-open-popup ul.items.only-one li .bottom-line::before,
#plugins-level-buy-open-popup ul.items.only-one li .bottom-line::after {
    display: none;
}

#plugins-level-buy-open-popup ul.items li .content:hover .bottom-line::after,
#plugins-level-buy-open-popup ul.items li .selected .bottom-line::after {
    width: 100%;
}

#plugins-level-buy-open-popup ul.items.only-one li {
    width: 100%;
}

#plugins-level-buy-open-popup ul.items.only-one .only-left {
    width: calc(60%);
}

#plugins-level-buy-open-popup form.am-form .am-form-group {
    padding-bottom: 0 !important;
    padding-right: 0.5rem !important;
    margin-bottom: 0;
}

#plugins-level-buy-open-popup .am-tabs-d2 .am-tabs-nav {
    overflow-y: hidden;
    overflow-x: auto;
}

@media only screen and (max-width:640px) {
    #plugins-level-buy-open-popup form.am-form .am-form-group {
        padding: 0 0.5rem;
    }

    #plugins-level-buy-open-popup .am-tabs .am-tabs-bd {
        padding-top: 1rem;
    }
}


/**
 * 支付方式
 */
#plugins-level-buy-open-popup ul.payment-list li .content {
    width: 12.5rem;
    height: 12.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#plugins-level-buy-open-popup ul.payment-list li .content span {
    font-size: 1.4rem;
    font-weight: 400;
    color: #333333;
    line-height: 2.5rem;
    word-break: break-all;
}



/**
 * foot
 */
.level-vip .am-form-popup-fixed .am-form-popup-submit .am-btn {
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 3.3rem;
    padding: 1.2rem 5.8rem;
    margin-left: 3rem;
}

.level-vip .am-form-popup-fixed .am-form-popup-submit .pay-price {
    font-weight: 500;
}

.level-vip .am-form-popup-fixed .am-form-popup-submit .pay-price>span {
    font-size: 2.4rem;
    font-weight: 500;
}

.level-vip .am-form-popup-fixed .am-form-popup-submit .pay-price .price {
    font-size: 1.8rem;
}

.level-vip .am-form-popup-fixed .am-form-popup-submit .pay-price .price strong {
    font-size: 3.6rem;
}


@media only screen and (max-width: 640px) {
    .am-popup.level-vip .am-popup-inner {
        padding-top: 6rem;
    }

    .am-popup.level-vip .am-popup-hd .am-popup-title {
        padding: 1.5rem 0;
    }

    .am-popup.level-vip .am-popup-hd .am-popup-title .label,
    .am-popup.level-vip .am-popup-hd .am-popup-title .user,
    #plugins-level-buy-open-popup ul.items li .number {
        font-size: 1.6rem;
    }

    .am-popup.level-vip .am-popup-hd .am-popup-title .img {
        width: 3rem;
        height: 3rem;
    }

    .level-vip .am-nav>li>a,
    .level-vip .am-nav>li.am-active>a {
        font-size: 1.4rem;
    }

    .level-vip .am-nav>li>a {
        width: 12rem;
        line-height: 2.3rem;
        padding: 0;
    }

    .level-vip .am-nav-tabs>li:first-of-type.am-active .nav-bg,
    .level-vip .am-nav-tabs>li.am-active .nav-bg {
        height: 2.7rem;
    }
    .level-vip ul.am-tabs-nav.am-nav.am-nav-tabs {
        width: calc(100% - 3.2rem) !important;
    }
    .level-vip .tabs-sign {
        top: 0;
    }
    .level-vip .am-tabs-bd {
        padding: 1rem;
    }
    .level-vip .am-tabs-bd .am-tab-panel,
    #plugins-level-buy-open-popup form.am-form .am-form-group {
        padding: 0 !important;
    }
    #plugins-level-buy-open-popup ul.items li .content {
        width: 12.5rem;
        height: 12.5rem;
    }
    #plugins-level-buy-open-popup ul.items li .content,
    .level-payment-item ul li .content {
        padding: 0.5rem;
        margin: 0.5rem;
    }
    #plugins-level-buy-open-popup ul.items li .number, #plugins-level-buy-open-popup ul.items li .price {
        line-height: 2.6rem;
    }
    #plugins-level-buy-open-popup ul.items li .price .value {
        font-size: 2.4rem;
    }
    #plugins-level-buy-open-popup ul.items li .price .symbol,
    #plugins-level-buy-open-popup ul.items li .desc,
    #plugins-level-buy-open-popup ul.payment-list li .content span {
        font-size: 1.2rem;
    }
    #plugins-level-buy-open-popup ul.items li .desc {
        padding-top: 0.5rem;
        line-height: 20px;
        -webkit-line-clamp: 2;
    }
    .level-vip .divider {
        margin: 1.2rem 0;
    }
    #plugins-level-buy-open-popup ul.payment-list li .content {
        width: 10rem;
        height: 10rem;
    }
    #plugins-level-buy-open-popup ul.payment-list li .content span {
        text-align: center;
        line-height: normal;
    }
    .level-payment-item ul li .content img {
        width: 2.5rem;
        height: 2.5rem;
    }
    .level-vip .am-form-popup-fixed .am-form-popup-submit {
        padding: 1rem;
    }
    .level-vip .am-form-popup-fixed .am-form-popup-submit .am-btn {
        font-size: 1.4rem;
        padding: 0.8rem 1.2rem;
        font-weight: 500;
        line-height: 1.4rem;
        margin-left: 2rem;
        border-radius: 0.4rem;
    }
    .level-vip .am-form-popup-fixed .am-form-popup-submit .pay-price>span {
        font-size: 1.4rem;
    }
    .level-vip .am-form-popup-fixed .am-form-popup-submit .pay-price .price strong {
        font-size: 1.6rem;
    }
    .level-vip .am-form-popup-fixed .am-form-popup-submit .pay-price .price {
        font-size: 1.2rem;
    }
    .level-vip .am-form-popup-fixed {
        padding-bottom: 6rem;
    }
}