﻿html {
	font-family: "Helvetica Neue",Helvetica, sans-serif;
	/*谷歌浏览器字体最小字体12px*/
	-webkit-text-size-adjust: none;/*100%/none 关闭字体大小自动调整功能*/
	/*a标签及拥有 :active伪类的元素有默认的高亮框*/
	-webkit-tap-hightlight-color: transparent;
	/*禁止文本被选中*/
	-webkit-user-select: none;
	height: 100%;
}
*{
	margin: 0;
	padding:0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family: "Microsoft YaHei";
	font-size: 14px;
}
body{
	overflow-x:hidden;
	height: 100%;
	/*开启moblie网页快速滚动和回弹的效果*/
	-webkit-overflow-scrolling: touch;
	overflow-x: hidden;
	-webkit-text-size-adjust: none !important;
}
a{
	color: #333;
	text-decoration: none;
}
img{
	border: 0;
	display: block;
	width: 100%;
	vertical-align: middle;
}
button,input{
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	outline: none;
	border: none;
	text-align: center;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.clearfix:after{
	content:"";
	display:block;
	width:100%;
	height:0;
	clear:both;
}
h1,h2,h3,h4,h5,h6{
	font-weight: normal;
}
.relative{
	position: relative;
}
.absolute{
	position: absolute;
}
.fixed{
	position: fixed;
}
body{
	background: #E5E5E5;
}
/*头部*/
/*header{
	width: 100%;
	height: 2rem;
	line-height: 2rem;
	text-align: center;
	padding: 0 .5rem;
	position: relative;
	color: #666;
	border-bottom: .02rem solid gray;
}*/
header span{
	position: absolute;
	right: .67rem;
}
/*头部*/
.con{
	margin-bottom: 3rem;
}
input[type="checkbox"]{
	display: none;
}
/*列表*/
.list{
	width: 100%;
	height: 40px;
	padding:10px;
	/*padding: .6rem;*/
	/*border-bottom: .02rem solid gray;*/
	/*background:#fff;*/
}
.list p{
	margin-left: 1.4rem;
}
.con ul li{
	height: 37vw;
	max-height: 237px;
	padding: 5px 0;
	/*background-color: #f5f5f5;*/
	list-style:none;
	margin:10px 0;
	width: 95%;
    margin: 10px auto;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 10px;
}
ul li .label{
	width: 7%;
	height: 20px;
	margin:16% 10px;
	/*padding: .6rem;*/
	overflow: hidden;
}
ul li .img{width: 30vw;height: 34vw;max-width:192px;max-height: 218px; /*margin-left:7%;*/}
ul li .text{
	width: 50vw;
	max-width: 320px;
	margin-left: .5rem;
}
ul li .text p{
	width: 100%;
	margin-top: 5px;
	padding-left: 10px;
}

ul li .text p input,.number{
	display: inline-block;
	text-align: center;
	width: 25px;
	height: 25px;
	line-height: 25px;
	background: rgba(255,255,255,.7);
	color: #666;
	font-size: 16px;
}
.overflow{
	margin-bottom: .2rem;
	text-overflow: ellipsis;
	overflow: hidden;white-space: nowrap;
}
.red{color: #ff4646;;}
ul li .img img{width: 100%;height: 100%;border-radius: 5px;}
ul li label img,.list label img{
	width: 20px;
	height: 20px;
	}
.total{
	width: 100%;
	height: 2rem;
	line-height: 2rem;
	background: white;
	text-align: right;
    color: #666;
	padding-right: .6rem;
	opacity: 0;
}
.total span{
	color: #ff4646;;
}
/*列表*/
/*底部结算*/
.bottom{
		bottom: 0px;
		width: 100%;
		max-width: 640px;
		height: 50px;
		line-height: 50px;
		color: #ff4646;;
		/*padding:.6rem;*/
		background: white;
	}
.bottom.fixed .fr{font-size:16px;}

.bottom-label{
	/*height: 2rem;
	line-height: 1.4rem;*/
	color:#666;
}
.bottom img{
	width: 20px;
	height: 20px;
	margin-top: 15px;
	margin-right: 5px;
	margin-left: 5px;
}
.bottom button{
	width: 100px;
	height: 50px;
	background: linear-gradient(to right, #fdeec5,#c4955f);
	color: #000;
	font-size: 16px;
	margin-left: .4rem;
	display: inline-block;
	border:none;
}

/*底部结算*/
/*弹框1*/
.text1{
	width: 100%;
	height: 100%;
	top: 0;left: 0;
	background: rgba(200,200,200,.7);
	display: none;
	-webkit-display: none;
    justify-content: center;
    align-items:center;
}
.text1 form{
	width: 70%;
	height: 5rem;
	background: white;
}
.text1 form input[type=number]{
	width: 40%;height: 1.8rem;
	margin: .8rem 30%;
	border: .04rem solid black;
}
.text1 form input[type=button]{
	width: 100%;height: 1.6rem;
	background: #701C17;
	color: white;
}
/*弹框1*/
.alert{
	width: 100%;
	height: 2rem;
	text-align: center;
	line-height: 2rem;
	color: red;
	background: white;
	bottom: 5rem;
	display: none;
}
/*没有数据*/
/*.no{
	width: 100%;height: 93%;
	background: white;
	font-weight: bold;
	color: #666;
    display: -webkit-box;*/
     /*-webkit-box-pack:center;*//*实现水平居中*/
    /*-webkit-box-align:center;*//*垂直居中，不需要删除即可*/

/*}*/
/*没有数据*/



.fx_dibu ul li{margin:0;padding:0;list-style: none;/*background-color: #fff;*/}

.line-wrapper { width: 100%;  overflow: hidden; }
.line-btn-delete { width: 75px; position:absolute;top:0;right:-75px; height:80%;background-color: #ddd;}
.dizhi-line-btn-delete { width: 65px; position:absolute;top:0;right:-132px;background-color: #FF5D5C;}
.dizhi-line-btn-delete a{ display: table;width:100%;height:100%;color:#fff;font-size: 16px;text-align: center;}
.line-normal-wrapper { display: inline-block;  position:relative;}
/*.line-normal-left-wrapper {  overflow: hidden; background-color: #fff; width: 96%;margin: 0 auto;padding: 10px;border-radius: 5px;border-bottom:1px solid #ddd;}*/
.modal-footer button{width:50%;height:100%;background: none;border:none;float:left;color:#258CFD;font-size:17px;}
.modal-body{ text-align: center;font-size:18px;}
.modal-dialog{ margin-top: 50%;}
.fx_zygl_delect{background:url("../images/lajitong.png") no-repeat;width:100%;height:100%;display:inline-block;background-position:45% 40%;}


.fx_content{
	width: 95%;
    margin: 15px auto;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 10px;
}
.fx_chanpinname{display: inline-block;margin-left:10px;}
/*.anniu{text-align: right;padding-right: 5%;height:25px;}*/
.fx_add_jian{display: inline-block;border:1px solid #ddd;border-radius:5px;/*margin-top: 30px;*/margin-right:10px;}
.fx_add_jian input{width:25px;height:21px;background:#fff;border-radius:5px;}
.fx_add_jian span.number{width:35px;height:25px;display: inline-block;text-align: center;border-right:1px solid #ddd;border-left:1px solid #ddd;}
.shop_fx{height:50px;background:#fff;}
.shop_fx img{width:20px;height:20px;margin:15px 5px 0;}
.shop_fx .bianji{border-radius:13px;display: inline-block;width:65px;height:30px;line-height:30px;text-align:center;margin: 10px;border:1px solid #ddd;}

.wymcp{height:50px;line-height: 50px;text-align: center;font-size:20px;}
.zychanpin,.wychanpin{width:95%;position:relative;max-width: 608px;margin:20px 2.5%;}
/*.wychanpin{position:fixed;top:15px;}*/
/*.zychanpin{position:fixed;bottom:60px;}*/
.zychanpin .gouwuche_bj{
	background:url(../images/icon_next.png) no-repeat;
	background-size:100%;
	width:80px;
	height:80px;
	position:absolute;
	right:5%;
	top:30%;
}
.wychanpin .gouwuche_bj{
	background:url(../images/icon_shopping.png) no-repeat;
	background-size:100%;
	width:80px;
	height:80px;
	position:absolute;
	right:5%;
	top:30%;
}
.zychanpin .gouwuche_bj span,.wychanpin .gouwuche_bj span{
	background:#FF4B02;
	width:20px;
	height:20px;
	line-height:20px;
	color:#fff;
	display: inline-block;
	border-radius:50%;
	text-align: center;
	float: right;
    margin-right: 10px;
}
.goumaianniu{
    float: right;
    background: #FFA72C;
    color: #fff;
    display:  inline-block;
    width: 64px;
    height: 25px;
    text-align:  center;
    border-radius: 5px;
    line-height: 25px;
}

/*.rows {
  height: 230px;
  overflow: hidden;
  overflow-y: auto;
}
.rows::-webkit-scrollbar-track-piece {
  background-color: rgba(0, 0, 0, 0);
  border-left: 1px solid rgba(0, 0, 0, 0);
}
.rows::-webkit-scrollbar {
  width: 5px;
  height: 13px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.rows::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  min-height: 28px;
}
.rows::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
*/

.preview{
	/*float: right;*/
    background: #d1aa6f;
    color: #1a1819;
    width: 50px;
    text-align: center;
    height: 25px;
    line-height:25px;
    margin-right: 10px;
    border-radius: 5px;
    position:absolute;
    top:85px;
    right:0;
}
.preview_modal{
	position:fixed;
	top:0;
	height:100%;
	width:100%;
	background-color: rgba(0,0,0,0.5);
	padding:50% 0;
	display: none;
}
.preview_modal_body{
	width:80%;
	background-color: #fff;
	margin:0 auto;
	border-radius:10px;
	overflow:hidden;
}
.preview_modal_body .close{text-align: right;padding-top: 10px;padding-right: 10px;}
.preview_modal_body .close span{
	width:20px;
	height:20px;
	background: url(../images/c_cancel.png);
	background-size:100% 100%;
	display: inline-block;
}
.input_box{
	width:70%;
	margin:10px auto 15px;
}
.input_box input{text-align: left;}
.input_box div{height:40px;line-height:40px;}
.input_box .f_checkbox{margin:0;}
.preview_modal_bottom{font-size:16px;color:#000;border-top:1px solid #ddd;text-align:center;height:40px;line-height:40px;background: linear-gradient(to right, #fdeec5,#c4955f);}
.shop_none{text-align: center;/*display: none;*/}
.shop_none img{width:60%;margin: 40px auto 20px;}
.shop_none p{color:#ffa72c;font-size:18px;}
.shop_none a{margin-top: 20px;background:url(../images/button_look.png) no-repeat;background-size:100%;width:150px;height:47px;display: inline-block}
input.number{border-left:1px solid #ddd;border-right:1px solid #ddd;border-radius:0;}






