@import './iconfont.wxss';
page{
  height: 100%;
  overflow-x: hidden;
  background: rgb(240,240,240);
  color: #333333;
}
label{
  color: #666;
}
view,text,button,textarea,picker{
  font-size:28rpx;
  color: #333;
  -webkit-appearance: none;
  background: none;
}
/* ::placeholder{
  color:#ccc;
} */
.flex{
  display: flex;
}
.clearfix{
  overflow: hidden;
}
.clearfix:after{
  content: '';
  display: block;
  clear: both;
}
.flex_shk{
  flex-shrink: 0;
}
.flex_ac{
  align-items: center;
}
.flex_ct{
  justify-content: center;
}
.flex_aend{
  align-items: flex-end;
}
.flex_sb{
  justify-content: space-between;
}
.flex_col{
  flex-direction:column;
}
.flex_one{
  flex-grow: 1;
}
.flex_fourth{
  width: 25%;
}
.bc{
  display: block;
  width:100%;
}
.tc{
  text-align: center;
}
.gray{
  color: #666;
}
.blue{
  color: #8f8fe3 !important;
}
.red{
  color: #d94b4b !important;
}
.orange{
  color: #fd7301 !important;
}
.darkgray{
  color: rgba(74, 74, 74, .92);
}
.wt{
  background: #FFffff;
}
.fl{
  float: left;
}
.fr{
  float: right;
}
.iconfont{
  font-family: iconfont;
  text-align: left;
  font-size: 30rpx;
}
.abs{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.rat{
  position: relative;
}
.font8{
  font-size:16rpx !important;
  -webkit-text-size-adjust: none !important;
}
.font10{
  font-size: 20rpx !important;
  -webkit-text-size-adjust: none !important;
}
.font11{
  font-size: 22rpx !important;
  -webkit-text-size-adjust: none !important;
}
.font12{
  font-size: 24rpx !important;
}
.font13{
  font-size: 26rpx !important;
}
.font14{
  font-size: 28rpx !important;
}
.font16{
  font-size: 32rpx !important;
  -webkit-text-size-adjust: none !important;
}
.font15{
  font-size: 30rpx !important;
  -webkit-text-size-adjust: none !important;
}
.font18{
  font-size: 36rpx !important;
}
.font20{
  font-size: 40rpx !important;
}
.font24{
  font-size: 48rpx !important;
}
.net:before{
  margin-right: 5px;
  content: '\e890';
  font-size: 20px;
  margin-left: 2px;
  color: #999;
}
.address:before{
  margin-right: 5px;
  content: '\e600';
  font-size: 23px;
  color: #999;
}
.distance:before{
  margin-right: 5px;
  content: '\e615';
  font-size:17px;
  margin-left: 3px;
  color: #999;
}
.tel:before{
  margin-right: 5px;
  content: '\e613';
  font-size: 18px;
  margin-left: 3px;
  color: #999;
}
.close:before{
  display: block;
  padding: 8px;
  content: '\e616';
  font-size: 20px;
}
.plus:before{
  content: '\e617';
  font-size: 40rpx;
  margin-right: 10rpx;
}
.weight{
  font-weight: bold;
}
.txt-right{
  text-align: right !important;
}
.btns{
  flex-wrap: wrap;
  padding: 40rpx;
}
.button,.cancel{
  width:670rpx;
  height: 88rpx;
  border-radius: 44rpx;
  font-size: 32rpx;
}
.button:active{
  background: linear-gradient(225deg,rgba(83,81,255,.72),rgba(101,144,220,.72));
}
.button{
  margin-bottom: 28rpx;
  background: linear-gradient(225deg,#5351ff,#6590dc);
  box-shadow: 0 1px 6px rgba(19,47,124,.4);
  color:white;
}
.cancel{
  border:1px solid #a3a6f5;
  color: #5351ff;
}
.arrow-right{
  color: #ccc !important;
}
.confirm-btn{
  display: inline-block;
  font-size: 12px;
  padding: 0 8px;
  height: 28px;
  color: #999;
  background-color: #f6f8fa;
  position: absolute;
  top: 0;
  right: 0;
}
.base{
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.space-top{
  margin-top: 20rpx;
}
.arrow-right:before{
  content: '\e694';
}
.star:before{
  content: '\e605';
  color: #FFCD7B;
  font-size: 40rpx;
}