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

.shoucang { font-size:14px !important;}
.shouc_b { font-size:14px !important; font-weight:bold; color:#e90f0f;}

/* 语言条 */
.lang_list {display:flex;justify-content:space-between;background-color: #000;}
.lang_list li { padding:10px; color: #fff; padding-right:13px;}
.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:0; z-index: 10; background-color: rgb(255 255 255);}
.top_toobar .top_toobar_div {
	display:flex;
	padding:10px;
	align-items: center;
}
.top_toobar .index_logo {
	min-width:60px;
	max-width:120px;
}
.top_toobar .index_logo img {
	width:100%;
}
.top_toobar .index_AIsearch {
    min-width: 20px;
    max-width: 38px;
}

.top_toobar .index_AIsearch img {
    width: 100%;
}
.top_toobar .back_home {
	min-width:30px;
	text-align:center;
	border:#000 solid 1px;
	padding:2px;
}
.top_toobar .back_previous_page a {
	display:block;
	min-width:40px;
}
.top_toobar .back_previous_page a i {
	font-size: 26px;
}
.top_toobar .search_bar {
	display: flex;
    justify-content: space-between;
	align-items: center;
	padding: 0 13px;
	height:28px;
	border:#000 solid 1px;
	color: #666;
	background: #fff;
	width:90%;
}
.top_toobar .search_icon i {
	font-size:18px;
}
.top_toobar .scan_icon i {
	font-size:18px;
}
.top_toobar .top_right {
	min-width:30px;
	margin-left:12px;
}
.top_toobar .top_right .pailitao,.top_toobar .top_right .cart {
	min-width:60px;
	display: inline-block;
	text-align:center;
	line-height: 13px;
	display:none;
}
.top_toobar .top_right .cart i {
	position:relative;
	font-size:28px;
}
span.gms , span.fast_gms {
	position: absolute;
	top:-4px;
	right:-8px;
	background-color:#ff4e4e;
	color:#FFF;
	border-radius:20px;
	min-width:20px;
	text-align:center;
	font-size:9px;
	line-height:16px;
	height:16px;
}
span.fast_gms:empty {
	background-color:transparent;
}
.top_toobar .top_right label.cascades {
	display:inline-block
}

.top_toobar .top_right label.cascades i {
	font-size:28px;
}
.top_toobar .top_toobar_title {
	font-size:18px;
	line-height:34px;
}

/*首页top分类*/
.top_items { display:none; }
.top_items .top_item { width:76px; text-align:center;}
.top_items .top_item a { font-size:16px; line-height: 21px; color:#FFF;}


#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 { margin:15px 8px; color:#ababab;}
.mbx_bar_ul { display:flex; font-size:14px;}
.mbx_bar_ul li a { color:#ababab;}


/* 幻灯片 */
.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;
}


/* 商品区 */

.goods { display:flex; flex-wrap:wrap; justify-content:center; background-color: #fff; margin-top:14px; min-height: 300px; }
.good { width:48%; max-width:400px; background-color:#fff; margin:2px; position:relative;}
.good .zhaoxiangsi { padding:4px; position:absolute; top:0; right:0; font-size:12px; background-color: #a2d7ff; z-index:1;}
.good .pic { width:100%; position:relative; }
.good .pic .yushou { position: absolute; background-color: #98e7cc; font-size: 12px; }
.zichuantu { position: absolute; background-color: #F96; font-size: 12px; right:0; bottom: 0; color: white; padding: 2px;}
.good .pic .sp_img { width:100%;}
.good .info { display: flex; padding:6px 0; flex-wrap: wrap; justify-content: space-between; width:100%; }
.good .info div { margin: 2px;}
.good .info .fast_buy { position:relative; margin-right: 14px;} 
.good .info .info_title { width:100%; height: 23px; overflow: hidden;}
.good .info .info_size { display: none; width:100%;}
.good .info .lings_price,.lings_price { width:100%; font-size:14px; margin:0;}

.good .info .info_price { font-size:14px; width: 74%; }

.good .info .tinfo_price { font-size:16px; color: #F00;  font-size:14px;}
.good .info .tinfo_price:before { font-weight: normal; content: "S:"; color: #f00; font-size:14px;}
.good .info .info_price del { font-size:9px; color: #000; font-weight:normal; display:none;}
.good .info .fast_buy i { font-size:26px; }
.goods .zxs { background-color: #a2d7ff; }
.goods .zxs_tip { text-align:center; margin-top:60%; }
.goods .tmp { text-align:center; padding-top: 20%; font-size:14px; }


.good_small_pic { display:flex; width: 100%;  max-width: 45%; min-width: 350px;}
.good_small_pic .pic { width:61%; position:relative; }
.good_small_pic .info { display:block; padding:8px 8px;}
.good_small_pic .info .info_title { height:auto; font-size:16px;}
.good_small_pic .info .info_size { display: block; margin:2px 0px;}
.good_small_pic .info .fast_buy  { position:relative; float: right;}
.good_small_pic .info .fast_buy i { font-size:30px;}
.good_small_pic .zxs_tip {text-align:center; width: 100%; margin:4px;}
/* 页脚区域 */
.foot { position:fixed; bottom:0; left:0; background-color:#fbfbfb; width:100%; box-shadow: 0 0 6px rgba(0,0,0,.4); z-index:30; }
.foot_menu { display:flex; justify-content:space-around;  margin:8px auto; max-width:1200px;}
.foot_menu li { font-size:12px;}
.foot_menu li a { display:block; text-align: center;}
.foot_menu li a i {font-size: 24px;}
.foot_menu .cart { position:relative;}
.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:20;
	display:none;
}
.search_modal .search_wrap { min-width:320px; max-width:1200px;  margin:auto; padding: 26px 8px;}
.search_modal .search_div .close_search_modal {
	min-width:60px;
	text-align:center;
}
.search_modal .search_form {
	display:flex;
	align-items: center;
}
.search_modal .close_search_modal i {
	font-size: 26px;
}
.search_modal .search_form .search_key {
	width:80%;
	position:relative;
}
.search_modal .scan_icon {
	position:absolute;
	left:4px;
	top:-2px;
	padding:8px;
}
.search_modal .scan_icon i {
	font-size:22px;
}
.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: 100%; min-width:100px; text-indent:40px; 
}
.search_modal .search_form .search_submit {
	width: 160px;
	text-align:center;
}
.search_modal .search_form button {
	padding:5px;
	background-color: #000;
    color: #FFF;
    border-radius: 5px;
}
.search_modal .search_form .search_submit span {
	padding:4px;
}

/*搜索辅助*/
.search_modal .so_fuzhu { width:90%; padding:10px;}
.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; flex-wrap: nowrap; padding:8px;}
.top_class_paixus .top_class_paixu { width:100%; text-align:center;}
.top_class_paixus .top_class_paixu span.dq {color:#FF5722; font-weight:bold;}
.top_class_shaixuans {display: flex; padding:0 8px 8px 8px; max-height: 300px; overflow:auto; display:none; }
.unfold { flex-wrap: wrap; background-color:#FFF;}
.top_class_shaixuans a { white-space: nowrap; color:#505050; padding:2px 12px; background-color:#f1f1f1; border-radius:4px; margin:4px;}

.toggle_top_class_shaixuans { position:absolute; top:54px; right:0;background-color: #ffffff; padding: 8px;}


/* 商详页 */
.good_info td { padding:8px;}
.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 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: #A10000 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 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; }
.good_h1 .pricejg { font-size:18px; color:#F06; font-size:16px;}

.good_h1 .tpricejg { font-size:18px; color:#F06; font-size:16px;}

.good_h1 .del { font-size:12px; color:#999; margin-left:8px; 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:14px; margin:15px 0px 0px 0px;}
.good_h1 .good_fu_title { font-size:14px; color:#999; display: flex; margin: 5px 0px 0px 0px; justify-content: space-between;}
.yuding_red { color: #bb2a2a;}


/*商品资料区域*/
.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: 2px; max-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_zhaoxiangsi_div { text-align:center; background-color: #e2f3ff; width: fit-content; margin: auto;}
.good_zhaoxiangsi_div .get_xiangsi img { width:100px;}
.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_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; padding-top:10px;}
.cart_div li { padding:8px 4px;margin: 4px; display:flex; background-color:#FFF; border:#fff solid 1px;align-items: center;}
.cart_div li.red {border-color:#ffd3c5;}
.cart_label { padding:8px;}
.cart_pic { width:40%; max-width:120px; }
.cart_pic img { width:100%; }
.cart_info { width:100%; font-size:14px; padding-left:8px; color: #929292;}
.cart_info_pinming .tip { color:#F00; font-size:12px;}
.cart_caozuo { width:30px; display: flex;justify-content: center; flex-wrap: wrap;}
.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_caozuo div { padding: 1px; position:relative;}
.cart_info_price { color: #F00; font-size:16px;}

.tcart_info_price { color: #F00; font-size:16px;}


/* 侧边栏 */
.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;}
.class_left ul li { padding:12px; text-align:center; border-top-left-radius: 6px; border-bottom-left-radius: 6px;}
.class_left ul li.active {background-color:#FFF; color:#ff3d00; font-size:16px; }

.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: #f00;}
.class_right dl dd { width:80px; margin:12px 4px; text-align:center; font-size:14px; }
.class_right dl dd img { width:100%;vertical-align: middle; display:block;}
.class_right dl dd.active a { color:#ff3d00; font-weight:bold;}



/*动画动作_秋千  http://www.miued.com/tools/ 或 http://www.shouce.ren/example/show/s/6869 */
.dh_tada{
	animation:dh_tada 1s .2s ease both;
}
@-webkit-keyframes dh_tada{
	0%{transform:rotate(0)}
	10%,20%{transform:rotate(-3deg)}
	30%,50%,70%,90%{transform:rotate(3deg)}
	40%,60%,80%{transform:rotate(-3deg)}
	100%{transform:rotate(0)}
}
/*弹起*/
.dh_tanqi{
	animation:dh_tanqi 1s .2s ease both;
}
@-webkit-keyframes dh_tanqi{
	0%,20%,50%,80%,100%{transform:translateY(0)}
	40%{transform:translateY(-20px)}
	60%{transform:translateY(-10px)}
}
/*鼓起一下*/
.dh_guqi{
	animation:dh_guqi .5s .2s ease both;
}
@-webkit-keyframes dh_guqi{
	0%{transform:scale(1)}
	50%{transform:scale(1.2) translateX(-10px)}
	100%{transform:scale(1)}
}


.classx_sx { font-size:14px; color:#828282; display:none;}
.classx_sx dl { display:flex; overflow:auto; padding:8px 8px 0 8px; }
.classx_sx dl dt { padding:4px 13px 2px 13px; background-color:#ececec; border:#ececec solid 1px; border-radius:15px; margin-right:8px; height:20px; min-width:fit-content;}
.classx_sx dl dt.yx { color:#FF5722; background-color:#ffe1d8; border:#FF5722 solid 1px;}
.classx_sx dl dt.act { color:#828282; border-radius:15px 15px 0 0; background-color:#ececec; border:#ececec solid 1px; height:24px;}
.classx_sx dl dt i { font-size:9px; vertical-align:text-top;}
.classx_sx dl dt i.bi-caret-up-fill { display:none;}
.classx_sx dl dt.act i.bi-caret-down-fill { display:none;}
.classx_sx dl dt.act i.bi-caret-up-fill { display:inline-block;}

.classx_sx ul { padding:0 4px 4px 4px; max-height:250px; overflow:auto;}
.classx_sx ul li { display:none; background-color:#ececec; padding:10px; border-radius:4px;}
.classx_sx ul li a { display:inline-block; width:45%; padding:8px;}
.classx_sx ul li a.act { color:#F00;}
.classx_sx ul li a.act:after { font-weight:bold; content: "×"; color:#F00; padding-left:10px;}

.zkyt_div {font-size:14px; padding-top:20px; text-align:center;}
.zkyt_div label { padding:4px 0; display:block;}