body{
    background-color: #171F78;
    /* background-image: url('/img/matsuri-summer-sale/matsuri-summer-banner.png'); */
    background-repeat: no-repeat; /* 竖向重复 */
    background-size: 100% auto; /* 横向百分比拉伸 */
    position: relative;
}
img{max-width: 100%;height: auto;}
.bg_img{position: absolute;z-index: -1;}
.bg_img.bg_img1{left: 0;top: 917px;}
.bg_img.bg_img2{right: 0;top: 2235px;}
.bg_img.bg_img3{left: 0;top: 3067px;}
.bg_img.bg_img4{right: 0;bottom: 2051px;}
.bg_img.bg_img5{bottom: 1211px;left: 0px;}
.banner{
    background-color: #171F78;
    margin:0 auto 100px;
}
.banner>img{
    margin: 0 auto;
    display: block;
}
.bottom_ads {
    display: none !important;
}
h2{
    background-color: #F14188;
    border-radius: 20px;
    max-width: 884px;
    box-sizing: border-box;
    margin: auto;
    text-align: center;
    color: #fff;
    line-height: 54px;
    padding: 18px;
    font-size: 40px;
    width: 98%;
    margin:100px auto 34px;
}
h2 span{
    color: #FFEC1F;
}
.title-special{
    background-color: #F14188;
    border-radius: 20px;
    max-width: 884px;
    box-sizing: border-box;
    margin: auto;
    text-align: center;
    color: #fff;
    line-height: 72px;
    font-size: 40px;
    width: 98%;
    padding-bottom: 18px;
    margin: 0 auto 50px;
}
.title-special h2{margin-bottom: 0;padding-bottom: 0;}
.title-special p{
    font-size: 24px;
    line-height: 43px;
}

/* 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-color: #323BA7;border-width: 1px;border-color: transparent;border-style: solid;margin-top: 0;width: 100%;box-sizing: border-box;padding:  18px 26px;color: #fff;position: relative;}
.sale_box .right .off{position: absolute;top: 0;right: 0;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: #FF593C;line-height: 50px;margin-bottom: 0;}
.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: 320px;}
.buy_btn a{border-radius: 36px;line-height: 44px;padding: 0 16px;min-width: 136px;box-sizing: border-box;display: inline-block;text-align: center;font-size: 16px;margin: 6px;transition: transform 0.2s;}
.buy_btn a:hover{transform:scale(1.08);}
.buy_btn a.win_buy{background: #FF593C;color: #fff;}
.buy_btn a.mac_buy{background-color: #fff;color: #FF593C;}

.buy_btn a i{display: inline-block;width: 20px;height: 21px;margin-right: 4px;vertical-align: -5px;}
.buy_btn a.win_buy i{background: url(/img/matsuri-summer-sale/windows-white.svg) no-repeat;}
.buy_btn a.mac_buy i{background: url(/img/matsuri-summer-sale/mac-orange.svg) no-repeat;}

/* sale_box */
.sale_box+h2{margin:0 auto 34px;}
.single_product{display: flex;margin: 0 auto;flex-wrap: wrap;gap: 30px;justify-content: center;}
.single_product li{background-color: #323BA7;border-width: 1px;border-color: #323BA7;border-style: solid;border-radius: 15px;box-sizing: border-box;padding: 12px 16px 26px 16px;max-width: 360px;width: 380px;color: #fff;margin: 30px 0 0;}
.single_product li .top{display: flex;align-items: center;}
.single_product li .top p{margin-left: 16px;font-size: 20px;color: #fff;font-weight: bold;}
.single_product li .top .product-box p:last-child{
    font-size: 14px;
    font-weight: 400;
    margin-top: 8px;
}
.single_product li .top img{max-width: 60px;height: auto;}
.single_product li p.info{font-size: 16px;color: #fff;line-height: 28px;margin: 10px 0;}
.single_product li .price{margin-bottom: 0;}
.single_product li .tax{margin-top: 10px;}

.single_product.single_product_two{max-width: 880px;}
.single_product.single_product_two li{max-width: 420px;width: 420px;padding: 30px 16px 30px 16px;}


/* bundle_product */
.bundle_product{max-width: 1057px;display: flex;justify-content: space-between;margin: 68px auto;}
.bundle_product li{border-radius: 12px;box-sizing: border-box;max-width: 242px;width: 100%;color: #fff;text-align: center;background-color: #323BA7;}
.bundle_product li .top{background: #4E56BE;padding: 16px;}
.bundle_product li .bottom{padding: 20px 20px 30px;}
.bundle_product .name{margin: 0 auto 10px;font-weight: bold;font-size: 18px;color: #FEFCF7;line-height: 26px;text-align: center;}
.bundle_product .sys{margin:0 auto 20px;font-weight: 400;font-size: 16px;color: #FEFCF7;text-align: center;line-height: 16px;}
.bundle_product .big_price{color: #FF593C;margin: 0 0 10px;font-weight: bold;font-size: 36px;color: #FF593C;line-height: 36px;}
.bundle_product del{font-size: 16px;color: #fff;font-weight: 300;margin: 0 auto 20px;display: block;}
.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.four_part li{border-radius: 12px;overflow: hidden;}



/* three_bundle */
.three_bundle{display: flex;justify-content: space-between;background-color: #323BA7;border-width: 1px;border-color: #323BA7;max-width: 1057px;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: 0px;right: 8px;max-width: 150px;height: auto;}
.three_bundle .tag-img{position: absolute;top: -8px;left: -4px;}
.three_bundle .product_name{font-size: 24px;line-height: 32px;font-weight: 600;max-width: 374px;}
.three_bundle .for_sys{font-size: 14px;font-weight: 500;margin: 8px 0 22px;}
.three_bundle .price{font-size: 36px;margin-bottom: 16px;line-height: 44px;}
.three_bundle .price del{font-size: 16px;}
.three_bundle .buy_btn a{margin:0;}
.three_bundle .buy_btn a:nth-child(1){margin-right: 10px;}

/* nitice */
.notice {text-align: center; margin: 0 auto;background: rgba(50,59,167,.62);padding:50px 0;}
.notice .title{color: #fff;font-size: 32px;font-weight: bold;}
.notice ul li{color: #fff;font-size: 24px;font-weight: bold;line-height: 32px;margin-top: 16px;}
.notice ul li a{color: #fff;text-decoration: underline;}
.bottom_ads{display: none;}


@media (max-width: 1200px){
    .bg_img{display: none;}
}
@media (max-width: 1140px){
    .three_bundle,.single_product,.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{max-width: 780px;}
    .single_product li{margin: 0px 12px 30px;}
    .single_product{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;}
}
@media (max-width:760px){
    h2{margin: 50px auto 30px;}

    .three_bundle,.single_product,.bundle_product,.sale_box{margin: 40px auto;}
    .off{display: none;}
    .single_product{justify-content: center;margin: 40px auto 0;}
    .single_product li{margin: 0px auto 30px;}
    .bundle_product li{margin: 20px auto;}
}