@charset "utf-8";
/*
Theme Name: 干细胞搜网
Theme URI: null
Description: null
Author: 重庆千希朗科技
Version: 1.0
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a,
a:link {
	color: #000;
	text-decoration: none;
}

a:visited {
}

a:hover {
	text-decoration: none;
	opacity: 0.7;
}

a:active {
}

	* html .clearfix {
		zoom: 1;
	}

	*+html .clearfix {
		zoom: 1;
	}

.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

body {
	min-width: 1320px;
	font: 12px Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;
	color:#333333;
}

input,button,select,textarea{outline:none}

[v-cloak] {
	display: none;
}

.sr-bdimgshare {
	display: none !important;
}

/*---------------------- Top ----------------------*/
.shop p{font-size: 14px;color: #333;margin: 5px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;white-space: normal; max-height: 40px; height: 40px; line-height: 20px;}
.shop span{font-size: 18px;color: #FA3030;}
.title{font-size: 24px;color: #333; margin: 0 0 10px 10px;}
.title span{font-size: 16px;color: #666;}

.cont2 { margin-bottom: 20px; }
.cont2 > div{float: left;height: 270px;}
.cont2_1 img{width: 200px;}
.cont2_2 > div{width: 200px;text-align: center;float: left;}
.cont2_2 > div a { padding: 10px; display: block; box-sizing: border-box;height: 270px;background: #fff; margin-right: 2px; }
.cont2_2 .goodsImg{ height: 178px; }
.cont2 .cont2_3{ float: right; width: 300px; }

.cont3 { margin-bottom: 20px }
.cont3 > div{width: 262px;float: left;background: #fff;margin: 0 2px 2px 0;text-align: center;}
.cont3 > div:last-child { margin-right: 0; }
.cont3 a {padding: 10px; display: block;height: 320px; position: relative;}
.cont3 .goodsImg{ height: 240px; margin-bottom: 10px }

.cont3_1_1{width: 80px;position: absolute;top: 10px;left: 10px;}


.cont4{margin-bottom: 20px}
.cont4 img{max-width: 100%; display: block; margin: 0 auto}

.cont5{ margin-bottom: 20px }
.cont5 .title { margin-bottom: 10px; height: 30px; }
.cont5_1{width: 820px; float: left;}
.hot_recommend_wrap {background: #fff; height: 460px; overflow: hidden;}
.cont5_1_1 { float: left; width: 155px; }
.cont5_1_1 p{width: 130px;font-size: 16px;color: #333;line-height: 40px;padding-left: 25px;cursor: pointer;}
.cont5_1_1 p span{ display: block; border-bottom: 1px solid #fff; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.cont5_1_1 p.ac span{color: #02beee;border-bottom: 1px solid #02beee;}
.cont5_1_2{ margin-left: 155px; position: relative; height: 460px; }
.cont5_1_2 .sliderItem {text-align: center;overflow: hidden; position: absolute; background: #fff; left: 0; top: 0; height: 460px; width: 665px; }
.cont5_1_2 .sliderItem > div{width: 220px;float: left;}
.cont5_1_2 a { display: block; padding: 10px; }
.cont5_1_2 .goodsImg {height: 135px; }
.cont5_1_2.shop p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;white-space: normal; max-height: 40px; height: 40px; line-height: 20px;}
.cont5_2{float:right;width: 480px;padding-top: 10px;height: 500px;background: #fff; box-sizing: border-box;}
.cont5_2_1{font-size: 16px;color: #333;border-left: 4px solid #02beee;line-height: 18px;padding-left: 20px;}
.cont5_2 .bannerImage { padding: 10px 0 0; }
.cont5_2 .bannerImage img { display: block; width: 100%; height: 150px; }
.cont5_2_2{width: 100%;margin-top: 10px;margin-bottom: 5px;}
.cont5_3 { padding-top: 10px }
.cont5_3 p{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size: 13px;color: #333;line-height: 30px;margin-left: 5px;border-bottom: 1px dashed #e6e6e6;}
.cont5_3 p:last-child {border: 0}

.cont6{margin-bottom: 20px}
.cont6_2{margin: 0 0 0 10px;}
.cont6_2 a{font-size: 14px;color: #999;margin-right: 15px;}
.cont6_2 a:last-child{color: #02beee; margin-right: 0;}
.cont6_3 > div{text-align: center;width: 260px;float: left;padding-top: 10px;margin-top: 5px;margin-right: 5px;background: #fff;padding-bottom: 20px;}
.cont6_3 img{width: 60%;}
.cont6Title { padding: 10px 0; background: #fff; margin-bottom: 2px; }
.cont7{padding: 20px 0;}
.cont7 img{width: 100%;}
.cont8{ margin-bottom: 20px }
.cont8_1{ padding-bottom: 20px;width: 890px;border-top: 2px solid #02beee; background: #fff; float: left; }
.cont8_1_1{ font-size: 16px;color: #333;line-height: 45px;border-bottom: 1px solid #f5f5f5;}
.cont8_1_1 span{padding: 0 0 0 15px;cursor: pointer;}
.cont8_1_1 span i { margin-left: 15px;color: #333; }
.cont8_1_1 span:last-child i { display: none; }
.cont8_1_1 span.cur{ color: #02beee }
.article-search { margin: 7px 10px 0 0; float: right; width: 230px; border: 1px solid #e6e6e6; position: relative;}
.article-search input {width: 100%; height: 28px; padding: 3px; box-sizing: border-box; border: 0 }
.article-search button { cursor: pointer; position: absolute; width: 28px; height: 28px; right: 0; top: 0; background: none; color: #ccc; border: 0; padding: 0; }
.article-search button i { font-size: 20px }
.cont8_1 .fill {margin-bottom: 20px}
.cont8_1 .ad { float: left; padding-left: 20px }
.cont8_1 .ad img { width: 220px; height: 370px; display: block; }
.cont8_1_3 { margin: 0 0 0 240px; position: relative; }
.cont8_1_3 .sliderItem {overflow: hidden; width: 100%; height: 370px; background: #fff; position: absolute; left: 0; top: 0;}
.cont8_1_3 .sliderItem > div{border-bottom: 1px solid #e6e6e6;font-size: 12px;}
.cont8_1_3 .sliderItem > div:last-child { border: 0 }
.cont8_1_3 .sliderItem h3 {font-size: 14px;color: #333;font-weight: bold; margin-bottom: 15px;}
.cont8_1_3 a { display: block; padding: 10px 20px; }
.cont8_1_3 .sliderItem p { line-height: 1.7; color: #666666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;white-space: normal;}
.cont8_3{width: 415px; height: 458px; float: right; background: #fff;}
.cont8_3 img{width: 100%; height: 245px; display: block;}


.cont8_3_1{padding: 10px 20px;}
.cont8_3_1 p{margin-bottom: 5px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.cont9{ margin-bottom: 20px; }
.cont9 ul { padding: 0 0 5px 5px; background: #ccc;border-radius: 5px;overflow: hidden;box-shadow: 0 0 5px #ccc;}
.cont9 li { float: left; width: 157.5px;width: 157.5px; margin: 5px 5px 0 0; }
.cont9 li:nth-child(8n) { width: 163px; margin-right: 0; }
.cont9 a { display: block; height: 158px; background-color: #fff; background-size: contain; }

.cont9_1{margin-bottom: 10px;}
.cont9_2{background: #c7dee4; padding: 5px;}
.cont9_2 img{width: 100%}
.cont10{ background: #fff; padding: 10px; }
.cont10_2{line-height: 20px;}
.cont10_2 a {font-size: 14px;color: #999;margin-right: 15px;}
.cont10_2 a:hover { color: #02beee }
.cont10_1 { margin-left: 0; }

.cont {
	background: #f5f5f5;
	padding-bottom: 50px;
}

.contInner {
	width: 1320px;
	margin: 0 auto;
}

.section1 {
	margin: 0 0 20px 220px;
}

.section1 .news {
	background: #fff;
}

.section1 .icon {
	float: left;
	height: 40px;
	width: 40px;
	text-align: center;
}

.section1 .icon i {
	font-size: 23px;
	color: #02beee;
	line-height: 40px;
}

.section1 .news ul {
	margin-left: 40px;
	height: 40px;
	overflow: hidden;
}

.section1 .news li {
	line-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.kv {
	position: relative;
	height: 510px;
	overflow: hidden;
}

.kv img {
	display: block;
	width: 1100px;
	height: 510px;
}

.kv .slick-dots {
	text-align: center;
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 15px;
}

.kv .slick-dots li {
	display: inline;
	margin: 0 5px;
}

.kv .slick-dots button {
	width: 12px;
	height: 12px;
	text-indent: -99px;
	box-sizing: border-box;
	border: 2px solid #fff;
	border-radius: 50%;
	overflow: hidden;
	padding: 0;
	background: none;
}

.kv .slick-dots .slick-active button {
	background: #fff;
}
/*---------------------- // Top ----------------------*/

.container_bj{
	background: #f5f5f5;
}
.container{
	width:1320px;
	margin:0 auto;
	padding-bottom: 50px;
}
.container_bj .container {
	padding-bottom: 50px;
}
.pull-left{
	float:left;
}
.pull-right{
	float:right;
}
.font-size12{
	font-size:12px;
}
.font-size14{
	font-size:14px;
}
.font-size16{
	font-size:16px;
}
.font-size18{
	font-size:18px;
}
.font-size20{
	font-size:20px;
}
.content_left{
	width: 970px;
}
.content_right{
	width: 320px;
}
/*导航样式*/
.siteHeader {
  position: relative;
  z-index: 10;
	border-bottom:1px solid #02beee;
	background: #fff;
}
header .container{
	background:url(assets/img/header_bg.gif) no-repeat bottom right; 
	background-size:210px 194px;
}
.small_nav{
	height:54px;
	border-top:8px solid #8dc63f;
}
.small_nav p{
	margin-top:-8px;
	width:370px;
	height:40px;
	line-height:40px;
	border-top:8px solid #0068a9;
}
.small_nav ul{
	margin-top:11px;
	border-left:1px solid #999999;
}
.small_nav li{
	margin: 0 5px 0 20px;
	float: left;
}

.small_nav li.cart {
	position: relative;
}

.small_nav li.cart span {
	background: #d22237;
	width: 15px;
	height: 15px;
	line-height: 15px;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	position: absolute;
	right: -8px;
	top: -8px;
	font-size: 10px;
}

.wrap{
	height:90px; 
	margin-bottom: 8px;
}
.wrap div{
	margin-left: 192px;
}
.wrap .hotWords {
	padding-top: 5px;
	width: 546px;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.wrap .hotWords a {
	padding: 0 10px;
	position: relative;
}
.wrap .hotWords a:after {
	content: "";
	width: 1px;
	height: 10px;
	background: #ccc;
	position: absolute;
	right: 0;
	top: 2px;
	display: block;
}
.wrap .hotWords a:first-child {
	padding-left: 0;
}
.wrap .hotWords a:last-child:after {
	display: none;
}
.wrap form{
	width: 546px;
	margin-top: 8px;
	overflow: hidden;
	position: relative;
	border-radius:5px;
	border:2px solid #02beee;
}
.wrap #nav_search{
	width: 388px;
	height: 34px;
	padding-left: 34px;
	outline: none;
	border: 0;
}
.wrap div img{
	position: absolute;
	left: 12px;
	top: 11px;
}
.wrap button{
	width:124px;
	height:36px;
	margin-right:-4px;
	outline:none;
	color: #ffffff;
	line-height: 36px;
	border: 0;
	background: #02beee;
	cursor: pointer;
}
.wrap li{
	padding:0 12px;
	float: left;
	margin-top: 6px;
	border-left: 1px solid #999999;
}
.wrap li:hover a{
	color:#79c2d4;
}
.wrap li:nth-child(1){
	padding-left: 0;
	border: none;
}
.wrap .searchIcon {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  line-height: 34px;
  width: 34px;
  text-align: center;
}

.wrap .searchIcon i {
  font-size: 20px;
  vertical-align: middle;
  color: #ccc;
}

.product{
	width: 200px;
	height: 42px;
	position: relative;
	color: #ffffff;
	line-height: 42px;
	font-weight: bold;
	background: #02beee;
}
.product:hover ul{
	display: block;
}
.product span{
	display: block;
	float: none;
  line-height: 43px;
  padding-left: 40px;
  cursor: pointer;
}
.product .navIcon {
  position: absolute;
  text-align: center;
  width: 43px;
}
.product img{
	display:block;
	margin: 14px 12px;
}
.product > ul{
	width: 100%;
	position: absolute;
	top: 43px;
	background: #FFFFFF;
	border: 1px solid #02beee;
	border-top: 0;
	box-sizing: border-box;
	display: none;
}
.product:hover > ul{
	display: block;
}

.product > ul > li {
	float: none;
	position: relative;
}
.product > ul > li > a {
	font-size: 13px;
	color: #666;
	font-weight: normal;
	display: block;
	height: 40px;
	line-height: 40px;
  transition: all 0.3s;
  padding-right: 15px;
}
.product > ul > li > a > i {
  font-size: 12px;
  float: right;
}
.product > ul > li:hover > a {
	background: #cef5ff;
	color: #02beee;
}
.product .subItem {
	padding: 10px;
	position: absolute;
	top: -11px;
	left: 198px;
	width: 600px;
	box-sizing: border-box;
	border: 2px solid #02beee;
	background: #fff;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s;
}
.product .subItem::before {
  display: block;
  content: "";
  width: 15px;
  height: 15px;
  border-left: 2px solid #02beee;
  border-bottom: 2px solid #02beee;
  transform: rotate(45deg);
  position: absolute;
  left: -10px;
  top: 20px;
  background: #fff;
}
.product > ul > li:hover .subItem {
	visibility: visible;
	opacity: 1;
}
.product .subItem h2 {
	line-height: normal;
	font-weight: bold;
	font-size: 16px;
}
.product .subItem h2 a {
	font-weight: bold;
}
.product .subItem a {
	display: inline-block;
	font-weight: normal;
	height: auto;
	padding: 0;
	line-height: normal;
	color: #666;
}
.product .subItem ul {
	padding-top: 5px;
	line-height: normal;
}
.product .subItemInner {
	padding-bottom: 30px;
}
.product .subItem li {
	margin: 0 10px 5px 0;
	float: none;
	display: inline-block;
	line-height: normal;
	font-size: 12px;
}
.product .subItem li:before {
	display: none;
}

.nav{
	height: 42px;
}
.nav li{
	float: left;
	font-size: 16px;
}
.nav li:before{
	width: 1px;
	height: 12px;
	margin-top: 14px;
	content:'';
	display:block;
	float: left;
	background: #f0f0f0;
}
.nav li:nth-child(1):before{
	display: none;
}
.nav a{
	height: 42px;
	padding:0 38px;
	display: block;
	line-height: 42px;
	font-weight: bold;
	color: #02beee;
}
.nav a:hover{
	color: #666666;
}
/*footer样式*/
footer {
	padding: 0 0 38px 0;
	background: #fff;
}
.footer_line{

}
.footer_line b{
	height: 8px;
	display: block;
	background: #8dc63f;
}
.footer_line i{
	height: 8px;
	width: 370px;
	display: block;
	background: #0068a9;
}
.footer{
	clear: both;
	text-align: center;
	position: relative;
}
.footer ul{
	margin: 30px 0 38px 0;
}
.footer ul li{
	display: inline-block;
}
.footer ul li a{
	padding: 0 20px;
	display: inline-block;
}
.footer p{
	margin-bottom: 4px;
}
.footer p:nth-child(4){
	margin-top: 12px;
}
.footer img{
	vertical-align: middle;
}
.scan{
	position: absolute;
	left: 18px;
	top: 6px;
}
.scan > div {
	width: 90px;
	margin-right: 10px;
	float: left;
}
.scan .qr {
	padding: 5px;
	border:1px solid #f0f0f0;
}
.scan .qr img {
	display: block;
	width: 100%;
}
.scan p{
	margin-top: 8px;
	color: #666666;
}
/*----------------------品牌专区页面样式---------------------*/
/*面包屑样式*/
.location{
  padding: 15px 0;
  width: 1320px;
	margin: 0 auto;
	overflow: hidden;
}
.location span{
	height: 16px;
	line-height: 16px;
}
.location li{
	height: 16px;
	line-height: 16px;
	float: left;
}
.location li:before{
	width: 8px;
	height: 6px;
	padding: 0 4px;
	content:'>';
}
.location li:nth-child(1):before{
	display: none;
}
/*筛选样式*/
.screen{
	margin-bottom: 25px;
	overflow: hidden;
	border:1px solid #f0f0f0;
	border-top:none
}
.screen form,.screen div{
	height:43px;
	padding-left: 20px;
	border-top:1px solid #f0f0f0;
}
.screen form{
	padding-top: 10px;
	height:44px;
}
.screen div{
	padding-top: 11px;
	height:43px;
}
.screen span{
	margin-top: 7px;
}
.screen button{
  padding: 0 10px;
  height: 32px;
  line-height: 32px;
	color: #ffffff;
	border: none;
  background: #fe7b00;
  cursor: pointer;
}
.screen button i {
  margin-right: 2px;
  vertical-align: middle;
}
.screen button img,.screen button span{
	margin-top: 0;
	display: inline-block;
	vertical-align: middle;
}
.screen #screen{
	width: 270px;
	height: 32px;
	padding-left: 10px;
	margin-left: 24px;
  border: 1px solid #f0f0f0;
  box-sizing: border-box;
}
.keyword .active a,.keyword a:hover{
	color: #FFFFFF;
	background: #fe7b00;
}
.keyword ul li{
	float: left;
	font-size: 14px;
}
.keyword a{
	height: 33px;
	min-width: 40px;
	margin: 0 2px;
	padding: 0 4px;
	display: block;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	text-align: center;
	line-height: 33px;
	color:#0068a9;
	font-weight: bold;
}
/*左边内容*/
.brand{
	overflow: hidden;
}
.brand_title{
	height:40px;
	padding:0 8px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 1px solid #f0f0f0;
	background: #f5f5f5;
}
.brand_title h3{
	height: 38px;
	line-height: 40px;
}
.brand_content{
	overflow: hidden;
}
.brand_content li{
	margin: 30px 10px 0 10px;
	width: 140px;
	float: left;
}
.brand_content li:hover p{
	color: #02beee;
}
.brand_content .brandLogo {
  height: 140px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  box-sizing: border-box;
  border: 2px solid #fff;
}

.brand_content li:hover .brandLogo {
  border: 2px solid #02beee;
}
.brand_content p{
	margin-top: 18px;
	text-align: center;
	font-size: 16px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

/*右边边内容*/
.recommend{
	margin-bottom: 25px;
	border: 1px solid #f0f0f0;
}
.right_title{
	margin:16px 0 8px 0;
	height: 24px;
	line-height: 20px;
}
.right_title:before{
	content: '';
	width:4px;
	height: 18px;
	margin:0 12px 0 0;
	display: inline-block;
	vertical-align: top;
	background: #02BEEE;
}
.recommend li{
	padding: 10px;
	overflow: hidden;
	border-top: 1px solid #f0f0f0;
}
.recommend .goodsImg {
	width: 100px;
	height: 100px;
	display: block;
	float: left;
	box-sizing: border-box;
	border: 1px solid #f0f0f0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.recommend div{
	width: 178px;
	float: right;
}
.recommend p{
	display: block;
    display: -webkit-box;
	margin: 6px 0 10px 0;
	-webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	font-size: 14px;
}
.recommend span{
	color: #fa3030;
	font-size: 18px;
}
.recommend a:hover img{
	border-color: #02BEEE;
}
.new{
	border: 1px solid #f0f0f0;
	margin-bottom: 25px;
}
.new div{
	padding:10px 10px 0 10px;
}

.new .bannerImage {
	margin-bottom: 10px;
	padding: 0;
}
.new img {
	display: block;
	width: 100%;
}
.new .right_title{
	margin-bottom: 0;
	padding-bottom:8px;
	border-bottom: 1px solid #f0f0f0;
}
.new li{
	height: 34px;
	line-height: 35px;
	font-size: 13px;
	border-top: 1px dashed #e6e6e6;
}
.new li:nth-child(1){
	border: none;
}
.new li p{
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.new li:hover p{
	color:#02BEEE;
}
/*----------------------产品中心页面样式---------------------*/
/*产品中心导航*/
.product_nav{
	height: 80px;
	padding: 10px 0;
	margin-top: 10px;
	border: 1px solid #f0f0f0;
	overflow: hidden;
	box-sizing: border-box;
}
.product_home{
	width: 64px;
	display: block;
  float: left;
  text-align: center;
  color: #02beee;
}
.product_home i {
  font-size: 30px;
}
.product_home img{
	display: block;
	margin: 0 auto 6px auto;
}
.product_home p{
	text-align: center;
	color: #02beee;
}
.product_nav ul {
	padding-left: 65px;
	float: none;
}
.product_nav li{
	width: 136px;
	float: left;
	border-left: 1px dashed #e6e6e6;
}
.product_nav li a{
	padding: 5px;
	display: block;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.product_nav li a:hover{
	color: #02beee;
}
/*产品中心内容*/
.product_con{
	overflow: hidden;
}
.product_left{
	width: 470px;
}
.product_right{
	width: 470px;
}
.product_item h4{
	height: 34px;
	line-height: 34px;
	padding-right: 14px;
	border-bottom: 1px solid #f0f0f0;
	font-size: 14px;
}
.product_item h4 i {
  font-size: 12px;
  color: #ccc;
}
.product_item div{
	margin:12px 0 18px 18px;
}
.product_item div>a{
	margin-bottom: 8px;
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #02BEEE;
}
.product_item div ul {
	margin-bottom: 20px;
}
.product_item div li{
	margin-bottom: 6px;
	display: inline-block;
}
.product_item div li a{
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	color: #666666;
}
.product_item div li a:hover{
	color: #02beee;
}
.product_item div li span{
	margin: 0 2px;
	display: inline-block;
	vertical-align: middle;
}
.product_item div li:last-child span {
	display: none;
}
.product_item div li a.blue{
	color:#02beee;
}
.advert{
	margin-bottom: 22px;
	display: block;
}
/*右边滚动及返回顶部*/
.product_scroll {
	padding: 20px 20px 20px 30px;
	margin: 20px 0;
	position: relative;
	font-size: 14px;
}
.product_scroll.hidden {
	visibility: hidden;
}
.product_scroll ul {
	position: relative;
}
.product_scroll:before {
	position: absolute;
	left: 17px;
	top: 0;
	bottom: 0;
	content: "";
	width: 2px;
	background: #0068a9;
}
.product_scroll:after,
.product_scroll ul:after {
	content: "";
	width: 15px;
	height: 15px;
	border-radius: 50%;
	border: 2px solid #8dc63f;
	box-sizing: border-box;
	position: absolute;
	left: 10px;
	top: 0;
	background: #fff;
}

.product_scroll ul:after {
	left: -19px;
	bottom: -30px;
	top: auto;
}

.product_scroll li {
	padding-bottom: 15px;
}

.product_scroll h4 {
	margin-bottom: 8px;
	position: relative;
	text-indent: 17px;
	cursor: pointer;
}

.product_scroll h4:before {
	background: #0068a9;
	border: 2px solid #fff;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	box-sizing: border-box;
	content: "";
	position: absolute;
	left: -18px;
	top: 4px;
}

.product_scroll li p {
	color: #999;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-left: 30px;
}

.product_scroll h4:hover,
.product_scroll li p:hover {
	background: #f5f5f5;
	border-radius: 2px;
	box-shadow: 0 1px 0 #eaeaea;
}

.scorll_active{
	position: absolute;
	top:216px;
}
.scorll_menu {
	margin-left: 10px;
}
.scorll_menu a {
	margin-right: 10px;
	width: 50px;
	height: 50px;
	display: block;
	border: 2px solid #f0f0f0;
	float: left;
	text-align: center;
	line-height: 46px;
	box-sizing: border-box;
}
.scorll_menu a.pageTop {
	color: #fff;
	background: #d5d5d5;
	border-color: #d5d5d5;
}
.scorll_menu a i {
	font-size: 25px;
}
.scorll_menu a:hover {
	color: #fff;
	background: #02BEEE;
	border-color: #02BEEE;
}
/*-----------------------------促销专栏页面样式-----------------------*/
/*三个促销*/
.promotion{
	margin-top: 30px;
	margin-bottom: 20px;
	overflow: hidden;
}
.promotion>div{
	width: 430px;
	height: 430px;
	margin-right: 14px;
	float: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border:1px solid #f0f0f0;
}
.promotion div:nth-child(3){
	margin-right: 0;
}
.promotion_title{
	padding: 0 20px;
	height: 48px;
	line-height: 48px;
	border-bottom: 1px solid #f0f0f0;
}

.promotion_title h3,
.promotion_title img,
.promotion_title span{
	vertical-align: middle;
	display: inline-block;
}
.promotion_title h3{
	min-width: 47px;
	max-width: 154px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.promotion_title span{
	width: 194px;
	margin-left: 2px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	color: #999999;
}
.promotion_item01 ul{
	padding: 0 14px;
}
.promotion_item01 li{
	padding: 12px 0;
	overflow: hidden;
}
.promotion_item01 li .goodsImg {
	width: 100px;
	height: 100px;
	display: block;
	margin-right: 20px;
	float: left;
}
.promotion_item01 li a>div{
	width: 280px;
	float: left;
}
.promotion_item01 li p{
	height: 44px;
	margin-bottom: 8px;
	line-height: 22px;
	font-size: 16px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.promotion_item01 li:hover p{
	color:#02BEEE;	
}
.promotion_item01 li b{
	margin-bottom: 12px;
	display: block;
	color: #0068A9;
	font-weight: normal;
}
.promotion_item01 li span{
	margin-right: 16px;
	display: inline-block;
	font-size: 18px;
	color: #fa3030;
}
.promotion_item01 li i{
	display: inline-block;
	font-size: 14px;
	color: #999999;
	text-decoration: line-through;
	font-style: normal;
}
.item02_advert{
	height: 160px;
	margin-bottom: 20px;
	display: block;
	overflow: hidden;
}
.item02_advert img{
	width:400px;
	height:160px;
	display: block;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
}
.item02_advert a:hover img{
	transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
}
.promotion .promotion_item02{

}
.promotion_item02 .item02_con{
	padding: 15px 15px 0 15px;
	overflow: hidden;
}
.promotion_item02 li{
	margin-right: 19px;
	width: 120px;
	float: left;
}
.promotion_item02 li:last-child{
	margin: 0;
}
.promotion_item02 li .goodsImg{
	width: 120px;
	height: 120px;
	display: block;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 1px solid #f0f0f0;
}
.promotion_item02 li:hover .goodsImg{
	border: 1px solid #02BEEE;
}
.promotion_item02 li p{
	margin-top:12px;
	margin-bottom: 4px;
	font-size: 18px;
	color: #fa3030;
}
.promotion_item02 li span{
	font-size: 14px;
	color: #999999;
	text-decoration: line-through;
	font-style: normal;
}
.promotion_item03 ul{
	padding: 15px 0;
	width: 420px;
	margin: 0 auto;
	overflow: hidden;
}
.promotion_item03 ul li{
	float: left;
}
.promotion_item03 ul a {
	margin: 0 auto;
	display: block;
	width: 190px;
}
.promotion_item03 li .goodsImg {
	width: 190px;
	height: 190px;
	display: block;
}
.promotion_item03 li h3{
	height:42px;
	margin-top: 12px;
	margin-bottom: 12px;
	font-weight: normal;
	font-size: 16px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.promotion_item03 ul li:hover h3{
	color:#02BEEE;	
}
.promotion_item03 li p{
	margin-top:12px;
	margin-bottom: 2px;
	font-size: 18px;
	color: #fa3030;
}
.promotion_item03 li span{
	font-size: 14px;
	color: #999999;
	text-decoration: line-through;
	font-style: normal;
}
.promotion_item03 .slick-dots {
	padding: 30px 0 0;
	text-align: center;
}
.promotion_item03 .slick-dots li {
	margin: 0 3px;
	display: inline;
	float: none;
}
.promotion_item03 .slick-dots button {
	background-color: #ccc;
	width: 15px;
	height: 15px;
	border: 0;
	border-radius: 50%;
	text-indent: -99px;
	overflow: hidden;
}
.promotion_item03 .slick-dots .slick-active button {
	background-color: #0068a9;
}
.item03_spot{
	height: 54px;
	text-align: center;
	border-top: 1px solid #f0f0f0;
}
.item03_spot b{
	width: 14px;
	height: 14px;
	margin-top: 20px;
	margin-right: 4px;
	display: inline-block;
	border-radius: 50%;
	background: #cccccc;
}
.item03_spot b.item_active{
	background: #0068a9;
}
/*广告*/
.promotion_advert img{
	width: 1320px;
	display: block;
}
/*礼品卡*/
.gift_card{
	margin: 40px 0;
}
.gift_card h3{
	margin-bottom: 38px;
	font-size: 24px;
	text-align: center;
}
.gift_card h3 b{
	width:50px;
	height:2px;
	margin: 0 16px;
	vertical-align: middle;
	display: inline-block;
	background: #333333;
}
.gift{
	padding: 5px 0 0 5px;
	overflow: hidden;
	background: #f0f0f0;
}
.gift li{
	margin: 0 5px 5px 0;
	padding-bottom:28px ;
	width: 254px;
	float: left;
	background: #ffffff;
	border:2px solid #ffffff;
}
.gift li:hover{
	border:2px solid #02BEEE;
}
.gift li .goodsImg {
	height: 250px;
	margin-bottom: 15px;
	display: block;
}
.gift li h4{
	height: 38px;
	padding:0 20px;
	margin-bottom: 12px;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	line-height: 19px;
}
.gift li p{
	text-align: center;
	font-size: 18px;
	color: #fa3030;
}
/*------------------------品牌详情页面样式-------------------*/
/*品牌详情*/
.brand_details{
	overflow: hidden;
}
.details{
	margin-bottom: 74px;
	margin-top: 14px;
	overflow: hidden;
}
.details .brandLogo {
  width: 160px;
  float: left;
}

.details .brandLogo img {
  display: block;
  max-width: 100%;
}
.details_text{
	width: 790px;
}
.details_text h3{
	margin-top: 4px;
	margin-bottom: 14px;
}
.details_text .font-size14 span{
  color: #808080;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.details_text .font-size14 a{
	color:#8dc63f;
}
.details_text ul{
	margin-top: 16px;
	overflow: hidden;
}
.details_text li{
  margin-bottom: 20px;
	width: 33.333%;
  float: left;
  padding-right: 20px;
  box-sizing: border-box;
}
.details_text li h4{
	margin-bottom: 14px;
	color: #0068a9;
	font-size: 14px;
}
.details_text li p{
	font-size: 14px;
	color: #666666;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.details_text li b{
	font-weight: normal;
}
.details_text h5{
	margin-top: 28px;
	height:40px;
	line-height: 42px;
	border: 1px solid #f0f0f0;
	background: #f5f5f5;
}
.details_text h5 p{
	width: 250px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	margin-left: 10px;
	font-weight: bold;
}
.details_inf{
	margin-top: 16px;
	margin-left: 10px;
	line-height: 24px;
	color: #666666;
}
/*公司信息*/
.company_title{
	height:40px;
	border: 1px solid #f0f0f0;
	border-bottom:1px solid #02BEEE;
	background: #f5f5f5;
}
.company_title span{
	height: 40px;
	min-width: 64px;
	padding: 0 20px;
	text-align: center;
	display: inline-block;
	line-height: 42px;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	background: #02BEEE;
}
.information_text{
	padding: 4px 12px 12px 12px;
}
.information_text p{
	padding: 12px 0;
	letter-spacing:1px;
	line-height: 24px;
	font-size: 14px;
  color:#666666;
  white-space: pre-wrap;
	word-wrap: break-word;
}
/*公司动态*/
.company_news{
	padding: 16px 14px 18px 14px;
	overflow: hidden;
}
.company_news li{
	width: 33%;
	margin-bottom: 6px;
  float: left;
}
.company_news li:hover a{
	color: #02BEEE;
}
.company_news li a{
	font-size: 14px;
  color:#666666;
  display: block;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
/*主营产品*/
.company_product{
	overflow: hidden;
	border:1px solid #f0f0f0;
	border-top:none;
}
.company_product li{
	width: 21%;
	margin: 14px 2% 20px 2%;
	float: left;
	text-align: center;
}
.company_product li:hover h4{
	color: #02BEEE;
}
.company_product li .goodsImg {
	height: 200px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.company_product li a h4 {
	height: 40px;
	margin-top: 15px;
	padding: 0 8%;
	font-weight: normal;
	font-size: 14px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	line-height: 20px;
}
.company_product li a p{
	margin-top: 12px;
	font-size: 18px;
	color: #fa3030;
}
/*---------------------客服中心页面样式-----------------*/
/*右边联系方式*/
.service_wrap{
	margin-bottom: 24px;
	border: 1px solid #F0F0F0;
}
.service_title{
	padding-left: 18px;
	height:40px;
	line-height: 44px;
	font-size: 14px;
	border-bottom: 1px solid #F0F0F0;
	background: #f5f5f5;
}
.contact_inf{
	padding: 15px 15px 38px 15px;
}
.contact_inf li{
	margin-bottom:10px;
	font-size: 14px;
}
.contact_inf li span{
	display: inline-block;
	vertical-align: top;
}
.contact_inf li span:nth-child(2){
	width: 234px;
}
/*左边@我们*/
.service_con{
	padding:14px 16px 0 16px;
	overflow: hidden;
}
.service_con .pull-left{
	width: 316px;
}
.service_con .pull-right{
	width: 550px;
}
.service_con h4{
	padding-bottom: 8px;
	font-size: 14px;
	font-weight: normal;
	border-bottom: 1px solid #F0F0F0;
}
.service_con .pull-left h4{

}
.service_con h4 span{
	width: 4px;
	height: 14px;
	margin-right: 10px;
	vertical-align: middle;
	display:inline-block;
	background: #02BEEE;
}
.service_tel{
	padding: 4px 14px;
}
.service_tel p{
	margin-top: 8px;
	font-size: 14px;
	line-height: 2;
}
.service_mailbox p {
	font-size: 14px;
	line-height: 2;
}
.service_tel span{
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
}
.service_tel span:nth-child(2){
	margin-left: 46px;
}
.service_mailbox{
	padding: 4px 14px;
}
.service_mailbox li{
	width: 46%;
	margin-right: 4%;
	margin-top: 8px;
	float: left;
	font-size: 14px;
}
.service-tips{
	padding:24px 0 14px 14px;
	color: #0068a9;
	font-size: 14px;
	clear: both;
}
/*右边订购流程*/
.process_content{
	padding:12px 14px;
}
.flow_path .service_con h4{
	font-weight: bold;
	color: #02BEEE;
}
.process_content p{
	width: 666px;
	line-height: 28px;
	font-size: 14px;
}
.process_content span{
	display: block;
}
.process_content b{
	padding-left: 106px;
	line-height: 28px;
	display: block;
	font-weight: normal;
}
/*汇款信息*/
.remittance{
	padding: 12px 14px;
}
.remittance p{
	padding-left: 14px;
	font-size: 14px;
	line-height: 28px;
}
.remittance div{
	padding: 20px 0 6px 0;
	text-align: right;
	font-size: 14px;
	border-top: 1px solid #F0F0F0;
}
.remittance div a{
	display: inline-block;
	font-size: 14px;
	color: #ff8707;
}
.remittance div a:hover{
	color:#0068A9;
}
.remittance div a:nth-child(2){
	margin-right: 8px;
}
/*---------------------产品列表页面样式-----------------*/
.list_con{
	width: 1100px;
}
.list_con .content_left{
	width: 750px;
}
.list_con .recommend{
	margin-top: 20px;
}
/*左边导航*/
.list_nav{
	width: 198px;
	margin-top: 18px;
  border:1px solid #e6e6e6;
  border-bottom: 0;
}
.list_nav h2{
	padding-left: 6px;
	height:40px;
	line-height: 40px;
	color: #666666;
	font-size: 14px;
  background: #f0f0f0;
  cursor: pointer;
  border-bottom: 1px solid #e6e6e6;
}
.list_nav > ul {
  display: none;
}
.list_nav > ul.active {
  display: block;
}
.list_nav h3{
	padding-left: 6px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	color: #666666;
	border-bottom:1px solid #e6e6e6;
  background: #fafafa;
  cursor: pointer;
}
.list_nav h3 span{
	margin-right: 8px;
	width: 13px;
	height:13px;
	vertical-align: middle;
	display: inline-block;
	border: 1px solid #999999;
}
.list_nav h3 span:before{
	content:'';
	margin-left: 2px;
	margin-top: 6px;
	width: 9px;
	height:1px;
	display: block;
	background: #666666;
}
.list_nav h3 span:after{
	content:'';
	margin-left: 6px;
	margin-top: -5px;
	width: 1px;
	height:9px;
	display: block;
	background: #666666;
}
.list_nav .nav_child {
  display: none;
}
.list_nav .list_active .nav_child {
  display: block;
}
.nav_child{
	padding: 8px 0;
	border-bottom: 1px solid #e6e6e6;
}
.nav_child a{
	padding:4px 22px;
	display: block;
	color: #666666;
}
.list_nav .list_active h3 span:after{
	display: none;
}
/*产品筛选*/
.list_screen{
	margin-top: -1px;
}
.list_screen div{
	display: block;
	float: left;
}
.list_title{
	height: 40px;
	padding-left: 0;
}
.list_title .list_screen {
  line-height: 40px;
}
.list_screen a{
	padding: 0 28px;
	height:40px;
	display:block;
	float: left;
	font-size: 14px;
	border-right:1px solid #e6e6e6;
}
.list_screen i{
  vertical-align: middle;
  font-weight: normal;
  display: none;
}
.list_screen a.screen_active{
  padding-right: 20px;
	color: #FFFFFF;
	font-weight: bold;
	border-right:1px solid #02BEEE;
	background: #02BEEE;
}
.list_screen a:first-child {
  padding-right: 28px !important;
}
.list_screen a.screen_active i{
  display: inline;
}
.list_screen a.screen_active b{
	visibility: hidden;
}
.list_price{
	padding: 0 24px;
	font-size: 14px;
}
.list_price span{
  margin-right: 5px;
	display: block;
	float: left;
}

/*产品样式*/
.list_product > li{
	padding: 20px;
	overflow: hidden;
	border-bottom:1px solid #F0F0F0;
}
.list_product li:hover{
	/*background: #f0fafc;*/
}
.list_product li .sale-info {
	margin-bottom: 10px;
}
.list_product li .goodsImg {
  width: 140px;
  height: 140px;
  border: 1px solid #F0F0F0;
  box-sizing: border-box;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  float: left;
}
.list_product li .goodsImg a {
  display: block;
  height: 140px;
  background: #fff;
  opacity: 0;
}
.list_product li .goodsImg a:hover {
  opacity: 0.4;
}
.list_product li .goodsInfo {
  width: 545px;
  float: right;
}
.list_product li img{
	display: block;
	width:138px;
	height: 138px;
	border:1px solid #F0F0F0;
}
.list_product li h3{
	margin-bottom: 6px;
	font-size: 14px;
	font-weight: normal;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.list_product li p.en-name{
	height: 32px;
	margin-bottom: 0;
	color:#fe7b00;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	line-height: 16px;
}
.list_product li span{
	margin-bottom: 14px;
	display: block;
	font-size: 18px;
	color: #FA3030;
}
.list_product li b{
  padding: 0 5px;
	line-height: 24px;
	display: block;
	text-align: center;
	font-weight: normal;
	color: #8dc63f;
	border-radius: 5px;
  border: 1px solid #8dc63f;
  background: #fff;
}
.list_product li a.more{
	width: 120px;
	height: 40px;
	margin-top: 10px;
	display: block;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 42px;
	color: #FFFFFF;
	border-radius: 4px;
	border-bottom: 2px solid #0068A9;
	background: #02BEEE;
}
/*---------------------产品详情页面样式-----------------*/
.goods{
	margin-bottom: 28px;
}
/*顶部左边图片*/
.goods_img{
	width: 280px;
}
.img_big_wrap {
  height: 280px;
  margin-bottom: 10px;
  border: 1px solid #f0f0f0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.img_big{
	max-width: 278px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  
}
.img_big img{
  max-width: 100%;
  max-height: 278px;
  height: auto;
  display: block;
  margin: 0 auto;
}
.img_big video {
  width: 100%;
  display: block;
}
.img_small{
  overflow: hidden;
  height: 70px;
}
.goodsThumbList {
  margin: 0 20px;
}
.goodsThumbList .imgItem {
  width: 75px;
  float: left;
}
.goodsThumbList .imgItem span {
  display: block;
  margin: 0 2px;
  height: 70px;
  border: 1px solid #f0f0f0;
  box-sizing: border-box;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  text-align: center;
  line-height: 70px;
}
.goodsThumbList .imgItem span.video {
  background: #eee;
}

.goodsThumbList .imgItem span i {
  font-size: 30px;
}
.goodsThumbList .imgItem.current span,
.goodsThumbList .imgItem:hover span{
  border: 2px solid #02BEEE;
  line-height: 68px;
}

.goodsArrow {
  width: 20px;
  height: 70px;
  text-align: center;
  line-height: 70px;
  border: 1px solid #f0f0f0;
  box-sizing: border-box;
}

.goodsArrow i {
  font-size: 22px;
  position: relative;
}

.goodsArrowLeft {
  float: left;
}

.goodsArrowLeft i {
  left: -3px;
}

.goodsArrowRight {
  float: right;
}

.goodsArrowRight i {
  left: -1px;
}

.goodsArrow:hover {
  opacity: 0.5;
  cursor: pointer;
}
.goodsArrow.slick-disabled {
  opacity: 0.5;
  cursor: default;
}
/*.img_small a{
	width: 18px;
	height: 78px;
	display: block;
	border: 1px solid #f0f0f0;
	background: url(img/goods_browse.png) no-repeat center center;
}*/
.goods_img .goods_btm {
	margin-top: 20px;
}
.goods_img b,
.goods_img i {
  color: #fe7b00;
  vertical-align: middle;
  margin-right: 2px;
}
.goods_img p span {
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.goods_img p a{
	margin-left: 18px;
	float: right;
}

.goods_btm .collect {
	float: right;
}

.goods_btm .share {
	float: right;
	margin-left: 18px;
	position: relative;
	overflow: hidden;
}

.goods_btm .share .bdsharebuttonbox {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	transform: scale(1.2);
}

.bdshare_popup_bg,
.bdshare_popup_box,
.bdshare_dialog_bottom,
.bdshare_dialog_list li:first-child {
	display: none !important;
}
/*顶部右边文字*/
.goods_text{
	width: 666px;
}
.goods_text h3{
	margin-bottom: 8px;
}
.goods_text p{
	margin-bottom: 20px;
	color: #fe7b00;
}
.discount h4{
	padding-left: 10px;
	height: 40px;
	line-height: 40px;
	color: #ffffff;
	font-weight: normal;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	background: -webkit-gradient(linear, 0 0, 0 0, from(#dd2446), to(#e84440));   
    background: -webkit-linear-gradient(left, #dd2446, #e84440);   
    background: -moz-linear-gradient(left, #dd2446, #e84440);   
    background: -o-linear-gradient(left, #dd2446, #e84440);   
    background: -ms-linear-gradient(left, #dd2446, #e84440);   
    background: linear-gradient(left, #dd2446, #e84440);   
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #dd2446, endColorstr = #e84440);
}
.discount h4 span{
	display: inline-block;
	margin-right: 16px;
}
.discount h4 i{
	font-style: normal;
}
.discount ul{
	height:44px;
	padding: 10px 0;
	background: #F5F5F5;
}
.discount ul li{
	padding: 0 10px;
	margin: 12px 0;
	float:left;
}

.discount_on ul li.market_price i {
	text-decoration: line-through;
}

.discount ul li:last-child{
	float: right;
}
.discount li span,.discount li p{
	font-size:14px;
	color: #666666;
}
.discount li a,.discount li i{
	margin-left: 14px;
}
.discount li i{
	font-size: 18px;
	color: #FA3030;
	font-style:normal;
}
.discount li a,.discount li b{
	font-weight: normal;
	font-size: 14px;
	color: #0068a9;
}
.discount li p{
	margin-bottom: 2px;
}
.discount ul li:last-child{
	margin-top:4px;
	padding:0 24px;
	border-left: 1px solid #e6e6e6;
}
.goods_details{
	margin-top: 18px;
	overflow: hidden;
}
.goods_details li{
	width: 300px;
	line-height: 28px;
	float: left;
}
.goods_details li span{
	font-size: 14px;
	color: #808080;
}
.goods_details li b{
	font-size: 14px;
	font-weight: normal;
}
.choose_amount{
	margin-top: 18px;
	overflow: hidden;
}
.wrap-input {
	width: 74px;
	height: 62px;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
}
.wrap-input input{
	width: 48px;
	height: 60px;
	float: left;
	display: block;
	font-size: 26px;
	text-align: center;
	border: 0;
	outline: none;
	box-sizing: border-box;
	background: #fff;
}
.wrap-input a {
	width: 24px;
	height: 30px;
	display: block;
	text-align: center;
	float: right;
	line-height: 30px;
	font-size: 14px;
	box-sizing: border-box;
	border-left: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	cursor: pointer;
}
.wrap-input a:last-child {
	border-bottom: 0;
}
.wrap-input a.disabled {
	color: #666666;
	background: #eee;
	cursor: default;
	opacity: 1;
}
.choose_amount>a{
	width: 180px;
	height: 60px;
	margin-right: 20px;
	text-align: center;
	line-height: 60px;
	color: #FFFFFF;
	display: block;
	background: #02beee;
}
/*右边下面详情*/
.goods_text h4{
	margin-top: 16px;
	font-weight: normal;
}
.goods_text .shipping_time span {
	color: #808080;
}
.product_tab span{
	float: left;
	display: block;
	color: #333333;
	font-weight: normal;
	font-size: 18px;
	background: none;
}
.product_tab span b{
	font-size: 16px;
	font-weight: normal;
}
.product_tab span.tab_avtive{
	font-weight: bold;
	font-size: 16px;
	color: #FFFFFF;
	background: #02BEEE;
}
.product_text {
  padding: 20px 10px;
}
.product_text p {
  margin-bottom: 15px;
	letter-spacing: 0;
	font-size: 15px;
	color: #000000;
}
.product_text img {
  max-width: 100%;
  height: auto;
}
.tab_child{
	border-color: #f0f0f0;
}
.direction{
	padding:24px 12px;
}
.direction div{
	max-width: 580px;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.direction div img{
	margin-right:6px;
}
.direction img{
	display: inline-block;
	vertical-align: middle;
}
.direction a{
	margin-left: 20px;
	width:82px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	color: #FFFFFF;
	background: #8dc63f;
}
.evaluate{
	padding: 18px;
	border: 1px solid #f0f0f0;
	border-top: 0;
}
.evaluate_item{
	padding: 12px 0;
	border-bottom: 1px solid #f0f0f0;
}
.evaluate_item_list .evaluate_item:last-child {
	border: 0;
}
.evaluate_item h4{
	margin-bottom: 8px;
	font-size: 16px;
	color: #0067a9;
}
.evaluate_item ul{
	margin-bottom: 10px;
	overflow: hidden;
}
.evaluate_item li{
	margin-right: 4px;
	width: 18px;
	height: 18px;
	float: left;
}
.evaluate_item li img{
	width: 100%;
	display: block;
}
.evaluate_item p{
	margin-bottom: 6px;
	font-size: 14px;
}
.evaluate_item b{
	color: #999999;
	font-weight: normal;
}
/*---------------------------购物车页面样式---------------------*/
/*登录提示*/
.container_bj{
	overflow: hidden;
}
.login_prompt{
	margin-bottom: 26px;
	padding-left: 24px;
	height:58px;
	line-height: 58px;
	border:1px solid #ffd893;
	background: #fffdee;
}
.login_prompt img,
.login_prompt span,
.login_prompt a{
	display: inline-block;
	vertical-align: middle;
}
.login_prompt span{
	margin-left: 4px;
	margin-right: 8px;
	color: #ff923a;
}
.login_prompt a{
	width: 90px;
	height:28px;
	color: #ffffff;
	text-align: center;
	line-height: 28px;
	background: #e2393c;
}
/*购物车流程图*/
.flow_wrap{
	overflow: hidden;
}
.shopping_title{
	height: 30px;
	margin-top: 38px;
	font-size: 23px;
	color: #0068a9;
}
.flow_img:before{
	content:'';
	width: 100%;
	height:6px;
	display: block;
	border-radius: 6px;
	background: #0068a9;
}
.flow_img:after{
	content:'';
	width: 154px;
	height:6px;
	margin-top: -6px;
	display: block;
	border-radius: 6px;
	background: #8dc63f;
}
.flow_img li b{
	width: 32px;
	height: 32px;
	margin: 0 auto 12px auto;
	display: block;
	border-radius: 50%;
	background: #0068a9;
	color: #fff;
	line-height: 32px;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
}
.flow_img{
	padding-top: 20px;
	overflow: hidden;
}
.flow_img li{
	width: 154px;
	margin-top: -20px;
	float: left;
}
.flow_img li b img{
	width: 100%;
	height: 100%;
	display: block;
}
.flow_img li p{
	font-size: 14px;
	color: #0068A9;
	text-align: center;
}
.flow_img .flow_active p{
	color: #8DC63F;
}
.flow_img .flow_active b{
	background: #8DC63F;
}
/*购物车主内容*/
.cart-main{
	margin-top: 30px;
	border: 1px solid #F0F0F0;
}
.cart-main ul{
	background: #FFFFFF;
	overflow: hidden;
	border-bottom: 1px solid #F0F0F0;
}
.cart-main ul li{
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	text-align: center;
	float: left;
}
.cart-main .ware{
	width: 40%;
}
.cart-main .market_price,
.cart-main .price,
.cart-main .number,
.cart-main .subtotal,
.cart-main .operate{
	width: 12%;
} 
.cart_item{
	padding: 20px 0;
	overflow: hidden;
	font-size: 14px;
	border-bottom: 1px solid #cccccc;
}
.cart_con .cart_item:last-child{
	border-bottom: none;
}
.cart_item>div{
	float: left;
}
.cart_item .ware .goodsImage {
	width: 90px;
	height: 90px;
	float: left;
	border: 1px solid #F0F0F0;
	margin-left: 20px;
}
.cart_item .ware .name {
	width: 322px;
	margin-left: 18px;
	margin-top: 8px;
	float: left;
}
.cart_item .ware span{
	width: 322px;
	height: 48px;
	line-height: 24px;
	display: block;
	color: #0068A9;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.cart_item .ware em {
	background: #fff;
	font-size: 12px;
	color: #333;
	padding: 6px;
	font-style: normal;
	display: inline-block;
}
.cart_item .market_price,
.cart_item .price,
.cart_item .subtotal,
.cart_item .operate
{
	text-align: center;
	line-height: 90px;
}
.cart_item .market_price b{
	font-weight: normal;
	color: #fa3030;
	text-decoration: line-through;
}

.cart_item .price,
.cart_item .subtotal {
	color: #0068A9;
}

.cart_item .price a,
.cart_item .subtotal a{
	color: #0068a9;
	display: inline-block;
}
.cart_item .operate a{
	color: #e2393c;
	display: inline-block;
}
.cart_item .number a{
	margin: 0 1px;
	width: 32px;
	height: 32px;
	line-height: 32px;
	font-size: 16px;
	text-align: center;
	float: left;
	background: #FFFFFF;
}
.cart_item .number a.disabled {
	background: #f8f8f8;
	cursor: not-allowed;
	color: #999;
	opacity: 0.7;
}
.number_input{
	width: 140px;
	margin: 28px auto 0 auto;
	overflow: hidden;
	font-size: 14px;
}
.cart_item .number input{
	width: 70px;
	height: 32px;
	display: block;
	text-align: center;
	border: none;
	float: left;
	padding: 0;
	font-weight: bold;
}
/*结算*/
.close_wrap{
	overflow: hidden;
}
.close_account{
	width: 1175px;
	height: 34px;
	padding: 17px 0;
	border: 1px solid #e6e6e6;
	border-right: none;
	background: #ffffff;
}
.close_account>p{
	margin-left: 20px;
	line-height: 34px;
}
.price-sum{
	margin-right: 54px;
	font-size: 14px;
}
.price-sum div p{
	margin-bottom: 2px;
}
.amount-sum{
	margin-right: 24px;
}
.amount-sum i{
	font-style: normal;
	color: #e1373a;
}
.price-sum a{
	color: #0068a9;
	font-weight: bold;
}
.price-sum a:hover {
	opacity: 1;
}
.price-sum b{
	font-weight: normal;
}
.close_wrap>a{
	width: 142px;
	height: 70px;
	line-height: 70px;
	font-size: 18px;
	text-align: center;
	color: #ffffff;
	background: #e13535;
}
.close_wrap>a.disabled {
	opacity: 0.7;
	cursor: not-allowed;
	background: #666;
}
/*----------------提交订单页面样----------------------*/
.order-main{
	padding: 20px 20px 0 20px;
	margin-top: 30px;
	background: #ffffff;
	border: 1px solid #e6e6e6;
}
.order-main>div{
	margin-bottom: 28px;
}
.recipients,.payment{
	border-bottom: 1px solid #e6e6e6;
}
.order_title{
	font-size: 14px;
	overflow: hidden;
}
.order_title span{
	display: block;
}
.order_title a{
	font-weight: normal;
	color: #0068a9;
	display: block;
}
.order_con,.payment ul,.delivery_con{
	padding: 20px 30px;
}
.order_con div{
	cursor: pointer;
	overflow: hidden;
}
.recipients_active .icon {
	color: #02BEEE;
	position: absolute;
	right: -1px;
	bottom: -3px;
}
.recipients_active .icon i {
	font-size: 40px;
}
.left_address{
	width: 12%;
	height: 36px;
	text-align: center;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	position: relative;
}
.recipients_active .left_address {
	border: 2px solid #02BEEE !important;
}
.left_address span{
	line-height: 34px;
	display: inline-block;
}
.left_address span.add {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 75px;
	vertical-align: middle;
}
.left_address>img{
	display: none;
}
.recipients_active{
	position: relative;
}
.recipients_active span{
	line-height: 32px;
}
.recipients_active>img{
	position: absolute;
	right: 0;
	bottom: 0;
	display: block!important;
}
.right_address{
	width: 86%;
	height: 36px;
	margin-left: 2%;
	line-height: 36px;
}
.right_address span{
	margin: 0 14px;
	color: #666666;
	text-align: center;
}
.right_address span i{
	margin: 0 4px;
	font-style: normal;
}
.order_con>span{
	width: 80px;
	margin-top: 18px;
	display: block;
	color: #666666;
	cursor: pointer;
}
.order_con>span img{
	margin-left: 4px;
	display: inline-block;
	transition: all .5s;
}
.order_con .more_up img{
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-moz-transform:rotate(180deg); 
	-webkit-transform:rotate(180deg); 
	-o-transform:rotate(180deg); 
	transform-origin:50% 50%;
	-webkit-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	-o-transform-origin:50% 50%;
	-moz-transform-origin:50% 50%;
	
}
.payment ul{
	overflow:hidden;
}
.payment li{
	width: 146px;
	height: 36px;
	margin-right: 20px;
	line-height: 34px;
	text-align: center;
	float: left;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	position: relative;
	cursor: pointer;
}
.payment li .icon {
	position: absolute;
	right: -1px;
	bottom: 4px;
	display: none;
}
.payment li .icon i {
	font-size: 40px;
	display: block;
}
.payment li img{
	vertical-align: middle;
	display: inline-block;
}
.payment li span{
	vertical-align: middle;
	display: inline-block;
}
.payment li>img{
	display: none;
}
.payment li:hover,
.payment li.recipients_active{
	line-height: 32px;
	border: 2px solid #02BEEE;
}
.payment li.recipients_active .icon {
	display: block;
}
.order-main .delivery_list{
	margin: 0;
}
.delivery_con>div{
	padding: 20px;
	overflow: hidden;
	border-bottom:1px solid #ffffff;
	background: #ebf2f3;
}
.good_title{
	width: 40%;
	float: left;
	font-size: 16px;
	color: #0068a9;
}
.good_title img{
	float: left;
	display: block;
}
.good_title .goodsImage {
	width: 90px;
	height: 90px;
	float: left;
	border: 1px solid #F0F0F0;
}
.good_title span{
	width:322px;
	height: 48px;
	margin-left: 18px;
	margin-top: 20px;
	line-height: 24px;
	display: block;
	float: left;
	color: #0068A9;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.good_num{
	width: 30%;
	float: left;
	padding-top: 20px;
}
.good_num p{
	font-size: 18px;
	color: #fa3030;
	margin-bottom: 4px;
}
.good_num span{
	padding-left: 4px;
}
.delivery_con .good_title .name {
	width: 322px;
	float: left;
	margin-left: 18px;
	margin-top: 8px;
}
.delivery_con .good_title span{
	margin: 0;
	font-size: 16px;
}
.delivery_con .good_title em {
	background: #fff;
	font-size: 12px;
	color: #333;
	padding: 6px;
	font-style: normal;
	display: inline-block;
}
.good_address{
	width: 30%;
	float: left;
	text-align: right;
	font-size: 14px;
}
.good_address span{
	padding-right:26px;
	font-size: 14px;
	line-height: 90px;
}
.good_address b{
	font-size: 14px;
	font-weight: normal;
	color: #0068A9;
}
.count{
	overflow: hidden;
}
.submit_order{
	margin-top: 28px;
	overflow: hidden;
}.submit_order div{
	overflow: hidden;
}
.submit_order li{
	margin-left: 40px;
	font-size: 14px;
	color: #666666;
	float: left;
}
.submit_order li:nth-child(1){
	padding-top: 24px;
}
.submit_order strong{
	margin-right: 8px;
	color: #333333;
}
.submit_order b{
	font-weight: normal;
}
.submit_order i{
	color: #fa3030;
	font-style: normal;
}
.submit_order span{
	margin-right: 8px;
}
.submit_order a{
	width: 142px;
	height: 52px;
	margin-top: 30px;
	line-height: 52px;
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
	display: block;
	background: #e13535;
}
.submit_order .disabled {
	opacity: 0.7;
	cursor: not-allowed;
	background: #666;
}
/*------------------------------------成功提交页面样式------------------------------------------*/
.success_con{
	padding: 36px;
	margin-bottom: 110px;
}
.success_con div{
	margin-top: 8px;
	margin-left: 82px;
	margin-bottom: 70px;
}
/*成功标题*/
.success_con img{
	margin-right: 24px;
	vertical-align: middle;
	display: inline-block;
}
.success_con h2{
	font-size: 24px;
	color: #8DC63F;
}
/*成功订单*/
.success_con ul{
	margin-right: 66px;
	line-height: 52px;
	overflow: hidden;
	border: 1px solid #f0f0f0;
}
.success_con li{
	margin-left: 22px;
	font-size: 14px;
	float: left;
}
.success_con li b{
	font-weight: normal;
}
.success_con li i{
	color: #e2393c;
	font-style: normal;
}
.success_con div p{
	font-size: 14px;
	margin-top: 18px;
}
.success_con div a,
.success_con div button {
	margin-right: 10px;
	margin-top: 48px;
	width: 142px;
	height: 52px;
	line-height: 52px;
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
	display: block;
	background: #02beee;
	float: left;
}

.success_con div button {
	border: 0;
	color: #ffffff;
	background: #e13535;
	cursor: pointer;
}
.success_con div button:hover {
	opacity: 0.7;
}
/*-----------------------资讯页面样式---------------------------*/
.inf_location{
	padding: 0;
}
.information_title{
	padding:0 20px;
	font-size: 14px;
	color: #0068A9;
}
.information_title:before{
	display: none;
}
/*左边样式*/
.information_left{
	width: 868px;
}
.headline,.message_con{
	border: 1px solid #f0f0f0;
	background: #FFFFFF;
}
/*右边样式*/
.information_right{
	width: 418px;
}
.information_right .recommend,
.information_right .new{
	background: #FFFFFF;
}
.information_right .recommend li{
	padding:20px;
}
.information_right .recommend li:hover{
	background: #ebf2f3;
}
.information_right .recommend img{
	width: 100px;
	border: none;
}
.information_right .recommend div{
	width: 262px;
}
.information_right .recommend a {
	display: block;
	overflow: hidden;
}
.information_right .recommend .goodsImg {
	width: 100px;
}
.information_right .recommend .goodsInfo {
	width: 262px;
}
.information_right .recommend p{
	margin-top: 0;
	margin-bottom: 18px;
	font-size: 14px;
	font-weight: bold;
	display: block;
	height:38px;
	color: #0068a9;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.information_right .recommend_article span{
	height: 38px;
	display: block;
	font-size: 14px;
	color: #808080;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.information_right .new div{
	padding: 12px 10px 0 20px;
}
/*头条样式*/
.headline_con{
	padding: 0 20px;
	overflow: hidden;
	border-top: 1px solid #f0f0f0;
}
.headline_con li{
	padding: 16px 0;
	width: 400px;
	margin-bottom: -1px;
	border-bottom: 1px solid #f0f0f0;
}
.headline_con li:nth-child(odd){
	float: left;
}
.headline_con li:nth-child(even){
	float: right;
}
.headline_con li h3{
	font-size: 14px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.headline_con li:hover h3{
	color: #02BEEE;
}
.headline_con li p{
	margin-top: 10px;
	height: 38px;
	font-size: 14px;
	color: #808080;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

/*tab*/
.message_con{
	border-top-color: #ffffff;
}
.message{
	margin-top: 24px;
}
.message_tab ul{
	height: 52px;
	background: #dbe8f0;
}
.message_tab ul li{
	width: 124px;
	height: 50px;
	cursor: pointer;
	line-height: 50px;
	font-size: 16px;
	float: left;
	border-top: 2px solid #0068a9;
}
.message_tab ul li.pitch_on,
.message_tab ul li:hover{
	background: #0068a9;
}
.message_tab li b{
	width: 100%;
	height: 22px;
	line-height: 22px;
	color: #0068a9;
	border-right: 1px solid #99c1db;
	display:inline-block;
	text-align: center;
}
.message_tab ul li.pitch_on b,
.message_tab ul li:hover b{
	color: #FFFFFF;
	border-right:none ;
}
.message_tab li:last-child b{
	border-right: none;
}
/*----------------------资讯详情页面样式----------------------*/
.inf_details{
	width:808px;
	padding: 30px 30px 0 30px;
	border:1px solid #f0f0f0;
	background: #ffffff;
}
.inf_details h2{
	margin-bottom: 30px;
	font-size: 22px;
	text-align: center;
	font-weight: normal;
}
.guide_reading{
	padding: 10px 0;
	background: #f4fbff;
}
.guide_reading>span{
	padding:0 28px;
	height: 86px;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	writing-mode: tb-rl;
	border-right: 1px solid #cfe0eb;
	font-size: 22px;
	color:#8dc63f;
}
.guide_reading p{
	width: 680px;
	display: inline-block;
	line-height: 20px;
	vertical-align: middle;
	margin-left: 24px;
	color: #808080;
}
.guide_reading p span {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	display: block;
}
.inf_text{
	margin-top: 12px;
}
.inf_text p{
	width: 100%;
	line-height: 24px;
	color: #333333;
}
.inf_page{
	margin-top: 68px;
	padding:14px 0 14px 0;
	border-top: 1px solid #e6e6e6;
}
.inf_page div {
	padding: 3px 0;
	padding-left: 50px;
	text-indent: -50px;
}

.message_con_inner {
	display: none;
}

.message_con_inner:first-child {
	display: block;
}

.empty_note {
	text-align: center;
	font-size: 12px;
	margin: 0;
	padding: 20px 0 !important;
	color: #999;
	float: none !important;
}

/*----------------------icon font----------------------*/
@font-face {font-family: "iconfont";
  src: url('assets/fonts/iconfont.eot?t=1554799970663'); /* IE9 */
  src: url('assets/fonts/iconfont.eot?t=1554799970663#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
  url('assets/fonts/iconfont.woff?t=1554799970663') format('woff'),
  url('assets/fonts/iconfont.ttf?t=1554799970663') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('assets/fonts/iconfont.svg?t=1554799970663#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-mobile:before {
  content: "\e804";
}

.icon-user:before {
  content: "\e64d";
}

.icon-jiahao:before {
  content: "\e614";
}

.icon-delete:before {
  content: "\e66b";
}

.icon-arrowleftb:before {
  content: "\e6d6";
}

.icon-iosarrowup:before {
  content: "\e76d";
}

.icon-jianhao:before {
  content: "\e729";
}

.icon-fangdajing:before {
  content: "\e617";
}

.icon-arrowup:before {
  content: "\e749";
}

.icon-previewleft:before {
  content: "\e75b";
}

.icon-previewright:before {
  content: "\e75c";
}

.icon-arrowdown:before {
  content: "\e62e";
}

.icon-icon-email:before {
  content: "\e648";
}

.icon-star:before {
  content: "\e82b";
}

.icon-arrowrightb:before {
  content: "\e695";
}

.icon-gantanhao:before {
  content: "\e646";
}

.icon-iconfontcart:before {
  content: "\e615";
}

.icon-home:before {
  content: "\e612";
}

.icon-pa_checked01:before {
  content: "\e66c";
}

.icon-list:before {
  content: "\e64e";
}

.icon-play:before {
  content: "\e641";
}

.icon-fanhui:before {
  content: "\e61f";
}

.icon-Check:before {
  content: "\e6bc";
}

.icon-laba:before {
  content: "\e62d";
}

.icon-shuaxin:before {
  content: "\e610";
}

.icon-logout:before {
  content: "\e64f";
}

.icon-ios-log-in:before {
  content: "\e65f";
}

.icon-xiazai:before {
  content: "\e64a";
}

.icon-share:before {
  content: "\e86e";
}

.icon-password:before {
  content: "\e620";
}

.icon-zhuce:before {
  content: "\e71c";
}

.icon-Doublearrowdown:before {
  content: "\e6c2";
}

.icon-Doublearrowup:before {
  content: "\e6c8";
}

/*----------------------wp_pagenavi----------------------*/
.pager {
  padding: 20px 0;
}

.wp-pagenavi .pages {
  display: none;
}

.wp-pagenavi {
  text-align: center;
}

.wp-pagenavi a,
.wp-pagenavi .current {
  margin: 0 3px;
  min-width: 36px;
  height: 36px;
  display: inline-block;
  line-height: 36px;
  color: #999999;
  font-size: 16px;
  border: 1px solid #e6e6e6;
}

.wp-pagenavi .last,
.wp-pagenavi .first {
  padding: 0 3px;
}

.wp-pagenavi span {
  margin: 0 3px;
}

.wp-pagenavi .current,
.wp-pagenavi a:hover {
  color: #ffffff;
  border: 1px solid #02beee;
  background: #02beee;
}

.arrowPager {
  padding: 10px 0;
}

.arrowPager .arrow {
  margin: 0 1px;
  float: right;
}

.arrowPager .arrow a,
.arrowPager .arrow b {
  display: block;
  border: 1px solid #e6e6e6;
  background: #fff;
  height: 15px;
  width: 15px;
}
.arrowPager .arrow b {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.arrowPager .arrow i {
  display: block;
}
.arrowPager .arrow a:hover {
  background: #02beee;
  color: #fff;
  border-color: #02beee;
}
.arrowPager span{
	margin-right: 10px;
	vertical-align: middle;
}
.arrowPager span strong{
	font-weight: normal;
	color: #02beee;
}

/*----------------------slick----------------------*/
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

/*----------------------jqzoom----------------------*/
.jqzoom{padding:0;cursor:crosshair}div.zoomdiv{z-index:100;position:absolute;top:0;left:0;width:200px;height:200px;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden}div.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0;left:0;background:#fff;opacity:.3;-moz-opacity:.3;-khtml-opacity:.3;filter:alpha(Opacity=30)} .zoomdiv {margin: 40px 0 0 330px;left: auto !important; top: auto !important;}

.goodsRate {
	margin-bottom: 10px;
	position: relative;
}

.goodsRate i {
	display: block;
	font-size: 20px;
	float: left;
	color: #ccc;
	width: 20px;
	margin-right: 5px;
}

.goodsRate .real {
	position: absolute;
	overflow: hidden;
}

.goodsRate .real > div {
	width: 125px;
}

.goodsRate .real i {
	color: #fe7b00;
}

.backSize {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#page-main {
	width: 1320px;
	margin: 0 auto;
}

#page-main img {
	max-width: 1320px;
}

.aligncenter {
	display: block;
	margin: 0 auto;
}

.product_text table {
	width: 100%;
}

.product_text table th,
.product_text table td {
	border: 1px solid #ccc;
	padding: 5px;
}

.header-account {
	padding: 0 0 20px;
}

.header-account .footer_line {
	margin-bottom: 20px;
}

.header-account .logo {
	margin-left: 20px;
	float: left;
	font-size: 25px;
}

.header-account .logo a {
	margin-right: 20px;
	display: block;
	float: left;
}

.header-account .pageTitle {
	float: left;
	line-height: 78px;
}

.header-account .rightInfo {
	font-size: 16px;
	float: right;
	margin: 30px 20px 0 0;
	color: #999;
}

.header-account .rightInfo a {
	color: #02beee;
}

.page-login {
	padding: 50px 0;
	width: 400px;
	margin: 0 auto;
}

.inputItem {
	margin-bottom: 30px;
	border: 1px solid #dddddd;
}

.inputItem:hover,
.inputItem:hover .leftIcon {
	border-color: #999;
}

.leftIcon {
	width: 50px;
	border-right: 1px solid #ddd;
	line-height: 47px;
	background: #f1f1f1;
	text-align: center;
	float: left;
	box-sizing: border-box;
}

.leftIcon i {
	font-size: 20px;
	color: #999;
}

.rightInput {
	width: 348px;
	float: right;
	position: relative;
}

.rightBtn {
	position: absolute;
	right: 0;
	top: 0;
}

.rightBtn button {
	width: 110px;
	height: 51px;
	padding: 0;
	line-height: 51px;
	text-align: center;
	color: #fff;
	background: #0068a9;
	border: 0;
	font-size: 16px;
	cursor: pointer;
}

.rightBtn button:disabled {
	background: #f1f1f1;
	color: #999;
	cursor: not-allowed;
}

.rightInput input {
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	box-sizing: border-box;
	width: 100%;
	padding: 10px;
	border: 0;
}

.page-title {
	text-align: center;
	font-size: 20px;
	margin-bottom: 20px;
	color: #0068a9;
}

.baseBtn {
	width: 100%;
	height: 54px;
	padding: 0;
	line-height: 54px;
	text-align: center;
	color: #fff;
	background: #0068a9;
	border: 0;
	font-size: 16px;
	cursor: pointer;
}

.baseBtn:hover {
	opacity: 0.8;
}

.submitBtn {
	padding-top: 20px;
}

.otherInfo {
	padding-top: 30px;
}

.otherLogin li {
	margin-right: 20px;
	float: left;
	line-height: 22px;
}

.otherInfo .lostPassword {
	float: left;
	font-size: 16px;
}

.otherInfo .reg {
	float: right;
	font-size: 16px;
}

.otherInfo .lostPassword a,
.otherInfo .reg a {
	color: #999;
}

.comment_note {
	padding: 5px 20px 30px 20px;
}

.comment_note h1 {
	display: inline;
	font-weight: normal;
}

.comment_note a {
	display: inline-block;
	white-space: nowrap;
	font-size: 14px;
	cursor: pointer;
	text-decoration: underline;
}

.layui-layer-tips {
	margin-left: -12px !important;
}

.goodsContact {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #fe7b00;
}

.goodsContact p {
	margin-bottom: 10px;
	font-size: 14px;
	color: #808080;
	float: left;
	line-height: 50px;
	margin-right: 10px;
	margin-bottom: 0;
}

.goodsContact span {
	margin-right: 20px;
	display: block;
	width: 45px;
	height: 65px;
	float: left;
	cursor: pointer;
	background: url(assets/img/sp-detail@1x.png) no-repeat;
}

.goodsContact .icon-qq {
	background-position: -143px -19px;
}

.goodsContact .icon-wx {
   background-position: -18px -19px;
}

.goodsContact .qfTel {
	padding: 0 30px 0 10px;
	float: left;
	text-align: center;
}

.goodsContact .qfTel i {
	padding: 5px 0 5px 0;
	font-style: normal;
	font-size: 14px;
	color: #808080;
	display: block;
}

.goodsContact .qfTel b {
	display: block;
	font-weight: bold;
	font-size: 20px;
	color: #fe7b00;
}

.wx-style .layui-layer-content {
	padding: 8px !important;
	line-height: normal !important;
}

.wx-style .layui-layer-content img {
	display: block;
}

.wx-style {
	text-align: center;
}

.wx-style p {
	margin-bottom: 5px;
}

.goTop {
	position: fixed;
	right: 20px;
	bottom: 20px;
	opacity: 0;
	visibility: hidden;
	transition: opacity .5s;
}

.goTop.show {
	opacity: 1;
	visibility: visible;
}

.goTop a {
	width: 50px;
	height: 50px;
	display: block;
	text-align: center;
	line-height: 50px;
	box-sizing: border-box;
	color: #fff;
	background: #d5d5d5;
}
.goTop a i {
	font-size: 25px;
}
.goTop a:hover {
	background: #02BEEE;
}

.single_comment_note {
	position: relative;
	top: -10px;
	color: #999;
}

.enterType {
	text-align: center;
	font-size: 20px;
	margin-bottom: 20px;
	color: #0068a9;
}

.enterType > div {
	margin: 0 2%;
	padding-bottom: 10px;
	width: 46%;
	float: left;
	color: #666;
	border-bottom: 2px solid #fff;
	cursor: pointer;
}

.enterType > div.cur,
.enterType > div:hover {
	color: #0068a9;
	border-bottom: 2px solid #0068a9;
}

/**********************************
 个人中心
**********************************/
.page-user {
	background: #f8f8f8;
}

.page-main {
	padding-bottom: 20px;
	width: 1320px;
	margin: 0 auto;
}

.centerMenu {
	padding: 18px 20px;
	width: 200px;
	min-height: 720px;
	float: left;
	box-sizing: border-box;
	background: #fff;
}

.centerInfo {
	width: 1100px;
	float: right;
	box-sizing: border-box;
}

.cmInfo {
	margin-bottom: 30px;
}

.cmInfo p {
	font-size: 18px;
}

.cmInfo ul {
	padding-top: 15px;
}

.cmInfo li {
	margin-bottom: 14px;
	font-size: 16px;
	color: #a3a3a3;
}

.cmInfo li.on,
.cmInfo li.on a,
.cmInfo li a:hover {
	color: #02beee;
}

.cmInfo li a {
	font-size: 16px;
	color: #a3a3a3;
	display: block;
	position: relative;
}

.cmInfo li.on a:before {
	width: 3px;
	height: 16px;
	position: absolute;
	top: 50%;
	left: -20px;
	content: "";
	background: #02beee;
	transform: translateY(-50%);
}

.hidden {
	display: none;
}

.userPart {
	margin-bottom: 25px;
	background: #fff;
}

.userPortrait {
	padding: 18px 55px;
	display: table;
	width: 100%;
	box-sizing: border-box;
	background: #02beee;
	cursor: pointer;
}

.userPortrait .arrow {
	display: table-cell;
	text-align: right;
	vertical-align: middle;
}

.userPortrait .arrow i {
	font-size: 20px;
	color: #fff;
}

.hpImg {
	width: 101px;
	height: 101px;
	overflow: hidden;
	display: table-cell;
	vertical-align: middle;
	border-radius: 50%;
}

.hpImg img {
	width: 100%;
	display: block;
}

.hpMess {
	padding-left: 24px;
	color: #fff;
	display: table-cell;
	vertical-align: middle;
}

.hpMess p {
	margin-bottom: 14px;
	font-size: 25px;
}

.hpMess span {
	display: block;
	font-size: 15px;
}

.myIntegral {
	margin-left: 64px;
	width: 252px;
	float: left;
}

.centerMinTitle {
	margin-bottom: 16px;
	padding: 20px 0;
	position: relative;
	border-bottom: 1px solid #f7f7f7;
}

.centerMinTitle02 {
	padding-top: 27px;
}

.centerMinTitle p {
	padding-left: 8px;
	position: relative;
	font-size: 21px;
	font-weight: bold;
}

.centerMinTitle p:after {
	width: 3px;
	height: 20px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 10px;
	content: "";
	background: #02beee;
}

.myIntegralMess {
}

.myIntegralWord {
	padding-right: 17px;
	max-width: 50%;
	float: left;
	box-sizing: border-box;
}

.myIntegralWord:nth-child(2) {
	float: right;
}

.myIntegralWord p {
	margin-bottom: 12px;
	font-size: 15px;
	color: #a2a2a2;
	letter-spacing: 1px;
}

.myIntegralWord span {
	display: block;
	font-size: 20px;
	color: #02beee;
	letter-spacing: 1px;
}

.myCoupon {
	margin-left: 107px;
}

.centerLeft {
	width: 755px;
	float: left;
}

.centerRight {
	width: 325px;
	float: right;
}

.orderPart {
	margin-bottom: 22px;
	padding: 0 30px;
	box-sizing: border-box;
	background: #fff;
}

.orderState {
	border-bottom: 1px solid #f7f7f7;
}

.orderState li {
	position: relative;
	float: left;
	width: 20%;
}

.orderState li a {
	padding: 5px 0 20px 0;
	display: block;
}

.orderState li img {
	height: 50px;
	width: auto;
	display: block;
	margin: 0 auto;
}

.orderStateImg {
	margin: 0 auto;
	width: 50px;
	margin-bottom: 10px;
	position: relative;
}

.orderState li:after {
	width: 1px;
	height: 62px;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	content: "";
	background: #f8f8f8;
}

.orderState li:last-child:after {
	display: none;
}

.orderState p {
	font-size: 16px;
	text-align: center;
}

.orderState p.badge {
	background: #d22237;
	width: 20px;
	height: 20px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	position: absolute;
	right: -10px;
	top: -10px;
	font-size: 13px;
}

.orderList li {
	position: relative;
	border-bottom: 1px solid #f8f8f8;
}

.orderList li:last-child {
	border: 0;
}

.orderList li a {
	padding: 25px 19px;
	display: block;
}

.orderList li a:hover {
	opacity: .5;
}

.orderListBox {
	box-sizing: border-box;
}

.orderImg {
	width: 128px;
	height: 128px;
	float: left;
}

.orderImg img {
	width: 100%;
}

.orderListInfo {
	margin-left: 18px;
	padding-top: 17px;
	width: 355px;
	float: left;
	position: relative;
}

.orderListInfo p {
	margin-bottom: 19px;
	font-size: 15px;
	line-height: 1.5;
	letter-spacing: .2px;
}

.orderListInfo span {
	display: block;
	font-size: 15px;
	line-height: 1.5;
	letter-spacing: .2px;
}

.toDetail {
	margin-top: 21px;
	margin-right: 15px;
	font-size: 15px;
	color: #5093e4;
	float: right;
}

.collectPart {
	margin-bottom: 17px;
	padding: 0 30px 20px;
	min-height: 226px;
	box-sizing: border-box;
	background: #fff;
}

.more {
	float: right;
	display: block;
	position: absolute;
	right: 0;
	top: 30px;
}

.more a {
	padding-right: 7px;
	font-size: 14px;
	color: #9d9d9d;
	display: block;
	position: relative;
}

.more a:hover {
	opacity: .5;
}

.more a:before,
.more a:after {
	width: 5px;
	height: 1px;
	position: absolute;
	right: 0;
	top: 50%;
	transform-origin: center;
	content: "";
	background: #9d9d9d;
}

.more a:before {
	transform: translateY(1px) rotateZ(-45deg);
}

.more a:after {
	transform: translateY(-2px) rotateZ(45deg);
}

.myCollect {}

.collectList {
	padding-top: 10px;
}

.collectList li {
	margin-right: 8px;
	width: 60px;
	float: left;
}

.collectList li a {
	display: block;
	height: 60px;
	border: 1px solid #ccc;
}

.collectList li a:hover {
	opacity: .5;
}

.collectList li:last-child {
	margin-right: 0;
}

.collectList li img {
	width: 100%;
}

.trackPart {
	padding: 0 24px 20px;
	min-height: 226px;
	box-sizing: border-box;
	background: #fff;
}

.switch {
	padding-top: 21px;
	position: relative;
	text-align: center;
}

.switch span {
	margin: 0 5px;
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 50%;
	cursor: pointer;
	background: #eeeeee;
}

.switch span.on {
	background: #808080;
}

.likePart {
}

.likePart .centerMinTitle {
	padding-top: 0;
}

.likePart .centerMinTitle {
	margin-bottom: 4px;
	border: 0;
}

.myLike {
	position: relative;
}

.change {
	position: absolute;
	top: -31px;
	right: 1px;
	color: #a7a7a7;
	cursor: pointer;
	font-size: 11px;
}

.likeList {}

.likeList li {
	margin: 0 15px 20px 15px;
	width: 178px;
	float: left;
	background: #fff;
	position: relative;
	overflow: hidden;
}

#randomGoods li {
	width: 175px;
	margin: 0 18px 0 0;
}

.likeList li .del {
	position: absolute;
	right: -40px;
	top: -40px;
	width: 80px;
	height: 80px;
	cursor: pointer;
}

.likeList li .del:hover {
	opacity: 0.8;
}

.likeList li .del:before {
	background: #02beee;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	transform: rotate(45deg);
}

.likeList li i {
	color: #fff;
	position: absolute;
	left: 14px;
	bottom: 13px;
}

.likeList li .likeImg {
	width: 178px;
	height: 178px;
}

.likeList li:last-child,
#randomGoods li:last-child {
	margin-right: 0;
}

.likeList li a {
	display: block;
}

.likeList li a:hover {
	opacity: 1;
}

.likeMess {
	padding: 5px 10px 10px 10px;
}

.likeWord p {
	margin-bottom: 6px;
	font-size: 14px;
	color: #747474;

	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	white-space: normal; 
	max-height: 40px; 
	height: 40px; 
	line-height: 20px;
}

.likeWord span {
	display: block;
	font-size: 14px;
	color: #02beee;
	text-align: center;
}

.likeWord span i {
	padding-left: 4px;
}

.shopCart {
	margin-top: 2px;
	float: right;
}

.shopCart svg {
	width: 31px;
	height: 31px;
}

.emptyNote {
	padding: 20px 0;
	text-align: center;
}

.foot {
	font-size: 10px;
	display: inline-block;
	position: relative;
	color: #959595;
	letter-spacing: .2px;
}

.foot:before,
.foot:after {
	width: 22px;
	height: 2px;
	position: absolute;
	top: 50%;
	content: "";
	background: #c2c2c2;
}

.foot:before {
	left: -27px;
}

.foot:after {
	right: -27px;
}

/**********************************
 收货地址
**********************************/
.addrPart {
	padding: 7px 30px 30px;
	min-height: 683px;
	background: #fff;
}

.btnAddAddr {
	margin-bottom: 0;
	width: 150px;
	font-size: 16px;
	color: #02beee;
	border: 1px solid #02beee;
	border-radius: 15px;
	height: 30px;
	line-height: 30px;
	padding: 0;
}

.addrPart .centerMinTitle {
	padding-bottom: 7px;
	border-width: 0;
}

.addrPart .centerMinTitle p {
	display: inline-block;
}

.addrPart .centerMinTitle .btnAddAddr {
	float: right;
	cursor: pointer;
	width: auto;
	padding: 0 10px;
	border-color: #02beee;
}

.addrTab {
	padding: 17px 0;
	background: #f4f4f4;
}

.addrTabItem {
	padding-right: 15px;
	float: left;
	font-size: 15px;
	letter-spacing: 1px;
}

.addrBrnDefa {
	padding-bottom: 1px;
	width: 94px;
	text-align: center;
}

.addrName {
	width: 100px;
}

.addrMess {
	width: 350px;
}

.addrPhone {
	width: 198px;
}

.addrDefa {
	padding-bottom: 1px;
	width: 115px;
	color: #a0a0a0;
}

.addrDefa a {
	color: #a0a0a0;
}

.addrDefa a:hover {
	opacity: .5;
}

.addrCompile {
	padding: 0;
	color: #a0a0a0;
}

.addrCompile a {
	color: #5f9ce5;
}

.addrCompile a.del {
	color: #d02338;
}

.addrCompile a:hover {
	opacity: .5;
}

.addrInfo {
	padding: 29px 0;
	border-bottom: 1px solid #f6f6f6;
}

.btnDefa {
	margin-bottom: 0 !important;
	width: 40px !important;
	height: 20px !important;
	line-height: 20px !important;
	color: #fff !important;
	font-size: 12px !important;
	border: 0 !important;
	background: #d02338 !important;
	border-radius: 8px !important;
	padding: 0 !important;
}

/**********************************
 新增收货地址
**********************************/
.addAddrItem {
	padding: 18px 0 26px 10px;
	width: 632px;
	box-sizing: border-box;
}

.addAddr {}

.addAddr .centerMinTitle {
	border-width: 2px;
}

.addrPart .addrClose {
	margin-right: 8px;
	width: 30px;
	height: 30px;
	display: block;
	position: relative;
	cursor: pointer;
	float: right;
}

.addrPart .addrClose:before,
.addrPart .addrClose:after {
	width: 22px;
	height: 2px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform-origin: center;
	content: "";
	background: #f3f3f3;
}

.addrPart .addrClose:before {
	transform: translate(-50%,-50%) rotateZ(-45deg);
}

.addrPart .addrClose:after {
	transform: translate(-50%,-50%) rotateZ(45deg);
}

.headLine02 {
	margin-bottom: 22px;
	font-size: 21px;
	color: #02beee;
}

.addrRow {
	margin-bottom: 24px;
	overflow: hidden;
}

.addrRow .formName {
	margin-left: 0;
	float: left;
}

.addrRow .formName p {
	font-size: 18px;
	line-height: 40px;
	text-align: left;
	color: #999;
}

.addrRow .formName span {
	color: #d02338;
}

.addrRow .formFill {
	margin-left: 110px;
}

.baseLabel {
	font-size: 18px;
	line-height: 40px;
}

.baseLabel a {
	color: #02beee;
	text-decoration: underline;
}

.addrRow .formFill input,
.addrRow .formFill p,
.addrRow .formFill textarea {
	padding: 10px 16px;
	font-size: 18px;
	border: 1px solid #dbdbdb;
	border-radius: 5px;
	box-sizing: border-box;
}

.addrRow .formFill input:disabled {
	background: #eee;
	color: #999;
}

.authCodeBox {
	display: inline-block;
	position: relative;
	overflow: hidden;
	border-radius: 5px;
}

.authCodeRow button {
	background: #02beee;
	color: #fff;
	border: 0;
	height: 38px;
	width: 80px;
	position: absolute;
	right: 1px;
	top: 1px;
	cursor: pointer;
	border-radius: 0 4px 4px 0;
}

.authCodeRow button:disabled {
	background: #f1f1f1;
	color: #999;
	cursor: not-allowed;
}

.addrRow .formFill input,
.addrRow .formFill p,
.addrRow .formFill select {
	height: 40px;
}

.addrRow .formFill select {
	margin-right: 15px;
}

.addrRow .formFill p {
	background: url(common/img_arrow_select.png) no-repeat center right 18px;
	background-size: 13px 8px;
}

.addrRow .formFill p.place {
	color: #d8d8d8;
}

.addrRow input::-webkit-input-placeholder {
	font-size: 18px;
}
.addrRow input:-moz-placeholder {
	font-size: 18px;
}
.addrRow input::-moz-placeholder {
	font-size: 18px;
}
.addrRow input:-ms-input-placeholder {
	font-size: 18px;
}

.addrRow .formFill textarea {
	width: 100%;
	height: 74px;
	resize: none;
}

.btnSave {
	width: 150px !important;
	height: 50px !important;
	color: #fff !important;
	font-size: 14px !important;
	background: #02beee !important;
	border-color: #02beee !important;
}

.addrPart .btnSave {
	margin-left: 110px;
	border-radius: 25px;
}

.check-list li {
	margin-right: 10px;
	float: left;
	cursor: pointer;
	border: 1px solid #dbdbdb;
	width: 150px;
	height: 40px;
	font-size: 14px;
	line-height: 38px;
	box-sizing: border-box;
	text-align: center;
	border-radius: 5px;
}

.check-list li.on {
	line-height: 36px;
	border: 2px solid #02beee;
	background: url(assets/img/order_active.png) no-repeat right bottom;
}

.userPhoto {
	width: 150px;
	float: right;
}

.userPhoto .preview {
	height: 150px;
	margin-bottom: 10px;
	border: 1px solid #dbdbdb;
	box-sizing: border-box;
	background-image: url(assets/img/user-base.jpg);
}

.userPhoto .btn {
	width: 80px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.userPhoto .btn button {
	border: 0;
	background: #02beee;
	color: #fff;
	font-size: 14px;
	padding: 6px 0;
	border-radius: 5px;
	width: 100%;
}

.userPhoto .btn input {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	font-size: 200px;
	cursor: pointer;
}

.cartEmpty {
	padding: 30px 0;
	width: 450px;
	margin: 0 auto;
	display: flex;
	align-items: center;
}

.cartEmpty .cartIcon {
	float: left;
}

.cartEmpty .cartIcon i {
	font-size: 80px;
}

.cartEmpty .text {
	padding-left: 10px;
}

.cartEmpty .note {
	font-size: 13px;
	padding: 5px 0;
}

.cartEmpty .loginBtn {
	display: inline-block;
	padding: 3px 5px;
	color: #fff;
	border-radius: 3px;
	background: #0068A9;
}

.cart_con {
	background: #EBF2F4;
}

.addressList-con > div {
	margin-bottom: 10px;
	display: none;
}

.addressList-con > div.recipients_active,
.moreAddressOpen .addressList-con > div {
	display: block;
}

.addressList-con > div:hover {
	background: #d5f3fd;
}

.addressList-con > div:hover .left_address {
	border-color: #02BEEE;
	background: #fff;
}

.centerMinTitle .backBtn {
	background: #0068A9;
	padding: 3px 5px;
	color: #fff;
	border-radius: 5px;
	border: 0;
	font-size: 13px;
	vertical-align: 4px;
	margin-left: 10px;
	display: inline-block;
}

.paymentType {
	padding: 20px 0 0 20px;
	font-size: 15px;
	font-weight: bold;
}

.paymentType label {
	margin-right: 20px;
}

.confirmNote a {
	background: #0068A9;
	padding: 3px 5px;
	color: #fff;
	border-radius: 5px;
	border: 0;
	font-size: 13px;
	margin-left: 10px;
	display: inline-block;
}

/**********************************
 我的订单
**********************************/
.orderStateAll {
	margin-bottom: 33px;
}

.orderStateAll li {
	position: relative;
	float: left;
}

.orderStateAll li:after {
	width: 1px;
	height: 28px;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	content: "";
	background: #e3e3e3;
}

.orderStateAll li:last-child:after {
	width: 0;
}

.orderStateAll li a {
	padding: 0 35px;
	display: block;
	font-size: 22px;
	color: #929292;
}

.orderStateAll li a:hover,
.orderStateAll li.on a {
	color: #02beee;
}

.orderItem {
	margin-bottom: 17px;
	border: 1px solid #f7f7f7;
	border-bottom: 0;
	position: relative;
	overflow: hidden;
}

.orderItem:after {
	content: "";
	width: 100%;
	height: 1px;
	display: block;
	background: #f7f7f7;
	position: absolute;
	left: 0;
	bottom: 0;
}

.oiTitle {
	padding: 14px 31px 15px 17px;
	position: relative;
	background: #f4f4f4;
}

.oiTitle p {
	display: inline-block;
	font-size: 15px;
}

.orderNum {
	margin-right: 39px;
}

.orderNum span {
	padding-left: 2px;
	letter-spacing: .8px;
}

.orderDate {
	letter-spacing: 1.5px;
}

.orderDate span {
	padding-left: 10px;
	letter-spacing: 1px;
}

.oiTitle .more {
	float: right;
	position: static;
}

.oiTitle .more a {
	padding-right: 10px;
	font-size: 15px;
	color: #000;
}

.more a::before, 
.more a::after {
	background: #000;
}

.oiInfo {
	overflow: hidden;
	border-bottom: 1px solid #f7f7f7;
}

.oiInfo p {
	font-size: 15px;
	line-height: 1.5;
	letter-spacing: .2px;
}

.oiImg {
	padding: 20px 18px;
	width: 128px;
	float: left;
}

.oiImg > div {
	height: 128px;
	width: 128px;
}

.oiImg .backSize a {
	display: block;
	height: 100%;
}

.oiName {
	padding-right: 5px;
	padding-top: 37px;
	width: 205px;
	float: left;
}

.oiName p {
	margin-bottom: 13px;
}

.oiName span {
	font-size: 15px;
	color: #9b9b9b;
	letter-spacing: 1px;
}

.olIntegral {
	padding-right: 22px;
	padding-top: 37px;
	width: 115px;
	float: left;
	text-align: center;
}

.olIntegral p span {
	padding-left: 5px;
}

.olNum {
	padding-right: 4px;
	padding-top: 37px;
	width: 40px;
	float: left;
	text-align: center;
}

.olTotal {
	padding: 35px 18px 0;
	width: 205px;
	float: left;
	box-sizing: border-box;
}

.olTotal p span {
	padding-left: 5px;
}

.olLine {
	position: relative;
}

.olLine:after {
	width: 1px;
	height: 100%;
	min-height: 200px;
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	background: #f7f7f7;
}

.olState {
	position: absolute;
	right: 155px;
	top: 50px;
	height: 100%;
	width: 123px;
	box-sizing: border-box;
	padding: 37px 10px 0;
	color: #8b8b8b;
	text-align: center;
	background: #fff;
}

.olBtn {
	position: absolute;
	right: 0;
	top: 50px;
	height: 100%;
	width: 155px;
	box-sizing: border-box;
	padding: 33px 0 0 25px;
	background: #fff;
}

.colRed {
	color: #02beee;
}

.btn {
	margin-bottom: 10px;
	width: 105px;
	height: 30px;
	font-size: 15px;
	cursor: pointer;
	text-align: center;
	border-radius: 30px;
	transition: border .6s ease,color .6s ease,opacity .6s ease;
	border: 1px solid #c7c7c7;
	background: none;
}

.btnDetail {
	color: #666;
	border-color: #666;
	background: #fff;
}

.btnPay {
	color: #fff;
	border-color: #e13535;
	background: #e13535;
}

.btnOff {
	color: #a9a9a9;
}

.jdTitle {
	background: none;
	border-bottom: 1px solid #f7f7f7;
}

.fullPage {
	padding-bottom: 32px;
	text-align: right;
}

.fullPageList {
	display: inline-block;
	overflow: hidden;
	border-radius: 5px;
	border: 1px solid #e7e7e7;
}

.fullPageList li,
.fullPageList li a {
	width: 25px;
	height: 25px;
	font-size: 12px;
	line-height: 25px;
}

.fullPageList li {
	float: left;
	text-align: center;
	border-left: 1px solid #e7e7e7;
}

.fullPageList li:first-child {
	border: 0;
}

.fullPageList li a {
	display: block;
	position: relative;
	transition: background .6s ease,color .6s ease;
}

.fullPageList li a:hover, 
.fullPageList li.on a {
	color: #fff;
	background: #02beee;
}

.fullPageList li svg {
	width: 6px;
	height: 10px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.fullPageList li a:hover svg {
	fill: #fff;
}

.fullPageList li.prev svg {
	transform: translate(-50%,-50%) rotateZ(180deg);
}

/**********************************
 订单详情
**********************************/
.orderDetail {
	margin-bottom: 25px;
	padding: 15px 30px;
	background: #fff;
}

.orderDetail .centerMinTitle {
}

.orderDetail .centerMinTitle p {
	display: inline-block;
	font-weight: normal;
}

.orderDetail .centerMinTitle .orderNum {
	margin-right: 17px;
	font-size: 20px;
}

.orderDetail .centerMinTitle .orderNum span {
	letter-spacing: 0;
}

.orderDetail .centerMinTitle .orderDate {
	font-size: 15px;
	color: #8c8c8c;
	vertical-align: 1px;
	letter-spacing: 1.2px;
}

.orderDetail .centerMinTitle .orderDate span {
	padding-left: 9px;
	letter-spacing: 0;
}

.orderDetail .centerMinTitle .state {
	margin-top: 3px;
	font-size: 16px;
	float: right;
}

.orderDetail .centerMinTitle .orderDate:after,
.orderDetail .centerMinTitle .state:after {
	width: 0;
}

.odPart {
	margin-bottom: 6px;
	padding: 20px 10px;
	border-bottom: 1px solid #f8f8f8;
}

.odPart:last-child {
	border: 0;
}

.odMess {
}

.odMess > p {
	display: inline-block;
	vertical-align: top;
}

.odMess > div {
	min-width: 290px;
	max-width: 450px;
	margin-right: 28px;
	display: inline-block;
	vertical-align: top;
}

.odMess p {
	padding-left: 75px;
	margin-bottom: 14px;
	text-indent: -75px;
	font-size: 15px;
}

.odMess p:last-child {
	margin-bottom: 0;
}

.odMess p.num2 {
	padding-left: 46px;
	text-indent: -46px;
}

.odMess p.num6 {
	padding-left: 105px;
	text-indent: -105px;
}

.odPartBtn {
	text-align: right;
}

.odPartBtn .btn {
	margin-left: 15px;
}

.orderDetail .oiTitle {
	margin-top: 14px;
	padding: 22px 0 17px;
}

.orderDetail .oiTitle p {
	padding-top: 0;
	font-size: 18px;
	text-align: center;
}

.comInfo {
	padding-right: 56px;
	width: 417px;
	float: left;
}

.orderDetail .oiImg {
	padding-left: 0;
}

.orderDetail .oiImg a {
	display: block;
	width: 128px;
	height: 128px;
	margin: 0 auto;
}

.orderDetail .olIntegral {
	padding-right: 70px;
	width: 218px;
}

.orderDetail .olNum {
	width: 90px;
}

.orderDetail .olTotal {
	padding-left: 0;
	padding-right: 0;
	width: 185px;
	text-align: center;
}

.odTotle {
	padding: 40px 100px 36px 0;
}

.odTotle p {
	font-size: 20px;
	text-align: right;
}

.odTotle p span {
	padding-left: 7px;
	letter-spacing: .5px;
	color: #02beee;
}

.odTotle p span i {
	padding-left: 5px;
	color: #000;
}

.layui-layer-wxpay .layui-layer-title {
	border: none;
	background-color: #333;
	color: #fff;
}

.layui-layer-wxpay .layui-layer-content {
	padding: 50px;
}

.layui-layer-wxpay .layui-layer-content img {
	display: block;
	width: 150px;
	height: 150px;
	margin: 0 auto
}

.wxPayTitle {
	padding: 20px 0;
	text-align: center;
	font-size: 18px;
}

.wxPayTitle span {
	color: #e13535;
	font-weight: bold;
	padding: 0 10px;
}

.wxPayPop {
	position: relative;
}

.wxPayPop .qr {
	width: 250px;
	margin: 4px 0 0 23px;
	border: 1px solid #ccc;
}

.wxPayPop .mobile {
	width: 280px;
	position: absolute;
	right: 20px;
	top: 68px;
}

.wxPayPop img {
	display: block;
	width: 100%;
}

.bds_more {
	width: 100px !important;
	margin: 0 !important;
}

.sale-info {
	padding: 15px;
	background: #ebf4f9;
	display: flex;
	justify-content: space-between;
}

.sale-info .info {
	display: flex;
	align-items: center;
}

.sale-info .action a {
	display: inline-block;
	background: #fff;
	border-radius: 20px;
	padding: 5px 10px;
	color: #02beee;
	border: 1px solid #02beee;
}

.sale-info .attr-title {
	color: #999;
	margin: 0 5px 0 0;
	white-space: nowrap;
}

.attr-select {
	position: relative;
	width: 105px;
	cursor: pointer;
}

.attr-select .selected {
	line-height: 24px;
	border: 1px solid #02beee;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-left: 8px;
	border-radius: 4px;
	overflow: hidden;
	background: #fff;
	position: relative;
	font-size: 13px;
}

.attr-select .selected em {
	font-style: normal;
}

.attr-select .selected span {
	background: #02beee;
	color: #fff;
	line-height: 23px;
	width: 24px;
	text-align: center;
	font-size: 20px;
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	transform: rotate(180deg);
}

.attr-select ul {
	width: 100%;
	left: 0;
	top: 0;
	border: 1px solid #02beee;
	border-radius: 0 0 4px 4px;
	position: absolute;
	left: 0;
	top: 25px;
	box-sizing: border-box;
	background: #fff;
	overflow: hidden;
	display: none;
}

.attr-select ul li {
	line-height: 24px;
	padding-left: 8px;
	font-size: 13px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.attr-select ul li.s,
.attr-select ul li:hover {
	background: #02beee;
	color: #fff;
}

.attr-select:hover ul {
	display: block;
}

.attr-select:hover .selected span {
	transform: rotate(0deg);
}

.attr-select:hover .selected {
	border-radius: 4px 4px 0 0;
}

.attr-num {
	display: flex;
	border-radius: 4px;
	border: 1px solid #02beee;
	background: #fff;
	width: 98px;
}

.attr-num .jian,
.attr-num .jia {
	height: 24px;
	line-height: 24px;
	flex: 0 0 24px;
	color: #02beee;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	display: block;
	cursor: pointer;
}

.attr-num .jian.disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.attr-num input {
	padding: 0;
	background: transparent;
	flex: 0 0 50px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	width: 50px;
	border: 0;
	color: #02beee;
	border-left: 1px solid #02beee;
	border-right: 1px solid #02beee;
}

.attr-price {
	font-size: 18px;
	font-weight: bold;
	color: #FA3030;
}

.price-info {
	flex: 0 0 250px;
	justify-content: flex-end;
}

#discountDiv,
.pro_attr_sale_price-elem {
	display: none;
}

#pro_attr_price.through {
	text-decoration: line-through;
}

.comment-num {
	padding: 15px 0 0;
	float: right;
}

.comment-num p {
	margin: 0;
	color: #666;
}

.comment-num b {
	color: #0068a9;
	font-weight: normal;
	font-size: 13px;
}

.attr-price a {
	font-weight: normal;
	font-size: 13px;
	color: #0068a9;
}

.goods-sub-info {
	display: flex;
	align-items: center;
}

.goods-sub-info b {
	margin-right: 20px;
}

.goods-sub-info em {
	font-style: normal;
	color: #808080;
}

.goods-sub-info em u {
	text-decoration: none;
}