/*!
 * =====================================================
 * 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, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, 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;
}

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

input, textarea, select {
    outline: none;
    border: none;
    background: none;
    border-radius: 0;
}

textarea {
    /*overflow: hidden;*/
    resize: none;
}

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

th {
    text-align: inherit;
}

fieldset, img {
    border: 0;
}

iframe {
    display: block;
}

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

del {
    text-decoration: line-through;
}

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

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

ins, a {
    text-decoration: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

abbr, acronym {
    border: 0;
    font-variant: normal;
}

address, caption, cite, code, dfn, em, th, var {
    font-style: normal;
    font-weight: 500;
}

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

.f17 {
    font-size: .85rem !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 {
    background-color: #f8f8f8;
}

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

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

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

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

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

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

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

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

.box-shadow {
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    background-color: #fff;
}

/* 图片效果 */
.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 !important;
}

.pad-tb20-lr15 {
    padding: 1rem 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;
}

.mt30 {
    margin-top: 1.5rem !important;
}

.mt50 {
    margin-top: 2.5rem;
}

.mb0 {
    margin-bottom: 0;
}

.mb5 {
    margin-bottom: 0.25rem;
}

.mb10 {
    margin-bottom: 0.5rem;
}

.mb15 {
    margin-bottom: 0.75rem;
}

.mb20 {
    margin-bottom: 1rem;
}

.mb30 {
    margin-bottom: 1.5rem;
}

.mb80 {
    margin-bottom: 4rem;
}

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

.pb5 {
    padding-bottom: 0.25rem;
}

.pb10 {
    padding-bottom: 0.5rem;
}

.pb15 {
    padding-bottom: 0.75rem;
}

.pb20 {
    padding-bottom: 1rem;
}

.pb30 {
    padding-bottom: 1.5rem;
}

.pb50 {
    padding-bottom: 2.5rem;
}

.pb120 {
    padding-bottom: 6rem;
}

.pb145 {
    padding-bottom: 7.25rem;
}

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

/* 采纳图标 */
.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;
    }

    .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;
    padding: 0 1.2rem;
    border-width: 1px;
    border-style: solid;
    border-radius: 1rem;
    font-size: 0.7rem !important;
    box-sizing: border-box;
}

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

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

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

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

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


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

    .btn-gn:active,
    .btn-gn-line:active,
    .btn-gn-line2:active,
    .btn-gy:active,
    .btn-gy-line:active,
    .btn-be:active {
        background-color: #929292;
        border-color: #929292;
        color: #fff;
    }

/*.btn-gy {
    background-color: #eee !important;
    border-color: #eee !important;
    color: #666 !important;
}*/
.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;
}


/*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;
    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;
}
/**/
.more-btn {
    display: block;
    height: 2.5rem;
    line-height: 2.5rem !important;
    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;
}

.more-btn-bortb {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
/* 文本输入 */
.input-text, .text-area {
    font-family: tahoma, \5FAE\8F6F\96C5\9ED1;
    color: #000;
}

.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: 6rem;
    border-radius: 0.2rem;
    background-color: #eee;
    font-size: 0.6rem;
    line-height: 1rem;
    width: 100%;
}

/* 下拉列表样式：默认 */
.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, .mui-dtpicker-header .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: 2.5rem;
        line-height: 2.5rem;
        padding: 0;
        background-color: 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);
            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);
            transform: rotate(0deg);
        }

.pull-down-r1 .pull-down {
    width: 100%;
}

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

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

/* 分享操作 */
.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: 999;
    -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;
    z-index: 990;
}

    .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;
        width: 2.25rem;
        height: 2.25rem;
        border-radius: 50%;
        overflow: hidden;
    }

.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;
    z-index: 997;
}

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

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

    .site-bar span {
        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);
            transform: rotate(180deg);
        }

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

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

/* 页内搜索  （更换了！）*/
.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.75rem;
}

.share-list {
    padding: 0 1rem;
}

    .share-list li {
        float: left;
        width: 33.33%;
        text-align: center;
    }

        .share-list li .icon-hualv {
            width: 2.3rem;
            height: 2.3rem;
            font-size: 1.2rem;
            color: #fff;
        }

        .share-list li .icon-hualv-round:after {
            width: 2.3rem;
            height: 2.3rem;
        }

        .share-list li .icon-hualv-round:before {
            margin: -0.5rem 0 0 -0.45rem;
        }

        .share-list li a.bg-gn .icon-hualv-round:after {
            background-color: #60c86f;
        }

        .share-list li a.bg-yw .icon-hualv-round:after {
            background-color: #fabf40;
        }

        .share-list li a.bg-red .icon-hualv-round:after {
            background-color: #ef4d3c;
        }

        .share-list li .icon-qqkj:before {
            font-size: 1.1rem;
            margin: -0.6rem 0 0 -0.55rem;
        }

        .share-list li .icon-xlwb:before {
            font-size: 1.1rem;
            margin: -0.5rem 0 0 -0.65rem;
        }

/* 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.55rem;
        color: #bbb;
        border: none;
        border-top: 1px solid #eee;
        background-color: #eee;
        margin-bottom: 0;
    }

    .ban-search button {
        position: absolute;
        top: 0;
        right: 0;
        width: 3rem;
        padding: 0;
        border-radius: 0 0.2rem 0.2rem 0;
    }

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

.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;
    z-index: 200;
}

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

        .top-ad-bar a 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;
        }


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

    .pull-down-bar3 span {
        float: left;
        line-height: 42px;
        font-size: 14px;
        border-right: 1px solid #ddd;
        height: 42px;
        overflow: hidden;
    }

        .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-r1 span {
    width: 100%;
}

.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: 43px;
            line-height: 43px;
            font-size: 13px;
        }

        .slider-w-bar .slider-r50 .slider-title,
        .slider-w-bar .slider-r100 .slider-title {
            color: #999;
            border-bottom: 1px solid #e8e8e8;
            border-right: 1px solid #e8e8e8;
            background-color: #fff;
        }

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

            .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 {
            height: 44px;
            text-align: center;
            border-bottom: 1px solid #e8e8e8;
        }

            .slider-w-bar .slider-r50 li a,
            .slider-w-bar .slider-r100 li a {
                height: 43px;
                line-height: 43px;
                /*	border: 1px solid #fff;*/
            }

            .slider-w-bar .slider-r50 li.slider-list-click a,
            .slider-w-bar .slider-r100 li.slider-list-click a {
                background-color: #f6f4f0;
                color: #f60;
                /*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 #e8e8e8;
        }

    .slider-w-bar .child-list {
        background-color: #f6f4f0;
    }

.child-list .slider-r50 li.slider-list-click a,
.child-list .slider-r100 li.slider-list-click a {
    color: #f60;
    /*border:1px solid #dae6f6;*/
}

.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: 14px;
    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 */

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

    .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 .page-disabled {
        color: #ddd;
    }

    .page-bar2 .page-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 */

.mui-slider .mui-slider-group > div {
    white-space: normal;
}
/* app广告 2016-08-16 */
.fixed-app-ad {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 980;
}

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

    .fixed-app-ad .app-zk {
        position: absolute;
        left: 0;
        bottom: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        opacity: 0;
    }

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

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

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



    .fixed-app-ad .iconShow {
        animation: fadeInRight .7s forwards;
        -webkit-animation: fadeInRight .7s forwards;
    }

    .fixed-app-ad .iconHide {
        animation: fadeInHide .7s forwards;
        -webkit-animation: fadeInHide .7s forwards;
    }


/* app广告 2017-06-21 */
.app-down2 {
    height: 50px;
    line-height: 50px;
    font-size: 12px;
    background-color: #e8e8e8;
}

    .app-down2 span {
        float: left;
    }

    .app-down2 img {
        float: left;
        width: 40px;
        height: 40px;
        margin: 5px 10px 0 0;
    }

    .app-down2 .down-close {
        padding: 0 15px 0 10px;
        font-size: 16px;
    }

    .app-down2 a {
        float: right;
        width: 70px;
        background-color: #fabf40;
        font-size: 14px;
        color: #fff;
        text-align: center;
    }


@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: none;
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: none;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@-webkit-keyframes fadeInHide {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }
}

@keyframes fadeInHide {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }
}

/* 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;
    }
}

/*电话付费咨询重新添加 2017-07-31*/
/* bikan-btn */
.bikan-btn {
    height: 2.5rem;
    line-height: 2.5rem;
    border-top: 1px solid #eee;
    text-align: center;
    color: #666;
}

    .bikan-btn span {
        color: #ef4d3c;
    }

    .bikan-btn .icon-back {
        font-size: 0.6rem;
        color: #ddd;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        vertical-align: middle;
        margin: -2px 0 0 3px;
    }
/* 快问优势 */
.kw-youshi-bar {
    position: relative;
    padding-top: 1rem;
}

    .kw-youshi-bar img {
        position: absolute;
        left: 50%;
        top: .4rem;
        margin-left: -1.2rem;
        width: 2.4rem;
        height: 2.8rem;
    }

    .kw-youshi-bar table th,
    .kw-youshi-bar table td {
        width: 50%;
        height: 2rem;
        text-align: center;
    }

    .kw-youshi-bar table th {
        background-color: #7d7d7d;
        font-size: .7rem;
        color: #fff;
    }

        .kw-youshi-bar table th:last-child {
            background-color: #434343;
        }

    .kw-youshi-bar table td {
        border-bottom: 1px solid #eee;
        font-size: .6rem;
        color: #666;
    }

    .kw-youshi-bar table tr td:first-child {
        border-right: 1px solid #eee;
    }

    .kw-youshi-bar table tr.bg td {
        background-color: #f5f6f9;
    }

    .kw-youshi-bar ul {
        overflow: hidden;
    }

        .kw-youshi-bar ul li {
            float: left;
            width: 20%;
        }

            .kw-youshi-bar ul li span {
                display: inline-block;
                width: 2.5rem;
                height: 2.5rem;
                border-radius: 0 .25rem 0 .25rem;
                font-size: .6rem;
                line-height: .8rem;
                text-align: center;
                box-sizing: border-box;
                padding-top: .5rem;
            }

            .kw-youshi-bar ul li:nth-child(1) span,
            .kw-youshi-bar ul li:nth-child(3) span,
            .kw-youshi-bar ul li:nth-child(5) span {
                background-color: #ffb704;
                color: #333;
            }

            .kw-youshi-bar ul li:nth-child(2) span,
            .kw-youshi-bar ul li:nth-child(4) span {
                background-color: #7d7d7d;
                color: #d8d8d8;
            }
/* popup */
#kw-youshi {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background-color: rgba(0,0,0, .5);
    overflow-x: hidden;
    display: none;
}

    #kw-youshi .pa {
        left: .5rem;
        right: .5rem;
        top: 50%;
        margin-top: -11rem;
    }

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


/* 2017-08-02 */
.popup-timer {
    position: fixed;
    left: 1.5rem;
    right: 1.5rem;
    top: 50%;
    z-index: 990;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 1.5rem rgba(0,0,0, .15);
    padding: 1.4rem 1.25rem;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none;
}

    .popup-timer .pop-close {
        position: absolute;
        top: .5rem;
        right: .5rem;
        width: 1rem;
        height: 1rem;
        line-height: 1rem;
    }

        .popup-timer .pop-close .icon-closed {
            font-size: .6rem;
            color: #ddd;
        }

    .popup-timer p {
        font-size: .6rem;
        color: #999;
    }

    .popup-timer h2 {
        font-size: .7rem;
        color: #333;
        margin: .75rem 0;
    }

    .popup-timer .mui-btn {
        height: 1.5rem;
        line-height: 1.4rem;
        font-size: .6rem;
    }

/*2017-08-12 页面加载弹窗*/
.pop-pageload {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1888;
    background-color: rgba(0, 0, 0, .5);
}

    .pop-pageload div {
        position: absolute;
        left: 1.5rem;
        top: 50%;
        right: 1.5rem;
        background-color: #fff;
        box-shadow: 0 2px 15px rgba(0,0,0, .2);
        padding: 2rem 0 1.5rem;
        text-align: center;
        transform: translateY(-50%);
    }

    .pop-pageload img {
        width: 3rem;
        height: 3rem;
        margin: 0 auto;
        display: block;
    }

    .pop-pageload p {
        font-size: .7rem;
        margin-top: 1rem;
    }

/* 2017-10-13 新增 */
.mui-pull-nav .icon-grzx {
    position: relative;
    font-size: 1.3rem;
    line-height: 2.2rem;
    margin-right: .5rem;
    color: #fff;
}

    .mui-pull-nav .icon-grzx .dot {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -13px 0 0 2px;
        width: .5rem;
        height: .5rem;
        background-color: #ff7800;
        border-radius: 50%;
    }

/* 2017-11-20 吸底：在线咨询，电话沟通 */
.fixed-bottom-touch {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    height: 50px;
    background-color: #3579e9;
}

    .fixed-bottom-touch a {
        float: left;
        width: 50%;
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-size: .8rem;
        color: #fff;
    }

        .fixed-bottom-touch a:last-child {
            background-color: #135dd7;
        }

        .fixed-bottom-touch a .icon-hualv {
            font-size: .8rem;
            margin-right: .25rem;
        }

    .fixed-bottom-touch .anv {
        display: inline-block;
    }

@-webkit-keyframes shake {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg)
    }

    2% {
        -webkit-transform: translate(0.5px, -0.5px) rotate(0.5deg);
        transform: translate(0.5px, -0.5px) rotate(0.5deg)
    }

    4% {
        -webkit-transform: translate(-0.5px, -2.5px) rotate(-1.5deg);
        transform: translate(-0.5px, -2.5px) rotate(-1.5deg)
    }

    6% {
        -webkit-transform: translate(0.5px, -0.5px) rotate(-0.5deg);
        transform: translate(0.5px, -0.5px) rotate(-0.5deg)
    }

    8% {
        -webkit-transform: translate(-2.5px, 0.5px) rotate(0.5deg);
        transform: translate(-2.5px, 0.5px) rotate(0.5deg)
    }

    10% {
        -webkit-transform: translate(-1.5px, -1.5px) rotate(0.5deg);
        transform: translate(-1.5px, -1.5px) rotate(0.5deg)
    }

    12% {
        -webkit-transform: translate(1.5px, 0.5px) rotate(-1.5deg);
        transform: translate(1.5px, 0.5px) rotate(-1.5deg)
    }

    14% {
        -webkit-transform: translate(1.5px, -2.5px) rotate(-0.5deg);
        transform: translate(1.5px, -2.5px) rotate(-0.5deg)
    }

    16% {
        -webkit-transform: translate(-2.5px, -1.5px) rotate(-0.5deg);
        transform: translate(-2.5px, -1.5px) rotate(-0.5deg)
    }

    18% {
        -webkit-transform: translate(-0.5px, 0.5px) rotate(-0.5deg);
        transform: translate(-0.5px, 0.5px) rotate(-0.5deg)
    }

    20% {
        -webkit-transform: translate(-1.5px, 1.5px) rotate(0.5deg);
        transform: translate(-1.5px, 1.5px) rotate(0.5deg)
    }

    22% {
        -webkit-transform: translate(-1.5px, -2.5px) rotate(-1.5deg);
        transform: translate(-1.5px, -2.5px) rotate(-1.5deg)
    }

    24% {
        -webkit-transform: translate(0.5px, 0.5px) rotate(-1.5deg);
        transform: translate(0.5px, 0.5px) rotate(-1.5deg)
    }

    26% {
        -webkit-transform: translate(-1.5px, 1.5px) rotate(0.5deg);
        transform: translate(-1.5px, 1.5px) rotate(0.5deg)
    }

    28% {
        -webkit-transform: translate(0.5px, 1.5px) rotate(0.5deg);
        transform: translate(0.5px, 1.5px) rotate(0.5deg)
    }

    30% {
        -webkit-transform: translate(-0.5px, -1.5px) rotate(-1.5deg);
        transform: translate(-0.5px, -1.5px) rotate(-1.5deg)
    }

    32% {
        -webkit-transform: translate(-2.5px, 1.5px) rotate(-0.5deg);
        transform: translate(-2.5px, 1.5px) rotate(-0.5deg)
    }

    34% {
        -webkit-transform: translate(-1.5px, 1.5px) rotate(-1.5deg);
        transform: translate(-1.5px, 1.5px) rotate(-1.5deg)
    }

    36% {
        -webkit-transform: translate(-2.5px, -0.5px) rotate(0.5deg);
        transform: translate(-2.5px, -0.5px) rotate(0.5deg)
    }

    38% {
        -webkit-transform: translate(-2.5px, -2.5px) rotate(-1.5deg);
        transform: translate(-2.5px, -2.5px) rotate(-1.5deg)
    }

    40% {
        -webkit-transform: translate(-0.5px, -0.5px) rotate(-0.5deg);
        transform: translate(-0.5px, -0.5px) rotate(-0.5deg)
    }

    42% {
        -webkit-transform: translate(-1.5px, 1.5px) rotate(0.5deg);
        transform: translate(-1.5px, 1.5px) rotate(0.5deg)
    }

    44% {
        -webkit-transform: translate(0.5px, 1.5px) rotate(-0.5deg);
        transform: translate(0.5px, 1.5px) rotate(-0.5deg)
    }

    46% {
        -webkit-transform: translate(1.5px, 1.5px) rotate(-0.5deg);
        transform: translate(1.5px, 1.5px) rotate(-0.5deg)
    }

    48% {
        -webkit-transform: translate(-2.5px, 1.5px) rotate(0.5deg);
        transform: translate(-2.5px, 1.5px) rotate(0.5deg)
    }

    50% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg)
    }
}

@keyframes shake {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg)
    }

    2% {
        -webkit-transform: translate(0.5px, -0.5px) rotate(0.5deg);
        transform: translate(0.5px, -0.5px) rotate(0.5deg)
    }

    4% {
        -webkit-transform: translate(-0.5px, -2.5px) rotate(-1.5deg);
        transform: translate(-0.5px, -2.5px) rotate(-1.5deg)
    }

    6% {
        -webkit-transform: translate(0.5px, -0.5px) rotate(-0.5deg);
        transform: translate(0.5px, -0.5px) rotate(-0.5deg)
    }

    8% {
        -webkit-transform: translate(-2.5px, 0.5px) rotate(0.5deg);
        transform: translate(-2.5px, 0.5px) rotate(0.5deg)
    }

    10% {
        -webkit-transform: translate(-1.5px, -1.5px) rotate(0.5deg);
        transform: translate(-1.5px, -1.5px) rotate(0.5deg)
    }

    12% {
        -webkit-transform: translate(1.5px, 0.5px) rotate(-1.5deg);
        transform: translate(1.5px, 0.5px) rotate(-1.5deg)
    }

    14% {
        -webkit-transform: translate(1.5px, -2.5px) rotate(-0.5deg);
        transform: translate(1.5px, -2.5px) rotate(-0.5deg)
    }

    16% {
        -webkit-transform: translate(-2.5px, -1.5px) rotate(-0.5deg);
        transform: translate(-2.5px, -1.5px) rotate(-0.5deg)
    }

    18% {
        -webkit-transform: translate(-0.5px, 0.5px) rotate(-0.5deg);
        transform: translate(-0.5px, 0.5px) rotate(-0.5deg)
    }

    20% {
        -webkit-transform: translate(-1.5px, 1.5px) rotate(0.5deg);
        transform: translate(-1.5px, 1.5px) rotate(0.5deg)
    }

    22% {
        -webkit-transform: translate(-1.5px, -2.5px) rotate(-1.5deg);
        transform: translate(-1.5px, -2.5px) rotate(-1.5deg)
    }

    24% {
        -webkit-transform: translate(0.5px, 0.5px) rotate(-1.5deg);
        transform: translate(0.5px, 0.5px) rotate(-1.5deg)
    }

    26% {
        -webkit-transform: translate(-1.5px, 1.5px) rotate(0.5deg);
        transform: translate(-1.5px, 1.5px) rotate(0.5deg)
    }

    28% {
        -webkit-transform: translate(0.5px, 1.5px) rotate(0.5deg);
        transform: translate(0.5px, 1.5px) rotate(0.5deg)
    }

    30% {
        -webkit-transform: translate(-0.5px, -1.5px) rotate(-1.5deg);
        transform: translate(-0.5px, -1.5px) rotate(-1.5deg)
    }

    32% {
        -webkit-transform: translate(-2.5px, 1.5px) rotate(-0.5deg);
        transform: translate(-2.5px, 1.5px) rotate(-0.5deg)
    }

    34% {
        -webkit-transform: translate(-1.5px, 1.5px) rotate(-1.5deg);
        transform: translate(-1.5px, 1.5px) rotate(-1.5deg)
    }

    36% {
        -webkit-transform: translate(-2.5px, -0.5px) rotate(0.5deg);
        transform: translate(-2.5px, -0.5px) rotate(0.5deg)
    }

    38% {
        -webkit-transform: translate(-2.5px, -2.5px) rotate(-1.5deg);
        transform: translate(-2.5px, -2.5px) rotate(-1.5deg)
    }

    40% {
        -webkit-transform: translate(-0.5px, -0.5px) rotate(-0.5deg);
        transform: translate(-0.5px, -0.5px) rotate(-0.5deg)
    }

    42% {
        -webkit-transform: translate(-1.5px, 1.5px) rotate(0.5deg);
        transform: translate(-1.5px, 1.5px) rotate(0.5deg)
    }

    44% {
        -webkit-transform: translate(0.5px, 1.5px) rotate(-0.5deg);
        transform: translate(0.5px, 1.5px) rotate(-0.5deg)
    }

    46% {
        -webkit-transform: translate(1.5px, 1.5px) rotate(-0.5deg);
        transform: translate(1.5px, 1.5px) rotate(-0.5deg)
    }

    48% {
        -webkit-transform: translate(-2.5px, 1.5px) rotate(0.5deg);
        transform: translate(-2.5px, 1.5px) rotate(0.5deg)
    }

    50% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg)
    }
}

.gz-ecode {
    color: #efab18;
    font-size: .5rem;
}

    .gz-ecode .icon-unie906 {
        font-size: .5rem;
        margin-right: .25rem;
    }

/* 2018-09-05 添加QQ分享 */
.share-list-flex {
    display: flex;
    justify-content: center;
    text-align: center;
}

    .share-list-flex li {
        float: none;
        width: auto;
        text-align: center;
        padding: 0 .75rem;
    }

.share-list li .icon-QQ:before {
    margin: -0.55rem 0 0 -0.6rem;
}

.share-list li a.bg-be .icon-hualv-round:after {
    background-color: #2196f3;
}




/* 2018-08-27 增加点赞 分享 反馈 */
.m-article-opeart {
    position: relative;
    text-align: center;
    padding: 1rem 0;
}

.m-opeart li {
    position: relative;
    display: inline-block;
    margin-right: 1.25rem;
    color: #999;
}

    .m-opeart li:last-child {
        margin-right: 0;
    }

    .m-opeart li p {
        position: relative;
        z-index: 10;
        width: 2.9rem;
        height: 2.9rem;
        line-height: 2.9rem;
        border: 1px solid #eee;
        border-radius: 50%;
        text-align: center;
        margin-bottom: .4rem;
        color: #333;
    }

        .m-opeart li p span {
            position: absolute;
            top: 0;
            right: -.6rem;
            z-index: 20;
            padding: 0 .3rem;
            min-width: 1.1rem;
            height: 1.1rem;
            line-height: 1.1rem;
            background-color: #ea452f;
            color: #fff;
            border-radius: .55rem;
            font-size: .6rem;
        }

    .m-opeart li.cur .icon-icon_like {
        color: #e95d47;
        -webkit-animation: zan ease-in-out .5s forwards;
        animation: zan ease-in-out .5s forwards;
    }
/**/
.m-share-pop {
    display: none;
    z-index: 1002;
    position: fixed;
    top: 50%;
    right: 1.5rem;
    left: 1.5rem;
    margin-top: -4.5rem;
    padding: 1.5rem 0 2rem;
    box-shadow: 0 10px 30px rgba(0,0,0, .15);
    text-align: center;
    background-color: #fff;
    border-radius: .6rem;
}

    .m-share-pop p {
        font-size: .85rem;
        color: #333;
    }

    .m-share-pop a {
        display: inline-block;
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 50%;
        margin: 2rem 1.25rem 0 0;
        overflow: hidden;
    }

        .m-share-pop a:last-child {
            margin-right: 0;
        }

        .m-share-pop a img {
            display: block;
            width: 2.5rem;
            height: 2.5rem;
        }
/* m-fan-pop */
.m-fan-pop {
    display: none;
    position: fixed;
    top: 50%;
    right: 1.5rem;
    left: 1.5rem;
    z-index: 1002;
    margin-top: -5rem;
    padding: 1.5rem 0 2rem;
    box-shadow: 0 10px 30px rgba(0,0,0, .15);
    text-align: center;
    background-color: #fff;
    border-radius: .6rem;
}

    .m-fan-pop p {
        font-size: .85rem;
        color: #333;
    }

    .m-fan-pop a {
        display: inline-block;
        margin: .5rem .25rem 0;
        padding: 0 .3rem;
        min-width: 4rem;
        height: 2rem;
        line-height: 2rem;
        color: #666;
        border: 1px solid #eee;
        border-radius: 1rem;
        font-size: .65rem;
    }

        .m-fan-pop a:active {
            color: #3579e9;
            border-color: #3579e9;
        }
/* m-fank-box */
.m-fank-box .m-fan-btn {
    color: #4676e1;
    font-size: .6rem;
}

    .m-fank-box .m-fan-btn .icon-feedback {
        font-size: .5rem;
        margin-right: .25rem;
        position: relative;
        top: -2px;
    }

@keyframes zan {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.8);
        -moz-transform: scale(1.8);
        -ms-transform: scale(1.8);
        -o-transform: scale(1.8);
        transform: scale(1.8);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}
/* zan-popup-tips */
.zan-popup-tips {
    position: fixed;
    z-index: 1002;
    left: 0;
    top: 0;
    right: 0;
    padding: .6rem .75rem;
    line-height: 1rem;
    background-color: rgba(233,93,71);
    color: #fff;
    font-size: .7rem;
    color: #fff;
    text-align: center;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.popup-tips-show {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}



/* 2018-08-27 增加分享 点赞 反馈 */
/* ico-feedba */
.ico-feedba {
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    background: url('../../images/2018/ico-feedba.png') no-repeat;
}

.i-feedba1 {
    width: 16px;
    height: 18px;
    background-position: 0 0;
}

.i-feedba2 {
    width: 17px;
    height: 18px;
    background-position: -30px 0;
}

.i-feedba3 {
    width: 16px;
    height: 18px;
    background-position: -60px 0;
}

.i-feedba4 {
    width: 24px;
    height: 24px;
    background-position: 0 -30px;
}

.i-feedba5 {
    width: 24px;
    height: 19px;
    background-position: -30px -30px;
}

.i-feedba6 {
    width: 10px;
    height: 10px;
    background-position: 0 -60px;
}

.i-feedba7 {
    width: 12px;
    height: 12px;
    background-position: -20px -60px;
}
/* share */
.share-opera-box {
    position: relative;
    padding-top: 20px;
}
/* operate */
.operate-box {
    text-align: center;
}

    .operate-box a {
        display: inline-block;
        margin: 0 10px;
        padding: 0 19px;
        height: 34px;
        line-height: 34px;
        border: 1px solid #ddd;
        border-radius: 18px;
        font-size: 14px !important;
        color: #666;
    }

        .operate-box a em {
            font-style: normal;
        }

.share-opera-box .share-box {
    display: none;
    position: absolute;
    z-index: 5;
    left: 50%;
    bottom: -50px;
    margin-left: 25px;
    padding: 15px;
    background-color: #fff;
    box-shadow: 0 8px 16px rgba(44, 56, 65, 0.2);
}

    .share-opera-box .share-box:before {
        position: absolute;
        bottom: 60px;
        left: -16px;
        border: 8px solid transparent;
        content: '';
        border-right-color: #fff;
    }

    .share-opera-box .share-box a {
        display: block;
        margin-bottom: 15px;
        line-height: 24px;
        font-size: 12px;
        color: #999;
    }

        .share-opera-box .share-box a .ico-feedba {
            margin-right: 16px;
        }

    .share-opera-box .share-box img {
        display: block;
        margin: auto;
        width: 100px;
        height: 100px;
    }

.fank-pop {
    display: none;
    position: absolute;
    left: 50%;
    bottom: 60px;
    z-index: 4;
    margin-left: -159px;
    padding: 25px;
    width: 288px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,.1);
}

    .fank-pop:before {
        position: absolute;
        bottom: -16px;
        left: 50%;
        margin-left: -8px;
        border: 8px solid transparent;
        content: '';
        border-top-color: #fff;
    }

    .fank-pop .t {
        font-size: 14px;
        font-weight: bold;
    }

    .fank-pop .b {
        overflow: hidden;
    }

        .fank-pop .b a {
            float: left;
            padding: 0 5px;
            min-width: 64px;
            margin: 20px 10px 0;
            font-size: 12px;
            white-space: nowrap;
            word-break: break-all;
            word-wrap: break-word;
            height: 32px;
            line-height: 32px;
            border: 1px solid #ddd;
            border-radius: 2px;
        }

            .fank-pop .b a:hover {
                color: #3560e6;
                border-color: #3560e6;
            }

.fank-box {
    position: relative;
    margin-left: 30px;
}

    .fank-box .fank-btn .ico-feedba {
        margin-right: 5px;
        margin-top: -2px;
    }

    .fank-box .fank-btn:hover {
        color: #317fcc;
    }

    .fank-box .fank-pop {
        bottom: 30px;
        margin-left: -170px;
    }

.fank-box-right {
    position: absolute;
    top: 25px;
    right: 30px;
}
/* 2019-03-18 添加数字字体 */
@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 */
.weizhinew {
    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);
}

/* 2019-05-27  #6079  popup-bar */
.page-ovh {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
/* popup-bar */
.popup-bar {
    position: fixed;
    z-index: 1002;
    background-color: #fff;
    display: none;
}

    .popup-bar.fixation {
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
    }

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

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

    .popup-bar .pop-title {
        font-size: .9rem;
        color: #000;
        text-align: center;
    }

/* 2019-08-21  #7282 */
.iconfont {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
}

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

/* 2019-10-22 */
.h35-title .post {
    font-size: 13px;
    color: #999;
    margin-left: 3px;
}

/* 2020-02-04 #9672 */
/* clinic-enter */
.clinic-enter {
    background-color: #ffdede;
    padding-left: 12px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
}

    .clinic-enter .closed {
        width: 40px;
        text-align: center;
        color: #ec3b3b;
    }

/* 2020-02-04 #9660 */
/* receive-coupons-pop */
.receive-coupons-pop {
    position: fixed;
    top: 50%;
    top: 50%;
    left: 50%;
    z-index: 1102;
    transform: translate(-50%,-50%);
    width: 320px;
    background-color: #ec3b3b;
    border-radius: 16px;
    box-shadow: 0 1px 4px rgba(0,0,0,.08);
    padding: 15px 18px 25px;
}

    .receive-coupons-pop .tit {
        text-align: center;
        font-size: 22px;
        line-height: 24px;
        font-weight: bold;
        color: #fff;
    }

    .receive-coupons-pop .discr {
        margin-top: 8px;
        text-align: center;
        font-size: 12px;
        color: #eee;
        line-height: 20px;
    }

    .receive-coupons-pop .list {
        margin-top: 10px;
    }

        .receive-coupons-pop .list li {
            margin-top: 10px;
            background-color: #fff;
            border-radius: 8px;
            overflow: hidden;
            padding: 12px 0;
            position: relative;
        }

            .receive-coupons-pop .list li::before, .receive-coupons-pop .list li::after {
                content: '';
                position: absolute;
                left: 69.5px;
                width: 10px;
                height: 5px;
                background-color: #ec3b3b;
            }

            .receive-coupons-pop .list li::before {
                top: 0;
                border-radius: 0 0 5px 5px;
            }

            .receive-coupons-pop .list li::after {
                bottom: 0;
                border-radius: 5px 5px 0 0;
            }

        .receive-coupons-pop .list .price {
            float: left;
            width: 74px;
            border-right: 1px dashed #ddd;
            height: 54px;
            line-height: 54px;
            text-align: center;
            font-size: 12px;
            color: #ff2323;
        }

            .receive-coupons-pop .list .price b {
                font-size: 26px;
                font-family: Arial;
            }

        .receive-coupons-pop .list .explain {
            float: left;
            width: 210px;
            padding-left: 17px;
            line-height: 20px;
            padding-top: 5px;
        }

            .receive-coupons-pop .list .explain .type {
                font-size: 16px;
                font-weight: bold;
                color: #333;
            }

            .receive-coupons-pop .list .explain .time {
                margin-top: 5px;
                font-size: 12px;
                color: #999;
            }

    .receive-coupons-pop .use-btn {
        margin: 24px auto 0;
        display: block;
        width: 140px;
        height: 44px;
        line-height: 44px;
        text-align: center;
        font-size: 16px;
        color: #fff;
        background-color: #ff7d7d;
        border-radius: 22px;
    }

/* 2020-03-03 #10066 */
/* s-cec3 */
.s-cec3 {
    color: #ec3b3b;
}
/* hltx-ask-box */
.hltx-ask-box {
    padding-top: 30px !important;
    position: relative;
}

.hltx-tag {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 10px;
    height: 20px;
    line-height: 20px;
    border-bottom-right-radius: 12px;
    background-image: linear-gradient(90deg, #e0ebff 0%, #f2f4ff 100%);
    font-size: 12px;
    color: #999;
}

.btn_ {
    display: block;
    height: 2.5rem;
    line-height: 2.5rem !important;
    font-size: 0.7rem;
    color: #666;
    text-align: center;
}
/* 2020-04-02 #10421 */
/* s-cec3 */
@media screen and (device-width:375px) and (device-height:812px) {
    .fixed-bott-nav {
        padding-bottom: 13px !important;
        background-color: #fff;
        box-sizing: content-box;
    }

    .mui-content {
        padding-bottom: 13px !important;
    }
}
/* 2020-05-09 #11050 */
.adh88 {
    overflow: hidden;
    padding: .75rem 0;
    background-color: #fff;
}

    .adh88 img {
        display: block;
        width: 100%;
    }

textarea, input {
    width: -webkit-fill-available;
}



/* bottom-detail */

.bottom-detail .u-btn {
    display: inline-block;
    vertical-align: middle;
    padding: 0 0.7rem;
    text-align: center;
    border-width: 0.025rem;
    border: 1px solid #d9d9d9;
    border-radius: 2.5rem;
    height: 2.2rem;
    line-height: 2.1rem;
}

.bottom-detail .btn-warn {
    border-color: #ec3b3b;
    background-color: #ec3b3b;
    color: #fff;
}

.bottom-detail .s-warn {
    color: #ec3b3b !important;
}

.is-round img {
    border-radius: 50%;
}

.bottom-detail .img-block img {
    display: block;
    width: 100%;
    height: 100%;
}

.bottom-detail-bar {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    z-index:100;
}

.bottom-detail {
    background-color: #fff;
    padding: 0.4rem 0.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-shadow: 0 -0.1rem 0.25rem rgba(0, 0, 0, 0.05);
    box-shadow: 0 -0.1rem 0.25rem rgba(0, 0, 0, 0.05);
}

.bottom-detail .conts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.bottom-detail .photo {
    position: relative;
    margin-right: 0.8rem;
    width: 2rem;
    height: 2rem;
}

.bottom-detail .photo .dot {
    position: absolute;
    top: 0.05rem;
    right: 0;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    border: 1px solid #fff;
    background-color: #11BB65;
}

.bottom-detail .txt {
    line-height: 1rem;
    font-size: 0.65rem;
}
    .bottom-detail .txt p {
        font-size: 0.65rem;
    }

    .bottom-detail .txt span {
        margin: 0 0.2rem;
    }

.bottom-detail .u-btn {
    height: 2rem;
    line-height: 1.9rem;
    padding: 0 1.05rem;
    font-size: 0.8rem;
    font-weight: bold;
}

/* #16528 2021-05-20 */
.ico-js {
    display: inline-block;
    vertical-align: middle;
    width: .8rem;
    height: .8rem;
    background: url('//css.365canyin.com/ui_v1/m/pic/ico/tel_js.png') no-repeat;
    background-size: 100% 100%;
}

.fixed-bottom {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
}

.ask-speed {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    height: 2.2rem;
    line-height: 2.1rem;
    border-radius: 1.1rem;
    padding: 0 1.3rem;
    font-size: .9rem;
    color: #fff;
    margin-bottom: 1.6rem;
    background: linear-gradient(90deg, #ef5858 0%, #ec3b3b 100%);
    box-shadow: 0 .25rem .6rem rgba(236, 59, 59, 0.3);
}

    .ask-speed .ico-js {
        margin: -0.1rem .4rem 0 0;
    }
.zan-shouchang .zan-tips { font-size: .6rem; line-height: 1rem; color: #bbb; text-align: center } 
.zan-shouchang .zan-tips span { color: #0d8af8 } 
.zan-shouchang .zan-set li { position: relative; float: left; width: 50%; text-align: center } 
.zan-set { padding: 0 2rem } 
.zan-set li a { position: relative; font-size: .5rem; } 
.zan-set li span { 
    position: absolute; left: 50%; top: 0; 
    font-size: .8rem; line-height: .7rem; color: #fabf40; font-weight: 700; margin-left: -.5rem;
    -webkit-transition: all .5s; transition: all .5s; transform: translateY(0); opacity: 0;
} 
.zan-set li .icon-hualv { position: relative; width: 2.3rem; height: 2.3rem; font-size: 1.1rem; } 
.zan-set li .icon-hualv:after { 
    position: absolute; left: 0; top: 0; 
    width: 2.3rem; height: 2.3rem; border-radius: 50%; background-color: #eee; content: ''; z-index: 0;
} 
.zan-set li .icon-hualv:before { position: absolute; left: 50%; top: 50%; margin: -.5rem 0 0 -.6rem; z-index: 1; } 
.zan-set li.zan-bar .icon-hualv { color: #fabf40 } 
.zan-set li.chang-bar .icon-hualv { color: #9b66d2 } 
.zan-set li.zan-add span { -webkit-animation: plusone .8s ease-in-out 0s; animation: plusone .8s ease-in-out 0s } 
.zan-set li.zan-add .icon-hualv { color: #aaa; } 
.zan-only .zan-set li { width: 100%; }
    /**/
.zan-set li a { display: block; }
.zan-set li a .bg {
    width: 2.4rem; height: 2.4rem; padding-top: .65rem; text-align: center;
    background: #eee; border-radius: 50%; margin: 0 auto .25rem;
}
.zan-set li a .bg img { display: block; width: 1.1rem; height: 1.1rem; margin: auto; }

/* HLX-7665 lq 2022-07-28  底部快捷入口 */
.u-btn { border-radius: 2.2rem; }
.u-btn.btn-warn { border-color: #ec3b3b; background-color: #ec3b3b; color: #fff; }
/* botm-shortcut-h64 */
.botm-shortcut-h64 { display: flex; padding: .4rem .5rem; text-align: center; background-color: #fff; box-shadow: 0 -2px 5px rgba(0,0,0,0.05); }
.botm-shortcut-h64 .botm-item { width: 2.5rem; padding-top: .3rem; font-size: .6rem; line-height: 1; }
.botm-shortcut-h64 .botm-item .iconfont { display: block; font-size: 1rem; margin: 0 auto .3rem; }
.botm-shortcut-h64 .botm-item img { display: block; width: 1.1rem; height: 1.1rem; margin: 0 auto .3rem; }
.botm-shortcut-h64 .b-r { flex: 1; padding: 0 .3rem 0 .9rem; height: 2.4rem; }
.botm-shortcut-h64 .b-r .u-btn { display: block; height: inherit; line-height: 1; font-size: .8rem; padding: .8rem 0 .65rem; box-sizing: border-box; }
.botm-shortcut-h64 .b-r .u-btn p { font-size: 16px; color: #fff; font-weight: 600; }
.botm-shortcut-h64 .b-r .u-btn .f11 { font-size: .55rem; opacity: .8; font-weight: 400; margin-top: .3rem; }
.botm-shortcut-h64 .b-r .u-btn.row2 { padding: .35rem 0; }

/* ft-bar > ask-tel-block */
.ft-bar-v2 .ask-tel-block { margin-top: .8rem; text-align: center; font-size: .5rem; color: #BABDC2; line-height: .8rem; }
.ft-bar-v2 .ask-tel-block .btn-block {
    display: flex; align-items: center; justify-content: center; margin: 0 auto .4rem;
    width: 13.75rem; height: 2rem; border-radius: 1rem;
    background: linear-gradient(90deg, #4E96F5 0, #2D69E0 100%);
    font-size: .7rem; color: #fff;
    animation: Scale 1s linear infinite;
}
.ft-bar-v2 .ask-tel-block i[class^="ico-"] {
    display: inline; vertical-align: initial; margin-top: 0;
    width: .7rem; height: .7rem; background-size: 100% 100%;
}
.ft-bar-v2 .ask-tel-block .ico-tel {
    background-image: url("//css.365canyin.com/ui_v2/m/pic/ico/ft_tel.png");
    margin-right: .2rem;
}
.ft-bar-v2 .ask-tel-block .ico-jt-r {
    background-image: url("//css.365canyin.com/ui_v2/m/pic/ico/ft_jt.png");
}
@-webkit-keyframes Scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(.98);
        transform: scale(.98)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes Scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(.98);
        transform: scale(.98)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}