@charset "utf-8";
/*!
 * Mobile V1.0 Style (Green Edition)
 * Update date @2017-
 */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,code,em,i,img,q,small,strong,dl,dt,dd,ol,ul,li,fieldset,legend,form,label,table,tbody,tr,th,td,textarea,select,input {
    margin: 0;
    padding: 0;
    border: 0
}

article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section,content {
    display: block;
    margin: 0;
    padding: 0
}

mark {
    background: #ff0;
    color: #000
}

template {
    display: none
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

html {
    height: 100%;
    background: #ccc;
    font-size: 100px
}

body {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 3.2rem;
    min-height: 100%;
    font-size: 14px;
    color: #333;
    background: #f4f4f8
}

body,button,input,select,textarea {
    font-family: Helvetica,"Microsoft YaHei","Microsoft JhengHei",sans-serif
}

a,a:active,a:hover,a:focus,a:visited {
    text-decoration: none
}

a,textarea,input,button {
    outline: none;
    box-shadow: none
}

a {
    color: #333
}

img {
    border: 0;
    vertical-align: middle
}

ol,ul,li,dl,dt,dd {
    list-style: none
}

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

hr {
    margin-top: .2rem;
    margin-bottom: .2rem;
    border: 0 none;
    border-top: 1px solid #eeeeee
}

i {
    font-style: normal
}

textarea {
    resize: none
}

input[type=button],input[type=submit],input[type=file],button {
    cursor: pointer;
    -webkit-appearance: none
}

.b,strong {
    font-weight: bold
}

.l,.fl,.left {
    float: left
}

.r,.fr,.right {
    float: right
}

.cl:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    clear: both;
    visibility: hidden
}

.clear,.clearfix {
    clear: both;
    height: 0;
    font: 0/0 Arial;
    line-height: 0;
    zoom: 1
}

.box {
    width: 100%;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.box-flex {
    width: 20%;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.red {
    color: #f00 !important
}

.keywordTag {
    color: #00a57e !important
}

@font-face {
    font-family:"gxfont";src:url('gxfont/gxfont.eot?t=1499248717871');src:url('gxfont/gxfont.eot?t=1499248717871#iefix') format('embedded-opentype'),url('gxfont/gxfont.woff?t=1499248717871') format('woff'),url('gxfont/gxfont.ttf?t=1499248717871') format('truetype'),url('gxfont/gxfont.svg?t=1499248717871#gxfont') format('svg')
}

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

.gxico-sousuocu:before {
    content: "\e674"
}

.gxico-sousuoxi:before {
    content: "\e675"
}

.gxico-sousuozhong:before {
    content: "\e676"
}

.gxico-fanhui:before {
    content: "\e607"
}

.gxico-weizhi:before {
    content: "\e634"
}

.gxico-zuobiao:before {
    content: "\e635"
}

.gxico-zhongyi:before {
    content: "\e6d7"
}

.gxico-home:before {
    content: "\e608"
}

.gxico-hotyonghu:before {
    content: "\e6dc"
}

.gxico-star:before {
    content: "\e6f5"
}

.gxico-staro:before {
    content: "\e6f6"
}

.gxico-weizhio:before {
    content: "\e633"
}

.gxico-shuaxin:before {
    content: "\e637"
}

.gxico-shijian:before {
    content: "\e70b"
}

.gxico-shouji:before {
    content: "\e646"
}

.gxico-email:before {
    content: "\e647"
}

.gxico-mima:before {
    content: "\e648"
}

.gxico-yanzheng:before {
    content: "\e64a"
}

.gxico-qq:before {
    content: "\e71c"
}

.gxico-sina:before {
    content: "\e71d"
}

.gxico-weixin:before {
    content: "\e71e"
}

.gxico-chakan:before {
    content: "\e729"
}

.gxico-left:before {
    content: "\e72a"
}

.gxico-up:before {
    content: "\e72b"
}

.gxico-right:before {
    content: "\e72c"
}

.gxico-down:before {
    content: "\e72d"
}

.gxico-hotzhuanjia:before {
    content: "\e736"
}

.gxico-hotyiyuan:before {
    content: "\e737"
}

.gxico-hotjiankang:before {
    content: "\e738"
}

.gxico-bofangliang:before {
    content: "\e734"
}

.gxico-bofang:before {
    content: "\e733"
}

.gxico-hotciku:before {
    content: "\e73e"
}

.gxico-lzy:before {
    content: "\e735"
}

.gxico-hot:before {
    content: "\e739"
}

.gxico-jibing:before {
    content: "\e73a"
}

.gxico-news:before {
    content: "\e73b"
}

.gxico-ciku:before {
    content: "\e73c"
}

.gxico-zixun:before {
    content: "\e73d"
}

.gxico-shipin:before {
    content: "\e73f"
}

.gxico-yiyuanlou:before {
    content: "\e740"
}

.gxico-more:before {
    content: "\e741"
}

.gxico-menu:before {
    content: "\e742"
}

.gxico-share:before {
    content: "\e743"
}

.gxico-gengduo:before {
    content: "\e744"
}

.gxico-edit:before {
    content: "\e745"
}

.gxico-hotmap:before {
    content: "\e746"
}

.gxico-yundong:before {
    content: "\e747"
}

.gxico-jijie:before {
    content: "\e748"
}

.gxico-shanshi:before {
    content: "\e749"
}

.gxico-praise:before {
    content: "\e74a"
}

.gxico-lvyou:before {
    content: "\e74b"
}

.gxico-hotmedia:before {
    content: "\e74c"
}

.gxico-media:before {
    content: "\e74e"
}

.gxico-exposure:before {
    content: "\e74d"
}

.gxico-plus:before {
    content: "\e74f"
}

.gxico-pull:before {
    content: "\e750"
}

.gxico-load:before {
    content: "\e751"
}

.gxico-swap:before {
    content: "\e752"
}

.gxico-phiz:before {
    content: "\e753"
}

.gxico-step:before {
    content: "\e754"
}

.gxico-article:before {
    content: "\e755"
}

.gxico-guanzhu:before {
    content: "\e756"
}

.gxico-mcode:before {
    content: "\e757"
}

.gxico-set:before {
    content: "\e758"
}

.gxico-mima2:before {
    content: "\e759"
}

.gxico-jubao:before {
    content: "\e75a"
}

.gxico-img:before {
    content: "\e75b"
}

.gxico-rmb:before {
    content: "\e75c"
}

.mt0 {
    margin-top: 0 !important
}

.mt3 {
    margin-top: .03rem !important
}

.mt5 {
    margin-top: .05rem !important
}

.mt7 {
    margin-top: .07rem !important
}

.mt8 {
    margin-top: .08rem !important
}

.mt10 {
    margin-top: .1rem !important
}

.mt12 {
    margin-top: .12rem !important
}

.mt15 {
    margin-top: .15rem !important
}

.mt20 {
    margin-top: .2rem !important
}

.mt30 {
    margin-top: .3rem !important
}

.mb0 {
    margin-bottom: 0 !important
}

.mb5 {
    margin-bottom: .05rem !important
}

.mb8 {
    margin-bottom: .08rem !important
}

.mb10 {
    margin-bottom: .1rem !important
}

.mb12 {
    margin-bottom: .12rem !important
}

.mb15 {
    margin-bottom: .15rem !important
}

.mb20 {
    margin-bottom: .2rem !important
}

.mb30 {
    margin-bottom: .3rem !important
}

.mb56 {
    margin-bottom: .56rem !important
}

.mc {
    margin-left: auto !important;
    margin-right: auto !important
}

.pt0 {
    padding-top: 0 !important
}

.pb0 {
    padding-bottom: 0 !important
}

.bodymaxwidth {
    width: 5.4rem !important;
    max-width: 5.4rem !important;
    box-shadow: 0 1px .08rem rgba(0,0,0,.1)
}

.bodyminheight {
    min-height: 100% !important
}

@media screen and (max-width:320px) {
    body {
        width: 320px !important;
        min-width: 320px !important
    }
}

@media screen and (min-width:751px) {
    body {
        width: 720px !important;
        max-width: 720px !important;
        box-shadow: 0 1px .08rem rgba(0,0,0,.1)
    }

    .pc body {
    }

    .touch body {
        width: auto !important;
        max-width: 100% !important;
        box-shadow: none
    }

    .global-head,.global-nav,.global-main {
        max-width: 720px !important
    }
}

.fixedwidth {
    position: fixed !important;
    left: 0;
    top: 0
}

.shadeLayer {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7) !important;
    filter: Alpha(opacity=70);
    background-color: #333;
    z-index: 955
}

.amc {
    position: relative !important;
    display: block !important;
    overflow: hidden !important;
    background-color: #f5f5f5
}

.amc img {
    position: relative;
    top: 50%;
    width: 100% !important;
    height: auto !important;
    transform: translateY(-50%)
}

img.defaultpic {
    width: 100%;
    height: auto;
    background: #ebebeb url(../img/defaultnullpic.png) no-repeat center center !important
}

img.picmagnify {
    cursor: pointer
}

.line-l {
    position: relative;
    border-left: 1px solid #ececf0
}

.line-r {
    position: relative;
    border-right: 1px solid #ececf0
}

.line-t {
    position: relative;
    border-top: 1px solid #ececf0
}

.line-b {
    position: relative;
    border-bottom: 1px solid #ececf0
}

.line-lt {
    position: relative;
    border-left: 1px solid #ececf0;
    border-top: 1px solid #ececf0
}

.line-lb {
    position: relative;
    border-left: 1px solid #ececf0;
    border-bottom: 1px solid #ececf0
}

.line-rt {
    position: relative;
    border-right: 1px solid #ececf0;
    border-top: 1px solid #ececf0
}

.line-rb {
    position: relative;
    border-right: 1px solid #ececf0;
    border-bottom: 1px solid #ececf0
}

.line-l:before,.line-r:before,.line-t:after,.line-b:after,.line-lt:before,.line-lt:after,.line-lb:before,.line-lb:after,.line-rt:before,.line-rt:after,.line-rb:before,.line-rb:after {
    box-sizing: border-box;
    margin: 0;
    border: 0;
    padding: 0;
    visibility: visible
}

@media only screen and (-Webkit-min-device-pixel-ratio:3),only screen and (-moz-min-device-pixel-ratio:3),only screen and (-o-min-device-pixel-ratio:3),only screen and (min-device-pixel-ratio:3) {
    .line-l {
        border-left: 0 none
    }

    .line-r {
        border-right: 0 none
    }

    .line-t {
        border-top: 0 none
    }

    .line-b {
        border-bottom: 0 none
    }

    .line-lt {
        border-left: 0 none;
        border-top: 0 none
    }

    .line-lb {
        border-left: 0 none;
        border-bottom: 0 none
    }

    .line-rt {
        border-right: 0 none;
        border-top: 0 none
    }

    .line-rb {
        border-right: 0 none;
        border-bottom: 0 none
    }

    .line-l:before,.line-r:before,.line-lt:before,.line-lb:before,.line-rt:before,.line-rb:before {
        content: '';
        position: absolute;
        height: 333%;
        width: 1px;
        background: #ececf0;
        transform: scale(.333)
    }

    .line-t:after,.line-b:after,.line-lt:after,.line-lb:after,.line-rt:after,.line-rb:after {
        content: '';
        position: absolute;
        height: 1px;
        width: 333%;
        background: #ececf0;
        transform: scale(.333)
    }

    .line-l:before {
        left: 0;
        top: 0;
        transform-origin: left top
    }

    .line-r:before {
        right: 0;
        top: 0;
        transform-origin: right top
    }

    .line-t:after {
        left: 0;
        top: 0;
        transform-origin: left top
    }

    .line-b:after {
        left: 0;
        bottom: 0;
        transform-origin: left bottom
    }

    .line-lt:before,.line-lt:after {
        left: 0;
        top: 0;
        transform-origin: left top
    }

    .line-lb:before,.line-lb:after {
        left: 0;
        bottom: 0;
        transform-origin: left bottom
    }

    .line-rt:before,.line-rt:after {
        right: 0;
        top: 0;
        transform-origin: right top
    }

    .line-rb:before,.line-rb:after {
        right: 0;
        bottom: 0;
        transform-origin: right bottom
    }
}

@media only screen and (-Webkit-min-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
    .line-l {
        border-left: 0 none
    }

    .line-r {
        border-right: 0 none
    }

    .line-t {
        border-top: 0 none
    }

    .line-b {
        border-bottom: 0 none
    }

    .line-lt {
        border-left: 0 none;
        border-top: 0 none
    }

    .line-lb {
        border-left: 0 none;
        border-bottom: 0 none
    }

    .line-rt {
        border-right: 0 none;
        border-top: 0 none
    }

    .line-rb {
        border-right: 0 none;
        border-bottom: 0 none
    }

    .line-l:before,.line-r:before,.line-lt:before,.line-lb:before,.line-rt:before,.line-rb:before {
        content: '';
        position: absolute;
        height: 200%;
        width: 1px;
        background: #ececf0;
        transform: scale(.5)
    }

    .line-t:after,.line-b:after,.line-lt:after,.line-lb:after,.line-rt:after,.line-rb:after {
        content: '';
        position: absolute;
        height: 1px;
        width: 200%;
        background: #ececf0;
        transform: scale(.5)
    }

    .line-l:before {
        left: 0;
        top: 0;
        transform-origin: left top
    }

    .line-r:before {
        right: 0;
        top: 0;
        transform-origin: right top
    }

    .line-t:after {
        left: 0;
        top: 0;
        transform-origin: left top
    }

    .line-b:after {
        left: 0;
        bottom: 0;
        transform-origin: left bottom
    }

    .line-lt:before,.line-lt:after {
        left: 0;
        top: 0;
        transform-origin: left top
    }

    .line-lb:before,.line-lb:after {
        left: 0;
        bottom: 0;
        transform-origin: left bottom
    }

    .line-rt:before,.line-rt:after {
        right: 0;
        top: 0;
        transform-origin: right top
    }

    .line-rb:before,.line-rb:after {
        right: 0;
        bottom: 0;
        transform-origin: right bottom
    }
}

.bgmt {
    margin-top: .12rem!important
}

.bgmb {
    margin-bottom: .12rem!important
}

.bgbt {
    border-top: .12rem solid #f4f4f8
}

.bgbb {
    border-bottom: .12rem solid #f4f4f8
}

.btn {
    display: inline-block;
    padding: .06rem .12rem;
    margin: 0;
    font-size: .14rem;
    font-weight: normal;
    line-height: .2rem;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 3px;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: color .3s ease 0s,background-color .3s ease 0s,border-color .3s ease 0s;
    transition: color .3s ease 0s,background-color .3s ease 0s,border-color .3s ease 0s
}

.btn .gxfont {
    margin-left: .05rem;
    font-size: .14rem;
    vertical-align: middle
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.btn-border {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.btn-default:hover,.btn-border:hover {
    background-color: #f5f5f5
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary:hover {
    background-color: #015aa5;
    border-color: #00498e
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success:hover {
    background-color: #34a734;
    border-color: #209a20
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info:hover {
    background-color: #33b1d6;
    border-color: #19a7d1
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning:hover {
    background-color: #ec9923;
    border-color: #ea8b05
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger:hover {
    background-color: #d02924;
    border-color: #ca100a
}

.btn-selected {
    color: #fff;
    background-color: #1db2db
}

.btn-selected:hover {
    background-color: #009fd2
}

.btn-cancel {
    color: #fff;
    background-color: #c2c2c2
}

.btn-cancel:hover {
    background-color: #b3b3b3
}

.btn-link {
    font-weight: 400;
    color: #337ab7;
    border-radius: 0;
    border-color: transparent;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link:hover {
    text-decoration: underline
}

.btn-green {
    color: #fff;
    background-color: #0073BB
}

.btn-green:hover {
    background-color: #00ad51
}

.btn-green.btn-default,.btn-green.btn-border {
    color: #00ad51;
    border-color: #0073BB;
    background-color: transparent
}

.btn-green.btn-default:hover,.btn-green.btn-border:hover {
    color: #fff;
    background-color: #0073BB
}

.btn-blue {
    color: #fff;
    background-color: #27a6d1
}

.btn-blue:hover {
    background-color: #0090c6
}

.btn-blue.btn-default,.btn-blue.btn-border {
    color: #0090c6;
    border-color: #27a6d1;
    background-color: transparent
}

.btn-blue.btn-default:hover,.btn-blue.btn-border:hover {
    color: #fff;
    background-color: #27a6d1
}

.btn-orange {
    color: #fff;
    background-color: #efad4d
}

.btn-orange:hover {
    background-color: #eb9922
}

.btn-orange.btn-default,.btn-orange.btn-border {
    color: #eb9922;
    border-color: #efad4d;
    background-color: transparent
}

.btn-orange.btn-default:hover,.btn-orange.btn-border:hover {
    color: #fff;
    background-color: #efad4d
}

.btn-gray {
    color: #fff;
    background-color: #c2c2c2
}

.btn-gray:hover {
    background-color: #b3b3b3
}

.btn-gray.btn-default,.btn-gray.btn-border {
    color: #999;
    border-color: #c2c2c2;
    background-color: transparent
}

.btn-gray.btn-default:hover,.btn-gray.btn-border:hover {
    color: #fff;
    background-color: #c2c2c2
}

.btn-lg {
    padding: .1rem .16rem;
    font-size: .18rem;
    line-height: .24rem;
    border-radius: 4px
}

.btn-lg .gxfont {
    margin-left: .08rem;
    font-size: .18rem
}

.btn-sm {
    padding: .05rem .1rem;
    font-size: .12rem;
    line-height: .18rem;
    border-radius: 2px
}

.btn-sm .gxfont {
    font-size: .12rem
}

.btn-xs {
    padding: .01rem .05rem;
    font-size: .12rem;
    line-height: .18rem;
    border-radius: 2px
}

.btn-xs .gxfont {
    margin-left: .03rem;
    font-size: .12rem
}

.btn-circular {
    border-radius: .17rem;
    padding-left: .14rem;
    padding-right: .14rem
}

.btn-circular.btn-lg {
    border-radius: .23rem;
    padding-left: .18rem;
    padding-right: .18rem
}

.btn-circular.btn-sm {
    border-radius: .15rem;
    padding-left: .12rem;
    padding-right: .12rem
}

.btn-circular.btn-xs {
    border-radius: .11rem;
    padding-left: .07rem;
    padding-right: .07rem
}

.btn-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

.btn.active,.btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

.btn.focus,.btn:focus,.btn.active.focus,.btn.active:focus,.btn:active.focus,.btn:active:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn.disabled,.btn[disabled] {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65
}

a.btn.disabled,fieldset[disabled] a.btn {
    pointer-events: none
}

header {
    width: 100%
}

.headbox {
    position: relative;
    height: .48rem;
    background-color: #0073BB;
    z-index: 999
}

.headbox a {
    display: block;
    width: .32rem;
    height: .32rem;
    line-height: .32rem;
    text-align: center
}

.headbox a.home {
    background: none
}

.headbox .title {
    margin: 0 .88rem 0 .88rem;
    height: 100%;
    font-size: .18rem;
    line-height: .5rem;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff;
    overflow: hidden
}

.headbox .head-left,.headbox .head-right {
    position: absolute;
    top: .08rem;
    display: block
}

.headbox .head-left {
    left: .12rem
}

.headbox .head-right {
    right: .12rem
}

.headbox .head-left a {
    margin-right: .05rem
}

.headbox .head-right a {
    margin-left: .05rem
}

.headbox .head-left .tit {
    float: left;
    display: block;
    height: .32rem;
    line-height: .32rem;
    font-size: .14rem;
    color: #fff;
    text-align: left
}

.headbox .head-title {
    display: block;
    margin: 0 .9rem;
    padding: .08rem 0;
    height: .32rem;
    line-height: .32rem;
    font-size: .18rem;
    color: #fff;
    font-weight: 700;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.headbox .gxfont {
    display: block;
    font-size: .2rem;
    line-height: .32rem;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0,0,0,.1)
}

.headbox .on {
    background-color: rgba(0,0,0,.07);
    box-shadow: inset 1px 1px 1px rgba(34,34,34,.12)
}

.headbox .on .gxfont {
    text-shadow: none
}

.headbox .menubtn .gxfont {
    font-size: .22rem
}

.headbox.head-home .head-left {
    top: 0;
    left: 0;
    height: .48rem;
    overflow: hidden
}

.headbox.head-home .askbtn {
    width: 1rem;
    background: url(jszxzj.png) no-repeat center center;
    background-size: auto .24rem
}

.headbox.head-home .askbtn .gxfont {
    display: none
}

.headbox .logo-index {
    display: block;
    width: 1.46rem;
    height: .48rem;
    text-indent: -999px;
    overflow: hidden;
    background: url(logo-index.png) no-repeat;
    background-size: auto .48rem
}

.headbox .head-tab {
    box-sizing: border-box;
    position: relative;
    margin: .02rem .05rem auto;
    padding: 0 .08rem;
    width: auto;
    height: .28rem;
    line-height: .28rem;
    font-size: .16rem;
    color: #555;
    font-weight: 500;
    white-space: nowrap;
    text-shadow: 1px 1px 0 rgba(0,0,0,.1);
    background-color: #fff
}

.headbox .head-tab:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
    border: 1px solid #efefef;
    z-index: 0
}

.headbox .head-tab.returnbtn {
    margin-left: .08rem;
    padding-left: .04rem
}

.headbox .head-tab.returnbtn:after {
    content: "";
    position: absolute;
    left: -.1rem;
    top: 0;
    width: .11rem;
    height: .28rem;
    background: url(class-tag-arrow.png) no-repeat left center;
    background-size: .11rem .28rem;
    z-index: 2
}

.head-menu {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 999;
    background-color: #fff;
    box-shadow: 0 .02rem .03rem rgba(0,0,0,.3)
}

.head-menu.headnav-con {
    position: absolute
}

.menu-animate {
    z-index: 998;
    transform: translateY(0%);
    transition: transform .6s ease-in-out 0s
}

.menu-animate-two {
    z-index: 998;
    transform: translateY(-100%);
    transition: transform .6s ease-in-out 0s
}

.head-menu .menu-list {
    clear: both;
    display: block;
    padding: .15rem .1rem .2rem;
    background-color: #fff;
    overflow: hidden
}

.head-menu .menu-list dl {
    position: relative;
    float: left;
    display: block;
    width: 24%
}

.head-menu .menu-list dl:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 0;
    height: 100%;
    border-right: 1px solid #eee
}

.head-menu .menu-list dt {
    padding: 0 .1rem;
    height: .25rem;
    line-height: .25rem;
    font-size: .15rem;
    font-weight: normal;
    color: #0073BB;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.head-menu .menu-list dt a {
    position: relative;
    display: inline-block;
    height: .24rem;
    line-height: .24rem;
    font-size: .15rem;
    font-weight: normal;
    color: #0073BB;
    overflow: hidden
}

.head-menu .menu-list dt a:last-child {
    padding-left: .15rem;
    margin-left: .15rem
}

.head-menu .menu-list dt a:last-child:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -.06rem;
    width: 1px;
    height: .12rem;
    background-color: #eee
}

.head-menu .menu-list dd {
    padding-left: .1rem;
    padding-top: .05rem
}

.head-menu .menu-list ul {
    clear: both;
    display: block;
    overflow: hidden
}

.head-menu .menu-list ul li {
    display: block;
    height: .23rem;
    line-height: .23rem;
    overflow: hidden
}

.head-menu .menu-list ul li a {
    font-size: .13rem;
    overflow: hidden
}

.head-menu .menu-list ul li a.font-selfmedia {
    display: block;
    margin: .03rem 0;
    height: .18rem;
    width: .66rem;
    line-height: 9rem;
    background: url(../img/font-selfmedia.png) no-repeat left center;
    background-size: auto .15rem;
    overflow: hidden
}

.head-menu .menu-list ul li .gxico-hot {
    color: #fd9e49
}

.head-menu .menu-list dl:first-child {
    width: 52%
}

.head-menu .menu-list dl:nth-child(2) {
    width: 24%
}

.head-menu .menu-list dl:first-child li {
    float: left;
    width: 50%
}

.head-menu .menu-list dl:last-child:after {
    border: 0
}

.head-dropdown {
    position: absolute;
    right: .02rem;
    top: .53rem;
    display: none;
    width: 1rem;
    height: 0;
    background: #0073BB;
    opacity: .9;
    z-index: 100;
    overflow: hidden;
    -webkit-transition: height .1s
}

.head-dropdown.active {
    display: block;
    height: auto
}

.head-dropdown .nav-dropdown li {
    height: .4rem;
    line-height: .4rem;
    border-bottom: 1px solid #21897d;
    text-align: left
}

.head-dropdown .nav-dropdown li a {
    display: block;
    padding-left: .1rem;
    height: 100%;
    font-size: .14rem;
    color: #fff
}

.head-dropdown .nav-dropdown li a .gxfont {
    display: inline-block;
    margin-right: .06rem;
    width: .16rem;
    font-size: .16rem;
    line-height: 1;
    vertical-align: middle
}

.head-dropdown .nav-dropdown li:last-child {
    border-bottom: 0 none
}

.headnav-btn {
    display: block
}

.headnav-con {
    position: relative;
    display: none
}

.headnav-colse {
    position: absolute;
    left: 50%;
    bottom: -.24rem;
    margin-left: -.25rem;
    width: .5rem;
    height: .24rem;
    font-size: .14rem;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 .02rem .02rem rgba(0,0,0,.3);
    border-radius: 0 0 .03rem .03rem
}

a.headnav-colse {
    display: block;
    padding-bottom: .06rem;
    height: .18rem;
    line-height: .18rem;
    color: #0073BB
}

.global-head-seat {
    display: block;
    width: auto;
    height: .48rem
}

.global-head {
    position: fixed;
    top: 0;
    bottom: auto;
    width: 100%;
    height: .48rem;
    background-color: #fff;
    z-index: 996
}

.global-main {
    position: fixed !important;
    left: auto !important;
    right: auto !important;
    top: 0;
    bottom: 0;
    display: block;
    width: 100%;
    z-index: 1
}

.global-nav-seat {
    display: block;
    width: auto;
    height: .56rem
}

.global-nav {
    position: fixed;
    top: auto;
    bottom: 0;
    width: 100%;
    height: .56rem;
    background-color: #fcfcfc;
    box-shadow: 0 -.03rem .05rem rgba(0,0,0,.1);
    z-index: 996
}

.global-nav ul {
    height: .56rem
}

.global-nav ul li {
    width: 20%;
    text-align: center
}

.global-nav ul li a {
    display: block;
    padding: .1rem 0 0;
    height: .46rem;
    overflow: hidden
}

.global-nav ul li a span {
    display: block;
    margin-top: .03rem;
    font-size: .14rem;
    color: #666;
    line-height: 1
}

.global-nav ul li a .gxfont {
    display: block;
    margin: 0 auto;
    width: .22rem;
    height: .22rem;
    line-height: .22rem;
    font-size: .22rem;
    color: #555;
    vertical-align: middle;
    text-align: center
}

.global-nav ul li a:hover {
    background-color: #fcfcfc
}

.global-nav ul li a:hover span {
    color: #0073BB
}

.global-nav ul li a:hover .gxfont {
    color: #0073BB
}

.global-nav ul li.active a span {
    color: #0073BB
}

.global-nav ul li.active a .gxfont {
    color: #0073BB
}

.global-nav.inside-nav {
}

.glide-nav {
    position: relative;
    background-color: #fff;
    overflow: hidden
}

.glide-nav:before,.glide-nav:after {
    content: '';
    position: absolute;
    top: 0;
    display: block;
    width: .2rem;
    height: .5rem;
    overflow: hidden;
    z-index: 2
}

.glide-nav:before {
    left: 0;
    right: auto;
    width: .15rem;
    background: linear-gradient(to right,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%)
}

.glide-nav:after {
    left: auto;
    right: 0;
    background: linear-gradient(to left,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%)
}

.glide-channel {
    position: relative;
    display: block;
    border-bottom: 1px solid #ececf0;
    z-index: 1
}

.glide-channel ul {
    display: inline-block;
    padding-left: .16rem;
    height: .5rem;
    word-break: normal;
    word-wrap: normal;
    white-space: nowrap;
    transform: translate(0,0);
    transform: translateZ(0);
    user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none
}

.glide-channel li {
    position: relative;
    display: inline-block;
    margin-right: .15rem;
    height: .5rem;
    line-height: .5rem;
    font-size: .16rem;
    text-align: center
}

.glide-channel li a {
    display: block;
    padding: 0 .01rem;
    height: 100%;
    position: relative
}

.glide-channel li a:hover {
    color: #7bcfa8
}

.glide-channel li .sign {
    position: absolute;
    right: -.1rem;
    top: .1rem;
    min-width: .18rem;
    height: .18rem;
    line-height: .18rem;
    font-style: normal;
    font-weight: normal;
    font-size: .12rem;
    text-align: center;
    color: #fff;
    background-color: #f60;
    border-radius: 50%
}

.glide-channel li.active a,.glide-channel li.cur a {
    color: #0073BB;
    font-weight: bold
}

.glide-channel li.active a:after,.glide-channel li.cur a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #0073BB;
    overflow: hidden
}

.clocation {
    margin: 0 .15rem;
    position: relative;
    background-color: #fff
}

.clocation dl {
    display: block;
    position: relative;
    overflow: hidden
}

.clocation dl dt,.clocation dl dd {
    height: .28rem;
    line-height: .28rem;
    font-size: .12rem
}

.clocation dl dt {
    float: left;
    display: block;
    width: .38rem;
    overflow: hidden;
    text-align: center;
    color: #fff;
    background-color: #65c147
}

.clocation dl dd {
    display: block;
    padding-left: .1rem;
    color: #555;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.clocation dl dd a {
    color: #555
}

.clocation dl dd span {
    padding: 0 .03rem;
    font-family: Helvetica,Arial;
    font-size: .1rem;
    color: #9b9b9b;
    vertical-align: middle
}

.clocation.gray {
    margin: 0
}

.clocation.gray dl {
    border-bottom: 1px solid #eee
}

.clocation.gray dl dt,.clocation.gray dl dd {
    height: .3rem;
    line-height: .3rem;
    color: #969696
}

.clocation.gray dl dt {
    background-color: #f9f9f9
}

.clocation.gray dl dd a {
    color: #989898
}

.clocation.gray dl dd span {
    color: #d8d8d8
}

footer {
    clear: both;
    display: block;
    width: 100%;
    background-color: #f4f4f8
}

footer .footer-nav {
    display: block;
    padding: .1rem 0;
    height: .24rem;
    line-height: .24rem;
    text-align: center;
    background-color: #e6e6e9
}

footer .footer-nav li {
    display: inline-block;
    padding: 0 .1rem;
    font-size: .13rem;
    color: #666
}

footer .footer-nav li a {
    color: #666
}

footer .footer-nav li a:hover {
    color: #0073BB
}

@media screen and (max-width:359px) {
    footer .footer-nav li {
        padding: 0 .08rem
    }
}

footer .footer-copyr {
    clear: both;
    display: block;
    padding: .1rem 0;
    font-size: .11rem;
    color: #888;
    text-align: center
}

footer .footer-copyr p {
    line-height: .19rem;
    text-align: center
}

.foldPanel {
    position: relative;
    display: block;
    max-height: 1.86rem;
    overflow: hidden
}

.foldPanel .foldWrap {
    position: relative;
    display: block
}

.foldPanel .foldBtn {
    position: absolute;
    right: 0;
    bottom: 0;
    display: none;
    padding-left: .4rem;
    max-width: 1rem;
    height: .25rem;
    line-height: .25rem;
    font-size: .12rem;
    text-align: right;
    color: #519af6;
    background: linear-gradient(to left,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%)
}

.foldPanel.active {
    padding-bottom: .25rem;
    max-height: none!important
}

.search-box {
    position: relative;
    padding: .15rem .16rem .15rem;
    background-color: #fff
}

.search-box form {
    position: relative;
    display: block
}

.search-box form .search-text {
    box-sizing: border-box;
    display: block;
    padding: 0 .63rem 0 .08rem;
    width: 100%;
    line-height: .4rem;
    font-size: .14rem;
    color: #666;
    background: #fff;
    border: 1px solid #0073BB;
    border-radius: 2px
}

.search-box form .search-btn {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    width: .64rem;
    font-size: .16rem;
    color: #fff;
    text-align: center;
    letter-spacing: .02rem;
    background: #0073BB;
    border: none;
    border-radius: 0 2px 2px 0;
    outline: none;
    cursor: pointer
}

.search-box form .search-btn:active,.search-box form .search-btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

.search-box form input::-webkit-input-placeholder {
    color: #999
}

.search-box form input:-moz-placeholder {
    color: #999
}

.search-box form input::-moz-placeholder {
    color: #999
}

.search-box form input:-ms-input-placeholder {
    color: #999
}

.search-box form input:focus::-webkit-input-placeholder {
    color: #ddd
}

.search-box form input:focus:-moz-placeholder {
    color: #ddd
}

.search-box form input:focus::-moz-placeholder {
    color: #ddd
}

.search-box form input:focus:-ms-input-placeholder {
    color: #ddd
}

.search-hot-word {
    position: relative;
    display: block;
    margin-top: .1rem;
    height: .24rem;
    line-height: .24rem;
    font-size: .14rem;
    overflow: hidden
}

.search-hot-word span,.search-hot-word a {
    margin-right: .05rem;
    color: #999
}

.search-hot-word a:hover {
    color: #0073BB
}

.search-hot-word span {
    color: #666
}

.paging.much {
    display: block;
    border: 0;
    padding: .2rem 0;
    width: auto;
    height: .3rem;
    line-height: .3rem;
    text-align: center;
    background-color: #fff
}

.paging.much a,.paging.much span {
    float: none;
    display: inline-block;
    padding: 0 .08rem;
    margin-right: .05rem;
    min-width: .14rem;
    height: .24rem;
    line-height: .24rem;
    font-weight: normal;
    font-size: .14rem;
    color: #444;
    text-align: center;
    text-decoration: none !important;
    background-color: #fbfbfb;
    border: 1px solid #d7d7d7;
    border-radius: 2px
}

.paging.much .current {
    font-weight: bold;
    color: #fff;
    background-color: #0073BB;
    border: 1px solid #0073BB
}

.paging.much .page-prev,.paging.much .page-next {
    padding: 0 .08rem;
    font-size: .12rem
}

.paging.much span.page-prev,.paging.much span.page-next {
    color: #ccc;
    background-color: #fff;
    border: 1px solid #e4e4e4;
    cursor: default
}

.paging.simple {
    display: inline-block;
    width: auto;
    height: .30rem;
    line-height: .3rem;
    text-align: center;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-radius: .03rem
}

.paging.simple .page-prev,.paging.simple .page-next {
    float: left;
    display: block;
    width: .5rem;
    font-size: .18rem;
    font-weight: bold;
    color: #ccc;
    cursor: default
}

.paging.simple a {
    display: block;
    font-size: .18rem;
    font-weight: bold;
    color: #0073BB;
    cursor: pointer
}

.paging.simple .page-prev {
    border-right: 1px solid #e3e3e3
}

.paging.simple .page-next {
    border-left: 1px solid #e3e3e3
}

.paging.simple .page-num {
    float: left;
    display: block;
    min-width: 1rem;
    line-height: .3rem;
    font-family: Helvetica,Arial;
    font-size: .14rem;
    color: #888;
    cursor: default
}

.paging.simple .page-num .page-cur {
    color: #DD9410
}

.paging.simple .page-num .page-cut {
    margin: 0 .05rem;
    font-size: .16rem;
    font-weight: bold;
    color: #888
}

.paging.simple .page-num .page-count {
    color: #666
}

.dropload-warp {
    position: relative;
    background-color: #fff
}

.dropload-list {
    position: relative;
    display: block
}

.dropload-list .null {
    position: relative;
    display: block;
    margin: 0 .16rem
}

.dropload-list .null p {
    display: block;
    padding: .16rem 0;
    min-height: .2rem;
    line-height: .2rem;
    font-size: .15rem;
    color: #999;
    text-align: center;
    align-items: center
}

.dropload-down {
    display: none;
    width: 100%;
    text-align: center
}

.dropload-down div {
    line-height: .24rem;
    font-size: .14rem;
    color: #999
}

.dropload-down .dropload-noData {
    font-size: .12rem
}

.pload-warp {
    position: absolute;
    left: 0;
    top: .48rem;
    bottom: 0;
    display: block;
    width: 100%;
    background: #f4f4f8 url(../img/icon_loading_textpage.png) no-repeat center .24rem;
    background-size: auto .3rem;
    overflow: hidden;
    z-index: 1
}

.pload-inner {
    position: relative;
    background-color: #fff
}

.pload-list {
    position: relative;
    display: block
}

.pload-list .pload-inloading {
    display: block;
    padding: .15rem 0;
    line-height: .2rem;
    font-size: .16rem;
    color: #999;
    text-align: center
}

.pload-list .null {
    position: relative;
    display: block;
    margin: 0 .16rem
}

.pload-list .null p {
    display: block;
    padding: .16rem 0;
    min-height: .2rem;
    line-height: .2rem;
    font-size: .15rem;
    color: #999;
    text-align: center;
    align-items: center
}

.pload-msg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: .32rem;
    line-height: .32rem;
    text-align: center;
    background-color: rgba(208,233,250,.9);
    animation: pload-msg-fade-in .5s;
    -webkit-animation: pload-msg-fade-in .5s
}

@keyframes pload-msg-fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes pload-msg-fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.pload-msg span {
    font-size: .14rem;
    color: #2a90d7
}

.pload-down {
    display: flex;
    padding: .15rem .1rem;
    width: 100%;
    height: .2rem;
    line-height: .2rem;
    font-size: .15rem;
    color: #999;
    text-align: center;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-top: 1px solid #ececf0
}

.pload-down .pload-icon {
    margin-right: .05rem;
    font-size: .14rem;
    color: #999;
    text-align: center;
    transition: all .5s
}

.pload-down .pload-icon.flip {
    transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg)
}

.pload-down .pload-icon.loading:before {
    content: "\e751"
}

.pload-down .pload-icon.loading {
    transform: rotate(0deg) translateZ(0);
    -ms-transform: rotate(0deg) translateZ(0);
    -moz-transform: rotate(0deg) translateZ(0);
    -webkit-transform: rotate(0deg) translateZ(0);
    -o-transform: rotate(0deg) translateZ(0);
    transition-duration: 0;
    animation-name: loading;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

@keyframes loading {
    from {
        transform: rotate(0deg) translateZ(0);
        -ms-transform: rotate(0deg) translateZ(0);
        -moz-transform: rotate(0deg) translateZ(0);
        -webkit-transform: rotate(0deg) translateZ(0);
        -o-transform: rotate(0deg) translateZ(0)
    }

    to {
        transform: rotate(360deg) translateZ(0);
        -ms-transform: rotate(360deg) translateZ(0);
        -moz-transform: rotate(360deg) translateZ(0);
        -webkit-transform: rotate(360deg) translateZ(0);
        -o-transform: rotate(360deg) translateZ(0)
    }
}

@-webkit-keyframes loading {
    from {
        transform: rotate(0deg) translateZ(0);
        -ms-transform: rotate(0deg) translateZ(0);
        -moz-transform: rotate(0deg) translateZ(0);
        -webkit-transform: rotate(0deg) translateZ(0);
        -o-transform: rotate(0deg) translateZ(0)
    }

    to {
        transform: rotate(360deg) translateZ(0);
        -ms-transform: rotate(360deg) translateZ(0);
        -moz-transform: rotate(360deg) translateZ(0);
        -webkit-transform: rotate(360deg) translateZ(0);
        -o-transform: rotate(360deg) translateZ(0)
    }
}

.doc {
    display: block
}

.doc .doc-hd {
    display: block
}

.doc .doc-bd {
    display: block
}

.doc .doc-ft {
    display: block
}

.card {
    position: relative;
    background-color: #fff
}

.card .card-hd {
    position: relative
}

.card .card-hd .tit {
    display: block;
    padding: .14rem .16rem;
    font-size: .16rem;
    color: #0073BB;
    font-weight: normal
}

.card .card-hd .tit:before {
    content: '';
    display: inline-block;
    margin-right: .06rem;
    width: .04rem;
    height: .16rem;
    vertical-align: -.02rem;
    background-color: #0073BB
}

.card .card-hd .more {
    position: absolute;
    top: .14rem;
    right: .16rem;
    font-size: .12rem;
    line-height: .22rem;
    color: #999
}

.card .card-hd .more .gxico-gengduo {
    margin-left: .03rem;
    font-size: .12rem;
    color: #ccc
}

.card .card-hd .more:hover {
    color: #0073BB
}

.card .card-hd .more:hover .gxico-gengduo {
    color: #98dbbc
}

.card .card-bd {
    position: relative;
    display: block;
    padding: 0
}

.tabs {
    position: relative
}

.tabs .tabs-hd {
    display: block
}

.tabs .tabs-hd .tabs-tab {
    display: inline
}

.tabs .tabs-bd {
    display: block
}

.tabs .tabs-item {
    display: none !important
}

.tabs .active {
    display: block !important
}

.glide {
    position: relative;
    background-color: #fff;
    overflow: hidden
}

.glide .glide-hd {
    position: relative;
    display: block;
    height: .46rem;
    text-align: center;
    border-bottom: 1px solid #f4f4f8
}

.glide .glide-hd .glide-tab {
    position: relative;
    float: left;
    display: block;
    width: 25%;
    height: .46rem;
    line-height: .46rem;
    font-size: .16rem;
    color: #444;
    font-weight: 700;
    cursor: pointer
}

.glide .glide-hd .glide-tab span {
    display: inline-block;
    padding: 0 .03rem;
    height: .46rem
}

.glide .glide-hd .glide-tab:hover span {
    color: #0073BB
}

.glide .glide-hd .glide-tab.on span {
    color: #0073BB;
    border-bottom: 2px solid #0073BB
}

.glide .glide-bd {
    clear: both;
    position: relative;
    display: block
}

.glide .glide-bd .glide-item {
    display: none;
    overflow: hidden
}

.glide .glide-bd .glide-item.current {
    display: block
}

.glide .glide-bd .glide-item .item {
    display: block;
    margin: 0;
    padding: .18rem .16rem .18rem;
    height: auto;
    overflow: hidden
}

.glide .glide-bd .glide-item .media-list {
    padding: 0 .16rem .18rem
}

.glide .glide-bd .glide-item .media-list .item {
    padding: 0
}

.glide .glide-bd .pic-txt {
    display: block
}

.glide .glide-bd .art-list-group {
    display: block;
    margin-top: .1rem
}

.glide .glide-bd .art-list-group li {
    white-space: normal
}

.glide .glide-bd .art-list-group li a {
    white-space: normal
}

.glide .glide-bd .btn {
    display: block;
    margin-top: .15rem;
    border-radius: .02rem
}

.glide .tempWrap {
    display: block
}

.container {
    margin: 0 auto
}

.module {
    position: relative
}

.floor {
    position: relative
}

.artimg-list {
    display: block;
    background-color: #fff
}

.artimg-list.pload-list {
    padding: .05rem .16rem;
    min-height: .3rem
}

.artimg-list .bd,.artimg-list ul {
    display: block;
    padding: .05rem .16rem;
    min-height: .3rem
}

.artimg-list li {
    clear: both;
    display: block;
    padding: .12rem 0;
    background-color: #fff
}

.artimg-list li:hover {
    background-color: #fcfcfc
}

.artimg-list li:hover .tit {
    color: #0073BB
}

.artimg-list li a {
    display: block;
    height: .68rem
}

.artimg-list li .pic {
    float: left;
    position: relative;
    display: block;
    margin-right: .1rem;
    width: 1.02rem;
    height: .68rem;
    border-radius: 1px;
    overflow: hidden
}

.artimg-list li .pic img {
    width: 1.02rem;
    height: .68rem;
    vertical-align: middle
}

.artimg-list li .tit {
    height: .26rem;
    line-height: .26rem;
    font-size: .16rem;
    overflow: hidden
}

.artimg-list li .con {
    margin-top: .02rem;
    height: .4rem;
    line-height: .2rem;
    font-size: .12rem;
    color: #aaa;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.artimg-list li.line-b {
    position: relative
}

.artimg-list li:last-child {
    border-bottom: 0 none !important
}

.artimg-list li:last-child:after {
    height: 0 !important
}

.artimg-list li .tg-20b3 a {
    height: auto
}

.ask-list {
    display: block;
    background-color: #fff;
    overflow: hidden
}

.ask-list.pload-list {
    padding: .15rem .16rem
}

.ask-list .bd,.ask-list ul {
    display: block;
    padding: .15rem .16rem
}

.ask-list li {
    position: relative;
    clear: both;
    display: block;
    padding: .1rem 0;
    border-top: .01rem dashed #dedede
}

.ask-list li:first-child {
    padding-top: 0;
    border-top: 0
}

.ask-list li:first-child .btn-reply {
    top: 0
}

.ask-list li .tit {
    position: relative;
    display: block;
    height: .26rem;
    line-height: .26rem;
    font-size: .16rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    z-index: 1
}

.ask-list li .tit .badge {
    margin-right: .05rem;
    display: inline-block;
    padding: 0 .04rem;
    height: .18rem;
    line-height: .18rem;
    font-size: .12rem;
    color: #fff;
    background-color: #f49a02;
    border-radius: .03rem;
    vertical-align: .02rem
}

.ask-list li .btn-reply {
    position: absolute;
    right: 0;
    top: .12rem;
    z-index: 3
}

.ask-list li .btn-reply~ a .tit {
    padding-right: .6rem
}

.ask-list li .con,.ask-list li .info {
    position: relative;
    display: block;
    margin-top: .02rem;
    height: .2rem;
    line-height: .2rem;
    font-size: .12rem;
    color: #999;
    overflow: hidden
}

.ask-list li .info:after {
    content: "";
    clear: both;
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden
}

.ask-list li .info .reply {
    float: left;
    display: block;
    color: #666
}

.ask-list li .info .await {
    color: #f4b052
}

.ask-list li .info .already {
    color: #0073BB
}

.ask-list li .info .reward {
    float: left;
    margin-left: .15rem;
    height: .2rem;
    line-height: .2rem;
    font-size: .12rem
}

.ask-list li .info .reward .gxfont {
    margin-right: .03rem;
    font-size: .12rem;
    color: #f60
}

.ask-list li .info .time {
    position: absolute;
    right: 0;
    top: 0;
    color: #bbb
}

.ask-list li .ask-pic {
    position: relative;
    clear: both;
    display: block;
    margin-top: .02rem;
    overflow: hidden
}

.ask-list li .ask-pic .pic {
    float: left;
    display: block;
    margin-right: .1rem;
    padding: 1px;
    width: 1rem;
    height: .67rem;
    border: 1px solid #d1d1d1;
    overflow: hidden
}

.ask-list li .ask-pic .pic img {
    display: block;
    width: 1rem;
    height: .67rem;
    overflow: hidden
}

.ask-list li .sign {
    position: absolute;
    right: 0;
    top: 0;
    width: .08rem;
    height: .08rem;
    line-height: .08rem;
    background-color: #f00;
    border-radius: 50%;
    text-indent: .88rem;
    overflow: hidden
}

.ask-list li:hover {
    background-color: #fcfcfc
}

.ask-list li:hover .tit {
    color: #0073BB
}

.video-list {
    display: block;
    background-color: #fff
}

.video-list.pload-list {
    padding: .05rem .16rem;
    min-height: .3rem
}

.video-list .bd,.video-list ul {
    display: block;
    padding: .05rem .16rem;
    min-height: .3rem
}

.video-list li {
    clear: both;
    display: block;
    padding: .12rem 0;
    background-color: #fff
}

.video-list li a {
    display: block;
    height: .68rem
}

.video-list li a:hover .pic .gxfont {
    opacity: 1
}

.video-list li .pic {
    position: relative;
    float: left;
    display: block;
    margin-right: .1rem;
    width: 1.02rem;
    height: .68rem;
    border-radius: 1px;
    overflow: hidden
}

.video-list li .pic img {
    width: 1.02rem;
    height: .68rem;
    vertical-align: middle
}

.video-list li .pic .gxfont {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    line-height: .26rem;
    font-size: .26rem;
    color: #fff;
    opacity: .8
}

.video-list li .pic .gxfont:before {
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    margin: -.13rem 0 0 -.13rem;
    width: .26rem;
    height: .26rem;
    line-height: .26rem;
    font-size: .24rem;
    color: #fff
}

.video-list li a:hover {
    background-color: #fcfcfc
}

.video-list li a:hover .tit {
    color: #0073BB
}

.video-list li a:hover .pic .gxfont {
    background-color: rgba(0,0,0,.35);
    opacity: 1
}

.video-list li .tit {
    display: block;
    height: .26rem;
    line-height: .26rem;
    font-size: .16rem;
    overflow: hidden
}

.video-list li .con {
    display: block;
    margin-top: .02rem;
    height: .2rem;
    line-height: .2rem;
    font-size: .12rem;
    color: #999;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.video-list li .info {
    display: block;
    margin-top: .02rem;
    height: .18rem;
    line-height: .18rem;
    font-size: .12rem;
    color: #aaa;
    overflow: hidden
}

.video-list li .info .gxfont {
    margin-right: .03rem;
    font-size: .12rem;
    color: #ccc
}

.video-list li .info .play-num {
    float: left;
    display: block;
    width: 50%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.video-list li .info .num {
    margin-right: .02rem
}

.video-list li .info .time {
    float: right;
    display: block;
    width: 50%;
    color: #bbb;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.video-list li.line-b {
    position: relative
}

.video-list li:last-child {
    border-bottom: 0 none !important
}

.video-list li:last-child:after {
    height: 0 !important
}

.video-list li .tg-20b3 a {
    height: auto
}

.expert-list {
    display: block;
    background-color: transparent
}

.expert-list ul {
    clear: both;
    display: block;
    padding: .05rem 0 .05rem .1rem;
    background-color: #fff;
    overflow: hidden
}

.expert-list li {
    position: relative;
    display: block;
    margin-right: .1rem;
    padding: .1rem .03rem;
    border: 0;
    border-bottom: 1px dashed #eee;
    overflow: hidden
}

.expert-list li .item-main {
    display: block;
    margin-right: .64rem;
    overflow: hidden
}

.expert-list li .item-main .portrait {
    position: relative;
    float: left;
    display: block;
    margin-right: .1rem;
    width: .7rem;
    height: .7rem;
    overflow: hidden
}

.expert-list li .item-main .portrait img {
    display: inline-block;
    width: .7rem;
    height: .7rem
}

.expert-list li .item-main .name {
    display: block;
    height: .2rem;
    line-height: .2rem;
    font-size: .14rem;
    font-weight: bold;
    overflow: hidden
}

.expert-list li .item-main .name:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.expert-list li .item-main .name span {
    float: left;
    max-width: .85rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.expert-list li .item-main .name span a {
    color: #333
}

.expert-list li .item-main .name .ico-v {
    float: left;
    display: block;
    margin: .04rem 0 0 .06rem;
    width: .17rem;
    height: .14rem;
    background: url(../img/ico-v.png) no-repeat;
    background-size: .17rem .14rem
}

.expert-list li .item-main .comment {
    display: block;
    padding-top: .05rem;
    height: .2rem;
    line-height: .2rem;
    font-size: .12rem;
    overflow: hidden
}

.expert-list li .item-main .comment span {
    margin-right: .05rem;
    color: #444
}

.expert-list li .item-main .comment .star-empty {
    display: inline-block;
    width: .8rem;
    height: .12rem;
    background-size: .8rem auto;
    vertical-align: middle
}

.expert-list li .item-main .comment .star-empty .star-real {
    height: .12rem;
    background-size: .8rem auto
}

.expert-list li .item-main .job {
    display: block;
    height: .24rem;
    line-height: .24rem;
    font-size: .12rem;
    color: #666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.expert-list li .item-main .job span {
    margin-right: .05rem;
    color: #444
}

.expert-list li .btn {
    position: absolute;
    right: .08rem;
    top: .1rem;
    display: block;
    padding: .02rem .01rem;
    width: .54rem;
    height: .16rem;
    line-height: .16rem;
    font-size: .12rem;
    text-align: center;
    color: #fff;
    border-radius: 2px;
    white-space: nowrap;
    background: #0073BB;
    background: -moz-linear-gradient(top,#0073BB 0%,#22a699 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#0073BB),color-stop(100%,#22a699));
    background: -webkit-linear-gradient(top,#0073BB 0%,#22a699 100%);
    background: -o-linear-gradient(top,#0073BB 0%,#22a699 100%);
    background: -ms-linear-gradient(top,#0073BB 0%,#22a699 100%);
    background: linear-gradient(to bottom,#0073BB 0%,#22a699 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0073BB,endColorstr=#22a699,GradientType=0)
}

.expert-list li.tg {
    padding: .12rem 0;
    height: auto;
    border: 0;
    overflow: hidden
}

.expert-list {
    display: block;
    background-color: transparent
}

.expert-list .expert-item {
    position: relative;
    padding: .15rem .16rem;
    margin-top: .12rem;
    background-color: #fff;
    overflow: hidden
}

.expert-list .expert-item:first-child {
    margin-top: 0
}

.expert-list .expert-item .item-main {
    position: relative;
    clear: both;
    display: block;
    overflow: hidden
}

.expert-list .expert-item .pic {
    float: left;
    display: block;
    margin-right: .15rem;
    width: .74rem;
    height: .74rem;
    border-radius: 50%;
    overflow: hidden
}

.expert-list .expert-item .pic img {
    display: block;
    width: .74rem;
    height: .74rem
}

.expert-list .expert-item .e-info {
    margin: 0 .7rem 0 .9rem;
    padding-top: .03rem
}

.expert-list .expert-item .e-title .position {
    font-size: .12rem;
    color: #999
}

.expert-list .expert-item .e-title .name {
    margin-right: .15rem;
    font-size: .18rem
}

.expert-list .expert-item .e-help {
    position: absolute;
    right: 0;
    top: 0;
    max-width: .8rem;
    height: .48rem;
    line-height: .24rem;
    font-size: .12rem;
    color: #999;
    text-align: center;
    overflow: hidden
}

.expert-list .expert-item .e-help .tit {
    display: block;
    font-size: .14rem
}

.expert-list .expert-item .e-help .num {
    display: inline-block;
    margin-right: .02rem;
    font-size: .16rem;
    color: #28a8d7;
    vertical-align: -.08rem;
    overflow: hidden
}

.expert-list .expert-item .e-intr {
    padding-top: .06rem;
    line-height: .20rem;
    font-size: .12rem;
    color: #666
}

.expert-list .expert-item .e-intr p {
    display: block;
    padding: .02rem 0;
    overflow: hidden
}

.expert-list .expert-item .e-intr .tit {
    color: #999
}

.expert-list .expert-item .e-intr .e-hospital {
    height: .20rem;
    white-space: nowrap;
    text-overflow: ellipsis
}

.expert-list .expert-item .e-intr .e-job {
    height: .20rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.expert-list .expert-item .item-btn {
    margin-top: .1rem;
    margin-right: -.14rem;
    height: auto
}

.expert-list .expert-item .item-btn p {
    float: left;
    display: block;
    width: 50%
}

.expert-list .expert-item .item-btn .btn {
    display: block;
    margin-right: .14rem;
    padding-left: 0;
    padding-right: 0
}

.expert-list .expert-item .item-btn .btn-blue {
    background-color: #27a6d1;
    color: #fff
}

.expert-list .expert-item:hover {
    background-color: #fcfcfc
}

.expert-list .expert-item:hover .e-title .name {
    color: #0073BB
}

.expert-list .expert-item .item-btn .btn-green:hover {
    color: #fff;
    background-color: #0073BB
}

.expert-list .expert-item .item-btn .btn-orange:hover {
    color: #fff;
    background-color: #efad4d
}

.expert-vip-list {
    display: block;
    background-color: transparent
}

.expert-vip-list .expert-item {
    position: relative;
    padding: .15rem .16rem;
    margin-top: .12rem;
    background-color: #fff;
    overflow: hidden
}

.expert-vip-list .expert-item:first-child {
    margin-top: 0
}

.expert-vip-list .expert-item .item-main {
    position: relative;
    clear: both;
    display: block;
    overflow: hidden
}

.expert-vip-list .expert-item .pic {
    float: left;
    display: block;
    margin-right: .15rem;
    width: .74rem;
    height: .74rem;
    border-radius: 50%;
    overflow: hidden
}

.expert-vip-list .expert-item .pic img {
    display: block;
    width: .74rem;
    height: .74rem
}

.expert-vip-list .expert-item .e-info {
    margin: 0 .7rem 0 .9rem;
    padding-top: .03rem;
    min-height: .71rem
}

.expert-vip-list .expert-item .e-title .position {
    font-size: .12rem;
    color: #999
}

.expert-vip-list .expert-item .e-title .name {
    margin-right: .15rem;
    font-size: .18rem
}

.expert-vip-list .expert-item .e-price {
    padding-top: .06rem
}

.expert-vip-list .expert-item .e-price .price {
    margin-right: 20px;
    font-size: .12rem;
    color: #666
}

.expert-vip-list .expert-item .e-price .price .num {
    margin-right: .05rem;
    font-size: .16rem;
    color: #27a6d1
}

.expert-vip-list .expert-item .e-price .price .unit {
    color: #999;
    font-size: .12rem
}

.expert-vip-list .expert-item .e-score {
    padding-top: .06rem;
    height: .14rem;
    line-height: .14rem
}

.expert-vip-list .expert-item .e-score .star {
    font-size: .12rem;
    color: #ffbb00
}

.expert-vip-list .expert-item .e-score .star .gxfont {
    margin-right: .03rem;
    font-size: .12rem
}

.expert-vip-list .expert-item .e-score .star .gxico-staro {
    color: #999
}

.expert-vip-list .expert-item .e-score .num {
    font-size: .14rem;
    color: #ff6657
}

.expert-vip-list .expert-item .e-score .unit {
    font-size: .12rem;
    color: #999;
    vertical-align: .01rem
}

.expert-vip-list .expert-item .e-help {
    position: absolute;
    right: 0;
    top: 0;
    max-width: .8rem;
    height: .48rem;
    line-height: .24rem;
    font-size: .12rem;
    color: #999;
    text-align: center;
    overflow: hidden
}

.expert-vip-list .expert-item .e-help .tit {
    display: block;
    font-size: .14rem
}

.expert-vip-list .expert-item .e-help .num {
    display: inline-block;
    margin-right: .02rem;
    font-size: .16rem;
    color: #28a8d7;
    vertical-align: -.08rem;
    overflow: hidden
}

.expert-vip-list .expert-item .e-intr {
    clear: both;
    padding-top: .1rem;
    line-height: .20rem;
    font-size: .12rem;
    color: #666
}

.expert-vip-list .expert-item .e-intr p {
    display: block;
    padding: .02rem 0;
    overflow: hidden
}

.expert-vip-list .expert-item .e-intr .tit {
    color: #999
}

.expert-vip-list .expert-item .e-intr .e-hospital {
    height: .20rem;
    white-space: nowrap;
    text-overflow: ellipsis
}

.expert-vip-list .expert-item .e-intr .e-job {
    height: .40rem;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.expert-vip-list .expert-item .item-btn {
    margin-top: .1rem;
    margin-right: -.14rem;
    height: auto
}

.expert-vip-list .expert-item .item-btn p {
    float: left;
    display: block;
    width: 50%
}

.expert-vip-list .expert-item .item-btn .btn {
    display: block;
    margin-right: .14rem;
    padding-left: 0;
    padding-right: 0
}

.expert-vip-list .expert-item .item-btn .btn-blue {
    background-color: #27a6d1;
    color: #fff
}

.expert-vip-list .expert-item:hover {
    background-color: #fcfcfc
}

.expert-vip-list .expert-item:hover .e-title .name {
    color: #0073BB
}

.expert-vip-list .expert-item .item-btn .btn-green:hover {
    color: #fff;
    background-color: #0073BB
}

.expert-vip-list .expert-item .item-btn .btn-orange:hover {
    color: #fff;
    background-color: #efad4d
}

.hospital-list {
    display: block;
    background-color: transparent
}

.hospital-list .hospital-item {
    position: relative;
    padding: .15rem .16rem;
    margin-top: .12rem;
    background-color: #fff;
    overflow: hidden
}

.hospital-list .hospital-item:first-child {
    margin-top: 0
}

.hospital-list .hospital-item .item-main {
    position: relative;
    display: block;
    margin-right: .8rem;
    min-height: .74rem
}

.hospital-list .hospital-item .item-btn {
    position: absolute;
    right: .16rem;
    top: 50%;
    margin-top: -.15rem
}

.hospital-list .hospital-item .pic {
    float: left;
    display: block;
    margin: .02rem .15rem .02rem 0;
    width: .7rem;
    height: .7rem;
    border-radius: 50%;
    overflow: hidden
}

.hospital-list .hospital-item .pic img {
    display: block;
    width: .7rem;
    height: .7rem
}

.hospital-list .hospital-item .tit {
    height: .3rem;
    line-height: .3rem;
    font-size: .14rem;
    color: #444;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.hospital-list .hospital-item .con {
    height: .44rem;
    line-height: .22rem;
    font-size: .12rem;
    color: #999;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.hospital-list .hospital-item:hover {
    background-color: #fcfcfc
}

.hospital-list .hospital-item .item-main:hover .tit {
    color: #0073BB
}

.disease-list {
    position: relative;
    display: block;
    background-color: #fff;
    padding: .2rem .1rem .1rem
}

.disease-list li {
    float: left;
    display: block;
    margin-bottom: .12rem;
    width: 25%;
    -webkit-animation: zoomIn .3s ease;
    animation: zoomIn .3s ease
}

.disease-list li a {
    display: block;
    margin: 0 .06rem;
    height: .3rem;
    line-height: .3rem;
    font-size: .14rem;
    text-align: center;
    border: 1px solid #dedede;
    border-radius: .16rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.disease-list li a:hover {
    color: #0073BB;
    border-color: #98dbbc
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.media-list {
    position: relative;
    display: block;
    background-color: #fff
}

.media-list.smload-list {
}

.media-list .item {
    position: relative;
    margin: 0 .16rem
}

.media-list .item:first-child {
    border-top: 0 none
}

.media-list .item:first-child:before {
    display: none
}

.media-list .alink {
    position: relative;
    display: block;
    padding: .16rem 0;
    min-height: .42rem;
    font-size: 0;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0,0,0,.1);
    -webkit-touch-callout: none
}

.media-list .alink:visited h3,.media-list .alink:visited .title {
    color: #aaa
}

.media-list h3,.media-list .title {
    color: #222;
    font-size: .16rem;
    line-height: .22rem;
    font-weight: 400;
    overflow: hidden
}

.media-list .dot {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: box;
    -webkit-box-orient: vertical
}

.media-list .line2 {
    -webkit-line-clamp: 2
}

.media-list .line2.title {
    max-height: .44rem
}

.media-list .line3 {
    -webkit-line-clamp: 3
}

.media-list .line3.title {
    max-height: .66rem
}

.media-list .iml {
    padding-left: .12rem;
    box-sizing: border-box
}

.media-list .imr {
    padding-right: .12rem;
    box-sizing: border-box
}

.media-list .img-list {
    margin-top: .06rem;
    overflow: hidden
}

.media-list .img-list ul {
    display: block;
    list-style-type: none;
    font-size: 0;
    text-align: center
}

.media-list .img-list ul li {
    float: left;
    display: inline-block;
    margin-right: 2%;
    width: 32%;
    overflow: hidden
}

.media-list .img-list ul li:last-child {
    margin-right: 0
}

.media-list .img-holder {
    height: .73rem;
    position: relative;
    background: #efefef url(../img/icon_loading_textpage.png) no-repeat 50%;
    background-size: 50%
}

.media-list .img-holder img {
    border: none;
    display: block;
    width: 100%;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity ease .3s;
    pointer-events: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-user-select: none;
    text-decoration: none
}

.media-list .img-holder.amc {
    display: inline-block!important
}

.media-list .middle .item-detail {
    display: inline-block;
    width: 68%;
    vertical-align: middle;
    overflow: hidden
}

.media-list .middle .img-holder {
    display: inline-block;
    width: 32%;
    vertical-align: middle;
    overflow: hidden
}

.media-list .img-large {
    margin-top: .06rem
}

.media-list .img-large {
    width: 100%;
    position: relative;
    min-height: 1.2rem;
    background: #efefef url("data:image/gif;base64,R0lGODlh7AAsAJEAAAAAAP///+Dg4P///yH5BAEAAAMALAAAAADsACwAAAL/nI+pwu0Ko5x0uFuz3rz7D4YXFpbR2JgnyrbuO0rwTM9iq+YHriP1D3ysgkTbrohkZJJMlqwJVQ6jTB/1t7w2n1okt0u0gl/ZcXhqrn3TNDE7VnkD16lezmlf4D+uvEWuhlbndwNHaMDDl9jTd9gIsedGcngEk2BUaQnyyLiYx3mJoidKKfkoavjXtulJVkZKCGoqNUtbqophiKobqLin+Zr66VkbOqbhRMorhKtEvNGHeTtdnAmGvJu7/JAtzJFEHW48+YYNJ90t9Ww+J+6OqFweXCfdjLc+D6wCOElxH1ltHyx99uLx8xLnoK0J/2CNY2bil6yCzBQi9GeRHURo/w5LSHzmiqJFgoLkaBz0rWOhfutCjjzzrpO3fAJ0RMK3CF9JlTF7UvSgM2UqnDcBYgzpMym8ofIYduQ56+FGOlCVxizKJqGwqks3BhU51c9LokyzHu1X8CxKkU5JxhpbFWsarSyNRq1VE1K9UnDjcpX6VS1KsmVn7r3Vd2bXsHp7+arr12Grl4L7Us1b2e1JWkitbSNn2dFfVorx5g3cGDTIU4k727ErsDRYzrAzLzbqsvXEy5gB9w5Id+oq0x0agjKiG7XnhcCbt4WseffO2081tVTONzLa5b+fQxyeWrbvtANjpGPM1iphxqjl1jbdPXwKg4PO11yPXhx+5tT5y423hd1swc2nmhCf3VdbgG/JluBo/ZmyknizVWTegdIpKBZXDUr4oFW+baUPFjvF545OG3L4Xk/gTfibYx+q916MDqZ4lYMenchPZv65Rpx3of1HokyljaRjfJr1t9aHRE634H5NjWgkj9wlCZ9Cl4l2YUY+hnUkkkGymCOTGWZp5ZY7SjllkVoCiWULBQAAOw==") no-repeat 50%;
    background-size: .54rem;
    overflow: hidden
}

.media-list .img-large img {
    border: none;
    display: block;
    width: 100%;
    pointer-events: none
}

.media-list .img-large-fix {
    height: 1.44rem
}

.media-list .info {
    color: #999;
    overflow: hidden;
    font-size: .12rem;
    margin-top: .06rem
}

.media-list .info .space {
    margin-right: .06rem
}

.media-list .info .mid-space {
    margin-right: .08rem
}

.media-list .info span {
    display: inline-block;
    line-height: .12rem;
    font-size: .12rem;
    vertical-align: middle
}

.media-list .info .hot-label,.media-list .info .rec-label {
    display: inline-block;
    width: .12rem;
    line-height: .12rem;
    font-size: .09rem;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 2px
}

.media-list .info .hot-label {
    color: #f85959;
    border-color: rgba(248,89,89,.5)
}

.media-list .info .rec-label {
    color: #2a90d7;
    border-color: rgba(42,144,215,.5)
}

.media-list .info .label-fix {
    width: .15rem;
    line-height: .15rem
}

.media-list .info .dislike-news {
    display: none;
    background: url(img/dislikeicon_textpage.png) no-repeat 50%;
    background-size: .18rem;
    height: .12rem;
    width: .18rem
}

.media-list .info .gg-label {
    display: inline-block;
    width: .25rem;
    text-align: center;
    font-size: .09rem;
    color: #2a90d7;
    border: 1px solid rgba(42,144,215,.5);
    border-radius: 2px
}

.media-list .info .ad-label {
    display: inline-block;
    width: .25rem;
    text-align: center;
    font-size: .09rem;
    color: #2a90d7;
    border: 1px solid rgba(42,144,215,.5);
    border-radius: 2px
}

.media-list .info .ad-label-fix {
    width: .27rem;
    line-height: .15rem
}

.media-list .info .ad-material {
    display: inline-block;
    width: .23rem;
    line-height: .12rem;
    font-size: .09rem;
    color: #f85959;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 2px;
    border-color: rgba(248,89,89,.5)
}

.media-list .info .playnum {
    display: inline-block;
    font-size: .12rem;
    color: #aaa;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.media-list .info .playnum .gxfont {
    margin-right: .03rem;
    vertical-align: middle;
    font-size: .12rem;
    color: #ccc
}

.media-list .info .playnum .num {
    margin-right: .02rem
}

.media-list .img-holder .gxfont {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    line-height: .26rem;
    font-size: .26rem;
    color: #fff;
    opacity: .8
}

.media-list .img-holder .gxfont:before {
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    margin: -.13rem 0 0 -.13rem;
    width: .26rem;
    height: .26rem;
    line-height: .26rem;
    font-size: .24rem;
    color: #fff
}

.media-list .intr {
    margin-top: .06rem;
    min-height: .2rem;
    max-height: .4rem;
    line-height: .2rem;
    font-size: .12rem;
    color: #666;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.media-list .doctor-item {
    margin: .16rem .16rem 0;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: .03rem;
    overflow: hidden
}

.media-list .doctor-item .item-main {
    clear: both;
    display: block;
    padding: .16rem .12rem .12rem;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
    background-color: #f6fcfa
}

.media-list .doctor-item .item-main .pic {
    float: left;
    display: block;
    width: .6rem;
    height: .6rem;
    border: .04rem solid #c6eedc
}

.media-list .doctor-item .item-main .pic img {
    display: block;
    width: .6rem;
    height: .6rem
}

.media-list .doctor-item .item-main .info {
    position: relative;
    margin-left: .8rem
}

.media-list .doctor-item .item-main .info .name {
    padding: .01rem 0 .02rem;
    height: .22rem;
    line-height: .22rem;
    font-weight: bold;
    font-size: .15rem;
    color: #333
}

.media-list .doctor-item .item-main .info .technical,.media-list .doctor-item .item-main .info .department {
    height: .2rem;
    line-height: .2rem;
    font-size: .12rem;
    color: #666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.media-list .doctor-item .item-main .info .price {
    position: absolute;
    right: 0;
    top: .05rem;
    color: #cc0000;
    display: none
}

.media-list .doctor-item .item-main .info .price .sign {
    font-size: .12rem;
    margin-right: .02rem
}

.media-list .doctor-item .item-main .info .price .sum {
    font-size: .16rem;
    font-weight: 700
}

.media-list .doctor-item .item-main .info .price .unit {
    margin-left: 3px;
    font-size: .14rem;
    font-weight: normal
}

.media-list .doctor-item .item-btn {
    clear: both;
    display: block;
    padding: .07rem .12rem .09rem;
    overflow: hidden
}

.media-list .doctor-item .item-btn .btn {
    position: relative;
    float: left;
    display: block;
    width: 40%;
    box-sizing: border-box;
    font-size: .12rem;
    border-radius: 0
}

.media-list .doctor-item .item-btn .btn-link {
    padding-right: .36rem;
    width: 60%;
    color: #666
}

.media-list .doctor-item .item-btn .btn-link::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -.06rem;
    right: .2rem;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    border: .06rem solid transparent;
    border-left: .06rem solid #ccc
}

.media-list .doctor-item .item-btn .btn-link b {
    font-weight: normal
}

.media-list .alink:hover {
    background-color: #fcfcfc
}

.media-list .alink:hover .title {
    color: #0073BB
}

.media-list .alink:hover .img-holder .gxfont {
    background-color: rgba(0,0,0,.35);
    opacity: 1
}

.artpic-group {
    display: block;
    position: relative;
    overflow: hidden
}

.artpic-group a {
    display: block;
    height: .68rem
}

.artpic-group .pic {
    float: left;
    position: relative;
    display: block;
    margin-right: .1rem;
    width: 1.02rem;
    height: .68rem;
    border-radius: 1px;
    overflow: hidden
}

.artpic-group .pic img {
    width: 1.02rem;
    height: .68rem;
    vertical-align: middle
}

.artpic-group .tit {
    height: .26rem;
    line-height: .26rem;
    font-size: .16rem;
    overflow: hidden
}

.artpic-group .con {
    margin-top: .02rem;
    height: .4rem;
    line-height: .2rem;
    font-size: .12rem;
    color: #aaa;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.artpic-group a:hover {
    background-color: #fcfcfc
}

.artpic-group a:hover .tit {
    color: #0073BB
}

.iart-list-group {
    display: block;
    position: relative;
    overflow: hidden
}

.iart-list-group li {
    display: block;
    height: .34rem;
    line-height: .34rem;
    font-size: .16rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.iart-list-group li i {
    float: left;
    display: block;
    margin: 0;
    padding-right: .1rem;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: .16rem;
    color: #9e9e9e
}

.iart-list-group li a {
    display: block;
    margin-left: .3rem;
    height: .34rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.iart-list-group li a:hover {
    color: #0073BB
}

.iart-list-group li:nth-child(1) i {
    color: #f00
}

.iart-list-group li:nth-child(2) i,.iart-list-group li:nth-child(3) i {
    color: #fc7039
}

.art-list-group {
    display: block;
    position: relative;
    overflow: hidden
}

.art-list-group ul {
    display: block
}

.art-list-group li {
    display: block;
    height: .34rem;
    line-height: .34rem;
    font-size: .16rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.art-list-group li a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.art-list-group li a:hover {
    color: #0073BB
}

.artcon-list-group {
    display: block;
    position: relative;
    overflow: hidden
}

.artcon-list-group ul {
    display: block
}

.artcon-list-group li {
    display: block;
    padding: .12rem 0
}

.artcon-list-group li a {
    position: relative;
    display: block
}

.artcon-list-group li a .tit {
    line-height: .26rem;
    font-size: .16rem
}

.artcon-list-group li a .con {
    margin-top: .02rem;
    max-height: .4rem;
    line-height: .2rem;
    font-size: .12rem;
    color: #999;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.artcon-list-group li a .info {
    position: relative;
    margin-top: .03rem;
    height: .2rem;
    line-height: .2rem;
    font-size: .12rem;
    color: #ccc
}

.artcon-list-group li a .info .read {
    position: absolute;
    right: 0;
    top: 0
}

.artcon-list-group li a .info .read .gxfont {
    margin-right: .03rem;
    font-size: .12rem;
    color: #ccc
}

.artcon-list-group li a .info .time {
    color: #bbb
}

.artcon-list-group li a:hover {
    background-color: #fcfcfc
}

.artcon-list-group li a:hover .tit {
    color: #0073BB
}

.artpic-list-group {
    display: block;
    position: relative;
    overflow: hidden
}

.artpic-list-group ul {
    display: block
}

.artpic-list-group li {
    display: block;
    padding: .12rem 0
}

.artpic-list-group li a {
    position: relative;
    display: block
}

.artpic-list-group li a .pic {
    float: left;
    position: relative;
    display: block;
    margin: 0 .1rem 0 0;
    width: 1.02rem;
    height: .68rem;
    border-radius: .02rem;
    overflow: hidden
}

.artpic-list-group li a .pic img {
    width: 1.02rem;
    height: auto;
    min-height: .68rem;
    vertical-align: middle
}

.artpic-list-group li a .tit {
    height: .26rem;
    line-height: .26rem;
    font-size: .16rem;
    overflow: hidden
}

.artpic-list-group li a .con {
    margin-top: .02rem;
    height: .2rem;
    line-height: .2rem;
    font-size: .12rem;
    color: #999;
    overflow: hidden
}

.artpic-list-group li a .info {
    position: relative;
    display: block;
    margin-top: .02rem;
    height: .18rem;
    line-height: .18rem;
    font-size: .12rem;
    color: #ccc
}

.artpic-list-group li a .info .read {
}

.artpic-list-group li a .info .read .gxfont {
    margin-right: .03rem;
    font-size: .12rem;
    color: #ccc
}

.artpic-list-group li a .info .read .num {
    margin-right: .02rem
}

.artpic-list-group li a .info .time {
    position: absolute;
    right: 0;
    top: 0;
    color: #bbb
}

.artpic-list-group li a:hover {
    background-color: #fcfcfc
}

.artpic-list-group li a:hover .tit {
    color: #0073BB
}

.pic-list-group {
    display: block;
    margin-right: -.1rem;
    position: relative;
    overflow: hidden
}

.pic-list-group .item-pic {
    float: left;
    display: block;
    width: 33.33%;
    overflow: hidden
}

.pic-list-group .item-pic a {
    display: block;
    margin-right: .1rem;
    position: relative
}

.pic-list-group .item-pic a:hover {
    background-color: #fcfcfc
}

.pic-list-group .item-pic a:hover .tit {
    color: #0073BB
}

.pic-list-group .item-pic .pic {
    position: relative;
    display: block;
    width: 100%
}

.pic-list-group .item-pic .pic img {
    width: 100%
}

.pic-list-group .item-pic .tit {
    margin-top: .05rem;
    padding: 0;
    width: 100%;
    height: .24rem;
    line-height: .24rem;
    font-size: .14rem;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.video-list-group {
    display: block;
    margin-right: -.14rem;
    position: relative;
    overflow: hidden
}

.video-list-group ul {
    display: block
}

.video-list-group li {
    float: left;
    display: block;
    padding-bottom: .15rem;
    width: 50%;
    overflow: hidden
}

.video-list-group li a {
    display: block;
    margin-right: .14rem
}

.video-list-group li .pic {
    width: 100%
}

.video-list-group li .pic img {
    display: block;
    width: 100%
}

.video-list-group li .pic .gxfont {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    line-height: .32rem;
    font-size: .3rem;
    color: #fff;
    opacity: .8
}

.video-list-group li .pic .gxfont:before {
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    margin: -.16rem 0 0 -.16rem;
    width: .32rem;
    height: .32rem;
    line-height: .32rem;
    font-size: .3rem;
    color: #fff
}

.video-list-group li a:hover {
    background-color: #fcfcfc
}

.video-list-group li a:hover .tit {
    color: #0073BB
}

.video-list-group li a:hover .pic .gxfont {
    background-color: rgba(0,0,0,.35);
    opacity: 1
}

.video-list-group li .tit {
    margin-top: .05rem;
    height: .26rem;
    line-height: .26rem;
    font-size: .14rem;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.video-list-group li .con {
    height: .2rem;
    line-height: .2rem;
    font-size: .12rem;
    color: #666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.video-list-group li .info {
    height: .2rem;
    line-height: .2rem;
    font-size: .12rem;
    color: #aaa;
    overflow: hidden
}

.video-list-group li .info .gxfont {
    margin-right: .03rem;
    font-size: .12rem;
    color: #ccc
}

.video-list-group li .info .num {
    margin: 0 .02rem
}

.video-list-group li .info .time {
    float: right;
    max-width: 50%;
    color: #bbb;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.video-list-group li .info .time span {
    margin-right: .05rem
}

.video-list-group li.tg {
    float: none;
    clear: both;
    display: block;
    padding: 0 .16rem .15rem 0;
    width: auto;
    overflow: hidden
}

.video-list-group li.tg a {
    margin: 0
}

.raw-list-group {
    display: block;
    margin-right: -.05rem;
    position: relative;
    overflow: hidden
}

.raw-list-group ul {
    display: block
}

.raw-list-group li {
    float: left;
    display: block;
    width: 16.66%;
    overflow: hidden
}

.raw-list-group li a {
    display: block;
    margin: 0 .05rem .1rem 0;
    position: relative;
    overflow: hidden
}

.raw-list-group li .pic {
    position: relative;
    display: block;
    width: 100%;
    border-radius: .03rem;
    overflow: hidden
}

.raw-list-group li .pic img {
    display: block;
    width: 100%;
    height: auto
}

.raw-list-group li .tit {
    margin-top: .05rem;
    padding: 0;
    width: 100%;
    height: .2rem;
    line-height: .2rem;
    font-size: .14rem;
    color: #555;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.raw-list-group li a:hover {
    background-color: #fcfcfc
}

.raw-list-group li a:hover .tit {
    color: #0073BB
}

.raw-list-group li.btn-more a {
    font-size: .12rem;
    text-align: center;
    color: #888;
    background-color: #f9f9f9
}

.raw-list-group li.btn-more img {
    display: block;
    width: 100%;
    height: auto
}

.raw-list-group li.btn-more span {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    margin-top: -.1rem;
    width: 100%;
    height: .2rem;
    line-height: .2rem;
    overflow: hidden
}

.expert-list-group-A {
    display: block;
    position: relative;
    overflow: hidden
}

.expert-list-group-A ul {
    display: block
}

.expert-list-group-A li {
    clear: both;
    display: block;
    padding: .13rem .08rem .15rem;
    overflow: hidden
}

.expert-list-group-A li:first-child {
    border-top: 0
}

.expert-list-group-A li:first-child:before {
    height: 0;
    background: none
}

.expert-list-group-A li .item-main {
    display: block;
    margin-right: .7rem
}

.expert-list-group-A li .portrait {
    float: left;
    display: block;
    margin-right: .1rem;
    padding: .03rem;
    border: 1px solid #e7e7e7
}

.expert-list-group-A li .pic {
    float: left;
    display: block;
    width: .5rem;
    height: .5rem;
    overflow: hidden
}

.expert-list-group-A li .pic img {
    display: block;
    width: .5rem;
    height: .5rem
}

.expert-list-group-A li .tit {
    padding-top: .05rem;
    height: .24rem;
    line-height: .24rem;
    font-size: .12rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.expert-list-group-A li .tit .name {
    font-size: .16rem;
    color: #0073BB
}

.expert-list-group-A li .tit span {
    margin-right: .1rem;
    color: #9a9a9a
}

.expert-list-group-A li .con {
    margin-top: .01rem;
    height: .24rem;
    line-height: .24rem;
    font-size: .12rem;
    color: #666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.expert-list-group-A li .con .hospital {
    margin-left: .1rem
}

.expert-list-group-A li .item-btn {
    float: right;
    display: block;
    width: .62rem;
    text-align: center
}

.expert-list-group-A li .item-btn .btn {
    display: block;
    margin-top: 0;
    padding: .01rem 0
}

.expert-list-group-A li .item-btn .btn-online {
    margin-top: 0
}

.expert-list-group-A li .item-btn .btn-ask {
    margin-top: .15rem;
    background-color: #f0931a
}

.expert-list-group-A li.tg {
    padding: .13rem 0 .15rem
}

.expert-list-group-A li.null {
    text-align: center;
    font-size: .12rem;
    color: #999
}

.expert-list-group {
    display: block;
    position: relative;
    overflow: hidden
}

.expert-list-group .expert-item {
    position: relative;
    padding: .15rem 0;
    background-color: #fff;
    overflow: hidden
}

.expert-list-group .expert-item:first-child {
    margin-top: 0
}

.expert-list-group .expert-item .item-main {
    position: relative;
    clear: both;
    display: block;
    overflow: hidden
}

.expert-list-group .expert-item .pic {
    float: left;
    display: block;
    margin-right: .15rem;
    width: .74rem;
    height: .74rem;
    border-radius: 50%;
    overflow: hidden
}

.expert-list-group .expert-item .pic img {
    display: block;
    width: .74rem;
    height: .74rem
}

.expert-list-group .expert-item .e-info {
    margin: 0 .7rem 0 .9rem;
    padding-top: .03rem
}

.expert-list-group .expert-item .e-title .position {
    font-size: .12rem;
    color: #999
}

.expert-list-group .expert-item .e-title .name {
    margin-right: .15rem;
    font-size: .18rem
}

.expert-list-group .expert-item .e-help {
    position: absolute;
    right: 0;
    top: 0;
    max-width: .8rem;
    height: .48rem;
    line-height: .24rem;
    font-size: .12rem;
    color: #999;
    text-align: center;
    overflow: hidden
}

.expert-list-group .expert-item .e-help .tit {
    display: block;
    font-size: .14rem
}

.expert-list-group .expert-item .e-help .num {
    display: inline-block;
    margin-right: .02rem;
    font-size: .16rem;
    color: #28a8d7;
    vertical-align: -.08rem;
    overflow: hidden
}

.expert-list-group .expert-item .e-intr {
    padding-top: .06rem;
    line-height: .20rem;
    font-size: .12rem;
    color: #666
}

.expert-list-group .expert-item .e-intr p {
    display: block;
    padding: .02rem 0;
    overflow: hidden
}

.expert-list-group .expert-item .e-intr .tit {
    color: #999
}

.expert-list-group .expert-item .e-intr .e-hospital {
    height: .20rem;
    white-space: nowrap;
    text-overflow: ellipsis
}

.expert-list-group .expert-item .e-intr .e-job {
    height: .20rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.expert-list-group .expert-item .item-btn {
    margin-top: .1rem;
    margin-right: -.14rem;
    height: auto
}

.expert-list-group .expert-item .item-btn p {
    float: left;
    display: block;
    width: 50%
}

.expert-list-group .expert-item .item-btn .btn {
    display: block;
    margin-right: .14rem;
    padding-left: 0;
    padding-right: 0
}

.expert-list-group .expert-item .item-btn .btn-blue {
    background-color: #27a6d1;
    color: #fff
}

.expert-list-group .expert-item:hover {
    background-color: #fcfcfc
}

.expert-list-group .expert-item:hover .e-title .name {
    color: #0073BB
}

.expert-list-group .expert-item .item-btn .btn-green:hover {
    color: #fff;
    background-color: #0073BB
}

.expert-list-group .expert-item .item-btn .btn-orange:hover {
    color: #fff;
    background-color: #efad4d
}

.hospital-list-group {
    display: block;
    background-color: transparent
}

.hospital-list-group .hospital-item {
    position: relative;
    padding: .15rem 0;
    background-color: #fff;
    overflow: hidden
}

.hospital-list-group .hospital-item:first-child {
    margin-top: 0
}

.hospital-list-group .hospital-item:hover {
    background-color: #fcfcfc
}

.hospital-list-group .hospital-item .item-main {
    position: relative;
    display: block;
    margin-right: .8rem;
    min-height: .74rem
}

.hospital-list-group .hospital-item .item-btn {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -.15rem
}

.hospital-list-group .hospital-item .pic {
    float: left;
    display: block;
    margin: .02rem .15rem .02rem 0;
    width: .7rem;
    height: .7rem;
    border-radius: 50%;
    overflow: hidden
}

.hospital-list-group .hospital-item .pic img {
    display: block;
    width: .7rem;
    height: .7rem
}

.hospital-list-group .hospital-item .tit {
    height: .3rem;
    line-height: .3rem;
    font-size: .14rem;
    color: #444;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.hospital-list-group .hospital-item .con {
    height: .44rem;
    line-height: .22rem;
    font-size: .12rem;
    color: #999;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.hospital-list-group .hospital-item .item-main:hover .tit {
    color: #0073BB
}

.hosp-list-group {
    display: block;
    position: relative;
    overflow: hidden
}

.hosp-list-group .hosp-item {
    clear: both;
    display: block;
    margin-top: .15rem;
    height: .65rem;
    background-color: #f9f9f9;
    overflow: hidden
}

.hosp-list-group .hosp-item .pic {
    float: left;
    position: relative;
    display: block;
    width: .98rem;
    height: .65rem;
    overflow: hidden
}

.hosp-list-group .hosp-item .pic img {
    width: .98rem;
    height: .65rem;
    border: 0 none
}

.hosp-list-group .hosp-item .space {
    display: block;
    margin-left: 1.08rem;
    height: .18rem;
    line-height: .18rem;
    font-size: .12rem;
    color: #777;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.hosp-list-group .hosp-item .space span {
    color: #999
}

.hosp-list-group .hosp-item .tit {
    margin: .02rem 0 0 1.08rem;
    height: .24rem;
    line-height: .24rem;
    font-size: .16rem;
    color: #333
}

.hosp-list-group .hosp-item .tit span {
    margin-left: .1rem;
    font-size: .12rem;
    color: #777
}

.hosp-list-group .hosp-item .keshi b {
    margin-right: .1rem;
    font-weight: normal;
    color: #777
}

.hosp-list-group .hosp-item:hover {
    background-color: #fcfcfc
}

.hosp-list-group .hosp-item:hover .tit {
    color: #0073BB
}

.common-info {
    position: relative;
    background: #fff url(../img/bg-expert-head.jpg) no-repeat top center;
    background-size: 100% 100%;
    overflow: hidden
}

.common-info .info {
    position: relative;
    clear: both;
    display: block;
    padding: .2rem .16rem;
    overflow: hidden
}

.common-info .info .photo {
    float: left;
    display: block;
    margin: 0 .15rem 0 0;
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    overflow: hidden
}

.common-info .info .photo img {
    width: 100%;
    height: 100%
}

.common-info .info .name {
    display: block;
    margin: 0 1rem 0 .75rem;
    padding: .05rem 0;
    min-height: .2rem;
    line-height: .2rem;
    font-size: .16rem;
    overflow: hidden
}

.common-info .info .btn-group {
    position: absolute;
    right: .16rem;
    display: block;
    top: 50%;
    margin-top: -.36rem;
    font-size: .15rem;
    color: #f60;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.common-info .info .btn-group .btn {
    display: block;
    font-size: .15rem;
    color: #fff
}

.common-info .info .btn-group .btn:last-child {
    margin-top: .15rem
}

.common-info .info .phone {
    display: block;
    margin-left: .75rem;
    height: .22rem;
    line-height: .22rem;
    font-size: .15rem;
    color: #f60;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.common-info .info .total {
    display: block;
    margin-left: .75rem;
    overflow: hidden
}

.common-info .info .total .small {
    float: left;
    display: block;
    margin-right: .2rem;
    height: .24rem;
    line-height: .24rem;
    color: #999;
    font-weight: normal;
    font-size: .12rem
}

.common-info .info .total .small .num {
    color: #666
}

.common-info .synopsis {
    padding: .1rem .16rem;
    line-height: .22rem;
    font-size: .12rem;
    color: #444;
    background-color: #fff;
    overflow: hidden
}

.common-info .foldPanel {
    max-height: .22rem
}

.common-info .foldPanel.active {
    max-height: none
}

.common-info .foldBtn {
    height: .22rem;
    line-height: .22rem
}

.common-info .hospital .photo,.common-info .expert .photo {
    margin-top: .08rem
}

.common-info .media .name {
    margin-right: .6rem
}

.channel-nav {
    position: relative;
    display: block;
    height: .46rem;
    background-color: #fff;
    border-bottom: 1px solid #f4f4f8;
    z-index: 99
}

.channel-nav .bd {
    position: relative;
    display: block;
    width: 100%;
    height: .46rem;
    background-color: #f9f9f9;
    overflow: hidden;
    z-index: 1
}

.channel-nav .bd ul {
    display: block;
    margin-right: .5rem;
    padding: .05rem 0;
    min-height: .36rem;
    background-color: #fff;
    overflow: hidden
}

.channel-nav .bd li {
    float: left;
    display: block;
    width: 33.33%;
    height: .36rem;
    line-height: .36rem;
    font-size: .14rem;
    text-align: center;
    overflow: hidden
}

.channel-nav .bd li.active a {
    font-size: .15rem;
    color: #0073BB;
    font-weight: bold
}

@media screen and (min-width:641px) {
    .channel-nav .bd ul li {
        width: 25%
    }

    .bodymaxwidth .channel-nav .bd ul li {
        width: 33.33%
    }
}

.channel-nav .bd ul.w2 li {
    width: 50%
}

.channel-nav .bd ul.w3 li {
    width: 33.33%
}

.channel-nav .more {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: .5rem;
    height: .46rem;
    line-height: .46rem;
    text-align: center;
    background-color: #f9f9f9;
    overflow: hidden;
    z-index: 2
}

.channel-nav .more .gxfont {
    display: block;
    width: .5rem;
    height: .46rem;
    line-height: .46rem;
    font-size: .16rem;
    color: #999;
    transition: transform .3s;
    -ms-transition: transform .3s;
    -moz-transition: transform .3s;
    -webkit-transition: transform .3s;
    -o-transition: transform .3s;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg)
}

.channel-nav .more .gxico-xialaliebiao:before {
    content: "\e72d"
}

.channel-nav.active .bd {
    position: absolute;
    top: 0;
    left: 0;
    height: auto;
    overflow: visible;
    border-bottom: 1px solid #d9d9d9;
    box-shadow: 0 3px 3px rgba(0,0,0,.1)
}

.channel-nav.active .more .gxfont {
    color: #0073BB;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg)
}

.carousel-module {
    display: block;
    background-color: #fff
}

.slidebox {
    position: relative;
    overflow: hidden
}

.slidebox .hd {
    position: absolute;
    left: 0;
    bottom: .06rem;
    display: block;
    width: 100%;
    height: .28rem;
    line-height: .28rem;
    text-align: center;
    z-index: 1
}

.slidebox .hd ul {
    display: block;
    width: 100%;
    text-align: center
}

.slidebox .hd li {
    display: inline-block;
    margin: 0 .04rem;
    width: .06rem;
    height: .06rem;
    text-indent: -999px;
    background-color: #eaeaea;
    cursor: pointer;
    box-shadow: 0 0 1px rgba(0,0,0,.2);
    border-radius: .03rem;
    overflow: hidden
}

.slidebox .hd li.on {
    background-color: #0073BB
}

.slidebox .bd {
    position: relative;
    z-index: 0;
    overflow: hidden
}

.slidebox .bd li {
    position: relative;
    text-align: center
}

.slidebox .bd li img {
    background: url(loading.gif) center center no-repeat;
    vertical-align: top;
    width: 100%
}

.slidebox .bd li a {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.slidebox .bd li .tit {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    text-indent: .1rem;
    height: .28rem;
    line-height: .28rem;
    background: url(images/focusBg.png) repeat-x;
    color: #fff;
    text-align: left
}

.slidebox .bd ul {
    display: none
}

.slidebox .bd .tempWrap ul {
    display: block
}

@media screen and (max-width:320px) {
    .slidebox .bd,.slidebox .bd li img {
        max-height: 1rem
    }
}

@media screen and (min-width:321px) and (max-width:480px) {
    .slidebox .bd,.slidebox .bd li img {
        max-height: 1.5rem
    }
}

@media screen and (min-width:485px) and (max-width:540px) {
    .slidebox .bd,.slidebox .bd li img {
        max-height: 1.69rem
    }
}

@media screen and (min-width:541px) and (max-width:640px) {
    .slidebox .bd,.slidebox .bd li img {
        max-height: 2rem
    }
}

@media screen and (min-width:641px) and (max-width:720px) {
    .slidebox .bd,.slidebox .bd li img {
        max-height: 2.25rem
    }
}

@media screen and (min-width:641px) and (max-width:750px) {
    .slidebox .bd,.slidebox .bd li img {
        max-height: 2.34rem
    }
}

@media screen and (min-width:751px) {
    .slidebox .bd,.slidebox .bd li img {
        max-height: 2.5rem
    }

    .bodymaxwidth .slidebox .bd,.bodymaxwidth .slidebox .bd li img {
        max-height: 2.34rem
    }
}

@media screen and (min-width:721px) {
    .pc .slidebox .bd,.pc .slidebox .bd li img {
        max-height: 370px
    }
}

.mk-rel-iart .ins-wp {
    padding: 0 .16rem .15rem
}

.mk-rel-iart .ins-wp .tg {
    margin-top: .05rem;
    margin-bottom: .1rem
}

.mk-rel-art {
    display: block
}

.mk-rel-art .art-list-group {
    display: block;
    margin: 0;
    padding: 0 .16rem .12rem
}

.mk-rel-artcon {
    display: block
}

.mk-rel-artcon .artcon-list-group {
    padding: .03rem .16rem .05rem
}

.mk-rel-artcon .artcon-list-group li.line-t:first-child {
    padding-top: 0;
    border-top: 0
}

.mk-rel-artcon .artcon-list-group li.line-t:first-child:after {
    display: none;
    height: 0;
    background: none
}

.mk-rel-artpic {
    display: block
}

.mk-rel-artpic .artpic-list-group {
    padding: .03rem .16rem .05rem
}

.mk-rel-artpic .artpic-list-group li.line-t:first-child {
    padding-top: 0;
    border-top: 0
}

.mk-rel-artpic .artpic-list-group li.line-t:first-child:after {
    display: none;
    height: 0;
    background: none
}

.mk-rel-pic {
    display: block
}

.mk-rel-pic .pic-list-group {
    margin: 0;
    padding: .05rem .06rem .15rem .16rem
}

.mk-rel-pic .tg {
    display: block;
    margin-top: .1rem;
    margin-right: .1rem;
    overflow: hidden
}

.mk-rel-video {
    display: block
}

.mk-rel-video .video-list-group {
    margin: 0;
    padding: 0 .02rem 0 .16rem
}

.mk-rel-expert {
    display: block
}

.mk-rel-expert .expert-list-group {
    padding: .03rem .16rem .05rem
}

.mk-rel-expert .expert-list-group li.line-t:first-child {
    padding-top: 0;
    border-top: 0
}

.mk-rel-expert .expert-list-group li.line-t:first-child:after {
    display: none;
    height: 0;
    background: none
}

.mk-rel-expert .expert-list-group dl.line-t:first-child {
    padding-top: 0;
    border-top: 0
}

.mk-rel-expert .expert-list-group dl.line-t:first-child:after {
    display: none;
    height: 0;
    background: none
}

.mk-rel-hospital .hosp-list-group {
    margin: 0;
    padding: .05rem .16rem .17rem
}

.mk-rel-hospital .hosp-list-group .hosp-item:first-child {
    margin-top: 0
}

.mk-rel-hospital .hospital-list-group {
    margin: 0;
    padding: .05rem .16rem .07rem
}

.mk-rel-hospital .hospital-list-group .hospital-item:first-child {
    padding-top: 0;
    border-top: 0
}

.mk-rel-hospital .hospital-list-group .hospital-item:first-child:after {
    display: none;
    height: 0;
    background: none
}

.Jshare-wrap {
    bottom: 0;
    left: 0;
    position: fixed;
    display: none;
    width: 100%;
    font-size: .14rem;
    text-align: center;
    border-radius: 0;
    overflow: hidden;
    z-index: 1000
}

.Jshare-wrap.modal-active {
}

.Jshare-wrap.modal-out {
    transform: translateY(100%)
}

.Jshare-wrap .Jshare-title {
    margin: 0 .1rem;
    padding: .1rem 0 0;
    color: #555;
    font-weight: 400;
    text-align: center;
    background-color: #f8f8f8;
    border-bottom: 1px solid #fff;
    border-radius: 2px 2px 0 0
}

.Jshare-wrap .Jshare-title:after {
    border-bottom: 1px solid #dfdfdf;
    content: "";
    display: block;
    height: 0;
    margin-top: .1rem;
    width: 100%
}

.Jshare-wrap .Jshare-footer {
    margin: .1rem
}

.Jshare-wrap .Jshare-footer .Jshare-close {
    color: #555;
    display: block;
    width: 100%;
    background-color: #e6e6e6;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    cursor: pointer;
    font-size: .16rem;
    font-weight: 400;
    line-height: 1.2;
    padding: .625em 0;
    text-align: center;
    transition: background-color 300ms ease-out 0s,border-color 300ms ease-out 0s;
    vertical-align: middle;
    white-space: nowrap;
    font-family: "微软雅黑"
}

.Jshare-wrap .Jshare-sns {
    display: block;
    margin: 0 .1rem;
    padding: .15rem 0 .15rem;
    height: auto;
    background-color: #f8f8f8;
    border-radius: 0 0 .02rem .02rem;
    *zoom: 1;
    overflow: auto
}

.Jshare-wrap .Jshare-sns li {
    display: block;
    float: left;
    height: auto;
    width: 25%
}

.Jshare-wrap .Jshare-sns a {
    display: block;
    width: 100%;
    min-width: .45rem;
    height: .7rem;
    text-decoration: none;
    font-family: "helvetica neue",tahoma,"hiragino sans gb",stheiti,"wenquanyi micro hei","Microsoft YaHei","SimSun",sans-serif;
    color: #777;
    font-size: .12rem;
    text-align: center;
    background: none !important;
    overflow: hidden
}

.Jshare-wrap .Jshare-sns a:before {
    content: "";
    display: block;
    margin: 0 auto .05rem;
    width: .45rem;
    height: .46rem;
    background: url(../img/shareIcon_v2.png) no-repeat;
    background-size: .45rem
}

.Jshare-wrap .Jshare-sns a.tsina:before {
    background-position: 0 -.97rem !important
}

.Jshare-wrap .Jshare-sns a.weixin:before {
    background-position: 0 0 !important
}

.Jshare-wrap .Jshare-sns a.timeline:before {
    background-position: 0 -.48rem !important
}

.Jshare-wrap .Jshare-sns a.qzone:before {
    background-position: 0 -1.45rem !important
}

.Jshare-sharebg {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    display: none;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(0,0,0,.6);
    z-index: 999
}

.Jshare-sharebg.modal-active {
    opacity: 1;
    display: block
}

.tg-wrap {
    padding: .15rem .16rem;
    background-color: #fff
}

.tg.bgbb {
    padding: .15rem .16rem;
    background-color: #fff
}

.tg {
    position: relative;
    display: block;
    overflow: hidden
}

.tg img {
    width: 100% !important;
    height: auto !important;
    border: 0 none
}

.tg-20b3,.tg-bd {
    position: relative;
    display: block;
    overflow: hidden
}

.tg-wrap.tg-bd {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0
}

.tg.tg-bd {
    margin-left: -.16rem;
    margin-right: -.16rem
}

.tg-2b {
    margin-right: -.1rem
}

.tg-2b .sub {
    position: relative;
    float: left;
    display: block;
    width: 50%
}

.tg-2b .sub a {
    display: block;
    margin-right: .1rem;
    overflow: hidden
}

.tg-20b3 a,.tg-2b a,.tg-pictxt a {
    position: relative;
    display: block
}

.tg-20b3 a:after,.tg-2b a:after,.tg-article:after,.tg-pictxt a:after {
    content: "";
    display: block;
    position: absolute;
    bottom: .02rem;
    right: .02rem;
    overflow: hidden;
    width: 22px;
    height: 14px;
    background: url(../img/tg-mark-r1.png) no-repeat;
    background-size: 22px 14px
}

@media only screen and (min-device-pixel-ratio:3),only screen and (min-device-pixel-ratio:2) {
    .tg-20b3 a:after,.tg-2b a:after,.tg-article:after,.tg-pictxt a:after {
        width: .18rem;
        height: .1rem;
        background: url(../img/tg-mark.png) no-repeat;
        background-size: .18rem .1rem
    }
}

.ls-tg-pictxt-h68 {
    display: block;
    height: .68rem;
    background: url(../upload/tg/tg-pictxt-baidu.png) no-repeat;
    background-size: auto .68rem
}

.in-navfixed .global-head-seat,.in-navfixed .global-head {
    height: .88rem
}

.in-navfixed .global-head .navbox,.in-navfixed .global-head .navfixed {
    clear: both;
    position: relative;
    display: block;
    height: .40rem;
    background: #f4f5f6
}

.in-navfixed .pload-warp,.in-navfixed .smload-warp {
    top: .88rem
}

.single-filter {
    position: relative;
    display: block;
    z-index: 997
}

.single-filter .nav-hd {
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    z-index: 2
}

.single-filter .nav-hd li {
    display: block;
    height: .4rem;
    line-height: .4rem;
    text-align: center;
    color: #666;
    cursor: pointer
}

.single-filter .nav-hd li:last-child {
    border-right: 0 none
}

.single-filter .nav-hd li span {
    font-size: .14rem;
    cursor: pointer
}

.single-filter .nav-hd li .gxfont {
    margin-left: .05rem;
    font-size: .12rem;
    color: #ccc;
    cursor: pointer
}

.single-filter .nav-hd li.active {
    color: #0073BB
}

.single-filter .nav-hd li.active .gxfont:before {
    content: "\e72b";
    color: #98dbbc
}

.single-filter .nav-hd li:hover {
    background-color: #fcfcfc
}

.single-filter .nav-hd li:hover span {
    color: #0073BB
}

.single-filter .nav-hd li:hover .gxfont {
    color: #98dbbc
}

.single-filter .nav-bd {
    position: absolute;
    left: 0;
    top: .4rem;
    display: none;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #eee;
    overflow: hidden;
    z-index: 1
}

.single-filter .nav-bd.active {
    display: block;
    height: 3.5rem;
    overflow-y: auto
}

.single-filter .nav-bd ul {
    clear: both;
    display: block;
    padding: .2rem .1rem .1rem;
    background-color: #fff
}

.single-filter .nav-bd ul li {
    float: left;
    display: block;
    margin-bottom: .12rem;
    width: 25%
}

.single-filter .nav-bd ul li a {
    display: block;
    margin: 0 .06rem;
    height: .3rem;
    line-height: .3rem;
    font-size: .14rem;
    text-align: center;
    border: 1px solid #dedede;
    border-radius: .16rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.single-filter .nav-bd ul li a:active,.single-filter .nav-bd ul li a:hover {
    color: #0073BB;
    border-color: #98dbbc
}

.gxmsg-wrap {
    box-sizing: border-box
}

.gxmsg-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.1);
    z-index: -1
}

.gxmsg-content {
    position: fixed;
    top: 50%;
    left: 50%;
    max-width: 85%;
    width: auto;
    text-align: center;
    background-color: rgba(0,0,0,.75);
    border-radius: 5px;
    overflow: hidden;
    z-index: 19850909;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.gxmsg-content .gxmsg-body {
    position: relative;
    display: inline-block;
    padding: .05rem .1rem;
    font-size: .12rem;
    line-height: .2rem;
    color: #fff;
    text-align: center
}

.gxmsg-content .gxmsg-body .info-icon {
    max-width: .48rem
}

.gxmsg-content .gxmsg-body .info-text {
    font-size: .16rem
}

.gxmsg-show .gxmsg-content {
    opacity: 1;
    filter: alpha(opacity=100)
}

.postion-top .gxmsg-content {
    top: 15%
}

.postion-middle .gxmsg-content {
    top: 50%
}

.postion-bottom .gxmsg-content {
    top: 85%
}

.gxdialog-wrap {
    box-sizing: border-box
}

.gxdialog-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 19850808;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.gxdialog-content {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 85%;
    text-align: center;
    background-color: #fff;
    border-radius: 3px;
    overflow: hidden;
    z-index: 19850809;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.gxdialog-header {
    padding: .24rem 0 0
}

.gxdialog-title {
    line-height: .17rem;
    font-size: .17rem;
    font-weight: 400
}

.gxdialog-body {
    padding: .24rem .2rem;
    line-height: .22rem;
    font-size: .14rem;
    color: #666;
    text-align: left;
    word-wrap: break-word;
    word-break: break-all;
    background-color: #fff
}

.gxdialog-footer {
    position: relative;
    line-height: .42rem;
    font-size: .16rem;
    background-color: #fafafc;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.gxdialog-footer:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #ededed;
    overflow: hidden
}

.gxdialog-btn {
    position: relative;
    display: block;
    text-decoration: none;
    color: #353535;
    outline: none;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.gxdialog-btn:active {
    background-color: #eee
}

.gxdialog-btn:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 1px;
    height: 100%;
    background-color: #ededed;
    overflow: hidden
}

.gxdialog-btn:first-child:after {
    display: none
}

.gxdialog-confirm-wrap .gxdialog-footer .gxdialog-btn-ok {
    color: #0bb20c
}

.gxdialog-info-content {
    width: auto;
    text-align: center;
    background-color: rgba(0,0,0,.8);
    border-radius: 5px
}

.gxdialog-info-content .gxdialog-body {
    position: relative;
    display: inline-block;
    padding: .1rem .1rem;
    color: #fff;
    text-align: center
}

.gxdialog-info-content .gxdialog-body .info-icon {
    max-width: .48rem
}

.gxdialog-info-content .gxdialog-body .info-text {
    font-size: .16rem
}

.gxdialog-info-wrap .gxdialog-overlay {
    background-color: transparent;
    opacity: 0;
    filter: alpha(opacity=0)
}

.gxdialog-show .gxdialog-overlay {
    opacity: .6;
    filter: alpha(opacity=60)
}

.gxdialog-show .gxdialog-content {
    opacity: 1;
    filter: alpha(opacity=100)
}

@media screen and (min-width:1024px) {
    .gxdialog-content {
        max-width: 45%
    }

    .gxdialog-info-wrap .gxdialog-content {
        max-width: 85%
    }
}

@media only screen and (-Webkit-min-device-pixel-ratio:3),only screen and (-moz-min-device-pixel-ratio:3),only screen and (-o-min-device-pixel-ratio:3),only screen and (min-device-pixel-ratio:3) {
    .gxdialog-footer:after {
        width: 333%;
        transform: scale(.333);
        transform-origin: left top
    }

    .gxdialog-btn:after {
        height: 333%;
        transform: scale(.333);
        transform-origin: left top
    }
}

@media only screen and (-Webkit-min-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
    .gxdialog-footer:after {
        width: 200%;
        transform: scale(.5);
        transform-origin: left top
    }

    .gxdialog-btn:after {
        height: 200%;
        transform: scale(.5);
        transform-origin: left top
    }
}

@media screen and (min-width:721px) {
    .pc .gxdialog-content {
        width: 700px
    }
}

.comment-plugIn {
    padding: .16rem!important;
    width: auto!important;
    background-color: #fff!important
}

#fixedElevator {
    position: fixed;
    bottom: 30px;
    right: 20px;
    display: block;
    width: 60px;
    height: auto;
    z-index: 995
}

#fixedElevator #elevator-qrcode {
    position: relative;
    display: block;
    width: 34px;
    height: 34px;
    background: url(../img/QRcode-min.png) no-repeat center center;
    border-radius: 2px;
    transition: .2s linear;
    opacity: .8;
    filter: alpha(opacity=80)
}

#fixedElevator #elevator-qrcode:hover {
    transition: .2s linear;
    opacity: 1;
    filter: alpha(opacity=100)
}

#fixedElevator #elevator-qrcode .QRcode-max {
    position: absolute;
    right: 100%;
    bottom: 100%;
    display: block;
    width: auto;
    height: auto;
    line-height: 240px;
    text-align: center;
    background: #fff url(../img/loading.gif) center center no-repeat
}

#fixedElevator #elevator-qrcode .QRcode-max img {
    display: block;
    border: 0;
    box-shadow: 0 1px 8px rgba(0,0,0,.25)
}

.menu-main {
    position: fixed;
    _position: absolute;
    left: 2px;
    top: 52px;
    display: block;
    z-index: 100
}

.menu-main .menu-wrap {
    display: block
}

.menu-main a {
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 12px;
    text-decoration: none;
    color: #666;
    vertical-align: baseline;
    background: transparent
}

.menu-main ul {
    display: block;
    margin: 0;
    padding: 3px;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px
}

.menu-main ul li {
    position: relative;
    display: block;
    float: none;
    margin-bottom: 1px;
    height: auto;
    background-color: #f7f7f7;
    white-space: nowrap
}

.menu-main ul li:first-child {
    border-radius: 3px 3px 0 0
}

.menu-main ul li:last-child {
    border-radius: 0 0 3px 3px;
    margin-bottom: 0
}

.menu-main ul li a {
    display: block;
    padding: 3px 5px 3px 10px;
    font-size: 12px;
    color: #444
}

.menu-main ul li a:hover {
    color: #fbfff1 !important;
    text-decoration: none !important
}

.menu-main ul li.current {
    background-color: #8ab356 !important;
    color: #d9e7ce
}

.menu-main ul li.current a {
    color: #fff !important
}

.menu-main ul li:hover {
    background-color: #aac885
}

.menu-main ul li:hover a {
    color: #fff
}

.menu-main .menuBtn {
    display: block;
    margin-top: 5px;
    padding: 3px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px
}

.menu-main .menuBtn a {
    display: block;
    padding: 3px 0;
    font-size: 12px;
    color: #444;
    background-color: #f7f7f7
}

.menu-main .on-off {
    position: absolute;
    top: 5px;
    right: -40px;
    display: block;
    font-size: 16px
}

#menu-right {
    left: auto !important;
    right: 2px !important
}