.list-main{padding-top:30px;background-color:#fff!important}.title-box{display:none;margin-bottom:20px}.list-title{color:#030303;font-size:28px;font-weight:400;line-height:28px;margin-bottom:20px}.list-describe>p{color:#8c8c8c;font-size:12px;font-weight:400;line-height:20px;margin-bottom:0}@media(max-width:800px){.list-main{padding-top:10px}.content>.list-title,.content>.list-describe>p{display:none}}.list-body{display:flex;margin-top:30px}@media(max-width:800px){.list-body{flex-direction:column}}.list-left{width:270px}.list-costumes{padding:30px 20px;border:1px solid #eee}.list-costumes .list-costumes-type-box{display:flex;justify-content:space-between}.list-costumes a,.list-costumes a:hover{color:#000!important;text-decoration:unset!important}@media(max-width:800px){.list-left{width:100%}.list-costumes{padding:0;border:unset!important}.list-costumes>.title{display:none}.list-costumes>ul{display:none}.list-costumes .filter-btn{font-size:18px;padding:15px 0!important;justify-content:center!important;border-radius:unset!important}.list-costumes .filter-btn i{display:none}.popular-trend-box{display:none}.list-left-footer{display:none}.title-box{display:block}}.list-costumes>.title{color:#030303;font-size:16px;font-weight:700}.list-costumes>ul{margin:20px 0;padding-left:10px;list-style:none}.list-costumes>ul>li{color:#030303;font-size:16px;font-weight:400;margin-bottom:20px}.list-costumes>ul>li input{display:none}.list-costumes>ul>li .list{display:none;overflow:hidden;transition:all .25s linear}.list-costumes>ul>li i{transition:all .4s;cursor:pointer}.list-costumes>ul>li>input[type=checkbox]:checked~.list-costumes-type-box label{transform:rotate(-180deg)}.list-costumes>ul>li>input[type=checkbox]:checked~.list{display:block;max-height:999px}.list-costumes>ul>li div{font-weight:600}.list-costumes>ul>li>ul>li{color:#030303;font-size:14px;font-weight:400;margin:12px 0 0 10px}.list-costumes>ul .active{color:#28a745}.list-costumes .filter-box .filter-label{width:100%}.list-costumes .filter-box>input{display:none}.list-costumes .filter-btn{width:100%;color:#fff;padding:.875rem 1.5rem;display:flex;align-items:center;justify-content:space-between;background:#000;border:unset;border-radius:36px;cursor:pointer}.list-costumes .filter-btn i{transition:all .4s}.list-costumes .filter-box input[type=checkbox]:checked~label .filter-btn i{transform:rotate(-180deg)}.filter-content{max-height:0;overflow:hidden;margin-top:20px;transition:all .25s linear}.list-costumes .filter-box input[type=checkbox]:checked~.filter-content{max-height:9999px}.fliter-type{margin-bottom:15px}.fliter-type>.title{color:#030303;font-size:16px;font-weight:400}.fliter-type>.type-item,.fliter-type>.type-item>a{display:flex;align-items:center;margin-top:8px}.fliter-type>.type-item span:first-of-type{width:13px;height:13px;display:flex;align-items:center;justify-content:center;border:1px solid #767676;border-radius:2px;overflow:hidden}.fliter-type>.type-item .hook{width:9px;height:5px;margin-left:1px;margin-bottom:1px;display:none;position:relative;background-color:#fff;transform:rotate(310deg)}.fliter-type>.type-item .hook::after{content:"";position:absolute;top:-1px;left:2px;width:8px;height:4px;background-color:#2e76ff}.fliter-type>.type-item .active{border-color:#2e76ff!important;background-color:#2e76ff}.fliter-type>.type-item .active .hook{display:block}.fliter-type>.type-item span:last-of-type{margin-left:5px}.fliter-type .color-list{display:flex;flex-wrap:wrap;margin-top:10px}.fliter-type .color-list input{display:none}.fliter-type .color-list input[type=checkbox]:checked~label .color-item{border:2px solid #2d8cf0}.fliter-type .color-list .color-item{width:40px;height:40px;margin:0 10px 10px 0;border:1px solid #eee;cursor:pointer}.fliter-type .color-list .color-item img{width:100%;height:100%}.popular-trend-box{padding:10px 20px;margin-top:20px;border:1px solid #eee}.popular-trend-box>.title{color:#030303;font-size:16px;font-weight:700}.popular-trend-box .popular-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:20px}.popular-trend-box .popular-list a{text-decoration:unset}.popular-trend-box .popular-list .popular-item{margin-bottom:10px}.popular-trend-box .popular-list .popular-item img{width:100px;height:150px;object-fit:cover}.popular-trend-box .popular-list .popular-item div{color:#cb3e27;font-size:12px;font-weight:700;margin-top:6px}.popular-trend-box .popular-list .popular-item .discount{color:#8c8c8c;text-decoration:line-through}.list-left .list-left-footer{color:#8c8c8c;font-size:12px;font-weight:400;line-height:20px;margin:20px 0}.list-right{flex:1;margin-left:30px}@media(max-width:800px){.list-right{margin-left:0}}.list-right .list-right-header{width:100%;margin-bottom:20px;display:flex;justify-content:space-between}.list-right .list-right-header .badge-list{display:flex}@media(max-width:800px){.list-right .list-right-header .badge-list{display:none}}.list-right .list-right-header .badge-list .badge-item{color:#000;font-size:15px;font-weight:500;padding:1px 8px;margin-right:10px;background-color:#eee;cursor:pointer}.sort-by{display:flex}.sort-by a,.sort-by a:hover{color:#000;text-decoration:unset}.sort-by>.title{color:#8c8c8c;font-size:14px;font-weight:400}@media(max-width:800px){.sort-by>.title{display:none}.sort-by{flex:1}.sort-by .selecter{width:100%;padding:10px 20px;border:1px solid #d2d2d2}.select-options{width:100%;display:flex;justify-content:space-between}.sort-by .selecter .options{min-width:100%!important;max-width:100%!important;margin-top:10px;border-radius:unset!important}}.sort-by .selecter{position:relative}.sort-by .selecter::after{content:"";clear:both}.sort-by .selecter .options{position:absolute;left:0;min-width:10rem;max-width:10rem;display:none;padding:0;background-color:#fff;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;z-index:10;list-style:none;float:left}.sort-by .selecter .options li:hover{background-color:#e9ecef}.sort-by .selecter .options li{margin:10px 0;padding:10px 10px 10px 15px;cursor:pointer}.sort-by .selecter .select-options{cursor:pointer}.sort-by .selecter:hover>.options{display:block}.layout-box{display:flex;margin-left:15px}.layout-box .layout-3-col{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:.1rem;grid-row-gap:.1rem;margin-right:10px}.layout-box .layout-4-col{display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:.1rem;grid-row-gap:.1rem}.layout-box .layout-3-col div,.layout-box .layout-4-col div{width:8px;height:18px;background-color:#8c8c8c;cursor:pointer}.layout-box .layout-selected div{background-color:#000!important}.list-content{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:.5rem;grid-row-gap:.5rem;margin-bottom:30px}.list-content-grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:800px){.list-content{grid-template-columns:repeat(2,1fr)}.list-content-grid-4{grid-template-columns:repeat(2,1fr)}.layout-box{display:none}}.list-content a,.list-content a:hover{color:#000;text-decoration:unset}.list-content .list-item img{width:100%;height:auto;object-fit:cover}.list-content .list-item{padding:5%}.list-content .list-item:hover{box-shadow:0 0 10px rgb(0 0 0/50%)}.list-content .list-item .list-item-img-box{padding-bottom:150%;position:relative;overflow:hidden;display:flex;align-items:center}.list-content .list-item .list-item-img-box img{width:100%;height:100%;position:absolute;transform:translateY(50%)}.list-content .list-item .img-responsive-sec{display:none}.list-content .list-item:hover .img-responsive-sec{display:unset}.list-content .list-item>.title{font-size:12px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;-moz-text-overflow:"…";display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.list-content .list-item .price-box{color:#cb3e27;font-size:15px;font-weight:600;margin-top:5px}.list-content .list-item .price-box .discount{color:#8c8c8c;font-size:12px;text-decoration:line-through;margin-left:10px}.list-content .list-item .star-list{color:#e5a83f;font-size:12px;margin-top:5px}.list-content .list-item .star-list span:last-of-type{color:#000;margin-left:5px}.page-box .page .active{background-color:#000!important}.page-box .page .active a,.page-box .page .active a:hover{color:#fff!important}.page-box .page a,.page-box .page a:hover{color:#000!important}.list-about{max-width:1400px;color:#000;font-size:14px;font-weight:400;line-height:24px;text-align:left;margin:40px auto;position:relative;overflow:hidden}.list-about .show-more{position:absolute;right:0;bottom:0;left:0;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(transparent,white);cursor:pointer}.list-about .show-more i{font-size:18px;animation:upDown .6s linear infinite backwards}@keyframes upDown{0%{transform:translateY(0px)}50%{transform:translateY(5px)}100%{transform:translateY(0px)}}