/*******global********/
@media (min-width: 768px) {
	*{padding: 0; margin: 0; font-size: 14px;}
	body{background: #F2F2F2;}
	header,main,section,footer{ width: 100%; display: flex; flex-direction: column; align-items: center;}
	header{ background: #ffffff;}
	.container{width: 1200px; height: auto;}
	.fl{float: left;}
	.fr{float: right;}
	a{ text-decoration: none; color: #333;}
	ul li{ list-style: none;}
	.ml20{ margin-left: 20px;}
	.flex_row_center{ display: flex;flex-direction: row; align-items: center;}
	.blank15{ clear: both; display: block; overflow: hidden; height: 15px;}
	.blank10{ clear: both; display: block; overflow: hidden; height: 10px;}
	.blank5{ width: 100%; clear: both; display: block; overflow: hidden; height: 5px;}
	.clear{clear: both; display: block; overflow: hidden;}
	.blank50{ clear: both; display: block; overflow: hidden; height: 50px;}
	.blank100{ clear: both; display: block; overflow: hidden; height: 100px;}
	.center{ text-align: center;}
	.mt10{ margin-top: 10px;}
	.mt20{ margin-top: 20px;}
	.mobile,.mobile_show{ display: none;}
	.footer_fix{ display: none;}
	.c789{ color: #778899;}
	.c007fe3{ color: #007FE3;}
	.c56{ color: #565656;}
	.ce26{ color: #e00026;}
}
/*******top********/
@media (min-width: 768px) {
	.top{ width: 100%; height: 40px; background: #f3f3f3; line-height: 40px; color: #333; border-bottom: 1px solid #eee; display: flex; justify-content: center;}
	.right_menu span{ display: block; height: 40px; float: left; padding: 0 10px;}
	.right_menu span i{font-size: 12px;}
	.show_more .more_box{display: none;}
	.top_search{ height: 90px; padding-top: 10px;}
	.top_search .fr{ height: 90px;}
	.formbox{ margin-top: 13px; display: flex; flex-direction: row;}
	.formbox input{width: 240px; height: 35px; border: 1px solid #0F3967; padding-left: 10px;outline:none; margin-left: 1px;}
	.formbox select{ width: 115px; height: 37px; border: 1px solid #0F3967;outline:none; float: left; padding-left: 5px; border-radius: 0px;}
	.hot_search{ margin-top: 10px; width: 520px; height: 20px; overflow: hidden;}
	.hot_search span{ font-weight: bold;}
	.hot_search a{ margin-left: 6px;}
	.nav_box{width: 100%;height:42px;border-bottom: 3px solid #0F3967; padding-top: 10px; display: flex; justify-content: center;}
	.nav_l{ width: 260px; height: 42px;border-bottom:3px solid #0F3967; background:#0F3967 ; float: left; color: #ffffff; text-align: center; line-height: 42px; font-size: 16px; position: relative;}
	.nav_more{position: absolute; top:45px; left: 0; z-index: 100; width:260px; background: #ffffff; padding: 5px 0;}
	.nav_more a{ display: block; height: 32px; line-height: 32px; text-align: left; padding-left: 30px;}
	.nav_more a::after{ font-family: "iconfont2";content: '\e667'; float: right; margin-right: 20px; font-size: 16px;}
	.nav_more a:hover,.nav_more a.this,.nav_more2 .fl1 a:hover,.nav_more2 .fl1 a.this{ background: #F2F2F2;}
	.nav_more2{position: absolute; top:45px; left: 260px; z-index: 11; width:940px; min-height:490px; background: #ffffff; box-shadow: 0 0 16px 0 rgb(0 0 0 / 10%); display: flex; flex-direction: row;}
	.nav_more2 .fl1{ border-right: 1px solid #F2F2F2; min-height: 480px;}
	.nav_more2 .fl1 div{min-height: 480px;}
	.nav_more2 .fl1 a{ padding: 0 20px; height: 36px; line-height: 36px; display: block; white-space: nowrap; }
	.nav_more2 .fl2{ float: left; padding: 10px; overflow-y: auto;}
	.nav_more2 .fl2 .cat_title{border-left: 2px solid #0F3967; padding-left: 10px; color: #112446;line-height: 14px; text-align: left;}
	.main_logo{ display: flex; flex-direction: row; padding-left: 10px; height: 42px; align-items: center; flex: 1;}
	.main_logo a{ font-size: 16px; margin: 0 20px;}
	.main_logo a:hover,.main_logo a.this{ color: #E60013;}
	.cat_list{ margin-top: 8px;}
	.catlist_con{ float: left; width: 152px; height: 194px; overflow-y: hidden; display: flex; flex-direction: column; border: 1px solid #F2F2F2; margin-left: 10px; margin-top: 10px;}
	.catlist_con img{ width: 150px; height: 150px;}
	.catlist_con:hover{ border-color: #0F3967; color: #0F3967;}
	.search{padding: 0 10px; width: 37px; height: 37px; line-height: 37px; border: 0; border-radius: 2px; cursor: pointer;background: #0F3967; color: #ffffff; border-radius: 0px;}
	.fr_xd{ background: #0F3967; color: #fff; margin-left: 10px; padding: 0 20px; line-height: 37px; cursor: pointer;}
	.fr_search{ border: 1px solid #e3e4e5; color: #112446; display: flex; width: 95px; padding: 0 25px; height: 35px; flex-direction: row; align-items: center; justify-content:center; margin-left: 10px;}
	.fr_search .cart_num{ width: 20px; height: 20px; border-radius: 50%; color: #ffffff;background:#E31939; text-align: center; margin-left: 5px;}
	.fr_search span{margin-left: 10px;}
	.top_search .fr img{ width: 100px;}
	.search:hover,.fr_xd:hover{ background: #4D5D8F;}
}
/*******bottom**********/
@media (min-width: 768px) {
	footer{ background: #0F3967; padding-top: 20px; color: #ffffff;}
	.f_box a,.f_box2 a{ color: #ffffff;}
	.f_box a:hover{ text-decoration: underline;}
	footer .container{ display: flex; flex-direction: row; justify-content: space-between;}
	.f_box{ width: 200px;}
	.f_box2{ width: 300px;}
	.fb_title{ height: 36px; line-height: 36px; padding-left: 10px; border-bottom: 1px solid #ffffff; font-size: 16px; font-weight: bold;}
	.f_box ul{ margin-top: 5px; padding-left: 15px;}
	.f_box li{ height: 32px; line-height: 32px;}
	.f_box img{margin: 15px 0 0 15px; width: 150px; }
	.fb_use{ margin-top: 12px;}
	.f_box2 a{display: block; width: 145px; text-align: center; height: 22px; line-height: 22px; margin-top: 3px;}
	.f_box2 a.this,.f_box2 a:hover{background: #FBCD00; color: #0F3967;}
	.f_box2 p{ margin-top: 10px; line-height: 24px;}
	.ft_copy{ width: 100%; text-align: center; margin-top: 20px; background: #0c3159; height: 40px; line-height: 40px; color: #ccc;}
	.ft_copy a{ color: #ffffff;}
}
/*******index********/
@media (min-width: 768px) {
	.index_topbg{ background: #ffffff;}
	.index_topbg .blank5{background: #f5f5f5;}
	.index_topbg .container{border-left:1px solid #F2F2F2; border-right:1px solid #F2F2F2; background: #F2F2F2;}
	.video_container{ float: left;margin-left:265px;position: relative; width: 720px; height:485px;}
	.video_container video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
	.index_welcome{ width: 210px; height: 455px; padding: 15px 0px; margin-left: 5px; background: #ffffff; float: left; font-size: 12px;}
	.login_box{ display: flex; flex-direction: column;}
	.iw_title{ line-height: 18px; padding-left: 15px;}
	.iw_title i{ color: #cdcdcd;}
	.iw_title span{ color: #333;}
	.button_box{ display: flex; flex-direction: row; width: 180px; justify-content: space-between; padding: 0px 15px;}
	.button_box button{font-size: 12px; cursor: pointer; width: 45%; height: 36px;}
	.bb_1{  background: #0F3967; color: #fff;border: none;}
	.bb_2{ border: 1px solid #0F3967; color: #0F3967; background: #fff;}
	.bb_2:hover{background: #eaf1ff;}
	.bb_1:hover{ background: #4D5D8F;}
	.bb_3{font-size: 12px; cursor: pointer; width: 180px; height: 36px; margin-left: 15px; color: #E60013; background: #fff; border: 1px solid #E60013;}
	.bb_3:hover{ background: #ffefef;}
	.iw_quick{ border-top: 1px solid #F2F2F2; display: flex; flex-direction: row; flex-wrap: wrap;}
	.iwq_list{ display: flex; flex-direction: column; align-items: center; width: 104px; padding: 15px 0px;}
	.iwq_list svg{ width: 36px; height: 36px;}
	.iwq_list span{font-size: 12px; margin-top: 5px;}
	.iwq_r{ border-right: 1px dashed #f2f2f2;}
	.iwq_b{border-bottom: 1px dashed #f2f2f2;}
	.iw_gg{font-weight: bold; line-height: 36px; padding-top: 5px; color: #E60013; border-top: 1px solid #F2F2F2; padding-left: 15px;}
	.iw_list{padding-left: 15px;}
	.iw_list li{ line-height: 26px; height: 26px; overflow: hidden; font-size: 12px;}
	
	.index_bearing{ background: #ffffff; padding: 40px 0 60px 0;background:linear-gradient(180deg,#F2F2F2 0px,#F2F2F2,140px,#FFFFFF 140px,#FFFFFF 100%);}
	.ib_title{ margin-bottom: 40px; text-align: center;}
	.ib_title h2{font-size: 24px; color: #0F3967;}
	.ib_title h3{ color: #999; font-size: 14px; font-weight: normal; margin-top: 5px;}
	.ib_title::after{display: block;content: '';width: 38px; height: 3px;margin: 15px auto 0; background-color: #0F3967;}
	.ib_section{ margin-top: 15px;}
	.ib_menu{ height: 35px; border-bottom: 1px solid #0F3967;}
	.ib_menu .fl{ border-left: 2px solid #0F3967; padding-left: 10px; margin-left: 10px;}
	.ib_menu li{ float: left;  cursor: pointer; margin-left: 10px;}
	.ib_menu li span{ font-size: 12px; padding: 0 25px; border: 1px solid #eee; border-bottom: 0; display: block; height: 34px; line-height: 35px;}
	.ib_menu li span.this{ border-color: #0F3967; color: #0F3967; background: #ffffff; z-index: 10; height: 35px;}
	
	.ib_con{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
	.ib_goods{ border: 1px solid #f2f2f2; display: flex; flex-direction: column; width: 230px; padding: 20px 0px; align-items: center; margin-top: 10px;}
	.ibg_img{ width: 140px; height: 140px; overflow: hidden;}
	.ibg_img img{ width: 100%;}
	.ibg_content{ display: flex; flex-direction: row; align-items: center; width: 80%; justify-content: space-between; margin-top: 10px;}
	.ib_txt{ display: flex; flex-direction: column;}
	.ib_price{ font-size: 18px; color: #E31939;}
	.ib_item{ color: #777; font-size: 12px; margin-top: 10px;}
	.ib_cart{ width: 32px; height: 32px; border-radius: 16px; background: #E81E3B; line-height: 32px; text-align: center;}
	.ib_cart::after{ font-family: "iconfont2";content: '\e63b';font-size: 20px; color: #fff;}
}
/*******index_icon********/
@media (min-width: 768px) {
	.icon {width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden;}
}
/*******position********/
@media (min-width: 768px) {
	.position{line-height: 36px; padding-left: 15px;}
	.position a:hover{ text-decoration: underline;}
}
/*******inner_page********/
@media (min-width: 768px) {
	.inner_page{ width: 100%; background: #fff;}
	.inner_page .container{ display: flex; flex-direction: row; align-items: flex-start;}
	.list_l{ width: 224px; padding: 18px; background: #f5f5f5;}
	.ll_title{ font-size: 16px; font-weight: bold;}
	.ll_sub{ position: relative; height: 24px; display: block; line-height: 24px;}
	.ll_sub::before{ content: ''; display: inline-block; position: absolute; margin-top: .4rem; left: -.75rem; width: .5rem; height: .75rem; box-shadow: inset 1px -1px 0 0 #333;}
	.sub_div{ padding-left: 20px;}
	.ll_menu{ margin-top: 10px;}
	.ll_sub.this{ font-weight: bold;}
	
	.list_l input[type="text"]{ height: 28px; line-height: 28px; width: 214px; border: 1px solid #bbb; border-radius: 5px; padding-left: 10px; margin-top: 8px;}
	.check_box{ margin-top: 8px; display: flex; align-items: center; cursor: pointer;}
	.check_box input[type="checkbox"]{ display: block; width: 16px; height: 16px; border-radius: 0px;}
	.check_box span{ margin-left: 6px;}
	.cb_more{ margin-top: 8px; color: #007fd3; font-weight: bold; cursor: pointer;}
	
	.list_r{ flex: 1; padding-left: 30px;}
	.list_r h1{ font-size: 30px; font-weight: normal; color: #333;}
	.list_r p{ font-size: 12px; margin-top: 10px; color: #666;}
	.list_table{ border: 0; width: 100%; margin-top: 10px;}
	.list_table .thead{  font-weight: bold; align-items: center; border-bottom: 1px solid #333; height: 40px; text-align: right;}
	.lt_1{ float: left;}
	.thead select{ color: #007FE3; border: 0; border-bottom: 1px solid #e5e5e5; padding: 3px;}
	.lt_tr{ display: flex; flex-direction: row; align-items: center; justify-content: space-between; border-bottom: 1px solid #D3D6D9; padding: 20px 0;}
	.lt_tr2{ display: flex; flex-direction: row; align-items: center; justify-content: space-between; border-bottom: 1px solid #D3D6D9; padding: 3px 0;}
	.lt_img{ width: 90px;}
	.lt_img img{ width: 100%;}
	.lt_content{ display: flex; flex-direction: column; width: 340px;}
	.item_title{ font-size: 20px; font-weight: 500;}
	.item_desc{ font-size: 12px; color: #666; margin-top: 12px;}
	.item_size{ font-size: 12px; color: #333; font-weight: 600; margin-top: 12px;}
	.lt_store{ font-size: 16px; color: #3E8310;font-weight: 600;}
	.lt_price{ display: flex; flex-direction: column; }
	.ltp_1{ color: #666; text-decoration: line-through;}
	.ltp_2{ color: #E31939;}
	.lt_input input{ width: 80px; height: 36px; border-radius: 5px; border:1px solid #ccc; padding-left: 10px;}
	.lt_button button{ border: none;}
}
/*******pages********/
@media (min-width: 768px) {
	.pages{ margin-top: 10px; display: flex; flex-direction: row; align-items: center; justify-content: center;	}
	.pages button{ width: 32px; height: 32px; font-size: 12px; background: #F0F2F5; border: 0; cursor: pointer;}
	.pages button:disabled{cursor: not-allowed;}
	.pages a{ width: 32px; height: 32px; line-height: 32px; text-align: center; font-size: 12px;background: #F0F2F5; margin-left: 5px;}
	.pages a.this{background: #0F3967; color: #ffffff;}
}
/*******pro_details********/
@media (min-width: 768px) {
	.pro_show{ width: 100%; background: #ffffff; border-top: 1px solid #DEE0E4; padding: 36px 0;}
	.pro_show .container,.pro_details .container{ display: flex; flex-direction: row;}
	.pc-slide{width:400px;}
	.view .swiper-slide .img-center{width:100%;height:300px;line-height:300px;}
	.view .swiper-container{width:100%;}
	.preview{width:100%;margin-top:10px;position:relative;}
	.preview .swiper-container{margin:0 30px;}
	.preview .swiper-slide .img-center{width:108px;height:80px;border:1px solid #ddd;cursor:pointer;position:relative;line-height:80px;overflow:hidden;}
	.preview .arrow-left{background:url(../image/feel3.png) no-repeat left top;position:absolute;left:0;top:50%;margin-top:-9px;width:9px;height:18px;z-index:10;}
	.preview .arrow-right{background:url(../image/feel4.png) no-repeat left bottom;position:absolute;right:0;top:50%;margin-top:-9px;width:9px;height:18px;z-index:10;}
	.preview .active-nav .img-center{border-color:#0F3967;}
	div.zoomDiv{z-index:999;position:absolute;top:0;left:0;background:#ffffff;border:1px solid #ddd;display:none;text-align:center;overflow:hidden;font-size:0;}
	div.zoomMask{position:absolute;background:url(../image/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}
	.img-center{text-align:center;font-size:0;}
	.img-center img{display:inline-block;width:auto;height:auto;max-width:100%;max-height:400px;vertical-align:middle;transition:all 0.5s;}
	.img-cover{overflow:hidden;position:relative;}
	.img-cover span{display:block;width:100%;background:no-repeat center / cover;transition:all 0.5s;height:100%;position:absolute;left:0;top:0;}
	
	.pc_content{ flex: 1; padding-left: 30px;}
	.pc_content h1{ font-size: 24px; font-weight: 400; color: #333;}
	.pcc_txt{  margin-top: 10px; display: flex; align-items: center;}
	.pcc_txt span{ font-size: 12px; color: #333;font-weight: 200;margin-right: 10px; display: flex; align-items: center;}
	.pcc_red{ margin-top: 10px; font-size: 12px; color: #ff0000; font-weight: 200;}
	.pcc_price{ background: #f6f6f6; display: flex; flex-direction: row; padding: 5px 10px;}
	.pcp_l{ width: 100px; font-size: 16px; font-weight: 500;}
	.pcp_r{ flex: 1; font-size: 16px; font-weight: 500;}
	.pcp_desc{ font-size: 12px; font-weight: 100;}
	.pcp_desc2{font-size: 12px;font-weight: 100; border: 1px solid #003399; background: #EEF4FC; padding: 0 4px; color: #003399; margin-left: 10px;}
	.pcp_desc3{font-size: 12px;font-weight: 100; margin-left: 10px;}
	.pcp_desc3 span{color: #003399; font-size: 14px; font-weight: bold;}
	.pcc_list{ border-top: 1px #e5dfda dotted; border-bottom: 1px #e5dfda dotted; margin-top: 10px; padding: 10px; display: flex; flex-direction: row; justify-content: space-between;}
	.pcc_list div{ width: 33%; border-right: 1px solid #e5dfda; display: flex; justify-content: center;}
	.pcc_list div:last-child{ border-right: none;}
	.pcc_list div span{ font-size: 12px; color: #999; font-weight: 100;}
	.pcc_list div span.pcl_span{ color: #333; font-weight: normal;}
	.btn-numbox{ overflow: hidden; margin-top: 10px;}
	.btn-numbox li{ float: left;}
	.btn-numbox li .number, .kucun{ display: inline-block; font-size: 12px; color: #5a5a5a; vertical-align: sub;}
	.btn-numbox .count{margin-left: 10px; overflow: hidden;}
	.btn-numbox .count .num-jian, .input-num, .num-jia{display: inline-block;width: 28px;height: 28px;line-height: 23px;text-align: center;font-size: 18px;color: #999;cursor: pointer;border: 1px solid #e6e6e6;}
	.btn-numbox .count .input-num{width: 58px;height: 28px;color: #333;border-left: 0;font-size: 13px;border-right: 0;}
	.pcc_sub{ margin-top: 10px;}
	.pbtn{margin-right: 10px;width: 145px;height: 38px;line-height: 38px;border: 0;outline: none;border-radius: 5px;font-size: 14px; background-color: #e00025; color: #ffffff; cursor: pointer;}
	.btn2{ background-color: #ffffff; color: #e00025; border: 1px solid #e00025;}
	
	.pro_details{ background: #ffffff;}
	
	.goods-detail{flex:1;}
	.content-bar{width: 100%;height: 56px;background: #f7f7f7;}
	.content-bar div{color: #333;float: left;width: 100px;height: 56px;text-align: center;line-height: 56px;cursor: pointer; position: relative;}
	.content-bar div:after{content: "";border-right: 1px solid #d9d9d9; height: 16px;position: absolute; right: 0px; top: 20px;}
	.content-bar div:last-child:after{border-right: none}
	.bar-active{border-top: 3px solid #e93323;color: #e93323 !important;position: relative;top: -3px;}
	.content-bar div:hover{color: #e93323;}
	.goods_overview,.goods_size,.goods_replace{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; padding: 20px 0 50px 0;}
	.go_con{ width: 438px;}
	.go_con2{ width: 482px;}
	.goods_overview .go_con ul{ padding-top: 20px;}
	.go_con li{ height: 50px; border-bottom: 1px solid #dee2e6; display: flex; flex-direction: row; align-items: center;}
	.go_con li.goc_title{ border-bottom: 2px solid #000000;}
	.go_con h3{ font-size: 20px; font-family: "微软雅黑"; font-weight: 500;}
	.goc_desc li em{ width: 200px;}
	.goc_presuf li em{ width: 100px;}
	.go_con li span{ flex: 1;}
	.go_con li.goc_content{ flex-direction: column; height: auto;align-items: baseline;}
	.go_con li.goc_content p{margin-top: 10px;line-height: 24px;color: #555; font-size: 12px; font-weight: 300;}
	.go_con li:last-child{ border-bottom: 0;}
	.goc_sizelist li em{ width: 160px;}
	.goc_sizelist li i{ width: 150px; font-size: 12px;}
	.goc_img{border: 1px solid #ebeef5;margin-top: 20px;position: relative;}
	.goc_img .goc_txt{position: absolute; }
	.goc_img img{width: 480px;max-height: 400px;object-fit: contain;}
	.goods_size .goc_title{ margin-top: 20px;}
	.goc_title p{ margin-left: 20px;}
	.goc_desc{ font-size: 12px; font-weight: 400;}
	.goc_relist li input[type="checkbox"]{ width: 50px;transform: scale(1.5);}
	.goc_relist li input[type="number"]{ width: 80px;height: 36px;border-radius: 5px;border: 1px solid #ccc;padding-left: 10px;}
	.goc_relist li button{margin-left: 10px;}
	.goc_relist li a{ width: 400px; cursor: pointer;}
	.goc_relist li em{ width: 200px; text-align: center;}
	.goods_comment{padding: 20px 0 50px 0;}
	.gc_percent{padding: 15px 0 0 40px; display: flex; flex-direction: column;}
	.gcp_tit{font-size: 12px;color: #666;font-weight: 400;}
	.gcp_con{line-height: 110%;font-size: 45px;color: #e4393c;font-family: arial;}
	.gcp_per{font-size: 23px;}
	.gcl_ul{height: 32px;text-align: center;}
	.gcl_ul li{float: left;padding: 6px;width: 100px;border: none;background: #f7f7f7;margin-left: 10px;color: #282828;cursor: pointer;}
	.gcl_ul li.current{background: #e93323;color: #fff;}
	.comment_list{ margin-top: 30px; display: flex; flex-direction: column;}
	.cl_con{padding: 15px;border-bottom: 1px solid #ddd; display: flex; flex-direction: row;}
	.clc_user{ width: 140px;}
	.clcu_info{white-space: nowrap;text-overflow: ellipsis;overflow: hidden; display: flex; flex-direction: row; align-items: center;}
	.clcu_info img{border-radius: 50%;margin-right: 5px;}
	.clcu_level{ font-size: 12px; color: #888; padding-top: 5px;}
	.clc_content{ margin-left: 20px; flex: 1; display: flex; flex-direction: column;}
	.clcc_star{width: 78px;height: 14px;background: url(/static/home/default/image/star.png) no-repeat;}
	.star5{background-position: 0px 0px;}
	.star4{background-position: -16px 0px;}
	.star3{background-position: -32px 0px;}
	.star2{background-position: -48px 0px;}
	.star1{background-position: -64px 0px;}
	.clcc_txt{font-size: 14px;padding: 10px 0px;line-height: 180%;color: #333;}
	.clcc_piclist{padding-bottom: 15px;}
	.clcc_piclist a{display: inline-block;position: relative;}
	.clcc_piclist a img{border: 1px solid #e2e2e2;padding: 1px;margin-right: 6px;}
	.clcc_msg{ color: #999; font-size: 12px;}
	.clcc_msg span{ margin-right: 20px;}
	.gc_more{cursor: pointer;text-align: center;margin-top: 10px;display: block; width: 100px;background: #eee;margin-left: 45%; line-height: 1.8;}
	.pd_quick{ width: 200px; border: 1px solid #efefef; margin-left: 20px; padding: 10px;}
	.pdq_title{height: 60px;font-size: 16px;line-height: 60px;text-align: center;color: #5a5a5a;}
	.pdq_title span{position: relative;}
	.pdq_title span:before{content: "";position: absolute;top: 50%;left: -50px;width: 35px;height: 1px;border-top: 1px solid #efefef;transform: translateY(-50%);}
	.pdq_title span:after{content: "";position: absolute;top: 50%; left: 70px;width: 35px;height: 1px;border-top: 1px solid #efefef;transform: translateY(-50%);}
	.pdq_list{ display: flex; flex-direction: column;}
	.pdq_con{margin-bottom: 20px;cursor: pointer;padding: 10px 0;border-bottom: 1px solid #f2f2f2;}
	.pdq_con img{ width: 100%;}
	.pdq_name{height: 40px;color: #5a5a5a;overflow: hidden;text-overflow: ellipsis;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; margin-top: 5px;}
	.pdq_name:hover{ color: #e93323;}
	.pdq_price{ display: flex; flex-direction: row; justify-content: space-between;margin-top: 5px;}
	.pdq_money{font-weight: 700;font-size: 14px;color: #e93323;}
	.pdq_sales{font-size: 12px;color: #888;}
}
.hidden{ display: none;}
.w100{ width: 100%;}
.modal {display: block;position: fixed;z-index: 0;left: 0;top: -120px;width: 100%;height: 120px; overflow: hidden;transition: top 0.5s;}
.modal-content {background-color: #fefefe;margin: 50px auto; padding: 20px; border: 1px solid #e1f3d8;width: 250px; color: #67c23a;z-index: 20;position: relative;background: #f0f9eb;}
.close {position: absolute; top: 10px; right: 10px;color: #67c23a;float: right;font-size: 28px;font-weight: bold;}
.close:hover,.close:focus {color: black;text-decoration: none;cursor: pointer;}