/*
* @Author: xubo
* @Date:   2019-05-09 09:46:30
* @Last Modified by:   xubo
* @Last Modified time: 2019-06-04 08:47:30
*/

mip-vd-tabs .mip-vd-tabs-nav .mip-vd-tabs-nav-selected{
    border-bottom: 1px solid  #090ff0 !important;
    color: #333;
    position:relative;

}
mip-vd-tabs .mip-vd-tabs-nav-li{
    font-size:.45rem;
    height:1.15rem;
    line-height:1.15rem;
    width:auto;
}
mip-vd-tabs .mip-vd-tabs-nav{
    border-bottom:1px solid #f4f4f4;
    overflow:hidden;
    height:1.15rem;
}
.innav{
    width: 12rem;
    margin: 0 auto;
    height: 1.17rem;
    border-bottom:1px solid #f4f4f4;
}
.innav .ul {
    width: 10.54rem;
    float: left;
    height: 1.17rem;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;

}
.allNav{
    width:1.46rem;
    float: right;
    height:1.17rem;
    text-align:center;
    line-height:1.17rem;
    color:#333;
    font-size:.48rem;
    cursor: pointer;
}
.lightbox {
    display: block !important;
    width: 8rem;
    padding-bottom: .15rem;
    background-color: #f6f6f6;
    padding: 0.3rem 0.4rem;
    position: relative;
    left: 50%;
    margin-left: -4rem;
    margin-top: 2rem;
}
.lightbox .head {
    height:1rem;
}
.lightbox .head .p1{
    font-size:.40rem;
    color:#1a1a1a;
    float: left;
    line-height:1rem;
}
.lightbox .head .p2{
    font-size:.30rem;
    color:#808080;
    float: left;
    font-weight:100;
    line-height:1.15rem;
    margin-left:.10rem;
}
.lightbox .class{
    width:100%;
    overflow:hidden;
    font-size:0;
}

.lightbox .class a{
    background-color:#fff;
    display: inline-block;
    vertical-align: top;
    line-height:.60rem;
    text-align:center;
    font-size:.28rem;
    color:#1a1a1a;
    margin-right: .10rem;
    margin-top:.10rem;
    border:1px solid #dcdcdc;
    padding:0 .20rem 0 .20rem;
}
.lightbox-close {
    position: absolute;
    top: -2rem;
    right: -2rem;
    width: .30rem;
    height: .30rem;
}
.innav .ul a {
    font-size: .42rem;
    color: #333;
    display: inline-block;
    vertical-align: top;
    height:1.17rem;
    line-height:1.17rem;
    margin-left:.30rem;
    width:auto;
}
/* 屏幕小于1024平板ui显示 */
@media screen and (max-width:1200px) and (min-width:750px) {
    .innav{
        width: 100%;
        position:relative;
        margin: 0 auto;
        height: 1rem;
        background-color:#fff;
        border-bottom:1px solid #f4f4f4;
    }
    .innav .ul {
        width: 9.62rem;
        float: left;
        height: 1rem;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
    }
    .allNav{
        width:.98rem;
        position:absolute;
        top: 0;
        right: 0;
        height:1rem;
        z-index:9;
        box-shadow:-5px 2px 10px #ededed;
        text-align:center;
        line-height:1rem;
        color:#333;
        font-size:.38rem;
        cursor: pointer;
    }
    .innav .ul a {
        font-size: .38rem;
        color: #333;
        display: inline-block;
        vertical-align: top;
        height:1rem;
        line-height:1rem;
        margin-left:.30rem;
        width:auto;
    }
    .lightbox {
        display: block !important;
        width: 8rem;
        background-color: #f6f6f6;
        padding: 0.3rem 0.4rem;
        position: relative;
        left: 50%;
        margin-left: -4rem;
        margin-top: 4rem;
    }
    .lightbox .head {
        height:1rem;
    }
    .lightbox .head .p1{
        font-size:.40rem;
        color:#1a1a1a;
        float: left;
        line-height:1rem;
    }
    .lightbox .head .p2{
        font-size:.30rem;
        color:#808080;
        float: left;
        line-height:1.1rem;
        margin-left:.10rem;
    }
    .lightbox .class{
        width:100%;
        height:auto;
        max-height:5rem;
        overflow-x:hidden;
        overflow-y: auto;
        font-size:0;
    }

    .lightbox .class a{
        background-color:#fff;
        display: inline-block;
        vertical-align: top;
        line-height:.60rem;
        text-align:center;
        font-size:.28rem;
        color:#1a1a1a;
        margin-right: .10rem;
        margin-top:.10rem;
        border:1px solid #dcdcdc;
        padding:0 .20rem 0 .20rem;
    }
    .lightbox-close {
        position: absolute;
        top: -.8rem;
        right: 0;
        width: .30rem;
        height: .30rem;
    }
}

/* 手机ui显示 */
@media screen and (max-width:749px) and (min-width:320px) {
    .innav{
        width: 100%;
        margin: 0 auto;
        background-color:#fff;
        height: .60rem;
        position:relative;
        border-bottom:1px solid #f4f4f4;
    }
    .innav .ul {
        width: 5.55rem;
        float: left;
        height: .60rem;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
    }
    .allNav{
        width:.65rem;
        position:absolute;
        top: 0;
        right:0;
        z-index:9;
        height:.60rem;
        background-color:#fff;
        text-align:center;
        line-height:.60rem;
        color:#333;
        font-size:.24rem;
        box-shadow:-5px 2px 10px #ededed;
        cursor: pointer;
    }
    .innav .ul a {
        font-size: .24rem;
        color: #333;
        display: inline-block;
        vertical-align: top;
        height:.60rem;
        line-height:.60rem;
        margin-left:.30rem;
        width:auto;
    }
    .lightbox {
        display: block !important;
        width: 5rem;
        background-color: #f6f6f6;
        padding: 0.3rem 0.4rem;
        position: relative;
        left: 50%;
        margin-left: -2.5rem;
        margin-top: 2rem;
    }
    .lightbox .head {
        height:.50rem;
    }
    .lightbox .head .p1{
        font-size:.25rem;
        color:#1a1a1a;
        float: left;
        line-height:.50rem;
    }
    .lightbox .head .p2{
        font-size:.22rem;
        color:#808080;
        float: left;
        line-height:.50rem;
        margin-left:.10rem;
    }
    .lightbox .class{
        width:100%;
        height:auto;
        max-height:5rem;
        overflow-x:hidden;
        overflow-y: auto;
        font-size:0;
    }

    .lightbox .class a{
        background-color:#fff;
        display: inline-block;
        vertical-align: top;
        line-height:.40rem;
        text-align:center;
        font-size:.22rem;
        color:#1a1a1a;
        margin-right: .10rem;
        margin-top:.10rem;
        border:1px solid #dcdcdc;
        padding:0 .20rem 0 .20rem;
    }
    .lightbox-close {
        position: absolute;
        top: -.6rem;
        right: 0;
        width: .30rem;
        height: .30rem;
    }

}