/*8px*/
.m-t-8{
    margin-top:.08rem;
}
.m-b-8{
    margin-bottom:.08rem;
}
.m-l-8{
    margin-left:.08rem;
}
.m-r-8{
    margin-right:.08rem;
}
.p-t-8{
    padding-top:.08rem;
}
.p-b-8{
    padding-bottom:.08rem;
}
.p-l-8{
    padding-left:.08rem;
}
.p-r-8{
    padding-right:.08rem;
}
/*10px*/
.m-t-10{
    margin-top:.1rem;
}
.m-b-10{
    margin-bottom:.1rem;
}
.m-l-10{
    margin-left:.1rem;
}
.m-r-10{
    margin-right:.1rem;
}
.p-t-10{
    padding-top:.1rem;
}
.p-b-10{
    padding-bottom:.1rem;
}
.p-l-10{
    padding-left:.1rem;
}
.p-r-10{
    padding-right:.1rem;
}
/*15px*/
.m-t-15{
    margin-top:.15rem;
}
.m-b-15{
    margin-bottom:.15rem;
}
.m-l-15{
    margin-left:.15rem;
}
.m-r-15{
    margin-right:.15rem;
}
.p-t-15{
    padding-top:.15rem;
}
.p-b-15{
    padding-bottom:.15rem;
}
.p-l-15{
    padding-left:.15rem;
}
.p-r-15{
    padding-right:.15rem;
}

/*20px*/
.m-t-20{
    margin-top:.2rem;
}
.m-b-20{
    margin-bottom:.2rem;
}
.m-l-20{
    margin-left:.2rem;
}
.m-r-20{
    margin-right:.2rem;
}
.p-t-20{
    padding-top:.2rem;
}
.p-b-20{
    padding-bottom:.2rem;
}
.p-l-20{
    padding-left:.2rem;
}
.p-r-20{
    padding-right:.2rem;
}


/*24px*/
.m-t-24{
    margin-top:.24rem;
}
.m-b-24{
    margin-bottom:.24rem;
}
.m-l-24{
    margin-left:.24rem;
}
.m-r-24{
    margin-right:.24rem;
}
.p-t-24{
    padding-top:.24rem;
}
.p-b-24{
    padding-bottom:.24rem;
}
.p-l-24{
    padding-left:.24rem;
}
.p-r-24{
    padding-right:.24rem;
}

/*25px*/
.m-t-25 {
    margin-top: .25rem;
}

.m-b-25 {
    margin-bottom: .25rem;
}

.m-l-25 {
    margin-left: .25rem;
}

.m-r-25 {
    margin-right: .25rem;
}

.p-t-25 {
    padding-top: .25rem;
}

.p-b-25 {
    padding-bottom: .25rem;
}

.p-l-25 {
    padding-left: .25rem;
}

.p-r-25 {
    padding-right: .25rem;
}

/*30px*/

.m-t-30{
    margin-top:.3rem;
}
.m-b-30{
    margin-bottom:.3rem;
}
.m-l-30{
    margin-left:.3rem;
}
.m-r-30{
    margin-right:.3rem;
}
.p-t-30{
    padding-top:.3rem;
}
.p-b-30{
    padding-bottom:.3rem;
}
.p-l-30{
    padding-left:.3rem;
}
.p-r-30{
    padding-right:.3rem;
}

/*40px*/

.m-t-40{
    margin-top:.4rem;
}
.m-b-40{
    margin-bottom:.4rem;
}
.m-l-40{
    margin-left:.4rem;
}
.m-r-40{
    margin-right:.4rem;
}
.p-t-40{
    padding-top:.4rem;
}
.p-b-40{
    padding-bottom:.4rem;
}
.p-l-40{
    padding-left:.4rem;
}
.p-r-40{
    padding-right:.4rem;
}

/*50px*/

.m-t-50{
    margin-top:.5rem;
}
.m-b-50{
    margin-bottom:.5rem;
}
.m-l-50{
    margin-left:.5rem;
}
.m-r-50{
    margin-right:.5rem;
}
.p-t-50{
    padding-top:.5rem;
}
.p-b-50{
    padding-bottom:.5rem;
}
.p-l-50{
    padding-left:.5rem;
}
.p-r-50{
    padding-right:.5rem;
}



/*60px*/

.m-t-60{
    margin-top:.6rem;
}
.m-b-60{
    margin-bottom:.6rem;
}
.m-l-60{
    margin-left:.6rem;
}
.m-r-60{
    margin-right:.6rem;
}
.p-t-60{
    padding-top:.6rem;
}
.p-b-60{
    padding-bottom:.6rem;
}
.p-l-60{
    padding-left:.6rem;
}
.p-r-60{
    padding-right:.6rem;
}
/*height line-height:60*/
.height-60{
    line-height:.6rem;
}

/*height line-height:54*/
.height-54{
    line-height:.54rem;
}
/*height line-height:48*/
.height-48{
    line-height:.48rem;
}
/*height line-height:42*/
.height-42{
    line-height:.42rem;
}
/*height line-height:42*/
.height-40{
    line-height:.40rem;
}
/*height line-height:36*/
.height-36{
    line-height:.36rem;
}
.height-30{
    line-height:.30rem;
}

/*#region common */
.meb{
    color:#ff8686;
}
.t-center{
    text-align:center;
}
.letter{
    letter-spacing:0.02rem;
}
.bold{
    font-weight:600;
}
        .newsplit {
            width: 100%;
            height: 1px;
            background: #e5e5e5;
            overflow: hidden;
            position: inherit;
        }
        .alls {
            width: 0.32rem;
            height: 0.32rem;
            margin-right: .1rem;
        }
            .alls img {
                width:100%;
                max-width:100%;
            }
        .m-container {
          background:#fff;
        }
        .flex {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            box-sizing: border-box;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }
        .flex-stretch{
            align-items: stretch;
        }
        .flex-start {
            justify-content: flex-start;   
        }
        .flex-wrap {
            flex-wrap: wrap;
        }
        .flex-between {
            justify-content: space-between;
        }
        .flex-center {
            justify-content: center;
        }
        .flex-end {
            justify-content:flex-end;
        }
        .flex-column {
            flex-direction: column;
        }
        .flex-top{
            align-items:flex-start;
        }
        .three-line {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
        }
        .two-line {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
        }
        .one-line {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .color9 {
            color: #999;
        }
        /*#endregion */

/*#region loading */
.cover{
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    z-index:99999;
    width:100vw;
    height:100vh;
    background:#fff;
    -webkit-box-align: center;
   -ms-flex-align: center;
    align-items: center;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction:column;
    justify-content:center;
    opacity:1;
}
    .cover .loading {
        width: 6rem;
        height: 6rem;
        overflow: hidden;
    }
        .cover .loading img {
            width: 100%;
        }
.foot-main{
    height:100%;
}
/*#endregion */
/*#region 底部通用导航 */
@keyframes autoIn {
    from{bottom:-calc(100vw * 88 / 750)}to{bottom:calc(100vw * 88 / 750)}}
@-webkit-keyframes autoIn{from{bottom:-calc(100vw * 88 / 750)}to{bottom:calc(100vw * 88 / 750)}}
@-moz-keyframes autoIn{from{bottom:-calc(100vw * 88 / 750)}to{bottom:calc(100vw * 88 / 750)}}
@-o-keyframes autoIn{from{bottom:-calc(100vw * 88 / 750)}to{bottom:calc(100vw * 88 / 750)}}

@keyframes leave{from{bottom:calc(100vw * 88 / 750)}to{bottom:-100%}}
@-webkit-keyframes leave{from{bottom:calc(100vw * 88 / 750)}to{bottom:-100%}}
@-moz-keyframes leave{from{bottom:calc(100vw * 88 / 750)}to{bottom:-100%}}
@-o-keyframes leave{from{bottom:calc(100vw * 88 / 750)}to{bottom:-100%}}

/*#endregion */

/*#region 活动 */
@keyframes doctorIn {
    from {
        bottom: -100%;
    }

    to {
        bottom: 0
    }
}

@-webkit-keyframes doctorIn {
    from {
        bottom: -100%;
    }

    to {
        bottom: 0
    }
}

@-moz-keyframes doctorIn {
    from {
        bottom: -100%;
    }

    to {
        bottom: 0
    }
}

@-o-keyframes doctorIn {
    from {
        bottom: -100%;
    }

    to {
        bottom: 0
    }
}

@keyframes doctorLeave {
    from {
        bottom:0
    }

    to {
        bottom: -100%
    }
}

@-webkit-keyframes doctorLeave {
    from {
        bottom: 0
    }

    to {
        bottom: -100%
    }
}

@-moz-keyframes doctorLeave {
    from {
        bottom: 0
    }

    to {
        bottom: -100%
    }
}

@-o-keyframes doctorLeave {
    from {
        bottom: 0
    }

    to {
        bottom: -100%
    }
}



/*#endregion */
/*#region v3.1.0 底部消息按钮 */

@-webkit-keyframes shake{0%,to{
                             -webkit-transform:translateZ(0);
                             transform:translateZ(0)}
                        10%,30%,50%,70%,90%{
                            -webkit-transform:translate3d(-10px,0,0);
                            transform:translate3d(-10px,0,0)}
                        20%,40%,60%,80%{
                            -webkit-transform:translate3d(10px,0,0);
                            transform:translate3d(10px,0,0)}

}
@keyframes shake{0%,to{
                     -webkit-transform:translateZ(0);
                     transform:translateZ(0)}
                 10%,30%,50%,70%,90%{
                     -webkit-transform:translate3d(-10px,0,0);
                     transform:translate3d(-10px,0,0)}
                 20%,40%,60%,80%{
                     -webkit-transform:translate3d(10px,0,0);
                     transform:translate3d(10px,0,0)}

}

@-webkit-keyframes bounce{0%,20%,53%,80%,to{
                              -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
                              animation-timing-function:cubic-bezier(.215,.61,.355,1);
                              -webkit-transform:translateZ(0);
                              transform:translateZ(0);
                              -webkit-box-shadow: 0 2px 10px 2px rgba(99, 99, 99, 0.2);
                              -moz-box-shadow: 0 2px 10px 2px rgba(99, 99, 99, 0.2);
                              box-shadow: 0 2px 10px 2px rgba(99, 99, 99, 0.2);
                          }
                          40%,43%{
                              -webkit-transform:translate3d(0,-30px,0);
                              transform:translate3d(0,-30px,0);
                              -webkit-box-shadow: 0 4px 14px 4px rgba(99, 99, 99, 0.2);
                              -moz-box-shadow: 0 4px 14px 4px rgba(99, 99, 99, 0.2);
                              box-shadow: 0 4px 14px 4px rgba(99, 99, 99, 0.2);
                          }
                          40%,43%,70%{
                              -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
                              animation-timing-function:cubic-bezier(.755,.05,.855,.06);
                              -webkit-box-shadow: 0 2px 10px 2px rgba(99, 99, 99, 0.2);
                              -moz-box-shadow: 0 2px 10px 2px rgba(99, 99, 99, 0.2);
                              box-shadow: 0 2px 10px 2px rgba(99, 99, 99, 0.2);
                          }
                          70%{
                              -webkit-transform:translate3d(0,-15px,0);
                              transform:translate3d(0,-15px,0)}
                          90%{
                              -webkit-transform:translate3d(0,-4px,0);
                              transform:translate3d(0,-4px,0)}

}
@keyframes bounce{0%,20%,53%,80%,to{
                      -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
                      animation-timing-function:cubic-bezier(.215,.61,.355,1);
                      -webkit-transform:translateZ(0);
                      transform:translateZ(0)}
                  40%,43%{
                      -webkit-transform:translate3d(0,-30px,0);
                      transform:translate3d(0,-30px,0)}
                  40%,43%,70%{
                      -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
                      animation-timing-function:cubic-bezier(.755,.05,.855,.06)}
                  70%{
                      -webkit-transform:translate3d(0,-15px,0);
                      transform:translate3d(0,-15px,0)}
                  90%{
                      -webkit-transform:translate3d(0,-4px,0);
                      transform:translate3d(0,-4px,0)}

}
@-webkit-keyframes circle {
  /* Safari and Chrome */
  from {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}
/*#endregion */

/* 等待效果 */
.spinner {
    margin: 1rem auto;
    width: .8rem;
    height: .8rem;
    position: relative;
}

.container1 > div, .container2 > div, .container3 > div {
    width: .2rem;
    height: .2rem;
    background-color: #ff8686;
    border-radius: 100%;
    position: absolute;
    -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
    animation: bouncedelay 1.2s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.spinner .spinner-container {
    position: absolute;
    top: 4.28rem;
    width: 100%;
    height: 100%;
}

.container2 {
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.container3 {
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
}

.circle1 {
    top: 0;
    left: 0;
}

.circle2 {
    top: 0;
    right: 0;
}

.circle3 {
    right: 0;
    bottom: 0;
}

.circle4 {
    left: 0;
    bottom: 0;
}

.container2 .circle1 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.container3 .circle1 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.container1 .circle2 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.container2 .circle2 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.container3 .circle2 {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}

.container1 .circle3 {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

.container2 .circle3 {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.container3 .circle3 {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

.container1 .circle4 {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

.container2 .circle4 {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}

.container3 .circle4 {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}
@-webkit-keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0.0)
    }

    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}
/*#endregion */

.cvd-open-container {
    display: none;
}
.cvd-body div#main-box{
    display:block;
}