@charset "utf-8";
/* CSS Document */
.bg_white {
	background: #252b45;
}
body {
	background: #252b45;
}

/*登录*/
.head {
	position: fixed;
	top: 0;
	height: 50px;
	background: #2b3455;
	width: 100%;
	z-index: 500;
}
.heaa_top{ position:relative; text-align:center; font-size:18px;  height:50px; line-height:50px;}
.heaa_top i.head_btn{ display:block; width:26px; height:26px; position:absolute; left:10px; top:12px; background:url(../images/return.png) no-repeat 0 2px; background-size:90%;}
i.head_btn a{ display:block;width:28px; height:28px;  text-indent:-999em;}
.login_contant{ padding:40px 15%;}
.c_body{ padding:52px 0;}
.logo{ width:200px; height:200px; margin:0 auto 40px;}
.logo img{width:200px; height:200px; }
.label{ border-bottom:1px solid #E6E6E6; height:42px; margin:0 0 20px;}
.label input{ width:100%; height:40px; border:none; line-height:40px;}
.label input[type=number]{-moz-appearance:textfield;}
.login_btn{ width:70%; height:50px; background:#000; margin:0 auto; text-align:center;}
.login_btn button{ display:block; width:100%; height:100%; background:none; color:#fff; font-size:18px;}
.login_style{width:70%; margin:20px auto;}
.login_slt{ width:50%; float:left;}
.login_srt{ width:50%; float:right; text-align:right;}

/*首页*/
.weui-search-bar__box{ height:32px; background:#e9e9e9; border-radius:16px;}
.weui-search-bar__label{ background:none;}
.notice{ height:30px; margin:10px 0; background:#fff; padding:0 10px; line-height:30px; color:#666;}
.notice i{ float:left; display:block; width:15px; height:15px; background:url(../images/news.png) no-repeat; background-size:100%; margin:8px 10px 0 0;}
.banner{width: 100%; height:auto;}
.swiper-container {width: 100%;} 
.swiper-container img { display: block; width:100%;}

.item_key{padding:10px; background:#fff; margin:0 0 10px;}
.item_box{display:flex;}
.item_list{ flex:1}
.item_list a{ display:block;}
.item_img{ width:48px; height:48px;border-radius:20px; overflow:hidden; margin:0 auto;}
.item_img img{width:48px; height:48px;}
.item_list p{ height:40px; line-height:40px; text-align:center;}

.ad_key{ background: linear-gradient(#9e6bec, #76a2fb); background: -webkit-linear-gradient(#9e6bec, #76a2fb); /* Safari 5.1-6.0 */ background: -o-linear-gradient(#9e6bec, #76a2fb); /* Opera 11.1-12.0 */ background: -moz-linear-gradient(#9e6bec, #76a2fb); /* Firefox 3.6-15 */ background-repeat: no-repeat; background-size: 100%; background-attachment: fixed; overflow:hidden;}
.ad_img{ width:100%; height:auto;}
.ad_img img{ width:100%; height:auto;}
.ad_max{}
.ad_max ul{display:flex;}
.ad_max li{flex:1}
.ad_max li a{ text-indent:-999em;}
.ad_max li img{ width:100%; height:auto;}

.ad_min{}
.ad_min ul{display:flex;}
.ad_min li{flex:1}
.ad_min li img{ width:100%; height:auto;}

.p10{padding:10px;}
.group_box{}
.gb_title{ font-size:15px; font-weight:bold; height:30px;}
.gb_title span{ float:right;}
.gb_title span a{ color:#999; font-size:12px;}

.gb_cont{ overflow:hidden;}
.gb_cont ul{ height:260px; white-space: nowrap; overflow-y:auto;}
.gb_cont ul::-webkit-scrollbar{
    display: none;
}
.gb_cont ul li{ width:160px; height:200px; margin:0 10px 0 0;display: inline-block}
.gc_img{ width:160px; height:160px;}
.gc_img img{ width:160px; height:160px; background:#999;} 
.gb_cont ul li p{ padding:5px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#333;}
.gc_sale{ color:#F00; font-size:16px; line-height:20px;}
.icon_tg{ display:block; width:20px; height:20px; color:#fff; background:#F00; border-radius:6px; text-align:center; line-height:20px; font-size:12px;}

.footer{ color:#999; line-height:20px; text-align:center; font-size:12px; overflow:hidden; margin:10px 0;}
.weui-tabbar{ position:fixed;}


/*分类*/
.goods-box{ height:100%; height: calc(100vh - 94px);}
.goods-list {
	width: 100px;
	float: left;
	height: 100%;
	background: #252b45;
	overflow: auto;
}
.goods-list ul{width:100%;height:100%;}
.goods-list ul li{font-size: 12px;color: #fff;height: 50px;line-height: 50px;text-align: center;position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; cursor:pointer;}
	.goods-list ul li.on {
		background: #2b3455;
		border-left: 4px solid #000;
		color: #FFF;
	}
.goods-grid {
	height: 100%;
	overflow: auto;
	background: #252b45;
	padding: 10px;
}
.goods-grid ul,.goods-grid ul li{ overflow:hidden;}
.goods-grid ul li a{ display:block;}
.goods-cont{ width:29%; float:left; margin:0 2% 10px 2%;}
.goods-cont:nth-child(3n){ margin-right:0;}
.goods-cont p{
	color:#fff;
}
.good_img{ width:100%; height:auto;}
.good_img img{width:100%; height:auto; background:#999;}
.goods-cont p{ line-height:20px; text-align:center;}

/*购物车*/
.cart_title {
	height: 40px;
	border-bottom: 1px solid #E6E6E6;
	line-height: 40px;
	padding: 0 10px;
	background: #252b45;
}
.cart_title i{ display:block; float:left; width:16px; height:16px; margin:13px 10px 0 0;}
.cart_title i img{width:16px; height:16px;}
.cart_title span{ float:right;}
.cart_list{ padding:0 10px;}
.cart_commodity{ display:flex; overflow:hidden; margin:20px 0 0;}
.check_box{ width:30px; height:30px;  margin:0 10px 0 0; padding:20px 0;}
.cart_cimg{ width:80px; height:80px; background:#999; margin:0 10px 0 0;}
.cart_txt{ flex:1;}
.ct_top{ height:55px;}
.ct_top h2{ line-height:20px; font-size:15px;}
.ct_top h2 span{ float:right; margin:0 0 0 10px; color:#F00;}
.weui-count input[type=number]{-moz-appearance:textfield;}
.ct_bt i{ float:left;}
.ct_bt .weui-cell__ft{ float:right;}
.cart_commodity .ct_bt{ overflow:hidden;}
.settlement_box{ width:100%; height:40px; background:#fff; box-shadow:0 0 15px #ccc; position:fixed; bottom:50px;}
.settlement_box .check_box{ float:left; padding:2px 0;}
.btn_delete{ float:right; width:80px; height:40px; line-height:40px; background:#000; color:#fff; text-align:center;}
.btn_delete a{ display:block; color:#fff; text-align:center;}
.check_form{line-height:40px; width:80px; float:left; padding-left:10px;}
.sale_all{ float:right; line-height:40px; color:#666;}
.sale_all span{ color:#F00; padding:0 10px;}

/*个人中心*/
.weui-cell_img{ width:20px; height:20px; margin:0 5px 0 0;}
.weui-cell_img img{ width:20px; height:20px;}
.member_list{ background:#fff; border-bottom:1px solid #E6E6E6;}
.member_order_box{  width:100%;display:flex;justify-content:center;align-items:center; background:#fff;}
.member_order_list{ flex:1; position:relative; margin:10px;}
.member_order_list i{ min-width:18px; height:18px; background:#F00; color:#fff; position:absolute; right:0; top:0; font-size:10px; border-radius:9px; text-align:center; line-height:18px;}

.mol_img{ width:30px; height:30px; margin:0 auto;}
.mol_img img{ width:30px; height:30px;}
.member_order_list p{ text-align:center;}

.member_box_head{ width:100%; height:130px; background:url(../images/member-bg.png) no-repeat; background-size:100%; padding:20px 0;}
.member_p{ width:70px; height:70px; overflow:hidden; border-radius:35px; overflow:hidden; margin:0 auto;}
.member_p img{ width:70px; height:70px; }
.member_id{ text-align:center; padding:5px 0; color:#fff;}
.member_level{width:100px; min-width:100px; height:26px; border-radius:13px; text-align:center; line-height:26px; background:#06F; color:#fff; margin:0 auto;}
.member_level1{width:100px; min-width:100px; height:26px; border-radius:13px; text-align:center; line-height:26px; background:#ff7159; color:#fff; margin:0 auto;}

/*订单列表*/
.weui_navbar{ height:40px; position:fixed; top:50px; width:100%; background:#fff;}
.weui_navbar ul{ display:flex; text-align:center;}
.weui_navbar ul li{ padding:0 10px; flex:1; white-space:nowrap; color:#666; line-height:40px;}
.weui_navbar ul li.on{ color:#000; border-bottom:2px solid #000; line-height:38px;}
.weui-tab__bd{ padding:94px 0 10px;}
.weui-tab__bd ul li{}
.cart_top{ border-bottom:1px solid #E6E6E6; overflow:hidden; padding:0 0 10px; font-size:12px;}
.cart_top i{ float:left; margin:0 10px 0 0;}
.cart_top span{ float:right;}
.ct_bt span{ float:right; color:#666;}
.cart_cout{ text-align:right; overflow:hidden; border-top:1px solid #E6E6E6; margin:10px 0; color:#999;}
.cart_info_box{ overflow:hidden;}
.cart_info_box a{ display:block; width:60px; height:24px; border:1px solid #ccc; float:right; text-align:center; line-height:24px; font-size:12px;}
.weui_tab_bdlist{ background:#fff; padding:10px; margin:0 0 10px;}
.ct_top h2 span.col_gray{ color:#666;}

/*我的拼团*/
.fp{ background:#F00; color:#fff; border:none;}
.cart_tt{ overflow:hidden; font-size:12px;}
.cart_tt div{ float:left; font-size:12px}
.cart_tt div em{font-size:12px; color:#F00; font-style:normal;}
.cart_tt span{ float:right;}
.ctt_icon{ width:50px; height:20px; background:#0C0; color:#fff; border-radius:10px; text-align:center; line-height:20px;}
.cart_cout{ font-size:12px;}
.cart_cout span{ padding:0 10px; color:#F00;}

/*pt_list*/
.pt_list{ padding:10px;}
.pt_list ul{ overflow:hidden; white-space:normal; height:auto; width:100%;}
.pt_list ul li{ overflow:hidden; height:auto; width:45%; margin:0 2% 10px;}
.pt_list ul li .gc_img{ width:100%; height:100%;}
.pt_list ul li .gc_img img{ width:100%; height:100%;}
.gc_sale i.icon_tg{ float:left;}
.cart_icon{ float:right; width:20px; height:20px;}
.cart_icon img{ width:20px; height:20px;}

.sort_box{ height:40px; background:#fff; padding:0 20px;}
.sort_box .sort_list{ width:21%; float:left; padding:0 2%;}
.sort_txt{ float:left; margin:0 5px 0 0; padding:5px 0; line-height:30px;}
.sort_img{ float:left; width:10px; height:5px; margin:18px 0 0;}
.sort_img img{ width:10px; height:5px;}
.sort_img_two{ float:left;width:10px; margin:15px 0 0;}
.sort_img_up{ width:10px; height:5px; margin:0 0 1px;}
.sort_img_down{ width:10px; height:5px; }
.sort_img_up img,.sort_img_down img{width:10px; height:5px;}

/*产品详情*/
.gc_sale em{ text-decoration:line-through; color:#999;}
.gc_sale span{ float:right; color:#666; font-size:12px;}
.gc_sale h2{ font-size:15px; color:#333; line-height:30px; padding:5px 0;}
.pt_top{ padding:10px; background:#fff; overflow:hidden;}
.pt_mid{ background:#fff; overflow:hidden; margin:5px 0 10px;}
.ptm_txt{ float:left; padding:0 20px;}
.ptm_cont{ float:left;}
.pt_info{ background:#fff; overflow:hidden;}
.pt_info_tt{ height:30px;}
.pt_info_tt ul li{ width:33%; float:left; text-align:center; line-height:30px;}
.pt_info_tt ul li.on{ border-bottom:2px solid #ccc;}
.pt_info_cont{ overflow:hidden; clear:both;}


/*member_info*/
.weui-cells_form{ background:#fff; padding:10px 0;}
.weui-label{ width:100px; margin:0 10px 0 0;}
.wc_avatar{ width:40px; height:40px; float:right; background:#000; border-radius:50%; overflow:hidden;}
.wc_avatar img{ width:100%; height:100%;}
.mi_btn{ position:fixed; width:100%; height:40px; background:#232323; text-align:center; line-height:40px; bottom:0;display:block; color:#fff; font-size:18px;}
.mi_btn a{ display:block; color:#fff; font-size:18px;}
.weui-input{ color:#666;}

/*my_scores*/
.scores_box{ background:#ff7159; color:#fff; padding:20px;}
.scores_txt:nth-child(1){ border-bottom:1px solid #fff; margin:0 0 10px;}
.scores_txt:nth-child(2){ border-bottom:1px solid #fff; margin:0 0 10px;}
.scores_txt h2{}
.scores_txt p{font-size:36px;}



.scores_box1{ background:#ff7159; color:#fff; padding:20px;}
.scores_txt1:nth-child(1){ border-bottom:1px solid #fff; margin:0 0 10px;}
.scores_txt1 h2{}
.scores_txt1 p{font-size:36px;}

/*invitation_code*/
.invitation_body{background:linear-gradient(90deg,#f213a3,#ca29db); width:100%; height:100%;}
.invitation_box{ background:url(../images/invite-bg.png) no-repeat top;background-size:100%; width:100%; height:172px;}
.incode{ background:#fff; border-radius:20px; padding:20px; width:80%; margin:0 auto; text-align:center;}
.incode h2{background:linear-gradient(90deg,#5f2ef6,#b945dd);; width:160px; height:30px; border-radius:15px; color:#fff; text-align:center; line-height:30px; margin:0 auto; display:block;}
.incode h3{ color:#5f2ef6; font-size:18px; padding:10px 0;}
.incode p{ width:80%; margin:0 auto; font-size:12px; color:#666;}
.inv_box{ overflow:hidden; width:80%; margin:0 auto; padding:20px 0;}
.inv_box ul li{ width:100%; float:left;}
.inv_img{ width:250px; height:250px; margin:0 auto;}
.inv_img img{ width:100%; height:100%;}
.inv_box ul li p{ color:#F00;}
.inv_box ul li h4{ color:#666;}

.inv_share{ width:200px; overflow:hidden; margin:30px auto;}
.inv_share_img{ width:50px; height:50px; margin:0 25px; float:left; border-radius:50%; overflow:hidden;}
.inv_share_img img{ width:100%; height:100%;}

/*列表*/
.tab{ width:100%; background:#fff;}
.tab_hd{ overflow:hidden; background:#f8f8f8;}
.tab_hd ul{ width:100%; height:40px; line-height:20px; display:flex; align-items:center;} 
.tab_hd ul li{ flex:1; text-align:center; border-right:1px solid #ebebeb;}
.tab_bd ul{ width:100%; display:flex; align-items:center; height:40px; line-height:40px;} 
.tab_bd ul li{ flex:1; text-align:center; padding:0 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-bottom:1px solid #ebebeb;}
.tab_btn{ padding:0 10px; height:30px; margin-bottom:5px; margin-top:5px; border-radius:6px; background:#093; color:#fff;}
.tab_btn2{ background:#ce3c39;}
.tab_btn3{ background:#999;}


/*search_bar*/
.search_page{ width:100%; display:flex;}
.search_bar_btn{ width:60px; height:30px;margin:8px 5px;}
.search_bar_btn button{width:60px; height:30px; text-align:center; line-height:30px; background:#ccc; border-radius:10px;}
.search_page .weui-search-bar{ flex:1;}

/*订单详情*/
.order_status{ font-size:16px; line-height:30px;}
.otab_box{ background:#fff; padding:10px; margin:10px 0 0; }
.logistics_p{display:flex;align-items:center;}
.sign_line{ display:block;flex:1; }
.sign_line h2{ line-height:18px; color:#000; font-size:15px;}
.sign_line p{ color:#666; font-size:13px; padding:5px 0;}
.logistics_p .otab_rt{width:20px; height:20px;}
.otab_rt img{ width:100%; height:100%;}
.recipient_box{ border-top:1px solid #E6E6E6; padding:10px 0;}
.otab_info{}
.otab_info li{ display:flex;}
.otab_tt{ width:80px; color:#666;}
.otab_cc{ flex:1; text-align:right;}
.otab_cc span{ color:#F00;}
.order_status2{ color:#F00; font-size:15px;}
.order_status2 span{ float:right; color:#033;}


.headList{
		height: 50px;
		text-align: center;
		line-height: 50px;
	    margin-bottom: 10px;
	}
	.headList i svg{
	    float: left;
	    width: 15px;
	    height: 15px;
        margin-top: 15px;
	    margin-left: 6px;
	}
	.boxList{
		width: 92%;
	    margin-left: auto;
	    margin-right: auto;
	    margin-bottom: 30px;
	    padding: 5px 10px 10px 10px;
	    background: #ffffff;
	    color: #333;
	    border-radius: 0.5em;
	    box-shadow: 0px 4px 18px rgba(255, 213, 66, 0.4);
	}
	.listLine{
		height: 40px;
		line-height: 40px;
	}
	.lineLeft{
		float: left;
	}
	.lineRight{
		float: right;
	}