@charset "utf-8";


.title{
	padding-top: 80px;
	text-align: center;
}
.title h2{
	font-size: 36px;
	color: #555;
}
.title h3{
	font-size: 20px;
	color: #a5a9b0;
	font-weight: normal;
}

/*关于我们about*/
.banner_ab{
	width: 100%;
	min-width: 1200px;
	height: 400px;
	background: url(../img/banner_ab.jpg) no-repeat center;
}
.about{
	margin-top: 60px;
}
.about hr{
	border: 1px dashed #dcdcdc;
}
.about figure.jian{
	margin: 60px 0;
}
.about figure.jian img{
	width: 420px;
	height: 420px;
	float: left;
	padding: 40px 0 30px 0;
}
.about figure.jian figcaption{
	width: 750px;
	float: left;
}
.about figure.jian figcaption section{
	padding-left: 30px;
	text-align: justify;
}
.about figure.jian figcaption section h2{
	font-size: 20px;
	color: #010101;
	font-weight: bold;
}
.about figure.jian figcaption section p{
	font-size: 14px;
	color: #555;
	margin-top: 40px;
	line-height: 1.8;
}
.about .culture{
	margin: 60px 0;
}
.about .culture figure img{
	width: 400px;
	height: 532px;
	float: left;
}
.about .culture figure figcaption{
	width: 770px;
	float: left;
}
.about .culture figure figcaption section{
	padding: 60px 0 0 30px;
	text-align: justify;
}
.about .culture figure figcaption section h2{
	font-size: 20px;
	color: #444;
}
.about .culture figure figcaption section p{
	font-size: 14px;
	color: #555;
	margin-top: 40px;
	line-height: 1.8;
}


/*商品中心*/
.banner_pr{
	width: 100%;
	min-width: 1200px;
	height: 400px;
	background: url(../img/banner_pr.jpg) no-repeat center;
}
.bg{
	width: 100%;
	min-width: 1200px;
	margin: 0 auto;
	background: url(../img/backg.jpg) no-repeat center;
	padding: 0;
	margin-top: -7px;
}
.bg figure{
	width: 285px;
	height: 420px;
	background: url(../img/bg.jpg) no-repeat;
	float: left;
	margin: 10px 5px;
}
.bg figure img{
	width: 285px;
	height: 275px;
}
.bg figure figcaption h2{
	font-size: 24px;
	color: #fe5280;
	margin:5px 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.bg figure figcaption p{
	font-size: 16px;
	color: #444;
	margin:0 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.bg figure .bott{
	margin: 8px 20px;
}
.bg figure .bott em{
	font-style: normal;
	font-size: 20px;
	color: #333;
}
.bg figure .bott b{
	font-size: 24px;
	color: #222;
}
.bg figure .bott span{
	margin-left: 37px;
	
}
.bg figure .bott a{
	padding: 5px 13px;
	background: linear-gradient(to bottom,#fd6c93 44%,#fc3b71 48%,#fc3d71) 51%;
	border: 2px solid #fc3d71;
	font-size: 16px;
	color: #fff;
}
.bg figure .bott a:hover{
	background: #fc3d71;
}
.bg .page{
	text-align: center;
	margin-top: 80px;
	padding-bottom: 80px;
}
.bg .page a{
	font-size: 16px;
	color: #fff;
	padding: 18px 22px;
	background: #fc3d71;
}

/*商品详情product*/
.crumb{
	margin-top: 20px;
}
.crumb li{
	float: left;
	text-align: center;
	line-height: 25px;
	padding: 0 10px;
	font-size: 18px;
	color: #dcdcdc;
}
.crumb li a.back_s{
	display: block;
	width: 25px;
	height: 25px;
	background: url(../img/fang.jpg) no-repeat;
}
.crumb li a{
	font-size: 14px;
	color: #222;
}
hr{
	border: 1px #e4e4e4 solid;
	margin-top: 20px;
}
.brief{
	margin-top: 60px;
}
.brief figure img{
	width: 400px;
	height: 400px;
	float: left;
}
.brief figure figcaption{
	text-align: left;
	width: 680px;
	margin-left: 100px;
	float: left;
}
.brief figure figcaption header{
	margin-top: 20px;
}
.brief figure figcaption header h2{
	font-size: 30px;
	color: #111;
}
.brief figure figcaption header p{
	font-size: 14px;
	color: #555;
	margin-top: 40px;
	height: 40px;
	overflow: hidden;
} 
.brief figure figcaption hr{
	margin-top: 20px;
	border: 1px #e4e4e4 solid;
}
.brief figure figcaption .body p{
	font-size: 14px;
	color: #555;
	padding: 20px 0;
	border-bottom: 1px #e4e4e4 solid;
}
.brief figure figcaption .body p b{
	font-size: 24px;
	color: #555;
}
.brief figure figcaption footer{
	margin-top: 40px;
}
.brief figure figcaption footer a{
	padding: 12px 35px;
	background: #e90012;
	border: 1px #c70514 solid;
	font-size: 18px;
	color: #fff;
}
.brief figure figcaption footer a:hover{
	background: #c70514;
}
.explain{
	margin-top: 80px;
	height: 60px;
	background: #e1f3fb;
}
.explain ul{
	width: 250px;
	height: 60px;
	line-height: 40px;
	background: #fff;
	text-align: center;
}
.explain ul li{
	font-size: 16px;
	color: #333;
}
.explain ul li span{
	display: block;
	width: 15px;
	height: 15px;
	background: url(../img/prod_jian.jpg) no-repeat center;
	padding-left: 235px;
}
.backg{
	margin-top: 50px;
	width: 1180px;
	height: auto;
	background: url(../img/prod_bg.jpg) no-repeat;
	padding-bottom: 30px;
}
.backg .jie{
	padding: 100px 0 0 440px;
}
.backg .jie span{
	display: block;
	width: 310px;
	height: 60px;
	background: url(../img/prod_jie.jpg) no-repeat;
}
.backg .jie h2{
	text-align: center;
	font-size: 28px;
	color: #fff;
	letter-spacing: 8px;
	padding: 5px 0 0 8px;
}
.backg .detail{
	width: 1000px;
	background: #FFFFFF;
	margin: 80px 100px 0 100px;
	padding-bottom: 30px;
}
.backg .detail section{
	text-align: center;
	padding-top: 60px;
}
.backg .detail section h2{
	font-size: 30px;
	color: #222;
}
.backg .detail section h3{
	font-size: 26px;
	color: #333;
	margin-top: 10px;
}
.backg .detail section p{
	font-size: 20px;
	color: #444;
	margin-top: 20px;
}
.backg .detail .method p{
	margin: 20px 30px;
	font-size: 16px;
	color: #555;
	line-height: 1.5;
}

.backg2{
	width: 1180px;
	height: auto;
	background: #ffe3ef;
	padding: 10px 0;
}
.backg2 .goods{
	width: 1000px;
	background: #FFFFFF;
	margin:50px 100px;
	padding-bottom: 60px;
}
.backg2 .goods .tit h3{
	font-size: 48px;
	color: #298800;
	text-align: center;
	padding-top: 60px;
	letter-spacing: 5px;
}
.backg2 .goods .tit span{
	display: block;
	height: 7px;
	background: url(../img/prod_4.jpg) no-repeat center;
	margin-top: 30px;
}
.backg2 .goods .pictur{
	margin-top: 45px;
	padding: 0 20px;
}
.backg2 .goods .pictur img{
	width: 476px;
	height: 600px;
}
.backg2 .goods .service{
	margin-top: 15px;
	background: #000;
}
.backg2 .goods .service h2{
	font-size: 48px;
	color: #fce58c;
	text-align: center;
	padding: 15px 0;
	letter-spacing: 5px;
}
.backg2 .goods hgroup{
	text-align: center;
	margin-top: 50px;
}
.backg2 .goods hgroup h2{
	font-size: 40px;
	color: #222;
	width: 400px;
	border-bottom: 4px #bba38f solid;
	margin-left: 290px;
}
.backg2 .goods hgroup h3{
	font-size: 24px;
	color: #444;
}
.backg2 .goods .rules{
	margin-top: 30px;
}
.backg2 .goods .rules figure{
	margin: 0 30px;
	padding: 30px 0;
	border-bottom: 4px #bba38f solid;
}
.backg2 .goods .rules figure img{
	float: left;
	width: 215px;
	height: 235px;
}
.backg2 .goods .rules figure figcaption{
	width: 650px;
	float: left;
	margin-left: 70px;
}
.backg2 .goods .rules figure figcaption h3{
	font-size: 28px;
	color: #333;
	text-align: left;
	margin-top: 50px;
}
.backg2 .goods .rules figure figcaption p{
	font-size: 16px;
	color: #555;
	text-align: justify;
	margin-top: 20px;
	line-height: 2;
}
.backg2 .goods .rules figure h2{
	font-size: 28px;
	color: #333;
	text-align: left;
}
.backg2 .goods .rules figure h4{
	font-size: 20px;
	color: #444;
	margin-top: 20px;
	text-align: left;
}



/*联系我们Contact*/
.banner_co{
	width: 100%;
	min-width: 1180px;
	height: 400px;
	background: url(../img/banner_co.jpg) no-repeat center;
}
.contact{
	margin-top: 60px;
}
.contact hr{
	border: 1px dashed #dcdcdc;
}
.contact .left{
	float: left;
	margin-top: 60px;
}
.contact .left h3{
	font-size: 24px;
	color:#4b4d4c;
}
.contact .left figure{
	width: 180px;
	margin: 25px;
}
.contact .left figure img{
	width: 180px;
	height: 180px;
}
.contact .left figure figcaption{
	text-align: center;
	font-size: 16px;
	color: #4b4d4c;
	margin-top: 10px;
}
.contact .middle{
	float: left;
	width: 530px;
	height: 275px;
	margin: 60px 0 0 95px;
}
.contact .right{
	float: right;
	margin-top: 60px;
}
.contact .right figure{
	width: 180px;
	margin: 20px 25px 0 0;
}
.contact .right figure img{
	width: 180px;
	height: 180px;
}
.contact .right figure figcaption{
	text-align: center;
	font-size: 16px;
	color: #4b4d4c;
	margin-top: 10px;
}


/*会员中心*/
.banner_me{
	width: 100%;
	min-width: 1180px;
	height: 400px;
	background: url(../img/banner_me.jpg) no-repeat center;
}

.background{
	background-color: #f5f5f5;
}
#tabbox{
	margin-top: 20px;
}
#tabbox .left{
	float: left;
	width: 250px;
}
#tabbox .left li{
	height: 45px;
	background: #fff;
	text-align: center;
	margin-top: 10px;
	line-height: 45px;
	border-radius: 6px;
	border: 1px #dedede solid;
}
a{
	color: #444;
}
#tabbox .left li a{
	display: block;
	font-size: 16px;
}
.tabs1 .thistab a,.tabs1 .thistab a:hover{
	background: #e9423c;
	color: #fff;
}
.tabs2 .thistab a,.tabs2 .thistab a:hover{
	background: #fff;
	border-top:1px #ffd200 solid;
	position: relative;
	left: 1px;
}
#tabbox .right{
	float: left;
	width: 910px;
	height: 100%;
	margin: 6px 0 0 20px;
}

/*个人中心*/

#tabbox .right .personal{
	width: 910px;
	height: 183px;
	background: #fff;
}
#tabbox .right .personal figure{
	float: left;
	text-align: center;
}
#tabbox .right .personal .tou img{
	width: 100px;
	height: 100px;
	border-radius: 50%;
	margin: 40px;
	border: 1px #dedede solid;
	float: left;
}
#tabbox .right .personal .tou figcaption{
	float: left;
}
#tabbox .right .personal .tou figcaption p{
	font-size: 24px;
	color: #e9423c;
	line-height: 183px;
}
#tabbox .right .personal .tubiao{
	margin: 45px 0 0 150px;
}
#tabbox .right .personal .tubiao b{
	color: red;
	font-weight: normal;
}

#tabbox .right .basic{
	width: 910px;
	height: 100%;
	margin-top: 20px;
	background: #fff;
}
#tabbox .right .basic .top{
	width: 910px;
	height: 50px;
	background: #c0dcec;
	
}
#tabbox .right .basic .top h2{
	font-size: 16px;
	color: #333;
	line-height: 50px;
	text-align: left;
	text-indent: 20px;
}
#tabbox .right .basic .address{
	margin: 20px 0 20px 50px;
}
#tabbox .right .basic .address p{
	margin-top: 10px;
	font-size: 16px;
	color: #444;
}


#tabbox .right .recommend{
	width: 910px;
	height: 100%;
	margin: 20px 0;
	background: #fff;
	padding-bottom: 20px;
}
#tabbox .right .recommend .top{
	width: 910px;
	height: 50px;
	background: #c0dcec;
}
#tabbox .right .recommend .top h2{
	font-size: 16px;
	color: #fff;
	line-height: 50px;
	text-align: left;
	text-indent: 20px;
}
#tabbox .right .recommend figure{
	width: 289px;
	height: 375px;
	border: 1px #e5e5e5 solid;
	margin: 10px 0 0 9px;
	float: left;
}
#tabbox .right .recommend figure img{
	width: 285px;
	height: 275px;
	margin: 2px;
}
#tabbox .right .recommend figure figcaption h2{
	text-align: center;
	font-size: 18px;
	color: #f96731;
	margin-top: 8px;
}
#tabbox .right .recommend figure figcaption p{
	font-size: 14px;
	margin-top: 5px;
	text-align: justify;
	padding: 0 8px;
	height: 40px;
	overflow: hidden;
}
#tabbox .right .recommend figure figcaption p a{
	
	color: #333;
}
#tabbox .right .recommend figure figcaption p a:hover{
	color: #f96731;
}
#tabbox .right .recommend figure:hover{
	box-shadow: 0px 2px 5px #d4d2d2;
}



/*账户设置*/

#tabbox .right .set{
	width: 910px;
	height: 100%;
	margin: 5px 0 20px 0;
	background: #fff;
	padding-bottom: 20px;
}
#tabbox .right .set .top{
	width: 910px;
	height: 50px;
	background: #c0dcec;
	
}
#tabbox .right .set .top li{
	width: 120px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	float: left;
}
#tabbox .right .set .top li a{
	display: block;
	font-size: 16px;
	color: #444;
}


#tabbox .right .set .address p{
	font-size: 12px;
	color: #444444;
	margin: 20px 0 0 50px;
}
#tabbox .right .set .address b{
	font-weight: normal;
	color: red;
}
#tabbox .right .set .address form{
	margin: 20px 0 0 50px;
}
#tabbox .right .set .address .full,
#tabbox .right .set .address .area,
#tabbox .right .set .address .addr,
#tabbox .right .set .address .code,
#tabbox .right .set .address .phone,
#tabbox .right .set .address .telep{
	margin-top: 10px;
}
#tabbox .right .set .address .full input,
#tabbox .right .set .address .area input,
#tabbox .right .set .address .addr input,
#tabbox .right .set .address .code input,
#tabbox .right .set .address .phone input,
#tabbox .right .set .address .telep input{
	width: 300px;
	height: 30px;
	line-height: 30px;
}
#tabbox .right .set .address select{
	height: 30px;
}
#tabbox .right .set .address .addr textarea{
	vertical-align: top;
}
#tabbox .right .set .address .default{
	margin: 20px 0 0 70px;
}
#tabbox .right .set .address button{
	display: block;
	margin: 20px 0 20px 70px;
	width: 150px;
	height: 40px;
	background: red;
	border: 0;
	font-size: 16px;
	color: #fff;
}
#tabbox .right .set .passw{
	margin: 20px 0 0 50px;
}
#tabbox .right .set .passw input{
	width: 300px;
	height: 30px;
	line-height: 30px;
	margin-top: 20px;
}
#tabbox .right .set .passw button{
	width: 300px;
	height: 40px;
	line-height: 40px;
	margin: 20px 0 20px 60px;
	background: red;
	color: #fff;
	font-size: 16px;
	border: 0;
}

/*order*/
#tabbox .right .order{
	width: 910px;
	height: 100%;
	min-height: 500px;
	margin-top: 5px;
	background: #fff;
}

#tabbox .right .order .top{
	width: 910px;
	height: 50px;
	background: #c0dcec;
	
}
#tabbox .right .order .top li{
	width: 120px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	float: left;
}
#tabbox .right .order .top li a{
	display: block;
	font-size: 16px;
	color: #444;
}
.tabs3 .thistab a,.tabs3 .thistab a:hover{
	background: #fff;
	border-top:1px #ffd200 solid;
	position: relative;
	left: 1px;
}
#tabbox .right .order .title{
	margin-top: 20px;
	padding: 0;
}
#tabbox .right .order .title p{
	float: left;
	width: 145px;
	text-align: center;
	font-size: 16px;
	color: #444;
}
#tabbox .right .order .title p.first{
	width: 310px;
}
#tabbox .right .order .numbe .coupon{
	margin: 10px 10px 10px 10px;
	width: 890px;
	height: 100%;
	border: 1px #dcdcdc solid;
}
#tabbox .right .order .numbe .coupon h3{
	margin: 10px 0 10px 750px;
	width: 120px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	background: #fc6631;
	border-radius: 5px;
}
#tabbox .right .order .numbe .coupon h3 a{
	font-size: 16px;
	color: #fff;
}
#tabbox .right .order .numbe .ware{
	width: 890px;
	height: 100%;
	background: #ededed;
}
#tabbox .right .order .numbe .ware figure{
	float: left;
	width: 310px;
	padding: 20px 0;
}

#tabbox .right .order .numbe .ware figure img{
	width: 100px;
	height: 100px;
	margin-left: 10px;
	float: left;
}
#tabbox .right .order .numbe .ware figure figcaption{
	float: left;
	width: 180px;
	margin: 20px 0 0 10px;
}
#tabbox .right .order .numbe .ware p{
	float: left;
	width: 141px;
	text-align: center;
	line-height: 130px;
	font-size: 14px;
	color: #444;
}
#tabbox .right .order .numbe .ware ul{
	float: left;
	margin: 30px 0 0 40px;
}
#tabbox .right .order .numbe .ware ul li{
	font-size: 14px;
	color: #444;
	margin: 10px auto;
}
#tabbox .right .order .numbe .ware ul li:first-child{
	margin-left: 10px;
}
#tabbox .right .order .numbe .ware li a{
	padding: 5px 10px;
	background: #fff;
	border: 1px #dedede solid;
}
#tabbox .right .order .numbe .ware li a:hover{
	border: 1px red solid;
}

/*shopping*/
#tabbox .right .shopping{
	width: 910px;
	height: 100%;
	min-height: 500px;
	margin-top: 5px;
	background: #fff;
}
#tabbox .right .shopping .top{
	width: 910px;
	height: 50px;
	background: #c0dcec;
	
}
#tabbox .right .shopping .top h2{
	font-size: 16px;
	color: #fff;
	line-height: 50px;
	text-align: left;
	text-indent: 20px;
}
#tabbox .right .shopping .title{
	margin-top: 20px;
}
#tabbox .right .shopping .title p{
	float: left;
	width: 148px;
	text-align: center;
	font-size: 16px;
	color: #444;
}
#tabbox .right .shopping .title p.first{
	width: 310px;
}
#tabbox .right .shopping .numbe .ware{
	margin: 10px 10px 10px 10px;
	width: 890px;
	height: 100%;
	background: #ededed;
}
#tabbox .right .shopping .numbe .ware figure{
	float: left;
	width: 310px;
	padding: 20px 0;
}

#tabbox .right .shopping .numbe .ware figure img{
	width: 100px;
	height: 100px;
	margin-left: 10px;
	float: left;
}
#tabbox .right .shopping .numbe .ware figure figcaption{
	float: left;
	width: 180px;
	margin: 30px 0 0 10px;
}
#tabbox .right .shopping .numbe .ware p{
	float: left;
	width: 145px;
	text-align: center;
	line-height: 120px;
}
#tabbox .right .shopping .numbe .ware .p_num input{
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
}
#tabbox .right .shopping .numbe .ware .p_num span{
	background: #fff;
	border: 1px #888 solid;
	cursor: pointer;
}
#tabbox .right .shopping .numbe .ware .p_num .sy_minus{
	padding: 1px 8px 4px 8px;
	margin-right: -4px;
}
#tabbox .right .shopping .numbe .ware .p_num .sy_plus{
	padding: 1px 6px 4px 6px;
	margin-left: -4px;
}
#tabbox .right .shopping .numbe .bottom{
	margin: 20px 0 20px 620px;
}
#tabbox .right .shopping .numbe .bottom p{
	float: left;
	line-height: 50px;
	margin-right: 20px;
	font-size: 16px;
	color: #c41d15;
}
#tabbox .right .shopping .numbe .bottom a{
	float: left;
	display: block;
	padding: 10px 30px;
	background: #c41d15;
	color: #fff;
	font-size: 18px;
}

/*待发货*/

#tabbox .right .order .send .coupon{
	margin: 10px 10px 10px 10px;
	width: 890px;
	height: 100%;
	border: 1px #dcdcdc solid;
}
#tabbox .right .order .send .coupon h3{
	margin: 10px 0 10px 750px;
	width: 120px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	background: #fc6631;
	border-radius: 5px;
}
#tabbox .right .order .send .coupon h3 a{
	font-size: 16px;
	color: #fff;
}
#tabbox .right .order .send .ware{
	width: 890px;
	height: 100%;
	background: #ededed;
}
#tabbox .right .order .send .ware figure{
	float: left;
	width: 310px;
	padding: 20px 0;
}

#tabbox .right .order .send .ware figure img{
	width: 100px;
	height: 100px;
	margin-left: 10px;
	float: left;
}
#tabbox .right .order .send .ware figure figcaption{
	float: left;
	width: 180px;
	margin: 20px 0 0 10px;
}
#tabbox .right .order .send .ware p{
	float: left;
	width: 141px;
	text-align: center;
	line-height: 130px;
	font-size: 14px;
	color: #444;
}
#tabbox .right .order .send .ware h6{
	float: left;
	line-height: 130px;
	font-size: 14px;
	color: #444;
	margin-left: 40px;
}



























