.main {
    background: #fffef2;
}



.probox {
    padding: 50px 0px;
    border-bottom: 1px solid #464035;
}

.manbox {
    width: 80%;
    margin: auto;
}

.Breadcrumbs span {
    margin-right: 10px;
}

.shopdetail {
    margin-top: 30px;
}

.shopdetail-left {
    width: 50%;
}

.shopdetail-left-box {
    width: 10%;
}

.shopdetail-left-box div {
    margin-bottom: 20px;
    cursor: pointer;
}

.shopdetail-left-box img {
    vertical-align: middle;
}

.shopdetail-left-max {
    width: 90%;
    padding-left: 20px;
}

.shopdetail-right {
    padding-left: 50px;
    width: 50%;
}

.shopdetail-right .text {
    background-color: #a6bbbc;
    width: 50%;
    padding: 20px;
    line-height: 30px;
    color: white;
    margin: 12px 0;
}
.fxgntext{margin: 12px 0;}
.name{line-height:1;margin:12px 0}

.collternumber {
    width: 150px;
    display: flex;
    margin: 12px 0;
}
#cart_qty{border-left:none;border-right:none;}

.collternumber span {
    text-align: center;
    cursor: pointer;
    width:50px;
    height: 50px;
    border:1px solid #464035;
    font-size: 24px;
    line-height:50px;
}

.collternumber-jia{font-size:50px !important}
.collternumber-jian{line-height:1.8 !important}

.btnbox button {
    border: 1px solid #464035;
    background-color: #464035;
    color: white;
    padding: 15px 90px;
    font-size: 20px;
    vertical-align: middle;
}

.listtext ul li {
    border-top: 1px solid rgba(70, 64, 53, 0.2);
    padding: 15px 0;
    position: relative;
    flex-wrap:wrap;
}

.listtext ul li:last-child {
    border-bottom: 1px solid rgba(70, 64, 53, 0.2);
}
.childBox{width:100%}
.cardbox {
    border: 1px solid #464035;
    padding: 25px;
    background: #f1efe5;
}

.textimgbox {
    margin-bottom: 50px;
}

.textimgbox-left {
    width: 50%;
}

.textimgbox-img {
    width: 45%;
}

.textimgbox-img img {
    width: 100%;
}

.libox {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    justify-content: space-between;
    margin-top: 80px;
    gap: 70px;
}

.li-item {
    text-align: center;
}

.lavatu {
    margin-top: 50px;
}

.lavatutext {
    margin-left: 75px;
}

.lavatutext ul li {
    display: flex;
    align-items: center;
    margin: 25px 0;
}

.lavatutext .index {
    width: 30px;
    height: 30px;
    background: #706333;
    border-radius: 50%;
    color: white;
    text-align: center;
    line-height: 30px;
    font-size: 20px;
    margin-right: 20px;
}
.ovoeae-le{width: 40%;}
.moverBox {
    margin-top: 80px;
    padding-bottom: 150px;
}
.listovo{gap: 80px;padding: 100px 0;}
.listbox {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    /* 每行四个网格项，每个网格项占用1/4的容器宽度 */
    gap: 55px;
    /* 网格项之间的间隙 */
    margin-top: 50px;
}

.swiper-slide-button {
    border: 1px solid #464035;
    padding: 10px 0;
    margin-top: 25px;
}

.unitye {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px 30px;
}

.unitye span {
    background: white;
    padding: 5px 10px;
    border-radius: 30px;
    font-size: 14px;
}

.unitye div {
    background: #716a47;
    color: white;
    word-break: break-all;
    /* 支持较老浏览器，但可能不符合标准 */
    overflow-wrap: break-word;
    /* 符合标准的处理方式 */
    border-radius: 50%;
    line-height: 1;
    display: flex;
    align-items: center;
    width: 50px;
    height: 50px;
    margin-top: 20px;
    text-align: center;
    padding: 10px;
}

/* .swiper-container {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

.swiper-slide {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition-property: all;
} */

@media (max-width: 788px){
    .shopdetail-left{width: 100%;flex-direction:column-reverse;}
    .shopdetail-left-max{width: 100%;padding: 0;}
    .shopdetail-left-box{width: 100%;display: grid;gap: 15px;
        grid-template-columns:repeat(5, 1fr);margin-top: 15px;
    }
    
    .shopdetail-right{padding: 0;width: 100%;}
    .shopdetail-right .name{font-size: 36px;}
    .shopdetail-right .text{width: 100%;}

    .cardbox{padding: 20px;}
    .ovoeae{flex-direction: column;}
    .ovoeae img{width: 100%;}
    .ootdBox{margin: 0;}
    .btnbox button{width: 100%;}
    .listovo{gap: 30px; padding: 50px;}
    .listovo>div{width: 100%;}
    .btnbox .jrgwc{width: 70%;padding: 15px 0;}
    .ovoeae-le{width: 100%;}
    
    .textimgbox{flex-wrap: wrap;}
    .textimgbox-left{width: 100%;}
    .textimgbox-img{width: 100%;}
    .textimgbox-left h5{font-size: 24px;}
    .revese{flex-direction:column-reverse;}

    .libox{
    grid-template-columns:repeat(2, 1fr);
    gap: 20px;
    }
    .lavatu{flex-direction:column;flex-wrap: wrap;}
    .lavatu div{width: 100%;}
    .lavatutext{margin: 0;}
    .listbox{grid-template-columns:repeat(1, 1fr)}
}

.alite{color:white;display:flex;justify-content:center;align-items:center;flex-direction:column}
.alite a{padding:10px 70px;margin-top:20px;background:white;}
.skubox{gap:20px;}
.skubox div{border:1px solid black;padding:0 10px;cursor:pointer}
.sku-selected{background:#464035;color:white}
.sku-unselected{background:none;color:black}