@charset "utf-8";
/* CSS Document */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, section, article, aside, header, footer, nav, dialog, figure, hgroup, em, button ,a,input{ margin:0;padding:0; -webkit-tap-highlight-color: rgba(0,0,0,0)}
html{-webkit-text-size-adjust:none; }
html, body{
  height: 100%;;
}
*{
  outline:none;
}
html{font-size: 100px;}
body{font-size: 0.28rem;}
body {color:#3b4043; font-family: "PingFangSC-Regular, sans-serif","Helvetica Neue", Helvetica, STHeiTi, Arial,sans-serif;background-color: #fff; }

a, img {-webkit-touch-callout: none; /* 禁止长按链接与图片弹出菜单 */}
a{text-decoration: none;}
button,input{ background:none; border:0;}
table {border-collapse:collapse;border-spacing:0}
ul,ol,li{list-style:none}
em,i,b{font-style:normal}
img{border:0;max-width:100%; -ms-interpolation-mode: bicubic; -moz-interpolation-mode:bicubic; -webkit-interpolation-mode:bicubic;}
input,img{vertical-align:middle;}
input,button,select,textarea{margin: 0; padding:0;-webkit-appearance:none;border:none;outline:0;}
input {font-size:0.28rem;}
h1,h2,h3,h4,h5,h6 {font-weight:700}
strong {font-weight:700}
cite,em {font-style:normal}

.clearfix:after{content: ""; display: block; height: 0;clear: both;visibility: hidden;}
.clearfix {/* 触发 hasLayout */zoom: 1;}

.fr{float: right;}
.fl{float: left;}
.mb{
  margin-bottom:0.2rem;
}
.mt{
  margin-top:0.2rem;
}
.red {
  color:#d02d44 !important;
}
.pd {
  padding:0 0.15rem;
}
.shade{background: rgba(0,0,0,0.7); position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 100;}
.css3{animation: css3 1s ease-out;-moz-animation: css3 1s ease-out;-webkit-animation: css3 1s ease-out;}
@keyframes css3{ 0%  { width:0px;} 100%{ } }
@-webkit-keyframes css3{ 0%  { width:0px;} 100%{ }}

@font-face {
  font-family: "iconfont";
  src: url('iconfont.eot');
  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
  url('iconfont.woff') format('woff'), 
  url('iconfont.ttf') format('truetype'), 
  url('iconfont.svg#iconfont') format('svg');
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:0.32rem;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.main{
  padding-bottom:0.98rem;
  overflow:hidden;
}
.main3 {
  padding-top:0.98rem;
  padding-bottom:0.98rem;
}
@media screen and (min-width: 414px) { 
  .main,
  .main2,
  .main3,
  .main4,
  .footer{
    margin:0 auto;
    max-width:414px;
  } 
} 

.t-border{
  position: relative;
}
.t-border:before{
  content: '';
  position: absolute;
  width:200%;
  height:200%;
  -webkit-transform:scale(.5);
          transform:scale(.5);
  -webkit-transform-origin:0 0;
          transform-origin:0 0;
  pointer-events:none;
  box-sizing:border-box;
  border:0;
  border-top:1px solid #e8e8e8;
  left:0;
  top:0;
}
.b-border{
  position: relative;
}
.b-border:after{
  content: '';
  position: absolute;
  width:200%;
  height:200%;
  -webkit-transform:scale(.5);
          transform:scale(.5);
  -webkit-transform-origin:0 0;
          transform-origin:0 0;
  pointer-events:none;
  box-sizing:border-box;
  border:0;
  border-bottom:1px solid #e8e8e8;
  left:0;
  top:0;
}
.l-border{
  position: relative;
}
.l-border:before{
  content: '';
  position: absolute;
  width:200%;
  height:200%;
  -webkit-transform:scale(.5);
          transform:scale(.5);
  -webkit-transform-origin:0 0;
          transform-origin:0 0;
  pointer-events:none;
  box-sizing:border-box;
  border:0;
  border-left:1px solid #e8e8e8;
  left:0;
  top:0;
}
.r-border{
  position: relative;
}
.r-border:after{
  content: '';
  position: absolute;
  width:200%;
  height:200%;
  -webkit-transform:scale(.5);
          transform:scale(.5);
  -webkit-transform-origin:0 0;
          transform-origin:0 0;
  pointer-events:none;
  box-sizing:border-box;
  border:0;
  border-right:1px solid #e8e8e8;
  left:0;
  top:0;
}
.diag_bg {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  background: rgba(0,0,0,0.7);
}

.stpop{position: fixed;  left: 0; width:100%; z-index: 9999; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center;}
.stpop_bg{position: fixed; left:0; top:0; right:0; bottom: 0; z-index: 9998;background:rgba(0,0,0,0);}
.stpop p{position: relative;background:rgba(0,0,0,.7); color:#fff;padding: 0.15rem 0.3rem;margin:0;border-radius: 5px; font-size: 0.28rem;-webkit-animation: fade-in;animation: fade-in;  
    -webkit-animation-duration: 1s;  
            animation-duration: 1s;  
    -webkit-animation:fade-in 0.5s;}
@keyframes fade-in {  
    0% {opacity: 0;} 
    100% {opacity: 1;}
}  
@-webkit-keyframes fade-in { 
    0% {opacity: 0;}  
    100% {opacity: 1;}  
} 

.diag-bg{
  position: fixed;
  left:0;
  top:0;
  width: 100%;
  height: 100%;
  background:rgba(0,0,0,.7);
  z-index: 999;
}
.dropload-up,.dropload-down{
  position: relative;
  height: 0;
  overflow: hidden;
  font-size: 12px;
  /* 开启硬件加速 */
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
}
.dropload-down{
  height: 40px;
}
.dropload-refresh,.dropload-update,.dropload-load,.dropload-noData{
  height: 40px;
  line-height: 40px;
  text-align: center;
  color:#999;
}
.dropload-load .loading{
  display: inline-block;
  height: 15px;
  width: 15px;
  border-radius: 100%;
  margin: 6px;
  border: 2px solid #666;
  border-bottom-color: transparent;
  vertical-align: middle;
  -webkit-animation: rotate 0.75s linear infinite;
  animation: rotate 0.75s linear infinite;
}
@-webkit-keyframes rotate {
  0% {
      -webkit-transform: rotate(0deg);
  }
  100% {
      -webkit-transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
  }
  100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
  }
}

.b-spinner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #f4f5f9;
  border-radius: 0.28rem;
}

.b-spinner span {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-left: 1px solid #f4f5f9;
  border-right: 1px solid #f4f5f9;
}

.b-spinner a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 0.6rem;
}

.b-spinner a i {
  color: #333;
}

.b-spinner input {
  width: 1rem;
  height: 0.56rem;
  text-align: center;
}

.yd-checkbox {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 10px;
}
.yd-checkbox>input[type=checkbox] {
  position: absolute;
  left: -9999em;
}
.yd-checkbox>input[type=checkbox]:checked+.yd-checkbox-icon {
  background-color: currentColor;
  border-color: currentColor;
}
.yd-checkbox-icon {
  border: 1px solid #ccc;
  border-radius: 2px;
  display: inline-block;
  position: relative;
  z-index: 3;
  vertical-align: bottom;
  pointer-events: none;
  width: 0.36rem;
  height: 0.36rem;
  border-radius: 50%;
  color: #d02d44;
  overflow:hidden;
}
.yd-checkbox-icon i {
  width: 4px;
  height: 10px;
}
.yd-checkbox>input[type=checkbox]:checked+.yd-checkbox-icon>i {
  -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(1);
  transform: translate(-50%, -50%) rotate(45deg) scale(1);
  transition: all .2s ease-in-out;
}
.yd-checkbox-icon>i {
  content: "";
  position: absolute;
  top: 40%;
  left: 50%;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(0);
  transform: translate(-50%, -50%) rotate(45deg) scale(0);
}
.yd-checkbox-text {
  margin-left: 1px;
  font-size: 0.26rem;
  color: #666;
  pointer-events: none;
  margin-left: 5px;
}

.yd-radio {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 10px;
}
.yd-radio>input[type=radio] {
  position: absolute;
  left: -9999em;
}
.yd-radio>input[type=radio]:checked+.yd-radio-icon {
  border-color: currentColor;
}
.yd-radio-icon {
  border: 1px solid #ccc;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  z-index: 3;
  vertical-align: bottom;
  pointer-events: none;
  width:16px;
  height:16px;
  color:#d02d44;
  margin-right: 3px;
}
.yd-radio-icon>i {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  background-color: currentColor;
  opacity: 0;
  -webkit-transform: translate(-50%,-50%) scale(.1);
  transform: translate(-50%,-50%) scale(.1);
  width:10px;
  height:10px;
}
.yd-radio>input[type=radio]:checked+.yd-radio-icon>i {
  opacity: 1;
  -webkit-transform: translate(-50%,-50%) scale(1);
  transform: translate(-50%,-50%) scale(1);
  transition: all .2s ease-in-out;
}
.yd-radio>input[type=radio]:disabled+.yd-radio-icon {
  border-color: #ccc;
  background-color: #f3f3f3;
}
.yd-radio>input[type=radio]:disabled~.yd-radio-text, 
.yd-radio>input[type=radio]:disabled~.yd-radio-text p,
.yd-radio>input[type=radio]:disabled~.yd-radio-text2{
  color: #ccc;
}
.yd-radio-text {
  margin-left: 1px;
  font-size: 15px;
  color: #666;
  pointer-events: none;
}
[v-cloak] {
  display: none;
}
.nodata{
  padding:1.6rem;
  text-align: center;
}
.nodata i{
  color:#e4e4e4;
  font-size: 1.3rem;
}
.nodata p{
  color:#999;
  margin-top: 0.3rem;
}
.tabbar-badge{
  background:#d02d44;
  font-size: 12px;
  position: relative;
  display: inline-block;
  border-radius: 1000px;
  line-height: 1;
  padding: 3px 6px;
  white-space: nowrap;
  color:#fff;
  position: absolute;
  left: 50%;
  margin-left: 0.05rem;
  top: 0.1rem;
  z-index: 8;
}
.tabbar-badge2{
  border:1px solid #d02d44;
  font-size: 12px;
  position: relative;
  display: inline-block;
  border-radius: 1000px;
  line-height: 1;
  padding: 3px 6px;
  white-space: nowrap;
  color:#d02d44;
  background: #fff;
  z-index: 8;
}

.footer {
  position:fixed;
 /* left:0;*/
  bottom:0;
  width: 100%;
  background: #fff;
  z-index: 7;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  box-shadow:0 -1px 2px 0 rgba(0,0,0,0.05);
  padding-bottom: calc(env(safe-area-inset-bottom));
}
.footer .menu {
  -webkit-flex:1;
      -ms-flex:1;
          flex:1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-flex-direction:column;
      -ms-flex-direction:column;
          flex-direction:column;
  height: 0.98rem;
}
.footer .menu .icon{
  width:0.47rem;
  height:0.43rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin-bottom:3px;
}
.footer .menu .icon1 {
  background-image: url(../images/icon/1.png);
}
.footer .menu .icon2 {
  background-image: url(../images/icon/2.png);
}
.footer .menu .icon3 {
  background-image: url(../images/icon/3.png);
}
.footer .menu .icon4 {
  background-image: url(../images/icon/4.png);
}
.footer .menu .icon5 {
  background-image: url(../images/icon/5.png);
}
.footer .menu-on .icon1 {
  background-image: url(../images/icon/1-1.png);
}
.footer .menu-on .icon2 {
  background-image: url(../images/icon/2-1.png);
}
.footer .menu-on .icon3 {
  background-image: url(../images/icon/3-1.png);
}
.footer .menu-on .icon4 {
  background-image: url(../images/icon/4-1.png);
}
.footer .menu-on .icon5 {
  background-image: url(../images/icon/5-1.png);
}
.footer .menu .text {
  font-size:0.24rem;
  color:#9b9b9b;
  line-height:0.3rem;
}