.page-main, .banner, .content-main,.module-flash-sale{
    background: #fff9f1;
}

/* banner */
.banner-wap{
    position: relative;
}

/* nav */
.nav-product{
    position: relative;
}
.nav-product .w1200{
    height: 174px;
    position: absolute;
    top: -90px;
    left: 50%;
    transform: translateX(-50%);
}
.nav-product .w1200 .nav-top{
    height: 90px;
    display: flex;
    justify-content: center;
    position: relative;
    gap: 8px;
}
.nav-product .w1200 .nav-top:before{
    content: "";
    width: 100%;
    height: 70px;
    border-radius: 8px 8px 0 0;
    background: #8B0000;
    position: absolute;
    z-index: -1;
    bottom: -4px;
    left: 0;
}
.nav-product .w1200 .nav-top .item{
    width: 285px;
    height: 90px;
    padding: 22px 16px 19px;
    display: flex;
    justify-content: space-between;

    background: linear-gradient( 180deg, #ffefef 0%, #FFFFFF 100%);
    box-shadow: 0 8px 20px 1px rgba(0,0,0,0.16);
    border-radius: 4px 4px 0 0;
    border: 2px solid #FFFFFF;
    position: relative;
}
.nav-product .w1200 .nav-top .item .item-left .title{
    font-weight: bold;
    font-size: 18px;
    color: #262626;
}
.nav-product .w1200 .nav-top .item .item-left .title span,
.nav-product .w1200 .nav-top .item .item-left .desc span {
    color: #E90808;
}
.nav-product .w1200 .nav-top .item .item-left .desc{
    font-weight: 400;
    font-size: 14px;
    color: #673737;
}
.nav-product .w1200 .nav-top .item .item-right {
    width: 24px;
    height: 24px;
    border-radius: 24px;
    background: linear-gradient(180deg, #FFFFFF 0%, #F8F3F3 100%);
    box-shadow: 8px 8px 20px 1px rgba(146,0,0,0.1),
    inset -8px -8px 20px 1px rgba(255,255,255,0.16);
    border: 2px solid #FFFFFF;
    opacity: 0.8;

    display:flex;
    align-items:center;
    justify-content:center;
    position: absolute;
    top: 18px;
    right: 16px;
}
.nav-product .w1200 .nav-top .item .item-right:before{
    content: url("../img/2025autumn/icon-nav.png");
    position: absolute;
    top: 4px;
    left: 8px;
}
.nav-product .w1200 .nav-bg{
    width: 100%;
    height: 84px;
    background: url("../img/2025final/nav-bg.png") no-repeat;

    display: flex;
    justify-content: end;

    position: relative;
}
.nav-product .w1200 .nav-bg a{
    width: 162px;
    height: 40px;
    line-height: 40px;
    font-weight: 400;
    font-size: 16px;
    color: #9D1D0C;
    text-align: center;
    background: linear-gradient( 136deg, #FFF3E9 0%, #FFD2AF 100%);
    border-radius: 20px;
    margin-right: 32px;
    margin-top: 25px;
}
.nav-product .w1200 .nav-bg .desc{
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;

    position: absolute;
    top: 55%;
    transform: translateY(-50%);
    left: 30%;
}

/* 板块间距 */
.anchor-module{
    padding: 0;
}
.title-container{
    padding: 0 0 0 0;
}
.title-container .module-title{
    padding: 0;
}
.module-flash-sale .title-container{
    margin-top: 120px;
}

/* title-container */
.title-container .module-title{
    width: 1200px;
    height: 118px;
    margin: auto;
    border-radius: 0;

    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: center;
    align-items: center;
    padding-left: 24px;

    position: relative;
}
.title-container .module-title:before{
    content: none;
    display: inline-block;
    width: 270px;
    height: 116px;
    background: url("../img/2026autumn/title-bg.png") right;
    position: absolute;
    right: 0;
}
.title-container .module-title .title{
    padding: 0;
    font-weight: bold;
    font-size: 32px;
    color: #374567;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
.title-container .module-title .title span{
    color: #ff3e45;
}
.title-container .module-title .desc{
    padding: 0;
    font-weight: bold;
    font-size: 16px;
    color: #374567;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
.title-container .module-title .desc a{
    color: #ff3e45;
}

/* daily-card daily-y-card card */
.daily-y-cards{
    width: 1200px;
    margin: 20px auto 40px;
}
.daily-card.daily-y-card.card{
    background: #fff url("../img/2026double/flash-sale-bg.png") bottom left no-repeat;
    box-shadow:0 2px 8px #ebdada;
    border:2px solid #fff;
    border-radius:8px;
    margin-bottom: 0;

    display: flex;
    flex-direction: column;
}

.daily-y-cards .daily-y-card .top-head {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 20px 20px 0 20px;
}
.daily-y-cards .daily-y-card .top-head .title{
    font-weight: bold;
    font-size: 20px;
    color: #181818;
}
.daily-y-cards .daily-y-card .top-head .desc{
    font-weight: 400;
    font-size: 14px;
    color: #A2A2A2;
}

.daily-y-cards .daily-y-card .tags{
    margin-top: 16px;
    display: flex;
    gap: 8px;
    padding: 0 20px;
}
.daily-y-cards .daily-y-card .tags .tag{
    font-weight: 400;
    font-size: 12px;
    color:#ff3e45;
    border:1px solid #ff3e45;
    padding: 4px 8px;
    border-radius:2px;
}
.daily-y-cards .daily-y-card .tags.hot .tag{
    border:1px solid #fc6500;
    color:#f60;
}
.daily-y-cards .daily-y-card .tags .tag.hot{
    padding: 4px 6px;
    background: linear-gradient( 135deg, #f59b00 0%, #ff0101 100%);
    color: #FFFFFF;
    display: flex;
    gap: 4px;
    align-items: center;
    border: 0;
}
.daily-y-cards .daily-y-card .tags .tag.hot:before{
    content: "";
    display: inline-block;
    background: url("../img/2026autumn/tag-hot.png");
    width: 14px;
    height: 16px;
}

/*price v1*/
.daily-y-cards .daily-y-card .price-box{
    padding: 0 20px;
    margin-top: 22px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.daily-y-cards .daily-y-card .price-box .price{
    display: flex;
    gap: 8px;
    align-items: center;
}
.daily-y-cards .daily-y-card .price-box .price .now-price{
    font-weight: 400;
    font-size: 14px;
    color: #191C21;
}
.daily-y-cards .daily-y-card .price-box .price .now-price .num{
    font-weight: bold;
    font-size: 32px;
    color: #FF3E45;
}
.daily-y-cards .daily-y-card .price-box .price .price-tip{
    padding: 2px 8px;

    border-radius: 10px;
    border: 1px solid #FE5F47;

    font-weight: 400;
    font-size: 12px;
    color: #F53316;

    cursor: pointer;
}
.daily-y-cards .daily-y-card .price-box .old-price{
    font-weight: 400;
    font-size: 14px;
    color: #A2A2A2;
}
.daily-y-cards .daily-y-card .configs{
    padding: 0 20px;
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    justify-content: center;
}
.daily-y-cards .daily-y-card .configs .config{
    width: calc((100% - 10px)/2);
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: start;
    justify-content: center;

    padding: 4px 0;
    border-bottom: 1px solid #fff;
}
.daily-y-cards .daily-y-card .configs .config .label{
    font-weight: 400;
    font-size: 12px;
    color: #703c3c;
}
.daily-y-cards .daily-y-card .configs .config .value{
    font-weight: bold !important;
    font-size: 14px !important;
    color: #191C21 !important;
    height: 18px;
}
.daily-y-cards .daily-y-card .bottom .tags{
    display: flex;
    justify-content: start;
    gap: 6px;
}
.daily-y-cards .daily-y-card .bottom .tag{
    padding: 3px 10px;
    background: #FFECEC;
    border-radius: 2px 2px 2px 2px;
    font-weight: 400;
    font-size: 12px;
    color: #703C3C;
}

.daily-y-cards .daily-y-card .bottom .tag.tag-hot{
    padding: 0;
    background: linear-gradient( 135deg, #FF7700 0%, #FF0000 100%);
    color: #fff;
    width: 64px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    position: relative;
}
.daily-y-cards .daily-y-card .bottom .tag.tag-hot span{
    padding-left: 10px;
}
.daily-y-cards .daily-y-card .bottom .tag.tag-hot:before {
    content: url('../img/2025daily/promotion-cut-bg.png');
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-36%);
}

.daily-y-cards .daily-y-card .btn-box {
    margin-top: auto;
    padding: 24px 20px 20px 20px;
}
.daily-y-cards .daily-y-card .btn-box a {
    display: block;
    padding: 10px;
    text-align: center;
    width: 100%;
    box-sizing: border-box;

    background: linear-gradient(135deg, #ff7700 0%, #ff0000 100%);
    border-radius: 0 0 5px 5px;
    font-weight: bold;
    font-size: 16px;
    color: #ffffff;
}

/* line-change-container */
.line-change-container{
    display: flex;
    width: 1200px;
    height: 52px;
    border-bottom: 1px solid #f62514;
    margin: 0 auto 20px;

    --cut: 22px;
    overflow: hidden;
}
.line-change-container .line-option{
    position: relative;
    flex: 0 0 calc(50% + var(--cut) / 2);
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    box-sizing: border-box;

    background: linear-gradient( 135deg, #ffefe5 0%, #ffffff 100%);
    box-shadow: 0 4px 8px 1px rgba(59,10,10,0.5);
    font-weight: bold;
    font-size: 16px;
    color: #212121;

    cursor: pointer;
}
.line-change-container .line-option.checked {
    background: linear-gradient( 135deg, #f62514 0%, #fd8b55 100%);
    color: #ffffff;
}
/*斜切*/
.line-change-container .line-option:first-child {
    margin-left: 0;
    clip-path: polygon(
        0 0,
        100% 0,
        calc(100% - var(--cut)) 100%,
        0 100%
    );
    z-index: 2;
}
.line-change-container .line-option:last-child {
    margin-left: calc(var(--cut) * -1);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    z-index: 1;
}


/* ecs */
.module-ecs .content-contact{
    padding: 0;
    display: none;
}
.module-ecs .content-contact.checked{
    display: block;
}
.module-ecs .module-radio-g{
    display: flex;
    justify-content: space-between;
    gap: 20px;
    width: 1200px;
    margin: auto;
    flex-wrap: wrap;
}
.module-ecs .module-body-g{
    width: 880px;
    padding: 25px 0;
}
.module-ecs .content-container {
    display: none;
}

.module-ecs .content-container.checked {
    display: block;
}

.module-ecs .daily-y-cards{
    gap: 20px;
    margin: 0;
}
.module-ecs .daily-y-cards .daily-y-card{
    width: 436px;
    background: #FFFFFF;
    border-radius: 8px;
}
.module-ecs .daily-y-cards .daily-y-card:hover{
    border:2px solid #fe5f47;
}
.module-ecs .daily-y-cards .daily-y-card .top{
    background: linear-gradient( 180deg, #ffecef 0%, #fff 100%);
    border-radius: 8px;
}
.module-ecs .daily-y-cards .daily-y-card .top .top-head:before{
    content: none;
}
.module-ecs .daily-y-cards .daily-y-card .top .top-head{
    padding: 24px 24px 0 24px;
    background: url("../img/2026double/ecs-bg.png") no-repeat right;
}

.module-ecs .daily-y-cards .daily-y-card .top .configs .config:not(:last-child)::after{
    content: none;
}
.module-ecs .daily-y-cards .daily-y-card .top .configs{
    margin-top: 0;
    width: 100%;
    padding: 26px 24px 24px 27px;
    display: flex;
    justify-content: space-between;
}
.module-ecs .daily-y-cards .daily-y-card .top .configs .config{
    width: auto;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    border-bottom: none;
}
.module-ecs .daily-y-cards .daily-y-card .top .configs .config[data-type="disk"]{
    display: none;
}
.module-ecs .daily-y-cards .daily-y-card .top .configs .config .label, .module-ecs .daily-y-cards .daily-y-card .top .configs .config .value{
    width: auto;
    text-align: center;
    align-self: unset;
}
.module-ecs .daily-y-cards .daily-y-card .top .configs .config .value.custom-select {
    display: flex;
    justify-content: left;
    padding: 5px 12px 5px 12px;
    height: 32px;
    line-height: 32px;
    background: #F9F9F9;
    border-radius: 2px;
    font-weight: 400;
    font-size: 14px;
    color: #1F1F1F;
}
.module-ecs .daily-y-cards .daily-y-card .top .configs .config.config-all {
}

.module-ecs .daily-y-cards .daily-y-card .bottom{
    padding: 0 22px;
    margin-bottom: 20px;
    background: #fff;
    display: flex;
    flex-direction: unset;
    justify-content: space-between;
    align-items: end;
    gap: 33px;
    border-radius: 8px;
}
.module-ecs .daily-y-cards .daily-y-card .bottom{
    border: none;
}
.module-ecs .daily-y-cards .daily-y-card .bottom .price-box{
    display: flex;
    justify-content: space-between;
    gap: 16px;
    flex-direction: unset;
    padding: 0;
    margin: 0;
}
.module-ecs .daily-y-cards .daily-y-card .bottom .price-box .price-month-ave{
    font-weight: 400;
    font-size: 12px;
    color: #3C4D70;
}
.module-ecs .daily-y-cards .daily-y-card .bottom .price-box .price-month-ave .num{
    color: #FE5F47;
}
.module-ecs .daily-y-cards .daily-y-card .bottom .price-box .price{
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    align-items: center;
    border-radius: 2px;
    color: #b9b9b9;
    border: 1px solid #B9B9B9;
    position: relative;
    cursor: default;
}
.module-ecs .daily-y-cards .daily-y-card .price-box .price .now-price .num,
.module-ecs .daily-y-cards .daily-y-card .price-box .price .now-price{
    color: #b9b9b9;
}

.module-ecs .daily-y-cards .daily-y-card .price-box .price.checked .now-price .num,
.module-ecs .daily-y-cards .daily-y-card .price-box .price.checked .now-price{
    color: #FF2726;
}
.module-ecs .daily-y-cards .daily-y-card .bottom .price-box .old-price{
    color: #b9b9b9;
    opacity: .5;
}
.module-ecs .daily-y-cards .daily-y-card .bottom .price-box .price .icon{
    position: absolute;
    right: -8px;
    top: -14px;
    padding: 3px 6px;
    background: linear-gradient( 135deg, #E11A1A 0%, #FF5C07 100%);
    border-radius: 8px 8px 8px 0;
    font-weight: 400;
    font-size: 10px;
    color: #FFFFFF;
}
.module-ecs .daily-y-cards .daily-y-card .bottom .price-box .now-price .num{
    font-size: 18px;
}
.module-ecs .daily-y-cards .daily-y-card .bottom .price-box .price.checked .old-price{
    color: #FF2726;
}
.module-ecs .daily-y-cards .daily-y-card .bottom .price-box .price.checked{
    border: 1px solid #FF2726;
    color: #FF2726;
}

.module-ecs .daily-y-cards .daily-y-card .btn-box{
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 0;
}
.module-ecs .daily-y-cards .daily-y-card .btn-box .price-month-ave{
    font-weight: 400;
    font-size: 12px;
    color: #3C4D70;
}
.module-ecs .daily-y-cards .daily-y-card .btn-box .price-month-ave .num{
    color: #FE5F47;
}
.module-ecs .daily-y-cards .daily-y-card .btn-box a{
    display: block;
    padding: 10px 0;
    line-height: unset;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    background: linear-gradient( 90deg, #F62514 0%, #FD8B55 100%);
    border-radius: 4px;
}
.module-ecs .module-body-g, .module-ecs .daily-y-cards{
    width: 900px;
}
.module-ecs .module-body-g {
    padding: 0 0 25px 0;
}


/* ecs tab-box-y */
.tab-box-y{
    width: 280px;
    height: 570px;
    display: flex;
    flex-direction: column;
    background: #fff;
    padding: 24px;
}
.tab-box-y .tab-box-content{
    width: 232px;
    height: 100%;
    background: #FFF7F8 url("../img/2026spring/tab-y-bg.png") no-repeat bottom right;
    display: flex;
    flex-direction: column;
}
.tab-box-y .common-radio.region{
    width: 100%;
    padding: 24px 0;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    color: #2E2727;
    cursor: pointer;
}
.tab-box-y .common-radio.region.checked{
    background: linear-gradient( 90deg, #F62514 0%, #FD8B55 100%);
    color: #FFFFFF;
    position: relative;
}
.tab-box-y .common-radio.region.checked:before{
    content: url("../img/2026spring/ecs-icon.png");
}

.tab-box-y .common-radio.desc{
    display: none;
    width: 100%;
    flex-direction: column;
    gap: 20px;
    padding: 20px 0 94px 28px;
    font-weight: 500;
    font-size: 14px;
    color: #2E2727;
}
.tab-box-y .common-radio.desc li{
    font-weight: 500;
    font-size: 14px;
    color: #2E2727;
}
.tab-box-y .common-radio.desc li::marker {
    color: #FF3E45;
}
.tab-box-y .common-radio.desc li:last-child{
    color: #FF3E45;
}
.tab-box-y .common-radio.desc.checked{
    display: flex;
}

/* common-radio-panel looks-bnt */
.more-container{
    flex: 1;
}
.common-radio-panel.looks-bnt{
    display: none;
    font-weight: bold;
    font-size:14px;
    color:#374567;
    text-align: center;
}
.common-radio-panel.looks-bnt.checked{
    display: block;
}

/* server */
.module-server .daily-y-cards .daily-y-card{
    width: 283px;
    position: relative;
}
.module-server .daily-y-cards .daily-y-card .hot-txt{
    display: none;
    position: absolute;
    top: -1px;
    right: -1px;
    font-weight: 400;
    font-size: 12px;
    color: #5A3102;
    padding: 5px 10px;
    background: linear-gradient(135deg, #F4EAB8 0%, #D1924F 100%);
    border-radius: 0 4px 0 4px;
}
.module-server .line-change-container .line-option{
    flex: 0 0 calc(34% + var(--cut) / 2);
}
/* 斜切方向：\，左右外边缘保持直线 */
.module-server .line-change-container .line-option:first-child {
    clip-path: polygon(
        0 0,
        100% 0,
        calc(100% - var(--cut)) 100%,
        0 100%
    );
    z-index: 2;
}
.module-server .line-change-container .line-option:not(:first-child):not(:last-child) {
    margin-left: calc(var(--cut) * -1);
    clip-path: polygon(
        0 0,
        100% 0,
        calc(100% - var(--cut)) 100%,
        0 100%
    );
    z-index: 1;
}

.module-server .line-change-container .line-option:last-child {
    margin-left: calc(var(--cut) * -1);
    clip-path: polygon(
        var(--cut) 0,
        100% 0,
        100% 100%,
        0 100%
    );
    z-index: 3;
}
.module-server .content-container{
    display: none;
}
.module-server .content-container.checked{
    display: block;
}

.module-server .daily-y-cards{
    margin-bottom: 20px;
}
.module-server .daily-y-cards .daily-card.daily-y-card.card{
    border-radius: 6px;
    background: none;
}
.module-server .daily-y-cards .daily-card.daily-y-card.card:hover{
    border: 2px solid #fe5f47;
}

.module-server .daily-y-cards .daily-y-card .top{
    background: linear-gradient( 180deg, #ffecef 0%, #fff 100%);
    padding-bottom: 24px;
    border-radius: 6px 6px 0 0;
}
.module-server .daily-y-cards .daily-y-card .top .top-head{
    background: url("../img/2026double/server-bg.png") no-repeat;
    position: unset;
    padding: 27px 22px 0 22px;
}
.daily-y-cards .daily-y-card .top .top-head:before{
    content: none;
}
.module-server .daily-y-cards .daily-y-card .configs{
    margin-top: 0;
    padding: 24px 22px 0 22px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.module-server .daily-y-cards .daily-y-card .configs .config{
    width: 100%;
    display: flex;
    flex-direction: unset;
    border-bottom: none;
    padding: 0;
    justify-content: flex-start;
}

.module-server .daily-y-cards .daily-y-card .bottom{
    border: none;
    padding: 24px 22px 22px 22px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-radius: 0 0 6px 6px;
}
.module-server .daily-y-cards .daily-y-card .bottom .price-box{
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: unset;
    gap: 13px;
}
.module-server .daily-y-cards .daily-y-card .tags{
    margin: 0;
    padding: 0;
}
.module-server .daily-y-cards .daily-y-card .bottom .price-box .price-month-ave{
    display: block;
    font-size:12px;
    color:#3c4d70;
}
.module-server .daily-y-cards .daily-y-card .bottom .price-box .price-month-ave .num{
    color: #FE5F47;
}
.module-server .daily-y-cards .daily-y-card .price-box .price{
    width: 112px;
    display: flex;
    flex-direction: column;
    gap: 0;
    border: 1px solid #b9b9b9;
    color: #b9b9b9;
    border-radius: 2px;
    padding: 10px;
    cursor: pointer;
}
.module-server .daily-y-cards .daily-y-card .price-box .price .now-price .num{
    font-size: 18px;
    color: #b9b9b9;
}
.module-server .daily-y-cards .daily-y-card .price-box .price .now-price,
.module-server .daily-y-cards .daily-y-card .price-box .price .old-price{
    color: #b9b9b9;
    font-size: 12px;
}
.module-server .daily-y-cards .daily-y-card .price-box .price.checked{
    border: 1px solid #ff3e45;
}
.module-server .daily-y-cards .daily-y-card .price-box .price.checked .now-price .num,
.module-server .daily-y-cards .daily-y-card .price-box .price.checked .now-price,
.module-server .daily-y-cards .daily-y-card .price-box .price.checked .old-price{
    color: #FF3E45;
}
.module-server .daily-y-cards .daily-y-card .btn-box{
    padding: 0;
}
.module-server .daily-y-cards .daily-y-card .bottom .btn-box a{
    padding: 0;
    border-radius: 4px;
    background: linear-gradient(90.00deg, #f62514 0%, #fd8b55 100%);
}
.module-server .looks-bnt{
    display: block;
    width: 1200px;
    margin: auto;
    padding: 40px;
    font-weight: bold;
    font-size: 14px;
    color: #374567;
    text-align: center;
}
.module-server .daily-y-cards .daily-y-card .bottom .tag{
    background: linear-gradient(135deg, #FF7700 0%, #FF0000 100%);
    border: 0;
    color: #fff;
}



.module-server .content-container[data-value="ddosServer"] .daily-y-cards .daily-y-card .configs .config,
.module-server .content-container[data-value="cn2Server"] .daily-y-cards .daily-y-card .configs .config{
    /*width: calc((100% - 10px) / 2);*/
    /*flex: none;*/
}


.module-chat-us{
    width: 1200px;
    height: 180px;
    margin: auto;
    background: url("../img/2026double/chat-us-bg.png") no-repeat;
    position: relative;
}
.module-chat-us a{
    display: block;
    width: 162px;
    height: 54px;
    border-radius: 27px;
    background: linear-gradient(90.00deg, #f62514 0%, #fd8b55 100%);
    border: 2px solid #fff;
    box-shadow: 0 0 20px #67373766;

    text-align: center;
    line-height: 54px;
    font-weight: 400;
    font-size: 20px;
    color: #fff;

    position: absolute;
    right: 18%;
    top: 50%;
    transform: translateY(-50%);
}


.module-aff{
    margin-top: 20px;
    padding-bottom: 75px;
}
.module-aff a{
    display: block;
    width: 1200px;
    height: auto;
    margin: auto;
}

/* alt */
.price-tip {
    position: relative;
    cursor: pointer;
}

/* 浮动介绍框 */
.price-tip-content{
    position: absolute;
    bottom: calc(100% + 12px);
    left: 50%;
    transform: translateX(-50%) translateY(5px);

    width: 210px;
    padding: 16px;

    box-sizing: border-box;
    background: #fff;
    border-radius: 4px;

    box-shadow: 0 4px 8px 1px rgba(0,0,0,0.1);
    border: 1px solid #DCDEE3;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transition: all .2s ease;

    z-index: 100;
}
/* 鼠标移入 */
.price-tip:hover .price-tip-content {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}
/* 底部倒三角 */
.price-tip-content::after {
    content: "";
    position: absolute;

    left: 50%;
    bottom: -7px;

    width: 12px;
    height: 12px;

    background: #fff;

    transform: translateX(-50%) rotate(45deg);

    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.price-tip-content{
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: start;

    font-weight: 400;
    font-size: 12px;
    color: #191C21;
}
.price-tip-content .tip-content-original-price{
    color: #A2A2A2;
}
.price-tip-content .tip-content-activity{
    display: flex;
    justify-content: space-between;
}
.price-tip-content .tip-content-segmentation{
    width: 100%;
    height: 1px;
    background: #EBECEF;
}
.price-tip-content .tip-content-price{
    display: flex;
    justify-content: space-between;
}
.price-tip-content .tip-content-price .tip-content-price-item{
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.price-tip-content .tip-content-price .tip-content-price-item:last-child{
    color: #FE5F47;
    text-align: right;
}
.price-tip-content .tip-content-rule{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.price-tip-content .tip-content-rule .rules{
    color: #A2A2A2;

    display: flex;
    flex-direction: column;
    gap: 4px;
}

/* layout */
a[yui-button][type='primary']:not([disabled]):hover{
    background: linear-gradient(135deg, #F4EAB8 0%, #D1924F 100%);
    color: #5A3102;
}