/*!fonts/iconfont.css*/
@font-face {
    font-family: iconfont;
    src: url(../fonts/iconfont_8782320.eot);
    src: url(../fonts/iconfont_8782320.eot) format('embedded-opentype'),url('../fonts/82ac229b92254dc7b75efdadd7201153.woff') format('woff2'),url(../fonts/iconfont_fd9b5fc.woff) format('woff'),url(../fonts/iconfont_0bf71f2.ttf) format('truetype'),url(../fonts/iconfont_8264066.svg) format('svg')
}

.iconfont {
    font-family: iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-call:before {
    content: "\e652"
}

.icon-phone1:before {
    content: "\e64f"
}

.icon-wechat:before {
    content: "\e650"
}

.icon-iphone:before {
    content: "\e651"
}

.icon-sort1:before {
    content: "\e83c"
}

.icon-m-logo:before {
    content: "\e83b"
}

.icon-select-o:before {
    content: "\e83a"
}

.icon-wechatpay:before {
    content: "\e64e"
}

.icon-alipay:before {
    content: "\e64c"
}

.icon-tape-o:before {
    content: "\e6c7"
}

.icon-download-o:before {
    content: "\e6c8"
}

.icon-my-o:before {
    content: "\e647"
}

.icon-send-o:before {
    content: "\e648"
}

.icon-renovate:before {
    content: "\e64b"
}

.icon-complaint-o:before {
    content: "\e64d"
}

.icon-comments:before {
    content: "\e833"
}

.icon-star:before {
    content: "\e646"
}

.icon-talk:before {
    content: "\e644"
}

.icon-fast:before {
    content: "\e645"
}

.icon-thumbs-up:before {
    content: "\e82e"
}

.icon-c:before {
    content: "\e643"
}

.icon-select:before {
    content: "\e642"
}

.icon-search:before {
    content: "\e7bc"
}

.icon-label:before {
    content: "\e63e"
}

.icon-car-o:before {
    content: "\e63c"
}

.icon-ssf-o:before {
    content: "\e63d"
}

.icon-lsf-o:before {
    content: "\e63f"
}

.icon-injure-o:before {
    content: "\e640"
}

.icon-prompt:before {
    content: "\e641"
}

.icon-waitingio:before {
    content: "\e6b2"
}

.icon-ophone-call-o:before {
    content: "\e6af"
}

.icon-consulting-o:before {
    content: "\e6b0"
}

.icon-leaveword-o:before {
    content: "\e6b1"
}

.icon-refund:before {
    content: "\e63a"
}

.icon-solve:before {
    content: "\e63b"
}

.icon-qustion-o:before {
    content: "\e639"
}

.icon-voice1:before {
    content: "\e82c"
}

.icon-arrow-right-circle:before {
    content: "\e638"
}

.icon-voice:before {
    content: "\e827"
}

.icon-area:before {
    content: "\e828"
}

.icon-player1:before {
    content: "\e829"
}

.icon-phone-o:before {
    content: "\e82a"
}

.icon-player:before {
    content: "\e82b"
}

.icon-office-o:before {
    content: "\e6ae"
}

.icon-doubt:before {
    content: "\e6ab"
}

.icon-close-o:before {
    content: "\e826"
}

.icon-arrow_right_long:before {
    content: "\e62b"
}

.icon-hot:before {
    content: "\e62c"
}

.icon-engineering:before {
    content: "\e62d"
}

.icon-font:before {
    content: "\e62e"
}

.icon-movie:before {
    content: "\e62f"
}

.icon-sign-register:before {
    content: "\e630"
}

.icon-sign-review:before {
    content: "\e631"
}

.icon-rz:before {
    content: "\e632"
}

.icon-sign-dissent:before {
    content: "\e633"
}

.icon-paint:before {
    content: "\e634"
}

.icon-art:before {
    content: "\e635"
}

.icon-photography:before {
    content: "\e636"
}

.icon-sign-verify:before {
    content: "\e637"
}

.icon-pending:before {
    content: "\e6a4"
}

.icon-phone:before {
    content: "\e6a5"
}

.icon-not-pass:before {
    content: "\e6a6"
}

.icon-recommend:before {
    content: "\e6a7"
}

.icon-selected-o:before {
    content: "\e69f"
}

.icon-arrows-right-o:before {
    content: "\e6a0"
}

.icon-lock:before {
    content: "\e6a1"
}

.icon-unselected-o:before {
    content: "\e6a2"
}

.icon-anonymous:before {
    content: "\e6a3"
}

.icon-sort:before {
    content: "\e69b"
}

.icon-arrow-right-o:before {
    content: "\e694"
}

.icon-arrow-up-o:before {
    content: "\e696"
}

.icon-arrow-down-o:before {
    content: "\e699"
}

.icon-arrow-left-o:before {
    content: "\e69a"
}

.icon-time-o:before {
    content: "\e698"
}

.icon-browse-o:before {
    content: "\e697"
}

.icon-contract:before {
    content: "\e695"
}

.icon-arbitration:before {
    content: "\e68a"
}

.icon-mediation:before {
    content: "\e68c"
}

.icon-litigation:before {
    content: "\e68e"
}

.icon-snegotiation:before {
    content: "\e690"
}
/*!css/2020/hualv-telpopup.css*/
body.popup-open {
    position: fixed;
    width: 100%
}

.popup-service-mode {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1002;
    background-color: #f8f8f8;
    border-radius: 8px 8px 0 0;
    transform: translateY(100%);
    transition: transform .2s linear
}

    .popup-service-mode .lawyer {
        position: relative;
        height: 102px;
        padding: 20px 20px 0 80px
    }

        .popup-service-mode .lawyer .img-block {
            position: absolute;
            left: 20px;
            top: 20px;
            width: 46px;
            height: 46px
        }

            .popup-service-mode .lawyer .img-block img {
                width: 46px;
                height: 46px;
                border-radius: 50%
            }

            .popup-service-mode .lawyer .img-block .ico-label {
                position: absolute;
                left: 0;
                bottom: 0;
                width: 45px;
                height: 9px;
                background: url(../images/icon-label_e049402.png) no-repeat;
                background-size: 100% 100%
            }

        .popup-service-mode .lawyer .name {
            height: 20px
        }

            .popup-service-mode .lawyer .name a {
                float: left;
                font-size: 15px;
                font-weight: 700
            }

            .popup-service-mode .lawyer .name .ico-vip {
                float: left;
                margin: 2px 0 0 5px
            }

        .popup-service-mode .lawyer .info {
            line-height: 16px;
            height: 16px;
            overflow: hidden;
            margin: 4px 0
        }

            .popup-service-mode .lawyer .info span {
                font-size: 12px
            }

            .popup-service-mode .lawyer .info .line {
                display: inline-block;
                vertical-align: middle;
                margin: 0 10px;
                width: 1px;
                height: 12px;
                background-color: #ddd
            }

        .popup-service-mode .lawyer .skill {
            padding-top: 0;
            height: 18px;
            overflow: hidden;
            font-size: 11px;
            color: #999;
            line-height: 18px;
            white-space: nowrap;
            text-overflow: ellipsis
        }

.tel-mode {
    padding-top: 20px;
    background-color: #fff
}

    .tel-mode .mode-title {
        padding: 0 20px;
        font-size: 20px;
        line-height: 28px;
        font-weight: 700
    }

    .tel-mode .mode-item {
        position: relative;
        display: block;
        padding: 28px 20px 18px 96px;
        height: 108px
    }

        .tel-mode .mode-item:active {
            background-color: #f8f8f8
        }

        .tel-mode .mode-item:after {
            position: absolute;
            left: 20px;
            right: 20px;
            bottom: 0;
            content: '';
            height: 1px;
            background-color: #e8e8e8;
            transform: scaleY(.5)
        }

        .tel-mode .mode-item:last-child:after {
            background: 0 0
        }

        .tel-mode .mode-item .ico {
            position: absolute;
            left: 20px;
            top: 24px;
            width: 60px;
            height: 60px;
            background-color: #2372fb;
            border-radius: 50%;
            line-height: 60px;
            text-align: center
        }

            .tel-mode .mode-item .ico.is-gray {
                background-color: #ddd
            }

            .tel-mode .mode-item .ico .iconfont {
                font-size: 24px;
                color: #fff
            }

        .tel-mode .mode-item .tit {
            height: 28px;
            overflow: hidden;
            line-height: 28px;
            margin-bottom: 2px
        }

            .tel-mode .mode-item .tit strong {
                float: left;
                font-size: 18px;
                color: #000;
                line-height: 24px;
                font-weight: 500
            }

            .tel-mode .mode-item .tit .ico-tui {
                float: left;
                height: 18px;
                margin: 4px 0 0 5px;
                padding: 0 5px;
                background: linear-gradient(270deg,#e72d2e 0,#ff6060 100%);
                border-radius: 2px;
                font-size: 11px;
                color: #fff;
                line-height: 18px
            }

            .tel-mode .mode-item .tit .fr {
                font-size: 12px;
                color: #ec3b3b
            }

                .tel-mode .mode-item .tit .fr .num {
                    font-size: 20px
                }

                .tel-mode .mode-item .tit .fr .time {
                    color: #bbb;
                    margin-left: 3px
                }

        .tel-mode .mode-item .h24 {
            font-size: 12px;
            color: #999;
            line-height: 24px;
            height: 24px;
            overflow: hidden;
            position: relative
        }

            .tel-mode .mode-item .h24 .people {
                float: right;
                padding-left: 10px;
                font-size: 10px;
                color: #666;
                line-height: 24px;
                background: linear-gradient(270deg,rgba(255,255,255,.15) 0,rgba(255,252,252,.15)6%,rgba(236,59,59,.15) 100%);
                border-radius: 12px
            }

.fixed-bottom-show {
    transform: translateY(0) !important
}

.ico-vip {
    display: inline-block;
    vertical-align: middle;
    width: .8rem;
    height: .8rem;
    background: url(../images/authentica_a0e8cc7.png) no-repeat;
    background-size: .8rem .8rem
}

.popup-pay-msg {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 1002;
    transform: translateX(-50%) translateY(-50%);
    width: 260px;
    padding: 30px 20px 20px;
    background-color: #fff;
    border-radius: 16px;
    box-sizing: border-box;
    text-align: center
}

    .popup-pay-msg .icon-m-logo {
        font-size: 60px;
        color: #0057ff;
        line-height: 20px;
        margin-bottom: 10px
    }
/*!css/hualv-paypopup.css*/
.popup-fixed-bottom {
    position: fixed;
    left: 0;
    right: 0;
    bottom: -100%;
    z-index: 1002;
    background-color: #fff;
    padding: 32px 0 40px;
    transition: all .2s linear
}

    .popup-fixed-bottom .pop-close {
        position: absolute;
        top: 15px;
        right: 15px;
        font-size: 13px;
        color: #999
    }

    .popup-fixed-bottom h2 {
        font-size: 18px;
        text-align: center
    }

    .popup-fixed-bottom ul {
        display: flex;
        padding: 0 20px;
        margin-top: 30px
    }

    .popup-fixed-bottom li {
        flex: 1;
        font-size: 16px;
        text-align: center;
        position: relative
    }

        .popup-fixed-bottom li .ico-tui {
            position: absolute;
            top: 0;
            left: 50%;
            padding: 0 7px;
            height: 20px;
            background-color: #e95d47;
            border-radius: 10px;
            font-size: 10px;
            color: #fff
        }

        .popup-fixed-bottom li .icon-hualv {
            display: block;
            font-size: 75px;
            margin-bottom: 9px
        }

        .popup-fixed-bottom li .icon-weixin3 {
            color: #3fc55c
        }

        .popup-fixed-bottom li .icon-zhifubao {
            color: #4cafee
        }

.popup-feedback-box {
    position: fixed;
    top: 50%;
    right: 1rem;
    left: 1rem;
    z-index: 1005;
    transform: translateY(-50%);
    padding: 1.5rem;
    background-color: #fff;
    border-radius: .25rem;
    display: none
}

    .popup-feedback-box .tit {
        font-size: .9rem;
        color: #000;
        font-weight: 700;
        line-height: 1.2rem
    }

    .popup-feedback-box .reson-list li {
        position: relative;
        padding-left: 1.6rem;
        line-height: 1.1rem;
        min-height: 1.1rem;
        font-size: .75rem;
        color: #666;
        margin-top: .65rem
    }

    .popup-feedback-box .reson-list .icon-hualv {
        position: absolute;
        top: 1px;
        left: 0;
        font-size: 1rem;
        color: #ddd
    }

    .popup-feedback-box .reson-list .cur .icon-hualv {
        color: #0057ff
    }

        .popup-feedback-box .reson-list .cur .icon-hualv:before {
            content: "\e9c9"
        }

    .popup-feedback-box .sub-btn {
        display: block;
        width: 100%;
        border: 0;
        height: 2.5rem;
        line-height: 2.5rem;
        background-color: #0057ff;
        font-size: .85rem;
        color: #fff;
        border-radius: 1.25rem;
        margin-top: 1.25rem
    }

.pay-bg-black {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    z-index: 1000
}

.pop-bottom-show {
    bottom: 0 !important
}

.popup-pay2 {
    position: fixed;
    left: 0;
    right: 0;
    bottom: -100%;
    z-index: 1002;
    padding: 1.75rem 1.5rem 1.25rem;
    background-color: #fff;
    text-align: center;
    transition: bottom .15s linear
}

    .popup-pay2 .pop-tit {
        font-size: 1.1rem;
        line-height: 1.5rem
    }

    .popup-pay2 .analysis {
        font-size: .6rem;
        color: #666;
        line-height: .9rem;
        margin-top: .6rem
    }

    .popup-pay2 .btn-bar {
        padding-top: .75rem
    }

        .popup-pay2 .btn-bar li {
            height: 2.5rem;
            border-radius: 1.25rem;
            margin-top: .5rem;
            font-size: .9rem;
            color: #fff;
            line-height: 2.5rem;
            text-align: center
        }

            .popup-pay2 .btn-bar li .icon-hualv {
                font-size: 1rem;
                margin-right: .5rem
            }

            .popup-pay2 .btn-bar li.wechat {
                background-color: #ec3b3b
            }

            .popup-pay2 .btn-bar li.alipay {
                background-color: #0078ff
            }

    .popup-pay2 .btn-pay-more {
        text-decoration: underline;
        margin-top: .5rem
    }

    .popup-pay2 .tips {
        font-size: .6rem;
        color: #bbb;
        margin-top: .75rem
    }

        .popup-pay2 .tips .iconfont {
            margin-right: .25rem
        }

.un-line {
    text-decoration: underline !important
}

.popup-masg {
    position: fixed;
    left: 1.5rem;
    right: 1.5rem;
    top: 50%;
    z-index: 1003;
    margin-top: -1.25rem;
    text-align: center;
    padding: 1rem 1rem 1.5rem;
    background-color: #fff;
    border-radius: .25rem;
    transform: translateY(-50%)
}

    .popup-masg .pop-close {
        position: absolute;
        top: .75rem;
        right: .75rem;
        line-height: .6rem
    }

        .popup-masg .pop-close .icon-qingchu {
            font-size: .6rem
        }

    .popup-masg .pop-tit {
        font-size: .9rem;
        font-weight: 600;
        padding: .75rem 0 .25rem
    }

    .popup-masg .txt {
        padding: .75rem 0;
        font-size: .8rem;
        line-height: 1.3rem
    }

    .popup-masg .btn {
        display: block;
        height: 2.5rem;
        background-color: #0057ff;
        border-radius: 1.25rem;
        font-size: .9rem;
        color: #fff;
        text-align: center;
        line-height: 2.5rem
    }

.btn-be {
    background-color: #3579e9;
    border-color: #3579e9;
    color: #fff
}

.sev-pop {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background-color: #fff
}

    .sev-pop .icon-closed {
        position: fixed;
        right: 15px;
        top: 15px;
        color: #3579e9
    }

.sev-pop-nr {
    padding: 10px 15px 60px;
    height: 100%;
    overflow-y: auto
}

.sev-pop iframe {
    display: block;
    height: 100%;
    border: 0;
    margin: 0;
    padding: 0;
    width: 100%
}

.popup-payment {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 1002;
    padding: 0 1rem 1.5rem;
    background-color: #fff;
    border-radius: .4rem .4rem 0 0
}

    .popup-payment .pop-title {
        padding-top: 1.25rem;
        font-size: 1rem;
        line-height: 1.3rem
    }

    .popup-payment .pay-list {
        padding: .75rem .4rem 0
    }

        .popup-payment .pay-list .btn {
            display: block;
            font-size: .9rem;
            color: #fff;
            line-height: 2.4rem;
            text-align: center;
            height: 2.4rem;
            border-radius: 1.2rem;
            margin-top: .5rem
        }

            .popup-payment .pay-list .btn .iconfont {
                font-size: 1rem;
                margin: -.1rem .4rem 0 0
            }

    .popup-payment .more-pay {
        text-align: center;
        text-decoration: underline;
        margin-top: .75rem
    }

.popup-affirm-payment {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 1002;
    padding: 0 .8rem 1rem;
    background-color: #fff;
    border-radius: .8rem .8rem 0 0
}

    .popup-affirm-payment .pop-title {
        padding-top: 1.25rem;
        font-size: 1rem;
        line-height: 1.3rem
    }

    .popup-affirm-payment .view-list {
        margin-top: .5rem
    }

        .popup-affirm-payment .view-list li {
            line-height: 1.2rem;
            overflow: hidden;
            border-bottom: 1px solid #e8e8e8;
            padding: .6rem 0 .6rem 4.9rem;
            position: relative
        }

            .popup-affirm-payment .view-list li .tit {
                position: absolute;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
                font-size: .8rem;
                color: #666
            }

            .popup-affirm-payment .view-list li .h-2 {
                line-height: 1.2rem
            }

                .popup-affirm-payment .view-list li .h-2 p {
                    font-size: .6rem;
                    color: #ef5858;
                    line-height: .8rem
                }

    .popup-affirm-payment .fw-nr {
        padding: .7rem 0
    }

        .popup-affirm-payment .fw-nr dt {
            font-size: .8rem;
            color: #666;
            margin-bottom: .6rem
        }

        .popup-affirm-payment .fw-nr dd {
            font-size: .65rem;
            color: #666;
            position: relative;
            padding: 1px 0 1px 1.2rem
        }

            .popup-affirm-payment .fw-nr dd .iconfont {
                position: absolute;
                left: 0;
                font-size: .7rem;
                color: #b3cdff
            }

    .popup-affirm-payment .pay-list {
        padding: 0 .6rem
    }

        .popup-affirm-payment .pay-list li {
            display: block;
            margin-bottom: .5rem
        }

        .popup-affirm-payment .pay-list .btn {
            font-size: .9rem;
            color: #fff;
            line-height: 2.4rem;
            text-align: center;
            height: 2.4rem;
            border-radius: 1.2rem;
            margin-top: .5rem
        }

            .popup-affirm-payment .pay-list .btn .iconfont {
                font-size: 1rem;
                margin: -.1rem .4rem 0 0
            }

    .popup-affirm-payment .more-pay {
        padding: .25rem 0;
        text-align: center;
        text-decoration: underline
    }

.popup-payment-new {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1002;
    padding: 1.5rem 1rem;
    background-color: #fff;
    border-radius: .8rem .8rem 0 0;
    transform: translateY(100%);
    transition: all .2s ease-in-out
}

    .popup-payment-new .pop-title {
        font-size: 1rem;
        color: #000;
        line-height: 1.3rem
    }

    .popup-payment-new .pay-list {
        padding: 1rem .4rem 0
    }

        .popup-payment-new .pay-list .btn {
            display: block;
            height: 2.4rem;
            border-radius: 1.2rem;
            margin-top: .5rem;
            font-size: .9rem;
            line-height: 2.4rem;
            text-align: center
        }

            .popup-payment-new .pay-list .btn .iconfont {
                font-size: 1rem;
                margin: -.1rem .3rem 0 0
            }

    .popup-payment-new .more-pay {
        text-align: center;
        text-decoration: underline;
        margin-top: .75rem
    }

    .popup-payment-new .safe {
        font-size: .6rem;
        color: #bbb;
        text-align: center;
        margin-top: 1.5rem
    }

        .popup-payment-new .safe .iconfont {
            font-size: .7rem;
            margin-right: .3rem
        }

    .popup-payment-new .deal {
        font-size: .6rem;
        color: #666;
        text-align: center;
        margin-top: .3rem
    }

.popup-bar {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 1002;
    box-shadow: .3rem 0 1rem 0 rgba(0,0,0,.1);
    transform: translateX(-50%) translateY(-50%);
    transform-origin: center
}

    .popup-bar .pop-close {
        position: absolute;
        top: .75rem;
        right: .5rem;
        z-index: 10;
        cursor: pointer;
        width: 1rem;
        height: 1rem;
        line-height: 1rem;
        text-align: center;
        font-size: 1.2rem;
        color: #999;
        margin-top: -.1rem;
        transition: all .15s linear
    }

.popup-doc {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #fff;
    transform: translateX(0) translateY(0)
}

    .popup-doc .roll-y {
        position: absolute;
        left: 0;
        top: 3rem;
        right: .5rem;
        bottom: 4.5rem;
        padding: 0 1rem
    }

        .popup-doc .roll-y iframe {
            width: 100%;
            height: 100%;
            border: 0
        }

    .popup-doc .btn {
        position: absolute;
        left: 1rem;
        right: 1rem;
        bottom: 1rem
    }

.popup-bottom-bar {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 800;
    visibility: hidden
}

    .popup-bottom-bar .bg {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 10;
        background-color: rgba(0,0,0,.7);
        opacity: 0;
        transition: opacity .2s ease-in-out
    }

    .popup-bottom-bar .pop-bar {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -50%;
        z-index: 20;
        transition: bottom .3s ease-in-out;
        background-color: #fff;
        border-radius: 8px 8px 0 0;
        overflow: hidden;
        font-size: 16px
    }

        .popup-bottom-bar .pop-bar .pop-close {
            position: absolute;
            top: 14px;
            right: 10px;
            z-index: 10;
            width: 20px;
            height: 20px;
            line-height: 20px;
            text-align: center;
            font-size: 20px;
            color: #999
        }

            .popup-bottom-bar .pop-bar .pop-close .iconfont {
                font-size: 12px;
                color: #ccc
            }

    .popup-bottom-bar .pop-title {
        padding: .6rem .8rem;
        line-height: 1.4rem;
        font-size: .9rem;
        font-weight: 600;
        text-align: left
    }

    .popup-bottom-bar .pop-bar .pop-cont {
        padding: 0 16px 20px;
        color: #666
    }

    .popup-bottom-bar .pop-bar .btn-block {
        height: 40px;
        line-height: 40px;
        border-radius: 40px;
        text-align: center;
        margin-top: 16px
    }

    .popup-bottom-bar.is-show {
        visibility: visible
    }

        .popup-bottom-bar.is-show .bg {
            opacity: 1
        }

        .popup-bottom-bar.is-show .pop-bar {
            bottom: 0
        }
/*!css/2020/hualv-globeltip.css*/
.fixed-top {
    position: fixed !important;
    top: 0 !important
}

.global-prompt {
    position: absolute;
    left: 0;
    top: 44px;
    right: 0;
    height: 40px;
    z-index: 900
}

    .global-prompt .por-red {
        background-color: #fef0f0;
        padding: 10px 15px;
        font-size: 13px
    }

    .global-prompt .iconfont {
        font-size: 14px;
        color: #ec3b3b;
        margin-right: 3px
    }

.s-red {
    color: #ec3b3b !important
}