﻿z@charset "utf-8";

*{ margin:0px; padding:0px; }
img{ border:none;}
a{text-decoration:none;}
.clear{ clear:both;}
/*html5*/
abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video { display: block; }
address { display: inline; }
/**/
*{  padding:0px; margin:0px;}
body{font-family:"微软雅黑";}
ul,li,image,h1,h2,h3,h4,dl,dt,dd,p,span,a{padding:0; margin:0; list-style:none; border:0; font-family:"微软雅黑","Arial";}
h1,h2,h3,h4{font-family:"微软雅黑"; border:0px; margin:0px; padding:0px; font-weight:normal;}
img{ padding:0px; border:0px;}
a{ color:#000; text-decoration:none;}
a:hover{text-decoration:none; text-decoration:underline;}
.fl{ float: left;}
.fr{ float: right;}
.fr.fl{display:inline; }
.mauto{ margin: 0 auto; width: 1240px;}
.txt_c{ text-align: center;}
.f12,.f14,.f16,.f18,.f20,.f24{ font-weight: normal; color: #333333; font-family: "Microsoft YaHei","微软雅黑";}
.f12{ font-size: 12px; font-family: "Microsoft YaHei","微软雅黑";}
.f14{ font-size: 14px;}
.f16{ font-size: 16px;}
.f18{ font-size: 18px;}
.f20{ font-size: 20px;}
.f24{ font-size: 24px;}
input,button,select,textarea{outline:none; border: none; background: none;}
textarea{resize:none}
/*{  behavior: url(css/PIE.htc); position: relative;}*/

.showbot{float: left;}
#showbox { background:#eee;}
#showbox img{ width:400px;height: 400px;}
#showbox span { background:url(../images/whitebg.png) repeat;}
#showsum { left:25px; margin-top:10px;}
#showsum span { border:1px solid #ddd;}
#showsum span.sel { border:1px solid #f60;}

.showpage { width:400px; position:relative;}
.showpage a { display:block; width:15px; border:1px solid #ddd; height:60px; line-height:60px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-62px; text-decoration:none; color:#999;}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover { background:#ccc; color:#777;}

.showall{
	width: 1240px;
	margin: 0 auto;
	margin-top: 15px;
}
.tb-property{
	width:530px;
	height: 520px;
	margin-left: 50px;
	float: left;
}
.extInfo{
	width:220px;
	height: 520px;
	float: right;
}
.tr-nobdr{
	margin-top: 20px;
	padding-bottom: 10px;
}
.tr-nobdr h3{
	color: #171717;
	font-size: 28px;
	font-weight:400;
}
.txt{
	width: 520px;
	margin-top: 15px;
	overflow: hidden;
	background: #f8f8f8;
}
.nowprice{
	display: block;
	line-height: 100px;
	color: #f73a3a;
	font-size: 24px;
	float: left;
}
.nowprice a{
	font-size: 36px;
	color: #f73a3a;
}
.nowprice a:hover{text-decoration: none;}
.cumulative{
	float: right;
	
}
.number{
	float: left;
	margin-top: 30px;
	padding: 0px 10px;
	border-right: #e7e7e7 solid 1px;
	font-size: 14px;
	text-align: center;
	color: #bfbfbf;
}
.number em{
	/*color: #5885c6;*/
	font-style:normal
}
.tyu{
	border: none;
}
.txt-h{
	width: 520px;
	overflow: hidden;
}
.tex-o{
	float: left;
	font-size: 14px;
	line-height: 80px;
	padding-right: 20px;
	color: #848484;
}
#glist{padding-top:25px;}
#glist li{
	float: left;
	padding-right: 10px;
}
#glist li a{
	padding: 5px 8px;
	color: #222222;
	font-size: 16px;
	border: #e3e3e3 solid 1px;
	display: block;
}
#glist li a:hover{
	border: #f73a3a solid 1px;
	text-decoration: none;
	color: #f73a3a;
}
.gcIpt{
	height: 70px;
}
.guT{
	color: #848484;
	font-size: 14px;
	padding-right:18px;
	line-height: 70px;
}
.gcIpt input{
	border: #e3e3e3 solid 1px;
	padding: 5px 8px;
	color: #848484;
	font-size: 16px;}
.nobdr-btns{
	padding-top: 25px;
}
.Hgt{ color: #424242; font-size:14px; padding-left: 10px;}
.addcart{
	background: #fd532d;
	padding: 0px 50px;
	border-radius: 4px;
	color: #FFFFFF;
	margin-right: 10px;
	font-size:16px;
	line-height: 50px;
}
.yh{ background: #e60013;}
.addcart img{vertical-align:middle;margin-bottom:3px; margin-right: 5px;}
.guarantee{
	height: 50px;
}
.guarantee span{
	color: #666666;
	font-size: 14px;
	line-height: 50px;}
.guarantee span a img{vertical-align:middle;margin-bottom:3px;}
.brand-logo{
	width:220px;
	height:200px;
	border-top:#eeeeee solid 1px;
	border-bottom:#eeeeee solid 1px;
	text-align: center;
}
.brand-logo a img{
	margin-top: 10px;
}
.seller-pop-box{
	width:200px;
	overflow: hidden;
	padding:10px 0px 10px 20px;
}
.tr{
	color: #666666;
	display: block;
	width:200px;
	font-size:14px;
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 2;  
}
.tr.hoh a{color:#005aa0;}
.tr.hoh a:hover{text-decoration: none;}
.seller-phone{
	width: 220px;
	height:85px;
	overflow: hidden;
	
}
.pop{
	float: left;
	margin: 0px 0px 10px 18px;
	}
.pop a{
	color: #666666;
	background: #f9f9f9;
	border: #cdcdcd solid 1px;
	display: block;
	width: 80px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 12px;}
.pop a:hover{ color: #000000; text-decoration: none;}
.pop a img{vertical-align:middle;margin-bottom:3px; margin-right:4px;}
.jd-service{
	width: 220px;
	text-align: center;
	margin-top: 10px;
}
.jd-service img:hover{transform:rotateY(360deg);
transition:1s;}
.suport-icons{
	width: 220px;
	text-align: center;
}
.suport-icons h4{
	 color: #666666;
}
.suport-icons img{ padding-top: 10px;}
.suport-icons img:hover{transform: scale(1.1); transition: 1s;}
/*   推荐搭配    */
.box{width:1240px;border:1px solid #dcdcdc;padding-bottom:15px;}
.module-title{POSITION: relative;}
.module-title h3{font-size:12px;font-weight:normal;color:#666666;height:45px;line-height:45px;padding:0px 9px;border-top:2px solid #999999;margin-top:-1px;margin-bottom:5px;}
.module-title ul{right:10px;position:absolute;top:10px;}
.module-title li.next{width:60px;height:20px;line-height:20px;}
.module-title li a{display:block;overflow:hidden;widtb:100%;cursor:pointer;color:#ffffff;height:100%;background:url(../images/more_ico.jpg) no-repeat right center;color:#999999;}
#sales-product .module-title LI.next a{height:20px;width:60px;}
#corner-product-main{}
#sales-product-main{PADDING-RIGHT: 0px;PADDING-LEFT: 0px;PADDING-BOTTOM: 0px;OVERFLOW: hidden;WIDTH:1180px !important;PADDING-TOP: 9px;POSITION: relative;margin:0px auto;}
#sales-product-main ul{WIDTH:1180px;}
#sales-product-main LI A.a1{DISPLAY: block;MARGIN: 0px auto;VERTICAL-ALIGN: middle;WIDTH: 187px;HEIGHT: 178px;TEXT-ALIGN: center}
#sales-product-main LI A.sales-product-pic span{DISPLAY: inline-block;VERTICAL-ALIGN: middle;WIDTH: 0px}
#sales-product-main LI SPAN.price_symbol{FONT-SIZE: 23px;LINE-HEIGHT:20px}
#sales-product-main ul{}
#sales-product-main ul li{width:180px;float:left;margin-right:20px;}
#sales-product-main ul li a{display:block;}
#sales-product-main ul li a span{display:block;height:30px;line-height:30px;overflow:hidden;color:#666666;text-align:center;}
#sales-product-main ul li a span:hover{color:#ff8400; text-decoration:underline;}
#sales-product-main ul li em{font-size:14px;color:#ff8400;font-weight:bold;font-style:normal;height:18px;line-height:18px;overflow:hidden;text-align:center;display:block;}
/* 商品评价 */
.gdetail{
	width:1240px;
	margin: 0 auto;
	margin-top: 20px;
	clear:both;
}
.ac-mod-list{
	width: 200px;
	margin: 0 auto;
	margin-bottom: 15px;
	text-align: center;
}
.ac-mod-list dt{
	padding: 5px;
}
.ac-mod-list dt img{
	width:180px;
	height: 155px;
}
.ac-mod-list dd{
	color: #424242;
	font-size: 14px;
}
.ac-mod-list dd span{
	display:block;
	color: #e31939;
	line-height: 2;
}
.detail{
	float:right;
	}
.sticky {
position: fixed;
top: 0;
} 
.aside{
	width:230px;
	/*height:760px;*/
	float: left;
	border: #ebebeb solid 1px;
}
.aside h3{
	width: 220px;
	padding: 5px;
	background: #fcfcfc;
	border-bottom: #ebebeb solid 1px;
	float: left;
	font-size: 14px;
	color: #424242;
	line-height:40px;
}
.aside h3 span{
	float: right;
	color: #b7b7b7;
	line-height: 45px;
	font-size: 12px;
}
.aside h3 span img{
	vertical-align: middle;
	margin-bottom: 2px;
	padding-right: 5px;
}
.active_tab{
	width:1000px;
	margin:0 auto;
	margin-bottom: 20px;
	border-bottom:#e4393c solid 1px;
	height:37px;
	line-height:37px;
	background:#f7f7f7;	
}
.active_tab a{
	color:#666666;font-size: 14px;
	text-decoration:none;
}
.active_tab a:hover{
	color:#ffffff;
	text-decoration:none;
}
.act_title_left{
	float:left;
	width:70%;
}
.act_title_left li{
	float:left;
	width:150px;
	color:#666666;
	text-align:center;
	height:37px
}
.act_active{
	background:#e4393c;
	border-bottom:none !important;
	color: #ffffff;
}
.act_active a{color:#ffffff; font-size: 14px;}
.act_title_right{  
	float:right;
}
.mui-ac{
	background: #e4393c none repeat scroll 0 0;
	
    float: left;
    font-size: 14px;
    height:25px;
    margin-top: 10px;
    line-height:25px;
    margin-left: 20px;
    padding: 0 8px;
}
.mui-ac a{color: #ffffff; margin-right: 30px;}
.mui{
	float: left;margin-top:2px;
}
#mui-a{
	color: #666666;
}
#mui-a:hover{color: #666666;}

.active_list{
	width:1000px;
	margin:0 auto;
}
.active_list a{text-decoration:none;}
#ui-a{width: 1000px;
	height: 100%;
	overflow: hidden;}
#ui-a ul{width:950px;
	margin: 0 auto;}
#ui-a ul li{
	width:950px;
	height: 100%;
	color: #424242;
	font-size: 14px;
	line-height: 2;
	overflow: hidden;
}	
#ui-a ul li img{
	width:950px;
	height: 100%;
	display: block;margin: 10px 0px 10px 0px;
}
.morejia{
	background: #f00 none repeat scroll 0 0;
    border-radius: 15px;
    color: #fff;
    display: block;
    float: right;
    font-size: 12px;
    margin: 20px 0;
    padding: 2px 5px;
}
.morejia:hover{
	color: #fff;
}
#bit{
	width: 1000px;
	height: 100%;
	overflow: hidden;
}
#bit ul{
	width:950px;
	margin: 0 auto;}
#bit ul li{
	width:950px;
	height: 100%;
	overflow: hidden;
}
#bit ul li img{
	width:950px;
	height: 100%;
	display: block;}
#uic{width: 1000px;
	height: 100%;
	overflow: hidden;}
#uic ul{
	width:950px;
	margin: 0 auto;}
#uic ul span{
	width:950px;
	margin: 0 auto;
	height: 100%;
	
}
#uic ul span img{
	width:950px;
	height: 100%;
	display: block;}
#uic ul p{
	text-align:left;
	line-height: 2;
	font-size: 14px;
	color: 424242;
}	
/**********************/ 
.banners{ position: relative; max-width:100%; overflow: hidden;}
/*.banners img{ max-width: 100%;}*/

.activ-tit{ position: absolute; top:30px; left: 50%; margin-left: -100px; z-index: 999; width:200px; text-align: center; border:2px solid #F0F1F2; padding: 20px; }
.activ-tit strong{ font-size: 18px; color: #fff;}
.activ-tit span{ display: block; width: 100%;color: #fff;}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px}
.swiper-pagination-clickable .swiper-pagination-bullet {cursor: pointer}
.swiper-pagination-bullet-active {opacity: 1 !important;background: #007aff !important}
.swiper-pagination-bullet {	width: 8px;	height: 8px;display: inline-block;border-radius: 100%;background: #000;opacity: .2}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {bottom: 10px;left: 0;width: 100%}
.swiper-pagination {position: absolute;text-align: center;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);z-index: 10}
.swiper-container-android .swiper-slide,.swiper-wrapper {-webkit-transform: translate3d(0,0,0);	-moz-transform: translate3d(0,0,0);	-o-transform: translate(0,0);-ms-transform: translate3d(0,0,0);	transform: translate3d(0,0,0)}
.swiper-wrapper {position: relative;width: 100%;
height: 100%;z-index: 1;
display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box}
.swiper-slide {-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;height: 100%;position: relative}
.swiper-slide img{border:none; max-width: 100%}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {	bottom: 10px;left: 0;width: 100%}
.swiper-pagination-white .swiper-pagination-bullet-active {background: #fff}
.swiper-pagination-black .swiper-pagination-bullet-active {background: #000}

.cp_box{margin-top: 20px;width: 90%; height: auto;  margin: 0 auto; overflow: hidden;}
.cp_box .title{width: 100%; height: auto;}
.cp_box .title h2{line-height: 30px; font-size: 0.9em; font-weight:bold;}
.cp_box .title p{font-size: 0.9em;}
.cp_box .tmain{width: 100%; height: auto; overflow: hidden; margin:10px 0px 10px 0px; border-top: 1px solid #CCC;  border-bottom: 1px solid #CCC;}
.cp_box .tmain ul{list-style: none;font-size: 0.8em;width: 100%; height: auto; overflow: hidden;}
.cp_box .tmain ul li{padding: 5px 0;}
.cp_box .but{width: 100%; height: auto;overflow: hidden;text-align: center;margin-top: 20px;/*border-bottom: 1px solid #ccc;*/ padding-bottom: 20px;}
.cp_box .but a {color: #FFF;margin: 0 auto;}
.cp_box .butcon {font-size: 18px; color: #ffffff; text-align: center; display: block; width: 332px; height: 50px; line-height: 50px; background: #e9630a; margin: 0 auto;}
.txtmain { padding:1px 0px;background-color: #f5f4f9;}
.txtmain .hot_sail {background-color: white; padding-bottom:30px;  margin:10px 0px;}
.txtmain .hot_sail .w90{ width:90%;margin: auto;}
.txtmain .hot_sail .w90 em{display: inline-block; opacity: .2; background: #ff552e; border-radius: 1px; width: 4px; height: 20px; margin-right: 14px;}
.txtmain .hot_sail .words {padding: 10px;border-bottom: 1px solid #eeeeee;}
.txtmain .hot_sail img {width: 100%; padding:10px;}