.searchandfilter label{display:flex;cursor:pointer}.searchandfilter>div>ul{padding:0 30px;background:#F8FAFB;width:100%;display:flex;flex-direction:column}.searchandfilter h4{font-size:13px;font-family:'Barlow-Bold'}.checkbox_choice_class{margin:5px 0}.radio_choice_class{margin:5px 0}.checkbox_choice_class label{position:relative;padding-left:60px;cursor:pointer}.checkbox_choice_class label::after{width:48px;height:24px;border-radius:12px;position:absolute;content:'';background:#d5d5d5;top:0;left:0;z-index:9}label input[type="checkbox"]{position:absolute;top:1px;left:1px;width:22px;height:22px;background:#fff;border-radius:50%;z-index:10}label input[type="checkbox"]:checked{left:25px;background:#00a73b}label input[type="checkbox"]:focus{border:none}.radio_choice_class label{position:relative}label input[type="radio"]{width:20px;height:20px;background:#f7f7f7;border-radius:50%;margin-right:10px}label input[type="radio"]:checked{background:#00a73b;border:1px solid #e5e5e5}.searchandfilter input[type="submit"]{margin-top:20px;font-family:'Barlow-Bold';width:140px;height:48px;margin-bottom:20px}main .case-list{padding:50px 0}main .case-list .top{padding:50px 0}main .case-list .top .content{display:flex;justify-content:space-between;padding-bottom:50px;position:relative}main .case-list .top .content::after{position:absolute;width:95%;height:1px;left:50%;transform:translateX(-50%);bottom:0;background:#e5e5e5;content:''}main .case-list .top .content .left{max-width:340px;margin-right:60px}main .case-list .top .content .right{flex:1;display:flex;flex-direction:column;justify-content:space-between}main .case-list .top .content .right p{font-size:20px;color:#404040;margin:20px 0}main .case-list .top .content .left h1{font-size:48px;font-family:'Barlow-Bold';line-height:56px}main .case-list .classify .content{display:flex}main .case-list .classify .content form{width:100%}main .case-list .classify .content .left{flex-shrink:0}main .case-list .classify .content .left p{font-family:'Barlow-Bold'}main .case-list .classify .content .right{margin-left:30px}main .case-list .classify .content .right ul{display:flex;flex-wrap:wrap}main .case-list .classify .content .right ul li{margin:10px 20px;margin-left:0}main .case-list .list .cart{margin-bottom:30px}main .case-list .list .cart .cart-top{overflow:hidden;position:relative}main .case-list .list .cart .cart-top img{width:100%;transition:all 0.5s}main .case-list .list .cart:hover .cart-top img{transform:scale(1.1)}main .case-list .list .cart .cart-top .mask{position:absolute;width:100%;height:100%;top:0;left:0;content:'';background:rgba(0,0,0,.2);opacity:0;transition:all 0.5s}main .case-list .list .cart:hover .cart-top .mask{opacity:1}main .case-list .list .cart .cart-btm{color:#404040}main .case-list .list .cart .cart-btm h3{margin:20px 0;font-size:24px;font-family:'Barlow-Medium'}main .product-list .content .right .row .cart{margin-bottom:30px}main .product-list .content .right .row .cart .cart-top{overflow:hidden;position:relative}main .product-list .content .right .row .cart .cart-top img{width:100%;transition:all 0.5s}main .product-list .content .right .row .cart:hover .cart-top img{transform:scale(1.1)}main .product-list .content .right .row .cart .cart-top .mask{position:absolute;width:100%;height:100%;top:0;left:0;content:'';background:rgba(0,0,0,.2);opacity:0;transition:all 0.5s}main .product-list .content .right .row .cart:hover .cart-top .mask{opacity:1}main .product-list .content .right .row .cart .cart-btm{color:#404040;padding:20px}main .product-list .content .right .row .cart .cart-btm h3{margin:20px 0;font-size:24px;font-family:'Barlow-Medium';display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:0}main .case-list .list .page{display:flex;justify-content:center;align-items:center;margin-top:30px}main .case-list .list .page>div,main .case-list .list .page .page-numbers{min-width:38px;min-height:38px;padding:10px;margin:0 10px;border:1px solid #e5e5e5;display:flex;justify-content:center}main .case-list .list .page>div a,main .case-list .list .page .page-numbers{color:#666;display:flex;font-size:14px}main .case-list .list .page>div.active,main .case-list .list .page .page-numbers.current{background:#00a73b}main .case-list .list .page>div.active a,main .case-list .list .page .page-numbers.current{color:#fff}main .case-list .list .page>div:hover,main .case-list .list .page .page-numbers:hover{background:#00a73b}main .case-list .list .page>div:hover a,main .case-list .list .page .page-numbers:hover{color:#fff}main .case-list .list .page>div .prev svg{margin-right:5px}main .case-list .list .page>div .next svg{transform:rotate(180deg);margin-left:5px}main .case-list .list .page>div:hover a svg path{fill:#fff}@media (max-width:1023px){main .case-list .top .content{flex-direction:column;padding-bottom:30px}main .case-list .top .content .left{max-width:100%;margin-right:0;padding-bottom:30px}main .case-list .top{padding:30px 0}main .case-list{padding:10px 0}}@media (max-width:767px){main .case-list .top .content .left h1{font-size:24px;line-height:24px}main .case-list .top .content .left{padding-bottom:10px}main .case-list .top .content .right p{margin:10px 0}main .case-list .classify .content{flex-direction:column}main .case-list .classify .content .right{margin-left:0}main .case-list .classify .content .right ul li{margin:10px}main .case-list .classify .content{margin-bottom:20px}main .case-list .list .page>div{padding:5px;margin:0 5px}}