/* 这里是对 layui layer 宽/高加大一些，可以根据情况调整。
   或者把这里删掉，在其它地方，配置 layui layer 宽/高。
*/

#checkout_counter_popup {
    width: 100%;
}

/*
layui layer 宽度调整后，这里的宽度，也需要适当调整。
*/
#checkout_counter_popup .cc_main_info {
    width: 883px;
    height: 700px;
}

#checkout_counter_popup #cc_detail_container {
    min-height: 630px;
}

#checkout_counter_popup .cc_main_header {
    height: 70px;
}

#checkout_counter_popup .cchmhi_icon {
    margin-top: 0;
}

#checkout_counter_popup .cchmhi_info {
    padding-top: 0;
}

#checkout_counter_popup .cc_main_header {
}

.ccmh_expired_time {
    background: #fff;
    border-radius: 10px;
    height: 40px;
    margin-right: 24px !important;
    padding: 0 10px !important;
}

.ccmh_expired_time img.ccmhet_icon {
    width: 25px;
    height: 25px;
    margin-right: 12px;
}

.ccmh_expired_time img.ccmhet_arrow {
    width: 14px;
    height: 14px;
    margin-left: 7px !important;
}

.ccmh_expired_time .ccmhet_text {
    margin-left: 10px !important;
    color: #491e03;
    font-weight: 600;
    cursor: pointer;
}

.ccmh_expired_time .ccmhet_time {
    margin-left: 50px !important;
    color: #e84b29;
    font-weight: 600;
}

.ccmh_swiper {
    padding: 24px !important;
    width: 100%;
    height: 260px;
}

.ccmh_swiper .swiper-button-next,
.ccmh_swiper .swiper-button-prev {
    margin-top: -20px !important;
}

.ccmh_triangle_up {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid rgb(255, 230, 180); /* 控制颜色和大小 */
    position: absolute;
    bottom: -35px;
    left: 50%;
    margin-left: -20px !important;
}

.ccmd_disc {
    margin: -5px 24px 0 24px !important;
}

.ccmd_disc_content {
    width: 100%;
    height: 180px;
    background: rgb(255, 230, 180);
    border-radius: 20px;
    padding: 20px 0 !important;
    position: relative;
}

.ccmd_disc_item_vip {
    width: 130px;
    border-right: 1px solid rgb(255, 211, 122);
    height: 100%;
}

.ccmd_disc_img_vip1 {
    width: 40px;
    margin: 0 0 20px !important;
}

.ccmd_disc_img_vip2 {
    width: 90px;
}

.ccmd_disc_select {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #ff8105;
    color: #fff;
    font-size: 12px;
    padding: 5px !important;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.ccmd_disc_item {
    width: 20%;
    padding: 0 15px !important;
}

.ccmd_disc_img {
    width: 40px;
    margin: 0 0 10px !important;
}

.ccmd_disc_text1 {
    color: #491f03;
    font-weight: bold;
    margin: 0 0 5px !important;
    width: 100%;
    text-align: center;
}

.ccmd_disc_text2 {
    font-size: 12px;
    color: #491e03;
}

img.ccmd_disc_img_zc {
    width: 40px;
    position: absolute;
    top: -35px;
    right: 0;
}

.ccmd_privlege {
    border-radius: 20px;
    margin: 10px 24px !important;
    height: 140px;
    background: #fff9ea;
    padding-left: 25% !important;
    padding-top: 20px !important;
}

.ccmd_img_lujing {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 120px;
}

#checkout_counter_popup .price_desc {
    text-align: left;
    margin-left: 24px;
    font-size: 12px;
    color: #958989;
}

.ccmd_privlege_item {
    width: 33.33%;
    border-right: 1px solid rgb(255, 211, 122);
}

.ccmd_privlege_item:last-child {
    border-right: 0;
}

img.ccmdp_img_title {
    width: 120px;
    margin: 0 0 5px !important;
}



.ccmdp_text {
    font-size: 12px;
    margin: 0 0 5px !important;
    color: #491e03;
}

.ccmdp_text::before {
    content: '';
    display: inline-block;
    width: 4px; /* 圆点宽度 */
    height: 4px; /* 圆点高度 */
    border-radius: 50%; /* 变成圆形 */
    background: #958989; /* 圆点颜色 */
    margin-right: 4px !important; /* 可选：调整间距 */
}

.ccwm_recently_pay {
    margin-top: 40px !important;
    color: #666;
}

.ccwm_recently_item {
    font-size: 12px;
    margin-bottom: 10px !important;
}

.ccwm_recently_item img {
    width: 30px;
    height: auto;
    margin-right: 5px !important;
}



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

.ccwm_recently_pay {
    display: flex;
    flex-direction: column;
    position: absolute;
    width: 100%;
    animation: scrollUp var(--scroll-duration, 10s) linear infinite;
    transform: translateY(0); /* 确保初始值正确 */
}

@keyframes scrollUp {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-100%);
    }
}