@import "iconfont.css";
html{
  font-size: calc(100vw/7.5);
}
html,body{
  height: 100%;
  overflow: hidden;
  background: rgb(240,240,240);
  color: #333333;
}
label{
  color: #666;
}
body,input,button,textarea,select{
  font-size:.28rem;
  color: #333;
  -webkit-appearance: none;
  background: none;
}
::placeholder{
  color:#ccc;
}
@media screen and (min-width: 640px) {
  html{
    font-size: calc(640px/7.5);
  }
  html,body{
    width: 640px;
    margin: 0 auto !important;
  }
}
html,body,ol,ul,li,dl,dt,dd,div,span,p,input,textarea,select{
  margin: 0;
  list-style: none;
  padding: 0;
}
button,label,input,select,textarea{
  outline: none;
  border:none;
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar{
  width: 0;
  height: 0;
  background-color: #F5F5F5;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #555;
}
.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%;
}
a{
  text-decoration: none;
  color: #666;
}
.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;
}
i{
  font-style: normal;
}
.iconfont{
  font-family: iconfont;
  text-align: left;
  font-size: .3rem;
}
.abs{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.rat{
  position: relative;
}
.font8{
  font-size: .16rem;
  -webkit-text-size-adjust: none !important;
}
.font10{
  font-size: .2rem !important;
  -webkit-text-size-adjust: none !important;
}
.font11{
  font-size: .22rem;
  -webkit-text-size-adjust: none !important;
}
.font12{
  font-size: .24rem !important;
}
.font13{
  font-size: .26rem !important;
}
.font14{
  font-size: .28rem !important;
}
.font16{
  font-size: .32rem;
  -webkit-text-size-adjust: none !important;
}
.font15{
  font-size: .3rem;
  -webkit-text-size-adjust: none !important;
}
.font18{
  font-size: .36rem;
}
.font20{
  font-size: .4rem;
}
.font24{
  font-size: .48rem !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: .4rem;
  margin-right: .1rem;
}
.weight{
  font-weight: bold;
}
.txt-right{
  text-align: right !important;
}
.btns{
  flex-wrap: wrap;
  padding: .4rem;
  /*margin-top: 1rem !important;*/
}
.button,.cancel{
  width: 6.7rem;
  height: .88rem;
  border-radius:.44rem;
  font-size: .32rem;
}
.button:active{
  background: linear-gradient(225deg,rgba(83,81,255,.72),rgba(101,144,220,.72));
}
.button{
  margin-bottom: .28rem;
  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;
}
.loadMore button{
  color: #999;
}
.selectDate{
  background: white url("../../static/icons/date.png") right center no-repeat;
  background-size:.4rem;
}
.select{
  background: url("../../static/icons/arrow-down.png") right center no-repeat;
  background-size: .32rem;
}
.base{
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.space-top{
  margin-top: .2rem;
}
.arrow-right:before{
  content: '\e694';
}
.star:before{
  content: '\e605';
  color: #FFCD7B;
  font-size: .4rem;
}
button[disabled]{
  background: #666666;
}
input[disabled]{
  color: #333;
  opacity: 1;
}
.rows{
  padding: .3rem .36rem;
  font-size: .28rem;
  border-bottom:1px #d5d5d5 solid;
}
.label{
  white-space: nowrap;
  color: #666;
  flex-shrink: 0;
  width: 1.2rem;
}
.label-value{
  flex-grow: 1;
  padding-left: .64rem;
  color: #666;
  font-size: .28rem !important;
}
.label-value input,.label-value select{
  color: #666;
  line-height: .36rem;
  height: .36rem;
}
.lspace2{
  letter-spacing: .55rem;
  white-space: nowrap;
}
.lspace3{
  letter-spacing: .14rem;
  white-space: nowrap;
}
.income{
  color: #fd7301 !important;
}
.lightgray{
  color: #cdd8f9;
}
.grey{
  color: #999999;
}
.globalMask{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgb(240,240,240);
  z-index: 100;
}
.gray{
  background: #8888;
}
.mu{
  background: #ff6969;
}
.kai{
  background: #9dbf40;
}
.yu{
  background: #d3b46c;
}
.del{
  color: #fd7301;
}
.yellow{
  background: #f9f5f2 !important;
  color: #fd7301 !important;
}
.finish,.edit{
  color: #333333;
}
.badge-right{
  border-radius: 0 !important;
  background:#cbcbcb !important;
  margin-right: -.4rem;
  cursor: pointer
}
.badge{
  padding: .04rem .12rem;
  border-radius:6px;
  color: white;
  font-size: .24rem;
  text-align: center;
}
.badge-save-box{
  height: .7rem;
}
.badge-save{
  position: absolute;
  right: 0;
  padding: .1rem .25rem;
  border-radius:.4rem 0 0 .4rem;
  color: #7676dd;
  background: #f3f4fc;
  font-size: .24rem;
  text-align: center;
}
.badge-no-right{
  padding: .08rem .4rem;
  border-radius:.3rem 0 0 .3rem;
  margin-right: -.36rem;
  background: #f3f4fc;
  color: #7676dd;
  font-size: .24rem;
}