.wop_collection_tabsort{width: 100%;display: flex;flex-direction: row;margin-bottom: 40px;}
.wop_collection_tabsort .tabsort_left .filter_popbtn{display: none;}
.wop_collection_tabsort .bottom_sort{margin-right: 30px;}
.wop_collection_tabsort .inner_sortbtn{margin-bottom: 0px;}
.wop_collection_pagecontent{width: 100%;display: flex;flex-direction: row;justify-content: space-between;}
.wop_collection_pagecontent .filter_overlay{display: none;}
.wop_collection_pagecontent .filter_box{background: #F5F5F5;border-radius: 20px;padding: 30px 24px;width: 246px;height: max-content;;display: flex;flex-direction: column;margin-right: 30px;}
.wop_collection_pagecontent .pro_list{flex: 1;}
.wop_collection_pagecontent .filter_box .t1{font-size: 18px;color: #434343;font-family: 'Quicksand-Bold';padding-bottom: 12px;border-bottom: 1px solid #434343;display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
.wop_collection_pagecontent .filter_box .t1 .pop_close{display: none;}
.wop_collection_pagecontent .filter_box .t1 .pc_clear{text-decoration: underline;color: #ea5504;cursor: pointer;display: none;font-size: 16px;}
.wop_collection_pagecontent .filter_box .listbox{width: 100%;display: flex;flex-direction: column;}
.wop_collection_pagecontent .filter_box .filterli{width: 100%;display: flex;flex-direction: column;margin-top: 20px;}
.wop_collection_pagecontent .filter_box .filterli .li_title{width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: space-between;cursor: pointer;}
.wop_collection_pagecontent .filter_box .filterli .li_title .p1{font-size: 16px;color: #434343;font-family: 'Quicksand-Bold';}
.wop_collection_pagecontent .filter_box .filterli .li_title .iconfont{transform: rotate(90deg);font-size: 14px;color: #414141;font-weight: bold;}
.wop_collection_pagecontent .filter_box .filterli .li_radio{width: 100%;display: flex;flex-direction: column;margin-top: 16px;} 
.wop_collection_pagecontent .filter_box .filterli .li_radio .radiobox{display: flex;flex-direction: row;align-items: center;margin-bottom: 16px;cursor: pointer;}
.wop_collection_pagecontent .filter_box .filterli .li_radio .radiobox:last-child{margin-bottom: 0px;}
.wop_collection_pagecontent .filter_box .filterli .li_radio .radiobox .circle{border-radius: 50%;border: 1px solid #414141;background: #fff;width: 20px;height: 20px;min-width: 20px;position: relative;}
.wop_collection_pagecontent .filter_box .filterli .li_radio .radiobox.active .circle{border: 1px solid #335C80;}
.wop_collection_pagecontent .filter_box .filterli .li_radio .radiobox.active .circle::before{content: '';position: absolute;left: 50%;top: 50%;border-radius: 50%;background: #335C80;width: 70%;height: 70%;border-radius: 50%;transform: translate(-50%, -50%);}
.wop_collection_pagecontent .filter_box .filterli .li_radio .radiobox .label{font-size: 14px;color: #414141;font-family: 'Quicksand-Medium';margin-left: 8px;}
.wop_collection_pagecontent .filter_box .filterli .li_radio .radiobox.active .label{font-family: 'Quicksand-Bold';color: #335C80;}
.wop_collection_pagecontent .filter_box .filterli .li_radio .radiobox.disable{cursor: inherit;}
.wop_collection_pagecontent .filter_box .filterli .li_radio .radiobox.disable .circle{border: 1px solid #cdcdcd;}
.wop_collection_pagecontent .filter_box .filterli .li_radio .radiobox.disable .circle::before{content: '';position: absolute;left: 50%;top: 0;width: 1px;height: 100%;background: #cdcdcd;transform: rotate(-45deg);}
.wop_collection_pagecontent .filter_box .filterli .li_radio .radiobox.disable .label{color: #cdcdcd;}
.wop_collection_pagecontent .filter_box .pop_btnbox{display: none;}
.wop_collection_pagecontent .pro_list .prolibox_bottom{flex-wrap: wrap;}
.wop_collection_pagecontent .pro_list .prolibox_bottom .pricebox{width: 100%;}
.wop_collection_pagecontent .pro_list .prolibox_bottom .addtocartbox{margin-top: 16px;padding: 12px 30px;}

@media (max-width:1440px){
    .wop_collection_tabsort{margin-bottom: 30px;}
    .wop_collection_tabsort .bottom_sort{width: 220px;}
    .wop_collection_tabsort .bottom_sort .bottom_sort_show{width: 220px;min-width: 220px;}
    .wop_collection_pagecontent .filter_box{padding: 26px 20px;width: 220px;}
    .wop_collection_pagecontent .pro_list .prolibox_bottom .addtocartbox{margin-top: 14px;}
}

@media (max-width:1080px){
    .wop_collection_tabsort{margin-bottom: 26px;}
    .wop_collection_tabsort .bottom_sort{width: 200px;}
    .wop_collection_tabsort .bottom_sort .bottom_sort_show{width: 200px;min-width: 200px;}
    .wop_collection_tabsort .bottom_sort{margin-right: 18px;}
    .wop_collection_pagecontent .filter_box{padding: 24px 18px;margin-right: 18px;width: 200px;}
}

@media (max-width:825px){
    .wop_collection_tabsort{flex-wrap: wrap;flex-direction: column-reverse;margin-bottom: 20px;}
    .wop_collection_tabsort .tabsort_left{width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: space-between;margin-top: 14px;}
    .wop_collection_tabsort .tabsort_left .filter_popbtn{display: flex;flex-direction: row;align-items: center;cursor: pointer;}
    .wop_collection_tabsort .tabsort_left .filter_popbtn .p1{font-size: 16px;line-height: 20px;color: #414141;font-family:'Quicksand-Bold';}
    .wop_collection_tabsort .tabsort_left .filter_popbtn .iconfont{font-size: 16px;margin-left: 8px;transform: rotate(90deg);font-weight: bold;}
    .wop_collection_tabsort .bottom_sort{margin-right: 0px;}
    .wop_collection_pagecontent .filter_content{width: 100%;z-index: 500;position: fixed !important;display: none;}
    .wop_collection_pagecontent .filter_overlay{display: block;position: fixed;left: 0px;bottom: 0px;width: 100%;height: 100%;z-index: 900;background: rgba(0,0,0,.5);animation: wpFullPopupMode .5s;cursor: pointer}
    .wop_collection_pagecontent .filter_box{position: fixed;left: 0px;bottom: 0px;width: 100%;;height: auto;max-height: 90%;border-radius: 16px 16px 0px 0px;animation: wpFullPopupModelConBot .5s;display: flex;flex-direction: column;background: #fff;z-index: 1000;padding: 0px;overflow-y: scroll;}
    .wop_collection_pagecontent .filter_box::-webkit-scrollbar {display: none;}
    .wop_collection_pagecontent .filter_box .t1{font-size: 24px;line-height: 24px;color: #414141;font-family:'Quicksand-Bold';text-align: center;position: sticky;top: 0px;width: 100%;background: #fff;display: flex;flex-direction: row;align-items: center;justify-content: space-between;z-index: 100;padding: 16px 30px;border-bottom: 1px solid #D9D9D9;}
    .wop_collection_pagecontent .filter_box .t1 .pc_clear{display: none !important;}
    .wop_collection_pagecontent .filter_box .t1 .pop_close{position: relative;width: 28px;height: 28px;cursor: pointer;z-index: 100;display: block;}
    .wop_collection_pagecontent .filter_box .t1 .pop_close::before{content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(45deg);width: 85%;height: 2px;background: #414141;}
    .wop_collection_pagecontent .filter_box .t1 .pop_close::after{content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(45deg);width: 2px;height: 85%;background: #414141;}
    .wop_collection_pagecontent .filter_box .listbox{padding: 20px 30px 60px;}
    .wop_collection_pagecontent .filter_box .filterli:first-child{margin-top: 0px;}
    .wop_collection_pagecontent .filter_box .filterli .li_radio{flex-direction: row;align-items: center;flex-wrap: wrap;}
    .wop_collection_pagecontent .filter_box .filterli .li_radio .radiobox{width: 33.33%;margin-bottom: 12px;}
    .wop_collection_pagecontent .filter_box .filterli .li_radio .radiobox:last-child{margin-bottom: 12px;}
    .wop_collection_pagecontent .filter_box .filterli .li_title .p1{font-size: 18px;}
    .wop_collection_pagecontent .filter_box .filterli .li_radio .radiobox .label{font-size: 16px;}
    .wop_collection_pagecontent .filter_box .pop_btnbox{width: 100%;padding: 28px 30px;display: flex;flex-direction: row;align-items: center;justify-content: center;background: #fff;border-top: 1px solid #D9D9D9;position: sticky;left: 0px;bottom: 0px;z-index: 100;}
    .wop_collection_pagecontent .filter_box .pop_btnbox .btnbox{width: 200px;height: 42px;border-radius: 50px;font-size: 16px;line-height: 20px;color: #fff;font-family:'Quicksand-Bold';background: #335C80;display: flex;align-items: center;justify-content: center;}
    .wop_collection_pagecontent .filter_box .pop_btnbox .btnbox:nth-child(2){margin-left: 24px;background: #ea5504;}
    .wop_collection_pagecontent .pro_list .prolibox_bottom .addtocartbox{margin-top: 14px;padding: 10px 20px;}
}

@media (max-width:480px){
    .wop_collection_tabsort .tabsort_left .filter_popbtn .p1{font-size: 14px;line-height: 18px;}
    .wop_collection_tabsort .tabsort_left .filter_popbtn .iconfont{font-size: 14px;margin-left: 4px;}
    .wop_collection_tabsort .bottom_sort{width: 150px;}
    .wop_collection_tabsort .bottom_sort .bottom_sort_show{width: 150px;min-width: 150px;padding: 0px 12px;}
    .wop_collection_tabsort .bottom_sort h6{line-height: 32px;font-size: 12px;}
    .wop_collection_pagecontent .filter_box .t1{font-size: 18px;padding: 10px 16px;}
    .wop_collection_pagecontent .filter_box .t1 .pop_close{width: 20px;height: 20px;}
    .wop_collection_pagecontent .filter_box .listbox{padding: 12px 16px 40px;}
    .wop_collection_pagecontent .filter_box .filterli .li_title .p1{font-size: 14px;}
    .wop_collection_pagecontent .filter_box .filterli .li_radio .radiobox .label{font-size: 12px;}
    .wop_collection_pagecontent .filter_box .filterli .li_radio .radiobox{width: 50%;}
    .wop_collection_pagecontent .filter_box .pop_btnbox{padding: 14px 16px;}
    .wop_collection_pagecontent .filter_box .pop_btnbox .btnbox{width: 46%;height: 36px;font-size: 16px;line-height: 18px;}
    .wop_collection_pagecontent .filter_box .pop_btnbox .btnbox:nth-child(2){margin-left: 16px;}
    .wop_collection_pagecontent .pro_list .prolibox_bottom .addtocartbox{margin-top: 12px;padding: 6px 0px;}
}