/*#region common */
.el2{
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
html{
    overflow:-moz-scrollbars-vertical; 
}

/*#endregion */

/*#region 日记和视频公用美淘分期样式 */
.case-box {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            box-sizing: border-box;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }
.case-boxs {
            align-items: flex-start;
            box-sizing: border-box;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

            .case-box .image, .case-box .image a,.case-boxs .image, .case-boxs .image a {
                width: .88rem;
                height: .88rem;
                overflow: hidden;
                border-radius: 50%;
            }
    .case-boxs .image {
        margin-top:.06rem;
    }
            .case-box .info,.case-boxs .info {
                width: calc(7.5rem - .6rem - .88rem - .3rem);
                margin-left: .3rem;
                padding-left:0;
            }
   .wrap {
         width: 100%;
         background:#fff;
         overflow: hidden;
     }
 .master-box {
         display:table;
         padding:.4rem .3rem;
         margin: 0 auto;
         overflow: hidden;
     }
 .master-box >div{
         display: table-cell;
         vertical-align:middle;
         overflow:hidden;
     }
.dp-img {
    width: 2.18rem;
    height:2.18rem;
    overflow:hidden;
}
.dp-img img{
    width: 100%;
    border-radius:5px;
}
.dp-infor {
    width: calc(7.5rem - .6rem - 2.18rem);
}
.size-title {
    color:#333;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.top-three,.zj {
    /*display:inline-block;*/
    /*padding: 1px 4px;*/
    border-radius:3px;
    overflow:hidden;
    font-size:calc(0.13 * 28vw);
    color:#fff;
    text-align:center;
}
.top-three {
  background:#edbb97;
  margin-right:5px;
}
.zj {
  width:0.64rem;
  /*height:0.32rem;*/
  line-height:0.32rem;
  background:#7ecef4;
  margin-right:0.15rem;
   border-radius:3px;
    overflow:hidden;
    font-size:calc(0.13 * 28vw);
    color:#fff;
    text-align:center;
    display:inline-block;
    vertical-align:bottom;
}
.money {
    margin-top:.3rem;
    font-size:calc(0.13 * 40vw);
    color:#ff8686;
    font-weight:bold;
    line-height:initial;
}
.money span{
    /*margin-left: 3%;
  font-size:1.2rem;*/
  color:#ccc;
  text-decoration:line-through;
  font-weight:normal;
}
.lhz {
    line-height:0;
}
.belong-hs {
    display:inline-block;
    /*height:0.32rem;*/
    line-height:0.32rem;
    padding:0 0.15rem;
    color:#666;
    font-size:calc(0.13 * 24vw);
    background:#fee9da;
    border-radius:0.32rem;
    overflow:hidden;
    font-size:80%;
}
.flex-start {
    display:flex;
    justify-content:flex-start;
    align-items:center;
}
.flex-wrap{
    flex-wrap:wrap;
}
.buy{
    margin-top:0.2rem;
    font-size:calc(0.13 * 28vw);
    color:#999;
}
.buy span{
  display:inline-block;
  width:0.26rem;
  height:0.26rem;
  margin-right:.1rem;
  vertical-align: text-bottom;
}
.buy span img{
 width:100%;
}
.staging {
    /*width:92%;
    margin:0 auto;
    margin-bottom:5%;
    padding:2% 1%;
    font-size:1rem;*/
    color:#333;
    overflow:hidden;
    padding: .07rem .02rem;
    background:#f2f1f1;
    
}
.fCenter{
    -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content:flex-start;
}
.staging>div{
     width:calc((7.5rem - .6rem ) / 4);
      -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content:center;
        letter-spacing:0;
        /*-webkit-flex:.3;
        -ms-flex:.3;
        flex:.3;*/
}
.staging>div:first-child{
     /*justify-content:flex-start;*/
}
.staging>div:last-child{
    margin-right:0;
}
.staging-box {
    width:.38rem;
    /*height:.36rem;*/
    line-height:0.36rem;
    /*vertical-align:central;*/
    border-radius: 3px;
    font-size: calc(0.13 * 26vw);
    border-radius:50%;
    color: #fff;
    text-align:center;
    overflow:hidden;
    display:inline-block;
    /*background: -webkit-linear-gradient(left, #efb595, #ff8786);
    background: -o-linear-gradient(right, #efb595, #ff8786);
    background: -moz-linear-gradient(right,#efb595, #ff8786);
    background: linear-gradient(to right,#efb595, #ff8786);*/
}
.fen{
    border:1px solid #ffb74d;
    color:#ffb74d;
}
.bao{
    border:1px solid #25bb9e;
    color:#25bb9e;
}
.juan{
    border:1px solid #ff5c5c;
    color:#ff5c5c;
}
.ji{
    border:1px solid #6bacfc;
    color:#6bacfc;
}
.pink {
    margin-left:2%;
    color:#ff8686;
}
     .mb5 {
         margin-bottom:5px !important;
     }
    .mbb5 {
         margin-bottom:5% !important;
     }
  .mt3 {
         margin-top:3% !important;
     }
  .mt5 {
         margin-top:5% !important;
     }
.flexs {
    display:flex;
}
.mb3 {
     margin-bottom:3% !important;
}
.pdb3 {
    padding: 3% 0;
}
.mb10 {
    margin-bottom:10px;
}
/*#endregion */
/*#region 头部详情 */
        .m-content {
            padding: 0 4%;
            background: #fff;
        }
        .content-header {
            padding-top: 5%;
        }

        .content-body > div:first-child {
            /*font-size: 1.5rem;*/
            color: #333;
            /*line-height: 25px;
            margin: 2% 0;*/
        }
         .content-header-img {
            width: 0.45rem;
            height:.6rem;
            display: inline-block;
            vertical-align:middle;
            /*margin-top:3px;*/
        }
        .content-header-icon {
            width: 0.45rem;
            height:0.45rem;
            /*margin-top:3px;*/
        }

            .content-header-icon img {
                width: 100%;
            }

        .content-header-content {
            display: inline-block;
            width:88%;
        }

            .content-header-content > div:first-child {
                color: #333;
                font-size:calc(0.13 * 34vw);
                margin-bottom: 2%;
            }

            .content-header-content > div:last-child {
                color: #999;
            }

        /*#endregion */
       
/*#region 头部内容标签 */
.two-line {
    overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2; 
}
        .content-tag {
            background: #f4f4f4;
            border-radius: 10px;
            padding: .2rem;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            box-sizing: border-box;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            justify-content:space-between;
        }

            .content-tag button {                
                color: #fff;
                border:none;
                padding:0;
                margin:0;
                /*border: 1px solid #ff8686;*/
                    /*border-radius: 16px;*/
                     width:2rem;
                height:.64rem;
                border-radius:.64rem;
                text-align:center;
                    background:transparent;
                    background:#ff8686;
            }

        .content-tag-content {
            max-width: 49%;
            float: left;
            display: inline;
            width:100%;
        }

.zx-e1 a{
    display:inline;
}
.content-tag-content > div:first-child {
    color: #edaf97;
    /*font-size: 1.15rem;*/
}

                .content-tag-content > div:first-child span {
                    background: #fff;
                    display: inline-block;
                    border-radius: 4px;
                    text-align: center;
                    margin-right: 10px;
                    padding:0 0.05rem;
                    /*height:0.42rem;*/
                    line-height:0.42rem;
                    /*margin-bottom:6px;*/
                }

                    .content-tag-content > div:first-child span:last-child {
                        margin-right: 0;
                    }

            .content-tag-content > div:last-child {
                color: #999;
                /*font-size: 1.15rem;*/
            }

                .content-tag-content > div:last-child span:last-child {
                    margin-left: .1rem;
                }

        /*#endregion */

/*#region 通用顶部广告 */
    .xx-banner {
        width: 100%;
        height: calc(100vw * 80 / 750);
        overflow: hidden;
    }

        .xx-banner img {
            width: 100%;
            height: calc(100vw * 80 / 750);
        }
    .club-banner-close {
        display:none;
        position: absolute;
        right: 2px;
        top: 2px;
        width: 20px;
        height: 20px;
        background: url(../image/close.png) no-repeat center;
        background-size: 20px;
        overflow: hidden;
        z-index: 9999;
    }
    .four-line {
        width: 100%;
        overflow: hidden;
        height: 5px;
        background: #f1f1f1;
    }
    .adcod {
    display:none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 34px;
    height: 17px;
    line-height: 17px;
    text-align: center;
    color: #fefefe;
    font-size: 10px;
    background: #72686b;
    opacity:0.6;
}
    .ft5{
        font-size:1.5rem;
    }
/*#endregion */
/*#region 头部整形知识 */
        .title-colors {
            font-size:1.5rem;
            color:#333;
        }
        .m-zs{
            padding:5% 0 0 0;
        }
        .m-zs-tip {
            /*padding: 0 4%;*/
            color: #333;
            /*line-height: 2rem;
            font-size: 1.7rem;*/
        }
        .m-zs-header{
            padding:0 .3rem;
            /*-webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            box-sizing: border-box;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            justify-content:space-between;*/
            border-bottom:1px solid rgba(229,229,229,.85);
            /*height:30px;*/
            overflow-y:hidden;
            overflow-x:auto;
        }
        #myTab{
            width:1000px;
            height:100%;
            overflow:hidden;
            padding:0;
            margin:0;
        }
        .m-zs-content {
            padding-top:3%;
        }
        .m-zs-header li {
            float:left;
            display: inline;
            margin-right:15px;
            line-height:0;
        }
         .m-zs-header a {
           display:inline-block;
            /*font-size: 1.45rem;*/
            color: #666;
            padding-bottom:.2rem;
            line-height:0.36rem;
            /*height:29.5px;*/
        }
        .m-zs-header li:last-child{
            margin-right:0;
        }
            .m-zs-header li.active  a{
                color: #edbb97; 
                border-bottom: 1px solid #edbb97;
            }
        .m-zs-list {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            box-sizing: border-box;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            padding:0 .3rem;
        }
        .m-zs-voido{
            width:30vw;
            height:20vw;
            overflow:hidden;
        }
        .m-zs-voido img{
            width:100%;
        }
        .m-zs-voido ~ .question {
            width: 70vw;
        }
        .quesion-content > span:first-child.custom {
            padding:0 .05rem;
            /*height:0.32rem;
            line-height:0.32rem;*/
            border: 1px solid #edbb97;
            color: #edbb97;
            border-radius: 4px;
            margin-right: 0.15rem;
           font-size:calc(0.13 * 28vw);    
            display:inline-block;
            background:none;
        }
.doct-btn a {
    color:#fff;
}
        /*#endregion */
/*#region 美前美后案例通用 */
p {
    margin-bottom:0;
}
.center {
    padding:0 .3rem;
    margin:0 auto;
}
.image {
     width:15vw;
     }
    .image img {         
         border-radius: 100%;
    }
    .info {
         width:75vw;
         padding-left: 5vw;
     }
     .title-color {
         font-size:calc(0.13 * 40vw);
         color:#333;
     }
     .mtb24 {
         margin: 2% 0 4% 0;
     }
     .labelling {
         padding: 0 0.05rem;
         margin-right:.2rem;
         border-radius: 4px;
         background: #feeada;
         overflow: hidden;
         color: #666;
         font-size:calc(0.13 * 28vw);
         height:0.42rem;
         line-height:0.42rem;
         text-align:center;
     }
          .diary-content {
         font-size:calc(0.13 * 36vw);
         color:#666;
     }
.beauty-box .flex-between {
        justify-content: flex-start;
}
       .before-img,.after-img {
         width:2.1rem;
         margin-right: 5%;
         overflow:hidden;
     }
     .before-img img,.after-img img{
         width: 100%;
         border-radius:5px;
     }
     .flex-between {
         display:flex;
         justify-content:space-between;
         align-items:center;
     }
.beauty-before,.beauty-after {
    display:inline-block;
    position:absolute;
    left:0;
    bottom:0;
    padding:0 0.1rem;
    font-size:calc(0.13 * 32);
    color:#fff;
    border-top-right-radius: 8px;
    border-bottom-left-radius:5px;
     opacity:0.9;
     line-height:0.36rem;
}
.beauty-before {
    background:#0c0908;
   
}
.beauty-after {
    background:#e1a993;
}
.beauty-box {
    padding-bottom: 1%;
    /*border-bottom:1px solid #e5e5e5;*/
}
.beauty-data {
    margin-top:3% !important;
    color:#b2b2b2;
    font-size:1.2rem;
}
.flex-center {
    display:flex;
    justify-content:center;
    align-items:center;
}
.ar-more {
     width: 0.38rem;
            height: 0.38rem;
            margin-right: .2rem;
            overflow: hidden;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            box-sizing: border-box;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
}
.ar-more img{
    width:  100%;
}
.color9 {
    font-size:calc(0.13 * 32vw);
    color:#999;
}
     .image-scale {
        height:calc(100vw * 25 / 39);
        overflow:hidden;
     }
     .wd92 {
    width: 92%;
    margin: 0 auto;
    margin-top: 3%;
    margin-bottom: 3%;
    overflow: hidden;
}
          .border-bottom {
         border-bottom: 1px solid #e5e5e5;
     }
/*#endregion */
/*#region 医生公用 */
.experts{
    width:1.06rem;
    height:1.06rem;
    position:absolute;
    z-index:0;
    right:.2rem;
    bottom:0;
    background:url(../image/replay.png) no-repeat scroll right bottom;
    background-size:100%
}
.ptd5 {
    padding:3% 0;
}
   .m-doctor{
             background:#fff;
             padding:.5rem 0 0;
         }
        .doctor-header {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            box-sizing: border-box;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            justify-content:space-around;           
        }
            .doct-btn {
                background: #7ecef4;
                color: #fff;
                width:2rem;
                height:.64rem;
                line-height:.64rem;
                text-align:center;
                padding:0;
                margin:0;
                border: none;
                border-radius:0.64rem;
                letter-spacing:0.02rem;
                font-size:calc(0.13 * 36vw);
                
            }
             .doct-btn1 {
                background:transparent;
                color: #ff8686;
                 width:2rem;
                height:.64rem;
                line-height:.64rem;
                text-align:center;
                padding:0;
                margin:0;
                border:1px solid #ff8686;
                letter-spacing:0.02rem;
                font-size:calc(0.13 * 36vw);
            }
        .doctor-photo{
            position:relative;
            width: 1.28rem;
            height: 1.28rem;
            border-radius:4px;
            overflow: hidden;
        }
            
            .doctor-photo > div  img{
                width: 100%;
                height: 100%;
            }
            .doctor-photo span {
                width: 1.125rem;
                height: .3rem;
                position: absolute;
                left: calc((1.28rem - 1.125rem) / 2);
                bottom: .1rem;
                line-height: .3rem;
                text-align: center;
                border-radius: 4px;
                display: block;
                border-radius: .3rem;
            }
        .auth-back {
            z-index: 1;
            background: #6ab2dc;
            opacity: 0.8;
            filter: alpha(opacity=80);
            color: #fff;
        }
        .auth-back1 {
            z-index: 1;
            background: #f89797;
            opacity: 0.8;
            filter: alpha(opacity=80);
        }
                .doctor-photo span:last-child{
                    color:#fff;
                    text-align:center;
                    z-index:2;
                    font-size:calc(0.13 * 20vw);
                    letter-spacing:0;
                }
                .doctor-header-content .wrap span {
            display: block;
        }
        .doctor-header-content{
            width:calc(7.5rem - .6rem - 1.28rem - 2rem - .3rem - .3rem);
            margin-left:.3rem;
            margin-right:.3rem;
        } 
        .doctor-header-content > div:first-child span:first-child {
            color: #333;
            font-size: calc(0.13 * 40vw)
        }
        .doctor-header-content > div:first-child i{
            color:#999;
            font-size:calc(0.13 * 28vw);
            margin-left:5px;
        }
        .doctor-header-tag {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            box-sizing: border-box;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }
            .doctor-tag{
                width: 0.64rem;
                height: 0.64rem;
                line-height:0.64rem;
                border-radius: 50%;
                border: 1px solid #edaf97;
                color: #edaf97;
                font-size:.20rem;
                text-align:center;
                margin-right:.2rem;
                display:block;
            }
            .doct-tags{
                font-size: 1rem;
                color: #666;
                display:block;
            }
            .doctor-tag-content{  
                width:calc(7.5rem - .6rem - 1.28rem - 2rem - .3rem );
                font-size:calc(0.13 * 24vw);
                color: #666;
                display: -webkit-box;
                overflow: hidden;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                word-break: break-all;
            }
            .doctor-tag ~ .doctor-tag-content{
                 width:calc(7.5rem - .6rem - 1.28rem - 2rem - .3rem - 0.64rem - .2rem - .3rem);
            }
        .doctor-content {
            margin: 0.4rem 0;
            position:relative;
           
        }
           .doctor-content > div:first-child {
                
                color: #666;
            }
                .doctor-content > div:first-child p {
                    margin-bottom:.4rem;
                    font-size: calc(0.13 * 36vw);
                    line-height: .54rem;
            }
        .doctor-open {
            display: -webkit-box;
            overflow: hidden;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            word-break: break-all;
        }
        .doctor-close {
            display:block;
        }
        .control {
            position: relative;
            z-index: 0;
            width:100%;
            margin:.5rem 0;
            height:.55rem;
            display:none;
        }
        .shrink {
            position:absolute;
            z-index:1;
            width: 100%;
            padding:.5rem 0;
            height:.63rem;
            bottom:.3rem;
            background: url(../image/shrink.png) no-repeat;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            -webkit-filter: blur(20px); /* Chrome, Opera */
            -moz-filter: blur(20px);
            -ms-filter: blur(20px);
            filter: blur(20px);
        }
        .control span {
            position:absolute;
            z-index:2;
            width:100%;
            height:100%;
            line-height:.63rem;
            font-size: calc(0.13 * 36vw);
            text-align: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items:center;
            box-sizing: border-box;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            justify-content:center;
        }
        .dup{
             color: #edaf97;
        }
        .dclose{
            color: #666
        }
            /*.dup:after {
                position: absolute;
                top:0.17rem;
                left:3.8rem;
                margin-left: .15rem;
                width: .25rem;
                height: .25rem;
                border: #ccc solid;
                border-width: 1px 1px 0 0;
                content: ' ';
                -webkit-transform: rotate(135deg);
            }*/
.dup i {
    width: .25rem;
    height: .15rem;
    display: inline-block;
    background: url(../image/xia.png);
    background-size:cover;
    margin-left:.05rem;
}
.dclose:after {
    position: absolute;
    margin-left: .15rem;
    top: .25rem;
    width: 0.25rem;
    height: 0.25rem;
    border: #ccc solid;
    border-width: 0 0 1px 1px;
    content: ' ';
    -webkit-transform: rotate(135deg);
}
        /*#endregion */
/*#region 相关问题 */
        .m-question{
            background:#fff;
            padding:0;
        }
        .m-question-title{
            color:#333;
            font-size:calc(0.13 * 36vw);
            font-weight:600;
            margin:.5rem 0 .1rem;
        }
        .question {
            width:100%;
            /*padding: 3%;*/
            /*padding: 5% 3% 3%;*/
        }
        .color9  a {
            display:inline;
        }
        .quesion-title{
            color:#333;
            line-height:.6rem;
            font-size:calc(0.13 * 40vw);    
            overflow:hidden;
        }
        .quesion-content {
            margin-top:.3rem;
        }
            .quesion-content span {
                font-size:calc(0.13 * 28vw);    
            }
        .quesion-content a {
           display:inline-block;
            }
        .question-tag {
            /*width:0.64rem;*/
            padding:0 .05rem;
            height:0.32rem;
            line-height:0.32rem;
            background: #a8d8f2;
            color: #fff;
            border-radius: 4px;
            margin-right: 0.15rem;
           font-size:calc(0.13 * 28vw);    
            display:inline-block;
        }
            .quesion-content > div {
                /*font-size: 1.05rem;*/
                display:inline;
               
            }
        .quesion-content > div i{
            font-style:normal;
            margin:0 1%;
        }
        .now-wen {
            display: inline-block;
            width: .44rem;
            overflow: hidden;
        }

            .now-wen img {
                width: 100%;
                vertical-align:text-bottom;
            }
        .wedg {
            display: flex;
            justify-content: flex-start;
            align-items: flex-start;
            flex-wrap: wrap;
        }
        .wedg p{
            font-size:calc(0.13 * 36vw);
        }
        .remaining {
            width: 6.26rem;
            overflow: hidden;
        }
        .m-t-32 {
            margin-top: .32rem;
        }
        .now-question {
            width: 100%;
            padding: .36rem 0;
            border-bottom: 1px solid #e5e5e5;
            overflow: hidden;
        }
         .asks {
            display: inline-block;
            width: 1.34rem;
            margin-left: .2rem;
            overflow: hidden;
        }
        /*#endregion */
                
/*#region 分割线 */

        .newsplit {
            width: 100%;
            height: 1px;
            background: #e5e5e5;
            overflow: hidden;
            position: inherit;
        }

        /*#endregion */
/*#region 热点问题咨询 */

        .m-hot{
            padding:0 .3rem .4rem;
            background:#fff;
        }
        .m-hot-title {
            color: #333;
            font-size:calc(0.13 * 36vw);
        }
        .m-hot-tag ,m-hot-tags{
            padding:0;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            box-sizing: border-box;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            flex-wrap:wrap;
        }
            .m-hot-tag span {
                color: #999;
                background: #fff2ed;
                display: block;
                border-radius: 4px;
                text-align: center;
                width:calc((7.5rem - .6rem - .6rem) / 4);
                height:0.48rem;
                line-height:0.48rem;
                margin-right: .2rem;
                margin-bottom:.2rem;
                font-size:calc(0.13 * 32vw);
            }
            .m-hot-tag span:nth-child(4n){
                margin-right:0;

            }
            .m-hot-tag a {
                color: #666;
            }
        .m-hot-concat {
            font-size:calc(0.13 * 28vw);
            background: #ff8686;
            height:0.54rem;
            line-height:0.54rem;
            border-radius: 0.54rem;
            width:3.64rem;
            margin: .4rem auto 0;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            box-sizing: border-box;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            justify-content:center;
        }
            .m-hot-concat > div:last-child {
                color: #fff;
                text-align: center;
                margin-left:.2rem;
            }
            .m-hot-concat > div:first-child{
                width:0.28rem;
                -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            box-sizing: border-box;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            justify-content:center;
                
            }
            .m-hot-concat > div:first-child img{
                width:100%;
            }
        /*#endregion */
/*#region 最佳搭配通用 */
.the-tao {
    width:21vw;
    overflow:hidden;
}
.the-tao img{
    width:100%;
    border-radius:5px;
    overflow:hidden;
}
.color6 {
    font-size:1.3rem;
    color:#666;
}
.good-price {
    color:#ff8686;
    font-size:1.4rem;
}
.good-price span{
    font-size:12px;
}
/*#endregion */
/*#region 没有数据 */

.no-datas {
         color:#b3b3b3;
         padding:2.5vh 0;
         display:flex;
         justify-content:center;
         align-items:center;
        }
           .no-datas > div:first-child {
             width:7vw;
             height:7vw;
             margin-right:3vw;
            }
                .no-datas > div:first-child img {
                 width:100%;
                }
.dr-title a:after{
     position: absolute;
     top:4px;
     right:3px;
    margin-left: 3%;
    width: 12px;
    height: 12px;
    border: #ccc solid;
    border-width: 1px 0 0 1px;
    content: ' ';
    -webkit-transform: rotate(135deg);
}
.dr-title a{
  color:#666;
}
.dr-title a span{
  color:#edaf97;
}
.sq-before {
   width: 2.1rem;
   height: 2.1rem;
   border-radius: 5px;
   margin-right: .3rem;
   margin-bottom: .3rem;
   overflow: hidden;
   position: relative;
}
.sq-before img{
    width:100%;
     border-radius:5px;
}
.sq-before:nth-child(3n) {
    margin-right:0;
}
/*#endregion */

/*#region 日记 */

 .m-container {
        background: #fff;
        padding: 0 4% 3% 4%;
        overflow:hidden;
}
 .more-diary {
        background: url(../image/diary-more.png) no-repeat;
        background-size: 100% auto;
        border-radius: 5px;
        width: 2.1rem;
        height: 2.1rem;
        overflow: hidden;
    }

        .more-diary i {
            margin-top: .54rem;
            font-style: normal;
            margin-bottom: .2rem;
        }

        .more-diary a {
            color: #5b5c69;
        }
/*#endregion */

/*#region 分页 */
     .pading-wrap {
         width: 100%;
         padding: 0;
         left: 0;
         margin-top: 4px;
         background: #fff;
         overflow: hidden;
     }

     .paging {
         width: 100%;
         right: 0;
         overflow: hidden;
     }

     .unmber_ul li {
         font-size: calc(0.13 * 32vw);
         width: 2.52rem;
         padding: 0;
         height: .8rem;
         line-height: .8rem;
         text-align: center;
         float: left;
         margin: 0;
         border-radius: 0;
         color: #333;
         border-right: 1px solid #e5e5e5;
     }
         .unmber_ul li a {
             display: flex;
             justify-content: center;
             align-items: center;
             color: #333;
             letter-spacing: .02rem;
         }
     .all-number {
         color: #666 !important;
     }
         .unmber_ul li:last-child {
             border-right: none;
         }

         .unmber_ul li:last-child, .unmber_ul li:first-child {
             width: 2.48rem;
         }
     .disabled a {
         color:#999 !important;
     }
     .prev-active, .prev-no, .next-active, .next-no {
         display: inline-block;
         width: .36rem;
         height: .36rem;
         overflow: hidden;
     }
     .prev-active, .prev-no {
         margin-right: .06rem;
     }
     .next-active, .next-no {
         margin-left: .06rem;
     }
     .prev-active {
        background:url(../image/prev.png);
        background-size:100%;
     }
     .prev-no {
         background: url(../image/prev-no.png);
         background-size: 100%;
     }
     .next-active {
         background: url(../image/next.png);
         background-size: 100%;
     }

     .next-no {
         background: url(../image/next-no.png);
         background-size: 100%;
     }

/*#endregion */

/*#region 面包屑 */
    .navs, .navs a {
        color: #7f7f7f;
    }

    .navs {
        padding: 0 .3rem;
        margin: 0 auto;
        overflow: hidden;
        background: #fff;
        line-height:.8rem;
    }

        .navs a:first-child {
            margin-left: 0;
        }

        .navs a {
            margin: 0 4px;
            display: inline-block;
        }
    /*#endregion */
@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%}}

.download-banner img {
    width: 100%;
}