@charset "utf-8";
html {
    font-family: sans-serif;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    color: #000;
   
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
}
/**
 * Remove default margin.
 */
body{ margin:0px; font-family:"微软雅黑"; color:#666; line-height:normal; font-size: .28rem; color: #333;}
input{ padding:0; border:0; outline:none; font-family:"微软雅黑"; color:#666; tap-highlight-color:rgba(204,204,204,0); -webkit-tap-highlight-color:rgba(204,204,204,0);}
textarea{ resize:none; outline:none; font-family:"微软雅黑"; tap-highlight-color:rgba(204,204,204,0); -webkit-tap-highlight-color:rgba(204,204,204,0);}
a{ text-decoration:none; color:#666; tap-highlight-color:rgba(204,204,204,0); -webkit-tap-highlight-color:rgba(204,204,204,0);}
h1,h2,h3,h4,h5,h6{ margin:0; line-height:normal;}
ul,li,dl,dt,dd,p,figure{ margin:0px; padding:0px;}
li{ list-style:none;}

.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
/*清除浮动*/
.clear{ clear:both;}
/*单行省略号*/
.ellipsis_one{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
/*超过2行省略号*/
.ellipsis_two{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
/*超过3行省略号*/
.ellipsis_three{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
/*透明蒙版*/
.masked_transparent{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:11; background-color:rgba(0,0,0,0); display:none;}
/*flex布局*/
.left-float-top-br{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-o-xflex;display:flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;line-height:1.4;}.left-float-top{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-o-flex;display:flex;line-height:1.4;}.center-float-top{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-o-flex;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;line-height:1.4;}.right-float-top{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-o-flex;display:flex;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;-ms-justify-content:flex-end;-o-justify-content:flex-end;justify-content:flex-end;line-height:1.4;}.center-float-left{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-o-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;line-height:1.4;}.center-float-center{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-o-flex;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;line-height:1.4;}.center-float-right{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-o-flex;display:flex;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;-ms-justify-content:flex-end;-o-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;line-height:1.4;}.bottom-float-left{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-o-flex;display:flex;-webkit-align-items:flex-end;-moz-align-items:flex-end;-ms-align-items:flex-end;-o-align-items:flex-end;align-items:flex-end;line-height:1.4;}.bottom-float-center{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-o-flex;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-align-items:flex-end;-moz-align-items:flex-end;-ms-align-items:flex-end;-o-align-items:flex-end;align-items:flex-end;line-height:1.4;}.bottom-float-right{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-o-flex;display:flex;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;-ms-justify-content:flex-end;-o-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:flex-end;-moz-align-items:flex-end;-ms-align-items:flex-end;-o-align-items:flex-end;align-items:flex-end;line-height:1.4;}.top-lr-scatter{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-o-flex;display:flex;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between;line-height:1.4;}.tbc-lr-scatter{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-o-flex;display:flex;-webkit-justify-content:space-around;-moz-justify-content:space-around;-ms-justify-content:space-around;-o-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;line-height:1.4;}.bottom-lr-scatter{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-o-flex;display:flex;-webkit-align-items:flex-end;-moz-align-items:flex-end;-ms-align-items:flex-end;-o-align-items:flex-end;align-items:flex-end;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between;line-height:1.4;}.left-tb-scatter{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-o-flex;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between;line-height:1.4;}.center-tb-scatter{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-o-flex;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;line-height:1.4;}.right-tb-scatter{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-o-flex;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-end;-moz-align-items:flex-end;-ms-align-items:flex-end;-o-align-items:flex-end;align-items:flex-end;line-height:1.4;}
.flex-1{flex:1; -webkit-flex: 1;-moz-flex:1;-ms-flex:1}

.w100{ width: 100%;}
.page-content{ padding-bottom: .98rem;}
.footer{ position: fixed; bottom: 0; height: .98rem; background:#F8F8F8; border-top:#eee 1px solid; z-index: 10;}
.footer i{ color: #999; font-size: .45rem;}
.footer dt{ height: .5rem; line-height: .5rem;}
.footer dd{ font-size: .24rem; color: #666;}
.page-content{ /*padding-top: .88rem;*/ padding-bottom: .98rem;}


.header{ height: .88rem; line-height: .88rem; font-size: .2rem; color: #fff; position: fixed; width: 100%; z-index: 10;}
.main{ padding-top: .88rem;}
.header img{ width: 1.58rem; height: .36rem;}
.racing_header{ padding: 0 .15rem; font-size: .24rem;}
.racing_header .title{ font-size: .36rem;}
.racing_header i{ font-size: .36rem;}
.racing_header .w1{ width: 1rem;}

.bg-red{ background: #569efb;}
.bg-black{ background: #423f3e;}
.color-red{ color: #569efb !important;}
.bg-fff{ background: #fff;}
.bg-f8{ background: #F8F8F8;}
.color-green{ color: #1FAF00 !important;}
.color-red{ color: #569efb !important;}
.mt30{margin-top: .3rem;}
.mt15{margin-top: .15rem;}
.mt20{margin-top: .2rem;}
.mt5{margin-top: .05rem;}
.mt10{margin-top: .10rem;}
.mr10{ margin-right: .1rem;}
.mr5{ margin-right: .05rem;}
.ml20{ margin-left: .2rem;}
.mr20{ margin-right: .2rem;}
.p20{ padding: .2rem;}
/*.pt20{ padding-top: .2rem;}*/
.pl20{ padding-left: .2rem;}
.color-999{ color: #999999;}
.color-666{ color: #666666;}
.color-222{ color: #222222;}
.color-fff{ color: #fff;}
.f36{ font-size: .36rem !important;}
.f24{ font-size: .24rem;}
.f28{ font-size: .28rem;}
.f30{ font-size: .3rem;}
.f34{ font-size: .34rem;}
.f40{ font-size: .4rem;}
.mui-popup-button{ color: #EF0F0F;}
.mui-slider-indicator .mui-indicator{ background: #fff;}
.mui-slider-indicator .mui-active.mui-indicator{ background:#569efb ;}
.icon_80{ width: .8rem !important; height: .8rem;}
.icon_56{ width: .56rem; height: .56rem;}

input::-webkit-input-placeholder { /* WebKit browsers */
    color:#999;
		font-weight: normal;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#999;
		font-weight: normal;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#999;
		font-weight: normal;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#999;
		font-weight: normal;
}







.slide {
  width: 100%;
  /* min-height: 180px; */
  overflow: hidden;
  position: relative;
}
.slide .img {
  overflow: hidden;
  position: absolute;
  transition: width 0.4s, height 0.4s, top 0.4s, left 0.4s, z-index 0.4s;
}
.slide .img img {
  width: calc(100% - 14px);
  height: calc(100% - 14px);
  margin: 7px;
  border-radius: 10px;
  position: relative;
  z-index: 9999;
}
.slide .img1 {
  width: 40%;
  height: 40%;
  top: 30%;
  left: -50%;
  z-index: 1;
}
.slide .img2 {
  width: 60%;
  height: 60%;
  top: 20%;
  left: -20%;
  z-index: 2;
}
.slide .img3 {
  width: 90%;
  height: 90%;
  top: 5%;
  left: 5%;
  z-index: 3;
}
.slide .img4 {
  width: 60%;
  height: 60%;
  top: 20%;
  left: 60%;
  z-index: 2;
}
.slide .img5 {
  width: 40%;
  height: 40%;
  top: 30%;
  left: 110%;
  z-index: 1;
}
.slide-bt {
  position: absolute;
  left: 50%;
  bottom: 13%;
  z-index: 10;
}
.slide-bt span {
  width: 8px;
  height: 8px;
  background: #c9caca;
  float: left;
  margin: 5px;
  border-radius: 4px;
}
.slide .slide-bt .on {
  background: #ffd200;
}
.night-btn {
    color: rgb(231, 231, 231);
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 12px;
}
.left-btn {
    color: rgb(231, 231, 231);
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 12px;
}
.user-header {
    background: linear-gradient(to right, #508eff, #39b9fe);
    height: 0.88rem;
    width: 100%;
    text-align: center;
    z-index: 1;
}
.header-title {
    color: #fff;
    font-weight: bold;
}
.header-title {
    display: inline-block;
    color: #fff;
    line-height: 0.88rem;
    font-size: 0.36rem;
}
.user-header .icon-service_light {
    margin: 0.0rem 0.2rem;
    font-size: 0.4rem;
    color: #ffe48c;
    position: absolute;
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 50%;
    top: 0.11rem;
    left: 0;
}