/*product*/
.product-top{width:90%;padding:0 5%;}
.product-topbox{width:1024px;margin:0 auto;max-width: 100%;}
.product_porch{height:50px;line-height:50px;color:#666;font-size:12px;padding: 10px 0;}
.product_porch a{color:#666;}
.product_porch a:first-child{margin-left:0px;}
.product_porch span{margin:0 10px}

/*swiper*/

  .swiper {
    width: 100%;
    padding-top: 10px;
   /* padding-bottom: 50px;*/
  }

  .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 400px;
    /*height: 400px;*/
  }

  .swiper-slide img {
    display: block;
    width: 100%;
  }
/*product-illustrationbox*/
.product-illustrationbox{position: relative;}
.product_porch a{margin:0 5px 0 10px}

.illustrationL{float:left;width:63%;overflow:hidden;background: #fff;padding: 1%;margin-right: 2%;}
.introbox{float:right;width:calc(33% - 60px);font-size:14px;letter-spacing:2px;overflow:hidden;padding:30px; background: #fff;position: -webkit-sticky;position: sticky;top: 200px;}
.intro_head{height:30px;line-height:30px;font-size:13px;color:#666}
.intro_head a{height:30px;line-height:30px;font-size:13px;color:#666;border-left:1px solid #666;margin-left:10px;padding-left:10px}
.intro_head img{display:none}
.shu{margin:0 5px;font-size:13px;color:#666;}
.intro_title{
	text-align: left;
	font-size: 22px;
	color: #333;
	font-weight: bold;
	line-height: 1.5;
	padding-bottom: 23px;
    border-bottom: 1px solid rgba(204,204,204,.5);
    margin-bottom: 6px;
}
.code_name,.code_txt{height:30px;line-height:30px;margin-right:10px;font-size:12px;color:#333;display:block;float:left}
.introbox p{font-size:12px;color:#333;overflow:hidden;margin-bottom:20px;padding-right:15px;line-height: 1.5;padding-top: 7px;padding-bottom: 30px;border-bottom: 1px solid rgba(204,204,204,.5);}
.pricebox{padding-top:10px;}
.tag_name{float:left;width:50px;line-height:24px;font-size:14px;color:#333;font-weight: 600;padding: 3px 0px;}
.tag_txt{line-height:24px;text-align:left;color:#333;font-size:14px;padding:3px 0;display: block;margin-left: 50px;letter-spacing: normal;}
.tag_txt a{color:#999c9f;margin-left: 20px;display: inline-block;}
.tag_txt a:hover{color:#f30;}
.tag_txt2{float:left;padding-left:10px; height:35px;line-height:35px;text-align:left;color:#F00;font-size:12px;}
.tag_txt3{float:left;padding-left:10px; height:35px;line-height:35px;text-align:left;color:#090;font-size:16px; font-weight:bold;}

.tag_txt4{color:#090;font-size:13px; font-weight:bold;}

.purchase{clear:both;font-size:12px; padding-top:20px; height:20px;}
.purchase dl{
	background-image: url(../images/people.jpg);
	background-repeat: no-repeat;
	padding-right: 15px;
	float: left;
	height: 20px;
	padding-left:20px;
}
.purchase dt{
	float: left;
	padding-right: 10px;
	height: 20px;
}

.leftfont{
	font-weight:normal;
	display:block;
	color:#999;
}

b.leftfont{
	padding-bottom:5px;
}

.cur_price{font-size:24px;color:#F00;line-height:24px; margin-right:20px;}
.money{float:left;color:#F00;line-height:30px;font-size:24px;}
.ref_p{margin-left:15px;font-size:12px;color:#999;line-height:30px;}
.ref_price{font-size:12px;color:#999;line-height:30px;}

/*规格*/
.yListr{margin-top:10px}
.yListr ul{}
.yListr ul li img{height: 30px !important; width: auto !important; float: left}
.yListr ul li span{color:#000000;font-size:14px;line-height:24px;display:inline-block;}
.yListr ul li em{cursor:pointer;color:#666666;font-size:12px;display:inline-block;font-style:normal;border:1px solid #dcdcdc;line-height:30px;height:30px; float:left; margin-right: 20px; margin-left: 5px;}
.yListr ul li em a {display:block;width:100%;height:100%;padding:0 10px; margin-left: 0;color: #333;}
.yListr ul li em.yListrclickem{line-height:28px;border:2px solid #e9630a;height:28px;position:relative;margin-right: 19px;margin-left: 4px;}
.yListr ul li em.yListrclickem i{display:block;width:15px;height:14px;background:url(../images/righbt.png) no-repeat 0 0;right:-1px;bottom:-1px;position:absolute;}
.yListr ul li .tag_txt{padding:0}
.colorimg{display: inline-block;white-space: nowrap;padding: 3px 0;}

/*数量*/
.ref_number{float:left;margin-left:5px;height:24px;line-height:16px;text-align:left;color:#666;font-size:12px;padding: 5px 0;}
.numberbox{height:40px;display:block;}
.spinner-sprite, .spinner .decrease, .spinner .decrease[disabled], .spinner .increase, .spinner .value, .spinner .value.passive {
	background: url('/images/spinner1.png') no-repeat
}
.spinner {
	height: 25px;
	width: 71px;
	overflow: hidden;
*zoom:1;
	-webkit-box-shadow: 0 3px 3px -4px #aaa;
	-moz-box-shadow: 0 3px 3px -4px #aaa;
	box-shadow: 0 3px 3px -4px #aaa;float:left;
}
.spinner button, .spinner .value {
	text-align: center;
	display: block;
	float: left;
	height: 100%;
	line-height: 25px;
	margin: 0
}
.spinner button {
	border: none;
	width: 23px;
	color: #e5312a;
	font: 22px Arial bold;
	padding: 0;
	outline: none
}
.spinner .decrease {
	background-position: 0 -50px;
	cursor: pointer;
	text-indent: -10000px
}
.spinner .decrease[disabled] {
	background-position: 0 -75px;
	cursor:pointer;
}
.spinner .increase {
	background-position: 0 0;
	cursor: pointer;
	text-indent: -10000px
}
    .spinner .increase[disabled] {
        background-position: 0 -125px;
        cursor: pointer;
        text-indent: -10000px
    }
.spinner .increase[disabled] {
    background-position: 0 -125px;
    cursor: pointer;
    text-indent: -10000px
}
.spinner .value {
	background-position: 0 -100px;
	width: 24px;
	height: 27px;
	border: none;
	font-family: Arial;
	color: #666;
	padding: 0px
}
.spinner .value.passive {
	background-position: 0 -25px;
	color: #919191
}
.spinner .error, .spinner .invalid {
	background: #aa0000
}


/*按钮*/
.smt_addcart {
	height: 40px;
	width: 180px;
	text-align: center;
	background-color: #E93912;
	border: none;
	color: white;
	font-size: 18px;
	letter-spacing: 2px;
	background-image: none;
	margin-top: 15px;
	display: block;
	font-weight:bold;
	line-height:40px;
}

.smt_addcart2 {
    margin-top: 15px;
    height: 40px;
    width: 180px;
    text-align: center;
    background: #999;
    border: none;
    color: white;
    font-size: 16px;
    letter-spacing: 2px;
    font-weight: 800;
    margin-right: 5%
}


/*分享*/

.icons{padding-top:30px;margin-top: 30px;border-top: 1px solid rgba(204,204,204,.5);overflow: hidden;text-align: right;}
.shareit{float:left;}
.jiathis_title{float:left;}
.jiathis_txt{float:left;margin:0 10px;font-size:12px;line-height:20px;color:#666;height:20px}
.shareimg{float:left;margin:0 3px;}
.collectit{}
.collectit span{}

/*product-detail*/
.product-mid{width:90%;padding: 0 5%;margin:0 auto;padding-top:30px;}
.product-midbox{width:1024px;margin:0 auto; overflow: hidden;background: #fff;max-width: 100%;}
.detailL{}
.bshare-custom{display: inline-block;}
.detailR{width:65%;padding-top: 30px; float: left;}
.detailR .tabbox{padding: 30px 2%;background: #fff;}

/*detail L*/
.detailL{}
.relatives{border:1px solid #E8E8E8;height:100%}
.relatives h3{height:35px;line-height:35px;padding-left:12px;background:#E8E8E8}
.relatives ul{margin-left:12px;height:100%;padding:5px 0}
.relatives ul li{display:inline-block;width:80px;height:20px;line-height:20px;text-align:left;margin:5px 0;}
.relatives ul li a{color:#333}
.rank{text-align:center;height:100%;border:1px solid #E8E8E8;}
.rank .rank-libox{border-left: 3px solid #f6f7f9; padding: 20px 0;}
.rank h3{text-align:left;height:35px;line-height:35px;padding-left:12px;background:#E8E8E8;}
.rank ul{height:100%}
.rank ul li{float: left; width: 20%;}
.rank ul li:first-child .rank-libox{border-left:0;} 
.rank ul li img{max-width:100%;height:auto !important}
.rank ul li h4{width:90%; margin: 10px 0;margin-left:5%;/*height:20px;white-space: nowrap;text-overflow:ellipsis; */overflow:hidden;line-height: 1.5em;height: 3em;text-align: left; font-weight: 600;}
.rank ul li a{color:#333}
.rank ul li a:hover{text-decoration:underline;color:#e93912}
.c_price{font-size:16px;color:#e93912;font-weight: 600;}
.cd_price{font-size:18px;color:#e93912; font-weight:bold;}
.n_price{font-size:12px;color:#999}
/*detail R*/
.tabbox
{ 
} 
.tab 
{ 
} 
.tab UL 
{ 
zoom: 1; 
clear: both; 
border-bottom:1px solid #E8E8E8;height:35px;
} 
.tab UL:after 
{ 
display: block; 
height: 0px; 
visibility: hidden; 
clear: both; 
content: ""; 
} 
.tab UL LI 
{ 
float:left;

	border:1px solid #e2e2e2;
	padding:5px 0;
	width:120px;height:25px;line-height:25px;font-size:1.1em;font-weight:600;letter-spacing:2px;
	text-align:center;
	position:relative;
	cursor:pointer;
} 
.tab UL LI.on 
{ 
	border-bottom:none;
	color:#333;
	background:#f7f7f7;
} 
.tabList 
{ position:relative;padding-top:10px;
} 
.tabList .one 
{
display: none; 
color:#333; 
padding: 10px; 
line-height: 2;
} 
.tabList .one img{
	max-width: 100%;
}
.tabList .block 
{ 
display: block; 
} 
/*commentor*/
#cont_tow_2{padding:0px}
.comment_title{height:50px;padding-top:40px}
.comment_opt{background:#EAEAEA;width:85%;height:40px;line-height:40px;color:#666}
.comment_opt span{margin-left:20px}
.radio{}
.comment_table{width:85%;border-collapse:collapse;}
.comm{border-top:1px solid #CCC;color:#333}
.comm .commmentor{width:80px;text-align:center;vertical-align:top;padding-top:15px;border-right:1px solid #CCC;font-size:13px}
.comm .commtext{width:60%;text-align:left;font-size:12px;padding:15px;vertical-align:top;border-right:1px solid #CCC}
.comm .commtext h3,.comm .commtext p{margin-bottom:8px}
.comm .commtext h3 span{margin-left:40px;color:#666}
.comm .commdate{width:150px;text-align:center;font-size:12px;padding-top:25px;vertical-align:top}


@media only screen and (max-width: 400px){
.product-topbox{width:100%;}
.illustrationL{width:100%;}
.introbox{width:95%;display:block;margin-top:15px;}
.introbox span{font-size:18px;}
.detailR{width:100%;}
.numberbox{width:100%;display:block;margin-top:10px;clear:both;}
.icons{padding-top:20px;height:50px;}
.introbox p{visibility:hidden;height:0;}
.code_name{line-height:42px;height:25px;}
.code_txt{height:0;line-height:42px;}
.nodisplay{visibility:hidden;}
#cont_tow_1 img{width:100%!important;height:100%!important;}
.tag_name{width:50px;}
.tag_name2{width:70px!important;}
.tag_name3{width:85px!important;}
.introbox span.tag_name2{line-height:34px;}
.ref_price{font-size:14px;line-height:32px;}
.introbox span.cur_price{font-size:24px;font-weight:bold;}
.product_porch{margin-top:10px;}
.tab UL LI{font-size:16px;}
.smt_addcart{margin:0 auto; font-weight:bold; width:160px;margin-top: 15px;}
span.intro_head{height:0;visibility:hidden!important;}
.swiper{padding-top: 0;}
.swiper img, .swiper video{max-width: 100%; max-height: 90vw;}
.swiper video, .swiper-slide{max-width: 100%;height:auto;}
}

@media only screen and (min-width:400px)and (max-width:639px){
.illustrationL{}
.introbox{width:95%;display:block;margin-top:15px;}
.introbox span{font-size:18px;}
.detailR{width:100%;}
.numberbox{width:100%;display:block;margin-top:40px;}
.icons{padding-top:20px;height:50px;}
.introbox p{visibility:hidden;height:0;}
.code_name{line-height:42px;height:25px;}
.code_txt{height:0;line-height:42px;}
.nodisplay{visibility:hidden;}
#cont_tow_1 img{width:100%!important;height:100%!important;}
.tag_name{width:50px;}
.tag_name2{width:70px!important;}
.tag_name3{width:85px!important;}
.introbox span.tag_name2{line-height:34px;}
.ref_price{font-size:14px;line-height:32px;}
.introbox span.cur_price{font-size:24px;font-weight:bold;}
.product_porch{ margin-top:10px;}
.tab UL LI{ font-size:16px;}
.smt_addcart{line-height:36px; width:160px;}
span.intro_head{height:0;visibility:hidden!important;}
	
.swiper img, .swiper video{max-width: 100%}
.swiper video, .swiper-slide{max-width: 100%;height:auto;}
}

@media screen and (min-width: 640px) and (max-width: 767px){
.illustrationL{}
.introbox{width:36%}

}

@media screen and (min-width: 768px) and (max-width: 1023px){
.tag_name2{width:70px;}
.tag_name3{width:85px;}
}

@media screen and (max-width: 1023px){
	.illustrationL{width: 98%;margin-right: 0;}
	.introbox{float: none; width: auto; position: inherit;top: 0 !important}
	.detailR{width: 100%;}
	#bigView, .bigImg #winSelector{display:none !important;}
	.rank ul li{width:50%;}
	.rank ul li:last-child{display:none;}
	.rank ul li h4{text-align: center;}
	.rank .rank-libox{border-bottom: 3px solid #f6f7f9;}
	.rank ul li:nth-child(odd) .rank-libox{border-left:0}
	.spinner-sprite, .spinner .decrease, .spinner .decrease[disabled], .spinner .increase, .spinner .value, .spinner .value.passive{background: url(/images/spinner1.jpg) no-repeat;}
	.spinner{height: 48px;width: 142px;margin-top: 0;}
    .spinner button, .spinner .value {}
    .spinner button {width:47px;}
    .spinner .decrease {background-position: 0 -96px;}
    .spinner .decrease[disabled] {background-position: 0 -144px;}
    .spinner .increase {background-position: 0 0;}
    .spinner .increase[disabled] {background-position: 0 -240px;}
    .spinner .value {background-position: 0 -192px;	width: 48px;height: 48px;font-size: 18px;}
    .spinner .value.passive {background-position: 0 -48px;}
	.smt_addcart{height: 60px;width: 200px;border-radius: 5px;}
}

@media screen and (min-width: 1920px){

}