@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px; -webkit-box-sizing: border-box;	-moz-box-sizing: border-box; box-sizing: border-box; outline:none;}
html,body{ width:100%; height:100%;}
body{ color:#666; font-family:"Microsoft YaHei", "微软雅黑";}
div,h1,h2,h3,h4,h5,h6,ul,ol,li,dd,dt,p,img{ margin:0px; padding:0px;}
div,p{ font-size:0.37333rem;}
ul,ol,li,dl{ list-style:none;}
img{ border:none; display:block;}
a{ text-decoration:none; color:#666; cursor:pointer;}
@font-face {font-family: 'iconfont';
    src: url('iconfont.eot');
    src: url('iconfont.eot?#iefix') format('embedded-opentype'),
    url('iconfont.woff') format('woff'),
    url('iconfont.ttf') format('truetype'),
    url('iconfont.svg#iconfont') format('svg');
}
.iconfont{font-family:"iconfont"; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; text-align:center;}


input,select,textarea{ border:none; font-size:0.37333rem; font-family:"Microsoft YaHei", "微软雅黑"; appearance:none; -moz-appearance:none; -webkit-appearance:none; -moz-appearance: textfield;}
input[placeholder], [placeholder], *[placeholder],textarea[placeholder]{ font-family:"Microsoft YaHei", "微软雅黑"; color:#999;}
input::-webkit-input-placeholder{ font-family:"Microsoft YaHei", "微软雅黑"; color:#999;} 
input:-moz-placeholder{ font-family:"Microsoft YaHei", "微软雅黑"; color:#999;} 
input::-moz-placeholder{ font-family:"Microsoft YaHei", "微软雅黑"; color:#999;} 
input:-ms-input-placeholder{ font-family:"Microsoft YaHei", "微软雅黑"; color:#999;}
button{ border:none;}

.none{ display:none!important;}
.bg_fff{ background:#fff!important;}
.bg_grey{ background:#f6f6f6!important;}
.bg_none{ background:none!important;}
.bg_orange{ background:#fb8626!important;}
.bg_green{ background:#02c67e!important;}
.bg_red{ background:#ff5857!important;}
.bg_zs{ background:#ffffff!important;}
.bg_ccc{ background:#ccc!important;}


.fs11{ font-size:.293333rem!important;}
.fs12{ font-size:.32rem!important;}
.fs13{ font-size:.34666rem!important;}
.fs14{ font-size:.37333rem!important;}
.fs15{ font-size:.4rem!important;}
.fs16{ font-size:.426666rem!important;}
.fs17{ font-size:.45333rem!important;}
.fs18{ font-size:.48rem!important;}
.fs24{ font-size:.64rem!important;}
.fc_999{ color:#999!important;}
.fc_333{ color:#333!important;}
.fc_000{ color:#000!important;}
.fc_fff{color:#fff!important;}
.fc_zs{color:#df241b!important;}
.fc_zs s{ color:#999999; font-size:.2rem;}
.fc_red{ color:#ff795c!important;}
.fc_green{ color:#06ba00!important;}
.font_weight{ font-weight:700!important;}

.fc_st_1{ color:#06ba00!important;	text-align:right;}
.fc_st_2{ color:#FF0000!important;	text-align:right;}
.fc_st_0{ color:#000!important;		text-align:right;}

.line_h12{ line-height:.50666rem;}
.line_h13{ line-height:.5333rem;}
.line_h14{ line-height:.58666rem;}
.line_h15{ line-height:.61333rem;}
.text_line{ text-decoration:line-through!important;}
.text_left{ text-align:left!important;}
.text_center{ text-align:center!important;}
.text_right{ text-align:right!important;}
.pad_t_5{ padding-top:5px!important;}
.pad_l_5{ padding-left:5px!important;}
.pad_r_5{ padding-right:5px!important;}
.pad_b_5{ padding-bottom:5px!important;}
.pad_l_8{ padding-left:.21333rem!important;}
.pad_12{ padding:.32rem!important;}
.pad_t_12{ padding-top:.32rem!important;}
.pad_l_12{ padding-left:.32rem!important;}
.pad_r_12{ padding-right:.32rem!important;}
.pad_b_12{ padding-bottom:.32rem!important;}
.pad_16{ padding:.42666rem!important;}
.pad_t_16{ padding-top:.42666rem!important;}
.pad_l_16{ padding-left:.42666rem!important;}
.pad_r_16{ padding-right:.42666rem!important;}
.pad_b_16{ padding-bottom:.42666rem!important;}
.pad_l_none{ padding-left:0px!important;} 
.pad_r_none{ padding-right:0px!important;}
.bor_rad_5{ -webkit-border-radius:5px; border-radius:5px;}
.bor_round{ -webkit-border-radius:50%; border-radius:50%;}
.bor_b{ border-bottom:1px solid #eee!important;}
.bor_r{ border-right:1px solid #eee!important;}

.h12{ height:.32rem; width:100%;}
.h20{ height:.5333rem; width:100%;}
.h30{ height:.8rem; width:100%;}
.h60{ height:1.6rem; width:100%;}
.h80{ height:2.1333rem; width:100%;}
.h100{ height:2.6666rem; width:100%;}

.jt_right{ width:0.16rem; height:0.29333rem;}


.flex,.public_list,.public_list2,.public_tit,.footer,.foot_list,.top_bar,.top_left,.top_right,.none_bar{
	display: box;              /* OLD - Android 4.4- */
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */	
}
.flex_col,.foot_list,.none_bar{
	-webkit-flex-direction:column;
	-moz-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
}
.flex_items_center,.public_list,.public_list2,.footer,.foot_list,.top_bar,.top_right,.top_left,.none_bar{
	-webkit-align-items:center; 
	-moz-align-items:center;
	-ms-align-items:center;
	align-items:center;
}
.flex_items_end{
	-webkit-align-items:flex-end; 
	-moz-align-items:flex-end;
	-ms-align-items:flex-end;
	align-items:flex-end;
}
.flex_justify_center{
	-webkit-justify-content:center;
	-moz-justify-content:center;
	-ms-justify-content:center;
	justify-content:center;
}
.flex_justify_between{
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	-ms-justify-content:space-between;
	justify-content:space-between;
}
.flex_justify_end,.top_right{
	-webkit-justify-content:flex-end!important;
	-moz-justify-content:flex-end!important;
	-ms-justify-content:flex-end!important;
	justify-content:flex-end!important;
}
.flex_wrap{
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.flex1{
	-webkit-flex:1;
	-moz-flex:1;
	-ms-flex:1;
	flex-flex:1;
}
.align_self_end{
	-webkit-align-self:flex-end;
	-moz-align-self:flex-end;
	-ms-align-self:flex-end;
	align-self:flex-end;
}
.align_self_center{
	-webkit-align-self:center;
	-moz-align-self:center;
	-ms-align-self:center;
	align-self:center;
}



.public_list{ border-bottom:1px solid #eee; padding:0px .42666rem; height:1.33333rem;}
.public_list:nth-last-of-type(1){ border:none;}
.public_list2{ border-bottom:1px solid #eee; padding:.32rem .42666rem;}
.public_list2:nth-last-of-type(1){ border:none;}
.public_tit{ padding:.32rem .42666rem;}
.public_btn{ padding:.8rem .42666rem;}
.public_btn input,.public_btn a,.public_btn button{ display:block; width:100%; height:1.2rem; line-height:1.2rem; text-align:center; color:#fff; font-size:.4rem; -webkit-border-radius:5px; border-radius:5px; background: #ff5a5f;}



/*--------------   固定头部   --------------*/
.top_bar{ height:1.17333rem; line-height:1.17333rem; font-size:0.4rem; padding:0px 0.37333rem; background:#FF5A5F;}
.top_left,.top_right{ width:20%;}
.top_left img{ display:inline-block; height:.45333rem;}
.top_middle{ width:60%; text-align:center; overflow:hidden;text-overflow:ellipsis;white-space: nowrap; color:#fff; font-size:0.42666rem;}
.top_right{ font-size:0.32rem; color:#000;}
.top_right img{ height:.5333rem;}



/*--------------   固定底部   --------------*/
.footer{ position:fixed; z-index:5; bottom:0px; left:0px; right:0px; height:1.30666rem; background:#fff; border-top:1px solid #eee; }
.foot_list{ width:50%;}
.foot_list span{ width:.64rem; height:.64rem; background-size:.58666rem;}
.sy_icon{ background:center url(../icon/home_nav.png) no-repeat;}
.sc_icon{ background:center url(../icon/shop_nav.png) no-repeat;}
.td_icon{ background:center url(../icon/team_nav.png) no-repeat;}
.my_icon{ background:center url(../icon/my_nav.png) no-repeat;}
.foot_list p{ font-size:0.29333rem;}
.foot_list.hover .sy_icon{ background:center url(../icon/home_nav_hover.png) no-repeat; background-size:.58666rem;}
.foot_list.hover .sc_icon{ background:center url(../icon/shop_nav_hover.png) no-repeat; background-size:.58666rem;}
.foot_list.hover .td_icon{ background:center url(../icon/team_nav_hover.png) no-repeat; background-size:.58666rem;}
.foot_list.hover .my_icon{ background:center url(../icon/my_nav_hover.png) no-repeat; background-size:.58666rem;}
.foot_list.hover p{ color:#2a7575;}


/*--------------   购物车弹出框   --------------*/
.box_fixed{ background:rgba(0,0,0,0.5); position:fixed; z-index:999; left:0rem; top:0rem; width:100%; height:100%; display:none;}
.box_bar{ position:absolute; left:0rem; bottom:0rem; width:100%; background:#fff;}
.box_top{ border-bottom:1px solid #eee; padding:.32rem; padding-top:0rem;}
.box_img{ margin-top:-0.32rem; width:2.13333rem; height:2.13333rem; border-radius:.16rem; overflow:hidden; border:1px solid #eee;}
.box_img img{ width:100%; height:100%;}
.box_tit{ flex:1; padding:.32rem; padding-right:.16rem; font-size:.34666rem; color:#000;}
.box_close{ font-size:.34666rem; padding-top:.32rem; padding-left:.32rem;}
.box_middle{ padding:.32rem;}
.box_num_bar span{ width:.5333rem; height:.5333rem; text-align:center; line-height:.5rem; background:#df241b; color:#fff; border-radius:50%; font-size:.4rem;}
.box_num_bar input{ width:1.0666rem; text-align:center;}
.box_num_bar span.bgc_dadada{ background:#dadada;}
.box_bottom{ height:1.17333rem;}
.box_bottom_price,.box_bottom_btn{ line-height:1.17333rem; text-align:center; color:#fff;}
.box_bottom_price{
   -webkit-flex:3;
   -moz-flex:3;
   -ms-flex:3;
   flex:3; background:#2d3039;
}
.box_bottom_btn{
   -webkit-flex:2;
   -moz-flex:2;
   -ms-flex:2;
   flex:2; background:#df241b;
}
.btn_disable{ background:#ccc;}