﻿.head-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: .8rem;
    padding: 0 .1rem;
    /*border-bottom: 1px solid #f0f0f0;*/
    background: #fff;
}

    .head-filter > .filter-item {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        max-width: 33%;
        padding: 0 .1rem;
        line-height: .8rem;
        font-size: .28rem;
        text-align: center;
        color: #6c6c6c;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .head-filter > .on {
        color: #12c8b2;
    }

    .head-filter > .filter-item:after {
        content: '';
        display: inline-block;
        width: 0;
        height: 0;
        border-top: .1rem solid #6c6c6c;
        border-bottom: 0;
        border-left: .07rem solid transparent;
        border-right: .07rem solid transparent;
        margin-left: .1rem;
        vertical-align: middle;
        -webkit-transition: all .3s linear;
        transition: all .3s linear;
    }

    .head-filter > .on:after {
        border-top-color: #12c8b2;
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    .head-filter > .filter-item > span {
        display: inline-block;
        max-width: 75%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle;
    }

.filter-dialog,
.filter-dialog > .dialog-modal {
    position: absolute;
    /*top: 0;
    left: 0;*/
    z-index: 9;
    width: 100%;
    height: 78.9%;
    /*padding-top: 2.8rem;*/
}

    .filter-dialog > .dialog-modal {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .6);
    }

    .filter-dialog > .dialog-main {
        position: relative;
        z-index: 999;
        max-height: 100%;
        background: #fff;
    }

        .filter-dialog > .dialog-main .menu-tool {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            border-top: 1px solid #f0f0f0;
        }

            .filter-dialog > .dialog-main .menu-tool .tool-btn {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                border: 0;
                border-left: 1px solid #f0f0f0;
                height: .92rem;
                font-size: .3rem;
                background: #fff;
                letter-spacing: 1em;
                outline: none;
            }

                .filter-dialog > .dialog-main .menu-tool .tool-btn:first-child {
                    border: 0;
                }

            .filter-dialog > .dialog-main .menu-tool .tool-reset {
                color: #0ab7a2;
            }


    /* 地址菜单样式 */

    .filter-dialog > .localtion-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
    }

.localtion-menu > .menu-nav {
    width: 2.46rem;
    height: 100%;
    overflow-y: scroll;
}

    .localtion-menu > .menu-nav > .nav-item {
        height: .8rem;
        text-align: center;
        font-size: .24rem;
        color: #4e4e4e;
        line-height: .8rem;
    }

    .localtion-menu > .menu-nav > .on {
        color: #09b7a2;
        background: #f6f6f6;
    }

.localtion-menu > .menu-main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-top: .2rem;
    padding-left: .44rem;
    background: #f6f6f6;
    overflow-y: scroll;
}

    .localtion-menu > .menu-main .menu-list-box {
        padding-top: .2rem;
    }

    .localtion-menu > .menu-main .menu-list-title {
        margin-bottom: .1rem;
        line-height: 2.5;
        font-size: .28rem;
        color: #333333;
    }

    .localtion-menu > .menu-main .ico-location {
        width: .22rem;
        vertical-align: middle;
    }

    .localtion-menu > .menu-main .menu-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .localtion-menu > .menu-main .list-item {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        max-width: 1.85rem;
        min-width: 1.85rem;
        height: .6rem;
        border-radius: 5px;
        border: 1px solid #c2c2c2;
        margin: 0 .24rem .35rem 0;
        line-height: .56rem;
        text-align: center;
        font-size: .24rem;
        color: #747474;
        overflow: hidden;
        background: #fff;
    }

        .localtion-menu > .menu-main .list-item.on {
            color: #09b7a2;
            border-color: #09b7a2;
        }

        .localtion-menu > .menu-main .list-item > span {
            vertical-align: middle;
        }

/* 贷款渠道 */
.canal-menu {
    height: 90%;
}

    .canal-menu .menu-main {
        height: 100%;
        overflow-y: scroll;
    }

    .canal-menu .list-item {
        position: relative;
        padding: 0 1.1rem 0 .64rem;
        margin: .15rem 0;
        line-height: 2;
        font-size: .28rem;
        color: #4e4e4e;
    }

        .canal-menu .list-item.on {
            color: #12c8b2;
        }

            .canal-menu .list-item.on:after {
                content: '';
                position: absolute;
                top: .27rem;
                right: .69rem;
                width: .41rem;
                height: .29rem;
                background: url(../../res/mobile_images/nav/ico-hook.png) no-repeat 0 0;
                background-size: 100%;
            }

/* 筛选 */
.screen-menu {
    padding-bottom: .94rem;
}

    .screen-menu > .menu-main {
        height: 100%;
        overflow-y: scroll;
        background: #fff;
    }

        .screen-menu > .menu-main .menu-list-box {
            padding: 0;
        }

        .screen-menu > .menu-main .list-item.on {
            border-color: #09b7a2;
            color: #fff;
            background: #09b7a2;
        }

/* 筛选 */
.screen-menu {
    padding-bottom: .94rem;
}

    .screen-menu > .menu-main {
        height: 100%;
        overflow-y: scroll;
        background: #fff;
    }

        .screen-menu > .menu-main .menu-list-box {
            padding: 0;
        }

        .screen-menu > .menu-main .list-item.on {
            border-color: #09b7a2;
            color: #fff;
            background: #09b7a2;
        }
/* 新闻详情页 */
.newsdeta_cont {
    padding-top: 1.4rem;
    background: #fff;
}

    .newsdeta_cont h1 {
        font-size: 0.29rem;
        color: #3c3c3c;
        text-align: center;
        font-weight: 600;
        margin-bottom: .39rem;
        padding: 0 .24rem;
    }

.ndc_ftime {
    font-size: 0.22rem;
    color: #b0b0b0;
    padding-bottom: .28rem;
    border-bottom: 1px dashed #bababa;
    margin: 0 .35rem;
}

.ndc_cont {
    padding: 0 .485rem;
    padding-bottom: .5rem;
    border-bottom: 1px solid #b0b0b0;
}

    .ndc_cont img {
        margin: .35rem auto;
        display: block;
        width: 6.23rem;
    }

    .ndc_cont p {
        font-size: 0.24rem;
        line-height: 0.473rem;
        color: #7b7b7b;
        /*text-indent: .48rem;*/
    }

.ndc_list {
    padding: .31rem .28rem .2rem;
}

    .ndc_list h2 {
        padding-left: .33rem;
        position: relative;
        font-size: 0.3rem;
        color: #454545;
        margin-bottom: .4rem;
    }

        .ndc_list h2::before {
            content: '';
            position: absolute;
            top: -0.05rem;
            left: .15rem;
            width: 0.09rem;
            height: 0.2rem;
            background: #14d7c2;
        }

        .ndc_list h2::after {
            content: '';
            position: absolute;
            top: .16rem;
            left: .15rem;
            width: 0.09rem;
            height: 0.2rem;
            background: #12c8b2;
        }

    .ndc_list li {
        padding-bottom: .08rem;
        border-bottom: 1px dashed #bababa;
        padding-left: .15rem;
        margin-bottom: .21rem;
    }

.news_tit {
    text-align: left;
    /*line-height: 48px;*/
    width: 30% !important;
}

.news_serch {
    width: 3.8rem;
    height: 0.54rem;
    line-height: .54rem;
    background: rgba(255, 255, 255, .83);
    float: right;
    margin-top: calc(22px - .27rem);
    border-radius: .4rem;
    padding: 0 .21rem;
    color: #333;
}

    .news_serch img {
        height: 0.32rem;
        float: right;
        margin-top: .1rem;
    }

    .news_serch input {
        font-size: 0.24rem;
        border: none;
        background: transparent;
        height: .54rem;
        width: 80%;
        margin: 0;
        padding: 0;
        padding-left: .14rem;
    }

/* 新闻资讯 */
.newsc_cont {
    padding-top: 44px;
}

    /* .newsc_cont .layui-tab-title {
    display: flex;
    justify-content: space-around;
} */

    .newsc_cont .layui-tab-title li {
        font-size: 0.26rem;
        padding: 0;
    }

    .newsc_cont .layui-tab-title .layui-this:after {
        content: none;
    }

    .newsc_cont .layui-tab {
        margin: 0;
    }

    .newsc_cont .layui-tab-title .layui-this {
        border-bottom: 0.06rem solid #12c8b2;
        color: #12c8b2;
    }

    .newsc_cont .layui-tab-title li {
        line-height: 0.88rem;
        padding: 0 .2rem;
        position: relative;
        height: 0.88rem;
    }

        /*.newsc_cont .layui-tab-title li::before {
            position: absolute;
            content: '';
            height: .56rem;
            width: 1px;
            bottom: 0;
            right: 0;
            z-index: 999;
            background: #12c8b2;
        }*/

        .newsc_cont .layui-tab-title li:last-of-type::before {
            content: none;
        }

    .newsc_cont .layui-tab-title {
        height: 0.88rem;
        margin: 0;
        overflow-y: scroll !important;
    }

    .newsc_cont .layui-tab-bar {
        display: none;
    }

.newsc_swtop {
    margin-top: -1px;
}

.newsc_swiper {
    margin-bottom: .11rem;
}

    .newsc_swiper a {
        position: relative;
        display: block;
        height: 4.17rem;
        line-height: 4.17rem;
        text-align: center;
        background: #b0b0b0
    }


    .newsc_swiper p {
        height: 0.53rem;
        background: rgba(0, 0, 0, .53);
        line-height: .53rem;
        font-size: 0.24rem;
        color: #ffffff;
        padding-left: .1rem;
        margin: 0;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding-right: 1.4rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .newsc_swiper .swiper-pagination {
        padding-right: .16rem;
        height: 0.53rem;
        bottom: 0;
        line-height: .53rem;
        text-align: right;
    }

    .newsc_swiper .swiper-pagination-bullet {
        width: 0.16rem;
        height: 0.16rem;
        background: #fff;
        opacity: 1;
    }

    .newsc_swiper .swiper-pagination-bullet-active {
        background-color: #fffd30;
    }

.newsc_top {
    margin-bottom: .22rem;
    height: 0.94rem;
    line-height: .94rem;
}

    .newsc_top h1 {
        width: 0.92rem;
        height: 0.46rem;
        line-height: .46rem;
        font-size: 0.26rem;
        color: #ffffff;
        text-align: right;
        padding-right: .13rem;
        background: #12c8b2;
        margin: 0;
        margin-right: .16rem;
        margin-top: .22rem;
        float: left;
    }

    .newsc_top p {
        font-size: 0.26rem;
        color: #1f1f1f;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 80%;
    }

.newsc_list {
    margin: 0;
}

    .newsc_list li {
        overflow: hidden;
        padding: .24rem .35rem .36rem .35rem;
        border-bottom: 1px solid rgba(176, 176, 176, 0.46);
    }

        .newsc_list li div {
            width: 4.6rem;
            float: left;
        }

        .newsc_list li h1 {
            font-size: 0.28rem;
            line-height: 0.46rem;
            color: #3c3c3c;
            margin-bottom: .28rem;
        }

        .newsc_list li span {
            font-size: 0.22rem;
            color: #b0b0b0;
        }

        .newsc_list li img {
            /*width: 1.49rem;*/
            width: calc(100% - 4.9rem);
            float: right;
            margin-top: .15rem;
        }

.newsc_cont .layui-tab-content {
    padding: 0;
    padding-bottom: .89rem;
}

.layui-tab-titles {
    /*height: 0.88rem;*/
    height:45px;
    position: relative;
}

    .layui-tab-titles li {
        width: auto;
        line-height: 45px;
        position: relative;
        height: 45px;
        float: left;
    }

    .layui-tab-titles .scroller {
        position: absolute
    }

    .layui-tab-titles .active {
        border-bottom: 0.06rem solid #12c8b2;
        color: #12c8b2;
    }

    .layui-tab-titles .scroller li a {
        /*margin: 0 .2rem;*/
        /*font-size: 0.26rem;*/
        margin: 0 13px;
        font-size: 14px;
    }

    .layui-tab-titles .scroller li.cur {
        border-bottom: 0.06rem solid #12c8b2;
    }

        .layui-tab-titles .scroller li.cur a {
            color: #1cbb9b;
        }
