@charset "utf-8";

@font-face {
  font-family: 'Source Han Sans'; 
  font-weight: normal;
  font-style: normal;
}
*{ margin:0; padding:0; font-size:0.32rem; font-family: 'Source Han Sans',"PingFang SC","\5fae\8f6f\96c5\9ed1","\5B8B\4F53","\9ED1\4F53",arial,sans-serif; color:#333333; }
/* .clear { clear:both; font-size:0px; }
img{ border:0rem; display: block;}
input{outline:none;}
ul{ margin:0; padding:0; }
li{ list-style-type:none; }
.left{ float:left;}
.right{ float:right;} */
body{
   background-color: #f4f4f4; 
}
input:focus {
    outline: none;
}
img{ display:block;}
li {list-style: none;}
a{ text-decoration:none; color:#000000; }
.center{ margin:0 auto;}
.row{ display: flex ; flex-direction: row; flex-wrap: wrap;align-content:flex-start;}
.row_right{ display: flex; flex-direction: row-reverse; flex-wrap: wrap;align-content:flex-start;}
.row_mid{display: flex; flex-direction: row; flex-wrap: wrap;justify-content:space-around;}
.row_btw{display: flex !important; flex-direction: row; flex-wrap: wrap;justify-content:space-between !important;}
.yinying{box-shadow: 0px 0px 10px #ffd1b2;}
.hid{ display:none !important;}
.lue{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.lue2{
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;				 
	text-overflow: ellipsis;		 
	display: -webkit-box;			 
	-webkit-line-clamp: 2;			 
	line-clamp: 2;					
	-webkit-box-orient: vertical;
	
}
.cuizhi{display: flex; align-items: center; /*垂直居中 ie11以上*/ }
.cuizhi2{display: flex; align-items: center;justify-content: center;}
.neibian{ box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
}
/*文字苗黑边*/
.txtborder{text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0; 
-webkit-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0; 
-moz-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0; 
*filter: Glow(color=#000, strength=1);}

.line_scroll{overflow: hidden;overflow-x: scroll;white-space: nowrap; font-size:0;}
.line_scroll .sub{ display:inline-block;}

.w{ width:6.9rem; margin:0 auto;}
.p690{ width:7.5rem; box-sizing: border-box; padding-left:0.3rem !important ; padding-right:0.3rem !important;}
.p670{ width:7.5rem; box-sizing: border-box; padding-left:0.4rem; padding-right:0.4rem;}
.w700{ width:7rem; margin:0 auto;}
.btn{ width:6.88rem; height:0.98; background-image:url(../images/btn.png); margin:0 auto; height:0.7rem; line-height:0.7rem; text-align:center; color:#ffffff; font-size:0.35rem; background-color:#F90; border-radius:0.09rem; margin-top:0.5rem; margin-bottom:1rem; display:block; box-shadow: 0px 0px 25px #ffd1b2; border:1px solid #ffffff;}
.readtk{ width:6.88rem; height:0.5rem; margin:0 auto;}

.wenzi{font-size:0.21rem; line-height:0.5rem;}
.nextpage{ width:6.9rem; height:0.8rem; line-height: 0.8rem; color:#999999; font-size:0.28rem; 
			text-align: center; margin: 0 auto ;}
.font1{ font-size:0.28rem; line-height: 0.5rem; padding-top:0.25rem;}


/*不显示滚动条*/
::-webkit-scrollbar{
		display:none;
	}
header{ width:7.5rem; height:0.88rem; background-color: #ffffff; z-index: 999;}
header .goback{ height:0.88rem; width:1rem;}
header .goback img{ width:0.16rem; height:0.27rem; margin-left:0.4rem; margin-top:0.3rem;}
header .title{ height:0.88rem; width:5.5rem; line-height: 0.88rem; text-align: center; font-size:0.35rem; font-weight: 100}
header .title .search{ width:5.5rem; box-sizing: border-box; border:0rem; padding-left:0.3rem;
	background-color:#F4F4F4; height: 0.65rem; border-radius: 0.35rem; font-size:0.25rem;}
header .more{ height:0.88rem; width:1rem; font-size:0.28rem; text-align: center; line-height: 0.88rem;}
header .txtabs{ position: absolute; top:0rem; right:0rem;height:0.88rem; font-size:0.28rem; padding-right:0.1rem; line-height: 0.88rem;}
header .sub_title{  box-sizing: border-box; height:0.88rem; width:3.2rem; padding-right:0.15rem; line-height: 0.88rem; font-size:0.35rem; font-weight: 100}
header .sub_search{ width:3.3rem; padding-right:0.3rem; padding-top:0.1rem; box-sizing: border-box;}
header .sub_search .search{ width:3rem; box-sizing: border-box; border:0rem; padding-left:0.3rem; padding-top:0.2rem;
	background-color:#F4F4F4; height: 0.65rem; line-height: 0.65rem; border-radius: 0.35rem; font-size:0.28rem;  }

.goback_f{ height:0.88rem; width:0.88rem;  text-align: center; line-height: 0.88rem;}
.goback_f img{ width:0.55rem; height:0.55rem; margin-left:0.2rem; margin-top:0.2rem;}

.toping{position: fixed; left:0px; top:0px;} 
.bottoming{position: fixed; left:0px; bottom:0px;} 
.top_border{ border-bottom:0.01rem solid #e4e4e4;}

.bgimgcenter{background-repeat: no-repeat; /* 防止背景图片重复 */
  background-position: center center; /* 水平垂直居中 */
  background-size: cover;}
 
.gelifooter{ margin-bottom:1rem;}  

.new_footer{ height:0.98rem; background-color: #ffffff; width: 7.5rem;}
.new_footer .kuang{ height:0.98rem; width:1rem; text-align: center; font-size:0.22rem; color:#999999;}
.new_footer .kuang .img{ width:0.49rem; height:0.48rem; margin: 0 auto; margin-top:0.1rem; }

.new_footer .kuang .index{background-image: url('/images/footer/index.png'); background-size:0.49rem 0.48rem;}
.new_footer .kuang .code{background-image: url('/images/footer/code.png'); background-size:0.49rem 0.48rem;}
.new_footer .kuang .value{background-image: url('/images/footer/value.png'); background-size:0.49rem 0.48rem;}
.new_footer .kuang .cart{background-image: url('/images/footer/cart.png'); background-size:0.49rem 0.48rem;}
.new_footer .kuang .my{background-image: url('/images/footer/my.png'); background-size:0.49rem 0.48rem;}

.new_footer .kuang.on{ color:#333333;}
.new_footer .kuang.on .index{background-image: url('/images/footer/index_on.png'); background-size:0.49rem 0.48rem;}
.new_footer .kuang.on .code{background-image: url('/images/footer/code_on.png'); background-size:0.49rem 0.48rem;}
.new_footer .kuang.on .value{background-image: url('/images/footer/value_on.png'); background-size:0.49rem 0.48rem;}
.new_footer .kuang.on .cart{background-image: url('/images/footer/cart_on.png'); background-size:0.49rem 0.48rem;}
.new_footer .kuang.on .my{background-image: url('/images/footer/my_on.png'); background-size:0.49rem 0.48rem;}

/* wrapper2:超出两行显示省略号 */
.wrapper2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	}
/* wrapper1:超出一行显示省略号 */
.wrapper1{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	}

/* wrapper1:超出三行显示省略号 */
.wrapper3{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	}



/* 设置不可点击 */
.disabled {

	pointer-events: none;
	
	cursor: default;
	
	}

.loading{
	display:table;
	background-color: #ffffff;
	border:0.01rem solid #efefef;
	padding:0.2rem;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	text-align: center;
	box-shadow: 0px 0px 0.5rem #ffd1b2;
	border-radius: 50%; 
}
/* tabbar */
.gn_tabbar{
    width: 7.5rem;
    height: 1.05rem;
    background-color: #fff;
}

.gn_tabbar .item{

    margin-top: 0.10rem;
    width: 0.8rem;
    display: flex;
    flex-direction: column;
   
    align-items: center;
}

.gn_tabbar .item .img{
    width: 0.48rem;
    height: 0.49rem;
}

.gn_tabbar .item .img img{
    width: 0.48rem;
    height: 0.49rem;
}

.gn_tabbar .item .txt{
    height: 0.39rem;
    line-height: 0.39rem;
    font-size: 0.2rem;
    color: #999999;  
}

.gn_tabbar .item .txt.on{
    height: 0.39rem;
    line-height: 0.39rem;
    font-size: 0.2rem;
    font-weight: Bold;
    color: #333333;
   
}

.gn_tabbar .item .cart_num{width: 0.4rem; height: 0.4rem; border-radius: 50%; background-color: red;
     position: absolute; top: -0.13rem; right: -0.05rem; color: #fff; 
     font-size: 0.2rem; text-align: center; line-height: 0.4rem;}

.loading .cell{display:table-cell; vertical-align:middle; font-size:0.3rem;}
/*
<div class="loading" style="display:;width:2rem; height:2rem;font-size:0.25rem;">
	<div class="cell">图片加载中，稍等</div>
</div>
*/

/*相关的按钮*/
.longbtn{ width:6.9rem; height:1rem; text-align:center; line-height:1rem; font-size:0.35rem;
	 color:#ffffff; margin:0 auto; border-radius:8px;
}

.checked{
	width:0.32rem; height:0.32rem;
	border: 1px solid #949494; 
	-webkit-appearance: none;
	position: relative;
}
.checked:checked{
	background-color: #efefef;
}
.checked:checked::after{
	content: "✓";
	font-size:0.28rem; font-weight:800;
	color: #000000;
	position: absolute; left:0.03rem; top:-0.05rem; 
}

.nodata{ background-image: url('/images/no_data.png'); min-height:5rem; background-size:3.74rem 3.30rem; background-repeat: no-repeat; background-position: center center;}

/*两种颜色*/
.font_col{ color:#ff509c !important;}
.font_col_on{ color:#7572ff  !important;}
.bg_col{ background-color:#ff509c  !important;}
.bg_col_on{ background-color:#7572ff  !important; }

/*分页*/
.gpage{ text-align:center; font-family:"宋体"; padding-bottom:10px; }
.gpage span{ font-family:"宋体"; font-size:12px;}
.gpage span.on{ padding:3px 5px 3px 5px; margin-right:5px; border:1px solid #ff0000; color:#ff0000; font-size:12px; text-decoration:none; font-family:"宋体"; }
.gpage a{  padding:3px 5px 3px 5px; margin-right:5px; border:1px solid #333333; color:#333333; font-size:12px; text-decoration:none; font-family:"宋体";  }
.gpage span.dot{ padding:3px 5px 3px 5px; margin-right:5px; font-size:14px; text-decoration:none;  font-family:"宋体"; }

#nextdownpage{ width:100%; height:1.5rem ; text-align:center; line-height:1.5rem; font-size:0.4rem; z-index:99;}

/*字体的一般颜色*/
.font_com{ color:#101010;}

#barraged{ position:fixed; right:1rem; bottom:1.5rem; width:3rem; z-index:999; }
#barraged .cc{ position:absolute; bottom:0rem; right:0rem; width:1.16rem; height:1.16rem; border-radius:50%;}
#barraged .cc img{width:1.16rem; height:1.16rem; border-radius:50%;}

#barraged .xf1{ position: absolute; right:1.4rem; bottom:0rem; width:0.9rem; height:0.9rem; border-radius:50%; background-color:#F9C6DA; text-align:center; line-height:0.9rem; font-size:0.40rem;z-index:99; }

#barraged .xf2{ position:absolute; right:1.0rem; bottom:1rem; width:0.9rem; height:0.9rem; border-radius:50%; background-color:#F9C6DA; text-align:center; line-height:0.9rem; font-size:0.42rem; z-index:99;}

#barraged .xf3{ position:absolute; right:0rem; bottom:1.3rem; width:0.9rem; height:0.9rem; border-radius:50%; background-color:#F9C6DA; text-align:center; line-height:0.9rem; font-size:0.42rem; z-index:99;}

#barraged .xf4{ position:absolute; right:0.8rem; bottom:-0.9rem; width:0.9rem; height:0.9rem; border-radius:50%; background-color:#F9C6DA; text-align:center; line-height:0.9rem; font-size:0.42rem; z-index:99;}

#barraged  a{ font-size:0.45rem; color:#ffffff;}

#barraged .barrage_k{ width:2.5rem; height:2.5rem; position:relative;}


/*支付弹窗*/
.pay_bg {
    position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.5);
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
}
.pay_bg .pay_info {
    position: absolute; bottom: 0; left: 0;
    background-color: #ffffff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 100%;
    padding-bottom: 0.5rem;
}
/* 隐藏 */
.show{display: none;}
.pay_bg .pay_info .pay_show_line{ height: 0.8rem; line-height: 0.8rem ; text-align: center; font-size:0.3rem; margin-top:0.3rem; position: relative;}
.pay_bg .pay_info .pay_show_line .close{position: absolute;top: 0rem;right: .3rem; width: .3rem;height: .3rem;
            							background: url(../../images/shop/closer.png) no-repeat center;background-size: 100%;}
.pay_bg .pay_info .pay_use_cash{ height:0.44rem;}
.pay_bg .pay_info .pay_use_cash .a1{ line-height: 0.44rem; font-size:0.25rem;}
.pay_bg .pay_info .pay_use_cash .a1 span{ font-size:0.25rem;}
.pay_bg .pay_info .pay_use_cash .a2{ width:0.44rem; height: 0.44rem;}
.pay_bg .pay_info .pay_use_cash .a2 img{width:0.44rem; height: 0.44rem;}
.pay_bg .pay_info .pay_cho{ margin-bottom: 0.45rem;}
.pay_bg .pay_info .pay_cho .pay{padding-top:0.25rem;}
.pay_bg .pay_info .pay_cho .pay .icon1{ width:0.48rem; height:0.48rem; margin-top:0.08rem; }
.pay_bg .pay_info .pay_cho .pay .icon1 img{ width:0.48rem; height:0.48rem;}
.pay_bg .pay_info .pay_cho .pay .icon2{ width:5rem; line-height: 0.64rem; font-size:0.3rem;}
.pay_bg .pay_info .pay_cho .pay .icon3{ width:0.34rem; height:0.34rem; margin-top:0.15rem;}
.pay_bg .pay_info .pay_cho .pay .icon3 img{width:0.34rem; height:0.34rem;}

.pay_bg .pay_info .pay_btn{ margin:0 auto; width:6.9rem; height:0.9rem; line-height: 0.9rem; border-radius: 0.4rem; 
							background-color:#FFBF63; font-size:0.35rem; font-weight: 800; color:#ffffff; letter-spacing: 0.2rem; text-align: center;}

/*div 浮层*/
.div_Fc {
    position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.01);
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
}
.div_Fc .kuang{
    top: 0;
    left: 0;
	right:0;
	bottom:0; 
    z-index: 10001;
    box-shadow: 2px 2px 4px #A0A0A0, -2px -2px 4px #A0A0A0;
}
.div_Fc2 {
    position: fixed;  
	top:0;
	bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.01);
    display: flex;
    display: -webkit-flex;
    
}
.div_Fc2 .kuang{
    top: 0;
    left: 0;
	right:0;
	bottom:0; 
    z-index: 10001;
    box-shadow: 2px 2px 4px #A0A0A0, -2px -2px 4px #A0A0A0;
}
.div_Fc2 .bottom{
  	width:100%;
    position: absolute; bottom: 0; left: 0;
    z-index: 10001;
    background-color: #ffffff;
	border-top-right-radius: 0.05rem;
	border-top-left-radius: 0.05rem;
	border-top:0.01rem solid #efefef;
}
.div_Fc2 .bottom .close_line{ height: 0.3rem; line-height: 0.8rem ; text-align: center; font-size:0.3rem; margin-top:0.05rem; position: relative;}
.div_Fc2 .bottom .close_line .close{position: absolute;top: 0rem;right: .3rem; width: .3rem;height: .3rem;
            							background: url(../../images/shop/closer.png) no-repeat center;background-size: 100%;}
/*
<div class="div_Fc2">
	<div class="bottom">
		<div class="close_line"><div class="close"></div></div>
		<div class="">
		sfdsfs<br>fdsafds
		</div>
	</div>
</div>
*/
.hm_xinxi{width: 100%;margin-bottom: 0.4rem;}

.hm_xinxi .hm_tit{font-size: 0.27rem;color: #333333;line-height: 0.58rem;margin-right: 0.3rem;}
.hm_xinxi .hm_input{background-color: #F4F4F4;border: 1px solid #999999;font-size: 0.24rem;outline: none;width: 100%;border-radius: 0.15rem;height: 0.58rem;padding: 0.29rem;color: #999999;box-sizing: border-box;}
.hm_xinxi .hm_select{background-color: #F4F4F4;border: 1px solid #999999;font-size: 0.24rem;outline: none;width: 100%;border-radius: 0.15rem;height: 0.58rem;padding-left: 0.29rem;color: #333333;box-sizing: border-box;}
.hm_xinxi .hm_select option { width: 100%;}
.hm_xinxi .hm_textarea{padding:  0.27rem 0;box-sizing:border-box;background-color: #F4F4F4;border: 1px solid #999999;font-size: 0.24rem;outline: none;width: 100%;border-radius: 0.15rem;height: 2rem;padding: 0.29rem;color: #999999;box-sizing: border-box;}
.hm_xinxi .hm_img{width:1.2rem;height:1.2rem;background-color: #F4F4F4;border: 1px solid #999999;padding: 0.3rem 0.24rem;box-sizing: border-box;border-radius: 0.15rem;}	
.hm_xinxi .hm_img img{width: 0.72rem;height: 0.54rem;}
.hm_xinxi .hm_xinxi_img{width: 1.2rem;height: 1.2rem;border-radius: 0.15rem;overflow: hidden;border: 1px solid #999999;}
.hm_xinxi .hm_xinxi_img img{width: 1.2rem;height: 1.2rem;}

.col_1{width: 9.999% !important;}
.col_2{width: 29.999% !important;}
.col_3{width: 39.999% !important;}
.col_4{width: 49.999% !important;}
.col_5{width: 59.999% !important;}
.col_6{width: 69.999% !important;}
.col_7{width: 79.999% !important;}
.col_8{width: 89.999% !important;}
.col_9{width: 99.999% !important;}
.dis_flex{display: flex;}
.flex_one{flex: 1;}


.seeImg{width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.4);position: fixed;top: 0;left: 0;z-index: 99999;}
.seeImg_img{width: 5.9rem;position: absolute;top: 40%;left: calc((100% - 5.9rem) / 2);}
.seeImg_img img{width: 5.9rem;}