.main-container{
    margin-top:120px;
}
.section{
    width:100%;
    min-width: 1200px;
    padding:0px 20px;
}
.section > .content{
    max-width: 1360px;
    margin:0px auto;
}
.footer-iframe{
    width:100%;
    height:381px;
    overflow: hidden;
    display: block;
    min-width:1200px;
}
.ai-iframe.show{
    bottom:20px;
    opacity: 1;
}
.ai-iframe{
    position: fixed;
    width: 400px;
    height: calc(100vh - 200px);
    bottom:-100vh;
    right:60px;
    border-radius: 16px;
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15);
    opacity: 0;
    transition: all 0.5s;
}

/* bootstrap */
.btn{
    border-radius: 100px;
    height:36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border:none;
}
.btn.btn-lg{
    height:48px;
}
.btn.btn-sm{
    height:32px;
}
.btn.btn-xs{
    height:28px;
}
.btn.btn-primary{
    background-image: linear-gradient(to right,#EBB563,#E6A23C);
}
.btn.btn-primary:focus{
    box-shadow: 0px 0px 0px 3px #ebb56362 !important;
}
.btn.btn-primary:active{
    box-shadow: 0px 0px 0px 3px #ebb56362 !important;
}
.btn.disabled{
    cursor: not-allowed;
}

/* scroll-view */
.scroll-view{
    position: relative;
    overflow: hidden;
}
.scroll-view .arrow-left{
    position: absolute;
    width:60px;
    height:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    top:0px;
    left:0px;
    cursor: pointer;
    background-image: linear-gradient(to right,#fff,transparent);
    z-index: 2;
}
.scroll-view .arrow-right{
    position: absolute;
    width:60px;
    height:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    top:0px;
    right:0px;
    transform: rotateZ(180deg);
    cursor: pointer;
    background-image: linear-gradient(to right,#fff,transparent);
    z-index: 2;
}
.scroll-view .arrow-left>img,.scroll-view .arrow-right>img{
    width:40px;
    height:40px;
}
.scroll-view .scroll-content.no-transition{
    transition: none;
}
.scroll-view .scroll-content{
    position: relative;
    width:3500px;
    transform: translateX(-740px);
    transition: all .5s ease-in-out;
}
.scroll-view.less-more .scroll-content{
    transform: translateX(0px);
    width: 100%;
    transition: none !important;
}
.scroll-view.less-more .scroll-content .brand-list{
    width: 100%;
    justify-content: center;
}
.scroll-view.less-more .arrow-left,.scroll-view.less-more .arrow-right{
    display: none;
}
.scroll-view .scroll-content.to-left{
    transform: translateX(0px);
}
.scroll-view .scroll-content.to-right{
    transform: translateX(-1480px);
}

/* form */
.form-group{
    position: relative;
    margin-bottom: 1.2rem;
}
.require-star{
    color:red;
}
.require-text{
    position: absolute;
    height: 12px;
    line-height: 12px;
    bottom: -15px;
    color:red;
    display: none;
    font-size: 14px;
}
.require-text.show{
    display: block;
}
.form-control{
    border:none;
}
.form-control:focus{
    box-shadow: 0px 0px 0px 3px #ebb56362 !important;
}
.form-control:active{
    box-shadow: 0px 0px 0px 3px #ebb56362 !important;
}

/* img */
.image{
    overflow: hidden;
}
.image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s;
}

/* modal */
.modal-content{
    border-radius: 10px;
}
.modal-header{
    border-bottom: 1px solid #eee;
    align-items: center;
}
.modal-footer{
    border-top:1px solid #eee;
}
.modal-title{
    font-size: 18px;
}
.close{
    font-size: 2rem;
}

/* input */
input.form-control,textarea.form-control{
    border-radius: 10px;
}
.form-control::-webkit-input-placeholder {
    /* placeholder  */
    color: #ccc;
    font-family: 'SF Pro Display','Arial','PingFang SC','Helvetica Neue', 'Helvetica', 'Hiragino Sans GB', 'Microsoft YaHei','sans-serif';
}
textarea.form-control{
    height: 120px;
}

/* tabs */
.tabs{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.tab-item{
    border-radius: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    height:42px;
    padding:0px 20px;
    cursor: pointer;
    margin-bottom: 6px;
    white-space: nowrap;
}
.tabs .tab-item+.tab-item{
    margin-left: 100px;
}
.tabs .tab-item:hover{
    background-color: #eee;
}
.tabs .tab-item.active{
    background-color: #F7F5F2;
    color:#E6A23C;
}

.section-search .tabs .tab-item:hover{
    background-color: transparent;
}
.section-search .tabs .tab-item.active{
    background-color: transparent;
    color:#fff;
}

/* pages */
.page-content{
    background-color: #fff;
    border-radius: 16px;
    padding:20px;
    display: flex;
    justify-content: center;
    margin-top:20px;
}
.pages{
    display: flex;
    justify-content: center;
    align-items: center;
}
.pages .page-box{
    display: flex;
}
.pages .page-box .prev img,.pages .page-box .next img{
    width: 12px;
    height: 12px;
}
.pages .page-box li{
    width:36px;
    height:36px;
    border:1px solid #eee;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.pages .page-box li.end{
    width:46px;
}
.pages .page-box li.active{
    background-color: #EBB563;
    box-shadow: 0px 0px 10px 0px #EBB56323;
    color:#fff;
    border:none;
}
.pages .page-box li + li{
    margin-left: 8px;
}
.pages .handle-page{
    display: flex;
    align-items: center;
    margin-left: 80px;
    font-size:14px;
}
.pages .handle-page span{
    width:80px;
}
.pages .handle-page input{
    width:80px;
    border: 1px solid #eee;
}
.pages .handle-page .btn{
    border-radius: 10px;
    border:1px solid #eee;
    margin-left: 8px;
}

/* link */
.link{
    cursor: pointer;
}
.link:hover{
    color: #EBB563;
}

/* table */
.we-table{
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,.05);
}
.we-table .table-content{
    overflow: hidden;
    overflow-x: auto;
}
.we-table table{
    min-width: 100%;
    background-color: #fff;
}
.we-table tr th{
    min-width: 150px;
    padding:14px;
    background-color: #fafafa;
}
.we-table tr th + th{
    border-left: 1px solid #eee;
}
.we-table tr td{
    padding:14px;
    background-color: #fff;
}
.we-table tr td + td{
    border-left: 1px solid #eee;
}
.we-table tr + tr{
    border-top:1px solid #eee;
}

/* star rating */
.rating{
    width: fit-content;
    display: flex;
    align-items: center;
}
.rating .star + .star{
    margin-left: 8px;
}
.rating .star{
    width: 16px;
    height: 16px;
    background-image: url("/static/svg/rate-star-off.svg");
    background-size: cover;
    position: relative;
}
.rating .star.active::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url("/static/svg/rate-star.svg");
    background-size: auto 100%;
    z-index: 1;
}
.rating .star.active.w1::after{
    width: 10%;
}
.rating .star.active.w2::after{
    width: 20%;
}
.rating .star.active.w3::after{
    width: 30%;
}
.rating .star.active.w4::after{
    width: 40%;
}
.rating .star.active.w5::after{
    width: 50%;
}
.rating .star.active.w6::after{
    width: 60%;
}
.rating .star.active.w7::after{
    width: 70%;
}
.rating .star.active.w8::after{
    width: 80%;
}
.rating .star.active.w9::after{
    width: 90%;
}

/* line */
.divider{
    width: 100%;
    height: 1px;
    background-color: #eee;
    margin:20px 0px;
}

.progress{
    height: 14px;
    border-radius: 7px;
}
.progress-bar{
    border-radius: 7px;
    background-color: #ff9c00;
}

.we-toast{
    position: fixed;
    left:50vw;
    top:20%;
    z-index: 1000;
    width: 300px;
    margin-left:-150px;
    display: flex;
    justify-content: center;
}
.we-toast.hide{
    top:-100px;
}
.we-toast .info{
    background-color: rgba(0,0,0,.8);
    color:#fff;
    padding:20px;
    border-radius: 10px;
    width: fit-content;
    display: flex;
    align-items: center;
}
.we-toast .info .icon{
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

/* slide */
.slide-box{
    display: flex;
    align-items: center;
    position: relative;
    margin-left: 50px;
}
.slide-tags{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width:100%;
    bottom: 20px;
}
.slide-tags .tag{
    min-width:50px;
    min-height: 8px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #1e1e1e;
    margin:0px 5px;
    cursor: pointer;
    transition: all .3s;
    opacity: 0.3;
}
.slide-tags .tag.active{
    opacity: 0.6;
}
.slide-tags .tag img{
    width: 100px;
    height: 100px;
}
.slide-box .prev,.slide-box .next{
    position: absolute;
    cursor: pointer;
    height: 40px;
    width: 40px;
}
.slide-box .prev{
    left: -50px;
    border-radius: 50%;
}
.slide-box .next{
    right: -50px;
    border-radius: 50%;
}
.slide-box .prev img{
    width: 40px;
    height: 40px;
}
.slide-box .next img{
    width: 40px;
    height: 40px;
    transform: rotateZ(180deg);
}
.slide-box .image-box{
    width: 380px;
    height: 380px;
    border-radius: 10px;
    display: flex;
}
.slide-box .image-box img{
    width: 0;
    opacity: 0;
    transition: none;
}
.slide-box .image-box img.show{
    width: 100%;
    opacity: 1;
}
.slide-box .image-box a.show{
    width: 100%;
    opacity: 1;
}
.slide-box .image-box a.show img{
    width: 100%;
    opacity: 1;
}

/* form */

/* loading */
.loading{
    position: fixed;
    z-index: 2000;
    width: 100vw;
    height: 100vh;
    background-color: rgba(255,255,255,0.5);
    display: flex;
    justify-content: center;
    align-items: center;
}
.loading.hide{
    display: none;
}

/* section search */
.section-search{
    background-color: #fff;
    position: relative;
    z-index: 100;
}
.section-search .content{
    padding:30px 70px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    max-width: 1200px;
    background-color: #fff;
    background-color: rgba(255,255,255,.7);
    -webkit-backdrop-filter: saturate(50%) blur(10px);
    backdrop-filter: saturate(50%) blur(10px);
    box-shadow: 0px 2px 16px 0px rgba(0,0,0,.08);
    border-radius: 10px;
    transform: translateY(-80px);
}
.section-search .tabs{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.section-search .tabs>.tab-item{
    width: 170px;
    height: 46px;
    line-height: 46px;
    font-size: 20px;
    color:#111111;
    background-color: #fff;
    border-radius: 30px;
    position: relative;
    padding:0px 25px;
}
.section-search .tabs>.tab-item:hover{
    background-color: #fff;
}
.section-search .tabs>.tab-item.active{
    background-color: #111111;
    color:#fff;
}
.section-search .tabs .tab-item+.tab-item{
    margin-left: 0px;
}
.section-search .tab-content{
    padding:30px 0px;
    max-width: 1216px;
    width: 100%;
}
.section-search .actions{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.section-search .actions .btn{
    background-color: #111;
    color:#fff;
    font-size: 16px;
    width: 180px;
    border-radius: 10px;
}
.section-search .actions .clear-all{
    justify-content: center;
    margin-top:20px;
    color: #eee;
    cursor: pointer;
    display: none;
}
.section-search .actions .clear-all.show{
    display: flex;
}
.section-search .filter-list{
    align-items: center;
    justify-content: center;
    display: none;
}
.section-search .filter-list.show{
    display: flex;
}
.section-search .filter-list .filter-item{
    display: flex;
    flex-direction: column;
    width: 220px;
}
.section-search .filter-list .filter-item + .filter-item{
    margin-left: 40px;
}
.section-search .filter-list .filter-item .filter-title{
    color:#111;
    font-size: 14px;
    font-weight: bold;
}
.section-search .filter-list .filter-item .filter-content{
    background-color: rgba(255,255,255,0.8);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:0px 20px;
    padding-right: 10px;
    height: 44px;
    margin-top:14px;
    border-radius: 12px;
    cursor: pointer;
    position: relative;
    border:1px solid #eee;
}
.section-search .filter-list .filter-item .filter-content.disabled{
    opacity: 0.6;
    /* pointer-events: none; */
    cursor: not-allowed;
}
.section-search .filter-list .filter-item .filter-content .placeholder{
    color:#808080;
}
.section-search .filter-list .filter-item .filter-content .active-bar{
    position: absolute;
    top: 44px;
    left: -10px;
    width: calc(100% + 20px);
    height: 10px;
    display: none;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 10;
}
.section-search .filter-list .filter-item .filter-content .active-bar .left{
    width: 10px;
    height: 100%;
    background-image: url(data:image/png;base64,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);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: -10px -10px;
    transform: translateX(1px);
}
.section-search .filter-list .filter-item .filter-content .active-bar .center{
    width: calc(100% - 20px);
    height: 100%;
    background-color: #fff;
}
.section-search .filter-list .filter-item .filter-content .active-bar .right{
    width: 10px;
    height: 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAACXBIWXMAAAsTAAALEwEAmpwYAAAIPklEQVR4nO3dX4hVVRsH4GcOn0KFGCSIgkhlGGEUCFEUmoWEQpMQQUFdzEVQFHwXQhAE8UEQBF4EiUIXXhQYRGAGSkhZURRCkCRhlEoIhWBQhAl5Md/FOzPOjHOmfebsvdY+56wH9t2cvd457+/823/WGpucnJw0XC7hZ5zFLziP33ABF/EH/sLf+GfqMctxPVbgRqzCaqzBOqzHLdiAG5L8F4mMDUEAvsd3OIlT+EE0vQnrcAc24S7cjTsbGiuJQQzABXyFr/ENTrj6Sk5tOe7BvbgP94t3joExKAH4HZ/gU3yGH7NW091GPIiH8DBuylpNBW0PwJc4io/xbeZaerUZj2AHHshcS1dtDMAVfDi1fYQ/85bTt5V4FI9NbcvyljNXmwJwGe/jAxzOXEtTxvE4nsB1mWtBewLwHg4a3sbPN46n8GTuQnIH4BjewbtoQxBTGsPTeAbbsxWRKQBncGBq+zXD+G2yFhNT262pB88RgIN4G8cTj9t22/Cs+GhIJmUAzmEf9otDscW1VuA5PI+bUwyYKgBH8RaOJBhrGOzEi+IYQqP+0/QA2Is38VOCsYbFEfF8ncULTQ7U5DvAReyZ2q40NMawW4bdU9uqJgZoKgCn8Yb4ll/0bwIv4fa6d9xEAE7gdRyqeb+jbhdeFmcfa1N3AL7Aa+IAT1G/7XgFW+raYZ0BOI7/4fOa9lcsbCteFccN+tapYyfilV+an8bn4rn+oo6d1RGAE+JtvzQ/nc/Fc36i3x31G4DT4gtf+cxP75h47k/3s5N+AnBR/NQ71E8BRV8OiR5cXOoO+gnAHuV3fhscEL1YkqUGYG8/gxa12yN60rOlBOCoOLZfDu+2xxXRk6O9PrDXAJwTZ/XKiZ32+Un05lwvD+o1APuUU7ptdkT0qLJeAnBQXMxRtNt+0atKqgbgjLiMq1zJ035/iV6dqfLHVQNwQLmGb5AcV/EnepUAHKu6s6JVDqhwhLZKAN5RLt0eRL+K3i3q3wLwnrhpoxhM74oedrVYAC6Lb5OjdsfOMJkUPbzc7Q8WC8D7RudevWF2WPRyQd0CcEXcpVsMhw90OXTfLQAfKq/+YXJY9PQaiwWgGC6VA/ClmJmjGC4fid7OsVAAjhr8aVmKa/1pgdPF8wPwu5iQqRhOH4sez5gfgE8M3mxcRXXfih7PmB+AT9PVUmQyp8ezA3BBTMJYDLfPRK8xNwBfae8MnEV9fhS9xtwAfJ2+liKTmV7PDsA3GQop8pjp9XQAvlfDfWbFwDghej4TgO/km3K9SO8f0fOZAJzMVkqRy0muBuBUxkKKPE4RAbgkllkpRssPuNQRCyw1tcZO0V7n8XNHTEZYjKazHbG0WjGafukob/+j7HxHLKpYjKbfOmadGSpGzoWOPiYYKgbexY5YS7cYTX90lHv+R9lfHbGKdjGa/h6bnJwcU24AHVVjdU0WXQyojlgCvRhNyzu4PncVRTbXd8RadcVoWtHBjbmrKLK5saOh5ciKgbCqg9W5qyiyWd3BmtxVFNms6WBd7iqKbNZ1sD53FUU26zu4JXcVRTa3dLBB+RgYReuwoYMbcEfmYor07sAN0yeDNuWspMhiE1dvDbsrYyFFHndxNQB3K2cFR8ly0fOZANyp5nXpi1a7R/R8zgwh9+appchgptezA3BfhkKKPGZ6PTsA92Nj+lqKxDaKXmNuAFbjwdTVFMk9aNYZ4PkXhT6UtJQihzk9nh+Ah7E5XS1FYptFj2fMD8BNeCRZOUVqj4gez1jovoAdWJmknCKllaK3cywUgAfwaOPlFKk9Kno7R7c7gx5rtpYigwV7ulgAxpurpUhsXI8BWIbHGyunSO1x0dNrLHZz6BPKu8AwGBe9XNBiAbgOT2Gs7oqKZMZED6/r9gf/dnv4k3i6zoqKpJ4WPeyqyvwAz2BtLeUUKa0VvVtUlQBsx0Tf5RSpTYjeLarqDCET2NZXOUVK21R80VYNwK14VplLYBCsEL26tcof9zJH0FN4bikVFUk9J3pVSa+TRD2PnT0+pkhnp+hRZb0G4Ga8iNt6fFzRvNtEb27u5UFLmSZuB/6ry6HFIotloifXnO79N0udJ/AF7F7iY4v67RY96Vk/E0XuVo4PtMGEPl6M/QRgFV7Crj72UfRnl+jBkif66neq2NvxsgpHnIrabRfP/e397KSOuYLvwSvYWsO+imq2iue87/s565osegteVUKQwlbxXG+pY2djk5OTdU4V/wVew7Ea91lctV288mtpPvUHgFia/HUcqnm/o26X+Myv9Tb+JgIAp/EGDjSw71E0Ib7t9/WFbyFNBYBYjWzP1HaloTGG3TLxG3+3huZ0bjIA0/biTfzU8DjD5jZxeHdJR/iqShEAOIq3cCTBWMNgpzix0/Ox/V6lCgCcwz7sV5aq62aFOJ//vB7P6i1VygBMO4i3cTzxuG23TVzJU/lijjrkCACcEb8QDuDXDOO3yVrxLX9Cxcu46pQrANOO4R28a/TWLhwT1+0/I+O5lNwBmPae+Gg4nLuQRMbFW/2iN22k0JYAwGW8jw8MbxDGxY2aT1jkdq2U2hSAaVfw4dT2Ef7MW07fVorJGR6b2lp1KV0bAzDbl+IYwsf4NnMtvdos5uTZYYGZOdqi7QGY9js+waf4DD9mraa7jWIevofEbFw3LfrXLTAoAZjtAr7C1/hGnH38J1Mty8XZuXvF9Kv3G7Bl+AYxAPN9j+9wEqfwA843NNY6sdLGJjHf/t2mZt0eVMMQgPku4WecxS8iDL+Jd46L+EMciv7b1XeO5WIR7RViKd1V4pW8RjR9vVhca4NYYmdo/B+CodlCUxH3dAAAAABJRU5ErkJggg==);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 0px -10px;
    transform: translateX(-1px);
}
.section-search .filter-list .filter-item .filter-content.active{
    background-color: rgba(255,255,255,1);
    border-color:#E6A23C;
}
.section-search .filter-list .filter-item .filter-content.active .active-bar{
    display: flex;
}
.section-search .filter-list .filter-item .filter-content .value{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.section-search .filter-list .filter-item .filter-content .drop{
    transition: all .2s;
    transform: rotateZ(0deg);
}
.section-search .filter-list .filter-item .filter-content.active .drop{
    transform: rotateZ(180deg);
}
.section-search .category-content .category-item{
    width: 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}
.section-search .category-content .category-item .image{
    width: 120px;
    height: 120px;
    border-radius: 80px;
    background-color: rgba(255,255,255,0.7);
    padding:14px;
}
.section-search .category-content .category-item .image img{
    width: 100%;
    height: 100%;
}
.section-search .category-content .category-item .title{
    font-size: 14px;
    color:#fff;
    margin-top:16px;
}
.section-search .category-content .category-item + .category-item{
    margin-left: 20px;
}
/* .section-search .brand-content{
    display: flex;
    flex-wrap: wrap;
}
.section-search .brand-content .brand-item{
    width: calc(20% - 10px);
    background-color: #fff;
    border-radius: 10px;
    padding:10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section-search .brand-content .brand-item img{
    max-width:100%;
    max-height: 100%;
} */
.section-search .filter-window{
    position: absolute;
    top:195px;
    left: 0px;
    width: 100%;
    /* height: 360px; */
    background-color: #fff;
    border-radius: 14px;
    box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.05);
    padding:20px;
    padding-bottom: 0px;
    display: none;
    z-index: 100;
}
.section-search .filter-window.show{
    display: block;
}
.section-search .filter-window .select-tools{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.section-search .filter-window .select-tools .select{
    position: relative;
    border:2px solid #EBB563;
    height: 36px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    overflow: hidden;
    padding:0px 10px;
    width: 320px;
}
.section-search .filter-window .select-tools .select img{
    width: 24px;
    height: 24px;
}
.section-search .filter-window .select-tools .select input{
    height: 36px;
    width: 100%;
    border:none;
    padding-left: 10px;
}
.section-search .filter-window .select-tools .action{
    display: flex;
    align-items: center;
}
.section-search .filter-window .select-tools .action .btn{
    background-color: #fff;
    color:#EBB563;
    background-image: none;
    border:1px solid #EBB563;
    height: 32px;
}
.section-search .filter-window .options-content{
    width: 100%;
    max-height:280px;
    margin-top:10px;
    padding-bottom:20px;
    overflow-y: auto;
}
.section-search .filter-window .options-content .options{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.section-search .filter-window .options-content .options .option{
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: #f8f8f8;
    padding: 0px 20px;
    border-radius: 8px;
    height: 32px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.section-search .filter-window .options-content .options .option .close{
    display: none;
    width: 16px;
    height:16px;
    transform: translateX(8px);
}
.section-search .filter-window .options-content .options .option.checked .close{
    display: block;
}
.section-search .filter-window .options-content .options .option.checked{
    background-color: #EBB563;
    color:#fff;
    border:none;
}
.section-search .filter-window .options-content .show-more{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:20px;
}
.section-search .filter-window .options-content .show-more .line{
    width: 100px;
    height: 1px;
    background-color: #eee;
}
.section-search .filter-window .options-content .show-more .nomore{
    padding:0px 10px;
    color:#808080;
}
.section-search .filter-window .options-content .show-more .btn{
    background-color: #fff;
    color:#808080;
    background-image: none;
    border:1px solid #808080;
    height: 32px;
}
.section-search .props-content{
    width: 100%;
    display: none;
    justify-content: center;
}
.section-search .props-content.show{
    display: flex;
}
.section-search .props-content .props-list{
    width: fit-content;
    display: flex;
    flex-wrap: wrap;
}
.section-search .props-content .props-list .props-item{
    width: 280px;
    height: 120px;
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    margin:12px;
    padding:20px;
    cursor: pointer;
    transition: all .2s;
}
.section-search .props-content .props-list .props-item:hover{
    transform: scale(1.04);
}
.section-search .props-content .props-list .props-item .image{
    width: 80px;
    height: 80px;
    border-radius: 10px;
}
.section-search .props-content .props-list .props-item .title{
    padding:20px;
    color:#808080;
    font-weight: bold;
    font-size: 16px;
}

.pro-slide{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.pro-slide .prev{
    position: absolute;
    top:calc(50% - 16px);
    left:10px;
    z-index: 10;
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1);
}
.pro-slide .next{
    position: absolute;
    top:calc(50% - 16px);
    right:10px;
    z-index: 10;
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1);
}
.pro-slide .prev img{
    width: 24px;
    height: 24px;
}
.pro-slide .next img{
    width: 24px;
    height: 24px;
    transform: rotateZ(180deg);
}
.pro-slide .slide-content{
    position: absolute;
    height: 100%;
    display: flex;
    z-index: 1;
    transition: all .5s;
}
.pro-slide .slide-content .slide-item{
    width: 280px;
    height: 100%;
    cursor: pointer;
    padding:10px;
}

.rich-container{
    background-color: #fff;
    border-radius: 16px;
    overflow: hidden;
    margin:0px auto;
    width: fit-content;
    max-width: 100%;
    font-size: 18px !important;
    line-height: 36px !important;
    font-family: 'SF Pro Display' !important;
    text-decoration: none !important;
    color:#555 !important;
    padding:20px;
    word-wrap: break-word !important;
}

.section-title{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.section-title h2{
    font-size: 36px;
    line-height: 44px;
    font-weight: bold;
    text-align: center;
    font-family: 'Merriweather';
}
.section-title p{
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    margin-top:10px;
}

/* carousel */
.carousel-container {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.carousel-slides {
    display: flex;
    transition: transform 0.5s ease;
    transform: translateX(-100%);
    height: 100%;
}

.slide {
    min-width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.slide video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.carousel-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
}

.carousel-nav button {
    background: rgba(0,0,0,0.5);
    color: white;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    font-size: 18px;
}

.carousel-dots {
    position: absolute;
    bottom: 20px;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 10px;
}

.carousel-dots .dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(255,255,255,0.5);
    cursor: pointer;
}

.carousel-dots .dot.active {
    background: white;
}
/* product carousel */

.product-carousel {
    width: 1320px;
    margin: 0 auto;
    position: relative;
}

.product-carousel .carousel-container {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.product-carousel .carousel-container .prev-cover { 
    position: absolute;
    left: 0;
    top:0px;
    width: 15px;
    height: 100%;
    background-color: #fff;
    z-index: 2;
}
.product-carousel .carousel-container .next-cover { 
    position: absolute;
    right: 0px;
    top:0px;
    width: 15px;
    height: 100%;
    background-color: #fff;
    z-index: 2;
}

.carousel-track {
    display: flex;
    transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: transform; /* 提升动画性能 */
}

/* 产品项样式 */
.carousel-track .product-item {
    width: 300px;
    box-sizing: border-box;
    margin: 0 15px;
    cursor: pointer;
}

.carousel-track .product-item .product-image-container {
    width: 300px;
    height: 300px;
    overflow: hidden;
    border-radius: 6px;
    margin-bottom: 15px;
    background-color: #fafafa;
}

.carousel-track .product-item .product-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.carousel-track .product-item:hover .product-image {
    transform: scale(1.03);
}

.carousel-track .product-item .product-divider {
    height: 1px;
    background: #eee;
    margin: 15px 0;
    margin-bottom: 10px;
}

.carousel-track .product-item .product-brand {
    margin-bottom: 10px;
}

.carousel-track .product-item .brand-logo {
    max-width: 80px;
    max-height: 30px;
    object-fit: contain;
}

.carousel-track .product-item .product-title {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin: 0 0 10px 0;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.carousel-track .product-item .product-description {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 3em; /* 2行 x 1.5行高 */
}

.product-carousel-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: #ffffff;
    color: #E6A23C;
    border: 2px solid #E6A23C;
    border-radius: 50%;
    cursor: pointer;
    font-size: 18px;
    z-index: 10;
    opacity: 1;
    transition: opacity 0.3s;
}

.product-carousel-nav .prev {
    left: -40px;
}

.product-carousel-nav .next {
    right: -40px;
}

.carousel-dots {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    gap: 8px;
}

.carousel-dots .dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #ddd;
    cursor: pointer;
    transition: background 0.3s;
}

.carousel-dots .dot.active {
    background: #333;
    transform: scale(1.2);
}

/* 首页筛选项幻灯片 */
.filter-list{
    position: relative;
}
.filter-list .prev{
    position: absolute;
    width: 32px;
    height: 32px;
    top:30px;
    left:-32px;
    cursor: pointer;
}
.filter-list .next{
    position: absolute;
    width: 32px;
    height: 32px;
    top:30px;
    right:-32px;
    cursor: pointer;
}
.filter-list .prev img,.filter-list .next img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.scroll-content{
    height: 92px;
    width: 100%;
    overflow: hidden;
}
.scroll-slide{
    display: flex;
    width: 100%;
    transition: all .5s;
}
.scroll-slide .scroll-item{
    width: calc(20% - 20px);
    margin:10px;
    height: 72px;
    flex-shrink: 0;
    background-color: #fff;
    border-radius: 4px;
    border:1px solid #eee;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding:12px;
}
.scroll-slide .scroll-item .icon{
    margin-right: 12px;
}
.scroll-slide .scroll-item .icon img{
    width: 50px;
    display: block;
}
.scroll-slide .scroll-item.brand .icon{
    margin:0px;
}
.scroll-slide .scroll-item.brand .icon img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.scroll-slide .scroll-item .text{
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
}

/* support tabs */
.support-tabs{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top:60px !important;
    padding-bottom:26px !important;
}
.support-tabs>.main-tabs{
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    background-color: #F7F5F2;
    border-radius: 30px;
    height: 60px;
    padding:4px;
}
.support-tabs>.main-tabs>.tab{
    padding: 0 20px;
    width: 400px;
    height: 52px;
    line-height: 52px;
    border-radius: 30px;
    background-color: #F7F5F2;
    cursor: pointer;
    text-align: center;
    font-size: 20px;
    color:#666;
}
.support-tabs>.main-tabs>.tab.active{
    background-color: #E6A23C;
    color:#fff;
    font-weight: bold;
}
.support-tabs>.sub-tabs{
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    border-radius: 30px;
    height: 60px;
    padding:4px;
    margin-top:36px;
}
.support-tabs>.sub-tabs>.tab{
    padding: 0 20px;
    width: 180px;
    height: 42px;
    line-height: 42px;
    border-radius: 30px;
    background-color: #fff;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color:#333;
    white-space: nowrap;
}
.support-tabs>.sub-tabs>.tab + .tab{
    margin-left: 120px;
}
.support-tabs>.sub-tabs>.tab.active{
    background-color: #F7F5F2;
    color:#E6A23C;
}

/* table */
.info-table{
    width: 100%;
    border:1px solid #bbb;
}
.info-table th{
    border:1px solid #bbb;
    background-color: #F7F5F2;
    text-align: center;
    padding:8px;
}
.info-table td{
    border:1px solid #bbb;
    text-align: center;
    padding:8px;
}
.info-table tbody tr:nth-child(odd){
    background-color: #fff;
}
.info-table tbody tr:nth-child(even){
    background-color: #F7F5F2;
}

/* toggle-list */
.toggle-list{
    width: 100%; 
}
.toggle-list .toggle-item {

}
.toggle-list .toggle-item .toggle-content{
    transition: all .5s;
    max-height: 0px;
    overflow: hidden;
    opacity: 0;
    box-sizing: border-box;
}
.toggle-list .toggle-item .toggle-content .text{
    padding:20px;
    padding-left:54px;
}
.toggle-list .toggle-item.open .toggle-content{
    opacity: 1;
    max-height: 400px;
}
.toggle-list .toggle-item .toggle-title{
    display: flex;
    align-items: center;
    height: 48px;
    border-bottom: 1px solid #bbb;
    cursor: pointer;
    padding:3px 0px;
}
.toggle-list .toggle-item + .toggle-item{
    margin-top:6px;
}
.toggle-list .toggle-item .toggle-title .text{
    font-size: 20px;
    font-weight: bold;
    color:#333;
    margin-left: 6px;
}
.toggle-list .toggle-item .toggle-title .toggle-icon{
    width: 48px;
    height: 48px;
    position: relative;
}
.toggle-list .toggle-item .toggle-title .toggle-icon .heng{
    width: 20px;
    height: 4px;
    border-radius: 1px;
    background-color: #333;
    position: absolute;
    top:22px;
    left: 14px;
}
.toggle-list .toggle-item .toggle-title .toggle-icon .shu{
    width: 4px;
    height: 20px;
    border-radius: 1px;
    background-color: #333;
    position: absolute;
    top:14px;
    left: 22px;
    transition: all .2s;
    opacity: 1;
}
.toggle-list .toggle-item.open .toggle-title .text{
    color:#E6A23C;
}
.toggle-list .toggle-item.open .toggle-title .toggle-icon .heng{
    background-color: #E6A23C;
}
.toggle-list .toggle-item.open .toggle-title .toggle-icon .shu{
    background-color: #E6A23C;
    transform: rotateZ(90deg);
    transform-origin: 50% 50%;
    opacity: 0;
}
.toggle-item .content{
    padding:0px;
    margin-bottom:16px;
}

img.cover{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.overlines{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}