 .xc-grow-top{
   width: 100%;
   height: 528rpx;
   border-bottom: 15rpx solid #f2f2f2;

 }
  .xc-grow-top .title-img{
   width: 100%;
   height: 360rpx;
 }
  .xc-grow-top .explain-frame{
    top:66rpx;
    left:40rpx;

  }
  .xc-grow-top .explain-frame .font-grow{
    font-size:30rpx;
  }
   .xc-grow-top .explain-frame .val{
     font-size:46rpx;
     margin-top:5rpx;
   }
.xc-grow-top .explain-frame .distance-val{
  margin-top:40rpx;
  font-size:26rpx;

}
.xc-card{
  width: 668rpx;
  height: 134rpx;

  left: 40rpx;
  bottom:100rpx;

}
.xc-card .card{
  width: 208rpx;
  height: 100%;
  border-radius:15rpx;

}
.xc-screen-frame{
  width: 668rpx;
  left: 40rpx;
  bottom: 26rpx;
   color: #8e8c8d;
}
 .box
        {
            width:0px;
            height:0px;
                 margin-left: 15rpx;
            border-top:11rpx solid rgba(0,0,0,0);
            border-right:10rpx solid  rgba(0,0,0,0);
            border-bottom:18rpx solid  #8e8c8d;
            border-left:10rpx solid  rgba(0,0,0,0);
            display: inline-block

            }

            .xc-list-frame{
              width: 688rpx;
              margin-left:40rpx;
              height: 645rpx;
              padding-bottom:20rpx;

            }
            .xc-list-frame .xc-bills-frame{
              width: 655rpx;
              height: 108rpx;
              border-top: 2rpx solid #f2f2f2;
              border-bottom: 2rpx solid #f2f2f2;
            }
.xc-list-frame .xc-bills-frame .word-number{
  font-size:30rpx;

}
           .xc-list-frame .xc-bills-frame .word-time{
              font-size: 26rpx;
           }

            .xc-bills-frame .xc-val{
              color: #fe537d;
            }
  .intro {
  margin: 30px;
  text-align: center;
}

 .xc-list-frame .no_text{ text-align: center; color: #eee;  margin-top: 30rpx; color: #8e8c8d; font-size: 30rpx }
 .reset_img{ position: relative; top:2rpx}