@charset "utf-8";

body{
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", Arial, sans-serif !important;
  line-height: auto !important;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

*{
  padding: 0;
  margin: 0;
}
.width-1of3{
  -webkit-flex: 0 1 33% !important;
}
.width-1of2{
  -webkit-flex: 0 1 50% !important;
}
button{
  padding: 0 1rem !important;
}
.modal-body {
    font-size: 15px !important;
}
img{
  vertical-align: top !important;
}
.va-t{
  vertical-align: top;
}

.ds-n{
  display: none;
}

/*flex*/
.ds-flex{
   display: -webkit-box;   
   display: -ms-flexbox;
   display: flex;
   display: -moz-flex;
}

.flex-1{
   -moz-box-flex: 1;
   -webkit-box-flex: 1;
   box-flex: 1;
   -webkit-flex: 1 0 0;
   -ms-flex: 1 0 0;
   flex: 1 0 0;
}

.flex-auto{
   -webkit-flex: 0 0 auto;
   flex: 0 0 auto;
   -moz-box-flex: 0;
   -webkit-box-flex: 0;
   box-flex: 0;
}

.c-p{
  cursor: pointer !important;
}

.layout-content,.q-tab,.column,.row{
  display: -webkit-flex !important;
}

.q-tab,.column{
  -webkit-flex-direction: column !important;
}

.row{
   -webkit-flex-direction: row !important;
}

.content-center{
  -webkit-align-content:center;
}

.items-center{
  -webkit-align-items: center !important;
}

.justify-center{
  -webkit-justify-content: center !important;
}

.justify-start{
  -webkit-justify-content: flex-start !important;
}

.wrap{
  -webkit-flex-wrap: wrap !important;
}

.column.inline{
  display: -webkit-inline-flex !important;
}

.auto{
  -webkit-flex: 1 1 auto !important;
}

@media only screen and (max-width: 920px){
  .q-tabs:not(.scrollable) .q-tabs-scroller, .q-tabs:not(.scrollable) .q-tab{
    -webkit-flex: 1 1 auto !important;
  }
}

.q-datetime .modal-buttons button.primary.clear:nth-child(1){
  display: none;
}
/*日历颜色修改*/
.q-datetime-header, .q-datetime-days div:not(.q-datetime-fillerday):not(.disabled).active{
    background: rgba(0,0,0,0.7) !important;
}
.q-datetime button.primary.clear, button.primary.outline{
    color: #000;
}
.q-datetime button.primary.clear:active:not(.disabled),.q-datetime button.primary.outline:active:not(.disabled){
  background: transparent !important;
}

.layout-footer{
  position: fixed;
  bottom: 0;
  width: 100%;
}


/*amap*/
.layout{ 
}
#amap-cointainer {
  position: absolute;
  height: 100%;
  width: 100%;
}
.amap-maptype-list p{
  line-height: 0px !important;
}
.amap-maptype-title{
  width: 58px !important;
}
.amap-maptype-label{
  vertical-align: top;
  height: 20px !important;
  line-height: 20px !important;
}

.none {
  background: url(./../../statics/img/none.png) top center no-repeat;
  padding-top: 160px;
}

.p-r{
  position: relative !important;
}

.f-l {
  float: left;
}

.fs-n{
  font-style: normal;
}

.w-50{
  width: 50% !important;
}

.ub {
  display: -webkit-box;
  display: box;
}

.ub-f1 {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  -o-box-flex: 1;
}

.ub-ac {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  box-align: center;
}

.bd-0{
  border: 0 !important;
}

.bd-a{
    border: 1px solid #e5e5e5 !important;
}

.ub-b{
  border-bottom: 1px solid #e5e5e5 !important;
}

.h-a{
    height: auto !important;
}

.umar-t0{
  margin-top: 0 !important;
}

.umar-l0{
  margin-left: 0 !important;
}

.umar-lr5{
  margin-left: 5px;
  margin-right: 5px;
}

.umar-lr10{
  margin-left: 10px;
  margin-right: 10px;
}

.umar-tb5{
  margin-top: 5px;
  margin-bottom: 5px;
}

.umar-tb20{
  margin-top: 20px;
  margin-bottom: 20px;
}

.umar-r5{
  margin-right:5px;
}

.umar-t5{
  margin-top: 5px;
}

.umar-t10{
  margin-top: 10px;
}

.umar-t20{
  margin-top: 20px;
}

.umar-t30{
  margin-top: 30px;
}

.umar-t40{
  margin-top: 40px;
}

.umar-tb10{
  margin-top: 10px;
  margin-bottom: 10px;
}

.umar-l5{
  margin-left: 5px;
}

.umar-t20 {
  margin-top: 20px;
}

.umar-t40 {
  margin-top: 40px;
}

.umar-t20 {
  margin-top: 20px !important;
}

.umar-b0 {
  margin-bottom: 0 !important;
}

.umar-b5 {
  margin-bottom: 5px;
}

.umar-b7{
    margin-bottom: 7px !important;
}

.umar-b10{
  margin-bottom: 10px;
}

.umar-b15{
    margin-bottom: 15px !important;
}

.umar-r10 {
  margin-right: 10px !important;
}
.umar-r15 {
  margin-right: 15px !important;
}

.umar-l5{
    margin-left: 5px !important;
}

.umar-l6{
    margin-left: 6px !important;
}

.pd-0{
  padding: 0 !important;
}

.pd-l5{
    padding-left:5px !important;
}

.pd-l10{
    padding-left:10px;
}

.pd-a0{
    padding: 0 !important;
    margin-left: 50px !important;
}

.pd-a10{
  padding: 10px;
}

.pd-b5 {
  padding-bottom: 5px !important;
}

.pd-b10 {
  padding-bottom: 10px !important;
}

.pd-t10 {
  padding-top: 10px !important;
}

.pd-t15 {
  padding-top: 15px !important;
}

.pd-t20 {
  padding-top: 20px !important;
}

.pd-lr5{
  padding-left: 5px;
  padding-right: 5px;
}

.pd-lr10{
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.pd-lr15{
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.pd-lr20{
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.pd-tb10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.pd-tb15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.pd-tb20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.raised{
    min-height: 34px !important;
}

.pd-b10{
    padding-bottom:10px !important;
}

.fz-12{
  font-size: 0.75rem !important;
}

.fz-13{
  font-size: 0.8125rem !important;
}

.fz-14 {
  font-size: 0.875rem !important;
}

.fz-15 {
  font-size: 0.9375rem !important;
}

.fz-16 {
  font-size: 1rem !important;
}

.fz-17 {
  font-size: 1.0.625rem !important;
}

.fz-18 {
  font-size: 1.125rem !important;
}

.fz-19 {
  font-size: 1.1875rem !important;
}

.fz-20 {
  font-size: 1.25rem !important;
}

.bd-rs {
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -ms-border-radius: 10px !important;
  -o-border-radius: 10px !important;
  border-radius: 10px !important;
}

.flex-1{
  -webkit-flex:1 !important;
  -moz-flex:1 !important;
  -ms-flex:1 !important;
  -o-flex:1 !important;
  flex:1 !important;
}


/*分享提示*/
.show-share{
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
  transition: opacity  0.5s;
  opacity: 0;
  z-index: -1;
}

.show-share.active{
  opacity: 1;
  z-index: 10000;
}

.show-share img{
  width:100%;
  vertical-align: top;
}

.show-share p{
  font-size: 1.2rem;
  line-height: 2rem;
  width:80%;
  text-align: center;
  color: #fff;
}


/*其他样式*/
.map-location{
  background: #fff;
  padding: 5px;
  border: 1px solid #e5e5e5;
}

.top-btn{
  padding: 0 !important;
  margin: 0 !important;
}

.i-list{
  overflow: hidden;
  font-size: 15px;
}
.i-list-title{
  vertical-align: middle;
  float: left;
  box-sizing: border-box;
  width:80px;   
}
.i-list-content{
  position: relative;
  margin-left:85px;
  word-break: break-all;
}

.clearfix{
  &::after{
    content:'';
    display: block;
    visibility: hidden;
    clear: both;
    overflow: hidden;
    height: 0;
    font-size: 0;
    line-height: 0;
  }
}


.back-home{
  position: fixed;
  left: 0;
  bottom: 3rem;
  padding: 0.5rem 1rem 0.5rem 0.5rem;
  background: rgba(0,0,0,.5);
  color: #fff;
  text-align: center;
  font-size: 13px;
  border-radius: 0 15px 15px 0;
  z-index: 5;
}