@charset "utf-8";
body {font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;}
img {vertical-align:middle;}
a { color: #000; text-decoration:none;}
.wrap {  min-width:320px; margin:auto; margin-bottom:80px; background-color:#fff;}


/* 语言条 */
.lang_list {display:flex;justify-content:space-between; background-color:#d6d6d6; display:none;}
.lang_list li { font-size:14px; height:20px; color:#fff; padding:4px 14px;}
.lang_list li a { color:#fff;}
.lang_list li a img { width:24px; height:24px; margin-right:4px; border-radius:20px;}


/*首页顶部搜索工具条*/

.top_toobar { position: sticky; top:0px; width: 100%; z-index: 10; background-color:#fff; /*box-shadow: 0px 1px 19px rgba(0, 0, 0, 0.10);*/}
.top_toobar .index_logo {
	min-width:100px;
	max-width:130px;
	margin: auto;
	display: none;
}
.top_toobar .index_logo img {
	width:100%;
	margin:8px;
}
.top_toobar .top_toobar_div {
	display:flex;
	margin:0 2px;
	padding:8px 4px;
	align-items: center;
    justify-content: space-evenly;
}
.top_toobar .top_toobar_div .index_classify {
	color: #af5757;
	min-width:30px;
	text-align: center;
}
.top_toobar .top_toobar_div .index_classify i {
	font-size:24px;
}
.top_toobar .top_toobar_div .index_classify b {
	color: #af5757;
    font-size: 12px;
    display: block;
	font-weight: normal;
	display:none;
}
.top_toobar .back_home {
	min-width:30px;
	text-align:center;
	border:#000 solid 1px;
	padding:2px;
}
.top_toobar .back_previous_page {
	min-width:40px;
	text-align:center;
}
.top_toobar .back_previous_page a {
	font-size: 18px;
	color:#000;
}
.top_toobar .back_previous_page a b {
    font-size: 12px;
    display: block;
	font-weight: normal;
	display:none;
}
.top_toobar .search_bar {
	padding-left:14px; height:30px; line-height: 30px; border:#666 solid 1px; color: #666; width:70%; margin:0px 8px; font-size: 12px; position:relative;
}
.top_toobar .search_icon {
	position:absolute;
	right:0px;
	top:0px;
	padding: 0px 13px;
    border-radius: 22px;
}
.top_toobar .search_icon i {
	font-size:12px;
	color:#000;
}
.top_toobar .scan_icon {
	display:none;/*不显示扫一扫*/
	position:absolute;
	right:12px;
	top:-2px;
	padding:0 8px;
	color:#000;
}
.top_toobar .scan_icon i {
	font-size:18px;
	color:#666;
}
.top_toobar .top_right {
	min-width:40px;
	text-align: center;
}
.cart a {
	display:block;
	position:relative;
	font-size:24px;
}
.cart a span.gms {
	position: absolute;
	top:0px;
	right:3px;
	background-color:#af5757;
	color:#FFF;
	border-radius:20px;
	min-width:16px;
	text-align:center;
	font-size:9px;
	line-height:16px;
	height:16px;
}
.top_toobar .top_right i.bi-cart3 {
	font-size:25px;
}
.top_toobar .top_right i.bi-list {
	color:#fff;
	font-size:28px;
}
.top_toobar .top_toobar_title {
	width:100%;
	text-align:center;
}
#open_buyshow img { width:100%; max-width:80px;}

/*首页top分类*/
.top_items { display: flex; padding:8px 0; justify-content: space-evenly; background-color: #fff;}
.top_items .top_item a {white-space: nowrap; color:#505050; padding:2px 12px; background-color:#f1f1f1; border-radius:4px; margin:4px; font-size:14px;}


#ajax_fanye_tip {
	text-align: center;
	color: #a5a5a5;
	margin:20px;
}

/*首页分类导航条*/
.fenlei_bar { position:relative; margin:20px 2%;}
.fenlei_bar_ul {display:flex; overflow: auto; }
.fenlei_bar_ul li {white-space:nowrap; background-color: #eaeaea; margin:2px; padding:5px; border-radius:3px;}
.fenlei_bar_ul li a { display:block; color:#FFF; font-size:14px;}
.fenlei_bar_more { width:40px; height:40px; text-align: center; position:absolute; right:0; top:-8px; background-color:#FFF; box-shadow: -2px 0px 14px 5px rgb(255 255 255 / 86%);}
.fenlei_bar_more a { display:block; }
.fenlei_bar_more a i { font-size:2rem;}


/*面包屑导航条*/
.mbx_bar { 
    padding: 8px 0px 8px 8px;
}
.mbx_bar_ul { display:flex; font-size:14px; margin-left: 2px;}
.mbx_bar_ul li a {vertical-align: middle; color:#666;}


/* 幻灯片 */
.slide { width:90%; min-height:100px; margin:auto; background-color:#FCC;}
.slide img { width:100%; }


/* 类别菜单 */
.class_menu {
	display:flex;
	justify-content:space-around;  /*居中，平均分配*/
}
.class_menu_div img {
	width:73px;
}
.class_menu_div p {
	text-align:center;
	font-size:14px;
}

/* 快捷购买按钮 */
.fast_buy { color:#FFC107;}

/* 商品区 */
.goods { display:flex; flex-wrap:wrap; justify-content:space-evenly; background-color: #fff; min-height: 300px; }
.good { width:48%; max-width:400px; background-color:#fff; margin:1px;}
.good .zhaoxiangsi { padding:2px; position:absolute; top:0; right:0; font-size:12px; color: #fff; background-color: rgb(0 0 0 / 40%);cursor: pointer;}
.good .pic { min-height:150px; position:relative; }
.good .pic .yushou { position: absolute; background-color: #98e7cc; font-size: 12px; }
.good .pic .sp_img { width:100%;}
.good .info { padding:8px; }
.good .info .liulan { font-size:12px; color:#999; }
.good .info .info_title { font-size:14px; padding:0; height:22px; overflow: hidden;}
.good .info .info_price { font-size:13px; }
.good .info .info_price:before { font-weight: normal; content: ""; font-size:14px; color: #ff5454;}
.good .info .info_price del { font-size:13px; font-weight:normal; }
.good .info .info_price span { font-size:9px; color: #999; }
.good .info .info_size { display: none; color: #999; font-size:14px; }
.goods .zxs { background-color: #eaf6ff; }
.goods .tmp { text-align:center; padding-top: 20%; font-size:14px; }
/*
.good .info .info_title { width:100%; font-size:13px; min-height:33px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; -webkit-hyphens: auto; hyphens:auto;}
*/

.good_big_pic { display:flex !important; width:100%;}
.good_big_pic .pic { width:36%;  min-height:100px;}
.good_big_pic .info { width:60%; }
.good_big_pic .info .info_title { font-size:14px; height: auto; overflow: auto;}
.good_big_pic .info .info_price { font-size:13px; }
.good_big_pic .info .info_size { font-size:13px; display:block; padding: 5px 0px; }

/* 页脚区域 */
.foot { position:fixed; bottom:0; left:0; background-color:#ffffff; padding:2px 0; width:100%; box-shadow: 0 0 2px rgba(0,0,0,.1); z-index:21;}
.foot_menu { display:flex; justify-content:space-around; max-width: 414px; margin:auto;}
.foot_menu li { text-align:center; font-size:12px;}
.foot_menu li a { display:block; text-decoration:none;}
.foot_menu li a i {font-size: 24px;}
.foot_menu li a b { font-weight:normal; display:block;}

/* 搜索模态框*/
.search_modal {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#fff;
	z-index:21;
	display:none;
}
.search_modal .search_wrap { min-width:320px; margin:auto;}
.search_modal .search_div {
	padding:20px 5px;
}
.search_modal .search_div .close_search_modal {
	width:40px;
}
.search_modal .search_form {
	display:flex;
	align-items: baseline;
}
.search_modal .close_search_modal i {
	font-size: 26px;
}
.search_modal .search_form .search_key {
	width:100%;
	max-width:80%;
	position:relative;
}
.search_modal .scan_icon {
	/*display:none;不显示扫一扫*/
	position:absolute;
	right:20px;
	top:2px;
	padding:0 8px;
	height:30px;
	width:20px;
	text-align:center;
}
.search_modal .scan_icon i {
	font-size:18px;
	color:#666;
}
.search_modal .search_form .search_key #search_xiala {
	position:absolute;
	top:36px;
	left:16px;
	background-color:#f7f7f7;
	min-width:90%;
	display:none;
	padding:4px;
}
.search_modal .search_form .search_key #search_xiala li {
	height: 24px;
    line-height: 24px;
    margin: 2px;
}

.search_modal .search_form .search_key input {
	border-radius:20px; height:33px; line-height:33px; border:none; color: #000; background-color:#efefef; width: -webkit-fill-available; min-width:100px; margin:0 10px; font-size: 16px; text-indent:20px; 
}
.search_modal .search_form .search_submit {
	min-width: 100px;
}
.search_modal .search_form button {
	padding:5px;
	background-color: #000;
    color: #FFF;
    border-radius: 5px;
}
.search_modal .search_form .search_submit span {
	color: #bbb;
}

/*搜索辅助*/
.search_modal .so_fuzhu { padding:30px;}
.search_modal .so_fuzhu_title { color:#999; padding:5px;}
.search_modal .so_fuzhu_title span { float:right; font-size:12px; color:#CCC;}
.search_modal .so_fuzhu_div {display:flex; flex-wrap:wrap; color:#999; padding:5px;}
.search_modal .so_fuzhu_div li { padding:6px; background-color:#f7f7f7; margin:4px; border-radius:4px; font-size:14px;}


/* class页 */
.top_class_paixus { display: flex; padding:8px;}
.top_class_paixus .top_class_paixu { width:100%; text-align:center;}
.top_class_paixus .top_class_paixu span { font-size:14px;}
.top_class_paixus .top_class_paixu span.dq {color:#af5757;}

.top_class_shaixuans {/*display: flex; flex-wrap: wrap;*/ padding:0 0 8px 12px; }
.unfold { flex-wrap: wrap; background-color:#FFF;}
.top_class_shaixuans a { white-space: nowrap; color:#505050; padding:0px 12px; background-color:#f1f1f1; border-radius:0px; margin:2px; font-size:13px; min-width:23%;}
.top_class_shaixuans a.dq {background-color: #c3c3c3; color: white;} 


/* 商详页 */
.good_info td { padding:6px;}
.ysq .dagou { padding:0; margin:0; list-style:none;}
.ysq .dagou li { float:left; margin:0 5px 5px 0; position:relative;}
.ysq .dagou li a { display:block; height:36px; border: #B4B4B4 solid 1px; padding: 0 4px 0 0; background-color:#FFF; }
.ysq .dagou li.nokucun a {border-style: dashed; border-color: #999;}
.ysq .dagou li a:hover { border: #A10000 solid 1px;}
.ysq .dagou li a img { width:36px; height:36px; float:left;}
.ysq .dagou li a i.dagou { display: block;width: 12px;height: 12px;background: url(img/dagou.png) no-repeat scroll;position: absolute;right: 1px;bottom: 1px;_right: 0px;}
.ysq .dagou li a.yxz {border: #af5757 solid 1px;}
.ysq .dagou li a.yxz .dagou { display:block;}
.ysq .dagou li a.wxz .dagou { display:none;}
.ysq .dagou li a span.ys_text { padding:2px 6px; font-size:12px; line-height:36px; }
.ysq .dagou li a.bukeyong { border:#CCC dashed 1px; color:#CCC; } 

.cmq .dagou { padding:0; margin:0; list-style:none;}
.cmq .dagou li {  float:left; margin:0 5px 0px 0; position:relative;}
.cmq .dagou li a{ display:block; border: 1px solid #C8C8C8; line-height: 22px;margin:0 5px 5px 0;  padding: 0px 10px 0 6px;position: relative;}
.cmq .dagou li.nokucun a {border-style: dashed; border-color: #999;}
.cmq .dagou li a:hover { border: #A10000 solid 1px;}

.cmq .dagou li a p{ margin: 1px 1px 0px 1px;}
.cmq .dagou li a.yxz {border: #A10000 solid 1px;}
.cmq .dagou li a .dagou { width: 12px;height: 12px;background: url(img/dagou.png) no-repeat scroll;position: absolute;right: 0px;bottom: 0px;}
.cmq .dagou li a.yxz .dagou {display:block;}
.cmq .dagou li a.wxz .dagou {display:none;}
.cmq .dagou li a.bukeyong { border:#CCC dashed 1px; color:#CCC; } 


/* 商详页主图幻灯片区域 */
#owl {width:100%; margin-left: auto; margin-right: auto;}
#owl .item { display: block;}
#owl img {display: block; width:100%; max-width: 100%;}

/*主价格区域*/
.good_h1 { margin:8px; padding:8px; border-radius:4px; background-color:#ffffff;}
.good_h1 .price { display:inline; font-size:14px;}
.good_h1 .pricejg { font-size:18px; color:#F06;}
/*.good_h1 .pricejg:before { font-weight: normal; content: "S"; color:#000; font-size:16px;}*/
.good_h1 .del { font-size:14px; color:#999; margin-left:20px; display:inline;}
.good_h1 .star { float:right; font-size:18px; }
.good_h1 .star img { width:16px; }
.good_h1 .star a,.good_h1 .star p { display:inline; font-size:14px;}
.good_h1 .good_title { font-size:16px; margin:15px 0px 0px 5px;}
.good_h1 .good_fu_title { font-size:14px; color:#999;  display: flex; margin: 5px; justify-content: space-between;}

/*商品资料区域*/
.good_info { font-size:14px; margin:8px; background-color:#FFF; padding:8px; border-radius:4px;}
.good_info .good_list { display:flex; flex-wrap:wrap; justify-content:space-around;}
.good_info .good_list li { width:45%; padding:5px; }

/*详情页 扩展属性区*/
.good_info .table {display: table; width: 100%; border-collapse: collapse; margin: 0 auto; padding: 0; font-size: 14px;}
.good_info .table-tr {display: table-row; height: 30px;}
.good_info .table-th {display: table-cell; font-weight: bold;height: 100%;border: 1px solid gray;text-align: center;vertical-align: middle;background-color:#E5E5E5;}
.good_info .table-td {display: table-cell; height:40px; border-bottom: 1px solid #f3f3f3; vertical-align: middle;}

/*详情页 商品大图*/
.good_bigimgs { padding:0px;}
.good_bigimgs img { margin-bottom: 1px; width:100%; }

.good_zhaoxiangsi_div { text-align:center;}
.good_zhaoxiangsi_div .get_xiangsi img { width:70px;}
.good_zhaoxiangsi_div .charu {display: flex;flex-wrap: wrap;justify-content: center;}
.good_zhaoxiangsi_div .charu .item { width:30%;margin: 4px; font-size: 12px;}
.good_zhaoxiangsi_div .charu .item img { width:100%;}

/*商品详情图区域*/
.good_fck { background-color:#FFF; margin:8px; padding:8px; border-radius:4px; }
.good_fck p { line-height:25px;}
.good_fck img { width:100%;}

/*商品底部统一说明区域*/
.good_unify { margin:8px 0; background-color:#FFF; padding:8px; border-radius:4px; min-height:100px;}

/* 手机版 商详页 底部工具条 */
.add_cart_menu_li { width:50%; }
.add_cart_btn { border-radius:4px; padding:4px 12px; background-color:#F93; color:#FFF; border: none; font-size:16px; line-height:20px;}
.add_cart_btn .add_cart_btn_text { font-size:18px;}
.add_cart_btn i { font-size:20px; margin-right:8px; }


/*购物车*/
.cart_div { min-width:300px; margin:4px; padding-top:10px;}
.cart_div li { padding:10px 0; display:flex; background-color:#FFF; border-bottom:#f5f5f5 solid 1px;}
.cart_pic { width:160px; padding:4px; }
.cart_pic img { width:100%; }
.cart_info { width:100%; font-size:14px; padding-left:8px; color: #929292;}
.jian,.plus { font-size:14px; border: solid #e4e4e4 1px;  height:27px; line-height:27px; padding:0 10px; display:inline-block; font-style:normal;}
.num { font-size:14px; text-align:center; height:27px; width:36px; border-top:solid #e4e4e4 1px; border-bottom: solid #e4e4e4 1px;}
.buy_tip { display:none; color:#6C6; }
.cart_del { color:#c58f89; padding: 6px;}
.cart_info_price { color: #F00; font-size:16px;}
.cart_info_price:before { font-weight: normal; content: "￥"; font-size:14px; color:#000;}

/* 侧边栏 */
.sidebar { position:absolute; top:79px; right:0px; background-color:#ffbf00; min-width:200px; z-index:999; display:none; }
.sidebar .sidebar_wrap { width:100%; height:100%; color:#000;}
.sidebar .sidebar_wrap ul { padding:8px;}
.sidebar .sidebar_wrap ul li { height:30px; line-height:30px; padding:8px;}


/*类目模态框*/
.classify_modal { position:fixed; bottom:-1500px; left:0; width:100%; height:100%; z-index:20; transition:all .5s}
.classify_modal_show { bottom:0;}
.classify_modal_show #close_classify_modal { width:100%; height:20%; background-color: rgb(0 0 0 / 60%); transition:all 1.5s;}
.classify_modal .classify_wrap { background-color:#f3f3f3; position: absolute; bottom: 0; left: 0; width:100%; height: 80%;}
.class_div { display:flex; width:96%; height:86%; margin:auto; padding-top:10px; }
.class_left { position:fixed; display: none;}
.class_left ul li { padding:12px; text-align:center; border-top-left-radius: 6px; border-bottom-left-radius: 6px; font-size:14px;}
.class_left ul li.active {background-color:#FFF; color:#af5757; font-size:16px; }

.class_right_hot_ul { display: flex; flex-wrap: nowrap; }
.class_right_hot_ul li a { display:block; padding: 8px; font-size: 14px; text-decoration: underline; color: rgb(66, 55, 223);}

.class_right { width:100%; height:100%; min-height:400px; background-color:#fff; padding:5px; /*margin-left:87px;*/ border-radius: 6px;overflow: auto;}
.class_right dl { display:flex; flex-wrap:wrap; margin-top:10px;justify-content:flex-start;}
.class_right dl dt { width:100%; padding:10px;}
.class_right dl dt a { display:block; text-align: center; background-color: #e7e7e7;padding: 4px;}
.class_right dl dt.act a { color: #af5757;}
.class_right dl dd { width:84px; margin:8px 2px; text-align:center; font-size:14px; }
.class_right dl dd img { width:100%; display:block;}
.class_right dl dd.active a { color:#af5757; font-weight:bold;}

/*购物车面板*/
.cart_modal { position:fixed; bottom:-1500px; left:0; width:100%; height:100%; z-index:30; transition:all .5s}
.cart_modal_show { bottom:0;}
.cart_modal_show #close_cart_modal { width:100%; height:100%; background-color: rgb(0 0 0 / 60%); transition:all 1.5s;}
.cart_modal .cart_wrap { background-color:#FFF; position: absolute; bottom: 0; left: 0; width:100%; height: 50%; min-height: 300px;}

.cart_wrap .head { padding:12px; }
.cart_wrap .head .pic { background-color:#e5e5e5; display:inline-block;}
.cart_wrap .head .pic img { height:50px; margin:4px;}
.cart_wrap .head .price { color:#F00; font-size:24px; display:inline-block;}
.cart_wrap .head .close_cart { float:right; padding:8px;}
.cart_wrap .shuxing { border:#F00 1px solid; padding:6px; color:#F00; margin:6px; border-radius:4px; display:inline-block;font-size: 14px; background-color: #ffefef;}
.cart_wrap .shopping {margin:8px; height:40px; line-height:40px; }
.cart_wrap .shopping #buy_div { float:right;}
.cart_wrap .tip {margin:30px 0 10px 0; text-align:center; font-size:12px; color:#999; display: block;  }
.cart_wrap .queding {padding:8px 18px; background-color:#F93; color:#FFF; font-size:16px; width:80%; margin:auto; text-align:center;border-radius:40px; display:block;}