*{
	margin: 0;
	padding: 0;
}

a{
  text-decoration:none;
}

img{
	display: inline-block;
}
input{
	border: none;
	outline: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{ 
  -webkit-appearance: none !important;
}

select{
	border: none;
	outline: none;
}
textarea{
	border: none;
	outline: none;
	padding-top: 10px;
	box-sizing: border-box;
}

[v-cloak] {
  display: none;
}

@font-face {
	font-family:myfont;
	src:url('./font/PingFang.ttc')
}

body{
	font-family:myfont;
	max-width: 1024px;
	margin: 0 auto;
}
.return2{
	width: 20px;
}
.return{
	width: 20px;
	position: absolute;
	left: 15px;
	top: 1.1rem;
}

/* 通用字大小 颜色  元素背景  flex布局 等等 */

.f25{
	font-size:0.78rem;	
}
.f26{
   font-size:0.8125rem;	
}
.f28{
	font-size:0.875rem;
}
.f30{
	font-size:0.9375rem;
}
.f33{
	font-size:1.03rem;
}
.f35{
	font-size:1.09rem;	
}
.f38{
   font-size:1.1875rem;	
}
.f40{
	font-size:1.25rem;	
}
.f42{
	font-size:1.31rem;	
}

.f45{
	font-size:1.406rem;	
}

.f50{
	font-size: 1.56rem;	
}



.f500{
	font-weight: 600;
}

.bgf2f2f2{
	background:#f2f2f2;
}
.bgFEE9DF{
  background: #FEE9DF !important;	
}
.bgFFF6EC{
	background: #FFF6EC;
}
.bgfff{
	background:#ffffff;
}
.col333{
	color: #333333;
}
.colfff{
	color: #ffffff;
}
.col444{
	color: #444444;
}
.colDBA000{
	color: #DBA000;
}
.col768F52{
	color: #768F52
}
.col7E7E7E{
	color: #7E7E7E;
}
.colFD5305{
	color:#FD5305;
}
.col768F52{
	color: #768F52;
}
.col9A9A9A{
	color: #9A9A9A;
}
.col363636{
	color:#363636;
}
.col919191{
	color: #919191;
}
.col8D8D8D{
	color: #8D8D8D;
}

.col9a9a9a{
	color: #9a9a9a;
}
.linethrough {
	text-decoration: line-through;
}

.col3faef4{
	color:#FD5001 !important;
}
.col5B698B{
	color: #5B698B;
}
.col7E3530{
	color: #7E3530;
}
.col000{
	color: #000000;
}
.col282828{
	color: #282828;
}
.col1C1C1C{
	color: #1C1C1C;
}
.col0F0F0F{
	color: #0F0F0F;
}
.col00B063{
	color: #00B063;
}
.colF14646{
	color:#F14646;
}
.col0B0B0B{
	color: #0B0B0B;
}
.col303134{
	color: #303134;
}
.col888888{
	color: #888888;
}
.colFD590E{
	color: #FD590E;
}

.col3faef41{
	color: #3faef4;
}

.col686868{
	color: #686868;
}
.colFD570B{
  color: #FD570B;
}
.col6E6E6E{
	color: #6E6E6E;
}
.colccc{
	color: #CCCCCC;
}
.col9C978F{color: #9C978F;}
	
.colFD5204{
	color: #FD5204;
}	
.col999{
	color: #999999;
}
.colFD5203{
	color:#FD5203;
}
.col666{
	color:#666666;
}
.col707070{
	color: #707070;
}
.colFD5506{
	color: #FD5506;
}

.wid-4rem{
	width: 4.4375rem;;
	padding-left: 3px;
}

.wid-6rem{
	width: 6.4375rem;;
	padding-left: 3px;
	text-align: right;
}

.center{
	text-align: center;
}
.bold{
	font-weight: bold;
}
.noTop{
	margin-top: 0 !important;
}



.bgF2F2F2{
	background: #F2F2F2;
}
.bgB4B4B4{
	background:#B4B4B4 !important;
}

.flexBox1{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.flexBox6{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}

.flexBox2{
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
.flexBox3{
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
}
.flexBox4{
	display:flex;
	justify-content:center;
	align-items:center;
}
  /* 右侧对齐 */
.flexBox5{
	display:flex;
	justify-content:flex-end;
	align-items:center;
}

.wrap{
	flex-wrap:wrap;
}

.bigBtn{
	height: 42px;
	line-height: 42px;
	background: linear-gradient(-87deg, #3faef4, #3faef4);
	border-radius: 21px;
	text-align: center;
	color: #fff;
	width: 100%;
    border-width: 0px;
}
.form_response_alert{
	width: 200px;
    line-height: 20px;
    position: fixed;
    top: 40%;
	margin: auto;
	left: 0;
	right: 0;
    z-index: 99;
    background-color: rgba(195,25,25,0.5);
    color: #fff;
    padding: 25px 0px;
    border-radius: 15px;
    text-align: center;
    cursor: pointer;
}
.form_response_loader {
    border: 15px solid #2bb8aa; /* Light grey */
    border-top: 15px solid #3faef4 ; /* Blue */
    border-radius: 50%;
    width: 100px;
    height: 100px;
    animation: spin 2s ease infinite;
    position: fixed;
    top: 40%;
	margin: auto;
	left: 0;
	right: 0;
    z-index: 99;
}
.bigBtnButton{
	 background: linear-gradient(-87deg, #3faef4, #FC8F4F);   
	 color: #fff; 
	 border: 0px;
}
.bigBtnButtonNew{
	 background: linear-gradient(-87deg, #3faef4, #FC8F4F);   
	 color: #fff; 
	 border: 0px;
	height: 42px;
    line-height: 42px;
    background: linear-gradient(-87deg, #3faef4, #FC8F4F);
    border-radius: 21px;
    text-align: center;
    color: #fff;
    width: 100%;
    border-width: 0px;
	margin-bottom: 2rem;
    margin-top: 2rem;
}

.w100{
	width:100%;
}
.w50{
	width: 50%;
}
.w33{
	width: 33.3%;
}

.w40{
	width: 1.25rem;
	height: 1.25rem;
}
.ma30{
	margin:0.9375rem;
}
.ma10{
	margin:10px;
}
.mb10{
	margin-bottom:10px;
}

.mb5{
	margin-bottom:5px;
}

.mt10{
	margin-top:10px;
}

.pmb5{
	margin-bottom: 5px;
}
.pmb10{
	margin-bottom: 10px;
}
.pmb15{
	margin-bottom: 15px;
}
.pa10{
	padding:0 10px;
}
.pa15-10{
	padding:15px 10px;
}
.pa5-right{
	padding-right:5px;
}
.pa5-0{
	padding:5px 0px;
}
.pa3-0{
	padding:2px 0px;
}
.pa4-0-4-0{
	padding:4px 0px 4px 0px;
}
.pa5-15-5-15{
	padding:4px 0px 4px 0px;
}
.pa15-15-5-15{
	padding:4px 0px 4px 0px;
}
.pa0-5{
	padding:0px 5px;
}
.pa0-15{
	padding: 0 10px;
}
.pa15-0{
	padding:10px 0;
}
.pa15-left{
	padding-left:10px;
}
.pa15{
	padding:10px;
}
.pa15bottom5{
	padding:5px;
	padding-bottom:5px;
}
.searchhead {
padding-bottom: 6px;
padding-left: 0px;
padding-right: 0px;
margin-top: -4px;
padding:2px;
display: inline-block;
}
.ma15{
	margin: 10px;
}

.ma15-5{
	margin:5px 10px 5px 10px;
	
}
.ma0-15{
	margin: 0 10px;
}
.ma10-15{
	margin:10px 10px;
}
.maT15{
	margin-top: 15px !important;
}
.maL04rem{
	margin-left: 0.4rem;
}
.star{
	width: 1.5625rem;
	height: 1.5625rem;
}


.borR10{
	border-radius:5px;
}
.borR7{
	border-radius:7px;
}
.borR21{
	border-radius:21px;
}


.borderB{
	border-bottom: 1px solid #ECEDEE;
}
.borderT{
	border-top: 1px solid #E9E9E9;
}
.borFD5204{
	border: 1px solid #FD5204;
}
.relative{
	position:relative;
}
.textRight{
	text-align: right;
}
.textLeft{
	text-align: left;
}


.lineHeight30{
	line-height:30px;
}

/* 通用按钮 */

.commonBtn{
	width: 4.4375rem;
	height: 1.6875rem;
	line-height: 1.6875rem;
	background: linear-gradient(-87deg, #3faef4, #3faef4);
	border-radius: 12px;
	color: #fff;
	text-align: center;
	font-size: 0.78rem;
}
.commonBtnLong{
	width: 4.4375rem;
	height: 1.6875rem;
	line-height: 1.6875rem;
	background: linear-gradient(-87deg, #3faef4, #3faef4);
	border-radius: 12px;
	color: #fff;
	text-align: center;
	font-size: 0.78rem;
	    padding-left: 0.5rem;
    padding-right: 0.5rem;
	margin-bottom: 0.5rem;
}

.commonBtnLongGreen{
	
	height: 1.6875rem;
	line-height: 1.6875rem;
	background: linear-gradient(-87deg, #00b063, #00b063);
	border-radius: 12px;
	color: #fff;
	text-align: center;
	font-size: 0.78rem;
	    padding-left: 0.5rem;
    padding-right: 0.5rem;
	margin-bottom: 0.5rem;
}


.commonBtnSingle{
	width: 4.4375rem;
	height: 1.6875rem;
	line-height: 1.6875rem;
	background: linear-gradient(-87deg, #3faef4, #FC8F4F);
	border-radius: 12px;
	color: #fff;
	text-align: center;
	font-size: 0.78rem;
	position: absolute;
    right: 0px;
    margin-right: 25px;
}




.commonBtnDisable{
	width: 4.4375rem;
	height: 1.6875rem;
	line-height: 1.6875rem;
	background: lightgrey;;
	border-radius: 12px;
	color: #fff;
	text-align: center;
	font-size: 0.78rem;
}



/* 通用样式结束 */
.head{
	padding:0.9375rem 0.9375rem 0.9375rem;
	position: fixed;
	width: 100%;
	max-width: 1024px;
	top: 0;
	box-sizing: border-box;
	z-index: 3;
	font-weight: bold;
	color: #333333;
	font-size: 1.1875rem;
}


.headIcon{
	width:1.875rem;
	height:1.875rem;
	position: absolute;
	left: 0;
}
.headRight{
	position:absolute;
	right: 0;
	top: 0;
	
}
.topRightButtom{
	top: 0.9375rem;
    right: 0.9375rem;
	position:absolute;
}
.searchBox{
	height:1.875rem;
	background: #F2F2F2;
	border-radius:0.9375rem;
	position:relative;
/*	margin-top:0.9375rem; */
}
.searchBox input{
	width:100%;
	height:100%;
	background: #FFF;
	 border-radius:0.9375rem; 
	padding-left:30px;
	box-sizing: border-box;
}

.searchBox1 {
	height:1.875rem;
	background: #F2F2F2;
	border-radius:0.9375rem;
	position:relative;
/*	margin-top:0.9375rem; */
}
.searchBox1 input{
	width:100%;
	height:100%;
	background: #F2F2F2;
	 border-radius:0.9375rem; 
	padding-left:30px;
	box-sizing: border-box;
}

.searchBoxHomepage{
	height:1.875rem;
	background: #F2F2F2;
	border-radius:0.9375rem;
	position:relative;
	margin-top:0.9375rem; 
}
.searchBoxHomepage input{
	width:100%;
	height:100%;
	background: #F2F2F2;
	 border-radius:0.9375rem; 
	padding-left:30px;
	box-sizing: border-box;
}

.searchIcon{
	width:0.9375rem;
	height:0.9375rem;
	position:absolute;
	left: 10px;
	top: 0.468rem;
}
.shareIcon{
	margin-right:1.469rem;
}

/* 首页主体 */

.bigicon{
	width: 4.53rem;
	height: 4.53rem;
	margin-right: 23px;
}

.mainConHead{
	height:4.6875rem;
	padding:0 5px;
}
/* 首页类别头部渐变背景 */
.mainConHeadbg1{
	background: -webkit-linear-gradient(#FFECB8, #ffffff); 
}
.mainConHeadbg2{
	background: -webkit-linear-gradient(#E2F3D1, #ffffff); 
}
.mainConHeadbg3{
	background: -webkit-linear-gradient(#FCDADB, #ffffff); 
}
.mainConHeadbg4{
	background: -webkit-linear-gradient(#E2EAFD, #ffffff); 
}

.storeIcon{
	width:2.875rem;
	height:2.875rem;
	border-radius:50%;
	margin-right:10px;
}
.categoryImg{
	width:100%;
}
.enter{
	background:linear-gradient(to right,#FC8F4F,#3faef4);
	width:4.0625rem;
	height:1.6875rem;
	text-align:center;
	line-height:1.6875rem;
	border-radius:0.78rem;
}
.collection{
	border:1px solid #FD5204;
	background: #FFFFFF;
	width:4.0625rem;
	height:1.6875rem;
	text-align:center;
	line-height:1.6875rem;
	border-radius:0.78rem;
	margin-right:8px;
}

.iscollection{
	background:#FEE9DF;
	border:none;
}

.loadingIcon{
	width: 0.9375rem;
	height: 0.9375rem;
}


.more{
	height:2.28rem;
	line-height:2.28rem;
	font-size: 0.78rem;
	background: #FFFFFF;
	margin: 10px;
	border-radius:5px;
	text-align:center;
}
.kh{
	width: 4.125rem;
	height: 4.125rem;
	margin-right: 10px;
}
.khBtn{
	width:6.625rem;
	height:2.21875rem;
	text-align:center;
	line-height:2.21875rem;
	background:linear-gradient(to right,#FC8F4F,#3faef4);
	border-radius:20px;
	color: #fff;
}

.khbox{
	padding:0.96875rem 1.15625rem;
}
.cha{
	width:1.125rem;
	margin-right:10px;
}
.cha2{
	width:1.25rem !important;
	height:1.25rem !important;
}

/* 头部加号 */

.add{
	width:8.72rem;
	height:14.125rem;
	background: #616566;
	border-radius: 5px;
	position:absolute;
	right:-5px;
	top:2.1875rem;
	z-index:2;
	padding:0 1.03rem;
	z-index:5;
}

.addPop{
	width:8.72rem;
	height:14.125rem;
	background: #616566;
	border-radius: 5px;
	position:absolute;
	right:10px;
	top:3.5rem;
	z-index:2;
	padding:0 1.03rem;
	z-index:5;
}
.triangle{
    position:absolute; 
    overflow:hidden; 
    width:15px !important; 
    height:15px !important; 
    background: #616566;
    -webkit-transform:rotate(135deg); 
    -moz-transform:rotate(135deg); 
    -o-transform:rotate(135deg); 
    transform:rotate(135deg); 
    right:7px;
    top:-3px;
	border:none!important;
}

.add div{
	height: 24.5%;
	border-bottom: 1px solid #969696;
}
.add img{
	width:1.5625rem;
	height:1.5625rem;
	margin-right:5px;
}
.addPop div{
	height: 24.5%;
	border-bottom: 1px solid #969696;
}
.addPop img{
	width:1.5625rem;
	height:1.5625rem;
	margin-right:5px;
}

/* 搜索页面 */
.searchPage{
	max-width: 1024px;
	min-height:calc(100% - 6rem);
	box-sizing: border-box;
	background: #FFFFFF;
	border-top: 1px solid #ECEDEE;
	position: fixed;
	top: 6rem;
	width: 100%;
}
.searchPage .nothing{
	padding-top:8rem;
	text-align: center;
}
.searchPage img{
	width: 8.75rem;
	height: 7.8125rem;
}
.searchDelete{
	width: 1.03rem !important;
	height: 1.03rem !important;
}
.searchPage .p1{
	margin:13px 0;
}

.have{
	padding: 15px 24px 0px 15px;
}
.haveCon{
	position:relative;
	height: 6.25rem;
	width: calc(100% - 6.25rem);
}
.price{
	//19/08  position:absolute;
	bottom:5px;
}

.searchImg{
	width:6.25rem!important;
	height:6.25rem!important;
	margin-right: 10px;
}
.arrow{
	width: 1.09374rem !important;
	height: 1.09374rem !important;
}


.menuBox{
	height:3.125rem;
	background: #FFFFFF;
	position: fixed;
	max-width: 1024px;
	bottom:0;
	width: 100%;
	padding:0 1.40625rem;
	box-sizing:border-box;
	z-index:1;
}
.menuBox img{
	display: block;
	width:1.5625rem;
	position: relative;
	left: 50%;
	margin-left: -0.78rem;
}

.mask{
	background: rgba(0,0,0,0.4);
	width:100%;
	height:100%;
	position: fixed;
	max-width: 1024px;
	top: 0;
}
.mask2{
	width:100%;
	height:100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 2;
}







.pop{
	width:90%;
	position: absolute;
    left:5%;
	top:20%;
	background: #FFFFFF;
	border-radius: 10px;
	padding:19px;
	box-sizing:border-box;
	max-height:60%;
}
.pop  .title{
   margin-bottom:2rem;	
}
.pop  .p{
   	margin-bottom:10px;
}
.close{
	position: absolute;
	right: -12px;
	top: -20px;
	width: 1.25rem;
	height: 1.25rem;
}



.z10{
	z-index: 10;
}
.z9{
	z-index: 9;
}
.z8{
	z-index: 8;
}
.z7{
	z-index: 7;
}
.z6{
	z-index: 6;
}
.z5{
	z-index: 5;
}
.z4{
	z-index: 4;
}
.z3{
	z-index: 3;
}
.z2{
	z-index: 2;
}
.z1{
	z-index: 1;
}






[v-cloak] {
  display: none;
}


::-webkit-input-placeholder{
　　color:red;
　　font-size:0.875rem;
}

.khIcon{
	width: 2.06rem;
}

.khBtn2{
  background: url(img/btnbg.png);
  width: 8.47rem;
  height: 3.28rem;
  background-size: 100% 100%;
  text-align: center;
  line-height: 3.28rem;
  position: absolute;
  left: 50%;
  margin-left: -4.235rem;
  top: -1.64rem;
}
.KHbox2{
	background: #F2F2F2;
	border-radius: 25px;
	padding: 15px;
}
.col0D0D0D{
	color: #0D0D0D;
}
.col929292{
	color: #929292;
}
.maT30{
	margin-top: 30px;
}
.ma30{
	margin: 30px;
}
.ma{
	width:48%;
}
.ma img{
	width: 100%;
}

.ma100{
	width:100%;
}
.ma100 img{
	width: 100%;
}

.shareMask{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 999;
}




html::-webkit-scrollbar{width:0px;height:0px;}
body::-webkit-scrollbar{width:0px;height:0px;}
div::-webkit-scrollbar{width:0px;height:0px;}