@charset "utf-8";
/* CSS Document */
.header{background: #000;}
#heclear{height:50px;}

#main{clear:both;margin:auto;padding:0; margin-top:30px;width:95%;height:auto!important;min-height:50px;max-height:none;overflow:hidden;display: flex;}
#main_center{flex:1;margin:0;padding:0;margin-top:0px;width:auto;height:auto;overflow:hidden;}
#center_title{margin:10px;height:30px;}
#center_title span{float:right; margin-top:5px; cursor:pointer; display:none;}

#center_content{margin-top:20px;width:100%;clear:both;height:auto;overflow:hidden;}

#product_pic{float:left;margin:0; padding:0;width:50%;height:auto;overflow:hidden;}
.show_pic{margin:0;padding:0;width:100%;height:auto;text-align:center;cursor:pointer;overflow:hidden; display: none;}
.show_pic img{border:0;width:100%;}
.pic_list{ height: auto;}
/* .pic_list img{ display:inline-block;width:50px; height: 50px; margin-right:20px;margin-top:10px; border:#ededed 1px solid;} 
.pic_list img:hover{border:#ff0000 1px solid;}*/
/* .pic_list img{border:0;width:100%;margin-bottom: 20px;} */
.pic_list .pic_list_show{ padding-bottom:50%;padding-top:50%;height:0; overflow: hidden; display: flex; justify-content: center; align-items: center;text-align: center;background:#f1f3f2;margin-bottom: 20px;}
.pic_list .pic_list_show img{width:90%;border-radius: 5px;}
.pic_list .pic_list_show img:hover{ transform:scale(1.1);transition: .8s ease;}


.show_pic_m{ height:auto;display:none;}
.slider_list{ z-index:9; }
.sw_pic{padding-bottom:100%;height:0px;overflow:hidden;background:#f1f3f2 no-repeat center center;background-size:contain;position:relative;} /*640:640*/

#product_info{left:calc(50% + 130px); padding:0 5% 0 5%; width:calc(40% - 130px); height:auto;overflow:hidden; position: fixed; background: #fff;}
#product_info ul{ padding:0px  20px 0px 50px; height:auto;overflow:hidden;}
#product_info ul li{}
#product_info li{display:block;margin-top:10px;}
#product_info img{vertical-align:middle;}
#product_info s{}
#product_info i{font-style:normal;}
#product_info .price{font-size:22px;color:#ff0000;}
#product_info .price_old{ font-size:16px;}
#product_info .price_save{color:#ff0000;}
#product_info #pro_name{font-size:16px; font-weight:bolder;}
#product_info #pro_title{height:25px; background:#B6B7B9;line-height:25px; font-weight:bolder;}
#product_info #pro_bg{background:#F5F5F5;}
#product_info #pro_price{line-height:30px; color:#999; font-weight:bolder; font-size:13px}
#product_info #pro_order{ width:100%;}
#product_info #pro_order table{ width:100%;}
#product_info #pro_order td{ padding:5px;border-bottom:#E6E6E6 solid 0.01rem;}
#product_info #pro_order .t{text-align:center; font-weight:bolder;}
#product_info #pro_order .i{width:200px;}
#product_info #pro_order .m_s{width:140px;border:0px;}

#product_info #pro_order .qty{ display: flex; justify-content: center;align-items: center;}
#product_info #pro_order .qdel,.qadd{cursor:pointer; font-size:14px;height:30px; width:30px; line-height:30px; text-align:center; border:#CCC 0.01rem solid; border-radius: 5px;}
#product_info #pro_order .m_i{width:28px; height:28px;border:#CCC 0.01rem solid; text-align:center; margin: 0px 5px 0px 5px;border-radius: 5px;}

#product_info #pro_patch span{font-size:14px;font-weight:bolder;color:#cb2027;}
#product_info #order_submit{ margin-top:30px;cursor:pointer; background:#000; height:40px; text-align:center; width:auto; line-height:40px; color:#FFF; font-size:16px; border-radius: 5px;}
#product_info #order_quick{ margin-top:30px;cursor:pointer; background:#000; height:40px; text-align:center; width:300px; line-height:40px; color:#FFF; font-size:16px;}
#product_info #order_quick a{ display:block; height:100%; width:100%;color:#FFF; font-size:16px;}

#product_info #pr_sale_in{ display:none;}
#product_info #pr_sale_out{ display:none;}

#product_info .pr_sale{margin-top:50px; margin-bottom:50px;background:#f2f2f2;}
#product_info .pr_sale li{ padding:10px;}
#product_info .pr_sale_time{background:#333; color:#FFF;}

#product_info .pr_size_sku{ margin-top:10px;}
#product_info .pr_size_sku span{display:inline-block; margin-top:5px;margin-right:5px; padding:10px;}
#product_info .pr_size_sku .in{border:#eee 1px solid; background:#eee; cursor:pointer;}
#product_info .pr_size_sku .in:hover{border:#ff0000 1px solid;}
#product_info .pr_size_sku .on{border:#ff0000 1px solid; background:#eee; cursor:pointer;}
#product_info .pr_size_sku .out{border:#ccc 1px dashed; background:#fff; cursor:not-allowed;}


#product_info .pr_color_sku{margin-top:10px;}
#product_info .pr_color_sku a{display:inline-block; margin-top:5px;margin-right:5px; border:#f1f1f1 1px solid;}
#product_info .pr_color_sku a:hover{border:#ff0000 1px solid;}
#product_info .pr_color_sku img{width:58px;}
#product_info .pr_color_sku .on{ border:#ff0000 1px solid;}

#product_info .pr_size_title{margin: 20px 0px 20px; padding: 20px 0px 20px 0px;border-top:#CCC 0.01rem solid;border-bottom:#CCC 0.01rem solid; cursor: pointer;}
#product_info .pr_size_title span{float: right;}
#product_info .pr_size_list{display: none;}

.product_list{margin:auto;width:100%;height:auto;overflow:hidden;}
.product_list ul{display:block;float:left; margin-top:50px;width:15.666666%;padding:0.5%;height:auto;overflow:hidden;}
.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:#f1f3f2;}
.product_list .p_pic img{width:90%;border-radius: 5px;}
.product_list .p_pic img:hover{ transform:scale(1.1);transition: .8s ease;}
.product_list .p_info{margin-top:10px; height: 40px; overflow:hidden;display: flex; justify-content: center; align-items: center;}
.product_list .p_info .p_name{flex:1;}
.product_list .p_info .p_price{margin-left: 10px;color:#999;}
.product_list .p_infos {height:auto;overflow:hidden; text-align:center;}
.product_list .p_infos span{color:#ff0000; font-size:16px;}
.product_list .p_infos s{color:#999;}
.product_list .p_save{ margin-top:5px;color:#999; font-size:10px; text-align:center;}

#center_titles{margin:auto;margin-top:50px;width:100%;height:auto;overflow:hidden;}
#center_titles li{margin-top:20px;height:1px; background:#ededed;}
#center_titles span{display:inline-block;font-size:24px; background:#FFF; padding:0px 10px 0px 10px;margin-top:-15px; position:absolute; z-index:2;}

#center_contents{margin-top:20px;clear:both;height:auto; line-height:30px;overflow:hidden;padding:10px;}

#main_left{margin:0; margin-top:0px; margin-right: 20px; padding:0;width:250px;height:auto;overflow:hidden;order: -1;}
#left_title{line-height:40px;font-size:16px;color:#000;text-transform: uppercase;}
#left_title a{font-size:16px;color:#000;text-transform: uppercase; }
#left_list{margin:auto;border-right:#ededed 1px solid;}
#left_list .c{padding:10px 15px 10px 0px;font-weight:bolder;}
#left_list .c a{display:block;}
#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:10px;}
#left_list .c_s_on{padding:5px;padding-left:10px; text-decoration:underline;}
#left_list .c_s_on a{display:block;}
#left_list .c_s a{display:block;}
#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;}

/*@media screen and (min-width: 1400px) {
#main{width:90%;}
#main_left{width:13%;margin-right:2%;}
#main_center{width:85%;}
#product_pic{width:50%;}
#product_info{width:50%;}
#product_info #pro_order{ width:50%;}
}*/

@media screen and (max-width: 750px) {
#heclear{height:40px;}
#main{width:100%; margin-top: 0px; }

#center_titles{margin-top:30px;}
#center_titles span{ font-size:20px; display: none;}

#main_center{ width:100%;}

#center_content{margin-top:0px;}
.show_pic{display:none;}
.pic_list{display:none;}
.show_pic_m{ display:block;}

#center_title{}
#product_pic{float:none;margin:auto;width:100%;}
#product_info{position:relative;padding:0;left: 0;width:auto; }
#product_info ul{ padding:0px  20px 0px 20px;}
#product_info{width:100%;}
#product_info .price{ font-size:20px;}
#product_info #order_submit{ width:auto;}
#product_info #order_quick{width:auto;}
#product_info .pr_p{ text-align:center;}

#product_info #pro_order .m_i{width:30px; height:30px;}

.product_list{width: 100%;}
.product_list ul{width:48%; padding:1%;margin-top:20px;}

#center_contents img{width:100%; height:auto;}

#main_left{ display:none;}
}