body{
    background: rgba(255, 245, 247, 1);
    /* background-image: url('/img/year-end-sale-2024/JP00.png'); */
    background-repeat: repeat-y; /* 竖向重复 */
    background-size: 100% auto; /* 横向百分比拉伸 */
    position: relative;
}
.container{
    max-width: 1200px;
}
.flex_box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
img{max-width: 100%;height: auto;}
.bg_img{position: absolute;z-index: -1;}
.bg_img.bg_img1{top: 1130px;left: 70px;}
.bg_img.bg_img2{top: 3603px;right: 12px;}
.bg_img.bg_img3{bottom: 1710px;left: 105px;}
.bg_img.bg_img4{top: 2171px;right: 96px;}
.bg_img.bg_img5{bottom: 93px;left: 47px;}
.banner{
    background: url(/img/graduation-newlife-sale/banner-bg.jpg) top center no-repeat rgba(255, 245, 247, 1);
    background-size: cover;
    padding: 62px 0 94px;
}
.banner .tit{
    color: rgba(246, 51, 154, 1);
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    width: 100%;
    max-width: 170px;
    box-sizing: border-box;
    text-align: center;
    margin: 0 auto 20px;
}
.banner .new_tit{
    color: rgba(30, 41, 57, 1);
    font-weight: 800;
    font-size: 24px;
    line-height: 32px;
    margin: 0 auto 28px;
    text-align: center;
    margin: 0 auto 38px;
}
.banner h1{
    text-align: center;
    color: rgba(30, 41, 57, 1);
    font-weight: 800;
    font-size: 60px;
    line-height: 60px;
    margin: 0 auto 37px;
}
.banner .date{
    background: rgba(230, 0, 18, 1);
    box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.1), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
    border-radius: 25px;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    font-weight: 700;
    font-size: 18px;
    line-height: 44px;
    width: 100%;
    max-width: 488px;
    box-sizing: border-box;
    margin: 0 auto;
    transform: rotate(-1.5deg);
    margin: 0 auto 56px;
}
.banner .top_box{
    border-radius: 24px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 8px 10px -6px rgba(0, 0, 0, 0.1), 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 34px 0;
    border-top: 8px solid;
    border-color: rgba(253, 165, 213, 1);
    position: relative;
}
.banner .top_box .title{
    text-align: center;
    color: rgba(30, 41, 57, 1);
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
}
.banner .top_box .off_text{
    text-align: center;
    color: rgba(74, 85, 101, 1);
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    margin: 12px 0;
}
.banner .top_box .off_text span{
    text-align: center;
    color: rgba(230, 0, 18, 1);
    font-weight: 900;
    font-size: 72px;
    line-height: 72px;
}
.banner .top_box .info{
    text-align: center;
    color: rgba(74, 85, 101, 1);
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}
.banner .top_box::before{
    position: absolute;
    content: "";
    width: 74px;
    height: 74px;
    background: url(/img/graduation-newlife-sale/banner-icon1.svg) no-repeat;
    left: 34px;
    top: 18px;
}
.banner .top_box::after{
    position: absolute;
    content: "";
    width: 74px;
    height: 74px;
    background: url(/img/graduation-newlife-sale/banner-icon2.svg) no-repeat;
    bottom: 20px;
    right: 38px;
}


h2{
    text-align: center;
    color: rgba(30, 41, 57, 1);
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 48px;
}
h2 i{
    width: 24px;
    height: 24px;
    background: url(/img/graduation-newlife-sale/icon.svg) no-repeat;
    margin: 0 12px;
    display: inline-block;
}
h2 span{
    color: rgb(230, 0, 18);
}
/* bundle_box */
.bundle_box{
    margin-bottom: 70px;
}
.bundle_box .bundle_item{
    position: relative;
    box-sizing: border-box;
    padding: 24px;
    width: 100%;
    max-width: 586px;
    box-sizing: border-box;
    background: #fff;
    margin-bottom: 26px;
    border-radius: 14px;
    border: 1px solid rgba(252, 206, 232, 1);
    box-sizing: border-box;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.bundle_box .bundle_item .off_box{
    position: absolute;
    right: -2px;
    top: -2px;
    border-radius:  0px 14px 0px 10px;
    background: rgba(230, 0, 18, 1);
    box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.1), 0px 2px 6px rgba(0, 0, 0, 0.1);
    color: rgba(255, 255, 255, 1);
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    max-width: 85px;
    width: 100%;
    text-align: center;
}
.bundle_box .bundle_item img{
    width: 100%;
    max-width: 200px;
    height: auto;
}
.bundle_box .bundle_item .data{
    max-width: 308px;
    width: 100%;
    box-sizing: border-box;
}
.bundle_box .bundle_item .data .product_name{
    color: rgba(30, 41, 57, 1);
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 8px;
}
.bundle_box .bundle_item .data .for_sys{
    color: rgba(106, 114, 130, 1);
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 8px;
}
.bundle_box .bundle_item .data .product_info{
    color: rgba(74, 85, 101, 1);
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
}
.bundle_box .bundle_item .data .price{
    border-radius: 10px;
    background: rgba(245, 245, 245, 1);
    padding: 8px 20px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    color: rgba(230, 0, 18, 1);
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
}
.bundle_box .bundle_item .data .price span,.bundle_box .bundle_item .data .price del{
    color: rgba(153, 161, 175, 1);
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-decoration-line: strikethrough;
}
.bundle_box .bundle_item .data .price span{
    display: block;
}
.bundle_box .bundle_item .data .buy_btn a{
    line-height: 34px;
    min-width: 150px;
    margin: 0;
    font-size: 14px;
}
.bundle_box .bundle_item .data .buy_btn a i{
    vertical-align: -3px;
}
.bundle_box .bundle_item .data .buy_btn a:hover{
    transform:scale(1.02);
}
/* new_bundle */
.new_bundle{
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255, 162, 162, 1) 0%, rgba(253, 165, 213, 1) 100%);
    padding: 2px;
    box-sizing: border-box;
    margin-bottom: 96px;
}
.new_bundle h2{
    margin-bottom: 0;
}
.new_bundle>div{
    width: 100%;
    border-radius: 24px;
    max-width: 100%;
    background: #fff;
    padding: 46px 10px;
}
.new_bundle .new{
    border: 1px solid rgba(230, 0, 18, 1);
    box-sizing: border-box;
    background: rgba(255, 255, 255, 1);
    border-radius: 16px;
    width: 100%;
    max-width: 90px;
    text-align: center;
    color: rgba(230, 0, 18, 1);
    font-weight: 700;
    font-size: 14px;
    line-height: 30px;
    margin: 0 auto;
    margin-bottom: 16px;
}
.new_bundle .new_item{
    position: relative;
    box-sizing: border-box;
    padding: 32px 64px;
    border-radius: 24px;
    border: 2px solid rgba(255, 229, 143, 1);
    box-sizing: border-box;
    background: rgba(255, 251, 230, 1);
    width: 100%;
    max-width: 1080px;
    margin: 40px auto 0;
}
.new_bundle .new_item .off_text{
    position: absolute;
    right: -2px;
    top: -2px;
    border-radius:  0px 24px 0px 20px;
    background: rgba(230, 0, 18, 1);
    box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.1), 0px 2px 6px rgba(0, 0, 0, 0.1);
    color: rgba(255, 255, 255, 1);
    font-weight: 700;
    font-size: 32px;
    line-height: 52px;
    max-width: max-content;
    padding: 0 5px;
    width: 100%;
    text-align: center;
}
.new_bundle .new_item img{
    width: 100%;
    max-width: 280px;
    box-sizing: border-box;
    height: auto;
}
.new_bundle .new_item .data{
    width: 100%;
    max-width: 540px;
    box-sizing: border-box;
}
.new_bundle .new_item .data .name{
    color: rgba(30, 41, 57, 1);
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
}
.new_bundle .new_item .data .for_sys{
    color: rgba(106, 114, 130, 1);
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin: 8px auto 16px;
}
.new_bundle .new_item .data .product_info{
    padding: 16px 20px;
    border-radius: 10px;
    background: rgba(255, 229, 143, 1);
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    color: rgba(74, 85, 101, 1);
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 16px;
}
.new_bundle .new_item .data .pay_box{
    justify-content: flex-start;
}
.new_bundle .new_item .data .pay_box .price{
    color: rgba(230, 0, 18, 1);
    font-weight: 700;
    font-size: 36px;
    line-height: 40px;
    margin-right: 24px;
}
.new_bundle .new_item .data .pay_box .price del,.new_bundle .new_item .data .pay_box .price span{
    color: rgba(153, 161, 175, 1);
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-decoration-line: strikethrough;
    display: block;
}
/* one_single */
.one_single{
    margin-bottom: 96px;
}
.one_single h2{
    margin-bottom: 0;
}
.one_single .one_box{
    justify-content: space-evenly;
}
.one_single .one_item{
    margin-top: 40px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    max-width: 356px;
    box-sizing: border-box;
    padding: 18px 24px 24px;
    border-top: 6px solid rgb(0, 212, 146);
}
.one_single .one_item .name_icon{
    justify-content: flex-start;
    margin-bottom: 16px;
}
.one_single .one_item .name_icon img{
    margin-right: 16px;
    width: 64px;
    height: auto;
}
.one_single .one_item .name_icon .name{
    color: rgba(30, 41, 57, 1);
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 4px;
}
.one_single .one_item .for_sys{
    color: rgba(153, 161, 175, 1);
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
}
.one_single .one_item .text{
    color: rgba(74, 85, 101, 1);
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 16px;
}
.one_single .one_item .price{
    color: rgba(230, 0, 18, 1);
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
}
.one_single .one_item .price del,.one_single .one_item .price span{
    color: rgba(153, 161, 175, 1);
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-decoration-line: strikethrough;
}
.one_single .one_item .buy_btn a{
    line-height: 34px;
    min-width: 150px;
    margin: 0;
    font-size: 14px;
}
.one_single .one_item .buy_btn a i{
    vertical-align: -3px;
}
.one_single .one_item .buy_btn a:hover{
    transform:scale(1.02);
}
.one_single .one_box .one_item:nth-child(2){
    border-color: rgb(43, 127, 255);
}
.one_single .one_box .one_item:nth-child(3){
    border-color: rgb(194, 122, 255);
}
.one_single .one_box .one_item:nth-child(4){
    border-color: rgb(255, 185, 0);
}
.one_single .one_box .one_item:nth-child(5){
    border-color: rgb(0, 187, 167);
}
/* two_single */
.two_single{
    margin-bottom: 136px;
}
.two_single h2{
    margin-bottom: 0;
}
.two_single .text{
    text-align: center;
    color: rgba(230, 0, 118, 1);
    font-family: Inter;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    margin: 0 auto;
    background: rgba(252, 231, 243, 1);
    border-radius: 16px;
    max-width: 282px;
    width: 100%;
    box-sizing: border-box;
    margin-top: 8px;
}
.two_single .two_box{
    justify-content: space-evenly;
}
.two_single .two_item{
    padding: 32px 20px;
    border-radius: 16px;
    background: rgba(255, 229, 143, 1);
    box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1);
    width: 100%;
    max-width: 420px;
    box-sizing: border-box;
    margin-top: 44px;
}
.two_single .two_item .name_icon{
    justify-content: center;
    margin-bottom: 16px;
}
.two_single .two_item .name_icon img{
    margin-right: 16px;
    width: 64px;
    height: auto;
}
.two_single .two_item .name_icon .name{
    color: rgba(30, 41, 57, 1);
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 4px;
}
.two_single .two_item .for_sys{
    color: rgba(153, 161, 175, 1);
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
}
.two_single .two_item .price{
    color: rgba(230, 0, 18, 1);
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    text-align: center;
    margin-bottom: 24px;
}
.two_single .two_item .price del,.two_single .two_item .price span{
    color: rgba(153, 161, 175, 1);
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-decoration-line: strikethrough;
}
.two_single .two_item .price span{
    display: block;
}
.two_single .two_item .buy_btn{
    margin: 0 auto;
}
.two_single .two_item .buy_btn a{
    line-height: 34px;
    min-width: 150px;
    margin: 0;
    font-size: 14px;
}
.two_single .two_item .buy_btn a i{
    vertical-align: -3px;
}
.two_single .two_item .buy_btn a:hover{
    transform:scale(1.02);
}
/* monthly_single */
.monthly_single h2{
    text-align: center;
    color: rgba(255, 255, 255, 1);
    font-weight: 700;
    font-size: 20px;
    line-height: 40px;
    border-radius:  10px 10px 0px 0px;
    background: rgba(230, 0, 18, 1);
    max-width: 448px;
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    top: -40px;
    left: 0;
}
.monthly_single{
    position: relative;
    padding: 32px 0px;
    border-radius:  0px 24px 24px 24px;
    background: rgba(255, 216, 216, 1);
    margin-bottom: 96px;
}
.monthly_single .title{
    text-align: center;
    color: rgba(230, 0, 18, 1);
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
}
.monthly_single .monthly_box{
    justify-content: space-evenly;
}
.monthly_single .monthly_box .monthly_item{
    padding: 24px;
    border-radius: 14px;
    border: 1px solid rgba(255, 226, 226, 1);
    box-sizing: border-box;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    max-width: 356px;
    width: 100%;
    margin-top: 24px;
}
.monthly_single .monthly_box .monthly_item img{
    width: 64px;
    height: auto;
    display: block;
    margin: 0 auto 16px;
}
.monthly_single .monthly_box .monthly_item .name{
    color: rgba(30, 41, 57, 1);
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
}
.monthly_single .monthly_box .monthly_item .for_sys{
    color: rgba(106, 114, 130, 1);
    text-align: center;
    margin-bottom: 24px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}
.monthly_single .monthly_box .monthly_item .info{
    color: rgba(74, 85, 101, 1);
    text-align: center;
    margin-bottom: 24px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}
.monthly_single .monthly_box .monthly_item .price span{
    color: rgba(230, 0, 18, 1);
    font-size: 22px;
    line-height: 40px;
}
.monthly_single .monthly_box .monthly_item .price,.monthly_single .monthly_box .monthly_item .price del{
    color: rgba(74, 85, 101, 1);
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
}
.monthly_single .monthly_box .monthly_item .buy_btn{
    margin: 0 auto;
}
.monthly_single .monthly_box .monthly_item .buy_btn a{
    line-height: 34px;
    min-width: 150px;
    margin: 0;
    font-size: 14px;
}
.monthly_single .monthly_box .monthly_item .buy_btn a i{
    vertical-align: -3px;
}
.monthly_single .monthly_box .monthly_item .buy_btn a:hover{
    transform:scale(1.02);
}
/* hot_product */
.hot_product{
    margin-bottom: 96px;
}
.hot_product h2{
    margin-bottom: 40px;
}
.hot_box{
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255, 229, 143, 1) 0%, rgba(255, 245, 247, 1) 100%);
    box-sizing: border-box;
}
.hot_product .single_box {
    justify-content: space-evenly;
}
.hot_product .single_box .single_item{
    padding: 24px 8px;
    border-radius: 14px;
    border: 1px solid rgba(255, 216, 216, 1);
    box-sizing: border-box;
    background: rgba(255, 255, 255, 1);
    margin-top: 24px;
    box-sizing: border-box;
    width: 100%;
    max-width: 280px;
}
.hot_product .single_box .single_item img{
    width: 168px;
    height: auto;
    display: block;
    margin: 0 auto 16px;
}
.hot_product .single_box .single_item .name{
    color: rgba(30, 41, 57, 1);
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
}
.hot_product .single_box .single_item .for_sys{
    color: rgba(106, 114, 130, 1);
    text-align: center;
    text-align: center;
    margin-bottom: 24px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}
.hot_product .single_box .single_item .info{
    color: rgba(74, 85, 101, 1);
    text-align: center;
    margin-bottom: 14px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}
.hot_product .single_box .single_item .price{
    color: rgba(230, 0, 18, 1);
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    font-weight: 700;
}
.hot_product .single_box .single_item .price span,.hot_product .single_box .single_item .price del{
    color: rgba(153, 161, 175, 1);
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-decoration-line: strikethrough;
}
.hot_product .single_box .single_item .price span{
    display: block;
}
.hot_product .single_box .single_item .buy_btn{
    margin: 0 auto;
}
.hot_product .single_box .single_item .buy_btn a{
    line-height: 34px;
    min-width: 120px;
    margin: 0;
    font-size: 14px;
    padding: 0 5px;
}
.hot_product .single_box .single_item .buy_btn a i{
    vertical-align: -3px;
}
.hot_product .single_box .single_item .buy_btn a:hover{
    transform:scale(1.02);
}
.hot_product .bundle_box{
    justify-content: space-evenly;
}
.hot_product .bundle_box .bundle_item{
    max-width: 574px;
    margin-top: 18px;
}
/* note */
.note{
    border-radius: 24px;
    background: linear-gradient(90deg, rgba(255, 162, 162, 1) 0%, rgba(253, 165, 213, 1) 100%);
    padding: 24px;
    box-sizing: border-box;
    margin-bottom: 68px;
}
.note .title{
    color: rgba(255, 255, 255, 1);
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    width: 100%;
    max-width: max-content;
    padding-bottom: 5px;
}
.note ul{
    padding-left: 16px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}
.note ul li{
    margin-top: 8px;
    color: rgba(255, 255, 255, 1);
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}
.aside_box{
    border-radius: 10px;
    border: 1px solid rgba(252, 231, 243, 1);
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0px 8px 10px -6px rgba(0, 0, 0, 0.1), 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
    width: 100%;
    max-width: 160px;
    box-sizing: border-box;
    overflow: hidden;
    position: fixed;
    top: 40%;
    right: 10px;
}
.aside_box .title{
    text-align: center;
    color: rgba(230, 0, 118, 1);
    font-weight: 700;
    font-size: 14px;
    line-height: 32px;
    background: rgba(252, 231, 243, 1);
}
.aside_box ul li a{
    color: rgba(74, 85, 101, 1);
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    width: 100%;
    max-width: 100%;
    display: block;
    padding: 16px 12px;
}
.aside_box ul li a:hover,.aside_box ul li a.active{
    color: rgba(230, 0, 18, 1);
}
.aside_box .top{
    background: rgba(230, 0, 18, 1);
    text-align: center;
    color: rgba(255, 255, 255, 1);
    font-family: Inter;
    font-weight: 700;
    font-size: 12px;
    cursor: pointer;
    line-height: 32px;
}



.bottom_ads {
    display: none !important;
}
.title-special{
    background-image: linear-gradient(180deg, #8D2600 0%, #8D2600 100%);
    background-color: transparent;
    border-radius: 20px;
    max-width: 884px;
    box-sizing: border-box;
    margin: auto;
    text-align: center;
    color: #fff;
    line-height: 54px;
    font-size: 40px;
    width: 98%;
}
.title-special p{
    font-size: 15px;
}

/* sale_box */
img.title{max-width: 90%;height: auto;margin: 36px auto;display: block;}
.sale_box{display: flex;justify-content: space-between;margin: 72px auto;}
.sale_box .left img{max-width: none;}
.sale_box .right{background-color: transparent;border-radius: 0px 15px 15px 0px;background-image: linear-gradient(30deg, #EA5076 0%, #EA5076 100%);border-width: 1px;border-color: transparent;border-style: solid;width: 100%;box-sizing: border-box;padding:  18px 26px;color: #fff;position: relative;}
.sale_box .right .off{position: absolute;top: -1px;right: 30px;max-width: 160px;height: auto;}
.sale_box .product_name{color: #FFFFFF;font-size: 34px;font-weight: 600;}
.sale_box .product_name_small{color: #FFFFFF;font-size: 28px;font-weight: 600;margin-top: 6px;}

.sale_box .for_sys{font-size: 14px;font-weight: 500;margin: 16px 0;}
.sale_box .info{font-size: 17px;margin: 20px 0;line-height: 20px;}
.price{font-size: 40px;font-weight: 900;color: #FFEC1F;line-height: 50px;margin-bottom: 12px;}
.price del{font-size: 14px;color: #fff;font-weight: 400;}
.tax{font-size: 14px;font-weight: 500;margin: 16px 0 0;}


.buy_btn{max-width: max-content;}
.buy_btn a{border-radius: 4px;padding: 0 16px;min-width: 172px;box-sizing: border-box;display: inline-block;text-align: center;font-size: 16px;margin: 6px;transition: transform 0.2s;  font-weight: 700;font-size: 16px;line-height: 46px;}
.buy_btn a:hover{transform:scale(1.08);}
.buy_btn a.win_buy{background: rgba(230, 0, 18, 1);color: #fff;border: 1px solid rgba(230, 0, 18, 1);box-sizing: border-box;}
.buy_btn a.mac_buy{background-color: #fff;color: rgb(54, 65, 83) ;border: 1px solid rgba(230, 0, 18, 1);box-sizing: border-box;}

.buy_btn a i{display: inline-block;width: 16px;height: 16px;margin-right: 4px;vertical-align: -2px;}
.buy_btn a.win_buy i{background: url(/img/graduation-newlife-sale/win.svg) no-repeat; color: #8D2600; }
.buy_btn a.mac_buy i{background: url(/img/graduation-newlife-sale/mac.svg) no-repeat;}


/* bundle_product */
.bundle_product{max-width: 1140px;display: flex;justify-content: space-between;margin: 68px auto;}
.bundle_product li{background-color: transparent;border-radius: 45px 45px 0px 0px;box-sizing: border-box;max-width: 360px;width: 100%;color: #fff;text-align: center;background-image: linear-gradient(360deg, #EA5076 0%, #EA5076 100%);}
.bundle_product li .top{background: #FFB0C3; border-radius: 12px 12px 0px 0px;padding: 16px;}
.bundle_product li .bottom{padding: 20px 20px 30px;}
.bundle_product .name{font-size: 26px;line-height: 30px;font-weight: 600;}
.bundle_product .sys{font-size: 14px;margin: 16px 0;line-height: 18px;}
.bundle_product .big_price{font-size: 72px;font-weight: 900;color: #FFEC1F;line-height: 50px;margin: 26px 0 14px;}
.bundle_product .big_price del{font-size: 28px;color: #fff;font-weight: 300;}
.bundle_product .info{font-weight: 300;line-height: 22px;margin-bottom: 16px;font-size: 17px;}
.bundle_product .buy_btn{margin-left: auto;margin-right: auto;}
.bundle_product .liubai{height: 32px;}

/* three_bundle */
.three_bundle{display: flex;justify-content: space-between;background-color: #EA5076;border-width: 1px;border-color: #EA5076;max-width: 1140px;border-style: solid;border-radius: 24px;box-sizing: border-box;color: #fff;box-sizing: border-box;padding: 40px 20px;align-items: center;position: relative;margin: 68px auto;}
.three_bundle .left{max-width: 560px;width: 100%;text-align: center;}
.three_bundle .right{max-width: 560px;width: 100%;position: relative;}
.three_bundle .off{position: absolute;top: -1px;right: 8px;max-width: 150px;height: auto;}
.three_bundle .tag-img{position: absolute;top: -8px;left: -4px;}

.three_bundle .product_name{font-size: 28px;line-height: 42px;font-weight: 600;max-width: 430px;}
.three_bundle .for_sys{font-size: 14px;font-weight: 500;margin: 16px 0;}
.three_bundle .price{font-size: 56px;margin-bottom: 0;}
.three_bundle .price del{font-size: 20px;}

/* special_info_box */
.special_info_box{
    background-image: linear-gradient(180deg, #EA5076 0%, #EA5076 100%);
    background-color: transparent;
    border-radius: 20px;
    max-width: 1140px;
    box-sizing: border-box;
    margin: auto;
    text-align: center;
    color: #fff;
    line-height: 54px;
    font-size: 40px;
    width: 100%;
}
.special_info_box h2{
    padding-top: 50px;
    background-image: linear-gradient(180deg, #EA5076 0%, #EA5076 100%);
    background-color: transparent;
}
.special_info_box p{font-size: 24px;}
.special_info_box .info{margin: 20px 0;}
.special_info_box .info_box{ margin: 30px 0;}
.special_info_box .dot{font-size: 24px; line-height: 40px; font-weight: bold;}
.special_info_box .btn{
    color:#8D2600;
    text-decoration:none;
    display:inline-block;
    -webkit-text-size-adjust:none;
    text-align:center;
    background-color:#FFEC1F;
    border-width:0px;
    border-radius:6px;
    border-style:solid;
    width:231px;
    line-height:53px;
    font-size:24px;
    font-weight:bold;
    margin-bottom: 50px;
}

/* nitice */
.notice {margin-top: 100px;background-image: linear-gradient(180deg, #FFB0C3 0%, #FFB0C3 100%); text-align: center;padding: 50px;}
.notice .title{color: #222222;font-size: 32px;font-weight: bold;}
.notice ul li{color: #565656;font-size: 24px;font-weight: bold;line-height: 32px;margin-top: 16px;}

.bottom_ads{display: none;}


@media (max-width: 1600px){
    .aside_box{
        display: none;
    }
}
@media (max-width: 1200px){
    .bg_img{display: none;}
    .flex_box{
        justify-content: space-evenly;
    }
}
@media (max-width: 1140px){
    .three_bundle,.single_product,.single_box_one,.bundle_product,.sale_box{flex-wrap: wrap;}
    .sale_box .right{margin-top: 0;}
    .sale_box .left{display: none;}
    .sale_box .right{border-radius: 15px;}
    .single_product,.single_box_one{max-width: 780px;}
    .single_product li,.single_box_one li{margin: 0px 12px 30px;}
    .single_product,.single_box_one{justify-content: center;}
    .bundle_product{justify-content: center;}
    .bundle_product li{margin: 20px 12px;}
    .three_bundle .left,.three_bundle .right{max-width: none;}
    .three_bundle .right{text-align: center;}
    .three_bundle .product_name,.three_bundle .buy_btn{max-width: none;margin-left: auto;margin-right: auto;}
    .banner .top_box::before,.banner .top_box::after{
        display: none;
    }
    .new_bundle .new_item{
        padding: 24px;
    }
}
@media (max-width:920px){
    .new_bundle .new_item{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .new_bundle .new_item .data{
        text-align: center;
        margin-top: 30px;
    }
    .new_bundle .new_item .data .pay_box{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .new_bundle .new_item .off_text{
        zoom: 0.8;
    }
    .new_bundle .new_item{
        padding: 45px 24px 24px;
    }
}
@media (max-width:760px){
    .three_bundle,.bundle_product,.sale_box{margin: 40px auto;}
    .single_box{margin: 40px auto;}
    .single_product,.single_box_one{margin: 0px auto;}
    .off{display: none;}
    .single_product,.single_box_one{justify-content: center;}
    .bundle_product .big_price{font-size: 54px;}
    .single_product li,.single_box_one li{margin: 0px auto 30px;}
    .bundle_product li{margin: 20px auto;}
    .banner .top_box .off_text span{
        font-size: 40px;
        line-height: 48px;
    }
}

@media (max-width:580px){
    .bundle_box .bundle_item{
        flex-direction: column;
        justify-content: center;
        padding: 24px 5px;
        align-items: center;
    }
    .bundle_box .bundle_item .data{
        text-align: center;
        margin-top: 30px;
    }
    .one_single .one_item,.two_single .two_item,.monthly_single .monthly_box .monthly_item{
        padding: 24px 5px;
    }
    
.bundle_box .bundle_item .data .buy_btn{
    margin: 0 auto;
}
}