#category_sort_button .button{padding: 16px;display: inline-block;background: #eee;margin-right: 10px;}
#category_sort_button .button:hover{cursor: pointer;background: black;color: white;}
#category_sort_button .current_button{background: black !important;color: white !important;}
#category_sort_button .button i{margin-left:5px; }

#product_list{display:grid;grid-template-columns: repeat(4,1fr);margin-top: 25px;}
#product_list .product{width:340px;border-radius:20px;padding:10px;box-shadow: 0px 0px 22px 0px rgba(0, 104.0000000000002, 183, 0.16);margin-bottom: 25px;}
#product_list .product:hover{box-shadow: 0px 0px 8px 0px rgba(0, 104.0000000000002, 183, 0.11);}
#product_list .product .image{width: 320px;}
#product_list .product .image img{border-radius: 20px;width: 320px;}
#product_list .product .title{margin-top:20px;font-family: Arial,Sans-serif;font-size: 22px;font-weight: 600;text-transform: none;font-style: normal;text-decoration: none;line-height: 1.2em;margin-bottom: 10px;color:black;}
#product_list .product .title a{color:black;}
#product_list .product .view_button{margin-bottom:20px;display: inline-block;font-family: Arial, Sans-serif;font-size: 12px;font-weight: 400;text-transform: none;font-style: normal;text-decoration: none;line-height: 1.5em;background-color: #FFFFFF;color: #0068B7;border-style: solid;border-width: 1px 1px 1px 1px;padding: 12px 24px;}
#product_list .product .view_button:hover{background-color:#0068B7;color: white;}

#load_more{margin-left:calc(50% - 83px);display: inline-block;font-family: Arial, Sans-serif;font-size: 16px;font-weight: 500;background-color: #0068B7;color: #FFFFFF;padding: 16px 45px 16px 45px;}
#load_more:hover{cursor: pointer;}

.product_list_filter{display:flex;gap:30px;width: 100%;max-width: min(100%, 1440px);margin: 0 auto;padding-inline-start: 0;padding-inline-end: 0;height: 100%;}
.product_list_filter .filter_list{width:25%;}
.product_list_filter .filter_list .filter_info .filter_title{display:flex;justify-content: space-between;align-items: center;padding:20px 0;border-bottom: 1px solid #D5D8DC;cursor: pointer;}
.product_list_filter .filter_list .filter_info .filter_title span{font-size:17px;font-style:normal;font-family:"Arial", Sans-serif;font-weight:600;color:#1f2124;}
.product_list_filter .filter_list .filter_info .filter_title i{font-size:22px;font-style:normal;font-family:"Arial", Sans-serif;font-weight:600;color:#1f2124;}
.product_list_filter .filter_list .filter_info .filter_children_div{display:flex;}

.product_list_filter .filter_list .filter_info .filter_children{gap:25px;flex-wrap: wrap;margin:10px 0;width:100%}
.product_list_filter .filter_list .filter_info .filter_children .filter_child{gap:10px;font-family: "Arial", Sans-serif;font-size: 15px;}
.product_list_filter .filter_list .filter_info .filter_children .filter_child .filter_checkbox{-webkit-appearance: none;width: 15px;height: 15px;border: 1px solid #CCC;outline: none;margin: 0;position: relative;}
.product_list_filter .filter_list .filter_info .filter_children .filter_child .filter_checkbox:checked{background-color: rgb(87, 91, 102);border-color: rgb(87, 91, 102);}
.product_list_filter .filter_list .filter_info .filter_children .filter_child .filter_checkbox:checked::after{content: '✔';color: white;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50);}

.product_list_filter .product_list{width:75%;display:flex;flex-direction: column;gap:20px;}
.product_list_filter .product_list.whole{width:100%;}
.product_list_filter .product_list .list_header{display:flex;justify-content: space-between;padding:0 10px;gap:20px;}
.product_list_filter .product_list .list_header .list_title{color: #1C244B;font-family: "Arial", Sans-serif;font-size: 22px;font-weight: 600;text-transform: none;font-style: normal;text-decoration: none;line-height: 1.2em;letter-spacing: 0px;}
.product_list_filter .product_list .list_header .search_control{padding:0 10px;max-width:200px;border:1px solid #767676;border-radius: 3px;display: flex;align-items: center;}
.product_list_filter .product_list .list_header .search_control .search_keyword{padding:2px 0;font-size: 14px;color:#767676;border:1px solid #767676;border-radius: 3px;margin-right: 10px;border: none;outline: none;}
.product_list_filter .product_list .list_header .search_control .search_icon{cursor: pointer;display: block;}
.product_list_filter .product_list .list_header .list_control_list{display:flex;gap:30px;}
.product_list_filter .product_list .list_header .list_control_list .list_control{display:flex;align-items:center;gap:10px;color:#767676;font-size:14px;font-family: "Arial", Sans-serif;font-weight: 400;line-height: 1.5em;cursor: pointer;}
.product_list_filter .product_list .list_header .list_control_list .list_control:hover{color:#1C244B;}
.product_list_filter .product_list .list_header .list_control_list .list_control span{white-space: nowrap;}
.product_list_filter .product_list .list_header .list_control_list .sort_by_input{font-size: 14px;color:#767676;border:none;outline: none;padding:0;cursor: pointer;}


.product_list_filter .product_list .list_body .product_show{display: grid;grid-template-columns: repeat(3,1fr);grid-gap:25px;}
.product_list_filter .product_list .list_body .product_show .product_title h2{font-family: "Arial", Sans-serif;font-size: 15px;font-weight: 500;text-transform: none;font-style: normal;text-decoration: none;line-height: 1.5em;margin-bottom: 15px;text-align: center;}
.product_list_filter .product_list .list_body .product_show .product_title h2 a{color:#1C244B;}
.product_list_filter .product_list .list_body .product_show .product_image{border:1px solid #D5D8DC;}
.product_list_filter .product_list .list_body .page_list{margin:42px auto 0 auto;text-align: center;}
.product_list_filter .product_list .list_body .page_list .page-numbers{color:#767676;font-family: "Arial", Sans-serif;font-size: 16px;font-weight: 400;border-style: solid;border-width:1px;padding: 7px 12px;margin:0 5px;}
.product_list_filter .product_list .list_body .page_list .page-numbers.current{background:#767676;color:#FFFFFF;}

.introduction_point .point{display:flex;align-items: center;margin:5px 0;}
.introduction_point .point i{color:#0068B7;display: inline-block;font-size:14px;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;}
.introduction_point .point span{color:#1C244B;font-family: "Arial", Sans-serif;font-size: 16px;font-weight: 400;text-transform: none;font-style: normal;text-decoration: none;line-height: 1.5em;padding-left:10px;}

/*手机*/
@media screen and (max-width: 767px){
    #product_list{display:grid;grid-template-columns: repeat(2,1fr) !important;}
    #product_list .product{width: 185px !important;}
    #product_list .product .image{width: 165px !important;}
    #product_list .product .image img{border-radius: 20px;width: 165px !important;}
    #product_list .product .title{font-size: 12px !important;}

    .product_list_filter{flex-direction: column;}
    .product_list_filter .filter_list{width:100%;}
    .product_list_filter .product_list{width:100%;}
    .product_list_filter .product_list .list_header{flex-direction: column;}
    .product_list_filter .product_list .list_body .product_show{grid-template-columns: repeat(1,1fr);}

    .introduction_point .point span{font-size: 14px;}
}