.text-c {
    display: -webkit-flex;
    -webkit-flex-wrap: nowrap;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

body,
h1,
h2,
h3,
h4,
p,
dl,
dt,
dd,
ul,
ol,
li,
form,
button,
input,
textarea,
th,
td,
a {
    margin: 0;
    padding: 0
}

header,
section,
footer {
    display: block
}

body {
    font-family: "Microsoft YaHei", arial, "\5b8b\4f53", sans-serif, tahoma;
    font-size: 14px;
    color: #555;
    background: #fafafa;
    min-width: 1200px;
    word-wrap: break-word;
    word-break: break-all
}

img {
    vertical-align: bottom;
    border: 0
}

h1,
h2,
h3,
h4 {
    font-weight: normal
}

ul,
ol,
li {
    list-style: none
}

em,
i {
    font-style: normal
}

a,
input,
button {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

button {
    -webkit-appearance: none;
    border-radius: 0
}

a,
input,
textarea,
select,
option,
button {
    outline: 0
}

textarea {
    font: inherit
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 1000px #fff;
    box-shadow: inset 0 0 0 1000px #fff
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #eee
}

a {
    color: #666;
    text-decoration: none
}

/*CSS Digg style pagination*/

DIV.pageinfo {
    display: flex;
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    PADDING-BOTTOM: 3px;
    MARGIN: 3px;
    PADDING-TOP: 3px;
    TEXT-ALIGN: center;
    justify-content: center;

}

DIV.pageinfo A {
    BORDER-RIGHT: #55babd 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #55babd 1px solid;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 2px;
    MARGIN: 2px;
    BORDER-LEFT: #55babd 1px solid;
    COLOR: #55babd;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #55babd 1px solid;
    TEXT-DECORATION: none
}

DIV.pageinfo A:hover {
    BORDER-RIGHT: #55babd 1px solid;
    BORDER-TOP: #55babd 1px solid;
    BORDER-LEFT: #55babd 1px solid;
    COLOR: #000;
    BORDER-BOTTOM: #55babd 1px solid
}

DIV.pageinfo A:active {
    BORDER-RIGHT: #55babd 1px solid;
    BORDER-TOP: #55babd 1px solid;
    BORDER-LEFT: #55babd 1px solid;
    COLOR: #000;
    BORDER-BOTTOM: #55babd 1px solid
}

DIV.pageinfo SPAN.thisclass {
    BORDER-RIGHT: #55babd 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #55babd 1px solid;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 2px;
    MARGIN: 2px;
    BORDER-LEFT: #55babd 1px solid;
    COLOR: #fff;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #55babd 1px solid;
    BACKGROUND-COLOR: #55babd
}

DIV.pageinfo SPAN.disabled {
    BORDER-RIGHT: #eee 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #eee 1px solid;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 2px;
    MARGIN: 2px;
    BORDER-LEFT: #eee 1px solid;
    COLOR: #ddd;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #eee 1px solid
}

.Site {
    display: flex;
    display: -webkit-flex;
    /* Safari */
    min-height: 100vh;
    flex-direction: column;
}

.Site-content {
    flex: 1;
}

.fl {
    float: left !important
}

.fr {
    float: right !important
}

.cb {
    clear: both
}

.mt30 {
    margin-top: 30px
}

.mt50 {
    margin-top: 0px
}

.ml20 {
    margin-left: 20px
}

.mb20 {
    margin-bottom: 20px
}

.mb30 {
    margin-bottom: 30px
}

.wrap {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    clear: both
}

.link {
    color: #409eff;
    cursor: pointer
}

.c-text-nowrap {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c-text-nowrap-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

body::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

body::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2)
}

@font-face {
    font-family: "iconfont";
    src: url('../font/font_916383_w3tlwmwux2.eot');
    src: url('../font/font_916383_w3tlwmwux2.eot') format('embedded-opentype'), url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), url('../font/font_916383_w3tlwmwux2.woff') format('woff'), url('../font/font_916383_w3tlwmwux2.ttf') format('truetype'), url('../font/font_916383_w3tlwmwux2.svg') format('svg')
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-shequ:before {
    content: "\e72d"
}

.icon-doctors:before {
    content: "\e634"
}

.icon-hospitals:before {
    content: "\e641"
}

.icon-msg2:before {
    content: "\e63f"
}

.icon-tuichuquanping:before {
    content: "\e79d"
}

.icon-forward:before {
    content: "\e616"
}

.icon-Play_linear:before {
    content: "\e63d"
}

.icon-backward:before {
    content: "\e63e"
}

.icon-warning:before {
    content: "\e606"
}

.icon-yuedu:before {
    content: "\e63c"
}

.icon-group:before {
    content: "\e61c"
}

.icon-zixun:before {
    content: "\e63b"
}

.icon-jiage:before {
    content: "\e62e"
}

.icon-dianzan_fill:before {
    content: "\e638"
}

.icon-dianzan:before {
    content: "\e639"
}

.icon-pingjia:before {
    content: "\e63a"
}

.icon-menu:before {
    content: "\e637"
}

.icon-question2:before {
    content: "\e635"
}

.icon-kefu2:before {
    content: "\e636"
}

.icon-contact:before {
    content: "\e632"
}

.icon-service:before {
    content: "\e633"
}

.icon-headset:before {
    content: "\e631"
}

.icon-voice:before {
    content: "\e630"
}

.icon-bofang:before {
    content: "\e724"
}

.icon-zanting:before {
    content: "\e725"
}

.icon-quanping:before {
    content: "\e728"
}

.icon-gotop:before {
    content: "\e62f"
}

.icon-more-dot:before {
    content: "\e71b"
}

.icon-hospital2:before {
    content: "\e61d"
}

.icon-delete:before {
    content: "\e6e3"
}

.icon-zoom:before {
    content: "\e6e6"
}

.icon-dianhua:before {
    content: "\e62d"
}

.icon-gaunzhu:before {
    content: "\e62c"
}

.icon-kefu1:before {
    content: "\e62b"
}

.icon-unfold_small:before {
    content: "\e6da"
}

.icon-jiantou:before {
    content: "\e6a2"
}

.icon-coordinates:before {
    content: "\e6ed"
}

.icon-right_fill:before {
    content: "\e629"
}

.icon-left_fill:before {
    content: "\e62a"
}

.icon-next:before {
    content: "\e627"
}

.icon-prev:before {
    content: "\e628"
}

.icon-hot1:before {
    content: "\e623"
}

.icon-timing:before {
    content: "\e624"
}

.icon-tag:before {
    content: "\e625"
}

.icon-special:before {
    content: "\e622"
}

.icon-lianxi:before {
    content: "\e61e"
}

.icon-tuandui:before {
    content: "\e61f"
}

.icon-xiangce:before {
    content: "\e620"
}

.icon-wendang:before {
    content: "\e621"
}

.icon-jia:before {
    content: "\e626"
}

.icon-diary:before {
    content: "\e61b"
}

.icon-left:before {
    content: "\e619"
}

.icon-right:before {
    content: "\e61a"
}

.icon-write:before {
    content: "\e611"
}

.icon-notepad:before {
    content: "\e618"
}

.icon-pinglun:before {
    content: "\e604"
}

.icon-soushuo:before {
    content: "\e609"
}

.icon-packup:before {
    content: "\e749"
}

.icon-unfold:before {
    content: "\e74a"
}

.icon-home:before {
    content: "\e60c"
}

.icon-medal:before {
    content: "\e60d"
}

.icon-mimi:before {
    content: "\e60e"
}

.icon-kefu:before {
    content: "\e60f"
}

.icon-msg:before {
    content: "\e610"
}

.icon-question:before {
    content: "\e612"
}

.icon-pinglun1:before {
    content: "\e613"
}

.icon-news:before {
    content: "\e614"
}

.icon-tel:before {
    content: "\e615"
}

.icon-shouji:before {
    content: "\e617"
}

.icon-loading:before {
    content: "\e600"
}

.icon-ask:before {
    content: "\e601"
}

.icon-baike:before {
    content: "\e602"
}

.icon-b-riji:before {
    content: "\e603"
}

.icon-b-mingyi:before {
    content: "\e605"
}

.icon-b-mishe:before {
    content: "\e607"
}

.icon-b-jigou:before {
    content: "\e608"
}

.icon-doctor:before {
    content: "\e60a"
}

.icon-hospital:before {
    content: "\e60b"
}

.icon-time:before {
    content: "\e6d4"
}

.icon-right2:before {
    content: "\e6a3"
}

.icon-pinglun2:before {
    content: "\e640"
}

.icon-check:before {
    content: "\e6b1"
}

.icon-user2:before {
    content: "\e68d"
}

.icon-hot:before {
    content: "\e6ac"
}

.icon-verify:before {
    content: "\e691"
}

.icon-more:before {
    content: "\e6ba"
}

.icon-guanbi:before {
    content: "\e7b7"
}

.icon-close:before {
    content: "\e6e9"
}

.icon-favorite_fill:before {
    content: "\e6ea"
}

.icon-favorite:before {
    content: "\e6eb"
}

.icon-coordinates_fill:before {
    content: "\e6ec"
}

.icon-z:before {
    content: "\e642"
}

.iconfont {
    font-size: 14px;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    vertical-align: middle
}

.icon-on {
    color: #fe7171
}

.layui-form-item {
    margin-bottom: 25px;
    font-size: 15px
}

.layui-form-item .layui-form-label {
    color: #333
}

.layui-form-item .layui-input-inline {
    width: 300px
}

.layui-form-item .layui-input-block {
    min-height: 40px
}

.layui-form-select dl dd.layui-this {
    color: #000;
    background: #ebf8f8
}

.layui-form-radio>i,
.layui-form-radioed>i {
    font-size: 20px
}

.layui-form-radio>i:hover,
.layui-form-radioed>i {
    font-size: 20px;
    color: #56bbbe
}

.layui-textarea {
    padding: 10px;
    max-width: 100%;
    line-height: 1.8;
    text-align: justify;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.layui-upload-img {
    width: 122px;
    height: 122px;
    margin: 0 10px 10px 0
}

.layui-btn {
    color: #56bbbe;
    border: 1px solid #56bbbe;
    background-color: #fff;
    border-radius: 6px
}

.layui-btn:hover {
    color: #56bbbe
}

.layui-btn-primary {
    background-color: #fff
}

.layui-btn-primary:hover {
    border-color: #56bbbe
}

.topBar,
.city-select,
.index-min-benner {
    display: none
}

header {
    position: relative
}

header.sticky {
    position: -webkit-sticky;
    position: sticky;
    z-index: 11;
    top: 0;
    background: #fafafa;
    -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.02);
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.02)
}

header .head {
    padding-top: 6px;
    height: 100px;
    clear: both;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

header .logo {
    float: left;
    display: block;
    margin-top: 11px
}
/**
header .logo img {
    width: 100%;
    height: 100%
}
**/

header ul.fr {
    float: right;
    margin-right: 60px;
    padding-top: 13px
}

header ul.fr li {
    position: relative;
    float: left;
    padding: 10px;
    overflow: hidden;
    min-width: 100px;
    height: 26px;
    line-height: 26px;
    font-size: 16px;
    color: #666;
    text-align: center
}

header ul.fr li:nth-child(n + 2)::after {
    position: absolute;
    top: 16px;
    left: 0;
    display: inline-block;
    content: '';
    width: 0;
    height: 14px;
    border-left: 1px solid #999
}

header ul.fr li .t-user {
    display: inline-block;
    height: 26px
}

header ul.fr li .t-user img {
    display: inline-block;
    float: left;
    margin: 2px 4px 0 0;
    width: 22px;
    height: 22px;
    border-radius: 50%
}

header ul.fr li .t-user span {
    display: inline-block;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 100px
}

header ul.fr .app-qrCode {
    width: 180px;
    height: 205px;
    background: #fff;
    border-radius: 8px;
    position: absolute;
    top: 65px;
    left: -40px;
    z-index: 10;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

header ul.fr .app-qrCode i {
    position: absolute;
    top: -9px;
    left: 50%;
    z-index: 11;
    margin-left: -12px;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 10px solid #fff
}

header ul.fr .app-qrCode img {
    display: block;
    margin: 20px auto 8px;
    width: 140px;
    height: 140px;
    background: #f8f8f8
}

header ul.fr .app-qrCode p {
    margin-bottom: 16px;
    line-height: 20px;
    font-size: 14px;
    color: #666;
    text-align: center
}

header ul.fr .app-qrCode p em {
    color: #56bbbe
}

header ul.fr .t-app:hover {
    overflow: visible
}

header ul.fr .t-app:hover .app-qrCode {
    top: 55px;
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1)
}

header .main-nav {
    margin-bottom: 30px;
    padding-top: 20px;
    height: 58px;
    clear: both
}

header .main-nav .wrap {
    position: relative
}

header .main-nav .nav-con {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 58px
}

header .main-nav .nav-con li {
    position: relative;
    float: left;
    width: 200px
}

header .main-nav .nav-con li a {
    display: inline-block;
    width: 100%;
    line-height: 58px;
    font-size: 18px;
    color: #333;
    text-align: center;
    -webkit-transition: color .5s;
    transition: color .5s
}

header .main-nav .nav-con li.on a {
    border-bottom: 1px solid #57bbbe
}

header .main-nav .nav-con li.on a,
header .main-nav .nav-con li a:hover {
    color: #30bec3
}

header .main-nav .nav-con li .icon2hot {
    position: absolute;
    z-index: 3;
    top: -20px;
    left: 50%;
    margin-left: 10px;
    width: 65px;
    height: 40px;
    background: url(../image/nav_hot.png) center top no-repeat
}

header .min-nav {
    position: relative;
    height: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

header .min-nav .logo {
    float: left;
    display: block;
    margin-top: 0;
    width: 185px;
    height: 58px
}

header .min-nav .logo img {
    /*width: 185px;*/
    height: 58px
}

header .min-nav .nav-con {
    float: left;
    margin-left: 30px
}

header .min-nav .nav-con li {
    float: left;
    height: 60px
}

header .min-nav .nav-con li a {
    display: inline-block;
    padding: 8px 36px 0;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    color: #999;
    text-align: center
}

header .min-nav .nav-con li a .icon-jiantou {
    display: inline-block;
    margin-left: 5px;
    width: 14px;
    line-height: 44px;
    font-size: 12px;
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

header .min-nav .nav-con li.on a,
header .min-nav .nav-con li a:hover {
    color: #333
}

header .min-nav .nav-con li.more {
    position: relative
}

header .min-nav .nav-con li.more:hover {
    -webkit-box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.2)
}

header .min-nav .nav-con li.more:hover a {
    position: relative;
    z-index: 3;
    background: #fafafa
}

header .min-nav .nav-con li.more:hover .drop-down {
    display: block
}

header .min-nav .nav-con li .drop-down {
    display: none;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 52px;
    width: 83px;
    background: #fafafa;
    overflow: hidden;
    -webkit-box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.2);
    border-radius: 0 0 4px 4px
}

header .min-nav .nav-con li .drop-down a {
    padding: 0 0 0 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    text-align: left
}

header .min-nav .login-reg {
    float: right;
    padding-top: 22px;
    height: 16px;
    line-height: 16px;
    font-size: 16px
}

header .min-nav .login-reg a {
    display: inline-block;
    padding: 0 10px;
    float: left;
    color: #999
}

header .min-nav .login-reg span {
    display: inline-block;
    height: 16px;
    border-left: 1px solid #999;
    float: left
}

header .min-nav .login-reg .red {
    color: #ef1818
}

header .min-nav .login-reg .dark {
    color: #333
}

header .user-info-down {
    float: right;
    position: relative;
    overflow: hidden
}

header .user-info-down .user-info {
    padding-top: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 60px;
    line-height: 44px;
    font-size: 14px;
    color: #666
}

header .user-info-down .user-info img {
    display: inline-block;
    float: left;
    margin-right: 10px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #f8f8f8
}

header .user-info-down .user-info span {
    display: inline-block;
    width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    width: auto;
    max-width: 80px
}

header .user-info-down .user-down {
    position: absolute;
    top: 80px;
    right: -25px;
    z-index: 10;
    width: 180px;
    height: 332px;
    background: #fafafa;
    border-radius: 6px;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all .5s .1s;
    transition: all .5s .1s
}

header .user-info-down .user-down li {
    padding: 0 10px 0 20px
}

header .user-info-down .user-down li a {
    display: block;
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    color: #666;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

header .user-info-down .user-down li a:hover {
    color: #f60
}

header .user-info-down .user-down li i {
    position: absolute;
    top: -6px;
    right: 50%;
    z-index: 11;
    margin-left: -6px;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 7px solid #fff
}

header .user-info-down .user-down li em {
    display: inline-block;
    margin-left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ff4a3b;
    vertical-align: super
}

header .user-info-down .user-down li.name {
    border-bottom: 1px solid #e6e6e6
}

header .user-info-down .user-down li.name a {
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    color: #333
}

header .user-info-down .user-down li.quit {
    padding-bottom: 6px;
    border-top: 1px solid #e6e6e6
}

header .user-info-down:hover {
    overflow: visible
}

header .user-info-down:hover .user-down {
    top: 55px;
    background: #fff;
    -webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.2);
    filter: alpha(opacity=100);
    opacity: 1
}

header .map-btn {
    position: absolute;
    z-index: 3;
    top: 15px;
    right: 120px;
    display: inline-block;
    width: 74px;
    height: 30px;
    line-height: 30px;
    color: #000;
    text-align: center;
    background: #f2f2f2;
    border: 1px solid #dedede;
    border-radius: 3px
}

.search {
    float: left;
    margin-left: 300px;
    padding-top: 13px
}

.search .search-row {
    width: 450px;
    height: 42px;
    overflow: hidden;
    margin-bottom: 10px;
    background: #fff;
    border: 1px solid #56bbbe;
    border-radius: 8px
}

.search .search-row .search-l {
    float: left;
    padding-left: 30px
}

.search .search-row input,
.search .search-row button {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.search .search-row .iconfont {
    display: inline-block;
    width: 24px;
    text-align: center;
    font-size: 22px;
    color: #56bbbe
}

.search .search-row #key,
.search .search-row .key {
    float: left;
    width: 338px;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    color: #333;
    letter-spacing: .5px;
    background: none
}

.search .search-row #key::-webkit-input-placeholder,
.search .search-row .key::-webkit-input-placeholder {
    color: #b2b2b2
}

.search .search-row #btn {
    float: right;
    margin-top: 5px;
    display: inline-block;
    width: 82px;
    height: 32px;
    line-height: 32px;
    font-size: 22px;
    color: #56bbbe;
    letter-spacing: 2px;
    border-left: 1px solid #56bbbe;
    background: none;
    cursor: pointer
}

.search .hot-search {
    padding-left: 30px;
    overflow: hidden
}

.search .hot-search span,
.search .hot-search a {
    display: inline-block;
    float: left;
    padding: 0 5px;
    font-size: 12px;
    color: #b2b2b2
}

.min-search {
    position: absolute;
    top: 0;
    right: 150px;
    padding: 15px 0;
    width: 100px;
    background: #fafafa;
    overflow: hidden;
    -webkit-transition: all .5s;
    transition: all .5s
}

.min-search .search-row {
    position: relative;
    overflow: hidden;
    padding: 0 12px 0;
    width: 100%;
    height: 30px;
    border: 1px solid #e1e1e1;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.min-search input {
    float: left;
    display: inline-block;
    width: 50px;
    height: 28px;
    line-height: 28px;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: none
}

.min-search input::-webkit-input-placeholder {
    color: #bfbfbf
}

.min-search .iconfont {
    position: absolute;
    top: 0;
    right: 8px;
    z-index: 10;
    width: 16px;
    height: 28px;
    line-height: 28px;
    font-size: 16px;
    color: #b2b2b2;
    text-align: right
}

.min-search .hot-search {
    position: absolute;
    top: 56px;
    left: 0;
    z-index: 10;
    width: 300px;
    height: auto;
    background: #fafafa;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all .5s .1s;
    transition: all .5s .1s
}

.min-search .hot-search .tit {
    padding: 10px 20px 0;
    line-height: 30px;
    color: #999
}

.min-search .hot-search a {
    display: block;
    padding: 0 20px;
    height: 42px;
    line-height: 42px;
    color: #666
}

.min-search .hot-search a span {
    color: #56bbbe
}

.min-search .hot-search a:hover {
    color: #333;
    background: #f8f8f8
}

.min-search .hot-search a:hover span {
    color: #30bec3
}

.min-search:hover {
    width: 200px;
    overflow: visible
}

.min-search:hover input {
    width: 150px;
    -webkit-transition: all .5s .1s;
    transition: all .5s .1s
}

.min-search:hover .hot-search {
    background: #fff;
    -webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.2);
    filter: alpha(opacity=100);
    opacity: 1
}

.project-banner {
    margin-bottom: 50px;
    height: 400px;
    clear: both;
    background: #fff
}

.project-all-slide {
    position: relative;
    float: left
}

.project-all-slide .slide-nav-box {
    position: relative;
    z-index: 12;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 200px;
    height: 400px;
    background: #fff;
    overflow: hidden
}

.project-all-slide .slide-nav-box li {
    height: 40px;
    line-height: 40px;
    font-size: 14px
}

.project-all-slide .slide-nav-box li i {
    float: left;
    display: inline-block;
    margin: 10px 8px 0 15px;
    width: 20px;
    height: 20px;
    background: 0 0 url(../image/sub_nav.png) no-repeat
}

.project-all-slide .slide-nav-box li a {
    padding: 0 5px 0 10px;
    color: #666
}

.project-all-slide .slide-nav-box li a:hover {
    color: #56bbbe
}

.project-all-slide .slide-nav-box li a.hot {
    color: #ff527f
}

.project-all-slide .slide-nav-box li .mt {
    background-position: 0 0
}

.project-all-slide .slide-nav-box li .pf {
    background-position: 0 -40px
}

.project-all-slide .slide-nav-box li .bb {
    background-position: 0 -80px
}

.project-all-slide .slide-nav-box li .mb {
    background-position: 0 -120px
}

.project-all-slide .slide-nav-box li .xb {
    background-position: 0 -160px
}

.project-all-slide .slide-nav-box li .yb {
    background-position: 0 -200px
}

.project-all-slide .slide-nav-box li .kskcl {
    background-position: 0 -240px
}

.project-all-slide .slide-nav-box li .cb {
    background-position: 0 -280px
}

.project-all-slide .slide-nav-box li .sm {
    background-position: 0 -320px
}

.project-all-slide .slide-nav-box li .yc {
    background-position: 0 -358px
}

.project-all-slide .slide-nav-box li.on {
    background: #f8f8f8;
    background: rgba(248, 248, 248, 0.95)
}

.project-all-slide .slide-show-con {
    position: absolute !important;
    z-index: 11;
    top: 0;
    left: 198px;
    width: 550px;
    height: 400px;
    background: #f8f8f8;
    background: rgba(248, 248, 248, 0.95);
    -webkit-box-shadow: 10px 6px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 10px 6px 20px 0 rgba(0, 0, 0, 0.1);
    overflow: hidden
}

.project-all-slide .slide-show-con ol {
    padding: 0 15px 10px;
    max-height: 390px;
    overflow: auto
}

.project-all-slide .slide-show-con ol::-webkit-scrollbar {
    width: 3px
}

.project-all-slide .slide-show-con ol::-webkit-scrollbar-thumb {
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    background: rgba(0, 0, 0, 0.3)
}

.project-all-slide .slide-show-con li {
    padding: 10px 0;
    overflow: hidden
}

.project-all-slide .slide-show-con li .tit {
    position: relative;
    margin: 5px 0 8px
}

.project-all-slide .slide-show-con li .tit h3 {
    padding-left: 10px;
    line-height: 26px;
    font-size: 16px;
    color: #333
}

.project-all-slide .slide-show-con li .tit h3 a {
    color: #333
}

.project-all-slide .slide-show-con li .tit .more {
    display: none
}

.project-all-slide .slide-show-con li .con {
    margin-right: -24px
}

.project-all-slide .slide-show-con li .con a {
    display: inline-block;
    padding: 0 20px 0 10px;
    line-height: 28px;
    font-size: 14px;
    color: #888
}

.project-all-slide .slide-show-con li .con a:hover {
    color: #56bbbe
}

.project-all-slide .slide-show-con li .con a.hot {
    color: #ff527f
}

.project-all-slide .slide-show-con2 {
    width: 1000px
}

.project-all-slide .slide-show-con2 ol {
    float: left;
    width: 500px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.home-banner {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 400px;
    float: left;
    width: 760px;
    border-left: 1px solid #e6e6e6
}

.home-banner .bd {
    position: relative;
    z-index: 0;
    margin: 0 auto;
    overflow: hidden
}

.home-banner .bd ul {
    width: 100% !important
}

.home-banner .bd li {
    width: 100% !important;
    height: 400px;
    overflow: hidden;
    text-align: center;
    background-position: center center;
    background-repeat: no-repeat
}

.home-banner .bd a {
    display: block;
    height: 400px
}

.home-banner .hd {
    position: absolute;
    z-index: 1;
    bottom: 15px;
    width: 100%;
    font-size: 0;
    text-align: center
}

.home-banner .hd ul {
    text-align: center
}

.home-banner .hd li {
    display: inline-block;
    margin: 0 7px;
    cursor: pointer;
    width: 10px;
    height: 10px;
    background: #fff;
    background: rgba(255, 255, 255, 0.4);
    border: 1px solid #fff;
    border-radius: 6px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.home-banner .hd li.on {
    width: 30px;
    background: rgba(255, 255, 255, 0.8)
}

.hot-news-day {
    float: right;
    margin-right: 5px;
    width: 230px;
    height: 400px;
    overflow: hidden
}

.hot-news-day .tit {
    color: #666;
    text-align: center;
    margin: 20px 0 15px;
    height: 22px;
    font-size: 18px;
    font-weight: bold;
}

.hot-news-day li {
    padding: 5px
}

.hot-news-day li .cover {
    position: relative;
    display: none;
    margin-bottom: 10px;
    width: 218px;
    height: 124px
}

.hot-news-day li .cover img {
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    overflow: hidden
}

.hot-news-day li .cover i {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -20px;
    display: inline-block;
    width: 40px;
    height: 40px;
 
    background-size: 40px
}

.hot-news-day li .cover .time {
    position: absolute;
    z-index: 3;
    right: 9px;
    bottom: 7px;
    width: 44px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 9px
}

.hot-news-day li .cover::after {
    position: absolute;
    top: -2px;
    left: 10px;
    z-index: 2;
    content: '';
    display: inline-block;
    width: 28px;
    height: 32px;
    background: url(../image/icon_hot.png) center right no-repeat
}

.hot-news-day li p {
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    color: #666;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.hot-news-day li p em {
    display: inline-block;
    margin-right: 12px;
    width: 20px;
    text-align: center
}

.hot-news-day li.c1 em {
    color: #f01414
}

.hot-news-day li.c2 em {
    color: #fe9851
}

.hot-news-day li.c3 em {
    color: #ffc344
}

.hot-news-day li.on {
    margin-bottom: 5px
}

.hot-news-day li.on .cover {
    display: block
}

.hot-news-day li.on p {
    line-height: 28px;
    font-size: 18px;
    color: #333
}

.zixunFixed2 {
    position: fixed;
    top: 50%;
    right: 10px;
    z-index: 99;
    width: 132px;
    height: 210px;
    cursor: pointer;
 
    background-size: 132px
}

.mqBtn {
    cursor: pointer
}

.contentBox {
    overflow: hidden;
    line-height: 200%;
    font-size: 14px;
    color: #666666;
}

.contentBox p{
    text-indent: 2em;
}

.contentBox table {
    max-width: 100%;
    height: auto;
 
}

.contentBox img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.contentBox table {
    min-width: 60%;
    border: 1px solid #e6e6e6;
    border-collapse: collapse
}

.contentBox table th,
.contentBox table td {
    padding: 8px 15px;
    border: 1px solid #e6e6e6
}

.contentBox p {
    margin-bottom: 10px
}

.contentBox a {
    color: #333
}

.contentBox a:hover {
    color: #f60
}

.uploadBox {
    float: left
}

.uploadBox .layui-upload-list {
    float: left;
    margin: 0
}

.uploadBox .layui-upload-list li {
    position: relative;
    float: left;
    margin: 0 15px 15px 0;
    width: 122px;
    height: 122px;
    border-radius: 6px;
    overflow: hidden
}

.uploadBox .layui-upload-list li img {
    width: 100%;
    height: 100%;
    border-right: 6px
}

.uploadBox .layui-upload-list li .upload-list__item-actions {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 3;
    display: none;
    width: 100%;
    line-height: 122px;
    text-align: center;
    background: #000;
    filter: alpha(opacity=60);
    background: rgba(0, 0, 0, 0.6)
}

.uploadBox .layui-upload-list li .upload-list__item-actions span {
    display: inline-block;
    width: 36px;
    height: 40px;
    line-height: 40px;
    color: #f8f8f8;
    cursor: pointer
}

.uploadBox .layui-upload-list li .upload-list__item-actions .iconfont {
    font-size: 18px
}

.uploadBox .layui-upload-list li:hover .upload-list__item-actions {
    display: block
}

.uploadBox .upload-picture-btn {
    width: 122px;
    height: 122px;
    line-height: 120px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    vertical-align: top;
    background-color: #f2f2f2;
    border: 1px dashed #ccc;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.uploadBox .upload-picture-btn i {
    font-size: 30px;
    color: #b9b9b9
}

.loading-more-btn {
    margin: 20px auto;
    width: 110px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #666;
    text-align: center;
    background: #eee;
    border-radius: 6px;
    cursor: pointer;
    clear: both
}

.loading-more-btn .bui-load_icon {
    display: inline-block;
    margin-right: 4px;
    width: 20px;
    height: 26px;
    vertical-align: middle;
    -webkit-animation: loading-rotate 1s steps(12, end) infinite;
    animation: loading-rotate 1s steps(12, end) infinite;
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=) no-repeat;
    background-size: 100%
}

.loading-more-btn a {
    display: block
}

.loading-more-btn2 {
    margin: 20px auto;
    width: 102px;
    line-height: 40px;
    font-size: 20px;
    color: #333;
    text-align: center;
    cursor: pointer;
    clear: both;
    background: #fff;
    border: 2px solid #f0f4f5;
    border-radius: 22px;
    -webkit-box-shadow: 0 0 20px 0 rgba(104, 130, 154, 0.16);
    box-shadow: 0 0 20px 0 rgba(104, 130, 154, 0.16)
}

.loading-more-btn2 a {
    display: block
}

.tab-loading {
    position: relative;
    z-index: 3
}

.tab-loading .circular {
    position: absolute;
    z-index: 1000;
    top: 50%;
    left: 50%;
    margin: -35px 0 0 -35px;
    width: 70px;
    height: 70px;
    -webkit-animation: loading-rotate 2s linear infinite;
    animation: loading-rotate 2s linear infinite
}

.tab-loading .path {
    -webkit-animation: loading-dash 1.5s ease-in-out infinite;
    animation: loading-dash 1.5s ease-in-out infinite;
    stroke-dasharray: 90, 150;
    stroke-dashoffset: 0;
    stroke-width: 2;
    stroke: #56bbbe;
    stroke-linecap: round
}

.tab-loading p {
    height: 70px;
    line-height: 70px;
    font-size: 12px;
    color: #999;
    text-align: center
}

@-webkit-keyframes loading-rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes loading-rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes loading-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -40px
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -120px
    }
}

@keyframes loading-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -40px
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -120px
    }
}

.right_common {
    position: fixed;
    top: 0;
    bottom: -30px;
    right: -10px;
    z-index: 6;
    width: 56px;
    border-right: 10px solid #fff;
    background: #fff;
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15)
}

.right_common ul {
    position: relative;
    top: 50%;
    margin-top: -100px
}

.right_common ul li {
    margin-bottom: 0px;
    padding: 10px 3px;
    text-align: center
}

.right_common ul li a {
    display: block;
    position: relative
}

.right_common ul li .avatar {
    display: inline-block;
    margin-bottom: 8px;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    background: #f8f8f8
}

.right_common ul li .iconfont {
    display: block;
    margin-bottom: 6px;
    height: 34px;
    line-height: 34px;
    font-size: 33px;
    color: #56bbbe;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-linear-gradient(90deg, #55babd, #90d4d6)
}

.right_common ul li .icon-msg2 {
    height: 28px;
    line-height: 28px;
    font-size: 26px
}

.right_common ul li .icon-question2 {
    font-size: 30px
}

.right_common ul li .badge {
    position: absolute;
    top: -4px;
    right: -3px;
    z-index: 3;
    display: inline-block;
    padding: 3px;
    min-width: 14px;
    line-height: 14px;
    font-size: 12px;
    color: #fff;
    background: #f43530;
    border-radius: 50%
}

.right_common ul li p {
    max-height: 36px;
    line-height: 18px;
    font-size: 14px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    word-break: break-all
}

.right_common ul li .tips {
    position: absolute;
    z-index: 3;
    top: -5px;
    right: 33px;
    padding: 6px 20px 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 185px;
    height: 60px;
    line-height: 40px;
    font-size: 16px;
    color: #999;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url(../image/duihuakaung.png) left center no-repeat;
    opacity: 1;
    -webkit-transition: width .3s, opacity .3s .2s;
    transition: width .3s, opacity .3s .2s
}

.right_common ul li .tips span {
    display: inline-block;
    width: 155px
}

.back2Top {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 10;
    padding-top: 5px;
    width: 56px;
    height: 56px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 22px;
    font-size: 14px;
    color: #20aba3;
    text-align: center;
    border: 1px solid #57bbbe;
    cursor: pointer
}

.back2Top .iconfont {
    display: inline-block;
    width: 50px;
    font-size: 18px;
    text-align: center
}

.back2Top span {
    display: inline-block
}

footer {
    margin-top: 60px;
    padding: 30px 0;
    overflow: hidden;
    clear: both;
    background: #f0f0f0
}

footer .footer-icon,
footer .info {
    display: none
}

footer .tit {
    float: left;
    margin-right: 40px;
    width: 100px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #333;
    text-align: center;
    background: url(../image/footer_tit_bg.png) center no-repeat
}

footer .partner-row {
    margin-bottom: 16px;
    overflow: hidden;
    clear: both
}

footer .partner-row ul {
    width: 1000px
}

footer .partner-row li {
    float: left;
    margin-right: 24px;
    margin-bottom: 16px;
    overflow: hidden;
    background: #fff;
    border-radius: 6px
}

footer .partner-row li,
footer .partner-row img {
    width: 130px;
    height: 40px
}

footer .partner-row a {
    display: inline-block
}

footer .about-row {
    margin-bottom: 16px;
    overflow: hidden;
    clear: both
}

footer .about-row .fl {
    width: 1000px;
    padding-top: 6px
}

footer .about-row li {
    position: relative;
    float: left;
    margin-right: 55px
}

footer .about-row li::after {
    position: absolute;
    z-index: 2;
    right: -28px;
    top: 7px;
    display: block;
    content: '';
    width: 2px;
    height: 15px;
    background: #3acbab
}

footer .about-row li:last-child::after {
    display: none
}

footer .about-row a {
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    color: #333;
    -webkit-transition: color .3s ease 0s;
    transition: color .3s ease 0s
}

footer .about-row a:hover {
    color: #56bbbe
}

footer .about-row .icon,
footer .about-row .iconfont {
    float: left;
    display: inline-block;
    margin-right: 6px;
    width: 16px;
    height: 28px;
    font-size: 14px;
    font-weight: 600;
    color: #56bbbe
}

 

footer .links-row {
    margin-bottom: 16px;
    overflow: hidden;
    clear: both
}

footer .links-row .fl {
    width: 1000px;
    padding-top: 5px
}

footer .links-row a {
    margin-right: 15px;
    line-height: 28px;
    font-size: 14px;
    color: #666
}

footer .links-row a:hover {
    color: #56bbbe
}

footer .state {
    padding-top: 30px;
    overflow: hidden
}

/*
footer .state-l {
    width: 850px
}*/

footer .state-l p {
    margin-bottom: 12px;
    line-height: 22px;
    font-size: 14px;
    color: #888
}

footer .state-l a {
    display: inline-block;
    color: #888
}

footer .state-l .icon2icp {
    float: left;
    display: inline-block;
    margin-right: 8px;
    width: 16px;
    height: 24px;
    background: url(../image/icon_icp.png) center no-repeat
}

footer .state-l .mr35 {
    margin-right: 35px
}

footer .qrcode-r {
    padding: 2px 0 0 7px;
    overflow: hidden;
    width: 340px;
    border-left: 1px solid #3f3f3f
}

footer .qrcode-r li {
    float: left;
    margin-left: 15px;
    width: 100px
}

footer .qrcode-r li img {
    display: inline-block;
    margin-bottom: 5px;
    width: 90px;
    height: 90px;
    background: #fff
}

footer .qrcode-r li p {
    line-height: 20px;
    font-size: 16px;
    color: #808080;
    text-align: center
}

.bd-message {
    position: fixed;
    top: -200px;
    left: 50%;
    z-index: 1002;
    margin-left: -115px;
    padding: 8px 15px;
    min-width: 200px;
    max-width: 300px;
    line-height: 28px;
    font-size: 16px;
    background: #f5f5f5;
    border: 1px solid #eee;
    border-radius: 3px;
    -webkit-transition: all .2s;
    transition: all .2s
}

.bd-message.show {
    top: 100px
}

.bd-message.warning {
    background-color: #fdf6ec;
    color: #e6a23c;
    border-color: #faecd8
}

.bd-message.success {
    background-color: #f0f9eb;
    color: #67c23a;
    border-color: #e1f3d8
}

.breadcrumb {
    margin-bottom: 30px;
    padding: 10px 0;
    background: #f4f4f4;
    overflow: hidden
}

.breadcrumb a,
.breadcrumb span,
.breadcrumb i {
 
 
    max-width: 600px;
    line-height: 24px;
    font-size: 15px;
    color: #999;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.breadcrumb i {
    position: relative;
    top: 2px;
    width: 16px;
    height: 20px;
    font-size: 12px;
    color: #b2b2b2;
    text-align: center
}

.filterBox {
    margin: 25px 0 10px;
    overflow: hidden
}

.filterBox .hd {
    margin-bottom: 15px;
    line-height: 32px;
    font-size: 20px;
    color: #363636
}

.filterBox li {
    margin-bottom: 10px;
    clear: both;
    overflow: hidden;
    font-size: 14px
}

.filterBox li .tit {
    float: left;
    margin-right: 26px;
    width: 54px;
    height: 30px;
    vertical-align: top;
    background: #56bbbe;
    border-radius: 4px;
    background: linear-gradient(120deg, #55babd, #91d4d6)
}

.filterBox li .tit .title {
    display: inline-block;
    margin: 1px;
    overflow: hidden;
    width: 52px;
    line-height: 28px;
    text-align: center;
    background: #fafafa;
    border-radius: 4px
}

.filterBox li .con {
    position: relative;
    overflow: hidden
}

.filterBox li a,
.filterBox li .item {
    display: inline-block;
    margin: 0 15px 6px 0;
    padding: 0 5px;
    min-width: 38px;
    line-height: 26px;
    color: #666;
    text-align: center;
    cursor: pointer;
    border: 1px solid transparent
}

.filterBox li .on {
    border: 1px solid #55babd;
    border-radius: 4px
}

.filterBox li a:hover {
    color: #30bec3
}

.filterBox li .con-sub {
    margin: 4px 0 5px 80px;
    padding: 13px 0 3px 13px;
    background: #f2f3f5;
    border-radius: 6px
}

.pagination {
    margin: 30px 0 20px;
    clear: both;
    text-align: center
}

.pagination ul {
    display: inline-block;
    height: 42px
}

.pagination li {
    float: left;
    margin: 0 5px;
    overflow: hidden;
    min-width: 30px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #888;
    text-align: center;
    background: #fff;
    border: 1px solid #dedede;
    border-radius: 4px
}

.pagination li a {
    display: block;
    padding: 0 5px;
    min-width: 30px;
    color: #888
}

.pagination li a:hover {
    color: #56bbbe
}

.pagination li.on {
    border-color: #56bbbe
}

.w1h30 {
    width: 1px;
    height: 30px;
    clear: both
}

.page-l {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 840px;
    min-height: 300px
}

.page-r {
    float: right;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    width: 320px;
    min-height: 300px
}

.sidebar .side-box {
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    border-radius: 6px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.sidebar .hd {
    margin-bottom: 20px;
    height: 60px;
    line-height: 60px;
    position: relative;
    border-bottom: 1px solid #e6e6e6;
    overflow: hidden
}

.diaryBox .hd h1 .sidebar .hd h2 {
    margin-left: 15px;
    font-size: 18px;
    color: #333
}

.sidebar .hd h2 .iconfont {
    display: none
}

.sidebar .hd .more {
    position: absolute;
    top: 0;
    right: 20px;
    font-size: 16px;
    color: #999
}

.sidebar .hd .more .iconfont {
    padding-left: 6px;
    font-size: 20px
}

.sidebar .hd2 {
    position: relative;
    margin: 0 0 4px
}

.sidebar .hd2 h2 {
    padding: 5px 0 10px;
    height: 30px;
    line-height: 30px;
    font-size: 22px;
    color: #333;
    background: url(../image/tit_xuxian.png) left bottom repeat-x
}

.sidebar .hd2 .more {
    position: absolute;
    top: 5px;
    right: 0;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #999
}

.sidebar .hd2 .more .iconfont {
    float: right;
    padding-left: 5px;
    font-size: 14px
}

.search-top {
    width: 100%;
    clear: both;
    overflow: hidden
}

.search-top .search {
    float: none;
    margin: 0 auto 15px;
    padding-top: 40px;
    width: 550px;
    overflow: hidden
}

.search-top .hd {
    position: relative;
    padding: 25px 0;
    text-align: center
}

.search-top .hd ul {
    display: inline-block;
    overflow: hidden
}

.search-top .hd li {
    float: left;
    margin: 0 22px;
    line-height: 24px;
    font-size: 20px;
    color: #888;
    cursor: pointer
}

.search-top .hd li a {
    color: #888;
    -webkit-transition: color .5s;
    transition: color .5s
}

.search-top .hd li a:hover {
    color: #333
}

.search-top .hd li.on {
    border-bottom: 1px solid #56bbbe
}

.search-top .hd li.on a {
    color: #333
}

.search-wrap h2 {
    margin-top: 30px;
    margin-bottom: 15px;
    line-height: 30px;
    font-size: 28px;
    color: #333
}

.search-wrap .diary-list2 .other .projects {
    max-width: 580px
}

.search-wrap .tab-nav {
    margin: 40px 0 14px;
    overflow: hidden
}

.search-wrap .tab-nav li {
    float: left;
    margin-right: 20px;
    padding: 0 20px;
    line-height: 24px;
    font-size: 16px;
    color: #999;
    cursor: pointer;
    -webkit-transition: color .5s;
    transition: color .5s
}

.search-wrap .tab-nav li.on {
    color: #333;
    border-bottom: 1px solid #56bbbe
}

.search-wrap .tab-nav li:hover {
    color: #333
}

.search-wrap .forum-list .pics {
    margin-bottom: 10px;
    margin-right: -12px
}

.search-wrap .forum-list .pics img {
    margin: 0 10px 10px 0;
    width: 136px;
    height: 136px
}

.noData {
    margin: 0 auto;
    padding: 20px 0;
    max-width: 1000px;
    text-align: center
}

.noData .pic {
    height: 280px;
    
}

.noData h3 {
    margin: 5px 0;
    line-height: 30px;
    font-size: 20px;
    color: #000
}

.noData p {
    line-height: 24px;
    color: #999
}

.noData.noData-min .pic {
    height: 150px;
   
}

.noData.noData-min h3 {
    font-size: 16px
}

.noData.noData-min p {
    font-size: 12px
}

.closeData {
    margin: 0 auto;
    padding: 30px 0;
    max-width: 1000px;
    text-align: center
}

.closeData .pic {
    height: 290px;
  
}

.closeData h3 {
    line-height: 40px;
    font-size: 22px;
    color: #666
}

.loginPage {
    padding: 1px;
    min-height: 1200px;
    background: #283d3c
}

.loginBox .con {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1003;
    margin-top: -250px;
    margin-left: -230px;
    width: 460px;
    background: #fff;
    border-radius: 6px
}

.loginBox .con .hd {
    margin: 0 30px;
    height: 60px;
    border-bottom: 1px solid #e6e6e6
}

.loginBox .con .hd ul {
    overflow: hidden
}

.loginBox .con .hd li {
    float: left;
    margin-right: 40px;
    position: relative;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    color: #888
}

.loginBox .con .hd li:after {
    display: block;
    content: '';
    width: 0\9;
    height: 3px;
    background: #56bbbe;
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg)
}

.loginBox .con .hd li.on {
    color: #000
}

.loginBox .con .hd li.on:after {
    width: 100%\9;
    opacity: 1;
    -webkit-transform: rotateY(0);
    transform: rotateY(0)
}

.loginBox .con .bd {
    padding: 0 70px
}

.loginBox .con .logo {
    display: block;
    margin: 20px auto;
    width: 240px;
    height: 82px
}

.loginBox .con .bui-form #verify_img_get {
    display: inline-block;
    width: 130px;
    height: 40px
}

.loginBox .con .bui-form .get-smscode {
    width: 130px;
    height: 40px;
    line-height: 38px;
    color: #56bbbe;
    text-align: center;
    cursor: pointer;
    border: 1px solid #56bbbe;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.loginBox .con .bui-form .btn-primary {
    margin: 25px 0 5px;
    height: 40px;
    line-height: 40px;
    color: #56bbbe;
    text-align: center;
    border: 1px solid #56bbbe;
    border-radius: 4px;
    cursor: pointer
}

.loginBox .con .bui-form .btn-primary.op6 {
    opacity: .6
}

.loginBox .con .tips {
    margin-bottom: 20px;
    line-height: 24px;
    font-size: 14px;
    color: #b2b2b2;
    text-align: center
}

.loginBox .con .pact {
    margin: 20px 0;
    padding-bottom: 20px;
    display: block;
    line-height: 24px;
    font-size: 14px;
    color: #666
}

.loginBox .con .pact i {
    display: inline-block;
    width: 24px;
    height: 24px;
    
    float: left;
    cursor: pointer
}

 

.loginBox .con .third-part {
    padding: 12px 30px;
    height: 24px;
    border-radius: 0 0 6px 6px;
    line-height: 24px;
    color: #999;
    background: #fafafa
}

.loginBox .con .third-part span,
.loginBox .con .third-part a {
    margin-right: 20px;
    display: block;
    float: left
}

.loginBox .con .closeBtn {
    position: absolute;
    bottom: -60px;
    left: 208px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    border: 2px solid #fff;
    border-radius: 50%
}

.loginBox .con .closeBtn .iconfont {
    font-size: 26px;
    color: #fff;
    font-weight: 600
}

.loginBox .bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1002;
    background: #000;
    filter: alpha(opacity=60);
    opacity: .6;
    cursor: pointer
}

.bindBox {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1003;
    margin-top: -240px;
    margin-left: -260px;
    width: 520px
}

.bindBox .top {
    margin-bottom: 20px;
    height: 60px
}

.bindBox .top a {
    display: block;
    vertical-align: bottom
}

.bindBox .top span {
    float: right;
    padding-top: 35px;
    line-height: 24px;
    color: #56bbbe
}

.bindBox .con {
    position: relative;
    top: initial;
    left: initial;
    margin: 0;
    width: 540px;
    background: #fff;
    border-radius: 6px
}

.bindBox .con .bd {
    padding: 0 100px 30px
}

.bindBox .bind-hd {
    margin-bottom: 40px;
    line-height: 60px;
    font-size: 20px;
    font-weight: 500;
    color: #56bbbe;
    text-align: center;
    background: #f5f5f5;
    border-radius: 6px 6px 0 0
}

.bindBox .bui-form-item {
    margin-bottom: 15px
}

.bui-form {
    font-size: 15px
}

.bui-form-item {
    margin-bottom: 12px;
    clear: both;
    *zoom: 1
}

.bui-input,
.bui-select,
.bui-textarea {
    display: block;
    padding: 0 10px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.bui-textarea {
    padding: 6px 10px;
    resize: vertical;
    min-height: 100px;
    height: auto;
    line-height: 30px
}

.bui-input::-webkit-input-placeholder,
.bui-select::-webkit-input-placeholder,
.bui-textarea::-webkit-input-placeholder {
    line-height: 40px;
    color: #999
}

.bui-input:hover,
.bui-textarea:hover {
    border-color: #d2d2d2
}

.bui-input:focus,
.bui-textarea:focus {
    border-color: #c8c8c8
}

.bui-inline {
    display: inline-block;
    vertical-align: middle
}

.bui-input-inline {
    float: left;
    width: 180px;
    margin-right: 10px
}

.bui-input-tips {
    line-height: 30px;
    font-size: 12px;
    color: #b2b2b2
}

.bui-input-tips.err {
    padding-left: 30px;
   
}

.error-page {
    padding: 160px 0 140px;
    width: 430px
}

.error-page .error-404 {
    margin-bottom: 80px;
    height: 320px;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-animation: loading-404 1.5s linear infinite;
    animation: loading-404 1.5s linear infinite
}

.error-page .error-500 {
    margin-bottom: 80px;
    height: 320px;
    background-position: center center;
    background-repeat: no-repeat;
    
}

.error-page p {
    margin: 0 auto 6px;
    line-height: 1.4;
    font-size: 28px;
    color: #555
}

.error-page .num {
    font-size: 30px;
    color: #56bbbe
}

.error-page .error-btn {
    float: left;
    display: inline-block;
    margin-top: 30px;
    margin-right: 25px;
    width: 126px;
    line-height: 44px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    background: #56bbbe;
    border-radius: 4px
}

 
 

.hd-map {
    overflow: hidden;
    border-bottom: 1px solid #e6e6e6
}

.hd-map h2 {
    float: left;
    margin-left: 20px;
    padding-top: 12px;
    height: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 36px
}

.hd-map h2 .iconfont {
    float: left;
    margin-right: 14px;
    display: inline-block;
    width: 36px;
    line-height: 36px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    background: #56bbbe;
    border-radius: 100%;
    background-image: -ms-linear-gradient(180deg, #50cfca 0, #62dcd7 60%, #74e8e4 100%)
}

.hd-map h2 span {
    float: left;
    font-size: 24px;
    color: #333
}

.hd-map h2 em {
    margin: 0 8px 0 14px;
    color: #b2b2b2
}

.hd-map h2 a {
    font-size: 16px;
    color: #888
}

.hd-map h2 .icon-doctor {
    font-size: 24px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f69494), color-stop(60%, #f8a4a4), to(#fab3b3));
    background-image: linear-gradient(180deg, #f69494 0, #f8a4a4 60%, #fab3b3 100%)
}

.related-diary-row .hd-map,
.related-ask-row .hd-map,
.map-forum .hd-map,
.news-hot-week .hd-map {
    height: 50px !important;
    border-bottom: none
}

.related-diary-row .hd-map h2,
.related-ask-row .hd-map h2,
.map-forum .hd-map h2,
.news-hot-week .hd-map h2 {
    margin-left: 0
}

.dialog-container {
    display: none;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    white-space: nowrap;
    overflow: auto;
    overscroll-behavior: contain
}

.dialog-container::-webkit-scrollbar {
    width: 0
}

.dialog-container+.dialog-container {
    -webkit-transition: background-color .2s;
    transition: background-color .2s;
    background-color: transparent
}

.dialog-container::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 99%
}

.dialog-container .dialog-box {
    position: relative;
    z-index: 2;
    display: inline-block;
    vertical-align: middle
}

.dialog-container .dialog-body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    min-width: 280px;
    min-height: 280px;
    text-align: left;
    background-color: #fff;
    border-radius: 6px
}

.dialog-container .dialog-close {
    position: relative;
    z-index: 2;
    display: inline-block;
    margin-top: 30px;
    width: 54px;
    height: 54px
}

.dialog-container .dialog-close .icon2close {
    display: inline-block;
    width: 54px;
    height: 54px;
    cursor: pointer;
    
}

.dialog-container .bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding-top: 1px;
    height: 100%;
    background: #000;
    opacity: .5
}

.dialog-animation {
    display: block;
    -webkit-animation: fadeIn .2s both;
    animation: fadeIn .2s both
}

.dialog-animation .dialog-box {
    -webkit-animation: tinydown .25s;
    animation: tinydown .25s
}

@-webkit-keyframes tinydown {

    0%,
    5% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    10% {
        opacity: 1;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes tinydown {

    0%,
    5% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    10% {
        opacity: 1;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes loading-rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.dialog-close-account .dialog-body {
    padding-top: 275px;
    width: 400px;
    height: 484px;
    text-align: center;
     
}

.dialog-close-account .dialog-body h3 {
    margin-bottom: 10px;
    line-height: 30px;
    font-size: 24px;
    color: #333
}

.dialog-close-account .dialog-body p {
    line-height: 20px;
    font-size: 18px;
    color: #666
}

.dialog-close-account .dialog-body .btn {
    margin: 65px auto 0;
    width: 338px;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    color: #56bbbe;
    border: 1px solid #57bbbe;
    border-radius: 4px
}

.index-tit {
    position: relative;
    margin-bottom: 30px;
    height: 28px;
    font-size: 28px;
    text-align: center;
}

.index-tit::before,
.index-tit::after {
    position: absolute;
    top: 75%;
    display: block;
    content: '';
    width: 500px;
    height: 0;
    border-top: 1px solid #e6e6e6
}

.index-tit::after {
    right: 0
}

.index-tit .more {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: -20px;
    padding-left: 10px;
    line-height: 24px;
    font-size: 18px;
    color: #666
}

.index-tit .more i {
    float: right;
    display: inline-block;
    margin-left: 10px;
    line-height: 24px;
    font-size: 18px
}

.index-ask-row .index-tit .more {
    bottom: -70px
}

.index-recommend,
.index-video {
    margin-bottom: 50px;
    clear: both
}

.video-card-list {
    width: 1200px
}

.video-card-list li {
    float: left;
    margin: 10px 30px 14px 0;
    padding: 5px 5px 0;
    overflow: hidden;
    width: 276px;
    height: 307px;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px;
    -webkit-box-shadow: 0 6px 40px 0 rgba(99, 171, 240, 0.12);
    box-shadow: 0 6px 40px 0 rgba(99, 171, 240, 0.12);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.video-card-list li:nth-child(4),.video-card-list li:nth-child(8) {
    margin-right: 0;
}

.video-card-list li:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.video-card-list a {
    display: block
}

.video-card-list .cover {
    position: relative;
    margin: 0 auto 10px;
    overflow: hidden;
    height: 177px;
    border-radius: 6px;
    background-color: #f8f8f8
}

.video-card-list .cover img {
    display: inline-block;
    width: 100%;
    height: 100%
}

.video-card-list .cover i {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    display: block;
    content: '';
    width: 56px;
    height: 56px;
 
    background-size: 56px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.video-card-list .cover .time {
    position: absolute;
    z-index: 3;
    right: 10px;
    bottom: 10px;
    display: inline-block;
    line-height: 20px;
    font-size: 18px;
    font-weight: 500;
    color: #fff
}

.video-card-list .cover::after {
    position: absolute;
    z-index: 2;
    bottom: 0;
    display: block;
    content: '';
    width: 100%;
    height: 50px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.15)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(255, 255, 255, 0))
}

.video-card-list h3 {
    padding: 0 14px;
    height: 36px;
    line-height: 36px;
    font-size: 18px;
    color: #000;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.video-card-list .views {
    padding-left: 14px;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    color: #a2a5ad;
    width: 236px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.video-card-list .author {
    margin-top: 9px;
    padding-left: 14px;
    height: 30px;
    line-height: 30px
}

.video-card-list .author img {
    float: left;
    display: inline-block;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #f8f8f8
}

.video-card-list .author span {
    display: inline-block;
    max-width: 80px;
    font-size: 16px;
    color: #555;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.video-card-list .author em {
    display: inline-block;
    margin-left: 4px;
    max-width: 180px;
    font-size: 14px;
    color: #b2b2b2;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.voice-myjj {
    margin: 10px 0 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 362px;
    height: 307px;
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 6px 40px 0 rgba(99, 171, 240, 0.12);
    box-shadow: 0 6px 40px 0 rgba(99, 171, 240, 0.12)
}

.voice-myjj .hd {
    margin: 0 12px;
    padding: 8px 0 5px;
    line-height: 32px;
    font-size: 20px;
    color: #333;
    border-bottom: 1px solid #e6e6e6
}

.voice-myjj .top {
    margin: 18px 12px 4px
}

.voice-myjj .top a {
    position: relative;
    display: block;
    overflow: hidden
}

.voice-myjj .top a::after {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 90px;
    display: block;
    content: '';
    width: 40px;
    height: 40px;
 
    background-size: 40px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.voice-myjj .top img {
    float: left;
    display: block;
    margin-right: 12px;
    width: 178px;
    height: 108px;
    border-radius: 6px;
    background: #f8f8f8
}

.voice-myjj .top .title {
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    color: #333;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    -webkit-transition: color .5s;
    transition: color .5s
}

.voice-myjj .top .desc {
    margin: 2px 0;
    height: 60px;
    line-height: 20px;
    font-size: 12px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.voice-myjj .top .other {
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #666
}

.voice-myjj .top .other i {
    float: left;
    margin-right: 8px;
    font-size: 12px;
    color: #999
}

.voice-myjj .top .other .time {
    float: right
}

.voice-myjj .top:hover .title {
    color: #56bbbe
}

.voice-myjj li {
    float: left;
    margin: 0 15px 0 12px
}

.voice-myjj li a {
    display: block;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    color: #666;
    width: 154px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    -webkit-transition: color .5s;
    transition: color .5s
}

.voice-myjj li a:hover {
    color: #56bbbe
}

.voice-myjj li i {
    float: left;
    margin-right: 8px;
    font-size: 12px;
    color: #999
}

.index-video {
    clear: both;
    margin-bottom: 55px
}

.index-video .tit {
    margin-bottom: 40px;
    background-position: center -35px
}

.index-video .hd {
    margin-top: 10px;
    padding-top: 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 150px;
    height: 534px;
    background: #fff;
    border-radius: 4px
}

.index-video .hd li {
    position: relative;
    margin-bottom: 14px;
    line-height: 64px;
    font-size: 18px;
    color: #333;
    text-align: center;
    cursor: pointer
}

.index-video .hd li span {
    position: relative;
    z-index: 3
}

.index-video .hd li.on::after {
    position: absolute;
    top: -6px;
    left: -10px;
    display: block;
    content: '';
    width: 174px;
    height: 84px;
    
}

.index-video .bd {
    width: 1040px
}

.index-video .bd .tab-loading {
    margin-top: 150px
}

.index-video .video-card-list {
    width: 1040px
}

.index-video .video-card-list li {
    margin: 10px 0 10px 20px;
    padding: 0;
    width: 240px;
    height: 257px;
    border-radius: 6px
}

.index-video .video-card-list .cover {
    height: 136px;
    border-radius: 6px 6px 0 0
}

.index-video .video-card-list .cover .time {
    font-size: 16px;
    right: 9px;
    bottom: 6px
}

.index-video .video-card-list .cover::after {
    height: 46px
}

.index-video .video-card-list .views {
    font-size: 14px
}

.banner-hot {
    height: 400px;
    overflow: hidden;
    clear: both;
    background: #fff
}

.video-banner {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 400px;
    float: left;
    width: 960px
}

.video-banner .bd {
    position: relative;
    z-index: 0;
    margin: 0 auto;
    overflow: hidden
}

.video-banner .bd ul {
    width: 100% !important
}

.video-banner .bd li {
    width: 100% !important;
    height: 400px;
    overflow: hidden;
    text-align: center;
    background-position: center center;
    background-repeat: no-repeat
}

.video-banner .bd a {
    display: block;
    height: 400px
}

.video-banner .hd {
    position: absolute;
    z-index: 1;
    bottom: 15px;
    width: 100%;
    font-size: 0;
    text-align: center
}

.video-banner .hd ul {
    text-align: center
}

.video-banner .hd li {
    display: inline-block;
    margin: 0 7px;
    cursor: pointer;
    width: 10px;
    height: 10px;
    background: #fff;
    background: rgba(255, 255, 255, 0.4);
    border: 1px solid #fff;
    border-radius: 6px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.video-banner .hd li.on {
    width: 30px;
    background: rgba(255, 255, 255, 0.8)
}

.hot-video-week .tit {

}

.hot-video-week li {
    padding: 6px
}

.hot-video-week li p {
    height: 28px;
    line-height: 28px;
    font-size: 16px
}

.video-index .hd {
    margin-bottom: 15px;
    overflow: hidden
}

.video-index .hd li {
    float: right;
    margin-left: 25px;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    color: #999
}

.video-index .hd li a {
    color: #999
}

.video-index .hd li .on {
    color: #333
}

.video-index .hd li:nth-child(2) {
    margin-left: 12px
}

.video-index .video-card-list {
    margin: 0 -20px;
    width: auto
}

.video-index .video-card-list li {
    margin: 10px 0 10px 20px;
    padding: 0;
    width: 224px;
    height: 247px;
    border-radius: 6px
}

.video-index .video-card-list .cover {
    margin-bottom: 7px;
    height: 126px;
    border-radius: 6px 6px 0 0
}

.video-index .video-card-list .cover i {
    width: 40px;
    height: 40px;
    background-size: 40px
}

.video-index .video-card-list .cover .time {
    font-size: 16px;
    right: 9px;
    bottom: 6px
}

.video-index .video-card-list .cover::after {
    height: 46px
}

.video-index .video-card-list .views {
    font-size: 14px
}

.video-index+.pagination {
    margin-top: 40px
}

.ask-video-box {
    margin-top: 30px
}

.ask-video-box .video-card-list {
    margin: 0 -15px;
    width: auto
}

.ask-video-box .video-card-list li {
    margin: 15px 0 15px 15px;
    padding: 0;
    width: 270px;
    height: 275px;
    border-radius: 6px
}

.ask-video-box .video-card-list .cover {
    margin-bottom: 7px;
    height: 154px;
    border-radius: 6px 6px 0 0
}

.ask-video-box .video-card-list .cover .time {
    font-size: 16px;
    right: 20px;
    bottom: 8px
}

.ask-video-box .video-card-list .cover::after {
    height: 46px
}

.ask-video-box .video-card-list .views {
    font-size: 14px;
    color: #b2b2b2
}

.video-show h1 {
    margin-bottom: 10px;
    line-height: 36px;
    font-size: 28px;
    color: #333
}

.video-show .app-look {
    margin-bottom: 20px;
    height: 22px
}

.video-show .app-look a {
    position: relative;
    display: inline-block;
    overflow: hidden;
    height: 22px;
    line-height: 22px;
    font-size: 18px;
    color: #999
}

.video-show .app-look a:hover {
    overflow: visible
}

.video-show .app-look a:hover .app-qrCode {
    top: 35px;
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1)
}

.video-show .app-qrCode {
    width: 180px;
    height: 205px;
    background: #fff;
    border-radius: 8px;
    position: absolute;
    top: 50px;
    left: -40px;
    z-index: 10;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.video-show .app-qrCode i {
    position: absolute;
    top: -9px;
    left: 50%;
    z-index: 11;
    margin-left: -12px;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 10px solid #fff
}

.video-show .app-qrCode img {
    display: block;
    margin: 20px auto 8px;
    width: 140px;
    height: 140px;
    background: #f8f8f8
}

.video-show .app-qrCode p {
    margin-bottom: 16px;
    line-height: 20px;
    font-size: 14px;
    color: #666;
    text-align: center
}

.video-show .app-qrCode p em {
    color: #56bbbe
}

.video-show .doctor {
    margin-bottom: 20px
}

.video-show .doctor img {
    float: left;
    margin-right: 15px;
    display: inline-block;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #f8f8f8
}

.video-show .doctor .name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 38px;
    font-size: 20px;
    color: #333
}

.video-show .doctor a {
    float: left;
    display: inline-block;
    color: #333
}

.video-show .doctor span {
    display: inline-block;
    margin-left: 12px;
    padding: 0 3px;
    line-height: 18px;
    font-size: 12px;
    color: #999;
    border: 1px solid #999;
    border-radius: 4px
}

.video-show .doctor .hosp {
    line-height: 26px;
    font-size: 15px;
    color: #999
}

.video-show .video-player {
    margin-bottom: 20px;
    height: 476px
}

.video-show .video-player video {
    width: 100%;
    height: 100%
}

.video-show .video-player video:focus {
    outline: 0
}

.video-show .video-meta {
    overflow: hidden;
    line-height: 20px;
    font-size: 16px;
    color: #a2a5ad
}

.video-show .tags {
    margin: 15px 0;
    overflow: hidden
}

.video-show .tags span,
.video-show .tags a {
    display: inline-block;
    margin-right: 12px;
    padding: 0 6px;
    min-width: 40px;
    height: 26px;
    line-height: 26px;
    color: #999;
    text-align: center;
    background: #f5f5f5;
    border-radius: 4px
}

.video-show h2 {
    margin: 25px 0 12px;
    clear: both;
    line-height: 30px;
    font-size: 24px;
    color: #333
}

.video-show .content {
    line-height: 32px;
    font-size: 17px;
    color: #666;
    white-space: pre-line
}

.hot-recommend {
    margin-top: 30px
}

.hot-recommend h2 {
    line-height: 30px;
    font-size: 28px;
    color: #333
}

.video-list li {
    margin-top: 20px;
    padding: 5px 20px 5px 5px;
    overflow: hidden;
    background: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 6px 40px 0 rgba(99, 171, 240, 0.1);
    box-shadow: 0 6px 40px 0 rgba(99, 171, 240, 0.1)
}

.video-list li:hover {
    -webkit-box-shadow: 0 6px 40px 0 rgba(99, 171, 240, 0.2);
    box-shadow: 0 6px 40px 0 rgba(99, 171, 240, 0.2)
}

.video-list .pic {
    position: relative;
    display: block;
    width: 260px;
    height: 148px
}

.video-list .pic img {
    width: 100%;
    height: 100%;
    border-radius: 4px
}

.video-list .pic span {
    position: absolute;
    z-index: 3;
    right: 15px;
    bottom: 10px;
    line-height: 18px;
    font-size: 16px;
    color: #fff
}

.video-list .pic::before {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    display: block;
    content: '';
    width: 50px;
    height: 50px;
    
    background-size: 50px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.video-list .pic::after {
    position: absolute;
    z-index: 2;
    bottom: 0;
    display: block;
    content: '';
    width: 100%;
    height: 50px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.15)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(255, 255, 255, 0))
}

.video-list .fr {
    width: 515px
}

.video-list .title {
    display: block;
    padding: 10px 0 8px;
    line-height: 28px;
    font-size: 18px;
    color: #333;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    -webkit-transition: color .5s;
    transition: color .5s
}

.video-list .title:hover {
    color: #56bbbe
}

.video-list .desc {
    margin-bottom: 18px;
    height: 48px;
    line-height: 24px;
    font-size: 15px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.video-list .other {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #b2b2b2
}

.video-list .other .author {
    float: left;
    height: 30px
}

.video-list .other .author img {
    display: inline-block;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    border-radius: 50%
}

.video-list .other .author span,
.video-list .other .author em {
    display: inline-block;
    margin-right: 10px;
    line-height: 30px
}

.video-list .other .author span {
    font-size: 16px;
    color: #808080
}

.video-list .other .time {
    float: left;
    margin-left: 10px
}

.video-list .other .num {
    float: right;
    font-size: 15px;
    color: #b3b3b3
}

.side-hot-hospital2 h2,
.news-column h1,
.news-column h2,
.hospitalBox h1,
.doctorBox h1,
.related-video h2,
.side-tags h2,
.side-diary h2 {
    margin: 0 0 4px;
    padding: 5px 0 10px;
    width: 100%;
    line-height: 30px;
    font-size: 24px;
    color: #333;
    background: url(../image/tit_xuxian.png) left bottom repeat-x
}

.video-list2 li {
    position: relative;
    margin-top: 20px;
    overflow: hidden
}

.video-list2 .pic {
    position: relative;
    width: 140px;
    height: 80px
}

.video-list2 .pic img {
    width: 100%;
    height: 100%;
    border-radius: 4px
}

.video-list2 .pic span {
    position: absolute;
    z-index: 3;
    right: 6px;
    bottom: 5px;
    line-height: 16px;
    font-size: 14px;
    color: #fff
}

.video-list2 .pic::before {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    display: block;
    content: '';
    width: 30px;
    height: 30px;
    
    background-size: 30px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.video-list2 .pic::after {
    position: absolute;
    z-index: 2;
    bottom: 0;
    display: block;
    content: '';
    width: 100%;
    height: 28px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.15)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(255, 255, 255, 0))
}

.video-list2 .fr {
    width: 165px
}

.video-list2 .title {
    margin-bottom: 15px;
    height: 44px;
    line-height: 22px;
    font-size: 16px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    -webkit-transition: color .5s;
    transition: color .5s
}

.video-list2 .title:hover {
    color: #56bbbe
}

.video-list2 .other {
    height: 22px;
    line-height: 22px;
    color: #b2b2b2
}

.side-consult {
    margin-top: 20px;
    padding: 10px 15px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 10px
}

.side-consult h2 {
    margin-left: 0;
    padding: 10px 0 15px;
    line-height: 1;
    font-size: 28px;
    color: #333
}

.side-consult .textarea {
    padding: 10px 13px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 120px;
    line-height: 28px;
    font-size: 18px;
    color: #999;
    cursor: pointer;
    background: #fafafa;
    border: 2px solid #f1f2f3;
    border-radius: 5px
}

.side-consult textarea {
    min-width: 100%;
    max-width: 100%;
    min-height: 80px;
    color: #000 !important;
    cursor: initial !important
}

.side-consult textarea::-webkit-input-placeholder {
    color: #999
}

.side-consult .btn {
    margin: 10px 0;
    line-height: 48px;
    font-size: 20px;
    color: #333;
    text-align: center;
    cursor: pointer;
    border: 1px solid #56bbbe;
    border-radius: 5px;
    -webkit-box-shadow: 0 4px 12px 0 rgba(86, 187, 189, 0.16);
    box-shadow: 0 4px 12px 0 rgba(86, 187, 189, 0.16)
}

.side-consult .num {
    line-height: 30px;
    color: #666
}

.index-voice {
    margin-bottom: 60px
}

.index-voice .tit {
    margin-bottom: 40px;
    background-position: center -70px
}

.index-voice .tit::before,
.index-voice .tit::after {
    width: 400px
}

.index-voice .top {
    height: 522px;
    background: #fff;
    -webkit-box-shadow: 0 0 20px 0 rgba(104, 130, 154, 0.16);
    box-shadow: 0 0 20px 0 rgba(104, 130, 154, 0.16);
    border-radius: 10px
}

.index-voice .top .hd {
    margin-bottom: 7px;
    padding: 0 22px;
    border-bottom: 1px solid #f5f5f5
}

.index-voice .top .hd span {
    line-height: 52px;
    font-size: 22px;
    color: #666
}

.index-voice .top .hd .more {
    float: right;
    display: inline-block;
    height: 52px;
    line-height: 52px;
    font-size: 18px;
    color: #666
}

.index-voice .top .hd .more i {
    float: right;
    display: inline-block;
    margin-left: 5px;
    line-height: 52px;
    font-size: 18px
}

.voice-card-list {
    padding-left: 7px;
    overflow: hidden
}

.voice-card-list li {
    float: left;
    margin: 10px 0 2px 13px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    width: 190px;
    height: 215px;
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.voice-card-list li a {
    display: block
}

.voice-card-list li:hover {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px)
}

.voice-card-list .cover {
    position: relative;
    height: 116px
}

.voice-card-list .cover img {
    display: inline-block;
    width: 100%;
    height: 100%
}

.voice-card-list .cover i {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    margin: -17px 0 0 -17px;
    display: inline-block;
    width: 34px;
    height: 34px;
 
    background-size: 34px
}

.voice-card-list .cover .time {
    position: absolute;
    z-index: 3;
    right: 9px;
    bottom: 9px;
    width: 40px;
    height: 13px;
    line-height: 13px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 7px
}

.voice-card-list h3 {
    padding: 0 10px;
    height: 26px;
    line-height: 26px;
    font-size: 16px;
    color: #333;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.voice-card-list .views {
    margin: 2px 10px 5px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #999
}

.voice-card-list .views i {
    float: left;
    margin-right: 8px;
    font-size: 12px;
    color: #999
}

.voice-card-list .views .time {
    float: right;
    margin-right: 5px
}

.voice-card-list .author {
    padding: 11px 10px 0;
    height: 24px;
    line-height: 24px;
    border-top: 1px solid #d9d9d9
}

.voice-card-list .author img {
    float: left;
    display: inline-block;
    margin-right: 10px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #f8f8f8
}

.voice-card-list .author span {
    display: inline-block;
    font-size: 14px;
    color: #333;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 65px
}

.voice-card-list .author em {
    float: right;
    display: inline-block;
    font-size: 12px;
    color: #808080;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 65px
}

.voice-card-list .question {
    margin: 14px 10px;
    padding-left: 40px;
    height: 56px;
    line-height: 28px;
    font-size: 16px;
    color: #333;
    ;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.voice-card-list .audio-bar {
    margin: 10px 20px;
    padding: 0 20px;
    line-height: 28px;
    font-size: 16px;
    color: #666;
    text-align: right;
    background: #f3f3f3;
    border-radius: 6px
}

.voice-card-list .audio-bar i {
    float: left;
    font-size: 20px;
    color: #b2b2b2
}

.voice-card-list2 li {
    height: 212px
}

.voice-card-list2 .audio-bar {
    margin-bottom: 18px
}

.voice-card-list2 .views {
    margin-bottom: 6px
}

.voice-card-list2 .author {
    padding-top: 15px
}

.voice-ask-card-list {
    margin-right: 20px
}

.voice-ask-card-list li {
    position: relative;
    margin: 10px 0 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    width: 340px;
    height: 212px;
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.voice-ask-card-list li a {
    display: block
}

.voice-ask-card-list li:hover {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px)
}

.voice-ask-card-list .question {
    margin: 14px 20px;
    padding-left: 46px;
    height: 30px;
    line-height: 34px;
    font-size: 18px;
    color: #333;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    
}

.voice-ask-card-list .answer {
    margin: 14px 20px;
    padding-left: 46px;
    padding-top: 9px;
    
}

.voice-ask-card-list .audio-bar {
    margin-bottom: 10px;
    padding: 0 45px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    color: #666;
    text-align: right;
    background: #f3f3f3;
    border-radius: 6px
}

.voice-ask-card-list .audio-bar i {
    float: left;
    font-size: 20px;
    color: #b2b2b2
}

.voice-ask-card-list .views {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #999
}

.voice-ask-card-list .views i {
    float: left;
    margin-right: 8px;
    font-size: 14px;
    color: #999
}

.voice-ask-card-list .views .time {
    float: right;
    margin-right: 5px
}

.voice-ask-card-list .author {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 7px 0 0 17px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 56px;
    background: #f0f0f0
}

.voice-ask-card-list .author img {
    float: left;
    display: inline-block;
    margin-right: 20px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-color: #f8f8f8
}

.voice-ask-card-list .author .p1 {
    margin-top: 2px;
    height: 22px;
    line-height: 22px;
    font-size: 16px;
    color: #333
}

.voice-ask-card-list .author .p1 em {
    margin-left: 8px;
    font-size: 13px;
    color: #999
}

.voice-ask-card-list .author .p2 {
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    color: #b2b2b2
}

.listening-ranking {
    margin-top: 11px;
    overflow: hidden
}

.listening-ranking .hd {
    padding: 6px 20px 0;
    height: 50px;
    line-height: 50px;
    font-size: 22px;
    color: #666;
    border-bottom: 1px solid #d9d9d9
}

.listening-ranking .hd .more {
    float: right;
    font-size: 14px;
    color: #999
}

.listening-ranking .hd i {
    float: right;
    margin-left: 5px;
    font-size: 12px
}

.listening-ranking .listening {
    width: 596px;
    height: 238px;
    background: #fff;
    border-radius: 10px
}

.listening-ranking .listening .top1 {
    padding-left: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 265px
}

.listening-ranking .listening .top1 .title {
    margin: 15px 0 13px;
    padding-left: 54px;
    height: 36px;
    line-height: 36px;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
     
    -webkit-transition: color .5s;
    transition: color .5s
}

.listening-ranking .listening .top1 .desc {
    height: 96px;
    line-height: 24px;
    font-size: 14px;
    color: #666;
    text-indent: 2em
}

.listening-ranking .listening .top1 .views {
    float: right;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #999;
    text-indent: 0
}

.listening-ranking .listening .top1 .views i {
    float: left;
    margin-right: 8px;
    font-size: 12px
}

.listening-ranking .listening .top1:hover .title {
    color: #56bbbe
}

.listening-ranking .listening ul {
    padding-top: 6px;
    width: 310px;
    border-left: 1px solid #d9d9d9
}

.listening-ranking .listening ul li {
    overflow: hidden
}

.listening-ranking .listening ul a {
    float: left;
    display: block;
    padding-left: 10px;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    color: #666;
    width: 212px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    -webkit-transition: color .5s;
    transition: color .5s
}

.listening-ranking .listening ul a i {
    float: left;
    margin-right: 8px;
    font-size: 14px;
    color: #999
}

.listening-ranking .listening ul a:hover {
    color: #56bbbe
}

.listening-ranking .listening ul .views {
    float: left;
    display: inline-block;
    margin-left: 15px;
    height: 42px;
    line-height: 42px;
    font-size: 12px;
    color: #999
}

.listening-ranking .listening ul .views i {
    float: left;
    margin-right: 6px;
    font-size: 12px
}

.listening-ranking .ranking {
    width: 586px;
    height: 238px;
    background: #fff;
    border-radius: 10px
}

.listening-ranking .ranking li {
    float: left;
    padding: 9px 20px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 195px;
    border-right: 1px solid #d9d9d9
}

.listening-ranking .ranking li a {
    display: block
}

.listening-ranking .ranking li:nth-child(2) .pic i {
    color: #fca270
}

.listening-ranking .ranking li:nth-child(3) {
    border-right: none
}

.listening-ranking .ranking li:nth-child(3) .pic i {
    color: #f7d27a
}

.listening-ranking .ranking li:hover h3 {
    color: #56bbbe
}

.listening-ranking .ranking .pic {
    position: relative;
    margin: 0 auto;
    width: 70px;
    height: 70px
}

.listening-ranking .ranking .pic img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.listening-ranking .ranking .pic i {
    position: absolute;
    z-index: 2;
    top: -5px;
    left: -7px;
    line-height: 22px;
    font-size: 22px;
    color: #d2302d
}

.listening-ranking .ranking h3 {
    margin-top: 6px;
    padding: 0 8px;
    height: 44px;
    line-height: 22px;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    -webkit-transition: color .5s;
    transition: color .5s
}

.listening-ranking .ranking .author {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    font-size: 12px;
    color: #333;
    text-align: center
}

.listening-ranking .ranking .author span {
    display: inline-block;
    margin-right: 15px
}

.listening-ranking .ranking .author em {
    color: #999
}

.listening-ranking .ranking .views {
    margin-top: 3px;
    padding-right: 4px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #999
}

.listening-ranking .ranking .views i {
    float: left;
    margin-right: 5px;
    font-size: 12px
}

.listening-ranking .ranking .views .time {
    float: right
}

.hot-audio-week {
    float: right;
    width: 230px;
    height: 400px;
    overflow: hidden
}

.hot-audio-week .tit {
    margin: 20px 0 15px;
    height: 28px;
    font-size: 0;
     
}

.hot-audio-week li {
    padding: 5px 0;
    overflow: hidden
}

.hot-audio-week li .title {
    overflow: hidden
}

.hot-audio-week li .title a {
    float: left;
    display: block;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    color: #666;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    -webkit-transition: color .5s;
    transition: color .5s
}

.hot-audio-week li .title a em {
    display: inline-block;
    margin-right: 8px;
    width: 16px;
    text-align: center
}

.hot-audio-week li .title a:hover {
    color: #56bbbe
}

.hot-audio-week li .views {
    float: left;
    display: inline-block;
    margin-left: 10px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #999
}

.hot-audio-week li .views i {
    float: left;
    margin-right: 5px;
    font-size: 12px;
    color: #b2b2b2
}

.hot-audio-week li .cover {
    position: relative;
    display: none;
    margin-bottom: 5px;
    margin-right: 10px;
    padding: 4px 9px 0;
    height: 125px;
    background: #f7f7f7;
    border-radius: 4px
}

.hot-audio-week li .cover .title2 {
    margin-bottom: 3px;
    margin-left: -3px;
    height: 26px;
    line-height: 26px;
    font-size: 16px;
    color: #333;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.hot-audio-week li .cover .title2 em {
    display: inline-block;
    margin-right: 8px;
    width: 16px;
    text-align: center
}

.hot-audio-week li .cover .title2:hover {
    color: #56bbbe
}

.hot-audio-week li .cover .doctor {
    position: relative;
    float: left;
    overflow: hidden
}

.hot-audio-week li .cover .doctor img {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%
}

.hot-audio-week li .cover .doctor .name {
    margin-top: 8px;
    max-width: 70px;
    line-height: 18px;
    font-size: 16px;
    color: #333;
    text-align: center;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.hot-audio-week li .cover .doctor::after {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    display: block;
    content: '';
    width: 60px;
    height: 60px;
     
}

.hot-audio-week li .cover .info {
    float: right;
    width: 130px
}

.hot-audio-week li .cover .desc {
    padding-top: 2px;
    height: 36px;
    line-height: 18px;
    font-size: 14px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.hot-audio-week li .cover .views {
    float: right;
    margin-top: 5px
}

.hot-audio-week li .cover .hosp {
    clear: both;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #999;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.hot-audio-week li.c1 em {
    color: #f01414
}

.hot-audio-week li.c2 em {
    color: #fe9851
}

.hot-audio-week li.c3 em {
    color: #ffc344
}

.hot-audio-week li.on .cover {
    display: block
}

.hot-audio-week li.on .title {
    display: none
}

.audio-card-list2 {
    margin: 0 -15px;
    width: auto
}

.audio-card-list2 li {
    float: left;
    margin: 10px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    width: 380px;
    height: 360px;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 20px 0 rgba(104, 130, 154, 0.16);
    box-shadow: 0 0 20px 0 rgba(104, 130, 154, 0.16);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.audio-card-list2 li a {
    display: block
}

.audio-card-list2 li:hover {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px)
}

.audio-card-list2 .cover {
    position: relative;
    margin-bottom: 10px;
    height: 232px
}

.audio-card-list2 .cover img {
    display: inline-block;
    width: 100%;
    height: 100%
}

.audio-card-list2 .cover i {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    display: inline-block;
    margin: -25px 0 0 -25px;
    width: 50px;
    height: 50px;
     
    background-size: 50px
}

.audio-card-list2 .cover .time {
    display: none
}

.audio-card-list2 h3 {
    margin: 0 20px;
    height: 26px;
    line-height: 26px;
    font-size: 18px;
    color: #333;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.audio-card-list2 .views {
    margin: 6px 20px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    color: #999
}

.audio-card-list2 .views i {
    float: left;
    margin-right: 8px;
    font-size: 14px;
    color: #b2b2b2
}

.audio-card-list2 .views .time {
    float: right;
    margin-right: 5px
}

.audio-card-list2 .author {
    padding: 10px 20px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #e6e6e6
}

.audio-card-list2 .author img {
    float: left;
    display: inline-block;
    margin-right: 17px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-color: #f8f8f8
}

.audio-card-list2 .author .p1 {
    height: 16px;
    line-height: 16px;
    font-size: 14px;
    color: #666
}

.audio-card-list2 .author .p1 em {
    margin-left: 15px;
    font-size: 12px;
    color: #999
}

.audio-card-list2 .author .p2 {
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #999
}

.audio-show {
    padding: 10px 20px
}

.audio-show .doctor-l {
    float: left;
    width: 120px;
    overflow: hidden
}

.audio-show .doctor-l img {
    display: inline-block;
    margin-bottom: 10px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: #f8f8f8
}

.audio-show .doctor-l .name {
    line-height: 28px;
    font-size: 20px;
    color: #333;
    text-align: center
}

.audio-show .doctor-l .name a {
    display: inline-block;
    color: #333
}

.audio-show .doctor-l .name span {
    display: inline-block;
    margin-top: 5px;
    margin-left: 10px;
    padding: 0 2px;
    line-height: 15px;
    font-size: 12px;
    color: #999;
    border: 1px solid #999;
    border-radius: 4px
}

.audio-show .doctor-l .hosp {
    margin: 10px 6px 0;
    line-height: 20px;
    font-size: 12px;
    color: #999;
    text-align: center
}

.audio-show .audio-info {
    margin-left: 140px
}

.audio-show h1 {
    line-height: 28px;
    font-size: 24px
}

.audio-show .time-views {
    margin: 15px 0;
    padding-bottom: 15px;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    font-weight: 500;
    color: #999;
    border-bottom: 1px solid #e6e6e6
}

.audio-show .time-views span {
    display: inline-block
}

.audio-show .time-views i {
    float: left;
    margin-right: 8px;
    font-size: 14px;
    font-weight: normal;
    color: #b2b2b2
}

.audio-show .time-views .time {
    position: relative;
    float: left;
    margin-right: 20px;
    padding-right: 22px
}

.audio-show .time-views .time::after {
    position: absolute;
    z-index: 2;
    top: 5px;
    right: 0;
    content: '';
    width: 0;
    height: 11px;
    border-right: 1px solid #b3b3b3
}

.audio-show .app-look {
    position: relative;
    float: right;
    margin-bottom: 0;
    overflow: hidden
}

.audio-show .app-look span {
    font-family: Adobe Heiti Std;
    color: #a2a5ad
}

.audio-show .app-look:hover {
    overflow: visible
}

.audio-show .app-look:hover .app-qrCode {
    top: 35px;
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1)
}

.audio-player {
    margin: 30px 0;
    padding: 12px 22px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 80px;
    background: #f5f5f5;
    border-radius: 10px
}

.audio-player #playBtn {
    float: left;
    width: 54px;
    height: 54px;
    line-height: 54px;
    font-size: 0;
    text-align: center;
    cursor: pointer;
    border: 1px solid #56bbbe;
    border-radius: 50%
}

.audio-player #playBtn .iconfont {
    font-size: 24px;
    color: #56bbbe;
    text-align: center
}

.audio-player #playBtn .icon-bofang {
    margin-left: 1px
}

.audio-player .player_music {
    position: relative;
    margin-left: 72px;
    padding-top: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 56px
}

.audio-player .player_music .time {
    position: absolute;
    z-index: 2;
    top: 0;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #999
}

.audio-player .player_music .total-time {
    right: 0
}

.audio-player .bar-container {
    position: relative;
    margin: 0 18px;
    padding: 2px 0;
    height: 18px
}

.audio-player .bar-container .background-bar,
.audio-player .bar-container .buffered-bar,
.audio-player .bar-container .progress-bar {
    position: absolute;
    z-index: 2;
    top: 50%;
    margin-top: -1px;
    width: 100%;
    height: 2px;
    background-color: #d9d9d9;
    border-radius: 1px
}

.audio-player .bar-container .buffered-bar {
    z-index: 3;
    width: 0;
    background-color: #666;
    -webkit-transition: width .5s linear;
    transition: width .5s linear
}

.audio-player .bar-container .progress-bar {
    z-index: 4;
    width: 0;
    background-color: #56bbbe;
    -webkit-transition: width .5s linear;
    transition: width .5s linear
}

.audio-player .bar-container .progress-button {
    position: absolute;
    z-index: 5;
    left: 0;
    top: 50%;
    margin-top: -8px;
    margin-left: -2px;
    width: 6px;
    height: 18px;
    background-color: #56bbbe;
    border-radius: 3px;
    -webkit-box-shadow: .5px .5px 2px rgba(0, 0, 0, 0.3);
    box-shadow: .5px .5px 2px rgba(0, 0, 0, 0.3);
    -webkit-transition: left .5s linear;
    transition: left .5s linear
}

.audio-player audio {
    display: none
}

.audio-list li {
    position: relative;
    margin: 20px 0 60px;
    padding: 10px 20px 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 158px;
    background: #fafafa;
    border-radius: 6px;
    -webkit-box-shadow: 0 6px 40px 0 rgba(99, 171, 240, 0.1);
    box-shadow: 0 6px 40px 0 rgba(99, 171, 240, 0.1)
}

.audio-list li:hover {
    -webkit-box-shadow: 0 6px 40px 0 rgba(99, 171, 240, 0.2);
    box-shadow: 0 6px 40px 0 rgba(99, 171, 240, 0.2)
}

.audio-list li::after {
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: -30px;
    display: block;
    content: '';
    width: 100%;
    height: 0;
    border-top: 1px solid #e6e6e6
}

.audio-list li:last-child {
    margin-bottom: 20px
}

.audio-list li:last-child::after {
    display: none
}

.audio-list .doctor {
    float: left;
    display: block;
    padding-right: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 158px;
    text-align: center;
    overflow: hidden
}

.audio-list .doctor img {
    display: inline-block;
    margin-bottom: 3px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: #f8f8f8
}

.audio-list .doctor .name {
    height: 28px;
    line-height: 28px;
    font-size: 16px;
    color: #333
}

.audio-list .doctor .name span {
    display: inline-block;
    margin-top: 4px;
    margin-left: 10px;
    padding: 0 2px;
    line-height: 15px;
    font-size: 12px;
    color: #999;
    border: 1px solid #999;
    border-radius: 4px
}

.audio-list .doctor .hosp {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #b2b2b2;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.audio-list .info {
    margin-left: 170px
}

.audio-list .title {
    display: block;
    margin-right: 100px;
    padding: 12px 0;
    line-height: 28px;
    font-size: 18px;
    color: #333;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    -webkit-transition: color .5s;
    transition: color .5s
}

.audio-list .title:hover {
    color: #56bbbe
}

.audio-list .desc {
    margin-bottom: 12px;
    height: 48px;
    line-height: 24px;
    font-size: 15px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.audio-list .other {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #b2b2b2
}

.audio-list .other .time {
    float: right
}

.audio-list .other .num {
    position: absolute;
    z-index: 3;
    right: 20px;
    top: 22px
}

.audio-list .other .num i {
    float: left;
    margin-right: 8px;
    font-size: 14px;
    font-weight: normal
}

.audio-list .other .num em {
    font-size: 15px;
    color: #a2a5ad
}

.audio-list2 .pic span {
    position: absolute;
    z-index: 3;
    right: 4px;
    bottom: 4px;
    width: 44px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 9px
}

.audio-list2 .pic::after {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    margin: -15px 0 0 -15px;
    display: block;
    content: '';
    width: 30px;
    height: 30px;
 
    background-size: 30px
}

.audio-list2 .other .views {
    float: left
}

.audio-list2 .other .views i {
    float: left;
    margin-right: 8px
}

.audio-list2 .other .views em {
    color: #a2a5ad
}

.audio-list2 .other .time {
    float: right
}

.index-doctor {
    margin-bottom: 40px
}

.index-doctor .hd {
    height: 36px;
    line-height: 36px;
    position: relative
}

.index-doctor .hd h2 {
    width: 300px
}

.index-doctor .hd h2 .iconfont {
    float: left;
    margin-right: 10px;
    display: inline-block;
    width: 26px;
    line-height: 36px;
    font-size: 20px;
    color: #56bbbe;
    text-align: center
}

.index-doctor .hd .more {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 16px;
    color: #999
}

.index-doctor .hd .more .iconfont {
    padding-left: 6px;
    font-size: 20px
}

.index-doctor .new-doctor {
    height: 50px;
    line-height: 50px;
    border-radius: 6px;
    background: #e6e6e6
}

.index-doctor .new-doctor .tit {
    float: left;
    margin: 0 6px 0 20px;
    font-size: 16px;
    color: #666
}

.index-doctor .new-doctor .bd {
    width: 1050px;
    height: 50px;
    overflow: hidden
}

.index-doctor .new-doctor ul {
    display: inline-block;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.index-doctor .new-doctor ul li {
    margin: 0 12px 0 8px;
    display: inline-block
}

.index-doctor .new-doctor ul li a {
    display: inline-block
}

.index-doctor .new-doctor ul li a:hover {
    color: #f60
}

.index-doctor .new-doctor ul li img {
    display: inline-block;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #f8f8f8;
    vertical-align: middle
}

.index-doctor .new-doctor ul li p {
    display: inline-block;
    margin-left: 4px;
    font-size: 14px;
    color: #333
}

.hospital-list-card {
    margin: 0 -10px 0 -10px;
    overflow: hidden
}

.hospital-list-card li {
    float: left;
    margin: 20px 10px;
    padding-top: 22px;
    width: 285px;
    height: 356px;
    background: #fff;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 6px;
    text-align: center;
    -webkit-transition: all .5s;
    transition: all .5s
}

.hospital-list-card li:hover {
    z-index: 2;
    -webkit-box-shadow: 0 0 20px 0 rgba(104, 130, 154, 0.16);
    box-shadow: 0 0 20px 0 rgba(104, 130, 154, 0.16)
}

.hospital-list-card li .pic {
    margin: 0 auto;
    width: 200px;
    height: 200px;
    background-color: #f8f8f8;
    border-radius: 50%;
    display: -webkit-flex;
    -webkit-flex-wrap: nowrap;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 10px 0 rgba(32, 171, 163, 0.3);
    box-shadow: 0 2px 10px 0 rgba(32, 171, 163, 0.3)
}

.hospital-list-card li .pic a {
    display: block
}

.hospital-list-card li .pic img {
    width: 100%;
    height: 100%
}

.hospital-list-card li h3 {
    margin: 14px 0 24px;
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px
}

.hospital-list-card li h3 .title {
    display: inline-block;
    font-size: 18px;
    color: #000;
    vertical-align: middle
}

.hospital-list-card li h3 .title span {
    display: inline-block;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 220px
}

.hospital-list-card li h3 .title:hover {
    color: #56bbbe
}

.hospital-list-card li h3 .rz {
    float: right;
    margin-left: 4px;
    display: inline-block;
    width: 26px;
    height: 30px;
    background-position: center right;
    background-repeat: no-repeat
}

 

.hospital-list-card li .d-area {
    margin-bottom: 15px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #999;
    display: inline-block;
    width: 90%;
    overflow: hidden
}

.hospital-list-card li .d-area .sptlit {
    display: inline-block;
    margin: 4px 8px 0;
    width: 1px;
    height: 12px;
    background: #999;
    vertical-align: top
}

.hospital-list-card li .d-des {
    line-height: 16px;
    font-size: 14px;
    color: #666
}

.hospital-list-card li .d-des .sptlit {
    display: inline-block;
    margin: 0 8px;
    width: 1px;
    height: 12px;
    background: #999;
    vertical-align: middle
}

.hospital-list-card li .d-des i {
    padding: 0 2px;
    font-family: "Microsoft YaHei";
    font-weight: 600;
    color: #000
}

.hospital-list-card li .icon {
    position: absolute;
    top: -2px;
    right: 16px;
    width: 28px;
    height: 32px;
    background-position: center right;
    background-repeat: no-repeat
}

.hospital-list-card li .icon.hot {
    background-image: url(../image/icon_hot.png)
}

.hospital-list-card li .icon.jingxuan {
    background-image: url(../image/icon_jingxuan.png)
}

.index-doctor {
    margin-top: 70px
}

.index-doctor .tit {
    margin-bottom: 30px;
    background-position: center -140px
}

.index-doctor .tit::before,
.index-doctor .tit::after {
    width: 500px
}

.doctor-list-card li h3 .rz.rz0 {
    display: none
}

 
.doctor-list-card li .pic {
    position: relative
}

.doctor-list-card li .pic::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    content: '';
    background: #000;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: opacity .3s .1s ease-out;
    transition: opacity .3s .1s ease-out
}

.doctor-list-card li .pic .mqBtn {
    position: absolute;
    bottom: -40px;
    left: 40px;
    z-index: 3;
    width: 120px;
    line-height: 36px;
    border: 1px solid #56bbbe;
    font-size: 16px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border-radius: 6px;
    -webkit-transition: bottom .3s .1s ease-out;
    transition: bottom .3s .1s ease-out
}

.doctor-list-card li .pic .mqBtn::after {
    position: absolute;
    top: -82px;
    left: -40px;
    display: block;
    content: '';
    width: 200px;
    height: 200px
}

.doctor-list-card li .pic:hover::after {
    filter: alpha(opacity=60);
    opacity: .6
}

.doctor-list-card li .pic:hover .mqBtn {
    bottom: 82px
}

.hospitalBox {
    min-height: 300px
}

.hospitalBox .hd {
    position: relative;
    margin: 55px 0 25px
}

.hospitalBox .hd ul {
    overflow: hidden
}

.hospitalBox .hd li {
    float: left;
    margin-right: 30px;
    line-height: 24px;
    font-size: 20px;
    color: #888;
    cursor: pointer
}

.hospitalBox .hd li a {
    color: #888;
    -webkit-transition: color .5s;
    transition: color .5s
}

.hospitalBox .hd li a:hover {
    color: #333
}

.hospitalBox .hd li.on {
    border-bottom: 1px solid #56bbbe
}

.hospitalBox .hd li.on a {
    color: #333
}

.hospital-list {
    margin-bottom: 20px
}

.hospital-list li {
    padding: 20px 0px 0;
    overflow: hidden;
    -webkit-transition: background .5s, -webkit-transform .5s;
    transition: background .5s, -webkit-transform .5s;
    transition: transform .5s, background .5s;
    transition: transform .5s, background .5s, -webkit-transform .5s
}

.hospital-list li .pic {
    float: left;
    width: 158px;
    height: 158px;
    overflow: visible;
    border: 1px solid #e6e6e6;
    border-radius: 6px;
    position: relative
}

.hospital-list li .pic .icon {
    position: absolute;
    top: -1px;
    right: 10px;
    z-index: 2;
    display: inline-block;
    width: 28px;
    height: 32px;
    background: url(../image/icon_hot.png) center right no-repeat
}

.hospital-list li img {
    display: block;
    width: 100%;
    height: 100%;
    background: #f8f8f8
}

.hospital-list li .info {
    float: right;
    width: 970px;
    min-height: 170px;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #e6e6e6
}

.hospital-list li h3 {
    min-width: 100px;
    max-width: 480px;
    height: 32px;
    line-height: 32px;
    font-size: 20px;
    color: #222;
    margin-bottom: 10px
}

.hospital-list li h3 a {
    display: block;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left
}

.hospital-list li h3 .attest-btn {
    display: inline-block;
    margin-left: 15px;
    width: 75px;
    height: 30px;
    background: url(../image/attest_1.png) center center no-repeat
}

.hospital-list li h3 .attest-btn.attest-0 {
    display: none
}

.hospital-list li a:hover {
    color: #f60
}

.hospital-list li .project-row {
    line-height: 28px;
    margin-bottom: 8px;
    overflow: hidden;
    max-height: 30px
}

.hospital-list li .project-row .tit {
    float: left;
    line-height: 28px;
    font-size: 14px;
    color: #666
}

.hospital-list li .project-row .tit i {
    color: #333;
    font-weight: 600
}

.hospital-list li .project-row .tags a,
.hospital-list li .project-row .tags span {
    display: inline-block;
    margin-left: 10px;
    padding: 0 6px;
    min-width: 60px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    color: #666;
    text-align: center;
    border: 1px solid #e6e6e6;
    border-radius: 6px
}

.hospital-list li .project-row .num {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 30px;
    font-size: 16px;
    color: #a2a5ad
}

.hospital-list li .project-row .num span {
    margin-left: 8px
}

.hospital-list li .address-text {
    margin-bottom: 3px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    color: #666;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 80%
}

.hospital-list li .address-text span {
    color: #666
}

.hospital-list li .address-text i {
    color: #333;
    font-weight: 600
}

.hospital-list li .desc {
    margin-bottom: 8px;
    overflow: hidden;
    max-height: 56px;
    line-height: 28px;
    font-size: 14px;
    color: #666
}

.hospital-list li .desc i {
    color: #333;
    font-weight: 600
}

.hospital-list li:hover {
    background: #f8f8f8;
    -webkit-transform: translateX(5px);
    transform: translateX(5px)
}

.hospital-list.w860 .info {
    width: 660px
}

.hospital-list.w860 .project-row .tags {
    max-width: 520px
}

.hospital-show .page-l {
    min-height: auto;
    float: left;
    width: 1200px
}

.hospital-show .page-r {
    float: right;
    width: 1200px
}

.hospital-show .hd {
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
    height: 30px;
    line-height: 30px
}

.hospital-show .hd h2 {
    float: left;
    font-size: 28px;
    color: #333
}

.hospital-show .hd .more {
    margin: 5px 0 0 20px;
    padding-left: 14px;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    font-size: 18px;
    color: #999;
    border-left: 1px solid #999;
    -webkit-transition: color .5s;
    transition: color .5s
}

.hospital-show .hd .more:hover {
    color: #333
}

.hospital-info {
    position: relative;
    margin-bottom: 30px;
    padding: 30px 20px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 10px
}

.hospital-info .logo {
    float: left;
    display: block;
    width: 160px;
    height: 160px;
    background: #f8f8f8;
    border-radius: 6px
}

.hospital-info .cr {
    float: left;
    margin-left: 30px;
    width: 800px
}

.hospital-info .cr h1 {
    float: left;
    display: inline-block;
    margin-bottom: 5px;
    max-width: 800px;
    height: 56px;
    line-height: 56px;
    font-size: 28px;
    color: #000;
    overflow: hidden
}

.hospital-info .cr .attest-btn {
    display: inline-block;
    float: right;
    margin-left: 16px;
    width: 75px;
    height: 56px;
    background: url(../image/attest_1.png) center center no-repeat
}

.hospital-info .cr .attest-btn.attest-0 {
    display: none
}

.hospital-info .cr div {
    clear: both;
    margin-bottom: 5px;
    line-height: 24px;
    font-size: 14px;
    color: #555
}

.hospital-info .cr p span {
    color: #999
}

.hospital-info .zxBtn {
    position: absolute;
    top: 40px;
    right: 30px;
    width: 100px;
    line-height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    color: #333;
    text-align: center;
    cursor: pointer;
    border: 1px solid #8fd3d5;
    border-radius: 20px;
    -webkit-box-shadow: 0 4px 12px 0 rgba(87, 187, 190, 0.16);
    box-shadow: 0 4px 12px 0 rgba(87, 187, 190, 0.16)
}

.hospital-intro {
    clear: both;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    background: #fff;
    border-radius: 6px;
    margin-bottom: 20px
}

.hospital-intro h2 {
    margin-left: 20px;
    padding-top: 15px;
    line-height: 30px;
    font-size: 18px;
    color: #333
}

.hospital-intro h2 .icon2wendang {
    float: left;
    display: inline-block;
    margin-right: 10px;
    width: 20px;
    height: 30px;
    background: url(../image/icon_wendang.png) center no-repeat
}

.hospital-intro .bd {
    padding: 22px 20px
}

.hospital-intro .desc {
    margin-bottom: 20px;
    line-height: 24px;
    font-size: 15px;
    color: #666;
    text-align: justify
}

.hospital-intro .desc .cBtn {
    padding-left: 5px;
    color: #56bbbe;
    cursor: pointer
}

.hospital-intro p {
    margin-bottom: 10px;
    line-height: 200%;
    font-size: 16px;
    color: #333;
    text-indent: 2em;
}

.hospital-intro p span {
    color: #999
}

.hospital-intro p a {
    color: #333
}

.hospital-intro .project-row {
    margin-top: 15px;
    padding-top: 25px;
    position: relative;
    border-top: 1px solid #e6e6e6
}

.hospital-intro .project-row .tit {
    line-height: 24px;
    font-size: 14px;
    color: #999
}

.hospital-intro .project-row .tags a,
.hospital-intro .project-row .tags span {
    display: inline-block;
    margin: 10px 10px 0 0;
    padding: 0 10px;
    min-width: 60px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #888;
    text-align: center;
    background: #f3f3f3;
    border-radius: 6px
}

.hospital-intro .project-row .tags .cBtn {
    padding-left: 5px;
    color: #56bbbe;
    cursor: pointer;
    background: none
}

.hospital-contact {
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    background: #fff;
    border-radius: 6px;
    margin-bottom: 20px
}

.hospital-contact h2 {
    margin-left: 20px;
    padding-top: 15px;
    line-height: 30px;
    font-size: 18px;
    color: #333
}

.hospital-contact h2 .icon2lianxi {
    float: left;
    display: inline-block;
    margin-right: 10px;
    width: 22px;
    height: 30px;
 
}

.hospital-contact .bd {
    padding-bottom: 20px;
    text-align: center
}

.hospital-contact .tit {
    line-height: 78px;
    font-size: 20px;
    color: #333
}

.hospital-contact .tit span {
    color: #b2b2b2
}

.hospital-contact .mqBtn {
    display: inline-block;
    width: 286px;
    height: 40px;
    line-height: 40px;
    font-size: 17px;
    color: #333;
    text-align: center;
    cursor: pointer;
    border: 1px solid #8fd3d5;
    border-radius: 6px;
    -webkit-box-shadow: 0 4px 12px 0 rgba(87, 187, 190, 0.16);
    box-shadow: 0 4px 12px 0 rgba(87, 187, 190, 0.16)
}

.doctor-team {
    margin-bottom: 50px
}

.doctor-team ul {
    margin-right: -20px;
    overflow: hidden
}

.doctor-team li {
    float: left;
    margin: 15px 15px 10px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 270px;
    height: 186px;
    border-radius: 6px;
    background: #fff;
    -webkit-transition: all .5s;
    transition: all .5s
}

.doctor-team li:hover {
    -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0)
}

.doctor-team li a {
    display: block;
    padding: 20px 0 0 20px
}

.doctor-team .info {
    margin-bottom: 16px;
    height: 58px;
    line-height: 58px;
    overflow: hidden
}

.doctor-team .info .avatar {
    float: left;
    margin-right: 20px;
    width: 58px;
    height: 58px;
    border-radius: 100%;
    overflow: hidden
}

.doctor-team .info .avatar img {
    width: 100%;
    height: 100%;
    background: #f8f8f8
}

.doctor-team .info .user {
    max-width: 300;
    height: 58px;
    float: left
}

.doctor-team .info .user .name {
    display: block;
    height: 36px;
    line-height: 36px;
    font-size: 18px;
    color: #000;
    font-weight: 500
}

.doctor-team .info .user .zc {
    display: block;
    height: 18px;
    line-height: 18px;
    font-size: 14px;
    color: #b2b2b2
}

.doctor-team .tags {
    height: 80px;
    overflow: hidden
}

.doctor-team .tags a,
.doctor-team .tags span {
    display: inline-block;
    margin: 0 8px 12px 0;
    padding: 0 8px;
    min-width: 32px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #888;
    text-align: center;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 4px
}

.hospital-photo {
    margin-bottom: 50px
}

.hospital-photo .min-list {
    margin-top: 30px;
    margin-right: -20px;
    overflow: hidden
}

.hospital-photo .min-list li {
    float: left;
    margin-right: 15px;
    overflow: hidden;
    width: 270px;
    height: 178px;
    border-radius: 4px
}

.hospital-photo .min-list li img {
    width: 100%;
    height: 100%;
    background: #f8f8f8
}

.hospital-video,
.hospital-audio {
    margin-bottom: 50px
}

.hospital-diary {
    margin-bottom: 30px
}

.hospital-doctor-all li {
    margin-right: 20;
    width: 285px
}

.hospital-photo-all {
    background: #fff
}

.hospital-photo-all .hd {
    margin-bottom: 0;
    padding: 20px
}

.hospital-photo-all .con {
    min-height: 360px;
    padding-bottom: 30px
}

.hospital-photo-all .focus_pic {
    margin: 25px auto 10px;
    width: 970px;
    min-height: 500px;
    background: #f8f8f8;
    position: relative
}

.hospital-photo-all .focus_pic ul {
    overflow: hidden
}

.hospital-photo-all .focus_pic ul li {
    float: left;
    display: none;
    width: 970px;
    min-height: 500px;
    text-align: center;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hospital-photo-all .focus_pic ul li img {
    display: inline-block;
    max-width: 100%;
    height: auto
}

.hospital-photo-all .focus_pic .picBtn {
    position: absolute;
    top: 50%;
    z-index: 3;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #d6d6d6;
    border-radius: 50%
}

.hospital-photo-all .focus_pic .picBtn.prev {
    left: -80px
}

.hospital-photo-all .focus_pic .picBtn.next {
    right: -80px
}

.hospital-photo-all .focus_pic .picBtn .iconfont {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 28px;
    color: #d6d6d6;
    text-align: center
}

.hospital-photo-all .focus_pic .picBtn:hover {
    border-color: #56bbbe
}

.hospital-photo-all .focus_pic .picBtn:hover .iconfont {
    color: #56bbbe
}

.hospital-photo-all .focus_nav {
    clear: both;
    margin: 0 auto 0;
    width: 970px;
    height: 130px;
    font-size: 0;
    position: relative
}

.hospital-photo-all .focus_nav ul {
    margin: 0 -5px 0 -1px;
    height: 130px;
    overflow: hidden
}

.hospital-photo-all .focus_nav ul li {
    float: left;
    margin: 0 4px 10px 0;
    width: 185px;
    height: 126px;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #fff;
    -webkit-transition: all .5s;
    transition: all .5s
}

.hospital-photo-all .focus_nav ul li img {
    width: 100%;
    height: 100%
}

.hospital-photo-all .focus_nav ul li.on,
.hospital-photo-all .focus_nav ul li:hover {
    border-color: #56bbbe
}

.hospital-photo-all .focus_nav .navBtn {
    position: absolute;
    top: 30px;
    z-index: 2
}

.hospital-photo-all .focus_nav .navBtn.navPrev {
    left: -50px
}

.hospital-photo-all .focus_nav .navBtn.navNext {
    right: -50px
}

.hospital-photo-all .focus_nav .navBtn .iconfont {
    display: inline-block;
    width: 54px;
    height: 70px;
    line-height: 70px;
    font-size: 28px;
    color: #d6d6d6;
    text-align: center
}

.hospital-photo-all .focus_nav .navBtn .iconfont:hover {
    color: #999
}

.doctorBox {
    min-height: 300px
}

.doctorBox .hd {
    position: relative;
    margin: 50px 0 20px;
    padding: 5px 0
}

.doctorBox .hd ul {
    overflow: hidden
}

.doctorBox .hd li {
    float: left;
    margin-right: 30px;
    line-height: 24px;
    font-size: 20px;
    color: #888;
    cursor: pointer
}

.doctorBox .hd li a {
    color: #888;
    -webkit-transition: color .5s;
    transition: color .5s
}

.doctorBox .hd li a:hover {
    color: #333
}

.doctorBox .hd li.on {
    border-bottom: 1px solid #56bbbe
}

.doctorBox .hd li.on a {
    color: #333
}

.doctorBox .hd .zxBtn {
    position: absolute;
    top: 0;
    right: 0;
    width: 90px;
    line-height: 32px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    color: #333;
    text-align: center;
    cursor: pointer;
    border: 1px solid #8fd3d5;
    border-radius: 20px;
    -webkit-box-shadow: 0 4px 12px 0 rgba(87, 187, 190, 0.16);
    box-shadow: 0 4px 12px 0 rgba(87, 187, 190, 0.16)
}

.doctorBox .doctor-list-card li {
    margin: 10px;
    width: 260px;
    height: 345px
}

.doctorBox .doctor-list-card li .pic {
    width: 180px;
    height: 180px
}

.doctorBox .doctor-list-card li .pic .mqBtn {
    left: 30px
}

.doctorBox .doctor-list-card li .pic:hover::after {
    filter: alpha(opacity=60);
    opacity: .6
}

.doctorBox .doctor-list-card li .pic:hover .mqBtn {
    bottom: 72px
}

.doctorBox .doctor-list-card li h3 {
    margin-top: 25px
}

.doctor-info .cr .attest-btn {
    background: url(../image/rzys_1.png) left center no-repeat
}

 

.hospital-audio .voice-card-list {
    margin-right: -15px;
    padding-left: 0
}

.hospital-audio .voice-card-list li {
    margin: 10px 13px 10px 0;
    width: 200px;
    height: 230px
}

.hospital-audio .voice-card-list .cover {
    margin-bottom: 5px;
    height: 123px
}

.hospital-audio-all .voice-card-list {
    margin-right: -23px;
    padding-left: 0
}

.hospital-audio-all .voice-card-list li {
    margin: 10px 23px 15px 0;
    width: 221px;
    height: 215px
}

.hospital-audio-all .voice-card-list .cover {
    margin-bottom: 9px;
    height: 104px
}

.index-diary {
    margin-bottom: 40px;
    padding: 1px 0 20px;
    background: #fff;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 6px
}

.index-diary .hd {
    margin-bottom: 10px;
    overflow: hidden;
    border-bottom: 1px solid #e6e6e6
}

.index-diary .hd ul {
    float: left
}

.index-diary .hd li {
    float: left;
    margin: 0 20px;
    position: relative;
    cursor: pointer;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    color: #333
}

.index-diary .hd li:after {
    display: block;
    content: '';
    width: 0\9;
    height: 3px;
    background: #56bbbe;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg)
}

.index-diary .hd li.on a,
.index-diary .hd li:hover a {
    color: #56bbbe
}

.index-diary .hd li.on:after,
.index-diary .hd li:hover:after {
    width: 100%\9;
    opacity: 1;
    -webkit-transform: rotateY(0);
    transform: rotateY(0)
}

.index-diary .hd .more {
    display: inline-block;
    margin-right: 20px;
    padding: 13px 0;
    line-height: 30px;
    font-size: 16px;
    color: #999;
    float: right
}

.index-diary .hd .more .iconfont {
    float: right;
    padding-left: 6px;
    font-size: 18px
}

.index-diary .diary-list li .info {
    width: 815px
}

.index-diary .diary-list li .info .projects {
    width: 430px !important
}

.diary-list {
    margin-bottom: 10px;
    padding-bottom: 10px
}

.diary-list li {
    padding: 20px 20px 20px 10px;
    overflow: hidden;
    -webkit-transition: all .3s;
    transition: all .3s;
    background-color: #fff;
    border-bottom: 1px solid #e8e8e8;

}

.diary-list li a {
    display: inline-block;
    font-size: 18px;
    color: #000;
}

.diary-list li:hover .desc {
    color: #999;
}

.diary-list .photos {
    overflow: hidden;
    float: left
}

.diary-list .photos .pic {
    position: relative;
    float: left;
    margin-right: 10px;
    overflow: hidden;
    width: 154px;
    height: 154px;
    border-radius: 6px
}



.diary-list .photos span {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    line-height: 18px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.6);
    background: #333;
    background: rgba(0, 0, 0, 0.6);
    border-bottom-right-radius: 8px
}

.diary-list .photos .pic:last-child span {
    border: 1px solid #30bec3;
    background: #30bec3;
}

.diary-list .info {
    width: 800px;
    float: left;
    margin-left: 20px;
}

.diary-list h4 {
    margin-bottom: 12px;
    overflow: hidden;
    width: 480px;
    line-height: 22px;
    font-size: 18px;
    font-weight: 600;
    color: #000;
    white-space: nowrap;
    text-overflow: ellipsis
}

.diary-list .user {
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    overflow: hidden;
    margin-bottom: 10px;
    color: #555;
}

.diary-list .user img {
    display: inline-block;
    margin-right: 12px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    overflow: hidden
}

.diary-list .user .name {
    max-width: 150px;
    font-size: 14px;
    color: #999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.diary-list .user .time {
    float: right;
    font-size: 14px;
    color: #999
}

.diary-list .desc {
    display: block;
    margin-bottom: 27px;
    max-height: 48px;
    min-height: 24px;
    line-height: 24px;
    font-size: 15px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    word-break: break-all;
    -webkit-transition: all .3s;
    transition: all .3s
}

.diary-list .other {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
 
    color: #b2b2b2;
}

.diary-list .other .projects {
    display: inline-block;
  
    padding-right: 5px;
    color: #30bec3;
    font-size: 18px;
}

.diary-list .other .projects .tag {
    display: inline-block;
    float: left;
    padding-right: 5px;
    color: #30bec3;
    font-size: 18px;
}

.diary-list .other .projects .tag-third {
    display: inline-block;
    float: left;
    padding-right: 5px;
    color: #b2b2b2
}

.diary-list .other .iconfont {
    display: inline-block;
    float: left;
    margin-right: 4px;
    font-size: 20px
}

.diary-list .other .fr a {
    margin-left: 16px;
    color: #b2b2b2
}

.diary-list2 {
    margin-bottom: 20px
}

.diary-list2 li {
    padding-top: 20px;
    overflow: hidden;
    -webkit-transition: all .3s;
    transition: all .3s
}

.diary-list2 li a {
    display: block
}

.diary-list2 li:hover .desc {
    /*    color: #000;*/
}

.diary-list2 .photos {
    overflow: hidden;
    float: left
}

.diary-list2 .photos .pic {
    position: relative;
    float: left;
    margin-right: 10px;
    overflow: hidden;
    width: 154px;
    height: 154px;
    border-radius: 6px
}

/* .diary-list2 .photos img {
    width: 100%;
    height: 100%
} */

.diary-list2 .photos span {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 44px;
    line-height: 20px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: #333;
    background: rgba(0, 0, 0, 0.4);
    border-bottom-right-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.diary-list2 .photos .pic:last-child span {
    line-height: 18px;
    border: 1px solid #30bec3;
    background: #30bec3;
}

.diary-list2 .info {
    margin-left: 200px;
    min-height: 150px;
    border-bottom: 1px solid #e6e6e6
}

.diary-list2 .info h4 {
    margin-bottom: 12px;
    line-height: 22px;
    font-size: 18px;
    font-weight: 600;
    color: #000;
    width: 480px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.diary-list2 .user {
    margin-bottom: 14px;
 
    line-height: 36px
}

.diary-list2 .user img {
    display: inline-block;
    margin-right: 12px;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    overflow: hidden
}

.diary-list2 .user .name {
    max-width: 150px;
    font-size: 16px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.diary-list2 .user .time {
 
    font-size: 14px;
    color: #b2b2b2
}

.diary-list2 .desc {
    margin-bottom: 16px;
    display: block;
    max-height: 48px;
    min-height: 24px;
    line-height: 24px;
    font-size: 14px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    word-break: break-all;
    -webkit-transition: color .5s;
    transition: color .5s
}

.diary-list2 .other {
    padding-bottom: 20px;
    overflow: hidden;
    line-height: 26px
}

.diary-list2 .other .projects {
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 280px;
    font-size: 15px;
    color: #a2a5ad;
    background: #f0f2f5;
    border-radius: 13px
}

.diary-list2 .other .projects .tag {
    float: left;
    display: inline-block;
    padding-right: 4px;
    color: #a2a5ad
}

.diary-list2 .other .fr {
    text-align: right;
    overflow: hidden
}

.diary-list2 .other .fr a {
    display: inline-block;
    margin-left: 15px;
    min-width: 60px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #b2b2b2;
    text-align: left
}

.diary-list2 .other .fr a:first-child {
    margin-left: 0
}

.diary-list2 .other .fr .iconfont {
    display: inline-block;
    margin-right: 5px;
    font-size: 20px;
    color: #c4c4c4
}

.hospital-diary .diary-list2 .other .projects {
    max-width: 250px
}

.diary-btn-row {
    margin-bottom: 10px;
    padding: 12px 20px;
    overflow: hidden;
    background: #fff;
    border-radius: 6px
}

.diary-btn-row a {
    display: block;
    padding: 0 25px;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    color: #56bbbe;
    border: 1px solid #56bbbe;
    border-radius: 6px
}

.diary-btn-row a.btn-write {
    float: left;
    border: 1px solid #56bbbe
}

.diary-btn-row a.btn-notepad {
    float: right;
    color: #666;
    border-color: #dedede
}

.diary-btn-row a .iconfont {
    margin-right: 8px;
    float: left;
    font-size: 18px
}

.diaryBox {
    padding: 10px 0 20px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    background: #fff;
    border-radius: 6px
}

.side-hot-diary li {
    overflow: hidden;
    padding: 0 15px 20px
}

.side-hot-diary li a {
    display: block
}

.side-hot-diary li img {
    float: left;
    display: block;
    width: 54px;
    height: 54px;
    background: #f8f8f8;
    border-radius: 100%
}

.side-hot-diary li h3 {
    float: right;
    padding-top: 3px;
    width: 220px;
    max-height: 48px;
    line-height: 24px;
    font-size: 14px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.side-hot-diary li h3 span {
    margin-right: 3px;
    color: #56bbbe
}

.side-hot-hospital2 {
    margin-top: 0px
}

 
.side-hot-hospital2 li {
    margin-top: 20px;
    /*  padding-bottom: 16px;
    border-bottom: 1px solid #e6e6e6;
*/
}

.side-hot-hospital2 li:last-child {
    /*  
    border-bottom: none;
*/
    margin-bottom: 5px
}

.side-hot-hospital2 li .pic {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100px;
    height: 100px;
    border-radius: 10px;
    overflow: hidden;
    background: #f5f5f5
}

.side-hot-hospital2 li .pic img {
    width: 100%;
    height: 100%
}

.side-hot-hospital2 li .info {
    margin-left: 118px;
    min-height: 100px
}

.side-hot-hospital2 li h3 {
    line-height: 24px;
    font-size: 18px;
    color: #333
}

.side-hot-hospital2 li h3 a {
    color: #333
}

.side-hot-hospital2 li p {
    margin-top: 5px;
    max-height: 66px;
    line-height: 22px;
    font-size: 14px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.diary-show {
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    background: #fff;
    border-radius: 6px;
    overflow: visible
}

.diary-show .diary-info {
    margin: 0 30px;
    padding: 30px 0;
    overflow: hidden;
    min-height: 100px;
    border-bottom: 1px dashed #e6e6e6
}

.diary-show .diary-info #no_img {
    display: block;
    line-height: 62px;
    color: #999;
    text-align: center
}

.diary-show .diary-info .user {
    height: 60px
}

.diary-show .diary-info .avatar {
    display: block;
    float: left;
    margin-right: 20px;
    width: 60px;
    height: 60px;
    background: #f8f8f8;
    border-radius: 50%
}

.diary-show .diary-info .name-row {
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    color: #333;
    width: 620px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.diary-show .diary-info .name-row span {
    padding-left: 0px;
    color: #56bbbe
}

.diary-show .diary-info .time,
.diary-show .diary-info h2 {
    line-height: 26px;
    font-size: 14px;
    color: #999
}

.diary-show .diary-info .title {
    margin: 5px 0 10px;
    line-height: 30px;
    font-size: 18px;
    color: #000
}

.diary-show .diary-info h2 {
    margin: 15px 0;
    color: #56bbbe;
}

.diary-show .diary-info .beforeImg li {
    float: left;
    margin-right: 12px;
    width: 190px;
    height: 190px;
    border-radius: 5px;
    overflow: hidden
}

.diary-show .diary-info .beforeImg li img {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #f8f8f8
}

.diary-show .diary-info .day-num {
    position: absolute;
    top: 36px;
    right: -8px;
    width: 130px;
    height: 50px;
    line-height: 44px;
    font-size: 16px;
    color: #fff;
    text-align: center;
 
}

.diary-show .diary-line {
    padding-bottom: 20px
}

.diary-show .day-con {
    margin: 0 30px;
    padding: 25px 0 20px;
    overflow: hidden;
    clear: both;
    border-bottom: 1px dashed #e6e6e6
}

.diary-show .day-con .time {
    margin: 12px 0
}

.diary-show .day-con p{
    text-indent: 2em;
    line-height: 200%;
}

.diary-show .day-con .time span {
    display: inline-block;
    padding: 0 10px;
    line-height: 28px;
    font-size: 14px;
    color: #56bbbe;
    border: 1px solid #56bbbe;
    border-radius: 6px
}

.diary-show .day-con a {
    display: inline-block
}

.diary-show .day-con .desc {
    margin-bottom: 15px;
    max-height: 5.4em;
    line-height: 1.8em;
    font-size: 14px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    white-space: pre-line
}

.diary-show .day-con ul {
    clear: both;
    overflow: hidden;
    margin-right: -15px
}

.diary-show .day-con li {
    float: left;
    margin: 0 12px 12px 0;
    width: 190px;
    height: 190px;
    border-radius: 5px;
    overflow: hidden
}

.diary-show .day-con li img {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #f8f8f8
}

.diary-show .day-con li:hover {
    border-color: #56bbbe
}

.diary-show .day-con .other {
    margin-top: 15px;
    line-height: 24px;
    overflow: hidden;
    font-size: 14px;
    color: #999
}

.diary-show .day-con .other .date {
    float: left
}

.diary-show .day-con .other .other-r {
    float: right
}

.diary-show .day-con .other .iconfont {
    display: inline-block;
    float: left;
    margin-right: 4px;
    font-size: 20px
}

.diary-show .day-con .other a {
    margin-left: 16px;
    color: #999
}

.diary-show .day-con:last-child {
    border: none
}

.side-diary-hospital .hd h2 .iconfont {
    color: #f9adad;
    background: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-linear-gradient(-90deg, #f69494, #fab3b3)
}

.side-diary-hospital .pic {
    margin: 0 auto;
    width: 180px;
    height: 180px;
    background-color: #f8f8f8;
    border-radius: 50%;
    display: -webkit-flex;
    -webkit-flex-wrap: nowrap;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.side-diary-hospital .pic img {
    width: 100%;
    height: 100%;
    background: #f8f8f8
}

.side-diary-hospital .pic a {
    display: block
}

.side-diary-hospital h3 {
    margin: 20px 0 6px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center
}

.side-diary-hospital h3 .title {
    display: inline-block;
    font-size: 18px;
    color: #000;
    vertical-align: middle
}

.side-diary-hospital h3 .title span {
    display: inline-block;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 250px
}

.side-diary-hospital h3 .title:hover {
    color: #f60
}

.side-diary-hospital h3 .rz {
    float: right;
    margin-left: 4px;
    display: inline-block;
    width: 26px;
    height: 30px;
    background-position: center right;
    background-repeat: no-repeat
}

 

.side-diary-hospital p {
    margin-bottom: 20px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    color: #999;
    text-align: center
}

.side-diary-hospital p .iconfont {
    float: left;
    padding-right: 2px;
    font-size: 16px
}

.side-diary-hospital p span {
    display: inline-block;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 250px
}

.side-diary-hospital .mqBtn {
    margin: 0 auto 30px;
    width: 100px;
    line-height: 44px;
    font-size: 16px;
    color: #56bbbe;
    text-align: center;
    border: 1px solid #56bbbe;
    border-radius: 6px;
    cursor: pointer
}

.side-related-diary .hd h2 i.red {
    color: #f8a0a0
}

.side-related-diary li {
    padding: 0 0 30px 20px;
    overflow: hidden
}

.side-related-diary li .user {
    margin-bottom: 15px;
    overflow: hidden;
    height: 36px;
    line-height: 36px
}

.side-related-diary li .user img {
    display: inline-block;
    margin-right: 12px;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    overflow: hidden
}

.side-related-diary li .user .name {
    max-width: 150px;
    font-size: 16px;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.side-related-diary li a {
    display: inline-block
}

.side-related-diary li .photos {
    overflow: hidden;
    float: left
}

.side-related-diary li .photos .pic {
    float: left;
    margin-right: 8px;
    overflow: hidden;
    width: 136px;
    height: 136px;
    border-radius: 6px;
    position: relative
}

.side-related-diary li .photos img {
    width: 100%;
    height: 100%
}

.side-related-diary li .photos span {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    line-height: 18px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.6);
    background: #333;
    background: rgba(0, 0, 0, 0.6);
    border-bottom-right-radius: 8px
}

.side-related-diary li .photos .pic:last-child span {
    border: 1px solid #56bbbe
}

.side-diary-list li {
    padding: 20px 0 10px
}

.side-diary-list a {
    display: block
}

.side-diary-list .photos {
    margin-right: -10px;
    overflow: hidden
}

.side-diary-list .photos .pic {
    position: relative;
    float: left;
    margin-right: 10px;
    overflow: hidden;
    width: 155px;
    height: 155px;
    border-radius: 6px
}

.side-diary-list .photos .pic:last-child span {
    width: 42px;
    line-height: 18px;
    border: 1px solid #30bec3;
    background: #30bec3;
}

.side-diary-list .photos img {
    width: 100%;
    height: 100%
}

.side-diary-list .photos span {
    position: absolute;
    left: 8px;
    bottom: 8px;
    width: 44px;
    line-height: 20px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: #333;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 10px
}

.side-diary-list .user {
    margin-top: 10px;
    overflow: hidden;
    height: 30px;
    line-height: 30px
}

.side-diary-list .user img {
    display: inline-block;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    overflow: hidden
}

.side-diary-list .user .name {
    max-width: 150px;
    font-size: 14px;
    color: #333;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.diary-show .reply-post-box {
    padding: 0 30px 20px 190px
}

.diary-detail {
    margin: 30px;
    position: relative
}

.diary-day-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 140px
}

.diary-day-nav a {
    display: block;
    margin-bottom: 20px
}

.diary-day-nav i {
    display: inline-block;
    margin-right: 12px;
    width: 6px;
    height: 6px;
    font-size: 0;
    background: #ebebeb;
    border-radius: 50%
}

.diary-day-nav span {
    display: inline-block;
    padding: 0 15px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    color: #999;
    text-align: center;
    background: #ebebeb;
    border-radius: 15px
}

.diary-day-nav .on i {
    margin-right: 10px;
    width: 0;
    height: 0;
    background: none;
    border-radius: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 8px solid #56bbbe
}

.diary-day-nav .on span {
    background: #56bbbe;
    color: #fff
}

.diary-detail-con {
    margin-left: 160px;
    width: 640px;
    overflow: hidden
}

.diary-detail-con .desc {
    margin-bottom: 20px;
    line-height: 1.8em;
    font-size: 16px;
    color: #333;
    text-align: justify
}

.diary-detail-con .pic-list li {
    margin-bottom: 10px
}

.diary-detail-con .pic-list img {
    max-width: 100%;
    height: auto
}

.diary-detail-con .other {
    margin-top: 15px;
    line-height: 24px;
    overflow: hidden;
    font-size: 14px;
    color: #999
}

.diary-detail-con .other .date {
    float: left
}

.diary-detail-con .other .other-r {
    float: right
}

.diary-detail-con .other .iconfont {
    display: inline-block;
    float: left;
    margin-right: 4px;
    font-size: 20px
}

.diary-detail-con .other a {
    display: inline-block;
    margin-left: 16px;
    color: #999
}

.diary-comment {
    padding: 10px 30px 10px 190px
}

.diary-comment .hd h2 {
    line-height: 36px;
    font-size: 16px;
    color: #333
}

.diary-comment .hd h2 span {
    padding-left: 15px;
    color: #b2b2b2
}

.diary-comment .comment-list li {
    overflow: hidden;
    padding-top: 18px;
    position: relative
}

.diary-comment .comment-list li::after {
    position: absolute;
    bottom: 0;
    left: 80px;
    right: 0;
    display: block;
    content: '';
    height: 1px;
    background: #e6e6e6
}

.diary-comment .comment-list li .avatar {
    float: left;
    width: 54px;
    height: 54px
}

.diary-comment .comment-list li .avatar img {
    display: block;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: #f8f8f8
}

.diary-comment .comment-list li .info {
    float: right;
    width: 560px
}

.diary-comment .comment-list li .info .user {
    margin-bottom: 5px;
    height: 24px;
    line-height: 24px
}

.diary-comment .comment-list li .info .user .name {
    font-size: 16px;
    color: #fda9a1
}

.diary-comment .comment-list li .info .user .time {
    float: right;
    font-size: 14px;
    color: #b2b2b2
}

.diary-comment .comment-list li .info .con {
    padding-bottom: 15px;
    line-height: 1.8;
    font-size: 14px;
    color: #666
}

.diary-comment .comment-list li .info .con img {
    max-width: 100%
}

.diary-comment .comment-list li dl {
    float: right;
    margin-bottom: 20px;
    clear: both;
    overflow: hidden;
    width: 560px;
    background: #f8f8f8;
    border-radius: 5px;
    border-bottom: 1px solid #f8f8f8
}

.diary-comment .comment-list li dd {
    padding: 3px 10px;
    line-height: 1.5;
    font-size: 14px;
    color: #666;
    word-wrap: break-word;
    word-break: break-all;
    -webkit-transition: all .3s;
    transition: all .3s;
    position: relative
}

.diary-comment .comment-list li dd:first-child {
    padding-top: 10px
}

.diary-comment .comment-list li dd:last-child {
    padding-bottom: 10px
}

.diary-comment .comment-list li dd p {
    position: relative;
    z-index: 2
}

.diary-comment .comment-list li dd span {
    color: #fda9a1
}

.diary-comment .comment-list li dd i {
    padding: 0 3px;
    color: #666
}

.diary-comment .comment-list li dd:nth-child(3n+1) span {
    color: #f6aafd
}

.diary-comment .comment-list li dd:nth-child(3n+1) em {
    color: #fda9a1
}

.diary-comment .comment-list li dd:nth-child(3n+2) span {
    color: #96b4fe
}

.diary-comment .comment-list li dd:nth-child(3n+2) em {
    color: #f6aafd
}

.diary-comment .comment-list li dd:nth-child(3n) span {
    color: #fda9a1
}

.diary-comment .comment-list li dd:nth-child(3n) em {
    color: #96b4fe
}

.reply-post-box {
    clear: both;
    position: relative;
    overflow: hidden;
    background: #fff;
    border-radius: 8px
}

.reply-post-box .form-item {
    overflow: hidden;
    margin-bottom: 15px
}

.reply-post-box .form-item .form-label {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #333;
    margin-bottom: 10px
}

.reply-post-box .form-item .textarea {
    width: 100%;
    min-height: 140px;
    height: auto;
    padding: 6px 10px;
    resize: none;
    line-height: 1.8;
    font-size: 14px;
    color: #333;
    background: #f8f8f8;
    border: 1px solid #ededed;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.reply-post-box .form-item .textarea::-webkit-scrollbar {
    width: 3px
}

.reply-post-box .form-item .textarea::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2)
}

.reply-post-box .form-item .loginBtn,
.reply-post-box .form-item button {
    display: inline-block;
    float: right;
    width: 140px;
    height: 46px;
    line-height: 46px;
    cursor: pointer;
    font-size: 16px;
    color: #fff;
    text-align: center;
    letter-spacing: .2px;
    background: #56bbbe;
    border: 0;
    border-radius: 6px
}

.side-related-group .hd h2 .iconfont {
    color: #999af7;
    background: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-linear-gradient(90deg, #5bdbd7, #89eadc)
}

.side-related-group ul {
    padding: 0 0 8px 7px;
    overflow: hidden
}

.side-related-group li {
    float: left;
    margin: 2px 14px 5px
}

.side-related-group li img {
    display: block;
    width: 72px;
    height: 72px;
    background: #f8f8f8;
    border: 1px solid #f8f8f8;
    border-radius: 6px
}

.side-related-group li h3 {
    line-height: 42px;
    font-size: 14px;
    color: #666;
    text-align: center
}

.side-related-group li:hover h3 {
    color: #f60
}

.side-related-baike .hd h2 .iconfont {
    color: #999af7;
    background: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-linear-gradient(-90deg, #9494f6, #b3b8fa)
}

.side-related-baike ul {
    padding-bottom: 10px
}

.side-related-baike li {
    padding: 0 20px 10px
}

.side-related-baike li a {
    display: block
}

.side-related-baike li h3 {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    font-size: 16px;
    color: #56bbbe
}

.side-related-baike li p {
    max-height: 96px;
    line-height: 24px;
    font-size: 14px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.diary-create {
    margin-bottom: 30px;
    padding: 20px;
    background: #fff;
    border-radius: 8px;
    min-height: 500px
}

.diary-create h1 {
    margin: 0 -20px 30px;
    padding: 0 20px 10px;
    line-height: 30px;
    font-size: 20px;
    color: #56bbbe;
    font-weight: 500;
    border-bottom: 1px solid #e6e6e6
}

.diary-create .layui-form-item {
    max-width: 95%
}

.diary-create .layui-form-item .layui-form-label {
    width: 90px
}

.diary-create .layui-form-item .layui-form-label i {
    color: #f00;
    padding-right: 2px
}

.diary-create .layui-form-item .layui-input-inline {
    margin-right: 0;
    width: 420px
}

.diary-create .layui-form-item .layui-input-block {
    margin-left: 120px
}

.diary-create .layui-textarea {
    min-height: 200px
}

.diary-create .layui-btn {
    width: 120px;
    letter-spacing: 5px;
    font-size: 15px
}

.diary-create .con-text {
    width: 100% !important;
    text-align: left;
    color: #56bbbe !important
}

.diary-create .con-text .iconfont {
    float: left;
    font-size: 16px;
    color: #56bbbe !important
}

.diary-create .select-project {
    margin: 10px;
    overflow: hidden;
    clear: both
}

.diary-create .select-project .item {
    display: inline-block;
    float: left;
    margin: 5px 10px;
    padding: 0 8px 0 14px;
    line-height: 30px;
    font-size: 14px;
    color: #30bec3;
    background: #ebf8f8;
    border-radius: 6px
}

.diary-create .select-project .item .iconfont {
    margin-left: 8px;
    font-size: 18px;
    color: #56bbbe;
    cursor: pointer
}

.diary-create .layui-form-item .select-project {
    padding-left: 120px
}

.diary-create .normalBtn {
    display: inline-block;
    margin-left: 10px;
    padding: 0 10px;
    line-height: 38px;
    color: #56bbbe;
    cursor: pointer
}

.project-select-up {
    display: none
}

.project-select-up .bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    background: #000;
    opacity: .6
}

.project-select-up .con {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1000;
    margin: -250px 0 0 -300px;
    width: 600px;
    _height: 380px;
    background: #fff;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.project-select-up .con .closeBtn {
    position: absolute;
    top: 14px;
    right: -45px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.project-select-up .con .closeBtn:hover {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.project-select-up .con .closeBtn .iconfont {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 25px;
    color: #fff;
    cursor: pointer
}

.project-select-up .con .hd {
    overflow: hidden;
    margin-bottom: 10px;
    padding: 0 20px;
    border-bottom: 1px solid #ededed
}

.project-select-up .con .hd h2 {
    float: left;
    width: 140px;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    color: #333;
    font-weight: 600
}

.project-select-up .con .hd .tips {
    float: right;
    line-height: 36px;
    margin-top: 12px;
    font-size: 16px;
    color: #999
}

.project-select-up .menu-list {
    margin: 20px;
    overflow: hidden;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    color: #333
}

.project-select-up .menu-list span {
    display: inline-block;
    float: left
}

.project-select-up .menu-list .iconfont {
    display: inline-block;
    float: right;
    color: #b2b2b2
}

.project-select-up #projectAll .item {
    cursor: pointer
}

.project-select-up .btn-select {
    margin: 30px auto;
    display: block
}

.index-ask-list {
    display: none
}

.index-ask-row {
    margin-bottom: 50px;
    height: 750px;
    clear: both
}

.index-ask-row .tit {
    margin-bottom: 50px;
    background-position: center -105px
}

.index-ask-row .tit::before,
.index-ask-row .tit::after {
    width: 400px
}

.index-ask-row .side-zz-ask {
    float: right;
    margin-top: 10px;
    overflow: hidden;
    width: 320px;
    height: 178px
}

.index-ask-row .side-zz-ask .hd {
    margin-bottom: 10px;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    color: #888;
    
}

.index-ask-row .side-zz-ask .hd .more {
    float: right;
    font-size: 16px;
    color: #999
}

.index-ask-row .side-zz-ask .hd i {
    float: right;
    margin-left: 5px
}

.index-ask-row .side-zz-ask li {
    padding: 10px 0;
    overflow: hidden
}

.index-ask-row .side-zz-ask li a {
    display: block;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    color: #666;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.index-ask-row .side-zz-ask li a:hover {
    color: #56bbbe
}

.index-ask-row .side-zz-ask li i {
    float: left;
    display: inline-block;
    margin-right: 14px;
    width: 54px;
    height: 24px;
    line-height: 24px;
    font-size: 13px;
    color: #888;
    text-align: center;
    background: #f0f1f2;
    border-radius: 12px
}

.index-ask {
    position: relative;
    float: left;
    width: 850px;
    height: 655px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.index-ask .hd {
    margin-bottom: 30px
}

.index-ask .hd ul {
    overflow: hidden
}

.index-ask .hd li {
    float: left;
    margin-right: 55px;
    line-height: 24px;
    font-size: 20px;
    color: #888;
    cursor: pointer
}

.index-ask .hd li.on {
    color: #333;
    border-bottom: 1px solid #56bbbe
}

.index-ask .bd {
    min-height: 190px
}

.index-ask .tab-loading {
    margin-top: 150px
}

.ask-card-list li {
    margin-bottom: 20px;
    padding: 21px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    height: 183px;
    background: #fff;
    border-radius: 10px;
    -webkit-transition: -webkit-box-shadow .5s;
    transition: -webkit-box-shadow .5s;
    transition: box-shadow .5s;
    transition: box-shadow .5s, -webkit-box-shadow .5s
}

.ask-card-list li:hover {
    -webkit-box-shadow: 0 0 20px 0 rgba(104, 130, 154, 0.16);
    box-shadow: 0 0 20px 0 rgba(104, 130, 154, 0.16)
}

.ask-card-list li .doctor {
    padding-right: 19px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 280px;
    border-right: 1px solid #d9d9d9
}

.ask-card-list li .doctor img {
    float: left;
    margin: 0 18px 80px 0;
    width: 60px;
    height: 60px;
    border-radius: 50%
}

.ask-card-list li .doctor .name {
    line-height: 38px;
    font-size: 20px;
    font-weight: 500;
    color: #333
}

.ask-card-list li .doctor .job {
    line-height: 30px;
    font-size: 16px;
    color: #a2a5ad
}

.ask-card-list li .doctor .hosp {
    margin: 3px 0 8px;
    line-height: 24px;
    font-size: 16px;
    color: #666;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.ask-card-list li .doctor .btn-row a {
    display: inline-block;
    padding: 0 10px;
    min-width: 58px;
    height: 34px;
    line-height: 34px;
    font-size: 16px;
    color: #333;
    text-align: center;
    background: #fff;
    border: 1px solid #eff1f1;
    border-radius: 17px
}

.ask-card-list li .doctor .btn-row .btn2 {
    float: right;
    border-color: #91d5d7;
    -webkit-box-shadow: 0 4px 12px 0 rgba(17, 215, 208, 0.15);
    box-shadow: 0 4px 12px 0 rgba(17, 215, 208, 0.15)
}

.ask-card-list li .con {
    width: 500px
}

.ask-card-list li .con a {
    display: block
}

.ask-card-list li .question {
    padding-left: 45px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    color: #333;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
 
    background-size: 26px
}

.ask-card-list li .answer {
    margin-top: 15px;
    margin-bottom: 5px;
    padding-left: 45px;
    height: 60px;
    line-height: 30px;
    font-size: 18px;
    color: #777;
    text-align: justify;
     
    background-size: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.ask-card-list li .other {
    margin-top: 18px;
    padding-left: 46px;
    height: 18px;
    line-height: 18px;
    font-size: 16px;
    color: #a2a5ad
}

.ask-card-list li .other span {
    display: inline-block
}

.ask-card-list li .other .iconfont {
    float: left;
    display: inline-block;
    margin-right: 5px;
    font-size: 18px
}

.ask-card-list li .other .views {
    float: right
}

.index-medal {
    float: right;
    margin-top: 55px;
    padding-top: 18px;
    width: 320px;
    height: 400px;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px
}

.index-medal h3 {
    margin-left: 20px;
    padding-left: 36px;
    overflow: hidden;
    line-height: 26px;
    font-size: 20px;
    color: #333;
    background: url(../image/medal.png) left center no-repeat
}

.index-medal .side-medal-list li {
    padding: 15px 20px 5px;
    height: 48px;
    overflow: hidden
}

.index-medal .side-medal-list li a {
    display: block;
    overflow: hidden
}

.index-medal .side-medal-list li i {
    display: inline-block;
    float: left;
    width: 30px;
    line-height: 48px;
    font-size: 22px;
    font-family: "Microsoft YaHei";
    color: #bababa
}

.index-medal .side-medal-list li img {
    display: inline-block;
    float: left;
    width: 48px;
    height: 48px;
    border-radius: 100%
}

.index-medal .side-medal-list li .fr {
    float: right;
    width: 175px;
    font-size: 0
}

.index-medal .side-medal-list li .fr span {
    display: inline-block;
    padding-top: 3px;
    line-height: 22px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    font-size: 14px;
    color: #333
}

.index-medal .side-medal-list li .fr em {
    display: inline-block;
    line-height: 22px;
    font-size: 14px;
    color: #b2b2b2
}

.index-medal .side-medal-list li.c1 i {
    color: #ef0202
}

.index-medal .side-medal-list li.c2 i {
    color: #fe7f22
}

.index-medal .side-medal-list li.c3 i {
    color: #ffbc2b
}

.ask-top-btns,
.ask-find-hospital,
.ask-find-doctor,
.ask-doctor {
    display: none
}

.ask-banner {
    position: relative;
    overflow: hidden;
    height: 400px;
    margin-bottom: 50px;
    width: 100%
}

.ask-banner .bd {
    position: relative;
    z-index: 0;
    margin: 0 auto;
    overflow: hidden
}

.ask-banner .bd ul {
    width: 100% !important
}

.ask-banner .bd li {
    width: 100% !important;
    height: 400px;
    overflow: hidden;
    text-align: center;
    background-position: center center;
    background-repeat: no-repeat
}

.ask-banner .bd a {
    display: block;
    height: 400px
}

.ask-banner .hd {
    position: absolute;
    z-index: 1;
    bottom: 15px;
    width: 100%;
    font-size: 0;
    text-align: center
}

.ask-banner .hd ul {
    text-align: center
}

.ask-banner .hd li {
    display: inline-block;
    margin: 0 7px;
    cursor: pointer;
    width: 10px;
    height: 10px;
    background: #fff;
    background: rgba(255, 255, 255, 0.4);
    border: 1px solid #fff;
    border-radius: 6px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.ask-banner .hd li.on {
    width: 30px;
    background: rgba(255, 255, 255, 0.8)
}

.sidebar .index-medal {
    float: none;
    margin-top: 20px;
    padding-bottom: 15px;
    height: initial;
    overflow: hidden
}

.sticky-top0 {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 9
}

.sticky-top65 {
    position: -webkit-sticky;
    position: sticky;
    top: 65px;
    z-index: 9
}

.ask-index .hd {
    position: relative;
    margin-bottom: 20px
}

.ask-index .hd ul {
    overflow: hidden
}

.ask-index .hd li {
    float: left;
    margin-right: 30px;
    line-height: 24px;
    font-size: 20px;
    color: #888;
    cursor: pointer
}

.ask-index .hd li a {
    color: #888;
    -webkit-transition: color .5s;
    transition: color .5s
}

.ask-index .hd li a:hover {
    color: #333
}

.ask-index .hd li.on {
    border-bottom: 1px solid #56bbbe
}

.ask-index .hd li.on a {
    color: #333
}

.ask-index .hd .more {
    position: absolute;
    z-index: 2;
    top: 3px;
    right: 0;
    padding-left: 14px;
    line-height: 1;
    font-size: 18px;
    color: #999;
    border-left: 1px solid #999;
    -webkit-transition: color .5s;
    transition: color .5s
}

.ask-index .hd .more:hover {
    color: #333
}

.ask-index .question-list-bottom .more {
    position: relative;
    z-index: 2;
    top: 3px;
    left: 380px;
    padding-left: 14px;
    line-height: 1;
    font-size: 18px;
    color: #999;
    -webkit-transition: color .5s;
    transition: color .5s
}

.ask-index .question-list-bottom .more:hover {
    color: #333
}

.ask-index .tab-loading {
    margin: 100px 0 300px
}

.ask-list li {
    padding: 23px 0;
    overflow: hidden;
    border-bottom: 1px dashed #ededed
}

.ask-list li:hover .question {
    color: #56bbbe
}

.ask-list li:hover .answer {
    color: #444
}

.ask-list a {
    display: block
}

.ask-list .question {
    padding-left: 44px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    color: #333;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
  
    background-size: 26px;
    -webkit-transition: color .5s;
    transition: color .5s
}

.ask-list .answer {
    margin: 15px 0 5px;
    padding-left: 44px;
    min-height: 32px;
    max-height: 60px;
    line-height: 30px;
    font-size: 18px;
    color: #666;
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

    background-size: 26px;
    -webkit-transition: color .5s;
    transition: color .5s
}

.ask-list .optimum {
    padding-left: 44px;
    line-height: 24px;
    font-size: 14px;
    color: #30bec3
}

.ask-list .user-row {
    margin-top: 14px;
    padding-left: 44px;
    overflow: hidden;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #a2a5ad
}

.ask-list .user-row .user {
    float: left;
    margin-right: 20px;
    min-width: 90px
}

.ask-list .user-row .user .avatar {
    float: left;
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%
}

.ask-list .user-row .user .name {
    float: left;
    margin-left: 15px;
    min-width: 45px;
    font-size: 15px;
    color: #333
}

.ask-list .user-row .time {
    float: left
}

.ask-list .user-row .other {
    float: right;
    text-align: right;
    overflow: hidden
}

.ask-list .user-row .other span {
    display: inline-block;
    margin-left: 30px;
    min-width: 54px;
    height: 30px;
    line-height: 30px;
    text-align: left
}

.ask-list .user-row .other .iconfont {
    float: left;
    display: inline-block;
    margin-right: 5px;
    font-size: 18px;
    color: #c4c4c4
}

.ask-list .user-row .other .icon-pinglun1 {
    font-size: 20px
}

.ask-list-member {
    padding: 0 20px;
    margin-bottom: 10px
}

.ask-list-member li {
    padding: 15px 0
}

.ask-list-member .user-row {
    margin-bottom: 15px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    overflow: hidden
}

.ask-list-member .user-row .user {
    margin-right: 20px;
    min-width: 90px;
    float: left
}

.ask-list-member .user-row .user .avatar {
    float: left;
    display: block;
    width: 36px;
    border-radius: 100%
}

.ask-list-member .user-row .user .name {
    float: left;
    margin-left: 10px;
    font-size: 15px;
    color: #333
}

.ask-list-member .user-row .time {
    float: left;
    color: #b2b2b2
}

.ask-list-member .user-row .other {
    width: 160px;
    float: right;
    overflow: hidden;
    position: relative;
    font-size: 14px;
    color: #999;
    text-align: right
}

.ask-list-member .user-row .other .time {
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 25px
}

.ask-list-member .user-row .other span {
    display: inline-block;
    margin-left: 15px
}

.ask-list-member .user-row .other .iconfont {
    display: inline-block;
    margin-right: 3px;
    float: left
}

.ask-list-member .con {
    padding: 15px 20px;
    background: #fafafa;
    border-radius: 6px
}

.ask-list-member a {
    display: inline-block
}

.ask-list-member .question {
    margin-bottom: 16px;
    padding-left: 40px;
    height: 28px;
    line-height: 28px;
    font-size: 16px;
    color: #000;
    font-weight: 500;
    ;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.ask-list-member .answer {
    margin-bottom: 6px;
    padding-left: 40px;
    max-height: 56px;
    line-height: 28px;
    font-size: 16px;
    color: #999;
    font-weight: 500;
    ;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.ask-list-member .optimum {
    padding-left: 40px;
    line-height: 24px;
    font-size: 14px;
    color: #30bec3
}

.ask-list_classify {
    margin-bottom: 20px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    background: #fff;
    border-radius: 6px
}

.ask-list_classify .con {
    margin: 20px 0 10px 20px
}

.ask-list_classify .con a {
    display: inline-block;
    margin: 0 15px 10px 0;
    padding: 0 6px;
    line-height: 28px;
    color: #666;
    cursor: pointer;
    border: 1px solid transparent
}

.ask-list_classify .con a.on,
.ask-list_classify .con a:hover {
    color: #56bbbe;
    border: 1px solid #56bbbe;
    border-radius: 6px
}

.banner-ask_list,
.banner-ask_show,
.banner-ask_post {
    margin-bottom: 40px;
    width: 1200px;
    height: 134px;
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer
}

.banner-ask_list a,
.banner-ask_show a,
.banner-ask_post a {
    display: block
}

.banner-ask_list img,
.banner-ask_show img,
.banner-ask_post img {
    display: block;
    width: 100%;
    height: 100%;
    background: #f8f8f8
}

.banner-ask_show {
    width: 840px;
    height: 94px
}

.banner-ask_post {
    width: 320px;
    height: 200px
}

.banner-ask_side li {
    margin-bottom: 20px;
    width: 320px;
    height: 136px;
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer
}

.banner-ask_side li a {
    display: block
}

.banner-ask_side li img {
    display: block;
    width: 100%;
    height: 100%;
    background: #f8f8f8
}

.askBox {
    position: relative;
    margin-bottom: 40px
}

.askBox .hd {
    margin-bottom: 5px;
    height: 60px;
    border-bottom: 1px solid #ededed
}

.askBox .hd ul {
    height: 60px;
    overflow: hidden
}

.askBox .hd li {
    margin: 0 17px;
    padding: 15px 0;
    float: left;
    position: relative;
    line-height: 30px;
    font-size: 16px;
    color: #333;
    font-weight: 500;
    letter-spacing: .5px;
    cursor: pointer
}

.askBox .hd li:after {
    display: block;
    content: '';
    width: 0\9;
    height: 3px;
    background: #56bbbe;
    position: absolute;
    bottom: 0;
    left: 10%;
    right: 10%;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg)
}

.askBox .hd li.on a,
.askBox .hd li.on span {
    color: #56bbbe
}

.askBox .hd li.on:after,
.askBox .hd li:hover:after {
    width: 80%\9;
    opacity: 1;
    -webkit-transform: rotateY(0);
    transform: rotateY(0)
}

.askBox .hd .more {
    position: absolute;
    top: 0;
    right: 20px;
    line-height: 60px;
    font-size: 16px;
    color: #999
}

.askBox .hd .more .iconfont {
    padding-left: 6px;
    font-size: 20px
}

.askBox .ask-list-box {
    display: none;
    min-height: 300px
}

.askBox .tab-loading-box {
    position: absolute;
    z-index: 9;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%
}

.askBox .tab-loading-box::after {
    position: absolute;
    top: 0;
    bottom: 0;
    content: '';
    display: block;
    width: 100%;
    background: #000;
    opacity: .15
}

.askBox .tab-loading-box .tab-loading {
    position: absolute;
    z-index: 3;
    top: 50%;
    width: 100%
}

.askBox .tab-loading-box p {
    color: #333
}

.ask-show .question-box {
    position: relative;
    margin-bottom: 25px;
    padding: 45px 20px 20px;
    background: #fff;
    border: 1px solid #f0f4f5;
    border-radius: 6px
}

.ask-show .question-box h1 {
    margin-bottom: 8px;
    line-height: 30px;
    font-size: 20px;
    color: #333
}

.ask-show .question-box h1 i {
    display: inline-block;
    width: 44px;
    height: 39px;
    position: absolute;
    top: -7px;
    left: 20px;
    
}

.ask-show .question-box .desc {
    line-height: 1.8;
    font-family: SourceHanSansSC;
    font-size: 16px;
    color: #999;
    white-space: pre-line
}

.ask-show .question-box .user-row {
    margin-top: 25px;
    overflow: hidden;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #a2a5ad
}

.ask-show .question-box .user-row .user {
    float: left;
    margin-right: 20px;
    min-width: 90px
}

.ask-show .question-box .user-row .user .avatar {
    float: left;
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%
}

.ask-show .question-box .user-row .user .name {
    float: left;
    margin-left: 15px
}

.ask-show .question-box .user-row .user .name span {
    color: #333
}

.ask-show .question-box .user-row .time {
    float: left
}

.ask-show .question-box .user-row .other {
    float: right;
    overflow: hidden;
    font-size: 16px;
    color: #a2a5ad;
    text-align: right
}

.ask-show .question-box .user-row .other span {
    display: inline-block;
    margin-left: 30px;
    min-width: 78px;
    height: 30px;
    line-height: 30px;
    text-align: left
}

.ask-show .question-box .user-row .other .iconfont {
    float: left;
    display: inline-block;
    margin-right: 5px;
    font-size: 18px;
    color: #c4c4c4
}

.ask-show .question-box .user-row .other .icon-pinglun1 {
    font-size: 20px
}

.ask-show .tab-nav {
    overflow: hidden
}

.ask-show .tab-nav li {
    float: left;
    margin-right: 28px;
    line-height: 30px;
    font-size: 24px;
    color: #b2b2b2;
    cursor: pointer
}

.ask-show .tab-nav li span {
    margin-right: 5px
}

.ask-show .tab-nav li.on span {
    color: #333
}

.ask-show .answer-box {
    margin-bottom: 40px
}

.ask-show .answer-box .hd {
    margin-bottom: 10px;
    line-height: 28px;
    font-size: 18px;
    color: #666
}

.ask-show .answer-box .hd span {
    padding-left: 5px;
    color: #999
}

.ask-show .answer-box .answer-list {
    margin-bottom: 50px
}

.ask-show .answer-box .answer-list li {
    margin-top: 20px;
    padding: 20px 10px 20px 0;
    overflow: hidden
}

.ask-show .answer-box .answer-list .con {
    margin-right: 280px;
    padding-right: 35px;
    border-right: 1px solid #e6e6e6
}

.ask-show .answer-box .answer-list .answer {
    padding-left: 46px;
    min-height: 64px;
    line-height: 32px;
    font-size: 18px;
    color: #666;
    text-align: justify;
    white-space: pre-line;
    background: url(http://www.meirongdaren.com/images/ask_answer.png) left 6px no-repeat
}

.ask-show .answer-box .answer-list .optimum {
    margin-top: 9px;
    padding-left: 46px
}

.ask-show .answer-box .answer-list .optimum span {
    display: inline-block;
    width: 82px;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    color: #333;
    text-align: center;
    background: #fff;
    border: 1px solid #eff1f1;
    border-radius: 17px
}

.ask-show .answer-box .answer-list .doctor {
    position: relative;
    padding-right: 80px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 252px
}

.ask-show .answer-box .answer-list .doctor img {
    float: left;
    margin: 0 20px 10px 0;
    width: 60px;
    height: 60px;
    border-radius: 50%
}

.ask-show .answer-box .answer-list .doctor .name {
    _width: 88px;
    line-height: 32px;
    font-size: 22px;
    font-weight: 500;
    color: #333
}

.ask-show .answer-box .answer-list .doctor .job {
    margin-top: 5px;
    line-height: 28px;
    font-size: 17px;
    color: #a2a5ad
}

.ask-show .answer-box .answer-list .doctor .hosp {
    margin: 5px 0;
    line-height: 24px;
    font-size: 16px;
    color: #666;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.ask-show .answer-box .answer-list .doctor .btn {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    padding: 0 10px;
    min-width: 56px;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    color: #333;
    text-align: center;
    background: #fff;
    border: 1px solid #91d5d7;
    border-radius: 17px;
    -webkit-box-shadow: 0 4px 12px 0 rgba(32, 171, 163, 0.16);
    box-shadow: 0 4px 12px 0 rgba(32, 171, 163, 0.16)
}

.ask-post {
    margin-bottom: 30px;
    padding: 20px;
    background: #fff;
    border-radius: 8px;
    min-height: 500px
}

.ask-post h1 {
    margin: 0 -20px 30px;
    padding: 0 20px 10px;
    line-height: 30px;
    font-size: 20px;
    color: #56bbbe;
    font-weight: 500;
    border-bottom: 1px solid #e6e6e6
}

.ask-post .layui-form-item .layui-form-label {
    width: auto
}

.ask-post .layui-form-item .layui-form-label i {
    color: #f00;
    padding-right: 2px
}

.ask-post .layui-form-item .layui-input-inline {
    margin-right: 12px;
    width: auto
}

.ask-post .layui-form-item .layui-input-block {
    margin-left: 115px
}

.ask-post .layui-textarea {
    min-height: 200px
}

.ask-post .layui-btn {
    width: 120px;
    letter-spacing: 5px;
    font-size: 15px
}

.ask-post #verify_img,
.ask-post #verify_sms {
    width: 110px
}

.ask-post #user_mobile {
    width: 160px
}

.ask-post .img-verify {
    width: 122px;
    height: 38px
}

.ask-post .verify-get {
    display: inline-block;
    float: left;
    margin-right: 12px;
    width: 110px;
    letter-spacing: 0
}

.ask-post .op30 {
    filter: alpha(opacity=30);
    opacity: .3
}

.ask-post .tips {
    line-height: 36px;
    font-size: 14px;
    color: #b2b2b2
}

.ask-post .input-tips {
    display: inline-block;
    min-width: 1px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    color: #999
}

.ask-post .input-tips .icon-check {
    font-size: 20px;
    color: #2da3e8
}

.ask-post .input-tips.err {
    padding-left: 25px;
    background: url(http://www.meirongdaren.com/images/err_input_tips.png) 0 50% no-repeat
}

.side-ask {
    margin-top: 60px;
    padding: 12px 15px;
    overflow: hidden;
    background: #fff;
    border-radius: 10px
}

.side-ask h2 {
    margin-left: 0;
    padding: 10px 0 15px;
    line-height: 1;
    font-size: 28px;
    color: #333
}

.side-ask li {
    padding: 14px 0;
    overflow: hidden
}

.side-ask li a {
    display: block
}

.side-ask li h3 {
    padding-left: 40px;
    height: 26px;
    line-height: 26px;
    font-size: 17px;
    color: #333;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
 
    background-size: 24px
}

.side-ask li h3:hover {
    color: #56bbbe
}

.sidebar .side-box.side-ask {
    margin-top: 30px;
    padding: 0
}

.sidebar .side-box.side-ask .hd {
    margin-bottom: 5px
}

.sidebar .side-box.side-ask h2 {
    line-height: 40px
}

.sidebar .side-box.side-ask h2 .iconfont {
    margin: 6px 6px 0 0
}

.sidebar .side-box.side-ask ul {
    padding: 0 15px 5px
}

.sidebar .side-box.side-ask li {
    padding: 12px 0
}

.sidebar .side-box.side-ask li h3 {
    font-size: 16px
}

.index-news-row {
    margin-bottom: 40px;
    clear: both;
    overflow: hidden
}

.news-list {
    padding-bottom: 10px;
    overflow: hidden
}

.news-list li {
    padding-top: 20px;
    overflow: hidden;
    -webkit-transition: all .3s;
    transition: all .3s
}

.news-list li a {
    display: block
}

.news-list li:hover h3 a {
    font-weight: 500;
    color: #56bbbe
}

.news-list .pic {
    float: left;
    display: block;
    overflow: hidden;
    width: 190px;
    height: 136px;
    border-radius: 6px
}

.news-list .pic img {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #f8f8f8
}

.news-list .pic+.info {
    margin-left: 210px
}

.news-list .info {
    position: relative;
    min-height: 130px;
    padding-bottom: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #e6e6e6
}

.news-list h3 {
    margin-bottom: 16px;
    height: 30px
}

.news-list h3 a {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    color: #000;
    width: 510px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    -webkit-transition: all .3s;
    transition: all .3s
}

.news-list .time {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    line-height: 30px;
    color: #b2b2b2;
    text-align: right
}

.news-list .desc {
    min-height: 24px;
    max-height: 48px;
    line-height: 24px;
    color: #666;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden
}

.news-list .tags {
    margin-top: 15px;
    overflow: hidden;
    display: inline-block;
    margin-right: 10px;
    padding: 0 7px;
    min-width: 40px;
    height: 26px;
    line-height: 26px;
    color: #999;
    text-align: center;
    background: #f5f5f5;
    border-radius: 4px;
}

.news-list .tags span,
.news-list .tags a {
    display: inline-block;
    margin-right: 10px;
    padding: 0 7px;
    min-width: 40px;
    height: 26px;
    line-height: 26px;
    color: #999;
    text-align: center;
    background: #f5f5f5;
    border-radius: 4px
}

.news-hot-week,
.news-column {
    margin-bottom: 30px
}

.news-hot-week .hd,
.news-column .hd {
    position: relative;
    height: 40px;
    line-height: 40px;
}

.news-hot-week .hd h2,
.news-column .hd h2 {
    font-size: 24px;
    font-weight: 500;
    color: #333
}

.news-hot-week .hd .more,
.news-column .hd .more {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #999
}

.news-hot-week .hd .more .iconfont,
.news-column .hd .more .iconfont {
    float: right;
    padding-left: 5px;
    font-size: 16px
}

.news-hot-week ul {
    margin-right: -20px;
    overflow: hidden
}

.news-hot-week ul li {
    float: left;
    margin: 20px 20px 0 0;
    overflow: hidden;
    width: 410px;
    height: 150px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.news-hot-week ul li:hover a {
    color: #56bbbe
}

.news-hot-week ul .pic {
    display: block;
    float: left;
    overflow: hidden;
    width: 190px;
    height: 136px;
    border-radius: 6px
}

.news-hot-week ul .pic img {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #f8f8f8
}

.news-hot-week ul .info {
    position: relative;
    margin-left: 205px;
    line-height: 24px;
    font-size: 14px;
    border-bottom: 1px solid #f2f2f2
}

.news-hot-week ul h3 {
    margin-bottom: 15px
}

.news-hot-week ul h3 a {
    display: inline-block;
    height: 52px;
    line-height: 26px;
    font-size: 18px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    -webkit-transition: color .3s;
    transition: color .3s
}

.news-hot-week ul .desc {
    height: 24px;
    line-height: 24px;
    color: #999;
    width: auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden
}

.news-hot-week ul .tags {
    margin: 10px -10px 20px 0;
    height: 26px;
    overflow: hidden
}

.news-hot-week ul .tags span,
.news-hot-week ul .tags a {
    display: inline-block;
    margin-right: 10px;
    padding: 0 6px;
    min-width: 40px;
    height: 26px;
    line-height: 26px;
    color: #999;
    text-align: center;
    background: #f5f5f5;
    border-radius: 4px
}

.map-news ul {
    padding-bottom: 20px
}

.map-news ul li {
    width: 386px
}

.news-on-day {
    margin-bottom: 50px
}

.news-on-day.h-auto {
    height: auto
}

.news-on-day.h-auto ul {
    padding-bottom: 25px
}

.news-on-day .hd+ul {
    margin-top: -12px;
    padding: 0 15px
}

.news-on-day li {
    padding: 12px 0 15px;
    border-bottom: 1px solid #f2f2f2
}

.news-on-day li:hover a {
    color: #56bbbe
}

.news-on-day h3 {
    margin-bottom: 10px
}

.news-on-day h3 a {
    display: inline-block;
    max-height: 52px;
    line-height: 26px;
    font-size: 18px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    -webkit-transition: all .2s;
    transition: all .2s
}

.news-on-day .desc {
    max-height: 48px;
    line-height: 24px;
    color: #999;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.news-on-day .tags {
    margin: 10px -10px 0 0;
    overflow: hidden;
    display: inline-block;
    margin-right: 10px;
    padding: 0 6px;
    min-width: 40px;
    height: 26px;
    line-height: 26px;
    color: #999;
    text-align: center;
    background: #f5f5f5;
    border-radius: 4px;
}

.news-on-day .tags span,
.news-on-day .tags a {
    display: inline-block;
    margin-right: 10px;
    padding: 0 6px;
    min-width: 40px;
    height: 26px;
    line-height: 26px;
    color: #999;
    text-align: center;
    background: #f5f5f5;
    border-radius: 4px;
}

.side-tags {
    margin-bottom: 20px
}

.side-tags .hd {
    margin-bottom: 0
}

.side-tags .bd {
    margin-right: -10px;
    padding-top: 10px;
    max-height: 180px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.side-tags .bd a {
    display: inline-block;
    margin: 10px 10px 0 0;
    padding: 0 10px;
    min-width: 60px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #888;
    text-align: center;
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 4px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.side-tags .bd a:hover {
    color: #333;
    border-color: #56bbbe
}

.tagsBox {
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    background: #fff;
    border-radius: 6px;
    padding: 20px 0 30px
}

.tagsBox ul li {
    float: left;
    margin: 10px 0 0 20px;
    width: 176px
}

.tagsBox ul li a {
    display: inline-block;
    margin: 10px 10px 0 0;
    padding: 0 10px;
    min-width: 60px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #666;
    text-align: center;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 176px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ededed;
    border-radius: 4px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.tagsBox ul li a:hover {
    color: #56bbbe;
    border-color: #56bbbe
}

.news-show {
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    background: #fff;
    border-radius: 6px;
    padding: 15px
}

.news-show h1 {
    line-height: 36px;
    font-size: 28px;
    color: #000
}

.news-show .tags {
    margin: 10px 0;
    height: 26px;
    overflow: hidden
}

.news-show .tags span,
.news-show .tags a {
    display: inline-block;
    margin-right: 10px;
    padding: 0 6px;
    min-width: 40px;
    height: 26px;
    line-height: 26px;
    color: #999;
    text-align: center;
    background: #f5f5f5;
    border-radius: 4px
}

.news-show .media-info {
    margin: 10px 0;
    line-height: 24px;
    color: #999
}

.news-show .media-info span {
    display: inline-block;
    margin-right: 25px
}

.news-show .nextBox {
    margin-top: 20px;
    padding: 10px 15px;
    background: #f5f5f5
}

.news-show .nextBox a {
    /*    display: block; */
    margin: 5px 0;
    width: 95%;
    line-height: 24px;
    font-size: 14px;
    color: #666
}

.news-show .nextBox a:hover {
    color: #56bbbe
}

.news-show .title-url-box {
    color: #666;
    padding-top: 10px;
    border-top: 1px dashed #8f8f8f;
    margin-bottom: 10px;
    letter-spacing: 1px
}

.news-show .title-url-box p {
    margin: 8px 0
}

.news-show .title-url-box p a {
    color: #94382b;
    margin-right: 20px
}

.news-show .title-url-box input {
    display: none
}

.news-recommend .hd {
    position: relative;
    margin-bottom: 15px;
    height: 32px;
    line-height: 32px
}

.news-recommend .hd h2 {
    width: 300px;
    font-size: 20px;
    color: #333
}

.news-recommend .hd h2 .iconfont {
    float: left;
    margin-right: 10px;
    display: inline-block;
    width: 32px;
    line-height: 32px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    background: #56bbbe;
    border-radius: 100%;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ff9f9f), to(#fe7575));
    background-image: linear-gradient(to top, #ff9f9f, #fe7575)
}

.news-recommend .hd .more {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 16px;
    color: #999
}

.news-recommend .hd .more .iconfont {
    padding-left: 6px;
    font-size: 20px
}

.news-recommend ul {
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    background: #fff;
    border-radius: 6px;
    margin-bottom: 0;
    margin-right: -30px
}

.news-recommend ul li {
    float: left;
    margin: 10px 26px 15px 0;
    overflow: hidden;
    width: 392px;
    height: 106px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.news-recommend ul li:hover a {
    color: #56bbbe
}

.news-recommend ul .pic {
    display: block;
    float: left;
    overflow: hidden;
    width: 170px;
    height: 106px;
    border-radius: 6px
}

.news-recommend ul .pic img {
    display: inline-block;
    width: 100%;
 
    background: #f8f8f8
}

.news-recommend ul .info {
    position: relative;
    float: right;
    width: 206px;
    line-height: 24px;
    font-size: 14px;
    border-bottom: 1px solid #f2f2f2
}

.news-recommend ul h3 {
    margin-bottom: 10px
}

.news-recommend ul h3 a {
    display: inline-block;
    height: 48px;
    line-height: 24px;
    font-size: 16px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    -webkit-transition: all .2s;
    transition: all .2s
}

.news-recommend ul .desc {
    height: 48px;
    line-height: 24px;
    color: #999;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.side-hot-doctor .hd {
    margin-bottom: 0
}

.side-hot-doctor h2 .iconfont {
    color: #f9966a;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
    background-image: none
}

.side-hot-doctor li {
    padding: 20px;
    overflow: hidden;
    border-bottom: 1px solid #e6e6e6
}

.side-hot-doctor li a {
    display: block;
    overflow: hidden
}

.side-hot-doctor li .pic {
    float: left;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    overflow: hidden
}

.side-hot-doctor li .pic img {
    width: 100%;
    height: 100%
}

.side-hot-doctor li .info {
    float: right;
    width: 206px;
    font-size: 14px;
    color: #b2b2b2
}

.side-hot-doctor li .info h3 {
    height: 28px;
    line-height: 28px
}

.side-hot-doctor li .info .name {
    float: left;
    display: inline-block;
    font-size: 18px;
    color: #000;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 110px
}

.side-hot-doctor li .info .time {
    display: inline-block;
    margin-left: 12px
}

.side-hot-doctor li .info .hospital-name {
    height: 26px;
    line-height: 26px
}

.side-hot-doctor li .mqBtn {
    margin-top: 16px;
    clear: both;
    width: 100%;
    line-height: 40px;
    font-size: 14px;
    color: #4295ca;
    text-align: center;
    border: 1px solid #4295ca;
    border-radius: 4px
}

.side-hot-doctor li:last-child {
    border: none
}

.side-hot-hospital .hd {
    margin-bottom: 0
}

.side-hot-hospital h2 .iconfont {
    color: #f9966a;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
    background-image: none
}

.side-hot-hospital li {
    padding-top: 20px;
    overflow: hidden;
    border-bottom: 1px dashed #e6e6e6
}

.side-hot-hospital li a {
    display: block;
    overflow: hidden
}

.side-hot-hospital li .pic {
    float: left;
    margin-left: 20px;
    width: 54px;
    height: 54px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #f5f5f5;
    border-radius: 3px;
    overflow: hidden
}

.side-hot-hospital li .pic img {
    width: 100%;
    height: 100%
}

.side-hot-hospital li .info {
    float: right;
    margin-right: 20px;
    width: 206px
}

.side-hot-hospital li .info h3 {
    max-height: 54px;
    line-height: 28px;
    font-size: 18px;
    color: #000
}

.side-hot-hospital li .mqBtn {
    margin-top: 20px;
    clear: both;
    width: 100%;
    line-height: 48px;
    font-size: 14px;
    color: #999;
    text-align: center;
    border-top: 1px solid #e6e6e6
}

.side-hot-hospital li:last-child {
    border: none
}

.forum-top {
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    background: #fff;
    border-radius: 6px;
    margin-bottom: 40px;
    padding: 30px 20px 20px
}

.forum-top .banner {
    position: relative;
    overflow: hidden;
    width: 100%;
    float: left;
    width: 540px;
    height: 280px;
    border-radius: 6px
}

.forum-top .banner .bd {
    position: relative;
    z-index: 0;
    margin: 0 auto;
    overflow: hidden
}

.forum-top .banner .bd ul {
    width: 100% !important
}

.forum-top .banner .bd li {
    width: 100% !important;
    height: 280px;
    overflow: hidden;
    text-align: center;
    background-position: center center;
    background-repeat: no-repeat
}

.forum-top .banner .bd a {
    display: block;
    height: 280px
}

.forum-top .banner .hd {
    position: absolute;
    z-index: 1;
    bottom: 15px;
    width: 100%;
    font-size: 0;
    text-align: center
}

.forum-top .banner .hd ul {
    text-align: center
}

.forum-top .banner .hd li {
    display: inline-block;
    margin: 0 7px;
    cursor: pointer;
    width: 10px;
    height: 10px;
    background: #fff;
    background: rgba(255, 255, 255, 0.4);
    border: 1px solid #fff;
    border-radius: 6px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.forum-top .banner .hd li.on {
    width: 30px;
    background: rgba(255, 255, 255, 0.8)
}

.forum-top .banner .hd {
    bottom: 5px
}

.forum-top .banner .hd li {
    margin-right: 6px;
    width: 10px
}

.forum-top .banner .onePic {
    display: block;
    width: 540px;
    height: 280px
}

.forum-top .group {
    margin-bottom: 30px;
    width: 570px;
    height: 280px;
    float: right;
    overflow: hidden
}

.forum-top .group ul {
    margin-right: -80px
}

.forum-top .group li {
    float: left;
    margin: 0 75px 20px 30px;
    width: 102px;
    height: 130px
}

.forum-top .group li a {
    display: block
}

.forum-top .group li img {
    display: block;
    margin-bottom: 10px;
    width: 102px;
    height: 102px;
    border-radius: 10px;
    overflow: hidden
}

.forum-top .group li h3 {
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    font-size: 16px;
    color: #000;
    text-align: center
}

.forum-top .group li:hover h3 {
    color: #f60
}

.forum-top .topping-list {
    clear: both;
    margin-top: 30px;
    padding-top: 25px;
    border-top: 1px solid #e6e6e6;
    overflow: hidden
}

.forum-top .topping-list ul {
    margin-right: -50px
}

.forum-top .topping-list li {
    float: left;
    margin: 0 40px 10px 0;
    width: 560px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.forum-top .topping-list li span {
    display: inline-block;
    float: left;
    margin-right: 10px;
    width: 36px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    background: #8ec5fc;
    background: -webkit-gradient(linear, right top, left top, from(#e0c3fc), to(#8ec5fc));
    background: linear-gradient(-90deg, #e0c3fc, #8ec5fc)
}

.forum-top .topping-list li a {
    display: inline-block;
    font-size: 14px;
    color: #666;
    width: 490px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.forum-top .topping-list li:hover a {
    color: #f60
}

.map-forum ul {
    margin-top: 15px;
    padding: 20px 0;
    overflow: hidden;
    background: #fff;
    border-radius: 6px
}

.map-forum li {
    float: left;
    margin: 10px 0 10px 20px;
    width: 580px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.map-forum li span {
    display: inline-block;
    float: left;
    margin-right: 10px;
    padding: 0 6px;
    width: 36px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    background: #8ec5fc;
    background: -webkit-gradient(linear, right top, left top, from(#e0c3fc), to(#8ec5fc));
    background: linear-gradient(-90deg, #e0c3fc, #8ec5fc)
}

.map-forum li a {
    display: inline-block;
    font-size: 14px;
    color: #666;
    width: 520px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.map-forum li:hover a {
    color: #f60
}

.forumBox {
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    background: #fff;
    border-radius: 6px;
    min-height: 300px
}

.forumBox .hd {
    margin-bottom: 10px;
    overflow: hidden;
    border-bottom: 1px solid #e6e6e6
}

.forumBox .hd ul {
    float: left
}

.forumBox .hd li {
    float: left;
    margin: 0 20px;
    position: relative;
    cursor: pointer;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    color: #333
}

.forumBox .hd li:after {
    display: block;
    content: '';
    width: 0\9;
    height: 3px;
    background: #56bbbe;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg)
}

.forumBox .hd li.on a,
.forumBox .hd li:hover a {
    color: #56bbbe
}

.forumBox .hd li.on:after,
.forumBox .hd li:hover:after {
    width: 100%\9;
    opacity: 1;
    -webkit-transform: rotateY(0);
    transform: rotateY(0)
}

.forumBox .hd h2 {
    float: left;
    margin-left: 20px;
    width: 150px;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    color: #333
}

.forumBox .hd .postBtn {
    float: right;
    margin: 7px 20px 0 0;
    width: 126px;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    color: #56bbbe;
    text-align: center;
    border: 1px solid #56bbbe;
    border-radius: 6px
}

.forumBox .hd .postBtn a {
    display: inline-block;
    color: #56bbbe
}

.forumBox .hd .postBtn .iconfont {
    padding-right: 10px;
    font-size: 20px
}

.forum-list {
    margin-bottom: 10px;
    padding-bottom: 20px
}

.forum-list li {
    margin: 0 20px;
    padding: 20px 0 15px;
    overflow: hidden;
    border-bottom: 1px solid #ededed;
    -webkit-transition: all .2s;
    transition: all .2s
}

.forum-list a {
    display: inline-block
}

.forum-list .user-row {
    margin-bottom: 10px;
    line-height: 40px;
    overflow: hidden
}

.forum-list .user-row img {
    float: left;
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%
}

.forum-list .user-row .name {
    float: left;
    margin: 0 15px 0 10px;
    font-size: 16px;
    color: #000
}

.forum-list .user-row .group {
    display: inline-block;
    float: left;
    margin-top: 10px;
    padding: 0 5px;
    min-width: 26px;
    max-width: 60px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    background: #8ec5fc;
    background: -webkit-gradient(linear, right top, left top, from(#e0c3fc), to(#8ec5fc));
    background: linear-gradient(-90deg, #e0c3fc, #8ec5fc)
}

.forum-list .tit {
    display: block;
    margin-bottom: 15px;
    height: 20px;
    line-height: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.forum-list .tit span {
    display: inline-block;
    float: left;
    margin-right: 10px;
    padding: 0 5px;
    min-width: 26px;
    max-width: 60px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    background: #8ec5fc;
    background: -webkit-gradient(linear, right top, left top, from(#e0c3fc), to(#8ec5fc));
    background: linear-gradient(-90deg, #e0c3fc, #8ec5fc)
}

.forum-list .tit a {
    float: left;
    font-size: 16px;
    color: #333;
    width: 720px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.forum-list .tit:hover a {
    color: #f60
}

.forum-list .desc {
    margin-bottom: 12px;
    max-height: 3.4em;
    line-height: 1.7;
    font-size: 15px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.forum-list .pics {
    margin-bottom: 12px;
    margin-right: -12px;
    overflow: hidden
}

.forum-list .pics img {
    display: block;
    float: left;
    margin: 0 8px 8px 0;
    width: 130px;
    height: 130px;
    border-radius: 4px;
    background: #f8f8f8
}

.forum-list .pic,
.forum-list .zt {
    clear: both;
    display: block;
    margin-bottom: 5px;
    height: auto;
    min-height: 200px;
    max-height: 300px;
    overflow: hidden
}

.forum-list .pic a,
.forum-list .zt a {
    display: block
}

.forum-list .pic img,
.forum-list .zt img {
    display: block;
    width: 100%;
    height: 100%;
    background: #f8f8f8;
    border-radius: 6px
}

.forum-list .other {
    clear: both;
    width: 100%;
    height: 24px;
    position: relative;
    line-height: 24px;
    font-size: 14px;
    color: #b2b2b2;
    text-align: right
}

.forum-list .other .iconfont {
    display: inline-block;
    float: left;
    margin-right: 4px;
    font-size: 20px
}

.forum-list .other .fr a {
    margin-left: 16px;
    color: #b2b2b2
}

.forum-list .other .projects {
    width: 430px !important;
    margin-left: 30px;
    float: left
}

.forum-list .other .projects a {
    display: inline-block;
    float: left;
    padding-right: 5px;
    color: #b2b2b2
}

.forum-zt-list {
    padding-bottom: 10px;
    overflow: hidden
}

.forum-zt-list li {
    float: left;
    margin: 10px 3px 20px 20px;
    overflow: hidden;
    width: 565px;
    border: 1px solid #ededed;
    border-radius: 6px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.forum-zt-list li a {
    display: block
}

.forum-zt-list li img {
    display: block;
    width: 565px;
    height: 180px;
    background: #f8f8f8
}

.forum-zt-list li h3 {
    margin: 12px 0 12px 15px;
    height: 26px;
    line-height: 26px;
    font-size: 16px;
    color: #333;
    width: 525px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.forum-zt-list li:hover {
    z-index: 2;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    -webkit-transform: translate3d(0, -2px, 0);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    transform: translate3d(0, -2px, 0)
}

.forum-zt-list li:hover h3 {
    color: #f60
}

.hollow-btn {
    margin-bottom: 10px;
    width: 320px;
    line-height: 54px;
    font-size: 18px;
    color: #56bbbe;
    text-align: center;
    border: 1px solid #56bbbe;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.hollow-btn a {
    display: inline-block;
    color: #56bbbe
}

.side-hot-zt .hd h2 .iconfont {
    color: #f79a9a;
    background: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-linear-gradient(-90deg, #f69494, #fab3b3)
}

.side-hot-zt li {
    margin: 0 auto 20px;
    overflow: hidden;
    width: 280px;
    height: 100px;
    border-radius: 6px
}

.side-hot-zt li a {
    display: block;
    margin: 0 auto
}

.side-hot-zt li img {
    width: 100%;
    height: 100%
}

.side-group {
    padding: 20px 0 20px 20px;
    position: relative
}

.side-group img {
    float: left;
    display: block;
    margin-right: 15px;
    width: 72px;
    height: 72px;
    border-radius: 10px
}

.side-group h3 {
    line-height: 38px;
    font-size: 18px;
    color: #000
}

.side-group p {
    line-height: 32px;
    font-size: 14px;
    color: #b2b2b2
}

.side-group .follow-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    width: 70px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    text-align: center;
    color: #56bbbe;
    border: 1px solid #56bbbe;
    border-radius: 6px
}

.side-group .follow-btn.on {
    color: #999;
    border-color: #b2b2b2;
    cursor: auto
}

.side-hot-text .hd h2 .iconfont {
    color: #f45c5c;
    background-image: -webkit-linear-gradient(0, #f45c5c, #f45c5c)
}

.side-hot-text li {
    padding: 0 15px 20px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.side-hot-text li i {
    display: inline-block;
    float: left;
    margin-right: 10px;
    width: 24px;
    color: #fff;
    text-align: center;
    background: #dedede;
    border-radius: 50%
}

.side-hot-text li i.n1 {
    background: #ef0202
}

.side-hot-text li i.n2 {
    background: #fe7f22
}

.side-hot-text li i.n3 {
    background: #ffbc2b
}

.side-hot-text li a {
    font-size: 15px;
    color: #333;
    -webkit-transition: all .3s;
    transition: all .3s
}

.side-hot-text li:hover a {
    color: #56bbbe
}

.forum-show {
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    background: #fff;
    border-radius: 6px;
    padding: 30px
}

.forum-show .diary-comment {
    clear: both;
    margin-left: 80px;
    padding: 40px 0 10px 0
}

.forum-show .diary-comment .info {
    width: 640px !important
}

.forum-show .diary-comment dl {
    width: 640px !important
}

.forum-show .reply-post-box {
    margin-left: 80px
}

.forum-show-con .info {
    overflow: hidden
}

.forum-show-con .info .avatar {
    float: left;
    display: block;
    width: 60px;
    height: 60px;
    background: #f8f8f8;
    border-radius: 50%
}

.forum-show-con .info .fr {
    width: 700px
}

.forum-show-con .info p {
    margin-bottom: 5px;
    font-size: 20px;
    overflow: hidden
}

.forum-show-con .info span {
    float: left;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    font-size: 16px
}

.forum-show-con .info .user-name {
    color: #666
}

.forum-show-con .info .group-name {
    margin-left: 15px;
    color: #56bbbe
}

.forum-show-con .info h1 {
    clear: both;
    margin-bottom: 20px;
    line-height: 30px;
    font-size: 18px;
    color: #000
}

.forum-show-con .content {
    margin-left: 80px;
    font-size: 16px;
    color: #555;
    white-space: pre-line
}

.forum-show-con .content p {
    white-space: normal
}

.forum-show-con .pic-list {
    margin: 0 -5px 0 70px;
    overflow: hidden
}

.forum-show-con .pic-list li {
    position: relative;
    float: left;
    margin: 10px 0 0 10px;
    border-radius: 5px;
    overflow: hidden
}

.forum-show-con .pic-list li img {
    width: 100%;
    height: 100%
}

.forum-show-con .pic-list .img-li {
    width: 165px;
    height: 165px
}

.forum-show-con .pic-list .video-li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 360px;
    max-height: 600px
}

.forum-show-con .pic-list .video-li img {
    width: 100%;
    height: auto
}

.forum-show-con .openDialog {
    margin: 20px 0 20px 80px;
    color: #999;
    cursor: pointer
}

.forum-show-con .other {
    margin-left: 80px;
    margin-top: 15px;
    line-height: 24px;
    overflow: hidden;
    font-size: 14px;
    color: #999
}

.forum-show-con .other .date {
    float: left
}

.forum-show-con .other .other-r {
    float: right
}

.forum-show-con .other .iconfont {
    display: inline-block;
    float: left;
    margin-right: 4px;
    font-size: 20px
}

.forum-show-con .other a {
    display: inline-block;
    margin-left: 16px;
    color: #999
}

.forum-post .layui-form {
    padding: 10px 50px 0 0
}

.forum-post .layui-form-label {
    width: 90px
}

.forum-post .layui-input-block {
    margin-left: 120px
}

.activity-text {
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    background: #fff;
    border-radius: 6px;
    padding: 30px
}

.activity-text .top-pic {
    margin-bottom: 25px;
    width: 1140px;
    overflow: hidden;
    border-radius: 6px
}

.activity-text .top-pic img {
    display: block;
    width: 1140px;
    min-height: 320px;
    max-height: 440px;
    height: auto
}

.activity-text h1 {
    line-height: 30px;
    font-size: 20px;
    color: #000;
    font-weight: 500;
    margin-bottom: 10px
}

.activity-text .time {
    line-height: 24px;
    font-size: 12px;
    color: #b2b2b2;
    margin-bottom: 10px
}

.activity-text .content {
    margin: 20px 0;
    font-size: 15px
}

.baike-banner {
    margin-bottom: 0
}

.top-tab-link {
    margin-bottom: 30px;
    padding-top: 20px;
    text-align: center;
    background: #fff
}

.top-tab-link a {
    display: inline-block;
    margin: 0 25px;
    line-height: 60px;
    font-size: 16px;
    color: #333;
    text-align: center;
    position: relative;
    -webkit-transition: color .5s;
    transition: color .5s
}

.top-tab-link a.on,
.top-tab-link a:hover {
    color: #56bbbe
}

.top-tab-link a.on:after {
    display: block;
    content: '';
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: 0;
    background: #56bbbe;
    border-radius: 2px
}

.baike-project {
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    background: #fff;
    border-radius: 6px;
    margin-bottom: 30px
}

.baike-project .hd {
    margin-bottom: 10px;
    overflow: hidden;
    border-bottom: 1px solid #e6e6e6
}

.baike-project .hd h2 {
    float: left;
    margin-left: 20px;
    width: 300px;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    color: #333
}

.baike-project .hd h2 span {
    color: #b2b2b2
}

.baike-project ul {
    overflow: hidden;
    padding: 5px 0 10px 15px
}

.baike-project li {
    float: left;
    margin: 20px 0;
    width: 130px;
    height: 75px;
    overflow: hidden;
    text-align: center
}

.baike-project li a {
    display: block
}

.baike-project li .pic {
    margin-bottom: 3px;
    height: 45px
}

.baike-project li img {
    max-height: 45px
}

.baike-project li p,
.baike-project li h3 {
    line-height: 24px;
    font-size: 14px;
    color: #666;
    text-align: center
}

.baike-project.baike-project2 {
    padding-bottom: 20px;
    width: 1200px !important
}

.baike-project .tit-h3 {
    margin: 10px 0 20px 20px;
    line-height: 20px;
    font-size: 16px;
    color: #333
}

.baike-project .tags {
    padding-left: 20px
}

.baike-project .tags a {
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 8px;
    padding: 0 6px;
    min-width: 40px;
    height: 26px;
    line-height: 26px;
    color: #888;
    text-align: center;
    background: #f3f3f3;
    border-radius: 4px
}

.baike-fixed {
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    border-radius: 6px;
    width: 95px;
    background: #fff;
    border-radius: 4px;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 10;
    display: none;
    margin-left: -708px;
    margin-top: -340px;
    padding: 12px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.08)
}

.baike-fixed a {
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    padding: 0 6px 0 12px;
    color: #666;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    -webkit-transition: color .5s;
    transition: color .5s
}

.baike-fixed a.on,
.baike-fixed a:hover {
    color: #56bbbe
}

.baike-fixed-2 {
    width: 110px;
    margin-left: -723px
}

.baike-sort {
    margin-bottom: 30px
}

.baike-sort h2 {
    margin-bottom: 10px;
    line-height: 30px;
    font-size: 18px;
    color: #666
}

.baike-sort .baike-sort_box {
    margin-bottom: 10px;
    overflow: hidden;
    min-height: 300px
}

.baike-sort .tab-nav {
    margin-bottom: 10px;
    height: 50px;
    overflow: hidden;
    border-bottom: 1px solid #e6e6e6;
    position: relative
}

.baike-sort .tab-nav ul {
    width: auto;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0
}

.baike-sort .tab-nav li {
    float: left;
    margin-right: 40px;
    position: relative;
    cursor: pointer;
    width: auto !important;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #333
}

.baike-sort .tab-nav li:after {
    display: block;
    content: '';
    width: 0\9;
    height: 3px;
    background: #56bbbe;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg)
}

.baike-sort .tab-nav li.on,
.baike-sort .tab-nav li:hover {
    color: #56bbbe
}

.baike-sort .tab-nav li.on a,
.baike-sort .tab-nav li:hover a {
    color: #56bbbe
}

.baike-sort .tab-nav li.on:after,
.baike-sort .tab-nav li:hover:after {
    width: 100%\9;
    opacity: 1;
    -webkit-transform: rotateY(0);
    transform: rotateY(0)
}

.baike-sort .tab-nav .button-box {
    position: absolute;
    top: 1px;
    right: 1px;
    z-index: 3;
    padding-left: 20px;
    width: 80px;
    height: 48px;
    background: #fafafa
}

.baike-sort .tab-nav .button-box .iconfont {
    display: inline-block;
    padding: 0 2px;
    width: 20px;
    height: 48px;
    line-height: 48px;
    cursor: pointer;
    font-size: 22px;
    color: #dedede;
    text-align: center
}

.baike-sort .tab-nav .button-box .on {
    color: #56bbbe
}

.baike-sort .tab-nav .button-box .bg {
    position: absolute;
    top: 0;
    left: -20px;
    z-index: 2;
    width: 22px;
    height: 48px;
    background: -webkit-gradient(linear, left top, right top, color-stop(10%, rgba(240, 240, 240, 0.2)), to(#f0f0f0));
    background: linear-gradient(left, rgba(240, 240, 240, 0.2) 10%, #f0f0f0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8087e0fd', endColorstr='#05abe0', GradientType=0)
}

.baike-sort .tab-con {
    min-height: 300px;
    padding-bottom: 20px
}

.baike-sort .tab-con ul {
    margin-right: -50px;
    overflow: hidden
}

.baike-sort .tab-con li {
    float: left;
    margin: 15px 45px 15px 0;
    padding: 25px 20px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 370px;
    height: 288px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 6px
}

.baike-sort .tab-con li h3 {
    margin-bottom: 10px;
    height: 30px
}

.baike-sort .tab-con li h3 a {
    display: inline-block;
    line-height: 30px;
    font-size: 20px;
    color: #333
}

.baike-sort .tab-con li .desc {
    margin-bottom: 15px;
    height: 48px;
    line-height: 24px;
    font-size: 14px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.baike-sort .tab-con li dl {
    margin-bottom: 5px;
    padding-top: 15px;
    overflow: hidden;
    position: relative
}

.baike-sort .tab-con li dl:before {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    content: '';
    height: 1px;
    background: #e6e6e6;
    top: 0
}

.baike-sort .tab-con li dd {
    height: 24px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.baike-sort .tab-con li dd a {
    line-height: 24px;
    color: #666
}

.baike-sort .tab-con li .url {
    height: 24px;
    text-align: right
}

.baike-sort .tab-con li .url a {
    line-height: 24px;
    color: #56bbbe
}

.baike-top-nav {
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    background: #fff;
    border-radius: 6px;
    margin-bottom: 30px
}

.baike-top-nav .hd {
    overflow: hidden;
    border-bottom: 1px solid #e6e6e6
}

.baike-top-nav .hd h2 {
    float: left;
    margin-left: 20px;
    width: 300px;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    color: #333
}

.baike-top-nav .hd h2 span {
    color: #b2b2b2
}

.baike-top-nav .conBox {
    padding: 15px 0;
    margin-left: 15px
}

.baike-top-nav .conBox a {
    display: inline-block;
    margin: 5px 16px 5px 0;
    padding: 0 8px;
    min-width: 30px;
    line-height: 24px;
    cursor: pointer;
    font-size: 14px;
    color: #888;
    text-align: center
}

.baike-top-nav .conBox a:hover {
    color: #56bbbe
}

.baike-top-nav .conBox a.on {
    color: #fff;
    background: #56bbbe;
    border-radius: 6px
}

.baike-sort_box2 {
    margin-bottom: 10px;
    overflow: hidden;
    min-height: 300px
}

.baike-sort_box2 ul {
    margin-right: -50px;
    overflow: hidden
}

.baike-sort_box2 li {
    float: left;
    margin: 15px 45px 15px 0;
    overflow: hidden;
    width: 370px;
    height: 288px;
    background-color: #f5f5f5;
    border-radius: 6px
}

.baike-sort_box2 li .pic {
    padding: 10px 0;
    height: 150px;
    text-align: center;
    background: #fff
}

.baike-sort_box2 li .pic img {
    display: inline-block;
    width: auto;
    max-width: 320px;
    min-width: 140px;
    height: 140px
}

.baike-sort_box2 li .info {
    padding: 12px 20px 0
}

.baike-sort_box2 li h3 {
    margin-bottom: 8px;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    color: #333
}

.baike-sort_box2 li .desc {
    max-height: 48px;
    line-height: 24px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.baike-sort_box2 li .desc span {
    padding-left: 5px;
    color: #56bbbe;
    letter-spacing: .5px
}

.baike-sort_box3 li {
    height: 328px
}

.baike-sort_box3 li .pic {
    height: 190px
}

.baike-sort_box3 li .pic img {
    width: auto;
    max-width: 320px;
    min-width: 190px;
    height: 190px
}

.baike-info {
    margin-bottom: 40px;
    padding: 25px;
    background: #f5f5f5;
    border-radius: 6px
}

.baike-info h1 {
    margin-bottom: 10px;
    line-height: 36px;
    font-size: 28px;
    color: #000
}

.baike-info p {
    line-height: 28px;
    font-size: 15px;
    color: #333
}

.baike-con {
    margin-bottom: 50px;
    height: auto;
    background: #fff;
    border-radius: 6px
}

.baike-con .hd {
    height: 50px;
    border-bottom: 1px solid #e6e6e6;
    position: relative
}

.baike-con .hd ul {
    width: auto;
    position: absolute;
    top: 1px;
    left: 25px
}

.baike-con .hd li {
    float: left;
    margin-right: 40px;
    position: relative;
    cursor: pointer;
    width: auto !important;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #666
}

.baike-con .hd li::after {
    display: block;
    content: '';
    width: 0\9;
    height: 3px;
    background: #56bbbe;
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg)
}

.baike-con .hd li a {
    display: inline-block;
    color: #666
}

.baike-con .hd li.on,
.baike-con .hd li:hover {
    color: #56bbbe
}

.baike-con .hd li.on a,
.baike-con .hd li:hover a {
    color: #56bbbe
}

.baike-con .hd li.on:after,
.baike-con .hd li:hover:after {
    width: 100%\9;
    opacity: 1;
    -webkit-transform: rotateY(0);
    transform: rotateY(0)
}

.baike-con .baike-fixed {
    margin-top: -200px;
    margin-left: -695px;
    width: 88px
}

.baike-con .tit-h2 {
    margin-bottom: 20px;
    line-height: 34px;
    font-size: 24px;
    color: #333;
    clear: both
}

.baike-con .tit-h3 {
    margin-bottom: 5px;
    line-height: 28px;
    font-size: 16px;
    color: #333;
    clear: both
}

.baike-con .desc {
    line-height: 28px;
    font-size: 15px;
    color: #666
}

.baike-con .intro {
    padding: 25px;
    overflow: hidden
}

.baike-con .intro .mb30:last-child {
    margin-bottom: 5px
}

.baike-con .intro .operation {
    overflow: hidden
}

.baike-con .intro .tags span,
.baike-con .intro .tags a {
    display: inline-block;
    margin: 10px 12px 0 0;
    padding: 0 12px;
    line-height: 30px;
    font-size: 14px;
    color: #888;
    background-color: #f3f3f3;
    border-radius: 4px
}

.baike-con .intro .stars-row {
    padding: 15px 0;
    overflow: hidden;
    border-top: 1px dashed #ededed
}

.baike-con .intro .stars-row .stars-item {
    float: left;
    width: 32%;
    line-height: 24px;
    font-size: 14px;
    color: #666
}

.baike-con .intro .stars-row .stars-item .iconfont {
    color: #ffbc00
}

.baike-con .intro .stars-row .stars-item .gray {
    color: #cecece
}

.baike-con .nurse {
    padding: 25px;
    overflow: hidden
}

.baike-con .nurse ul {
    padding-top: 2px
}

.baike-con .nurse li {
    padding: 0 0 35px 60px;
    position: relative
}

.baike-con .nurse li .spl {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 30px;
    z-index: 2;
    width: 1px;
    border-left: 1px dashed #ededed
}

.baike-con .nurse li i {
    position: absolute;
    top: 7px;
    left: 26px;
    z-index: 3;
    display: inline-block;
    width: 7px;
    height: 7px;
    font-size: 0;
    border: 1px solid #ededed;
    background: #ededed;
    border-radius: 50%
}

.baike-con .nurse li.on i,
.baike-con .nurse li:hover i {
    top: 2px;
    left: 21px;
    padding: 5px;
    border: 1px dashed #ededed;
    background: #fff
}

.baike-con .nurse li.on i:after,
.baike-con .nurse li:hover i:after {
    display: block;
    content: '';
    width: 7px;
    height: 7px;
    font-size: 0;
    background: #ededed;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 4
}

.baike-con .nurse li:last-child {
    padding-bottom: 0
}

.baike-con .nurse li:first-child .spl {
    top: 10px
}

.baike-con .nurse p {
    margin-bottom: 2px;
    line-height: 28px;
    font-size: 15px;
    color: #888
}

.baike-con .nurse p strong,
.baike-con .nurse p em {
    color: #333;
    font-weight: normal
}

.baike-con .nurse h3,
.baike-con .nurse p.title {
    line-height: 24px;
    font-size: 16px;
    color: #30bec3;
    margin-bottom: 15px
}

.baike-con .nurse h3 em,
.baike-con .nurse p.title em {
    padding-left: 5px;
    color: #30bec3
}

.baike-con .faq {
    padding: 25px;
    overflow: hidden
}

.baike-con .faq li {
    padding-bottom: 20px;
    position: relative
}

.baike-con .faq li::after {
    position: absolute;
    bottom: 0;
    left: 40px;
    right: 0;
    display: block;
    content: '';
    height: 1px;
    background: #ededed
}

.baike-con .faq li h3 {
    position: relative;
    z-index: 3;
    padding: 20px 0 0 40px;
    height: 28px;
    line-height: 28px;
    font-size: 16px;
    color: #000;
    cursor: pointer
}

.baike-con .faq li p {
    margin-top: 16px;
    padding-left: 40px;
    line-height: 28px;
    font-size: 16px;
    color: #999;
    display: none
}

.baike-con .faq li .icon {
    float: left;
    display: inline-block;
    margin-left: -40px;
    width: 28px;
    height: 28px;
    line-height: 28px
}

.baike-con .faq li .faq-q {
    
}

.baike-con .faq li .faq-a {
    
}

.baike-con .faq li .iconfont {
    display: inline-block;
    position: absolute;
    top: 22px;
    right: 0;
    z-index: 6;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 18px;
    color: #999;
    text-align: center;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.baike-con .faq li.on p {
    display: block
}

.baike-con .faq li.on .iconfont {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.baike-con .operation ul {
    padding: 5px 20px;
    position: relative;
    background-color: #f7f7f7;
    overflow: hidden
}

.baike-con .operation ul:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border-left: 7px solid #fff;
    border-top: 7px solid #fff;
    border-right: 7px solid #f0f0f0;
    border-bottom: 7px solid #f0f0f0
}

.baike-con .operation li {
    height: 45px;
    line-height: 45px;
    font-size: 15px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.baike-con .operation li:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.7)
}

.baike-con .operation li span {
    display: inline-block
}

.baike-con .operation li .name,
.baike-con .operation li .value {
    margin-left: 10px;
    width: 106px;
    color: #777;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.baike-con .operation li .value {
    margin-left: 20px;
    width: 380px;
    color: #333
}

.baike-con .operation li .tip {
    font-size: 12px;
    color: #888;
    text-align: center
}

.baike-con .operation li .l,
.baike-con .operation li .r {
    float: left;
    width: 50%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.related-ask-row {
    margin-bottom: 30px;
    height: 245px
}

.related-ask-row .hd {
    position: relative;
    margin-bottom: 5px;
    height: 30px;
    line-height: 30px
}

.related-ask-row .hd h2 {
    font-size: 20px;
    font-weight: 500;
    color: #333
}

.related-ask-row .hd h2 .iconfont {
    float: left;
    margin-right: 10px;
    display: inline-block;
    width: 26px;
    line-height: 30px;
    font-size: 22px;
    color: #56bbbe;
    text-align: center
}

.related-ask-row .hd .more {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #999
}

.related-ask-row .hd .more .iconfont {
    float: right;
    padding-left: 5px;
    font-size: 16px
}

.related-ask-row ul {
    margin: 0 -20px;
    overflow: hidden
}

.related-ask-row ul li {
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    background: #fff;
    border-radius: 6px;
    float: left;
    margin: 15px 0 20px 20px;
    padding: 20px 20px 0;
    width: 285px;
    height: 176px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s;
    transition: all .5s
}

.related-ask-row ul li a {
    display: block
}

.related-ask-row ul li .user {
    margin-bottom: 14px;
    height: 36px;
    overflow: hidden
}

.related-ask-row ul li .user img {
    display: inline-block;
    float: left;
    margin-right: 10px;
    width: 36px;
    height: 36px;
    border-radius: 50%
}

.related-ask-row ul li .user .name {
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #333
}

.related-ask-row ul li .desc {
    margin-bottom: 15px;
    height: 52px;
    line-height: 26px;
    font-size: 16px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.related-ask-row ul li .num {
    line-height: 24px;
    color: #56bbbe;
    text-align: center
}

.related-ask-row ul li:hover {
    z-index: 2;
    -webkit-box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    -webkit-transform: translate3d(0, -2px, 0);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transform: translate3d(0, -2px, 0)
}

.related-diary-row {
    margin-bottom: 50px;
    overflow: hidden;
    clear: both
}

.related-diary-row.mb20 {
    margin-bottom: 20px
}

.related-diary-row .hd {
    position: relative;
    margin-bottom: 5px;
    height: 30px;
    line-height: 30px
}

.related-diary-row .hd h2 {
    font-size: 20px;
    font-weight: 500;
    color: #333
}

.related-diary-row .hd h2 .iconfont {
    float: left;
    margin-right: 10px;
    display: inline-block;
    width: 26px;
    line-height: 30px;
    font-size: 22px;
    color: #56bbbe;
    text-align: center
}

.related-diary-row .hd .more {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #999
}

.related-diary-row .hd .more .iconfont {
    float: right;
    padding-left: 5px;
    font-size: 16px
}

.related-diary-row ul {
    margin: 0 -20px;
    overflow: hidden
}

.related-diary-row ul li {
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    background: #fff;
    border-radius: 6px;
    float: left;
    margin: 15px 0 20px 20px;
    padding: 20px 0 0 20px;
    width: 285px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s;
    transition: all .5s
}

.related-diary-row ul li .photos {
    display: block;
    margin-bottom: 12px;
    overflow: hidden
}

.related-diary-row ul li .photos .pic {
    position: relative;
    float: left;
    margin-right: 8px;
    overflow: hidden;
    width: 118px;
    height: 118px;
    border-radius: 6px
}

.related-diary-row ul li .photos img {
    width: 100%;
    height: 100%
}

.related-diary-row ul li .photos span {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    line-height: 18px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.6);
    background: #333;
    background: rgba(0, 0, 0, 0.6);
    border-bottom-right-radius: 8px
}

.related-diary-row ul li .photos .pic:last-child span {
    border: 1px solid #56bbbe
}

.related-diary-row ul li .desc {
    margin-bottom: 3px;
    clear: both;
    display: block;
    height: 48px;
    line-height: 24px;
    font-size: 15px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    -webkit-transition: all .3s;
    transition: all .3s
}

.related-diary-row ul li .projects {
    height: 24px;
    overflow: hidden
}

.related-diary-row ul li .projects .tag {
    display: inline-block;
    float: left;
    padding-right: 5px;
    line-height: 24px;
    color: #56bbbe
}

.related-diary-row ul li .other {
    margin: 10px 0 15px;
    width: 100%;
    height: 24px;
    line-height: 24px;
    font-size: 14px
}

.related-diary-row ul li .other .iconfont {
    display: inline-block;
    margin-right: 4px;
    font-size: 20px
}

.related-diary-row ul li .other a {
    margin-right: 16px;
    color: #b2b2b2
}

.related-diary-row ul li .user {
    margin-left: -20px;
    padding: 15px 20px;
    height: 30px;
    overflow: hidden;
    border-top: 1px solid #ededed
}

.related-diary-row ul li .user img {
    display: inline-block;
    float: left;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    border-radius: 50%
}

.related-diary-row ul li .user .name {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #333;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.related-diary-row ul li:hover {
    z-index: 2;
    -webkit-box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    -webkit-transform: translate3d(0, -2px, 0);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transform: translate3d(0, -2px, 0)
}

.related-video-index .hd {
    position: relative;
    margin-bottom: 5px;
    height: 30px;
    line-height: 30px
}

.related-video-index .hd h2 {
    font-size: 20px;
    font-weight: 500;
    color: #333
}

.related-video-index .hd h2 .iconfont {
    float: left;
    margin-right: 10px;
    display: inline-block;
    width: 26px;
    line-height: 30px;
    font-size: 22px;
    color: #56bbbe;
    text-align: center
}

.related-video-index .hd .more {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #999
}

.related-video-index .hd .more .iconfont {
    float: right;
    padding-left: 5px;
    font-size: 16px
}

.related-video-index .video-card-list {
    margin: 0 -20px;
    width: auto
}

.related-video-index .video-card-list li {
    margin: 10px 0 40px 20px;
    padding: 0;
    width: 285px;
    height: 300px;
    border-radius: 6px
}

.related-video-index .video-card-list .cover {
    margin-bottom: 7px;
    height: 158px;
    border-radius: 6px 6px 0 0
}

.related-video-index .video-card-list .cover i {
    width: 40px;
    height: 40px;
    background-size: 40px
}

.related-video-index .video-card-list .cover .time {
    font-size: 16px;
    right: 9px;
    bottom: 6px
}

.related-video-index .video-card-list .cover::after {
    height: 46px
}

.related-video-index .video-card-list .views {
    font-size: 14px
}

@media screen and (max-width:1400px) {

    .baike-top-nav,
    .baike-project,
    .baike-sort {
        margin: 0 auto 30px;
        width: 1100px
    }

    .baike-fixed {
        margin-left: -658px
    }

    .baike-fixed-2 {
        margin-left: -673px
    }

    .baike-project li {
        width: 119px
    }

    .baike-sort .tab-con ul {
        margin-left: 0
    }

    .baike-sort .tab-con li {
        margin: 15px 25px 10px 0;
        padding: 20px 15px 0;
        width: 350px
    }

    .baike-sort_box2 li {
        margin: 15px 25px 10px 0;
        width: 350px
    }
}

.about-sidebar {
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    background: #fff;
    border-radius: 6px;
    float: left;
    margin-bottom: 50px;
    width: 260px;
    min-height: 500px
}

.about-sidebar li {
    padding: 18px 0;
    line-height: 30px;
    border-bottom: 1px solid #e6e6e6;
    font-size: 16px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.about-sidebar li a {
    display: block;
    padding-left: 33px;
    color: #333;
    border-left: 3px solid #fff;
    -webkit-transition: all .3s;
    transition: all .3s
}

.about-sidebar li.on a,
.about-sidebar li:hover a {
    border-color: #56bbbe
}

.about-sidebar li:hover {
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.about-content {
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    background: #fff;
    border-radius: 6px;
    float: right;
    margin-bottom: 50px;
    padding: 25px;
    width: 850px;
    min-height: 450px
}

.about-content h1 {
    margin-bottom: 20px;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    color: #000;
    font-weight: 600
}

.about-content .con {
    color: #333
}

.about-content h2 {
    line-height: 30px;
    font-size: 18px;
    color: #56bbbe;
    font-weight: 600;
    margin: 40px 0 15px
}

.about-content p {
    line-height: 1.8;
    font-size: 16px;
    margin-bottom: 6px
}

.about-content table,
.about-content img {
    max-width: 100%;
    height: auto
}

.about-content table {
    min-width: 60%;
    border: 1px solid #e6e6e6;
    border-collapse: collapse
}

.about-content table th,
.about-content table td {
    padding: 8px 15px;
    border: 1px solid #e6e6e6
}

.about-content .pact-con h3 {
    margin: 15px 0 8px;
    line-height: 1.5;
    font-size: 14px;
    color: #000;
    font-weight: bold
}

.about-content .pact-con p {
    margin-bottom: 5px;
    line-height: 1.6;
    font-size: 12px;
    color: #333;
    text-indent: 2em
}

.about-content .pact-con .fwb {
    font-weight: 700
}

.about-content .pact-con .cr {
    color: #f00
}

.member-sidebar {
    float: left;
    width: 260px
}

.member-sidebar .user {
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    background: #fff;
    border-radius: 6px;
    padding-top: 30px;
    height: 190px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.member-sidebar .user img {
    display: inline-block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin-bottom: 10px
}

.member-sidebar .user p {
    margin: 0 auto;
    height: 26px;
    line-height: 26px;
    font-size: 16px;
    color: #333;
    width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.member-sidebar ul {
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    background: #fff;
    border-radius: 6px
}

.member-sidebar li {
    padding: 13px 0;
    height: 32px;
    line-height: 32px
}

.member-sidebar li a {
    display: block;
    padding: 0 20px 0 30px;
    font-size: 15px;
    color: #333;
    position: relative;
    -webkit-transition: color .5s;
    transition: color .5s
}

.member-sidebar li a:after {
    content: '';
    width: 3px;
    background: #56bbbe;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -6px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.member-sidebar li a .red {
    position: absolute;
    top: 6px;
    left: 92px;
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #ee4848;
    border-radius: 50%
}

.member-sidebar li.on a,
.member-sidebar li:hover a {
    color: #56bbbe
}

.member-sidebar li.on a:after,
.member-sidebar li:hover a:after {
    background: #56bbbe;
    left: 0
}

.member-sidebar li:first-child {
    border-bottom: 1px solid #e6e6e6
}

.member-sidebar li:last-child {
    border-top: 1px solid #e6e6e6
}

.member-main {
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    background: #fff;
    border-radius: 6px;
    float: right;
    margin-bottom: 40px;
    width: 920px;
    min-height: 550px
}

.member-main .pagination {
    margin-left: 260px
}

.member-home {
    padding: 25px 30px
}

.member-home .user-info {
    margin-bottom: 30px
}

.member-home h3 {
    line-height: 30px;
    font-size: 18px;
    color: #333;
    margin-bottom: 15px
}

.member-home p {
    line-height: 30px;
    font-size: 14px;
    color: #999
}

.member-home .tag {
    margin-bottom: 20px
}

.member-home .tag span,
.member-home .tag a {
    display: inline-block;
    margin: 0 20px 15px 0;
    padding: 0 10px;
    min-width: 4em;
    line-height: 24px;
    font-size: 14px;
    color: #30bec3;
    text-align: center;
    background: #ebf8f8;
    border-radius: 4px
}

.member-msg .hd {
    height: 60px;
    border-bottom: 1px solid #e6e6e6;
    position: relative
}

.member-msg .hd ul {
    width: auto;
    position: absolute;
    top: 1px;
    left: 25px
}

.member-msg .hd li {
    float: left;
    margin-right: 40px;
    position: relative;
    cursor: pointer;
    width: auto !important;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    color: #666
}

.member-msg .hd li:after {
    display: block;
    content: '';
    width: 0\9;
    height: 3px;
    background: #56bbbe;
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg)
}

.member-msg .hd li a {
    display: inline-block;
    color: #666
}

.member-msg .hd li a .num {
    position: absolute;
    top: 6px;
    right: -22px;
    padding: 1px;
    display: block;
    min-width: 18px;
    line-height: 18px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background-color: #ee4848;
    border-radius: 50%
}

.member-msg .hd li.on a,
.member-msg .hd li:hover a {
    color: #56bbbe
}

.member-msg .hd li.on:after,
.member-msg .hd li:hover:after {
    width: 100%\9;
    opacity: 1;
    -webkit-transform: rotateY(0);
    transform: rotateY(0)
}

.member-msg .msg-box {
    margin-bottom: 30px;
    padding: 0 25px;
    overflow: hidden
}

.member-msg .msg-box li {
    padding-top: 20px;
    overflow: hidden
}

.member-msg .msg-box li a {
    display: block;
    overflow: hidden
}

.member-msg .msg-box li .pic {
    float: left;
    width: 54px;
    position: relative
}

.member-msg .msg-box li .pic img {
    display: block;
    width: 54px;
    height: 54px;
    background: #f8f8f8;
    border-radius: 50%
}

.member-msg .msg-box li .pic .red {
    position: absolute;
    top: 0;
    right: -4px;
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #ee4848;
    border-radius: 50%
}

.member-msg .msg-box li .fr {
    padding-bottom: 15px;
    width: 800px;
    position: relative;
    border-bottom: 1px solid #e6e6e6
}

.member-msg .msg-box li h3 {
    margin-bottom: 5px;
    line-height: 26px;
    font-size: 16px;
    color: #30bec3
}

.member-msg .msg-box li p {
    line-height: 24px;
    color: #333
}

.member-msg .msg-box li .tit {
    margin-bottom: 5px;
    line-height: 28px;
    color: #333
}

.member-msg .msg-box li .tit span {
    padding-right: 5px;
    color: #30bec3
}

.member-msg .msg-box li .desc {
    color: #888;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.member-msg .msg-box li .time {
    position: absolute;
    top: 1px;
    right: 0;
    min-width: 90px;
    line-height: 26px;
    color: #999;
    text-align: right
}

.member-diary .hd {
    padding: 0 25px;
    height: 60px;
    border-bottom: 1px solid #e6e6e6
}

.member-diary .hd h2 {
    float: left;
    width: 200px;
    line-height: 60px;
    font-size: 16px;
    color: #666
}

.member-diary .hd .btn {
    float: right;
    margin-top: 10px;
    padding: 0 12px;
    line-height: 40px;
    font-size: 16px;
    color: #56bbbe;
    border: 1px solid #56bbbe;
    border-radius: 6px
}

.member-diary .hd .btn .iconfont {
    padding-right: 6px;
    font-size: 20px
}

.member-diary .diary-list li .info {
    width: 530px
}

.member-diary .diary-list li .info .d-time {
    margin-bottom: 5px;
    line-height: 24px;
    color: #999
}

.member-diary .diary-list li .info .desc {
    margin-bottom: 15px
}

.member-diary .diary-list li .info .other {
    height: 48px;
    position: relative
}

.member-diary .diary-list li .info .addBtn {
    position: absolute;
    right: 0;
    top: 4px;
    width: 88px;
    line-height: 36px;
    cursor: pointer;
    font-size: 16px;
    color: #56bbbe;
    text-align: center;
    border: 1px solid #56bbbe;
    border-radius: 6px
}

.member-diary .diary-list li:hover .desc {
    color: #333
}

.ask-list-member li {
    padding-top: 25px;
    border-bottom: 1px solid #e6e6e6
}

.ask-list-member li a {
    max-width: 810px
}

.ask-list-member li .user-row {
    margin-top: 10px;
    margin-bottom: 0
}

.forum-list-member .pics {
    margin-bottom: 10px;
    margin-right: -12px
}

.forum-list-member .pics img {
    margin: 0 12px 12px 0;
    width: 136px;
    height: 136px
}

.member-setting .hd {
    padding: 0 25px;
    height: 60px;
    border-bottom: 1px solid #e6e6e6
}

.member-setting .hd h2 {
    float: left;
    width: 200px;
    line-height: 60px;
    font-size: 16px;
    color: #666
}

.member-setting .layui-form {
    padding: 25px
}

.member-setting .layui-form .layui-form-label {
    color: #000
}

.member-setting .layui-form .layui-input-inline {
    width: 250px
}

.member-setting .layui-form .form-label-top {
    margin-bottom: 50px;
    padding-left: 20px
}

.member-setting .layui-form .form-label-top .layui-form-label {
    float: none;
    margin: 10px 0;
    width: 80%;
    text-align: left
}

.member-setting .layui-form .form-label-top .layui-input-block {
    margin: 0 15px
}

.member-setting .layui-form .form-label-top .layui-form-checkbox {
    margin: 0 15px 15px 0;
    padding-right: 0
}

.member-setting .layui-form .form-label-top .layui-form-checkbox span {
    line-height: 30px;
    color: #666;
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 5px
}

.member-setting .layui-form .form-label-top .layui-form-checkbox:hover span {
    color: #56bbbe;
    border-color: #56bbbe
}

.member-setting .layui-form .form-label-top .layui-form-checked span,
.member-setting .layui-form .form-label-top .layui-form-checked:hover span {
    color: #56bbbe;
    border-color: #56bbbe
}

.member-setting .layui-form .form-label-top .layui-icon {
    display: none
}

.member-setting .layui-form .layui-upload {
    float: left
}

.member-setting .layui-form .layui-upload-list {
    float: left;
    margin: 0
}

.member-setting .layui-form .layui-upload-list img {
    width: 100px;
    height: 100px;
    border-radius: 6px
}

.member-setting .layui-form .upload-picture-btn {
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    cursor: pointer;
    background-color: #fbfdff;
    border: 1px dashed #c0ccda;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top
}

.member-setting .layui-form .upload-picture-btn i {
    font-size: 28px;
    color: #ccc
}

.member-setting .layui-form .upload-picture-text {
    display: inline-block;
    padding-top: 76px;
    width: 100px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    color: #30bec3;
    cursor: pointer
}

.member-setting .layui-form .layui-btn {
    margin-left: 35px;
    width: 100px;
    letter-spacing: 2px;
    font-size: 15px
}

.all-city-list h2 {
    padding-left: 5px;
    line-height: 30px;
    font-size: 14px;
    color: #999
}

.all-city-list .hot-city {
    margin: 5px 0;
    padding: 5px 0
}

.all-city-list .hot-city p {
    line-height: 24px
}

.all-city-list .hot-city a {
    padding: 0 10px 0 5px;
    color: #666
}

.all-city-list .hot-city a:hover {
    color: #30bec3
}

.all-city-list .anchors-list {
    padding: 0 5px 15px 5px;
    overflow: hidden;
    border-bottom: 1px solid #ededed
}

.all-city-list .anchors-list a {
    float: left;
    display: block;
    margin: 10px 15px 0 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #30bec3;
    text-align: center;
    background: #dff6f5;
    border-radius: 50%
}

.all-city-list .roll-list {
    margin-top: 20px
}

.all-city-list .roll-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ededed
}

.all-city-list .roll-list li>span {
    padding-right: 20px;
    line-height: 20px
}

.all-city-list .roll-list .province-item a {
    display: inline-block;
    margin: 0 10px 5px 0;
    line-height: 20px;
    color: #666;
    -webkit-transition: all .5s;
    transition: all .5s
}

.all-city-list .roll-list .province-item a.on,
.all-city-list .roll-list .province-item a:hover {
    color: #30bec3
}

.all-city-list .roll-list .province-item>a {
    margin: 0 5px 5px 0;
    font-weight: 600
}

.all-city-list .roll-list .province-item+.province-item {
    margin-top: 5px
}

.index2-ask-row,
.index2-news-row {
    margin: 40px 0;
    overflow: hidden;
    clear: both;
    height: auto
}

.index2-ask-row .hd2,
.index2-news-row .hd2 {
    position: relative;
    padding: 0 15px;
    border-bottom: 1px solid #e6e6e6
}

.index2-ask-row .hd2 h2,
.index2-news-row .hd2 h2 {
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    font-weight: 500;
    color: #333
}

.index2-ask-row .hd2 .more,
.index2-news-row .hd2 .more {
    position: absolute;
    top: 0;
    right: 15px;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    color: #999
}

.index2-ask-row .hd2 .more .iconfont,
.index2-news-row .hd2 .more .iconfont {
    float: right;
    padding-left: 5px;
    font-size: 16px
}

.index2-ask-row .index-ask,
.index2-news-row .index-ask,
.index2-ask-row .index-news,
.index2-news-row .index-news {
    position: relative;
    float: left;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 850px;
    min-height: 300px;
    background: #fff;
    border-radius: 6px
}

.index2-ask-row .index-ask .ask-list,
.index2-news-row .index-ask .ask-list,
.index2-ask-row .index-news .ask-list,
.index2-news-row .index-news .ask-list,
.index2-ask-row .index-ask .news-list,
.index2-news-row .index-ask .news-list,
.index2-ask-row .index-news .news-list,
.index2-news-row .index-news .news-list {
    margin: 0 15px
}

.index2-ask-row .index-ask,
.index2-news-row .index-ask {
    height: 600px
}

.index2-ask-row .index-medal,
.index2-news-row .index-medal {
    margin-top: 0;
    height: 600px
}

#web-chat-iframe {
    position: fixed;
    right: 68px;
    bottom: 30px;
    z-index: 9999;
    width: 700px;
    height: 590px;
    background-color: #fff;
    border: none;
    -webkit-box-shadow: 2px 4px 30px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 2px 4px 30px 0 rgba(0, 0, 0, 0.1)
}