dy_iaa_new_project/pages/pay/pay.ttss

/* e:\project\dy_video_all\dy_iaa_new_project\pages\pay\pay.ttss */

._pay_html {
    position: relative;
    padding-bottom: 196rpx;
}

._pay_top_bg {
    position: absolute;
    top: -46rpx;
    left: 0;
    width: 100%;
    height: 440rpx;
    z-index: 1;
}

._pay_body {
    position: relative;
    top: 0;
    left: 0;
    z-index: 2;
}

._pay_b_buy {
    display: flex;
    justify-content: flex-end;
    padding: 66rpx 32rpx;
}

._pay_b_bu_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    /* width: 208rpx; */
    height: 50rpx;
    padding: 0 32rpx;
    background-color: #000000;
    border-radius: 50rpx;
}

._pay_b_bu_bt_text {
    font-size: 20rpx;
    color: #fff;
}

._pay_b_user {
    width: 100%;
    padding: 0 32rpx;
}

._pay_b_us_info {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 152rpx;
}

._pay_b_us_in_right {
    width: 152rpx;
    height: 152rpx;
    border-radius: 50%;
    margin-left: 20rpx;
}

._pay_b_us_in_left {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
}

._pay_b_us_in_le_name {
    display: flex;
    max-width: 70%;
    line-height: 1;
}

._pay_b_us_in_le_na_text {
    display: inline-block;
    width: 100%;
    font-size: 44rpx;
    color: #fff;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

._pay_b_us_in_le_id {
    display: flex;
    line-height: 1;
    margin-top: 30rpx;
}

._pay_b_us_in_le_id_text {
    font-size: 24rpx;
    color: #fff;
}

._pay_b_us_in_le_warp {
    display: flex;
}

._pay_b_us_in_le_vip_icon {
    width: 44rpx;
    height: 36rpx;
}

._pay_b_vip_timer {
    width: 100%;
    padding: 0 32rpx;
    margin-top: 34rpx;
}

._pay_b_v_ti_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 158rpx;
    background-color: #080B16;
    border-radius: 16rpx;
    border: 2rpx solid #FFE8C3;
    padding: 0 28rpx;
}

._pay_b_v_ti_b_warp {
    display: flex;
    width: 100%;
}

._pay_b_v_ti_b_w_tips {
    display: flex;
    line-height: 1;
}

._pay_b_v_ti_b_w_t_text {
    font-size: 28rpx;
    color: #999999;
}

._pay_b_v_ti_b_w_timer {
    display: flex;
    line-height: 1;
}

._pay_b_v_ti_b_w_ti_text {
    font-size: 28rpx;
    color: #fff;
}

._pay_b_top_up {
    width: 100%;
    padding-left: 32rpx;
    padding-right: 16rpx;
    margin-top: 60rpx;
}

._pay_b_to_u_box {
    display: flex;
    flex-wrap: wrap;
}

._pay_b_to_u_b_item {
    width: 33.33%;
    height: 256rpx;
    padding-right: 16rpx;
    margin-bottom: 22rpx;
}

._pay_b_to_u_b_it_content {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background-color: #272A30;
    border-radius: 16rpx 40rpx 16rpx 16rpx;
    border: 4rpx solid transparent;
    overflow: hidden;
}

._pay_b_to_u_b_it_con_day {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 56rpx;
    padding: 0 20rpx;
}

._pay_b_to_u_b_it_con_da_text {
    display: inline-block;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 1;
    font-size: 28rpx;
    color: #999999;
}

._pay_b_to_u_b_it_con_price {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 1
}

._pay_b_to_u_b_it_con_pr_warp {
    display: flex;
    align-items: flex-end;
}

._pay_b_to_u_b_it_con_pr_symbol {
    font-size: 28rpx;
    color: #999999;
}

._pay_b_to_u_b_it_con_pr_num {
    font-size: 48rpx;
    color: #999999;
    font-weight: 600;
}

._pay_b_to_u_b_it_con_curr {
    display: flex;
    margin-top: 20rpx;
}

._pay_b_to_u_b_it_con_cur_text {
    font-size: 22rpx;
    color: #999999;
}

._pay_b_to_u_b_it_content._acv_bg_it {
    border-color: #5BBE04;
    background-color: rgba(91, 190, 4, 0.20);
}

._acv_bg_it ._pay_b_to_u_b_it_con_day {
    background: linear-gradient(180deg, #5BBE04 0%, #04BE55 100%);
}

._acv_bg_it ._pay_b_to_u_b_it_con_da_text {
    color: #080B16;
}

._acv_bg_it ._pay_b_to_u_b_it_con_pr_symbol {
    color: #5BBE04;
}

._acv_bg_it ._pay_b_to_u_b_it_con_pr_num {
    color: #5BBE04;
}

._acv_bg_it ._pay_b_to_u_b_it_con_cur_text {
    color: #5BBE04;
}

._pay_b_privilege {
    width: 100%;
    padding-left: 32rpx;
    padding-right: 16rpx;
    margin-top: 80rpx;
}

._pay_b_pri_list {
    display: flex;
    flex-wrap: wrap;
}

._pay_b_pri_li_item {
    width: 33.33%;
    height: 220rpx;
    padding-right: 16rpx;
}

._pay_b_pri_li_it_box {
    position: relative;
    width: 100%;
    height: 100%;
    /* overflow: hidden; */
}

._pay_b_pri_li_it_b_icon {
    position: absolute;
    top: -20rpx;
    left: 50%;
    width: 88rpx;
    height: 88rpx;
    border-radius: 50%;
    transform: translateX(-50%);
}

._pay_b_pri_li_it_b_description {
    display: flex;
    justify-content: center;
    padding-top: 102rpx;
}

._pay_b_pri_li_it_b_des_text {
    font-size: 24rpx;
    color: #fff;
}

._pay_b_pri_li_it_b_bg_color {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    overflow: hidden;
}

._pay_b_pri_li_it_b_bg_co_warp {
    position: absolute;
    top: 16rpx;
    left: -2rpx;
    width: 105%;
    height: 100%;
    background: linear-gradient(180deg, #272A30 0%, rgba(39, 42, 48, 0) 100%);
    border-radius: 56rpx 46rpx 0 0;
    transform: rotate(-6deg);
}

._pay_b_footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 32rpx 32rpx 60rpx;
    background-color: #080B16;
    z-index: 2;
}

._pay_b_foo_bug_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 84rpx;
    border-radius: 84rpx;
    background: linear-gradient(90deg, #5BBE04 0%, #04BE55 100%);
    z-index: 2;
}

._pay_b_foo_bug_bt_text {
    font-size: 28rpx;
    color: #fff;
}

._pay_notice {
    padding: 32rpx;
}

._pay_notice_item {
    display: flex;
    margin-top: 10rpx;
}

._pay_notice_item_text {
    font-size: 24rpx;
    color: #fff;
    line-height: 1.5;
}