@charset "utf-8";
/* CSS Document */
#main{clear:both;margin:auto;padding:0; margin-top:0px;margin-bottom:50px;width:95%;height:auto!important;min-height:50px;max-height:none;overflow:hidden;display: flex;}
#main_center{flex:1; margin:0;padding:0;height:auto;overflow:hidden;}
#center_title{margin:10px 0px 10px 0px;padding: 15px; display:flex;justify-content: center;align-items: center;}
#center_title li:first-child{flex:1;}
#center_title li:last-child{font-weight: bolder;cursor:pointer; margin-left: 10px;}
#center_title li:last-child span{font-size: 16px;}
#center_titles{margin-top:10px;height:30px;line-height:30px;border-bottom:#666 2px solid;color:#000;overflow:hidden;font-family:Georgia, "Times New Roman", Times, serif;font-style: italic; font-size:16px;}

#product_type{margin:10px 0px 10px 0px;}
#product_type h1{font-size: 18px;}
#product_type h2{font-weight: normal;font-size: 15px;line-height:28px;color: #666;}
#product_type_list{margin:10px;width:100%;height:auto;overflow:hidden; border-bottom: #ededed 0.0px solid; padding-bottom: 0px;}
#product_type_list ul{display: flex;justify-content: left; align-items: center;flex-wrap: wrap;align-items: stretch;gap: 10px;}
#product_type_list ul li{padding: 5px 10px 5px 10px; display: flex;align-items: center;background: #f1f1f1;width: calc(16.66% - 33px);}
#product_type_list ul li a{width: 100%;height: 100%;display: flex;align-items: center;}
/* #product_type_list ul li a{text-decoration: underline;} */

#product_type_nav{margin:0px 15px 0px 15px;display: flex;justify-content: left; align-items: center;}
#product_type_nav img{height: 26px; margin-right: 10px;}
#product_type_nav p{font-size: 18px;font-weight: bolder;}
#product_type_nav span{margin-left: 8px;font-style: italic;color: #999;}

.product_list{margin:auto;width:100%;height:auto;overflow:hidden;}
.product_list ul{display:block;float:left; margin-top:20px;margin-bottom:20px;width:calc(24% - 2px);padding:0.5%;height:auto;border: #fff 1px solid; overflow:hidden;position: relative;}
.product_list ul:hover{border:#000 1px solid;}
.product_list .p_pic{padding-bottom:50%;padding-top:50%;height:0; overflow: hidden; display: flex; justify-content: center; align-items: center;text-align: center;  background:#fff;}
.product_list .p_pic img{width:95%;border-radius: 5px;}
.product_list .p_pic img:hover{ transform:scale(1.1);transition: .8s ease;}
.product_list .p_info{margin-top:10px; height: 80px; overflow:hidden;text-align: center;}
.product_list .p_info .p_name{height: 60px; overflow:hidden;}
.product_list .p_info .p_price{margin-top:0px; color:#000;font-weight: bolder;}
.product_list .p_infos {height:auto;overflow:hidden; text-align:center;font-weight: bolder;}
.product_list .p_infos span{color:#000; font-size:14px;}
.product_list .p_infos s{color:#999;}
.product_list .p_infos .p_id{margin-top:0px; color:#000;font-weight: bolder;}
.product_list .p_save{ margin-top:5px;color:#999; font-size:10px; text-align:center;}
.product_list .p_cart{ position:absolute; margin: auto; width: calc(96% - 0px);margin-top: -40%; text-align:center;z-index: 1;display:none; }
.product_list .p_cart a{ margin: auto;padding: 10px 15px 10px 15px;background:rgba(0, 0, 0, 0.6); color:#fff; border-radius: 5px;}
.product_list .p_favorite{ position:absolute; margin: auto; width: calc(96% - 0px);text-align:right;z-index: 1;display:none; }
.product_list .p_favorite span{font-size: 26px;cursor: pointer;}
.product_list ul:hover .p_cart{display: block;}
.product_list ul:hover .p_favorite{display: block;}

#main_left{margin:0; margin-top:0px;padding:0; padding-left: 10px; width:250px;height:auto;overflow:hidden;order: -1;}
#left_title{ margin-top: 10px; padding: 15px;background: #091140; color: #fff; text-align: center; font-weight: bolder;}
#left_title a{color: #fff; }
#left_list{margin:auto;border: #091140 1px solid;}
#left_list .c{padding:10px 15px 10px 15px;background:#f3f4f8;border-bottom: #ccc 1px solid;}
#left_list .c a{display:block;color: #003399;font-weight: bolder;}
#left_list .c a::before{content:"";display: inline-block; width: 5px; height: 5px; border-radius: 50%; margin-top:0px; margin-right: 10px; vertical-align: middle;background:#ccc; border: #ccc 1px solid; background-size: cover;}
#left_list .s{position:absolute;margin-left:198px;margin-top:-25px;width:789px;height:auto; overflow:hidden;z-index:99999999999999;background:#FFF;border:#f1f1f1 1px solid;display:none;}
#left_list .c_s{padding:5px;padding-left:20px;border-bottom: #ccc 1px solid;}
#left_list .c_s a{display:block;}
#left_list .c_s_on{padding:5px;padding-left:20px;border-bottom: #ccc 1px solid;}
#left_list .c_s_on a{display:block;color: #ff0000;}
#left_list .c_s_s{position:absolute;margin-left:204px;margin-top:-20px;width:788px;height:auto; overflow:hidden;z-index:99999999999999;background:#f1f1f1;border:#f1f1f1 1px solid;display:none;}
#left_list .c_s_n{display:inline-block; float:left; margin-left:5px;height:25px;line-height:25px;width:145px; text-align: center; overflow:hidden;}
#left_list .c_s_n a{font-weight:normal;}

#left_content{ margin-top: 20px; height: auto;}
#left_content  img{max-width: 100%;}

@media screen and (min-width: 1400px) {
#main{width:80%;}
}

@media screen and (max-width: 750px) {
#main{width:100%;margin-top:0px;}
#center_title{ margin: 0px; padding-top: 10px;}
#main_left{position:fixed; top:0; left:0;width:150px; height:100%; overflow-y:scroll; background:#FFF; border-right: #ededed 1px solid; z-index:999999999999; display:none;}
#left_list .c{font-size:14px;}
#left_list .c a{font-size:14px;}
#main_center{width:100%;}

#product_type_list{padding-bottom: 20px;}
#product_type_list ul li{width: calc(33.3% - 33px);}
	
.product_list{width: 100%;}
.product_list ul{width:48%; padding:1%;margin-top:20px;border: none;}
.product_list ul:hover{ border: none;}
.product_list .p_pic img{width:100%;}
.product_list .p_pic img:hover{ transform:scale(1);transition: .8s ease;}
.product_list .p_info{height: 45px;line-height: 15px;overflow: hidden;}
.product_list .p_infos {margin-top:2px; }
.product_list .p_favorite{display: block;}
.product_list ul:hover .p_cart{display: none;}
}