*{     -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;
     box-sizing: border-box; 
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;} 
body { font-family: PingFangSC-Regular,Microsoft YaHei,Helvetica; font-size: 13px; color: #333333;}
table {border-collapse:collapse;border-spacing:0;} 
fieldset,img {border:0} 
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal} 
input[type="text"],textarea,button{ -webkit-appearance:none; outline: none;}
option { padding: 0;}
ol,ul,li {list-style:none;} 
caption,th {text-align:left} 
p {    line-height: 24px;}
h1 { font-size: 18px;}
h2 { font-size: 16px;}
h3 { font-size: 15px;}
h4 { font-size: 14px;}
h5 { font-size: 13px;}
h6 { font-size: 12px;}

a:link, a:visited {
text-decoration: none;
color: #333333;
}

a.keycolor:link,a.keycolor:visited { color: #252d35;}
a.check-link:link,a.check-link:visited { color: #528fde;}
a.check-link { font-weight: normal;}
.keybg:hover, .keybg:active { color: #fff; background-color: #06b19d;}
a.keybg:link, a.keybg:visited { color: #fff; background-color: #06b19d;}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {    color:  #b0bcd3; font-size: 15px;}
input::-moz-placeholder,textarea::-moz-placeholder {  color: #b0bcd3;font-size: 15px;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {  color:#b0bcd3;font-size:15px;}
/*f文字排版*/
.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}
.f15{font-size:15px}
.f16{font-size:16px}
.f18{font-size:18px}
.f20{font-size:20px}
.f23{font-size:23px}
.fb{font-weight:bold}
.fn{font-weight:normal}
.t2{text-indent:2em}
.keycolor { color: #f57177;}
.keybg { background-color:#00c3ac; }
.gray-bg { background-color: #f8f7fc;}
.secondcolor { color: #aab7d0; }
.graycolor { color: #9195a6; }
.lh150{line-height:150%}
.lh180{line-height:180%}
.lh200{line-height:200%}
.unl{text-decoration:underline;}
.no_unl{text-decoration:none;}
.light-text { color: #ff7b33;}
.text-ellipsis {  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.text-ellipsis3 {  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.text-nowrap { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
h4.text-ellipsis { line-height:20px; }
h5.text-ellipsis { line-height: 20px;}
.inlineblock { display: inline-block; vertical-align: middle;}
.block-img,.block-a { display: block;}
.date ,.tip{ font-size: 12px; color: #999999;}

/*定位*/
.tl{text-align:left}
.tc{text-align:center}
.tr{text-align:right}
.fl{float:left;display:inline}
.fr,.form-r{float:right;display:inline}
.text-right { text-align: right;}
.text-center { text-align: center;}
.cb{clear:both;}
.cl{clear:left;}
.cr{clear:right;}
.vm{vertical-align:middle} 
.pr{position:relative;} 
.pa{position:absolute;}
.abs-right{position:absolute;right:0}
.zoom{zoom:1} 
.overhidden { overflow: hidden;}
.hidden{visibility:hidden} 
.none{display:none}

.col-sm-3 {
  display: block; float: left;
    -ms-flex: 0 0 33.3%;
    flex: 0 0 33.3%;
    width: 33.3%;
}
.col-sm-4 { -ms-flex: 0 0 25%; flex: 0 0 25%; width: 25%; float: left;}
.col-sm-5 {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    width:40%;
}
.col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width:50%;float: left;
}
.col-sm-7 {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
    width:  60%;display: inline-block;
}
.col-sm-9 {
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
    width: 70%;
}
.col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
}
/*边距*/
.m35{margin:.35rem;}
.m25{margin:.25rem;}
.mt5 { margin-top: .05rem;}
.mt18{margin-top:.18rem;}
.mt25{margin-top:.25rem;}
.mt40 { margin-top: .4rem;}
.mt50 { margin-top: .5rem;}
.mt60 { margin-top: .6rem;}
.mt80 { margin-top: .8rem;}
.mt200 { margin-top: 2rem;}
.mt250 { margin-top: 2.5rem;}
.mb25{margin-bottom:.25rem;}
.mb40{margin-bottom:.4rem;}
.mb60 { margin-bottom: .6rem;}
.ml10 { margin-left: .1rem;}
.ml25{margin-left:.25rem;}
.mr25{margin-right:.25rem;}
.mb18 {margin-bottom:.18rem; }
.mb30 {margin-bottom:.3rem; }
.mlr25 { margin: 0 .25rem;}
.mtb25{margin-top:.25rem; margin-bottom:.25rem;}
.p10{ padding: .1rem;}
.p15{ padding: .15rem;}
.p25{padding:.25rem;}
.pt25{padding-top:.25rem;}
.pt50{padding-top:.5rem;}
.pb25{padding-bottom:.25rem;}
.pb28{padding-bottom:.28rem;}
.pb5{padding-bottom:.5rem;}
.pb115 {padding-bottom: 1.15rem;}
.pl25 { padding-left: .25rem;}
.plr25 { padding-left: .25rem;padding-right: .25rem;}
.ptb15 { padding-top: .15rem;padding-bottom: .15rem;}
.ptb25 { padding-top: .25rem;padding-bottom: .25rem;}
.pd0 { padding: 0;}
.mb0 { margin-bottom: 0;}
.mr10-icon { margin-right: .1rem;}
.w100 { width: 100%;}
.valign {display:table-cell;*display: inline;zoom:1;vertical-align:middle;}
.text{word-wrap:break-word;overflow:hidden;word-break:break-all;}
a.more-btn:link,a.more-btn:visited { color: #999999; font-weight: normal;}
.nobor { border:none;}
/*图片边框*/
.img100 { width: 100%;display: block;}
.table-w100 { width: 100%;}
.border-bt { border-bottom: 1px solid #e5e5e5;}
.bor-radiusmin { -webkit-border-radius:.1rem; -moz-border-radius:.1rem; border-radius: .1rem;}
.bor-radiusmid {-webkit-border-radius:.2rem; -moz-border-radius:.2rem; border-radius: .2rem; }
.bor-radiusmax {-webkit-border-radius:1rem; -moz-border-radius:1rem; border-radius: 1rem; }
/*图标*/
.icon { position: relative;display:inline-block;vertical-align: middle; margin-right: .06rem;}
.icon-mr10 { margin-right: .1rem;}
.prev-icon { width:.23rem; height: .35rem; background: url(../img/prev-icon.png) no-repeat center; background-size: .23rem .35rem;}
.search-icon {   display: inline-block;  width: .26rem;  height: .28rem;  background: url(../img/search-icon.png);  background-size: 100%;  background-repeat: no-repeat;}
.money-icon { width: .28rem;  height: .32rem;background: url(../img/money-icon.png) no-repeat; background-size: 100%;}
.money2-icon { width: .3rem;  height: .3rem;background: url(../img/money2-icon.png) no-repeat; background-size: 100%;}
.cash-icon { width: .28rem;  height: .32rem;background: url(../img/cash-icon.png) no-repeat; background-size: 100%;}
.collect-icon { width: .28rem;  height: .26rem;background: url(../img/collect-icon.png) no-repeat; background-size: 100%;}
.peo-icon { width: .27rem;  height: .28rem;background: url(../img/peo-icon.png) no-repeat; background-size: 100%;}
.time-icon { width: .27rem;  height: .28rem;background: url(../img/time-icon.png) no-repeat; background-size: 100%;}
.location-icon { width: .34rem;  height: .34rem;background: url(../img/location-icon.png) no-repeat; background-size: contain;}
.tell-icon { width: .34rem;  height: .34rem;background: url(../img/tell-icon.png) no-repeat; background-size: contain;}
.send-icon { width: .34rem;  height: .34rem;background: url(../img/send-icon.png) no-repeat; background-size: contain;}
.email-icon { width: .34rem;  height: .34rem;background: url(../img/email-icon.png) no-repeat; background-size: contain;}
.web-icon { width: .34rem;  height: .34rem;background: url(../img/web-icon.png) no-repeat; background-size:contain;}
/*头部*/
.head-top {padding:.24rem;  position: relative;background-color: #ff7c2e; text-align: center; color: #fff;letter-spacing: 1px;}
.head-top .prev-icon { width: .88rem; height: .88rem; position: absolute;left: 0;top: 0; }
/*表单*/
.form-label,.col-form-label {font-size: 15px; font-weight: bold;    }
.form-label { display: inline;}
.col-form-label {  display: inline-block;  padding-top: .1rem;}
.key-label { color: #ab1419; font-size: 18px;}
.form-control { font-size: 14px;  height: .64rem; line-height: .64rem;padding-left: .2rem; border:1px solid #999999; background-color: #f5f5f5; -webkit-border-radius:.06rem; -moz-border-radius:.06rem; border-radius: .06rem;}
.form-control.form-control-white { background-color: #fff; text-align: center;}
.form-control-max { width: 100%;}
.textarea-control {width: 100%; max-width: 100%;  min-height: 1.65rem;height: 100%;  }
.form-r { width: 76%;-ms-flex: 0 0 76%; flex: 0 0 76%;}
.form-group.row+.form-group.row {  border-top: 1px solid #e5e5e5;}
.form-group.row .form-group-item {  overflow: hidden; padding: .3rem 0;}
.form-group.row .form-group-item.pd0 { padding:0;}
/*按钮*/
.btn-box { overflow: hidden;}
.btn-box .btn-inline { width: 49%;  height: .66rem; line-height: .66rem; }
.btnpos-box { padding-top: .98rem; position: fixed; bottom: 0; left: 0; width: 100%;}
.btn {
    display: block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    font-size: 16px;
    width: 2.72rem;
    line-height: .88rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-min { width: 3.18rem; height: .86rem; line-height: .86rem; }
.btn-w100 { width: 100%;}
.btn-radiusmin {-webkit-border-radius:.1rem; -moz-border-radius:.1rem; border-radius: .1rem; }
.btn-radiusmax {-webkit-border-radius:1rem; -moz-border-radius:1rem; border-radius: 1rem;}
.btn-primary { color: #fff;  background-color: #f98f2b; }
.btn-yellow { background-color: #ff5831;color: #fff; }
.btn-default { background-color: #eeebeb; color: #f43f15; margin: auto; }
.btn-bor { color: #ff7c2f; background-color: #fff; border:1px solid #f98f2b;}
.btn-gradient {  background: -moz-linear-gradient(left, #f78e45 0%, #f05e49 100%);color: #fff;
    background: -webkit-gradient(linear, right left, left right, color-stop(0%,#f78e45), color-stop(100%,#f05e49));
    background: -webkit-linear-gradient(left, #f78e45 0%,#f05e49 100%);
    background: -o-linear-gradient(left, #f78e45 0%,#f05e49 100%);
    background: -ms-linear-gradient(left, #f78e45 0%,#f05e49 100%);
    background: linear-gradient(to right, #f78e45 0%,#f05e49 100%);}
/*switch开关*/
.bui-switch { float: right;color: #999999;}
label.bui-switch-label input {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}
label.bui-switch-label .bui-switch {
    width: 1.08rem;
    height: .5rem;
    position: relative;
    border: 1px solid #dfdfdf;
    background-color: #fdfdfd;
    box-shadow: #dfdfdf 0 0 0 0 inset;
    border-radius: 1rem;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    background-clip: content-box;
    display: inline-block;
    -webkit-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
}
label.bui-switch-label .bui-switch:before {
    content: '';
    width: .4rem;
    height: .4rem;
    position: absolute;
    top: .035rem;
    left: .04rem;
    border-radius: 20px;
    border-top-left-radius:1rem;
    border-top-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.4);
}
label.bui-switch-label.bui-switch-animbg {
        vertical-align: middle;display: inline-block; 
    -webkit-transition: background-color ease 0.4s;
    transition: background-color ease 0.4s;
}
label.bui-switch-label input:checked + .bui-switch {
    border-color: #ff7c1c;
    box-shadow: #ff7c1c 0 0 0 16px inset;
    background-color: #ff7c1c;
}
label.bui-switch-label.bui-switch-animbg input:checked + .bui-switch {
    box-shadow: #dfdfdf 0 0 0 0 inset;
    background-color: #ff7c1c;
    -webkit-transition: border-color 0.4s,background-color ease 0.4s;
    transition: border-color 0.4s,background-color ease 0.4s;
}
label.bui-switch-label input:checked + .bui-switch:before {
       left: .6rem;
}
label.bui-switch-label.bui-switch-animbg .bui-switch:before {
    -webkit-transition: left 0.3s;
    transition: left 0.3s;
}
@media screen and (max-width: 321px) {
  input::-webkit-input-placeholder ,textarea::-webkit-input-placeholder { font-size: 12px;}
  input::-moz-placeholder, textarea::-moz-placeholder { font-size: 12px;}
  input:-ms-input-placeholder ,textarea:-ms-input-placeholder  {font-size:12px;}
  body ,p{ font-size:12px;}
  p {line-height: 20px;}
  h1 { font-size: 16px;}
  h2 { font-size: 15px; }
  h3 { font-size: 14px;}
  h4 { font-size: 13px;}
  h5 { font-size: 12px;}
  h6 { font-size: 12px;}
  h5.text-ellipsis { line-height: 17px;}
  .f12{font-size:12px;  }
  .f14{font-size:12px;  }
  .f15{font-size:14px}
  .f16{font-size:15px}
  .f23{font-size:20px;  }

  .date,.tip { font-size: 12px;}
  .btn { font-size: 15px;}
  .btn-default { font-size: 15px;}
  .scale-text {  -webkit-transform: scale(.9);  -moz-transform:scale(.9);  -o-transform:scale(.9);  transform:scale(.9);}
  .form-label,.col-form-label { font-size: 13px;}
  .form-control { font-size: 12px;}
}

@media screen and (min-width: 400px) and (max-width:767px){
  input::-webkit-input-placeholder ,textarea::-webkit-input-placeholder {  font-size: 15px;}
  input::-moz-placeholder, textarea::-moz-placeholder { font-size: 15px;}
  input:-ms-input-placeholder ,textarea:-ms-input-placeholder  {font-size:15px;}
  body,p { font-size:14px;}
  p { line-height: 26px;}
  h1 { font-size: 19px;}
  h2 { font-size: 18px;}
  h3 { font-size: 16px;}
  h4 { font-size: 18px;}
  h5 { font-size: 14px; }
  h6 { font-size: 13px;}
  h4.text-ellipsis { line-height: 24px;}
  h5.text-ellipsis { line-height: 23px;}
  .f12{font-size:13px;  }
  .f14{font-size:15px;  }
  .f15{font-size:16px}
  .f16{font-size:17px}
  .f23{font-size:24px;  }
  .date,.tip { font-size: 13px;}
  .btn { font-size: 17px;}
  .btn-default { font-size: 18px;}
  .form-label,.col-form-label { font-size: 16px;}
  .form-control { font-size: 15px;}
}

@media only screen and (min-width: 768px){
  input::-webkit-input-placeholder ,textarea::-webkit-input-placeholder {  font-size: 24px;}
  input::-moz-placeholder, textarea::-moz-placeholder { font-size: 24px;}
  input:-ms-input-placeholder ,textarea:-ms-input-placeholder  {font-size:24px;}
  body,p { font-size:26px;}
  p { line-height: 42px;}
  h1 { font-size: 36px;}
  h2 { font-size: 32px;}
  h3 { font-size: 30px;}
  h4 { font-size: 28px;}
  h5 { font-size: 26px; line-height: 40px;}
  h6 { font-size: 24px;}
  h4.text-ellipsis { line-height: 40px;}
  h5.text-ellipsis { line-height: 42px;}
  .f12{font-size:24px;  }
  .f14{font-size:28px;  }
  .f15{font-size:30px}
  .f16{font-size:32px}
  .f23{font-size:36px;  }
  .date,.tip { font-size: 22px;}
 .btn { font-size: 32px;}
 .btn-default { font-size: 32px;}
 .form-label,.col-form-label { font-size: 30px;}
 .form-control { font-size: 28px;}

}