dy_iaa_new_project/components/charge/charge.ttss

.video-footer {
    background-color: rgb(255, 255, 255);
    height: 1100rpx;
    width: 100%;
}
.content {
    width: 750rpx;
    /*height: 400rpx;*/
    box-sizing: border-box;
}

.pay-btn {
    width: 558rpx;
    height: 104rpx;
    line-height: 104rpx;
    background: #fa6435;
    border-radius: 72rpx;
    color: #ffffff;
}

button {
    margin: 0 !important;
}

.dykefu_btn {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    background-color: transparent !important;
    padding: 0;
    color: transparent;
}

.dykefu_btn::after {
    border: none;
}

.dykefu_warp {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.pay_ul {
    width: 50%;
}

.pay_li_class_default {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 180rpx;
    background: #f1f1f2;
    border-radius: 12rpx;
    padding: 50rpx 20rpx 30rpx;
    margin-bottom: 40rpx;
}

.pay_li_class_1 {
    .money__it_wa_ti_pr_text {
        color: #333;
    }

    .money__it_wa_ti_pr_te_icon {
        color: #333;
    }
}

.pay_li_class_2 {
    .money__it_wa_ti_pr_text {
        color: #fff;
    }

    .money__it_wa_ti_pr_te_icon {
        color: #fff;
    }

    .pay_li_cl_poster {
        background: linear-gradient(90deg, #705648, #534435);
    }

    .pay_li_cl_pos_text {
        color: #f1cda3;
    }

    background: url("https://dyjyjcweb.hunanjj.cn/dy_images/images/template_vip.png");
    background-size: 100% 100%;
}

.pay_li_class_4 {
    .money__it_wa_ti_pr_text {
        color: #333;
    }

    .money__it_wa_ti_pr_te_icon {
        color: #333;
    }

    background: url("https://dyjyjcweb.hunanjj.cn/dy_images/images/template_coins.png");
    background-size: 100% 100%;
}

.pay_li_cl_one {
    display: flex;
    flex-direction: row;
    align-items: center;

    .pay_li_cl_de_i_text {
        font-size: 16rpx;
    }
}

.money__it_wa_ti_price {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.money__it_wa_ti_pr_text {
    line-height: 1;
    font-weight: 600;
    font-size: 38rpx;
    color: #333;
}

.money__it_wa_ti_pr_te_icon {
    line-height: 1;
    font-weight: 600;
    font-size: 28rpx;
    color: #333;
}

.pay_li_cl_description {
    display: flex;
    flex-direction: row;
}

.pay_li_cl_desc_i {
    display: flex;
    padding: 8rpx 8rpx;
    background-color: #f8dfac;
    border-radius: 6rpx;
}

.pay_li_cl_de_i_text {
    line-height: 1;
    font-size: 20rpx;
    color: #ff562a;
}

.pay_li_cl_poster {
    position: absolute;
    left: 20rpx;
    top: 0;
    display: flex;
    transform: translateY(-50%);
    padding: 6rpx 12rpx;
    border-radius: 16rpx 0 16rpx 0;
    background: linear-gradient(135deg, #ff9d37, #ff6c00);
}

.pay_li_cl_pos_text {
    line-height: 1;
    font-size: 22rpx;
    color: #fff;
}

.pay_li_cl_desc_kb {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 20rpx;
}

.pay_li_cl_desc_k_icon {
    width: 32rpx;
    height: 32rpx;
    margin-right: 6rpx;

    .k_icon {
        display: block;
        width: 100%;
        height: 100%;
    }
}

.pay_li_cl_desc_k_num {
    line-height: 1;
    font-size: 26rpx;
    color: #ff562a;
}

.pay_li_cl_hand {
    position: absolute;
    top: 66px;
    right: -6px;
    width: 40px;
    height: 42px;

    .hand_icon {
        display: block;
        width: 100%;
        height: 100%;
    }
}

.pay_rule_li_item {
    margin-bottom: 10rpx;
}


.pay_rule_li_it_text {
    line-height: 1.5;
    font-size: 24rpx;
    color: #999;
}

.py-30 {
    padding-top: 15px;
    padding-bottom: 15px;
}
.px-30 {
    padding-left: 15px;
    padding-right: 15px;
}
.d-flex {
    display: flex !important;
}
.fs-36 {
    font-size: 18px !important;
}
.ml-20 {
    margin-left: 10px !important;
}
.fs-26 {
    font-size: 13px !important;
}
.mt-18 {
    margin-top: 9px !important;
}
.mt-22 {
    margin-top: 11px !important;
}
.fs-26 {
    font-size: 13px !important;
}
.fs-24 {
    font-size: 12px !important;
}
.mt-24 {
    margin-top: 12px !important;
}
.pl-10{
    padding-left: 10px !important;
}
.pr-10{
    padding-right: 10px !important;
}
.pt-40{
    padding-top: 40px !important;
}
.pt-20{
    padding-top: 20px !important;
}
.pb-60{
    padding-bottom: 60px !important;
}
.pb-20{
    padding-bottom: 20px !important;
}

.contact_customer_service {
    padding: 0;
    background: none;
    /*background: #ff562a;*/
}

.contact_customer_service::after {
    content: none;
}

.contact_custo_ser_icon {
    width: 50rpx;
    height: 50rpx;
}
.contact_custo_ser_txt {
    color: #ff562a;
   font-size: 26rpx !important;
}