.prime-day-page{margin-top: 65px;background-color: #FFFFFF;}
@media screen and (max-width: 1000px) {
    .prime-day-page{margin-top: 54px;}
}
@media screen and (max-width: 768px) {
    .pc-img{display: none;}
    .m-img{display: block;}
    .prime-day-page{margin-top: 0px;}
}

.banner-top{position: relative;}
.facial-con{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.banner-p{font-size: 68px;color: #FFFFFF;font-weight: bold;}

.design_list-width{
    width: 1430px;
    margin: 0px auto;
}
@media screen and (max-width: 1450px) {
    .design_list-width{width: 96%;}
}


/* tab切换 */
.tab-container{margin-top: 50px;}
.tab-nav{width: 100%;display: flex;justify-content: center;}
.tab-nav li.active a{color: #660099;display: block;}
.tab-nav li.active::after{width: 50%;background-color: #660099;position: absolute;left: 50%;transform: translateX(-50%);content: "";height: 2px;}
.tab-nav li a{padding: 10px 0;font-size: 20px;color: #333333;display: block;}
.tab-nav li {margin-right: 30px;position: relative;}
.tab-nav li:hover::after{width: 50%;background-color: #660099;position: absolute;left: 50%;transform: translateX(-50%);content: "";height: 2px;}
.tab-nav li:hover a:hover{color: #660099;}

.design_list-ul{display: flex;justify-content: space-between;margin-top: 40px;flex-wrap: wrap;}
.design_list-li{width: 24%;margin-bottom: 40px;}
.design_list-li figure{overflow: hidden;}
.design_list-name{font-size: 14px;color: #333333;text-align: center;margin: 10px 0 0;}
.design_list-name{height: 40px;}
.design_list-name:hover{text-decoration: underline;color: #660099;}
.design_con-intro {display: block;color: #333333;font-size: 18px;text-align: center;margin: 20px 0 0;font-weight: bold;}
.item_empty_pro {height: 0;margin-top: 0px;width: 24%;content: "";clear: both;margin-bottom: 0px !important;}
.Nodesign{text-align: center;width: 100%;padding: 50px;font-size: 20px;}
.design_list-img img{transition: 1s;}
.design_list-img:hover img{transform: scale(1.1);transition: 1s;}
@media screen and (max-width: 1300px) {
    .banner-p{font-size: 38px;}
}
@media screen and (max-width: 800px) {
    .banner-p{font-size: 38px;}
    .design_list-li{width: 48%;}
    .item_empty_pro{width: 48%;}
    .widthbl img{margin: 0px auto;}
    .tab-nav{overflow-x: scroll;display: -webkit-box;padding-bottom: 10px;width: 100%;}
}
@media screen and (max-width: 574px) {
    .design_list-li{margin-bottom: 20px;}
    .tab-nav li a{font-size: 18px;}
    .banner-p{font-size: 28px;}
    .facial-con{width: 80%;left: 10%;transform: translateX(0%);text-align: center;}
    .design_con-intro{margin: 10px 0 0;}
}