*{
	margin: 0;
	padding: 0;
	font-family: "PingFangSC-Light,helvetica,'Heiti SC'";
}
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }
@media screen and ( min-width: 212px){/*213px显示屏样式 LG Optimus One*/}
@media screen and ( min-width: 319px){html{font-size: 11px;}}
@media screen and ( min-width: 359px){html{font-size: 13px;}}
@media screen and ( min-width: 383px){html{font-size: 14px;}}
@media screen and ( min-width: 399px){html{font-size: 15px;}}
@media screen and ( min-width: 414px){html{font-size: 16px;}}
@media screen and ( min-width: 423px){html{font-size: 16px;}}
@media screen and ( min-width: 479px){html{font-size: 16px;}}
@media screen and ( min-width: 539px){html{font-size: 16px;}}
@media screen and ( min-width: 639px){html{font-size: 16px;}}
@media screen and ( min-width: 640px){html{font-size: 18px;}}
img{
	max-width: 100%;
	width: 100%;
}
.clear{
	clear: both;
}
/*居家页面开始*/
.header{
	position: fixed;
	top: 0;
	width: 100%;
	background: white;
	z-index: 999;
}
.header_top{
	height: 4rem;
	margin-top: 0.4rem;
}
@media only screen and (min-width: 810px) {
	.header_top_left{
		width: 13%;
	}
	.header_top_right{
		width: 85%;
	}
}
@media only screen and (max-width: 810px) {
	.header_top_left{
		width: 20%;
	}
	.header_top_right{
		width: 75%;
	}
}
.header_top_left{
	float: left;
	text-align: center;
	font-size: 1.2rem;
	font-weight: 500;
	height: 100%;
	line-height: 4rem;
}
.header_top_right{
	float: right;
	height: 4rem;
	line-height: 4rem;
	margin-right: 0.5rem;
}
.header_top_right input{
	width: 100%;
	display: inline-block;
	height:2.8rem;
	background: #E6E6E6;
	border: none;
	outline: none;
	text-align: center;
	border-radius: 10px;
}
/*插件*/
		.pr{position:relative;}
		.abs{position: absolute}
		.fl{float:left;display:inline-block;}
		.fr{float:right;display:inline-block;}
		.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
		.clearfix{*zoom:1;}
		.wrap{min-width: 320px;max-width:768px;margin:0 auto;overflow:hidden;position:relative;}
		ul{list-style: none;}
		.htit{line-height:1rem;padding:0 .3rem;color:#ff8e2e;font-size: .4rem;margin:1rem 0 .4rem 0}
		.wrapper01 {position:relative;height: 2.4rem;width: 100%;overflow: hidden;margin:0 auto}
		.wrapper01 .scroller {position:absolute}
		.wrapper01 .scroller li {height: 2rem;color:#333;float: left;line-height: 2rem;font-size:1.2rem;text-align: center;padding: 0 1rem;}
		.wrapper01 .scroller li a{color:#333;display:block;margin:0 .3rem;text-decoration: none;}
		.wrapper01 .scroller li.blue a{color:#1cbb9b;text-decoration: none;}
/*插件结束*/

.contain{
	margin-top: 6rem;
	background: white;
	margin-bottom: 5rem;
}
@media only screen and (min-width: 810px) {
   	.contain{
   		width: 540px;
   		margin: 0 auto;
   		margin-top: 5rem;
   	}
}

.bar{
	width: 100%;
}
.bar img{
	max-width: 100%;
}
.mian_bei,.bed{
	margin-top: 1rem;
}
.mian_bei_header{
	text-align: center;
}
.mian_bei_header_top{
	font-size: 1.3rem;
}
.mian_bei_header_bot{
	font-size: 1rem;
	color: #777777;
}
.mian_bei_content{
	display: flex;
	display: -webkit-flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.mian_bei_content_conlumn{
	width: 30%;
	margin-top: 1rem;
	font-size: 0;
}
.conlumn_text{
	background: #F1ECE2;
	font-size: 0.8rem;
	height: 2rem;
	color: #9F8A60;
	line-height: 2rem;
	padding-left: 0.8rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.column_about span{
	font-size: 1rem;
	display: inline-block;
	height: 2rems;
	width: 95%;
	color: #333333;
	line-height: 2rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding-left: 0.4rem;
}
.text_red{
	color: #b4282d !important;
}
/*底部开始*/

.footer{
	height: 5rem;
	width: 100%;
	position: fixed;
	bottom: 0;
	background: #FAFAFA;
	z-index: 999;
}
.footer_conlumn{
	float: left;
	width: 20%;
	height: 5rem;
	padding-top:1.3rem;
	text-align: center;
}
.footer_conlumn span{
	font-size: 1.1rem;
	color: #666;
}
/*jujia页面结束*/


/*index页面开始*/
.index_body{
	background: #F4F4F4;
}
@media only screen and (max-width: 810px) {
   .first_contain{
		width: 100%;
		margin-top: 6rem;
		font-size: 0;
	} 
	.swiper-slide{
		width: 100%;
		height: 100%;
	}
	.swiper-container{
		width: 100%;
		height: 100%;
	}
	.bar_text{
		width: 100%;
		height: 2.5rem;
		background: white;
	}
	.bar_text_list{
		float: left;
		width: 33%;
		height: 2.5rem;
		line-height: 2.5rem;
		text-align: center;
		font-size: 1rem;
	}
}
@media only screen and (min-width: 810px) {
   .first_contain{
		width:540px;
		margin: 0 auto;
		margin-top: 6rem;
		font-size: 0;
	} 
	.swiper-slide{
		width: 100%;
		height: 100%;
	}
	.swiper-container{
		width: 100%;
		height: 100%;
	}
	.bar_text{
		width: 540px;
		height: 2.5rem;
		background: white;
	}
	.bar_text_list{
		float: left;
		width: 32%;
		height: 2.5rem;
		line-height: 2.5rem;
		text-align: center;
	}
}
/*轮播图结束*/


/*网格开始*/
.grid{
	display: flex;
	display: -webkit-flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
	background: white;
	margin-top: 0.6rem;
	padding: 1rem 1rem 0 1rem;
}
.grid a{
	text-align: center;
	width: 25%;
	margin: 1rem 0;
}
.grid a img{
	width: 40px;
	height: 40px;
}
.grid a span{
	font-size: 1rem;
	height: 3rem;
	line-height: 3rem;
}

/*新品首发开始*/
.new_first{
	background: white;
	margin-top: 0.5rem;
	margin-top: 0.6rem;
}
.first_contain{
	margin-bottom: 6rem;
}
.new_first_header{
	width: 100%;
	height: 8rem;
	display: flex;
	justify-content: center;
	display: -webkit-flex;
	align-items: center;
	background:#EEF5FC;
	font-size: 1.2rem;
	color: #8BA0B6;
	text-align: center;
}
.new_first_header_content span{
	margin-bottom: 0.2rem;
	display: inline-block;
}
.new_first_header a{
	color: #8BA0B6;
	background: #D8E5F1;
	display: inline-block;
	padding: 0.3rem 0.5rem;
	font-size: 0.9rem;
}
.new_first_header_content{
	height: 3rem;
}
.new_first_content{
	font-size: 1rem;
	margin-top: 0.4rem;
	padding-left: 0.6rem;
}
.swiper-slide {
        text-align: center;
        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
.new_slide_text{
	text-align: left;
	text-align: -webkit-left;
	padding-left: 0.3srem;
}    
.new_slide_text span:nth-child(1){
	color: #333;
}
.new_slide_text span:nth-child(3){
	color: #b4282d;
}
/*新品发布结束*/

/*热点推荐开始*/
.hot_good_header{
	background: #FEF7E3;
	color: #B4A078;
}
.hot_good_header a{
	color: #B4A078;
	background: #F4E9CB;
}  

/*限时抢购开始*/
.time_limit{
	margin-top: 0.6rem;
	height: 16rem;
	margin-bottom: 6rem;
	background: white;
}
.time_limit_left span{
	font-size: 1rem;
}
.time_limit_left{
	float: left;
	width: 50%;
	margin-top: 4rem;
	text-align: center;
}
.time_limit_left>span{
	display: block;
	height: 3rem;
	line-height: 3rem;
}
.time_limit_left_text{
	font-size: 1.3rem !important;
	color: #333333;
	letter-spacing: 0.1rem;
}
.time_limit_right{
	height: 14rem;
	width: 50%;
	float: right;
	margin-top: 1rem;
	position: relative;
}
.time_limit_right_money{
	width: 5rem;
	height: 5rem;
	border-radius: 50%;
	position: absolute;
	bottom: 1rem;
	right: 0.4rem;
	color: white;
	font-size: 1rem;
	background: #F59524;
	text-align: center;
}
.time_limit_right_money span{
	display: block;
}
.empty{
	height: 1.3rem;
}
.reverse{
	display: inline-block;
	width: 3rem;
	height: 3rem;
	background: #444444;
	line-height: 3rem;
	color: white;
}


/*个人登录页面开始*/

.person_header{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center;
	font-size: 1.4rem;
	height: 3.2rem;
	padding: 0 3rem 0 0.4rem;
	position: fixed;
	top: 0;
	z-index: 999;
	width: 97%;
	background: white;
	border-bottom: 1px solid gainsboro;
}
.person_header_right .fa{
	padding: 0 0.2rem;
}
.section{
	text-align: center;
	margin-top: 8rem;
}
.section input{
	width: 90%;
	height: 3rem;
	outline: none;
	display: block;
	margin: 0 auto;
	border: 0;
	font-size: 1.2rem;
	border-bottom: 1px solid gainsboro;
}
#login{
	height: 4rem;
	margin-top: 2rem;
	border-radius: 10px;
	background: #B4282D;
	cursor: pointer;
	color: white;
	font-size: 1.4rem;
}
.login_information{
	width: 90%;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	margin: 1rem auto;
}
a{
	cursor: pointer;
	text-decoration: none;
	color: black;
}
.person_foot{
	width: 70%;
	margin: 0 auto;
	text-align: center;
	margin-top: 14rem;
	margin-bottom: 5rem;
}
.person_foot_list{
	display: inline-block;
	width: 32%;
	height: 1rem;
	border-right: 1px solid gainsboro;
}



/*分类页面*/
@media only screen and (min-width:810px ) {
	.classify_contain{
		width: 540px;
		margin: 0 auto;
	}
}
.classify_contain{
	margin-top: 4rem;
	margin-bottom: 5rem;
}
.classify_header{
	text-align: center;
	width: 100%;
	height: 4rem;
	border-bottom: 1px solid gainsboro;
	line-height: 4rem;
	position: fixed;
	top: 0;
	background: white;
	z-index: 9;
}
.classify_header input{
	width: 92%;
	height: 2.8rem;
	border-radius: 10px;
	font-size: 1rem;
	outline: none;
	text-align: center;
	background:gainsboro;
	border: 0;
}
.aside_nav{
	width:20%;
	padding-top: 1rem;
	float: left;
}
.aside_nav ul li{
	height: 2rem;
	line-height: 2rem;
	font-size: 1.2rem;
	text-align: center;
	margin: 0.5rem 0;
}
.red{
	border-left: 3px solid red;
}
.red a{
	color: red;
}
/*页面主要内容开始*/
.classify_content{
	width: 79%;
	float: left;
	border-left: 1px solid gainsboro;
}
.classify_content_header{
	width: 94%;
	margin: 0.8rem auto;
	padding-left: 0.2rem;
}
.classify_content_text{
	text-align: center;
}
.classify_conlumn_box{
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content:space-around;
	align-items: center;
}
.classify_conlumn{
	width: 32%;
}
.classify_conlumn_decoration {
	text-align: center;
}
/*分类页面结束*/


/*商品详情页开始*/
/*页面底部开始*/
.detail_footer{
	width: 100%;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center;
	height: 3.4rem;
	text-align: center;
	position: fixed;
	bottom: 0;
	background: white;
	z-index: 999;
	border-top: 1px solid gainsboro;
}
.detail_footer a{
	height: 100%;
	line-height: 3.4rem;
}
.detail_footer1{
	flex-grow: 1;
	border-right: 1px solid gainsboro;
}
.detail_footer2{
	flex-grow: 2;
}
.detail_footer3{
	color: white;
	background: red;
	flex-grow: 3;
}
@media only screen and (max-width: 810px) {
   .detail_contain{
   		width: 100%;
   }
   .detail_contain_slider{
		width: 100%;
	}
}
@media only screen and (min-width: 810px) {
   .detail_contain{
	   	width: 540px;
	   	margin: 0 auto;
   }
   .detail_contain_slider{
		width: 540px;
	}
	.swiper-container {
        width: 540px;
	}
}
.slide_bot{
	display: flex;
	height: 4.8rem;
	display: -webkit-flex;
	justify-content: space-around;
	align-items: center;
	background: #F9F9F9;
}
.slide_bot_list{
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
}
.slide_bot_list_left img{
	border-radius:50%;
	/*width: 60%;
	height: 60%;*/
}
.slide_bot_list_left{
	width: 25%;
	text-align: center;
}
.slide_bot_list_right{
	text-align: center;
	width: 60%;
}
/*轮播图结束，名称开始*/
.detail_name{
	margin-top: 0.6rem;
	background: white;
	padding: 0.5rem 0 0.5rem 0.5rem;
}
.detail_name>span{
	display: block;
	height: 1.5rem;
	line-height: 1.5rem;
	font-size: 1rem;
	margin;
}
.detail_name>span:first-child{
	font-size: 1.1rem;
}
.detail_red{
	color: red;
	font-size: 1.8rem;
	margin: 0.3rem 0;
	font-family: "times new roman";
}
.yellow{
	color: #F7B15E;
	border: 1px solid #F7B15E;
	margin-right: 2rem;
}
.line{
	height: 1rem;
	background: #F4F4F4;
	margin-top: 1rem;
}
.select{
	background: white;
	margin-top: 0.6rem;
}
.number,.serve,.customer_header,.cuxiao{
	width: 96%;
	height: 3rem;
	line-height: 3rem;
	margin: 0 auto;
	border-bottom: 1px solid gainsboro;
}

/*下拉选择规格开始*/
.number_down{
	padding-left: 0.8rem;
	margin-bottom: 3rem;
}
.number_down span{
	cursor: pointer;
}
.number_down_size_content,.number_down_color_content{
	display: flex;
	display: -webkit-flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
}
.number_down_size_content span,.number_down_color_content span{
	display: inline-block;
	padding: 0.4rem;
	width: 25%;
	height: 2rem;
	line-height: 2rem;
	font-size: 1.1rem;
	text-align: center;
	border-radius: 5px;
	margin-bottom: 0.6rem;
	border: 1px solid gainsboro;
}
.number_blue_white{
	background: #DFB479;
	color: white;
}
.number_down_size_title{
	height: 3rem;
	font-size: 1.1rem;
	line-height: 3rem;
}
.number_down_color{
	margin-top: 1rem;
}
.number_down_color_title{
	height: 3rem;
	font-size: 1.1rem;
	line-height: 3rem;
}
.down_line{
	width: 100%;
	height: 0.2rem;
	background: #F4F4F4;
	margin: 1rem 0;
}
.number_down_number{
	margin-top: 1rem;
}
.number_down_number_header{
	height: 3rem;
	font-size: 1.1rem;
	line-height: 3rem;
}
.number_down_number_content input{
	height: 3rem;
	outline: none;
	box-sizing: border-box;
	border: 1px solid gainsboro;
	font-size: 1.4rem;
}
#reduce,#plus{
	width: 5rem;
	background: #F9F9F9;
	border-radius: 0;
	-webkit-border-radius: 0;
}
#mount{
	text-align: center;
	display: inline-block;
	width: 8rem;
	border-top: 1px solid #DDDDE0;
	border-bottom: 1px solid #DDDDE0;
	box-sizing: border-box;
	border-radius: 0;
	-webkit-border-radius: 0;
	background: #EFEFF4;
}
.number_down_coin{
	margin-top: 1rem;
}
.number_down_coin_header{
	height: 3rem;
	line-height: 3rem;
	font-size: 1.1rem;
}
.number_down_coin_content select{
	height: 3rem;
	width: 10rem;
	outline: none;
	padding-left: 1rem;
}
.number_down_coin_content span{
	display: inline-block;
	height: 3rem;
	line-height: 3rem;
	box-sizing: border-box;
}
.number_down_weixin{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center;
}
.number_down_weixin span{
	width: 15%;
}
.number_down_weixin input{
	width: 75%;
	border: none;
	outline: none;
}
/*规格结束*/


/*促销活动开始*/
.cuxiao_down{
	padding-left: 0.6rem;
}
.cuxiao_down a{
	display: inline-block;
	color: #F48F18;
	display: block;
	height: 3rem;
	line-height: 3rem;
	border-bottom: 1px solid gainsboro;
}
.cuxiao_down span:nth-child(1){
	border: 1px solid #F48F18;
	display: inline-block;
	margin-right: 0.8rem;
	height: 2rem;
	line-height: 2rem;
}



/*服务开始*/
.serve_down{
	display: none;
	padding-bottom: 1rem;
}
.serve_down ul{
	list-style-type: disc;
	margin-left: 1.8rem;
}
.serve_down ul li{
	list-style-type: disc;
	padding-right: 1rem;
	
}
.serve_down_list_header{
	height: 3rem;
	line-height: 3rem;
}

.serve{
	border-bottom: 0;
}
.number span:nth-child(1),.serve span:nth-child(1),.customer_header span:nth-child(1),.cuxiao span:nth-child(1){
	float: left;
}
.number span:nth-child(2),.serve span:nth-child(2),.customer_header span:nth-child(2),.cuxiao span:nth-child(2){
	float: right;
}


/*客户评论开始*/
@media only screen and (min-width:810px ) {
	.customer{
		width: 540px;
		margin: 0 auto;
	}
}
.customer{
	background: white;
	margin-top: 0.6rem;
}
i{
	font-family: "times new roman";
	display: inline-block;
	padding: 0 0.2rem;
}
.customer_content_user {
	height: 4rem;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center;
	text-align: left;
	line-height: 4rem;
	padding-left: 1rem;
}
.customer_content_user img{
	width: 2.6rem;
	height: 2.6rem;
	border-radius: 1.3rem;
	vertical-align:middle ;
}
.customer_content_user span{
	display: inline-block;
	width: 85%;
	padding-left: 1rem;
}
.customer_content_time{
	color: #7F7F7F;
}
.customer_content_time,.customer_content_text,.customer_content_img{
	padding-left: 1rem;
	height: ;
}
.customer_content_text textarea{
	display: inline-block;
	width: 95%;
	font-size: 1rem;
	padding: 0.4rem 0.4rem 0.4rem 0;
	outline: none;
	border: none;
}
.customer_content_img img{
	width: 6rem;
	height: 6rem;
}

/*商品参数*/
@media only screen and (min-width:810px ) {
	.product_decoration{
		width: 540px;
		margin: 0 auto;
	}
}
.product_decoration{
	margin-top: 0.6rem;
	background: white;
	padding: 0 0.6rem;
}
.product_decoration_header{
	height: 3rem;
	line-height: 3rem;
}
.product_decoration_color{
	border-top: 1px dashed gainsboro;
	padding-top: 1rem;
}
.product_decoration_color_left{
	float: left;
	width: 20%;
}
.product_decoration_color_right{
	float: right;
	width: 80%;
}
.product_decoration_color_right span{
	display: block;
	height: 1.8rem;
}
.detail_pic_show{
	margin-top: 1rem;
}
.detail_pic_show img{
	height: 25rem;
}
.detail_pic_show_detail{
	padding: 2rem 0;
	text-align: center;
}
.detail_pic_show_detail span{
	display: block;
	height: 1.3rem;
	color: grey;
}
/*商品详情页面结束*/


/*个人登录信息页面*/
.login_backgroud{
	background:#F4F4F4;
}
.person_logined_header_img img{
	border-radius: 50%;
	width: 4rem;
	height: 4rem;
}
@media only screen and (max-width: 810px) {
   .person_logined_contain{
   		width: 100%;
   }
   .person_logined_header_img img{
		border-radius: 50%;
		width: 4rem;
		height: 4rem;
	}
   .person_logined_header{
   		height: 10rem;
   		background: #1E1E1E;
   		color: white;
   }
   .person_logined_header_img{
   		width: 30%;
   		float: left;
   		height: 4rem;
   		margin: 3rem 0;
   		text-align: center;
   }
   .person_logined_header_name{
   		width: 70%;
   		height:4rem;
   		float: left;
   		margin: 3rem 0;
   		display: flex;
   		display: -webkit-flex;
   		flex-direction: column;
   		-webkit-flex-direction: column;
   }
   .person_logined_header_name span{
   		display: block;
   		height: 2rem;
   		font-size: 1rem;
   		line-height: 2rem;
   }
   .person_logined_header_name span:nth-child(1){
   		font-size: 1.4rem;
   }
   

}
@media only screen and (min-width: 810px) {
   .person_logined_contain{
   		width: 540px;
   		margin: 0 auto;
   }
   .person_logined_header_img img{
		border-radius: 50%;
		width: 6rem;
		height: 6rem;
	}
   .person_logined_header{
   		height: 10rem;
   		background: #1E1E1E;
   		color: white;
   }
   .person_logined_header_img{
   		width: 27%;
   		float: left;
   		height: 4rem;
   		margin: 2rem 0;
   		text-align: center;
   }
   .person_logined_header_name{
   		width: 73%;
   		height:4rem;
   		float: left;
   		margin: 3rem 0;
   		display: flex;
   		display: -webkit-flex;
   		flex-direction: column;
   		-webkit-flex-direction: column;
   }
   .person_logined_header_name span{
   		display: block;
   		height: 2rem;
   		line-height: 2rem;
   		
   }
}
/*头部信息结束*/
/*九宫格开始*/
.person_logined_table{
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	width: 99%;
	margin: 0 auto;
	background: white;
}
.person_logined_table_list{
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 33%;
	height: 9rem;
	font-size: 1.2rem;
	border-bottom: 1px solid gainsboro;
}
/*表格结束*/
/*退出登录开始*/
.quit{
	text-align: center;
	height: 4rem;
	line-height: 4rem;
	background: white;
	margin-top: 1.4rem;
	font-size: 1.3rem;
}
/*个人登录信息页面结束*/


/*订单页面开始*/
.order_nav{
	margin-top: 3.2rem;
}
.order_nav ul{
	display: flex;
	display: -webkit-flex;
	justify-content: space-around;
	align-items: center;
	height: 4rem;
	background: white;
	margin-bottom: 0.6rem;
}
.order_nav ul li{
	font-size: 1.2rem;
}
@media only screen and (min-width:810px ) {
	.order_contain{
		width: 540px;
		margin: 0 auto;
	}
}
.order_contain{
	margin-bottom: 1rem;
}
.order_backgroud{
	background: #F4F4F4;
}
.order_list{
	margin-bottom: 1rem;
	padding-left: 1rem;
	background: white;
}
.order_list_header{
	height: 2.5rem;
	font-size: 0.8rem;
	line-height: 2.5rem;
	border-bottom: 1px solid gainsboro;
}
.order_list_header>span:nth-child(1){
	display: inline-block;
	float: left;
}
.order_list_header>span:nth-child(2){
	display: inline-block;
	font-size: 1rem;
	float: right;
	margin-right: 1rem;
}
.order_list_content{
	height: 4.5rem;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center;
	font-size: 0.9rem;
	border-bottom: 1px solid gainsboro;
}
.order_list_content_left{
	width: 25%;
	text-align: center;
}
.order_list_content_left img{
	width: 65%;
	height: 65%;
}
.order_list_content_mid span,.order_list_content_right span{
	display: block;
	height: 1.4rem;
	text-align: center;
}
.order_list_content_right{
	margin-right: 1rem;
}
.order_list_content_right span:nth-child(2){
	color: #66C282;
}
.order_list_footer{
	height: 2.5rem;
	text-align: right;
	text-align: -webkit-right;
	padding:0.4rem 1rem 0.3rem 0;
}
.order_list_footer span{
	border: 1px solid grey;
	display: inline-block;
	padding: 0.2rem 0.3rem;
	border-radius: 5px;
	
}
/*订单页面结束*/


/*搜索页面开始*/
.search_backgroud{
	background: #F4F4F4;
	height: 100%;
}
@media only screen and (min-width:810px ) {
	.search_contain{
		width: 540px;
		margin: 0 auto;
	}
}
.search_header{
	background: white;
	height: 4rem;
	line-height: 4rem;
	position: absolute;
	top: 0;
	width: 100%;
}
.search_header .fa{
	position: relative;
	color: gray;
	left: 2rem;
}
.search_header input{
	padding-left: 1.8rem;
	width: 80%;
	height: 2.8rem;
	border-radius: 5px;
	outline: none;
	background: #F4F4F4;
	border: 0;
}
.search_header span:nth-child(3){
	float: right;
	margin-right: 0.8rem;
}
/*头部结束*/

/*内容开始*/
.search_contain{
	background: white;
	margin-top: 4.5rem;
}
.search_contain_title{
	height: 3rem;
	line-height: 3rem;
	display: inlin;
}
.search_contain_list{
	display: flex;
	display: -webkit-flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.search_contain_list span{
	display: inline-block;
	height: 2rem;
	line-height: 2rem;
	padding: 0.1rem 0.2rem;
	margin: 0.5rem 0.2rem;
	border: 1px solid gainsboro;
	border-radius: 5px;
}
.search_contain_list span:nth-child(1),.search_contain_list span:nth-child(4),.search_contain_list span:nth-child(7){
	color: #B4282D;
	border:1px solid #B4282D;
}
/*搜索结果显示区域*/
.search_result{
	display: flex;
	display: -webkit-flex;
	justify-content: space-around;
	align-items: center;
	margin-bottom: 5rem;
	margin-top: 2rem;
	background: white;
	
}
/*搜索页面结束*/


/*订单详情页*/
@media only screen and (min-width:810px ) {
	.order_detain_box{
		width: 540px;
		margin: 0 auto;
	}
}
.order_detain_box{
	margin-top: 3.2rem;
	}
.order_detail_header{
	height: 4rem;
	padding: 0 0.5rem;
	border-bottom: 1px solid gainsboro;
}
.order_detail_header_left{
	float: left;
	line-height: 1.5rem;
	height: 3rem;
	margin: 0.5rem 0;
}
.order_detail_header_right{
	height: 4rem;
	float: right;
	line-height:4rem ;
}
.package_header{
	padding:0.4rem 0.2rem;
}
.package_header span:nth-child(1){
	float: left;
}
.package_header span:nth-child(2){
	float: right;
}
.package_mid{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center;
	height: 6rem;
	border-bottom: 1px solid gainsboro;
}
.package_mid_left{
	width: 25%;
}
.package_mid_mid{
	width: 50%;
}
.package_mid_right{
	width: 25%;
	text-align: right;
	padding-right: 1rem;
}
.package_mid_mid span{
	display: block;
	height: 1.4rem;
	white-space: nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.red_number{
	color: red;
}
.package_footer{
	height: 3rem;
	padding-top: 0.8rem;
	
}
.package_footer a{
	display: inline-block;
	margin-right: 0.8rem;
	float: right;
	padding: 0.3rem 0.4rem;
	border: 1px solid gainsboro;
}
.order_line{
	height: 0.5rem;
	background: #F4F4F4;
}


/*地址开始*/
.order_detail_address{
	height: 4.2rem;
	padding: 0 0 0 0.4rem;
	border-bottom: 1px solid gainsboro;
}
.order_detail_address>span{
	display: block;
	height: 1.5rem;
	line-height: 1.5rem;
}
.order_detail_address span:nth-child(1){
	margin-top: 1rem;
}
.order_detail_address span:nth-child(2){
	white-space: nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.order_detail_address_user{
	margin-right: 1.4rem;
}
/*地址结束*/

/*支付方式开始*/
.order_detail_pay{
	border-bottom: 1px solid gainsboro;
	height: 5rem;
	padding: 1rem 0.8rem 0 0.4rem;
}
.order_detail_pay_list{
	height: 1.4rem;
}
.order_detail_pay_number{
	height: 2.6rem;
	line-height: 2.6rem;
	padding-left: 0.4rem;
	color: red;
}



/*客服部分开始*/
.order_serve{
	border-bottom: 1px solid gainsboro;
	height: 7rem;
}
.order_serve_title{
	height: 3rem;
	line-height: 3rem;
	padding-left: 0.5rem;
}
.order_serve_link{
	text-align: center;
}
.order_serve_link button{
	display: inline-block;
	width: 45%;
	height: 3rem;
	background: #D24146;
	border: none;
	border-radius: 5px;
	color: white;
	padding: 0.3rem 0.8rem;
}


/*评价页面开始*/
@media only screen and (min-width:810px ) {
	.evaluate_box{
		width: 540px;
		margin: 0 auto;
	}
}
.evaluate_box{
	background: white;
	padding-bottom: 2rem;
}
.evaluate_header{
	height: 6.8srem;
}
.evaluate_header_left{
	float: left;
	width: 25%;
	height: 3rem;
	margin-top: 1.5rem;
	text-align: center;
}
.evaluate_header_left img{
	width: 3rem;
	height: 3rem;
}
.evaluate_header_right{
	float: right;
	padding-top: 1rem;
	width: 75%;
}
.evaluate_header_right span{
	display: block;
	height: 1.8rem;
}
.evaluate{
	height: 3rem;
	line-height: 3rem;
	padding-left: 1rem;
	margin-top: 1rem;
}

.evaluate_text textarea{
	display: block;
	width: 90%;
	height: 9rem;
	margin: 0 auto;
	padding: 0.4rem ;
	border: 1px solid gainsboro;
}
.evaluate_submit{
	text-align: right;
	height: 3rem;
	line-height: 3rem;
	padding-right: 1rem;
	margin-top: 1rem;
}
.evaluate_submit button{
	padding: 0.6rem 1rem;
	background: #D24146;
	border: none;
	color: white;
	border-radius: 4px;
}
/*评价页面结束*/


/*立即购买页面开始*/
@media only screen and (min-width: 810px) {
	.shop_box{
		width:540px;
		margin:0 auto;
	}
}
.advert{
	height: 3rem;
	line-height:3rem;
	color:#F6A23B;
	padding-left: 1rem;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	margin-top: 3.2rem;
	background-color: #FFF8D8;
}
.advert a{
	color:#F6A23B;
}
.img_line{
	height: 0.5rem;
	background: url(../img/shop1.png);
}
.address{
	display:flex;
	display: -webkit-flex;
	justify-content: space-around;
	align-items: center;
	height: 5rem;
	margin:0 0 0.4rem 0;
	padding: 0 1rem 0 1rem;
	background: white;
}
.address_left{
	width:15%;
}
.address_mid{
	width:75%;
}
.address_mid span:nth-child(2){
	color: gray;
}
.address_mid span{
	display:block;
	padding: 0.2rem 0;
}
.list_ul_card{
	margin-bottom: 0.5rem;
	box-sizing: border-box;
	background: #fff;
	padding-left: 1rem;
}
.list_ul_card li{
	display: flex;
	display: -webkit-flex;
	border-bottom: 1px solid #ccc;
	height: 3.5rem;
	line-height: 3.5rem;
	padding-right: 1rem;
	justify-content: space-between;
	align-items: center;
}
.list_ul_card div span{
	display: inline-block;
	padding: 0.2rem;
}
.list_ul_card li:nth-child(2){
	border-bottom: 0;
}
.list_ul{
	margin-bottom: 0.5rem;
	box-sizing: border-box;
	background: #fff;
	padding-left: 1rem;
}
.list_ul li{
	display: flex;
	display: -webkit-flex;
	border-bottom: 1px solid #ccc;
	height: 3.5rem;
	line-height: 3.5rem;
	padding-right: 1rem;
	justify-content: space-between;
	align-items: center;
}
.list_ul li:nth-child(4){
	border-bottom: 0;
}
.gift input,.list_ul input{
	display: inline-block;
	width: 1.5rem;
	vertical-align: middle;
}
@media only screen and (min-width: 810px) {
	.bottom_pay{
		width: 540px;
		margin: 0 auto;
		left: 50%;
	}
}
.bottom_pay{
	height: 3.5rem;
	line-height: 3.5rem;
	background: #fff;
	position: fixed;
	z-index: 9;
	bottom: 0;
	left: 0;
	width: 100%;
	padding-left: 1rem;
	border-top: 1px solid gainsboro;
}
.bottom_pay_left{
	color: #b4282d;
	width: 75%;
	float: left;
}
.bottom_pay_right{
	background: #b4282d;
	color: #fff;
	width: 25%;
	float: left;
	text-align: center;
}
.pay_way{
	background: white;
	padding-left: 1rem;
	margin-bottom: 4rem;
}
.pay_way_title{
	height: 3.5rem;
	line-height: 3.5rem;
}
.pay_way_content>span{
	display: block;
	height: 3rem;
	line-height: 3rem;
	padding: 0 0.4rem;
	border-top: 1px solid gainsboro;
}
.fa-qq{
	color: dodgerblue;
}
.fa-weixin{
	color: #F8513F;
}
.pay_way_content>span input{
	display: inline-block;
	margin-right: 1rem;
}
.pay_way_content>span .fa{
	padding-right: 0.3rem;
}
/*立即购买页面结束*/


/*优惠券页面开始*/
.youhui_exchange{
	background: white;
	height: 4rem;
	line-height: 4rem;
	padding: 0 0.5rem 0 0.8rem;
	display: flex;
	display: -webkit-flex;
	justify-content: space-around;
	align-items: center;
	margin-top: 3.2rem;
}
.youhui_exchange input{
	height: 2.4rem;
	width: 62%;
	padding-left: 1rem;
	outline: none;
	border: 1px solid gainsboro;
}
.youhui_exchange button{
	height: 2.6rem;
	width: 23%;
	color: white;
	background: #CCCCCC;
	border: 0;
	/*border-radius: 5px;*/
}

/*页面优惠券部分开始*/
.youhui_use{
	height: 3rem;
	line-height: 3rem;
	text-align: right;
	padding-right: 1rem;
}
.youhui_card_box ul li{
	width: 90%;
	margin: 0 auto;
	margin-bottom: 1rem;
}
.card_top{
	background: #DCB673;
	height: 9rem;
	display: flex;
	display: -webkit-flex;
	justify-content: space-around;
	align-items: center;
	color: white;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom: 5px dotted #D0AF70;
}
.card_top span{
	display: block;
	height: 2rem;
	line-height: 2rem;
}
.card_top span:nth-child(1){
	font-size: 1.4rem;
}
.card_top_right a{
	display: inline-block;
	background: #F9F2E4;
	border: 0;
	padding: 0.3rem 1rem;
}
.card_bot{
	/*height: 3.8rem;*/
	line-height: 4rem;
	background: #D0AF70;
	display: flex;
	display: -webkit-flex;
	justify-content: space-around;
	align-items: center;
	color: white;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.card_bot span:nth-child(1){
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	width: 80%;
}
.height_more{
	height: 7.4rem;
	text-overflow: initial;
	white-space: normal;
}
.pink .card_top{
	background: #EB7274;
	border-bottom: 5px dotted #D9686B;
}
.pink .card_bot{
	background: #D9686B;
}


/*已经失效横线*/
.timeout{
	display: flex;
	display: -webkit-flex;
	justify-content: space-around;
	align-items: center;
}
.timeout_line{
	width: 36%;
	border: 1px solid gainsboro;
}

/*失效部分开始*/
.timeout_card .card_top{
	background: #B8BCC3;
	border-bottom: 5px dotted #AAADB4;;
}
.timeout_card .card_bot{
	background: #AAADB4;
}
/*优惠券部分结束*/

/*注册页面开始*/
.register_header{
	height: 4rem;
	line-height: 4rem;
	background: #F7F7F7;
	font-size: 1.4rem;
	text-align: center;
}
.register_header a{
	display: block;
	float: left;
	width: 10%;
}
.register_header>span{
	display: block;
}
/*表单内容开始*/
.register_form{
	margin-top: 3rem;
}
.register_form input{
	display: block;
	width: 85%;
	height: 3.8rem;
	padding-left: 1rem;
	outline: none;
	margin: 0 auto;
	margin-bottom: 1rem;
	border: 1px solid #D7D7D7;
	box-sizing: border-box;
}
.register_form>span{
	display: block;
	width: 85%;
	margin: 1rem auto;
}
.register_form #regist_button{
	background: #EE6A6A;
	color: white;
	color: white;
	font-size: 1.4rem;
	border: none;
}
/*注册页面结束*/


/*重置密码页面*/
.password_box{
	padding:0 1rem;
}
.step{
	margin-top: 5.2rem;
}
.step_header ul{
	list-style: none;
}
.step_header ul li{
	list-style-type: none;
	height: 2rem;
	line-height: 2rem;
	float: left;
	text-align: center;
	background: #e4e4e4;
	margin-right: 3px;
	color: white;
	padding: 0 0.3rem;
}
.step_header ul li:nth-child(1){
	/*background: #FF6600;*/
}
.step_yellow{
	background: #FF6600 !important;
}
#yanzhengma{
	display: inline-block;
	width: 4rem;
}
.step_content{
	margin-top: 3rem;
	padding: 1rem;
	background: #F1FAFF;
	color: #666666;
}
.step_content ul li{
	height: 3rem;
	line-height: 3rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.step input{
	outline: none;
	height: 2rem;
	padding-left: 0.2rem;
	border: 1px solid gainsboro;
}
.step_content1 li:nth-child(4){
	margin-top: 3rem;
	text-align: center;
}
.step_content1 form li img{
	width: 8rem;
	height: 4rem;
	margin-left: 8rem;
}
.step_content ul li button{
	display: inline-block;
	height: 3rem;
	border: none;
	outline: none;
	padding: 0.2rem 0.4rem;
	background: #007AFF;
	border-radius: 5px;
	color: white;
}
.step_tip{
	margin-top: 3rem;
}
.step_tip_title{
	height: 3rem;
	line-height: 3rem;
}
.step_tip_list span{
	display: block;
	height: 1.8rem;
	line-height: 1.8rem;
}
/*第二步页面开始*/
.step_content2 h4{
	text-align: center;
	margin: 2rem;
}
.step_content2 li span{
	display: inline-block;
	width: 8rem;
}
.step_content2 li:nth-child(5){
	margin-top: 3rem;
	text-align: center;
}
/*第三步页面开始*/
.step_content3 h4{
	text-align: center;
	margin: 2rem;
}
.step_content3 div{
	text-align: center;
}
.step_content3 a{
	display: inline-block;
	width: 8rem;
	height: 2.8rem;
	background: #007AFF;
	color: white;
	text-align: center;
	padding: 0.2rem 0.1rem;
	border-radius: 5px;
	line-height: 2.8rem;
}

.step_content:nth-child(3),.step_content:nth-child(4),.step_content:nth-child(2){
	display: none;
}

/*瀑布流页面*/
.water_slide{
	margin-top: 3.2rem;
}