@charset "utf-8";
/* CSS Document */
.index_title{margin:auto; margin-top:50px;width:95%; height:auto; overflow:hidden;}
.tt{padding:10px;font-size:28px;position: relative;text-align: center; font-weight: bold;}
.tt span{color:#000;}
.tl{ margin:auto; width:100px;height:1px;background: #ededed;}
.tc{ margin-top: 15px; text-align: center; color: #666;}

.center_title{margin:auto; margin-top:30px;width:95%; height:auto; overflow:hidden;}

.page{clear:both;width:100%; margin-top:30px;margin-bottom:50px;text-align:center;}
.page span{display:inline-block;width:auto;margin-right:5px;padding:5px 10px 5px 10px; background:#f6f6f6; border:#e3e3e3 1px solid;}
.page span:hover{background:#000; color: #fff;}
.page span:hover a{color: #fff;}
.page strong{color:#000;}

#main{clear:both;margin:auto;padding:0; margin-top:20px;width:95%;height:auto!important;min-height:100px;max-height:none;overflow:hidden;display: flex;}

#main_center{flex:1; margin:0;padding:0;margin-top:0px;margin-left: 50px;height:auto;overflow:hidden;}

#center_title{margin-top:10px;height:30px; text-transform: uppercase; }
#center_titles{margin-top:10px;height:30px;line-height:30px;border-bottom:#666 2px solid;color:#000;overflow:hidden;font-size:16px;}

.product_list{margin:auto;width:100%;height:auto;overflow:hidden;}
.product_list ul{display:block;float:left; margin:1%; width:22%;padding:0.5%; margin-top: 30px; box-shadow:0 0 20px #ccc;background: #fff;height:auto;overflow:hidden;border-radius: 10px;}
.product_list ul:hover{box-shadow:0 0 20px #ccc; border-radius: 10px;}
.product_list .p_pic{padding-bottom:50%;padding-top:50%;height:0; overflow: hidden; display: flex; justify-content: center; align-items: center; background: #f6f6f6; border-radius: 3px;}
.product_list .p_pic img{width:100%;}
.product_list .p_info{margin:10px;height:20px;overflow:hidden; text-align:center;}
.product_list .p_infos {margin-top:0px;height:auto;overflow:hidden; text-align:center;color: #999;}
.product_list .p_infos span{color:#000; font-size:16px;}
.product_list .p_infos s{color:#999;}

/*.p_mark{position:absolute;margin-top:-60%;z-index: 10;color: #0cdbff;vertical-align: middle;text-align: center;width: 100%;visibility:hidden;}
.pt{font-size:18px;}
.pl{height: 2px;width: 0%;margin: 15px auto;background-color: #0cdbff;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

.product_list ul:hover .p_pic img{opacity:0.8; filter: alpha(opacity=80);}
.product_list ul:hover .p_mark {visibility: visible;}
.product_list ul:hover .pl{ width:50%;}*/

.h1{font-weight:normal; font-size:20px;}
.content{font-size:14px; line-height:28px;}
.content a{font-size:14px;}
.content img{ max-width:800px; height:auto;}


#main_left{margin:0; margin-top:0px;padding:0; width: 300px; height:auto;overflow:hidden;order: -1; }
#left_title{line-height:40px;color:#000;font-weight:normal;text-transform: capitalize;font-size:20px;}
#left_title a{font-size:16px;color:#000;text-transform: uppercase; }
#left_list{margin:auto; margin-top:30px;width:95%;}
#left_list .c{padding:15px;background: #f5f5f5; margin-bottom: 10px; border-left: #883c92 5px solid; border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
#left_list .c a{display:block; font-size:16px;color:#000;}
#left_list .c:hover{ background:#f1f1f1;}
#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{ margin-left:20px;padding:10px;}
#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; 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_list .c_s::before{content:"";display: inline-block; width: 15px; height: 15px; border-radius: 50%; margin-top:0px; margin-right: 10px; vertical-align: middle;background:#fff; border: #ccc 1px solid; background-size: cover;}
#left_list .Grey::before{background:Grey;}
#left_list .Beige::before{background:Beige;}
#left_list .Brown::before{background:#755638;}
#left_list .Black::before{background:Black;}
#left_list .Red::before{background:red;}
#left_list .Mul-color::before{background: linear-gradient(Grey, transparent), linear-gradient(-45deg, #755638, transparent), linear-gradient(45deg, red, transparent);}
#left_list .c_s a:hover{ color: #999;}
#left_list .c_s:hover::before{background:#fcc929;border: #fcc929 1px solid;}

#left_list .c_s_on{ margin-left:20px; padding:10px;}
#left_list .c_s_on::before{content:"";display: inline-block; width: 15px; height: 15px; border-radius: 50%; margin-top:0px; margin-right: 10px; vertical-align: middle;background:#ccc; border: #ccc 1px solid;}
#left_list .c_s_on a:hover{ color: #999;}
#left_list .c_s_on:hover::before{background:#fcc929;border: #fcc929 1px solid; }

@media screen and (max-width: 750px) {
.tt{ font-size: 16px;}

.center_title{ width:95%;}

#main{width:100%; margin-top:20px;display: block;}
#main_center{width:100%; margin-left: 0px;}
#center_title{ padding:0px 10px 0px 10px;}
#main_left{width:100%;}
#left_title{display:none;}
#left_list{ margin-top:30px; margin-bottom:20px;width:100%;width:100%;}
#left_list .c{padding:10px 15px 10px 0px; text-align:center; background:#f1f1f1; border-bottom:#FFF 1px solid;}
#left_list .c a{display:block; font-size:16px;}

.product_list{ width: 100%;}
.product_list ul{width:46%; padding:2%; margin: 0px; border-bottom:#f2f2f2 20px solid;box-shadow:none;}
.product_list ul:hover{box-shadow:none; border-radius: 0px;}
.product_list .p_cart{margin:10px 10px 0px 10px; background:#000; height:35px; line-height:35px;color:#FFF; text-align:center; z-index:9999; display:block;}
.product_list .p_cart a{color:#FFF; font-size:12px;}

.h1{ padding:0px 10px 0px 10px; font-size:16px;}
.content{ padding:10px; font-size:12px; line-height:20px;}
.content a{font-size:12px;}
.content img{ max-width:100%; height:auto;}
}