/*!
 * =====================================================
 * hualv-unit v.2.0
 * =====================================================
 */

/* reset */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, input, textarea, p, th, td, hr, button, footer, header, menu, nav, section, time {
    margin: 0;
    padding: 0;
}

body {
    font-family: Verdana, \5FAE\8F6F\96C5\9ED1;
}

input, select, textarea, button {
    font-size: 100%;
    font-family: Verdana, \5FAE\8F6F\96C5\9ED1;
    outline: none;
    border: none;
    background: none;
    border-radius: 0;
    resize: none;
    -webkit-appearance: none;
}

em, var, i {
    font-style: normal;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th {
    text-align: inherit;
}

img {
    border: 0;
}

ol, ul, li {
    list-style: none;
}

del {
    text-decoration: line-through;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 500;
}

a {
    text-decoration: none;
}

body, a {
    color: #333;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    line-height: 0;
}

.clearfix {
    zoom: 1; /* for IE6 IE7 */
}

/* font */
.f10 {
    font-size: 0.5rem !important;
}

.f12 {
    font-size: 0.6rem !important;
}

.f14 {
    font-size: 0.7rem !important;
}

.f16 {
    font-size: 0.8rem !important;
}

.f18 {
    font-size: 0.9rem !important;
}

.f20 {
    font-size: 1rem !important;
}

.f22 {
    font-size: 1.1rem !important;
}

.f24 {
    font-size: 1.2rem !important;
}

.f26 {
    font-size: 1.3rem !important;
}

.f28 {
    font-size: 1.4rem !important;
}

.f30 {
    font-size: 1.5rem !important;
}

.lh12 {
    line-height: 0.6rem !important;
}

.lh14 {
    line-height: 0.7rem !important;
}

.lh16 {
    line-height: 0.8rem !important;
}

.lh18 {
    line-height: 0.9rem !important;
}

.lh20 {
    line-height: 1rem !important;
}

.lh22 {
    line-height: 1.1rem !important;
}

.lh24 {
    line-height: 1.2rem !important;
}

.lh26 {
    line-height: 1.3rem !important;
}

.lh28 {
    line-height: 1.4rem !important;
}

.lh30 {
    line-height: 1.5rem !important;
}

.lh32 {
    line-height: 1.6rem !important;
}

.t2 {
    text-indent: 2em;
}

.ect {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/* bg-color */
.mui-content.bg-f5, .bg-f5 {
    background-color: #f5f5f5;
}

.mui-content.bg-fff, .bg-fff {
    background-color: #fff;
}

.mui-content.bg-0, .bg-0 {
    background-color: #000;
}

.mui-content.bg-none, .bg-none {
    background-color: none;
}

.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;
}

.box-shadow {
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
}

/* 图片效果 */
.img-block {
    display: block;
    height: 100%;
}

.img-wblock {
    display: block;
    width: 100%;
}

/* font-color */
.s-cfff {
    color: #fff !important;
}

.s-c000 {
    color: #000 !important;
}

.s-c333 {
    color: #333 !important;
}

.s-c666 {
    color: #666 !important;
}

.s-c999 {
    color: #999 !important;
}

.s-cbbb {
    color: #bbb !important;
}

.s-cccc {
    color: #ccc !important;
}

.s-cf60 {
    color: #f60 !important;
}

.s-cfb4 {
    color: #fabf40 !important;
}

.s-be {
    color: #0d8af8 !important;
}

.s-rd {
    color: #fd5252 !important;
}

.s-oe {
    color: #fabf40 !important;
}

.s-gn {
    color: #60c86f !important;
}

/*border*/
.bort0 {
    border-top: 0 !important;
}

.borr0 {
    border-right: 0 !important;
}

.borb0 {
    border-bottom: 0 !important;
}

.borl0 {
    border-left: 0 !important;
}

.bor1 {
    border: 1px solid #d9d9d9 !important;
}

.borb1 {
    border-bottom: 1px solid #d9d9d9 !important;
}

/* dingwei */
.tl {
    text-align: left !important;
}

.tc {
    text-align: center !important;
}

.tr {
    text-align: right !important;
}

.ma {
    margin-left: auto;
    margin-right: auto;
}

.fl {
    float: left !important;
}

.fr {
    float: right !important;
}

.vm {
    vertical-align: middle !important;
}

.pr {
    position: relative !important;
}

.pa {
    position: absolute !important;
}

.vhn {
    visibility: hidden;
}

.ohn {
    overflow: hidden;
}

.none {
    display: none !important;
}

.block {
    display: block !important;
}

/* margin、padding */
.body-box {
    min-width: 320px;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
}

.body-pt46 {
    padding-top: 2.3rem;
}

.body-pb60 {
    padding-bottom: 3rem;
}

.pad-tb20-lr15 {
    padding: 1rem 0.75rem;
}

.pad-tb10-lr15 {
    padding: .5rem 0.75rem;
}

.pad-tb20 {
    padding: 1rem 0;
}

.pad-lr15 {
    padding: 0 0.75rem;
}

.m10 {
    margin: 0.5rem;
}

.m15 {
    margin: 0.75rem;
}

.m20 {
    margin: 1rem;
}

.mt5 {
    margin-top: 0.25rem;
}

.mt10 {
    margin-top: 0.5rem;
}

.mt15 {
    margin-top: 0.75rem;
}

.mt20 {
    margin-top: 1rem;
}

.mt25 {
    margin-top: 1.25rem;
}

.mt30 {
    margin-top: 1.5rem;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mb5 {
    margin-bottom: 0.25rem;
}

.mb10 {
    margin-bottom: 0.5rem;
}

.mb15 {
    margin-bottom: 0.75rem;
}

.mb20 {
    margin-bottom: 1rem;
}

.mb30 {
    margin-bottom: 1.5rem;
}

.ml5 {
    margin-left: 0.25rem;
}

.ml10 {
    margin-left: 0.5rem;
}

.ml15 {
    margin-left: 0.75rem;
}

.ml20 {
    margin-left: 1rem;
}

.mr0 {
    margin-right: 0;
}

.mr5 {
    margin-right: 0.25rem;
}

.mr10 {
    margin-right: 0.5rem;
}

.mr15 {
    margin-right: 0.75rem;
}

.mr20 {
    margin-right: 1rem;
}

.p10 {
    padding: 0.5rem;
}

.p15 {
    padding: 0.75rem;
}

.p20 {
    padding: 1rem;
}

.p30 {
    padding: 1.5rem;
}

.pt5 {
    padding-top: 0.25rem;
}

.pt10 {
    padding-top: 0.5rem;
}

.pt15 {
    padding-top: 0.75rem;
}

.pt20 {
    padding-top: 1rem;
}

.pt30 {
    padding-top: 1.5rem;
}

.pb0 {
    padding-bottom: 0 !important;
}

.pb5 {
    padding-bottom: 0.25rem;
}

.pb10 {
    padding-bottom: 0.5rem;
}

.pb15 {
    padding-bottom: 0.75rem;
}

.pb20 {
    padding-bottom: 1rem;
}

.pb30 {
    padding-bottom: 1.5rem;
}

.pl5 {
    padding-left: 0.25rem;
}

.pl10 {
    padding-left: 0.5rem;
}

.pl15 {
    padding-left: 0.75rem;
}

.pl20 {
    padding-left: 1rem;
}

.pr0 {
    padding-right: 0;
}

.pr5 {
    padding-right: 0.25rem;
}

.pr10 {
    padding-right: 0.5rem;
}

.pr15 {
    padding-right: 0.75rem;
}

.pr20 {
    padding-right: 1rem;
}

.pt44 {
    padding-top: 2.2rem;
}

.pb60 {
    padding-bottom: 3rem;
}

.pb145 {
    padding-bottom: 7.25rem;
}

/* 采纳图标 */
.icon-caina {
    position: relative;
}

    .icon-caina .icon-ca1,
    .icon-caina .icon-ca2 {
        position: absolute;
        top: -0.3rem;
        font-size: 0.5rem;
        color: #fabf40;
    }

    .icon-caina .icon-cn {
        font-size: 1.2rem;
        color: #e1311e;
    }

    .icon-caina .icon-ca1 {
        left: -0.5rem;
    }

    .icon-caina .icon-ca2 {
        right: -0.5rem;
    }

/* 推荐图标 */
.icon-tuijian {
    position: relative;
}

    .icon-tuijian .icon-ca1,
    .icon-tuijian .icon-ca2 {
        position: absolute;
        top: -0.3rem;
        font-size: 0.5rem;
        color: #fabf40;
    }

    .icon-tuijian .icon-shoucang {
        font-size: 1.2rem;
        color: #e1311e;
    }

    .icon-tuijian .icon-ca1 {
        left: -0.7rem;
    }

    .icon-tuijian .icon-ca2 {
        right: -0.7rem;
    }

/* mui-btn */
.mui-btn, input.input-text {
    display: inline-block;
    height: 2rem;
    line-height: 2rem;
    padding: 0 1.2rem;
    border-width: 1px;
    border-style: solid;
    border-radius: 1rem;
    font-size: 0.7rem !important;
    box-sizing: border-box;
}

.mui-btn {
    line-height: 2rem;
}

    .mui-btn .icon-hualv {
        font-size: 0.8rem;
    }

.btn-gn {
    background-color: #60c86f;
    border-color: #60c86f;
    color: #fff;
}

.btn-gn-line {
    background-color: #fff;
    border-color: #60c86f;
    color: #60c86f;
}

.btn-gn-line2 {
    background: none;
    border-color: #60c86f;
    color: #60c86f;
}
/*.btn-gy { 
    background-color: #ddd;
    border-color: #ddd; 
    color: #666; 
}
.btn-gy-line { 
    background-color: #fff;
    border-color: #eee!important; 
    color: #bbb;
}*/
.btn-gy {
    background-color: #ddd !important;
    border-color: #ddd !important;
    color: #666 !important;
}

.btn-gy-line {
    background-color: #fff;
    border-color: #eee !important;
    color: #bbb;
}

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

input[type='submit']:active {
    background-color: #929292;
    border-color: #929292;
    color: #fff;
}
/*2*/
.btn-r2 .mui-btn {
    position: relative;
    float: left;
    width: 50%;
    text-align: center;
}

    .btn-r2 .mui-btn:first-child {
        border-radius: 1rem 0 0 1rem;
    }

    .btn-r2 .mui-btn:last-child {
        border-radius: 0 1rem 1rem 0;
    }

    .btn-r2 .mui-btn:first-child::after {
        position: absolute;
        top: 0.5rem;
        right: 0;
        width: 0;
        height: 1rem;
        content: '';
        border-right: 1px solid #45ba56;
    }

.btn-sl, .btn-r2-sl .mui-btn, .btn-r3-sl .mui-btn {
    padding: 0 0.6rem;
    height: 1rem;
    line-height: 1rem;
    font-size: 0.6rem !important;
    vertical-align: middle;
}

a.btn-sl {
    line-height: 0.9rem;
}

.btn-r2-sl .mui-btn:first-child::after {
    top: 0.2rem;
    height: 0.6rem;
}

.btn-sl .icon-hualv,
.btn-r2-sl .icon-hualv,
.btn-r3-sl .icon-hualv {
    font-size: 0.6rem;
}
/*3*/
.btn-r3 .mui-btn {
    position: relative;
    float: left;
    text-align: center;
}

    .btn-r3 .mui-btn:nth-child(1) {
        width: 33%;
        border-radius: 1rem 0 0 1rem;
    }

    .btn-r3 .mui-btn:nth-child(2) {
        width: 34%;
        border-radius: 0;
    }

    .btn-r3 .mui-btn:nth-child(3) {
        width: 33%;
        border-radius: 0 1rem 1rem 0;
    }

    .btn-r3 .mui-btn:nth-child(2):before,
    .btn-r3 .mui-btn:nth-child(2):after {
        position: absolute;
        top: 0.5rem;
        width: 0;
        height: 1rem;
        content: '';
        border-right: 1px solid #45ba56;
    }

    .btn-r3 .mui-btn:nth-child(2):before {
        left: 0;
    }

    .btn-r3 .mui-btn:nth-child(2):after {
        right: 0;
    }

.btn-r3-sl .mui-btn:nth-child(2):before,
.btn-r3-sl .mui-btn:nth-child(2):after {
    top: 0.2rem;
    height: 0.6rem;
}

.mui-btn-block {
    display: block;
    width: 100%;
    box-sizing: border-box;
}
/**/
.more-btn {
    display: block;
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 0.7rem;
    color: #666;
    text-align: center;
}

    .more-btn:active {
        background-color: #eee;
        color: #333;
    }

.more-btn-bortop {
    border-top: 1px solid #eee;
}

/* 文本输入 */
.input-text, .text-area {
    font-family: tahoma, \5FAE\8F6F\96C5\9ED1;
    color: #bbb;
}

.input-text-unit {
    position: relative;
}

    .input-text-unit .input-text {
        padding-right: 3rem;
    }

    .input-text-unit .it-unit {
        position: absolute;
        top: 0;
        right: 0.8rem;
        font-size: 0.7rem;
        line-height: 2rem;
        color: #bbb;
    }
/* 多行文本域 */
.text-area {
    padding: 0.5rem;
    height: 2rem;
    line-height: 2rem;
    border-radius: 0.2rem;
    background-color: #eee;
    line-height: 1rem;
}

/* 下拉列表样式：默认 */
.pull-down {
    position: relative;
}

    .pull-down::after {
        position: absolute;
        top: 50%;
        right: 1rem;
        margin-top: -3px;
        width: 0;
        height: 0;
        line-height: 0;
        font-size: 0;
        vertical-align: -2px;
        content: '';
        border: 0 dashed transparent;
        border-width: 0.3rem;
        border-top-style: solid;
    }

.pull-down-arrows:after {
    right: 0.4rem;
    border-width: 0.2rem;
    border-top-color: #fff;
    margin-top: 0;
}

.btn-sl.pull-down {
    padding: 0 1.2rem 0 0.5rem;
}

    .btn-sl.pull-down::after {
        right: 0.4rem;
    }

.btn-gn.pull-down::after {
    border-top-color: #fff;
}

.btn-gn-line.pull-down::after {
    border-top-color: #60c86f;
}

.btn-gy-line.pull-down::after {
    border-top-color: #bbb;
}

.mui-poppicker .mui-btn {
    height: 1.4rem;
    line-height: 1.4rem;
    padding: 0 .6rem;
    border-radius: 0.2rem;
}
/* 下拉列表样式：2 */
.pull-down-bar2 {
    height: 3rem;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    box-sizing: content-box;
}

    .pull-down-bar2 .pull-down {
        position: relative;
        float: left;
        height: 3rem;
        line-height: 3rem;
        padding: 0;
        background: none;
        border: none;
        border-radius: 0;
        font-size: 0.8rem !important;
    }

        .pull-down-bar2 .pull-down .icon-unie919 {
            position: absolute;
            left: 50%;
            bottom: 0.25rem;
            font-size: 0.4rem;
            color: #bbb;
            margin-left: -0.2rem;
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
            -webkit-transition: all .5s;
            transition: all .5s;
        }

        .pull-down-bar2 .pull-down:nth-child(1):before,
        .pull-down-bar2 .pull-down:nth-child(2):before {
            position: absolute;
            top: 0.75rem;
            right: 0;
            width: 0;
            height: 1.5rem;
            border-right: 1px solid #eee;
            content: '';
        }

    .pull-down-bar2 .pull-down-active {
        color: #3579e9;
    }

        .pull-down-bar2 .pull-down-active .icon-unie919 {
            color: #3579e9;
            -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transform: rotate(0deg);
        }

.pull-down-r2 .pull-down {
    width: 50%;
}

.pull-down-r3 .pull-down {
    width: 33.333%;
}



/* 下拉列表样式：修改 2016-06-20 */
.pull-down-bar3 {
    height: 50px;
    background-color: #fff;
    text-align: center;
}

    .pull-down-bar3 span {
        float: left;
        line-height: 50px;
        font-size: 0.6rem;
    }

        .pull-down-bar3 span i {
            position: relative;
            top: -1px;
            font-size: 10px;
            color: #bbb;
            margin-left: 5px;
        }

            .pull-down-bar3 span i:after {
                content: "\e925";
            }

.pull-down-r3 span {
    width: 33.333%;
}

.pull-down-r2 span {
    width: 50%;
}

.pull-down-bar3 .pull-down-click,
.pull-down-bar3 .pull-down-click i {
    color: #3579e9;
}

/* 吸顶选择 */
.pull-down-fixed {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 1002;
    box-shadow: 3px 0 5px rgba(0,0,0,.2);
}

    .pull-down-fixed .pull-down-bar3 {
        border-bottom: 1px solid #eaeaea;
    }

.pull-down-list-bar {
    background-color: #fff;
}

.slider-w-bar {
    position: relative;
    left: 0;
    top: 0;
    /*width: 100%;*/
    overflow: hidden;
    box-sizing: content-box;
    -webkit-transition: all .2s;
    transition: all .2s
}

    .slider-w-bar .slider-r100,
    .slider-w-bar .slider-r50 {
        float: left;
        /*width: 50%;*/
        text-align: center;
    }

        .slider-w-bar .slider-r50 .slider-title,
        .slider-w-bar .slider-r100 .slider-title,
        .slider-w-bar .slider-r50 li a,
        .slider-w-bar .slider-r100 li a,
        .paixu-list li a {
            display: block;
            height: 40px;
            line-height: 40px;
            font-size: 12px;
        }

        .slider-w-bar .slider-r50 .slider-title,
        .slider-w-bar .slider-r100 .slider-title {
            color: #999;
        }

        .slider-w-bar .slider-r50 .slider-title {
            border-bottom: 1px solid #f8f8f8;
        }

        .slider-w-bar .slider-r50 .slider-list,
        .slider-w-bar .slider-r100 .slider-list {
            position: relative;
            overflow-x: hidden;
            overflow-y: scroll;
        }

            .slider-w-bar .slider-r50 .slider-list ul,
            .slider-w-bar .slider-r100 .slider-list ul {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
            }

        .slider-w-bar .slider-r50 li,
        .slider-w-bar .slider-r100 li,
        .paixu-list li {
            height: 40px;
            text-align: center;
            border-bottom: 1px solid #f8f8f8;
        }

            .slider-w-bar .slider-r50 li a,
            .slider-w-bar .slider-r100 li a,
            .paixu-list li a {
                height: 39px;
                line-height: 39px;
                border: 1px solid #fff;
            }

            .slider-w-bar .slider-r50 li.slider-list-click a,
            .slider-w-bar .slider-r100 li.slider-list-click a,
            .paixu-list li.slider-list-click a {
                background-color: #e9f0fa;
                color: #3579e9;
                border: 1px solid #dae6f6;
            }

        .slider-w-bar .slider-r50:nth-child(1) .slider-list,
        .slider-w-bar .slider-r50:nth-child(2) .slider-list {
            border-right: 1px solid #f8f8f8;
        }

.pull-down-item .select-btn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-top: 1px solid #e8e8e8;
    background-color: #fff;
    font-size: 12px;
    color: #60c86f;
    text-align: center;
    box-shadow: 0 -1px 3px rgba(0,0,0,.1);
}

    .pull-down-item .select-btn .icon-back {
        font-size: 10px;
        vertical-align: inherit;
        margin-left: 5px;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .pull-down-item .select-btn.select-btn-back .icon-back {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        margin: 0 5px 0 0;
    }

.pull-down-list-bar .mui-pull-loading {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -12px 0 0 -12px;
    z-index: 10;
}
/* 下拉列表样式：修改 2016-06-20  End */




/* 分享操作 */
.collect-bar {
    height: 2.5rem;
    line-height: 2.5rem;
    background-color: #fff;
    box-shadow: 0 -2px 5px rgba(0,0,0,.1);
}

    .collect-bar .coll-btn {
        position: relative;
        float: left;
        width: 50%;
        height: 2.5rem;
        line-height: 2.5rem;
        font-size: 0.9rem;
        text-align: center;
        color: #37ad48;
        box-sizing: border-box;
    }

        .collect-bar .coll-btn:first-child::after {
            position: absolute;
            top: 0.5rem;
            right: 0;
            width: 0;
            height: 1.5rem;
            content: '';
            border-right: 1px solid #eee;
        }

    .collect-bar .icon-hualv {
        font-size: 0.9rem;
    }


/* 底部浮出 */
.popup-bottom {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 -2px 5px rgba(0,0,0,.1);
    box-sizing: border-box;
    z-index: 1003;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    -webkit-transition: all .2s;
    transition: all .2s;
    visibility: hidden;
}

    .popup-bottom .icon-closed {
        position: absolute;
        top: 0.5rem;
        right: 0.5rem;
        width: 1.5rem;
        height: 1.5rem;
        line-height: 1.5rem;
        text-align: center;
    }

.pop-bottom-show {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    visibility: visible;
}

.popup-fabu-link {
    position: fixed;
    left: 50%;
    bottom: 1rem;
    width: 3rem;
    height: 3rem;
    margin-left: -1.5rem;
}

    .popup-fabu-link .icon-hualv-round {
        width: 3rem;
        height: 3rem;
        font-size: 1.2rem;
        color: #fff;
    }

        .popup-fabu-link .icon-hualv-round:before {
            margin: -0.6rem 0 0 -0.6rem;
        }

        .popup-fabu-link .icon-hualv-round:after {
            width: 3rem;
            height: 3rem;
            background-color: #68cb76;
        }

/*律师弹框*/
.pop-ask {
    padding: 1rem 0.75rem;
}

    .pop-ask .f12 {
        font-size: 0.6rem;
        color: #666;
    }

    .pop-ask .btn {
        padding: 0;
    }

.pop-photo {
    position: relative;
    height: 2.25rem;
    padding-left: 2.75rem;
}

    .pop-photo .lr-photo {
        position: absolute;
        left: 0;
        top: 0;
    }

.pop-info-list {
    height: 1.4rem;
    color: #999;
}

    .pop-info-list dd {
        height: 1.4rem;
        line-height: 1.4rem;
        overflow: hidden;
    }

        .pop-info-list dd:nth-child(1),
        .pop-info-list dd:nth-child(3) {
            float: left;
            width: 26%;
        }

        .pop-info-list dd:nth-child(2) {
            position: relative;
            float: left;
            width: 48%;
        }

            .pop-info-list dd:nth-child(2):before,
            .pop-info-list dd:nth-child(2):after {
                position: absolute;
                top: 0.45rem;
                width: 0;
                height: 0.5rem;
                border-right: 1px solid #eee;
                content: '';
            }

            .pop-info-list dd:nth-child(2):before {
                left: 0;
            }

            .pop-info-list dd:nth-child(2):after {
                right: 0;
            }

.pop-corr {
    height: 2.5rem;
    line-height: 2.5rem;
}

    .pop-corr a {
        position: relative;
        float: left;
        width: 50%;
        font-size: 0.7rem;
        color: #37ad48;
        text-align: center;
    }

        .pop-corr a .icon-hualv {
            font-size: 0.75rem;
            margin-right: 0.25rem;
        }

        .pop-corr a:first-child:before {
            position: absolute;
            top: 0.5rem;
            right: 0;
            width: 0;
            height: 1.5rem;
            border-right: 1px solid #eee;
            content: '';
        }
/* 发布咨询 */
.pop-fabu-new {
    padding: 1.5rem 1.5rem 1rem;
}

/* 当前位置 */
.site-bar {
    line-height: 0.7rem;
    font-size: 0.6rem;
    overflow: hidden;
}

    .site-bar a, .site-bar i {
        float: left;
        color: #666;
    }

    .site-bar span {
        float: left;
        color: #bbb;
    }

    .site-bar i {
        margin: 0 5px;
    }

/* 标题 */
.title-line {
    border-bottom: 1px solid #eee;
}

.h35-title {
    height: 1.75rem;
    line-height: 1.75rem;
    font-size: 0.9rem;
    text-align: center;
    color: #333;
}

.h74-title {
    padding: 0 0.75rem;
    height: 3.7rem;
    line-height: 3.7rem;
    font-size: 0.8rem;
    text-align: center;
    color: #333;
}

    .h74-title .pull-down {
        position: absolute;
        top: 1.25rem;
        right: 0.75rem;
    }

/* 页码 */
.page-bar {
    position: relative;
    padding: 0 5rem;
    height: 2rem;
}

    .page-bar li a {
        float: left;
        margin: 0.5rem 0 0 0.5rem;
    }

    .page-bar .page-prev,
    .page-bar .page-next {
        position: absolute;
        top: 0;
        width: 2rem;
        height: 2rem;
        line-height: 2rem;
        font-size: 1.6rem;
        text-align: center;
    }

    .page-bar .page-prev {
        left: 0.5rem;
    }

    .page-bar .page-next {
        right: 0.5rem;
    }

        .page-bar .page-next a {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
        }

    .page-bar .page-disabled a {
        color: #eee;
    }

    .page-bar .pull-down::after {
        border-top-color: transparent;
    }

    .page-bar .mui-btn {
        border-color: #ddd;
        color: #999;
        text-align: center;
    }

/* 页码 2016-06-21 修改 */
.page-bar2 {
    position: relative;
    height: 30px;
    padding: 30px 0;
    box-sizing: content-box;
    text-align: center;
}

    .page-bar2 .icon-back {
        font-size: 12px;
        vertical-align: initial;
    }

    .page-bar2 .prev-p,
    .page-bar2 .next-p {
        position: absolute;
        top: 30px;
        padding: 0 15px;
        line-height: 30px;
    }

    .page-bar2 .prev-p {
        left: 0;
    }

    .page-bar2 .next-p {
        right: 0;
    }

        .page-bar2 .next-p .icon-back,
        .page-bar2 .page-pop li.last-page .icon-back {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
        }

    .page-bar2 .prev-disabled {
        color: #ddd;
    }

    .page-bar2 .prev-current {
        color: #3579e9;
    }

    .page-bar2 button {
        border-radius: 15px;
        height: 30px;
        line-height: 30px;
        padding: 0 30px;
        font-size: 14px;
        color: #bbb;
    }
    /**/
    .page-bar2 .page-pop {
        position: absolute;
        left: 0;
        top: -50px;
        right: 0;
        height: 50px;
        background-color: #fff;
        border-bottom: 1px solid #eee;
        box-shadow: 0 -2px 5px rgba(0,0,0,.1);
    }

        .page-bar2 .page-pop li {
            position: relative;
            float: left;
            width: 14%;
            height: 50px;
            line-height: 50px;
        }

            .page-bar2 .page-pop li.first-page,
            .page-bar2 .page-pop li.last-page {
                width: 15%;
            }

            .page-bar2 .page-pop li a {
                display: block;
                line-height: 50px;
            }

    .page-bar2 .icon-line {
        position: absolute;
        top: 50%;
        width: 1px;
        height: 14px;
        background-color: #333;
        margin-top: -6px;
    }

    .page-bar2 .page-pop li.first-page .icon-line {
        margin-right: -3px;
    }

    .page-bar2 .page-pop li.last-page .icon-line {
        margin-left: -2px;
    }
/* 页码 2016-06-21 修改END */




/* 页内搜索  （更换了！）*/
.search-bar {
    position: relative;
    padding: 1.5rem 3.25rem 1.5rem 1rem;
}

    .search-bar .icon-hualv {
        position: absolute;
        left: 1.75rem;
        top: 1.9rem;
        font-size: 0.8rem;
        color: #bbb;
        z-index: 10;
    }

    .search-bar .search-btn {
        position: absolute;
        top: 1.5rem;
        right: 0.5rem;
        height: 1.5rem;
        line-height: 1.5rem;
        padding: 0 0.5rem;
        border: none;
        font-size: 0.7rem;
        color: #3579e9;
    }

    .search-bar .sear-input {
        position: relative;
        display: block;
        width: 100%;
        height: 1.5rem;
        line-height: 1.5rem;
        font-size: 0.6rem;
        color: #bbb;
        background-color: #eee;
        border-radius: 0.75rem;
        border: none;
        padding: 0 1rem 0 2.2rem;
        margin: 0;
    }

.search-bar2 {
    padding: 0 2rem 0 0;
}

    .search-bar2 .icon-hualv {
        left: 0.75rem;
        top: 0.4rem;
    }

    .search-bar2 .search-btn {
        top: 0;
        right: -0.5rem;
    }

/* 分享  */
.share-bar {
    padding: 1.5rem 0 .25rem;
}

.mip-fill-content {
    box-sizing: border-box;
}

/* hot-tag */
.icon-bianqian {
    position: relative;
    width: 1.5rem;
    height: 1rem;
}

    .icon-bianqian:after {
        position: absolute;
        left: 0.15rem;
        top: 0.4rem;
        content: 'HOT';
        font-family: verdana;
        color: #fff;
        font-size: 0.4rem;
    }

    .icon-bianqian:before {
        position: absolute;
        left: 0;
        top: -0.15rem;
        font-size: 1.5rem;
        color: red;
    }

/* 提问框 */
/*.questdlg-bar { padding: 1rem 0.75rem; }*/
.questdlg-bar .wen-text {
    height: 4rem;
    background-color: #fff;
    border-radius: 0.2rem 0.2rem 0 0;
    font-size: 0.7rem;
    line-height: 1rem;
    color: #bbb;
    padding: 0.25rem;
    box-sizing: border-box;
    display: none;
}

.ban-search {
    position: relative;
    height: 2rem;
    padding-right: 3rem;
}

    .ban-search p {
        height: 2rem;
        line-height: 2rem;
        padding: 0 .5rem;
        border-radius: 0.2rem 0 0 0.2rem;
        font-size: 0.6rem;
        color: #bbb;
        border: none;
        background-color: #eee;
        margin-bottom: 0;
    }

    .ban-search .mui-btn {
        position: absolute;
        top: 0;
        right: 0;
        width: 3rem;
        padding: 0;
        line-height: 2rem;
        border-radius: 0 0.2rem 0.2rem 0;
    }

.questdlg-bar-show .wen-text {
    display: block;
}

.questdlg-bar-show .ban-search p {
    border-radius: 0 0 0 0.2rem;
}

.questdlg-bar-show .mui-btn {
    border-radius: 0 0 0.2rem 0;
}

/* 相关标签 */
.tag-link a {
    float: left;
    height: 1.5rem;
    line-height: 1.5rem;
    padding: 0 0.75rem;
    background-color: #f8f8f8;
    border-radius: 0.75rem;
    font-size: 0.6rem;
    margin: 0.5rem 0.5rem 0 0;
}

    .tag-link a:active {
        background: #eee;
        color: #333;
    }

/* 顶部广告 */
.top-ad-bar {
    position: relative;
    min-height: 2.5rem;
}

    .top-ad-bar a {
        display: block;
    }

        .top-ad-bar a mip-img {
            display: block;
            width: 100%;
        }

    .top-ad-bar .icon-closed {
        position: absolute;
        left: 0.5rem;
        top: 50%;
        width: 1.5rem;
        height: 1.5rem;
        font-size: 0.75rem;
        color: #fff;
        margin-top: -0.75rem;
    }

        .top-ad-bar .icon-closed:after {
            width: 1.5rem;
            height: 1.5rem;
            background-color: #b8b8b8;
        }

        .top-ad-bar .icon-closed:before {
            margin: -0.375rem 0 0 -0.375rem;
        }



/* app广告 2016-08-16 */
.fixed-app-ad {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 800;
}

    .fixed-app-ad .app-sq {
        position: absolute;
        right: 5px;
        bottom: 10px;
        width: 4rem;
        height: 4rem;
        padding-top: 1rem;
        background-color: #60c86f;
        border-radius: 50%;
        font-size: .75rem;
        line-height: 1rem;
        color: #fff;
        text-align: center;
    }

    .fixed-app-ad .app-zk {
        d
    }

    .fixed-app-ad a {
        display: block;
    }

        .fixed-app-ad a mip-img {
            display: block;
            width: 100%;
            height: 100%;
        }

    .fixed-app-ad .app-close {
        position: absolute;
        left: 10px;
        top: 0;
        width: 20px;
        height: 20px;
    }

#MIP-LLIGTBOX-MASK {
    background: rgba(0,0,0,0.9);
}

.mip-fill-content {
    padding-top: .5rem;
}


/**/
.tab-hot-bar li {
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: 0.7rem;
    color: #666;
    overflow: hidden;
}

/* seek-bar */
.seek-bar {
    position: relative;
    height: 1.5rem;
    line-height: 1.5rem;
    border-radius: .75rem;
    background-color: #eee;
    padding-left: 1.75rem;
    padding-right: 3.25rem;
}

    .seek-bar .icon-shearch {
        position: absolute;
        left: 10px;
        top: 8px;
        font-size: .75rem;
        color: #999;
    }

    .seek-bar .sek-input {
        width: 100%;
        height: 1.5rem;
        line-height: 1.5rem;
    }

    .seek-bar .sek-btn {
        position: absolute;
        top: 0;
        right: -1px;
        width: 3rem;
        height: 1.5rem;
        line-height: 1.5rem;
        background-color: #007aff;
        border-radius: 0 .75rem .75rem 0;
        color: #fff;
    }

form div.seek-bar {
    display: block;
}

    form div.seek-bar input[type='submit'] {
        border: none;
    }

/* 2017-12-06 吸底导航*/
.pb50 {
    padding-bottom: 2.5rem;
}

.bottom-nav {
    height: 2.5rem;
    background-color: #fff;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, .1);
}

    .bottom-nav li {
        float: left;
        width: 25%;
        text-align: center;
    }

        .bottom-nav li a {
            display: block;
            font-size: .6rem;
            color: #333;
        }

    .bottom-nav p {
        padding-top: 0.4rem;
    }

    .bottom-nav .icon-hualv {
        font-size: 0.9rem;
        color: #888;
    }

/* media */
/* 分辨率：>320 (4s、5S) */
@media only screen and (min-device-width: 320px) {
    html {
        font-size: 20px !important;
    }
}

/* 分辨率：>375 (6、6S) */
@media only screen and (min-device-width: 375px) {
    html {
        font-size: 20px !important;
    }
}

/* 分辨率：>414 (6 plus、6S plus) */
@media only screen and (min-device-width: 414px) {
    html {
        font-size: 22px !important;
    }
}

/* 分辨率：>1024 (ipad、pc) */
@media only screen and (min-device-width: 1024px) {
    html {
        font-size: 22px !important;
    }
}
/* 2019-04-24 添加数字字体 */
@font-face {
    font-family: "DIN-Bold";
    src: url('fonts/DIN-Bold.eot?#iefix') format("embedded-opentype"), url('fonts/DIN-Bold.woff') format("woff"), url('fonts/DIN-Bold.ttf') format("truetype"), url('fonts/DIN-Bold.svg') format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "DIN-Medium";
    src: url('fonts/DIN-Medium.eot?#iefix') format("embedded-opentype"), url('fonts/DIN-Medium.woff') format("woff"), url('fonts/DIN-Medium.ttf') format("truetype"), url('fonts/DIN-Medium.svg') format("svg");
    font-weight: normal;
    font-style: normal;
}

.din-b {
    font-family: "DIN-Bold";
}

.din-m {
    font-family: "DIN-Medium";
}

/* weizhi */
.weizhi {
    padding-top: .8rem;
    padding-bottom: .75rem;
    font-size: .6rem;
    color: #999;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

    .weizhi a {
        color: #666;
    }

.fixed-bottom-bar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 900;
    background-color: #fff;
    box-shadow: 0 -2px 5px 0 rgba(0,0,0, .05);
}

.mbm05 {
    margin-bottom: 0.5rem;
}

.pbm0 {
    padding-bottom: 0;
}

.mip-tip {
    float: right;
    color: darkgray;
    font-size: .5rem;
    text-align: center;
    padding-right: .5rem;
}