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

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

/* 下拉列表样式：默认 */
.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;
}

.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/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') 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);
}

/* 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; }
.clinic-enter a { 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-02-15 #9828 */
.screen-adaptation-tips { position: fixed; top: 50%; left: 50%; width: 320px; transform: translate(-50%,-50%); z-index: 1002; background-color: #fff; border-radius: 16px; }
.screen-adaptation-tips .con { padding: 15px 25px; }
.screen-adaptation-tips .con .time { text-align: right; font-size: 16px; color: #bbb; }
.screen-adaptation-tips .con .pic { display: block; margin: 24px auto 0; height: 88px; }
.screen-adaptation-tips .con .txt { margin-top: 20px; font-size: 14px; color: #999; text-align: center; }
.screen-adaptation-tips .handle { position: relative; display: flex; justify-content: center; } 
.screen-adaptation-tips .handle::before { content: ''; position: absolute; top: 0; right: 0; left: 0; height: 1px; background-color: #e8e8e8; transform: scaleY(.5); }
.screen-adaptation-tips .handle .item { position: relative; flex: 1; text-align: center; height: 48px; line-height: 48px; font-size: 16px; cursor: pointer; } 
.screen-adaptation-tips .handle .item::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 1px; background-color: #e8e8e8; transform: scaleX(.5); }
.screen-adaptation-tips .handle .item:last-child::before { width: 0; }
.s-c057 { color: #0057ff; }


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

/* 2020-03-12 */
/* popup-alert */
.popup-alert { 
	position: fixed; left: 50%; top: 50%; z-index: 1002; transform: translateX(-50%) translateY(-50%); 
	width: 300px; background-color: #fff; border-radius: 16px; text-align: center; 
}
.popup-alert .pop-conts { padding: 20px 25px 15px; position: relative; }
.popup-alert .pop-title { font-size: 16px; line-height: 24px; font-weight: 700; }
.popup-alert .pop-txt { font-size: 14px; color: #666; line-height: 20px; padding: 10px 0; }
.popup-alert .btn-group { height: 48px; display: flex; position: relative; }
.popup-alert .btn-group:after { position: absolute; left: 0; top: 0; right: 0; content: ''; height: 1px; background-color: #e8e8e8; transform: scaleY(.5);}
.popup-alert .btn-group .pop-btn { flex: 1; font-size: 16px; line-height: 48px; text-align: center; position: relative; }
.popup-alert .btn-group .pop-btn:after { position: absolute; top: 0; right: 0; bottom: 0; content: ''; width: 1px; background-color: #e8e8e8; transform: scaleX(.5);}
.popup-alert .btn-group .pop-btn:last-child:after { width: 0; }
.popup-alert .btn-group .txt-blue { color: #0057ff; }

/* #16127 2021-03-04 */
/* search-box */
.search-box { height: 1.6rem; line-height: 1.6rem; overflow: hidden; }
.search-box .input-bar { position: relative; z-index: 10; background-color: #f8f8f8; border-radius: 1.6rem; }
.search-box .input-txt { display: block; width: 100%; height: 32px; line-height: inherit; padding: 0 2.75rem 0 1.8rem; font-size: 0.7rem; }
.search-box .icon-search { position: absolute; left: 0.8rem; top: 0.15rem; font-size: 0.6rem; color: #bbb; }
.search-box .btn-search { 
	position: absolute; top: 0; right: 0; z-index: 10; 
	padding: 0 0.8rem 0 0.4rem; font-size: 0.7rem; color: #0057ff; line-height: inherit; 
}
.search-box .search-keyword { 
	position: absolute; top: 0; z-index: -1; 
	width: 100%; padding: 0 2.75rem 0 1.8rem; 
	font-size: 0.7rem; color: #bbb; 
}
    /**/
.header-bar	.search-pad { height: inherit; line-height: 1.4rem; padding: .4rem 7.15rem .4rem 4.5rem; }
.mui-bar .search-pad    { height: inherit; line-height: 1.4rem; padding: .4rem 6.35rem .4rem 3.7rem; }
.header-bar .search-box,
.mui-bar .search-box { height: 1.4rem; line-height: 1.4rem; }
.header-bar .search-box .input-txt,
.mui-bar .search-box .input-txt { display: block; padding: 0.2rem 2rem 0.2rem 1.6rem; font-size: 0.55rem; height: 1.4rem; line-height: 1rem; color: #bbb; }
.search-box .input-txt.pr12 { padding-right: .6rem; }
.header-bar .search-box .icon-search { left: 0.6rem; top: 0.1rem; font-size: 0.6rem; }
.mui-bar .search-box .icon-search { left: 0.6rem; top: .4rem; font-size: 0.6rem; }
.mui-bar .search-box .iconfont { top: .1rem; }
.header-bar .search-box .btn-search { font-size: 0.55rem; color: #999; padding: 0 0.6rem; }
.header-bar .search-box .search-keyword { padding: 0 2rem 0 1.6rem; font-size: 0.55rem; }
    /**/
.search-banner { 
	height: 5.5rem; padding: 1rem 2rem; background-size: cover;
	background: #0057ff url('../images/search_h110.png') no-repeat;
}
.search-banner .tit { font-size: 0.8rem; color: #fff; line-height: 1.1rem; text-align: center; margin-bottom: 0.65rem; }
	/**/
.fixed-search { 
	position: fixed; right: 0.8rem; bottom: 3.75rem; z-index: 200; 
}
.fixed-search .search-box { width: 5.4rem; }
.fixed-search .search-box .input-bar { background: linear-gradient(131deg, #00b9ff 0%, #0057ff 100%); }
.fixed-search .search-box .input-txt { padding: 0 1.8rem 0 0.8rem; color: #fff; }
.fixed-search .search-box .btn-search .icon-search { position: initial; padding: 0; color: #fff; }
.fixed-search .search-box .search-keyword { padding: 0 1.8rem 0 0.8rem; color: #fff; }