@charset "utf-8";

/* Clear Fix */

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

.clearfix {
	display: inline-block;
}

/* Hide from IE Mac */

.clearfix {
	display: block;
}

/*图片放大镜样式*/

.jqzoom {
	border: none;
	position: relative;
	padding: 0px;
	cursor: pointer;
	margin: 0px;
	display: block;
}
.jqzoom img{
	/*width: 100%;*/
}
.zoomdiv {
	z-index: 100;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 350px;
	height: 350px;
	background: #ffffff;
	border: 1px solid #CCCCCC;
	display: none;
	text-align: center;
	overflow: hidden;
}

.jqZoomPup {
	z-index: 10;
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 20px;
	height: 20px;
	border: 1px solid #aaa;
	background: #ffffff;/*url(../images/zoom.png) 50% center no-repeat*/
	opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	filter: alpha(Opacity=50);
}

/*图片小图预览列表*/
.spec-preview {
	height: 400px;
	width: 100%;
	/*border: 1px solid #e6e7eb;*/
	overflow: hidden;
}

.spec-scroll {
	clear: both;
	margin-top: 5px;
	width: 90%;
}

.spec-scroll .prev {
	float: left;
	margin-right: 4px;
}

.spec-scroll .next {
	float: right;
}

.spec-scroll .prev,
.spec-scroll .next {
	display: block;
	font-family: "宋体";
	text-align: center;
	width: 12px;
	height: 56px;
	color: #333333;
	line-height: 56px;
	border: 1px solid #CCC;
	background: #EBEBEB;
	cursor: pointer;
	text-decoration: none;
}

.spec-scroll .imageMenu {
	float: left;
	position: relative;
	height: 56px;
	overflow: hidden;
	width: 90%;
}

.spec-scroll .imageMenu ul {
	position: absolute;
	width: 999999px;
	height: 56px;
}

.spec-scroll .imageMenu ul li {
	list-style: none;
	float: left;
	width: 63px;
	height: 60px;
	text-align: center;
}

.spec-scroll .imageMenu ul li img {
	border: 1px solid #CCC;
	padding: 2px;
	width: 56px;
	height: 56px;
}

.spec-scroll .imageMenu ul li img:hover,
.spec-scroll .imageMenu ul li#onlickImg img {
	border: 2px solid #FF6600;
	padding: 1px;
}

.img-wrapper{
	padding-bottom: 50px;
}

/* 右侧栏 */
.pro-intro {
	z-index: 1;
	float: left;
	position: relative;
	min-height: 1px;
	width: 100%;
}
.pro-intro p{
	    border-color: #e1e1e1;
	    margin: 0.85em 0;
	    font-size: 15px;
}

#detail{
	background-color: #f8f8f8;
  	clear: both;
    width: 100%;
    min-height: 100px;
    position: static;
}
.tab-pane{
    min-height: 20px;
}
.tabbable {
	background-color: #f8f8f8;
	clear: both;
	width: 100%;
	min-height: 100px;
	position: static;
	padding: 30px 0;
}
.tabbable a{
	color: black;
	text-decoration:none;
}
.de-nav{
	border: 1px solid #dcdee3;
    color: #333;
    width: 100%;
    padding-left: 10px;
    background-color: #fff;
    border-top: none;
    min-height: 60px;
    box-sizing: border-box;
    float: left;
    border-bottom: 2px solid #ddd;
}
.de-nav dl{
	    margin: 0;
}
.de-nav dd {
    float: left;
    margin: 0;
    height: 60px;
    margin-right: 20px;
}

.de-nav .item a, .de-nav .item a em {
    display: block;
    width: 100%;
}

.de-nav .item a{
	position: relative;
    text-align: center;
    line-height: 18px;
    font-size: 14px;
    color: #666;
    overflow: hidden;
    padding: 20px 5px;
}
.de-nav .selected a, .de-nav a.selected, .de-nav a:hover {
    font-weight: 700;
    color: #ff6a00;
    text-decoration: none;
    border-bottom: 2px solid #ff6a00;
}


a,dd,div, dl, dt, em{
	margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.tab-body{
	background-color: #fff;
    border: 1px solid #dae2ee;
    border-top: none;
    padding: 0 16px;
    margin-top: 0;
    display: inline-block;
}
.prode-div{
	display: inline-block;
	padding: 10px;border: 1px solid #444;background: #444;
	font-size: 14px;cursor: pointer; color: #fff;
	margin-right: 10px;
}
.prode-div:hover{
	color: #fff;
	background: #787878;
	border: 1px solid #787878;
}
.tab-content .tab-pane img{
	max-width: 100%;
}
.prode-div a{
	padding: 10px 0;
	color: #fff;
	text-decoration: none;
}
.prode-div a:hover{
	color: #fff;
}
.share-h5{
	display: inline-block;
	float: left;
	padding-right: 10px;
    padding-top: 4px;
}
.share-platform div{
	float: left;
}
.box td{border: 1px solid transparent;}

#bottom-otherdesc a{
 color: blue;
}


.widget-detail-overview .do-entry-list * {
	margin:0;border:0;
}

.widget-detail-overview 
.do-title{font-weight:700;font-size:22px;line-height:22px;color:#333;padding-top:15px;padding-bottom:15px;}.widget-detail-overview .do-content-separate 
.do-overview{width:560px;display:inline-block}.widget-detail-overview 
.do-content-separate 
.do-performance{width:350px;box-sizing:border-box;min-height:100px;float:right;v
ertical-align:top}.widget-detail-overview .do-overview{border-top:1px dashed 
#e6e7eb}.widget-detail-overview .do-entry{border-bottom:1px dashed 
#e6e7eb;padding:20px 0 5px;font-size:12px}.widget-detail-overview .do-entry 
.do-entry-list{margin:0 -20px;box-sizing:border-box}.widget-detail-overview 
.do-overview 
.do-entry-title{font-weight:700;font-size:14px;color:#333;line-height:14px;paddi
ng:8px 0}.widget-detail-overview .do-entry dl{padding:0 
20px;box-sizing:border-box}.widget-detail-overview .do-entry-separate 
dl{width:300px;zoom:1;float:left}.widget-detail-overview 
.do-entry-list:after,.widget-detail-overview .do-entry 
dl:after,.widget-detail-overview 
.do-performance:after{visibility:hidden;display:block;height:0;font-size:0;conte
nt:" ";clear:both}.widget-detail-overview .do-entry dt{padding:4px 
0;color:#666;width:102px;float:left;overflow:hidden;white-space:nowrap;text-over
flow:ellipsis}.widget-detail-overview .do-entry-separate 
dt{width:90px}.widget-detail-overview .do-entry dd{padding:4px 
0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333;margin:0}
.ui2-table{width:100%;border-collapse:collapse}.ui2-table td,.ui2-table 
th{padding:12px;text-align:left;border:1px solid #c8d2e0}.ui2-table 
th,.ui2-table th:hover{background:#dae2ed}.ui2-table-zebra 
tr:nth-child(2n){background:#f5f7fa}.ui2-table-hover 
tr:hover{background:#e9eef5}.ui2-table-simple td,.ui2-table-simple 
th{border-width:0 0 1px}.do-content{overflow:hidden}.detail-product-performance 
.box-body 
ul{list-style:none;font-size:16px;color:#333;letter-spacing:0;line-height:20px;p
adding-left:22px}.detail-product-performance ul 
span{display:inline-block;width:100px}.detail-product-performance ul 
li{margin:12px 0}.detail-product-performance ul 
.progress{display:inline-block;background:#c8d2e0;width:150px;height:4px;vertica
l-align:middle;margin-right:8px}.detail-product-performance ul 
em{font-size:14px;color:#333;letter-spacing:0;line-height:20px}.detail-product-p
erformance 
.box-tag{font-size:14px;color:#666;line-height:18px;vertical-align:middle;positi
on:relative;margin-top:-26px}.detail-product-performance .box-tag 
a{text-decoration:none}.detail-product-performance .box-tag 
.ui2-icon{font-size:16px;color:#999;margin-right:4px;position:relative;top:1px}.
detail-product-performance .box-header{border-bottom:1px solid 
#e6e7eb;height:30px;padding:14px 16px}.detail-product-performance .box-header 
h2{font-size:14px;color:#262626;letter-spacing:0;line-height:18px;margin:0}.deta
il-product-performance .box-header 
.sub-scription{font-size:12px;color:#999;letter-spacing:0;text-align:left}.detai
l-product-performance .highcharts-axis,.detail-product-performance 
.highcharts-axis-labels,.detail-product-performance 
.highcharts-button,.detail-product-performance 
.highcharts-credits,.detail-product-performance 
.highcharts-grid,.detail-product-performance 
.highcharts-legend{display:none}.detail-product-performance{background:#f7f7fa;b
order:1px solid #dcdee3;width:348px}.detail-product-performance 
.chart{min-height:110px;position:relative}.detail-product-performance .chart 
.chart-container{position:absolute;top:0;left:-45px}.detail-product-performance 
.line{border-bottom:1px solid #e6e7eb;margin:0 
auto;width:317px;height:1px}.detail-product-performance .sub-box 
.sub-scription{font-size:12px;color:#999;letter-spacing:0;text-align:left;margin
:16px;cursor:pointer}.detail-product-performance .sub-box 
.gmv,.detail-product-performance .sub-box 
.trans{font-size:22px;color:#333;letter-spacing:0;line-height:26px;text-align:le
ft;margin-left:16px}.detail-product-performance 
.sub-box.margin-v-20{margin-top:20px;margin-bottom:20px}.detail-product-performa
nce .gmv:after,.detail-product-performance 
.trans:after{content:"GMV";font-size:12px;color:#999;letter-spacing:0;text-align
:left;margin-left:8px}.detail-product-performance 
.trans:after{content:"Transactions"}.detail-product-performance 
.highcharts-background{fill:transparent}.widget-detail-overview 
.supply-verify-tips{position:absolute;margin-left:50px;margin-top:4px}.do-entry-
item-val .ui2-table td,.ui2-table th{padding:6px 
12px}.widget-detail-overview.widget-detail-overview-for-spu 
.do-overview{border:none}.widget-detail-overview.widget-detail-overview-for-spu 
.do-entry 
.do-entry-list{font-size:14px}.widget-detail-overview.widget-detail-overview-for
-spu .do-overview 
.do-entry-title{text-align:left;line-height:26px;font-size:18px;color:#333;font-
weight:700;padding:20px 0 
12px}.widget-detail-overview.widget-detail-overview-for-spu .do-entry 
dt{width:117px;text-align:right;margin-right:10px}.supply-ability-table.ui2-tabl
e-normal{width:auto;max-width:100%}.supply-ability-table.ui2-table-zebra 
tr:nth-child(2n){background:none}.widget-detail-overview .do-entry 
dt{width:110px}

widget-detail-overview .do-entry-list:after, 
.widget-detail-overview .do-entry dl:after, 
.widget-detail-overview .do-entry:after {
    visibility: hidden;
    display: block;
    height: 0;
    font-size: 0;
    content: " ";
    clear: both;
}


/* Gallery Page
-----------------------------------------------------------------------------*/

.gallery-item {
	margin-bottom: 50px;
	margin-right: 6px !important;
	margin-left: 6px !important;	
	/*border: 1px solid #efefef;*/
	width: 280px;
	height: 280px;
/* 	height: 300px; */
	padding-bottom: 30px;
	text-align: center;
}
.video-item{
	margin-bottom: 15px;
	margin-right: 15px;
	width: 570px !important;
	height: 320px !important;
}
@media (max-width: 1024px) {
	.gallery-item,
	.video-item{
		margin-bottom: 15px;
		margin-right: 15px;
		width: 100% !important;
		max-height: 320px !important;
	}
}
.pro-item2{
	margin-bottom: 15px;
	margin-right: 15px;
	width: 570px !important;
	height: 320px !important;
}
.pro-item3{
	margin-bottom: 15px;
	margin-right: 15px;
	width: 375px !important;
	height: 300px !important;
}

.gallery-item .pro-a,
.gallery-item .video-big {
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: block;
	position: relative;
	cursor: pointer;
}

.gallery-item .video-big:before {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	content: '';
}

.gallery-item .video-big:after {
	width: 35px;
	height: 35px;
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: #fff;
	border-radius: 50px;
	margin: -18px 0 0 -18px;
	font: normal normal normal 12px/35px FontAwesome;
	content: "\f04b";
	text-align: center;
	padding-left: 4px;
}

.gallery-item .video-big:hover:before,
.gallery-item .video-big:hover:after {
	display: block;
	color: #03A9F4;
}

.gallery-item .pro-a:before {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	content: '';
}

.gallery-item .pro-a:after {
	width: 35px;
	height: 35px;
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: #fff;
	border-radius: 50px;
	display: none;
	margin: -18px 0 0 -18px;
	font: normal normal normal 12px/35px FontAwesome;
	content: "\f002";
	text-align: center;
}

.gallery-item .pro-a:hover:before,
.gallery-item .pro-a:hover:after {
	display: block;
}

.gallery-item .pro-a:hover img,
.gallery-item .video-big:hover img {
	transform: scale(1.1);
}

.gallery-item img {
	transition: all .2s ease-in-out;
}

.gallery-item .pro_name {
	padding-top: 7px;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.video-name{
	max-width: 570px !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.gallery-item .pro_name a {
	color: #000;
	text-decoration: none;
}

.gallery-item .pro_name a:hover {
	position: static;
	color: #03A9F4;
}

.gallery-full-width {
	margin-bottom: 50px;
}

.gallery-full-width .gallery-item {
	margin-bottom: 29px;
}

.gallery-mini .gallery-item {
	margin-bottom: 0;
	padding: 0;
}


/* 2019/9/19 新增选择购物规格 */
#buy_total{
	padding-left: 8px;
}
.select_product{
	clear: both;
	margin: 20px 0;
}
.select_product .wholesale_price{
	height: 65px;
	width: 100%;
}
.select_product .wholesale_price ul li{	
	border-top: 1px  solid #E6E7EB;
	border-bottom: 1px  solid #E6E7EB;
	padding-left: 20px;
	list-style: none;
	float: left;
	width: 25%;
	height: 65px;
}
.select_product .wholesale_price ul li:first-child{
	background-color: #FFEFEF;
}
.select_product .wholesale_price .pieces{
	font-size: 14px;
	margin:10px 0;
}
.select_product .wholesale_price .price{
	color: #FF7519;
	font-size: 18px;
}

.select_product  .select_specification{
	margin: 15px 0;
	padding: 10px 20px;
	clear: both;
	width: 100%;
	background-color: #FAFAFA;
}
.select_product  .select_specification .specification_item{
	clear: both;
	font-size: 14px;
	margin: 15px 0;
}
.select_product  .select_specification .specification_item>div{
	display: inline-block;
}
.select_product  .select_specification .specification_item .left_name{
	width: 110px;
}
.select_product  .select_specification .specification_price{
	color: #cc0000;
	font-size: 26px;
	font-family: Arial;
}
.select_product  .select_specification .specification_price span{
	padding-right: 3px;
}
.select_product  .select_specification .specification_value{
	clear: both;
	height: 45px;
	line-height: 45px;
}
.select_product  .select_specification .specification_value div,
.select_product  .select_specification .other_data div{
	float: left;
}
.select_product  .select_specification .select_value span{
	display: inline-block;
    vertical-align: middle;
    height: 34px;
    line-height: 34px;
    margin: 0 5px 0 0;
    padding: 0 15px;
    background: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #e4e4e4;
    font-size: 12px;
    white-space: nowrap;
    cursor: pointer;
}	
.select_product  .select_specification .specification_quantity .glyphicon-minus{
	position: relative;
	font-weight: bold;
	right: -5px;
	top: 11px;
	display: inline-block;
	width: 35px;
	height: 30px;
	line-height: 28px;
    overflow: hidden;
    text-align: center;
    font-size: 15px;
    cursor: pointer;
	border: 1px solid #ddd;
	border-right: none;
    color: #ddd;
    border-radius: 3px 0 0 3px;
}
.select_product  .select_specification .specification_quantity .glyphicon-plus{
	display: inline-block;
	position: relative;
	font-weight: bold;
	left: -5px;
	top: 11px;
	width: 35px;
	height: 30px;
	line-height: 28px;
    overflow: hidden;
    text-align: center;
    font-size: 15px;
    cursor: pointer;
	border: 1px solid #ddd;
	border-left: none;
    color: #ddd;
    border-radius: 3px 0 0 3px;
}
.select_product  .select_specification .specification_quantity .glyphicon-plus:hover,
.select_product  .select_specification .specification_quantity .glyphicon-minus:hover{
	color: #FF7519;
}
.select_product  .select_specification .specification_quantity input{
	width: 70px;
	height: 30px;
	border: 1px solid #ddd;
}
.select_product  .select_specification .specification_quantity .stock_num{
	color: #999;
	font-family: 'FuturastdMedium',Arial;
}

.select_product  .btn_group #add_to_cart{
    width: 210px;
    height: 46px;
    line-height: 46px;
    border: 0;
    border-radius: 3px;
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
	cursor: pointer;
	background-color: red;
	color: #fff;
}
.select_product  .btn_group #check_out{
    width: 210px;
    height: 46px;
    line-height: 46px;
    border: 0;
    border-radius: 3px;
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: center;
    font-size: 14px;
	cursor: pointer;
	background-color: #FCCA42;
}
.select_product  .btn_group #check_out .pay{
	font-style: italic;
	color: #003087;
	font-size: 18px;
	font-weight: bold;
}
.select_product  .btn_group #check_out .pal{
	font-style: italic;
	color: #009CDE;
	font-size: 18px;
	font-weight: bold;
}
#share_area_left{
	clear: both;
	padding-top: 25px;
	display: block;
}
#share_area{
	clear: both;
}
.select_product{
	display: block;
}

.is_selected{
	border : 1px solid #FF6600 !important;
}

.is_unselected{
	border : 1px solid #ddd !important;
}
.select_product  .select_specification .specification_item .chevron-down{
	cursor: pointer;
	display: inline-block;
	color: #999;
	font-size: 17px;
	padding: 3px;
}


#freightModal .btn{
	display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
	border-radius: 4px;
	color: #fff;
}
#freightModal .btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

#freightModal .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}