/**20250703*/
@font-face {
    font-family: "iconfont";
    src: url('//at.alicdn.com/t/font_793494_svggotrjc7o.eot?t=1542766317329');
    src: url('//at.alicdn.com/t/font_793494_svggotrjc7o.eot?t=1542766317329#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'), url('//at.alicdn.com/t/font_793494_svggotrjc7o.ttf?t=1542766317329') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('//at.alicdn.com/t/font_793494_svggotrjc7o.svg?t=1542766317329#iconfont') format('svg');

    /* IE9*/
    /* iOS 4.1- */
}

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

.icon-shouji:before {
    content: "\e6b7";
}

.icon-tel {
    width: 14px;
    height: 14px;
    margin-right: 6px;
    float: left;
    background-image: url(../img/lianxiwm2.png);
}

.icon-time:before {
    content: "\e6d4";
}

.icon-unfold:before {
    content: "\e661";
}

.icon-unfold2:before {
    content: "\e679";
}

.icon-right2:before {
    content: "\e6a3";
}

.icon-pinglun2:before {
    content: "\e640";
}

.icon-fold:before {
    content: "\e6de";
}

.icon-shouye:before {
    content: "\e609";
}

.icon-msnui-more:before {
    content: "\e67a";
}

.icon-check:before {
    content: "\e6b1";
}

.icon-kefu:before {
    content: "\e601";
}

.icon-user2:before {
    content: "\e68d";
}

.icon-hot:before {
    content: "\e6ac";
}

.icon-jiantou1:before {
    content: "\e6a2";
}

.icon-zhiding:before {
    content: "\e6a4";
}

.icon-sousuo:before {
    content: "\e6b4";
}

.icon-caidan:before {
    content: "\e790";
}

.icon-gouxuan:before {
    content: "\e6c1";
}

.icon-tupian:before {
    content: "\e6aa";
}

.icon-pinglun:before {
    content: "\e6bb";
}

.icon-yuedu:before {
    content: "\e680";
}

.icon-wenzhang:before {
    content: "\e643";
}

.icon-delete:before {
    content: "\e60a";
}

.icon-jianjie:before {
    content: "\e6c4";
}

.icon-jia1:before {
    content: "\e677";
}

.icon-jiantou:before {
    content: "\e6b6";
}

.icon-lianxi:before {
    content: "\e61a";
}

.icon-jia:before {
    content: "\e626";
}

.icon-verify:before {
    content: "\e691";
}

.icon-more:before {
    content: "\e6ba";
}

.icon-back_light:before {
    content: "\e7e0";
}

.icon-guanbi:before {
    content: "\e7b7";
}

.icon-pingjia:before {
    content: "\e69e";
}

.icon-close:before {
    content: "\e6e9";
}

.icon-favorite:before {
    content: "\e6eb";
}

.icon-coordinates_fill:before {
    content: "\e6ec";
}

.icon-dianzan_fill:before {
    content: "\e708";
}

.icon-dianzan:before {
    content: "\e709";
}

.icon-yisheng:before {
    content: "\e614";
}

.icon-jiazai:before {
    content: "\e6cd";
}

.icon-menzhen:before {
    content: "\e63e";
}

.icon-right:before {
    content: "\e8d9";
}

.icon-instructio:before {
    content: "\e602";
}

.icon-project:before {
    content: "\e604";
}

.icon-warning:before {
    content: "\e603";
}

.icon-group:before {
    content: "\e605";
}

.icon-incognito:before {
    content: "\e606";
}

.icon-liwu:before {
    content: "\e608";
}

.icon-left:before {
    content: "\e8da";
}

.icon-xiangyou:before {
    content: "\e600";
}

.icon-search:before {
    content: "\e607";
}

.icon-pinglun1:before {
    content: "\e613";
}

.icon-yuedu1:before {
    content: "\e616";
}

body,
h1,
h2,
h3,
h4,
p,
dl,
dt,
dd,
ul,
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-color: #f5f5f5;
    min-width: 1200px;
}

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);
    /*取消轻按时高亮*/
}

input,
button {
    -webkit-appearance: none;
    border-radius: 0;
    /*去苹果圆角*/
}

a,
input,
textarea,
select,
option,
button {
    outline: 0;
    /*点击时虚线边框*/
}

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;
    /*自动填充背景色*/
}

a {
    color: #555;
    text-decoration: none;
}

.fl {
    float: left !important;
}

.fr {
    float: right !important;
}

.cb {
    clear: both;
}

.ml20 {
    margin-left: 20px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 35px;
}

.w1200,
.wrap {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    clear: both;
    background: #fff;
}

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

.c-text-nowrap-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.c-text-nowrap-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

body {
    /*滚动条样式*/
}

body::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 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);
}

.iconfont {
    font-size: 16px;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    vertical-align: middle;
}

.icon-on {
    color: #fe7171;
}

/*
 * 头部
 */
header {
    background: #fff;
}

header .topBar {
    padding: 13px 0;
    height: 14px;
    line-height: 14px;
    font-size: 12px;
    color: #666666;
    border-bottom: 1px solid #eee;
    background: #d3d3d3;
}

header .topBar a {
    display: inline-block;
    padding: 0 10px;
    float: left;
    color: #666666;
}

header .topBar a:first-child {
    color: #52C4F7;
}

header .topBar span {
    display: inline-block;
    height: 12px;
    border-left: 1px solid #666666;
    float: left;
}

header .topBar .user {
    color: #52C4F7;
}

header .head {
    padding: 20px 0;
    height: 75px;
    clear: both;
}

header .logo {
    display: block;
    min-width: 100px;
    height: 60px;
    float: left;
}

header .logo img {
    min-width: 100px;
    width: 180px;
    height: 60px;
}

header .city-select {
    padding: 15px 0 25px 40px;
    position: relative;
    float: left;
}

header .city-select .city-current {
    width: 100px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #666666;
    letter-spacing: 2px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

header .city-select .city-current i {
    padding-left: 5px;
}

header .city-select .city-list {
    position: absolute;
    top: 55px;
    left: 25px;
    z-index: 100;
    padding: 10px;
    display: none;
    width: 540px;
    height: auto;
    background: #fff;
    border: 1px solid #f5f5f5;
    border-radius: 3px;
    box-shadow: 2px 5px 15px 0 rgba(0, 0, 0, 0.3);
    transition: all 3s;
}

header .city-select .city-list a {
    display: inline-block;
    min-width: 110px;
    margin: 3px;
    padding: 5px;
    letter-spacing: 2px;
}

header .city-select .city-list:before {
    position: absolute;
    top: -13px;
    left: 10px;
    z-index: 2;
    display: block;
    content: '';
    width: 43px;
    height: 14px;
    font-size: 0;
    background: url(../img/up.png);
}

header .city-select:hover .city-list,
header .city-select.show .city-list {
    display: block;
}

header .search {
    float: left;
    /*margin-right: 300px;*/
    margin-left: 20px;
}

header .l-phone {
    float: right;
    margin-right: 150px;
    padding: 12px 20px;
    background-color: #52C4F7;
    color: #FFFFFF;
    border-radius: 10px;
    font-size: 16px;
    cursor: pointer;
}

header .main-nav {
    height: 40px;
    clear: both;
    background-color: #52C4F7;
}

header .main-nav .wrap {
    height: 40px;
}

header .main-nav .nav-con {
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    margin-left: 210px;
    background-color: #52C4F7;
}

header .main-nav .nav-con li {
    flex: 1;
    text-align: center;
    cursor: pointer;
}

header .main-nav .nav-con li a {
    display: inline-block;
    line-height: 40px;
    font-size: 18px;
    color: #fff;
    width: 100%;
}

header .main-nav .nav-con li.on,
header .main-nav .nav-con li:hover {
    background-color: #1196E9;
}

header .down-nav {
    width: 210px;
    float: left;
    position: relative;
}

header .down-nav .tit {
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: #1196E9;
}

header .down-nav .slide-box {
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 10;
    padding: 5px 0;
    width: 100%;
    height: 390px;
    background: #fff;
    background: rgba(255, 255, 255, 0.9);
    overflow: hidden;
    box-shadow: 2px 4px 20px 0 rgba(0, 0, 0, 0.1);
}

header .down-nav .slide-box li {
    padding: 5px 0 4px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}

header .down-nav .slide-box li img {
    float: left;
    display: inline-block;
    margin: 0 4px 0 15px;
    width: 30px;
    height: 30px;
}

header .down-nav .slide-box li a {
    padding: 0 8px;
    transition: all .5s;
}

header .down-nav .slide-box li .yb {
    background-position: 0 8px;
}

header .down-nav .slide-box li .bb {
    background-position: 0 -32px;
}

header .down-nav .slide-box li .xb {
    background-position: 0 -72px;
}

header .down-nav .slide-box li .mb {
    background-position: 0 -112px;
}

header .down-nav .slide-box li .ztzf {
    background-position: 0 -152px;
}

header .down-nav .slide-box li .pf {
    background-position: 0 -192px;
}

header .down-nav .slide-box li .mt {
    background-position: 0 -232px;
}

header .down-nav .slide-box li .rds {
    background-position: 0 -272px;
}

header .down-nav .slide-box li .bys {
    background-position: 0 -312px;
}

header .down-nav .slide-box li .sm {
    background-position: 0 -352px;
}

header .down-nav .slide-box li:hover {
    background: #fff;
}

header .down-nav .slide-box li a:hover {
    color: #52C4F7;
}

header .down-nav:hover .slide-box {
    display: block !important;
}

header .min-nav {
    padding: 10px 0;
    background: #fff;
    overflow: hidden;
    position: relative;
}

header .min-nav .logo {
    display: block;
    min-width: 100px;
    height: 60px;
    float: left;
}

header .min-nav .logo img {
    min-width: 100px;
    width: 180px;
    height: 60px;
}

header .min-nav .nav-con {
    float: left;
    margin-left: 35px;
    padding-top: 10px;
}

header .min-nav .nav-con li {
    float: left;
}

header .min-nav .nav-con li a {
    display: inline-block;
    padding: 0 16px;
    line-height: 40px;
    font-size: 18px;
    color: #333333;
    text-align: center;
}

header .min-nav .nav-con li.on a,
header .min-nav .nav-con li a:hover {
    color: #52C4F7;
}

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: #888888;
}

header .min-nav .login-reg span {
    display: inline-block;
    height: 16px;
    border-left: 1px solid #888888;
    float: left;
}

header .min-nav .login-reg .red {
    color: #ef1818;
}

.search .search-row {
    overflow: hidden;
    margin-bottom: 8px;
    border: 2px solid #52C4F7;
    border-radius: 25px;
}

.search .search-row .search-l {
    height: 42px;
    line-height: 48px;
    font-size: 16px;
    float: left;
    display: flex;
    align-items: center;
}

.search .search-row .iconfont {
    display: inline-block;
    width: 50px;
    text-align: center;
    font-size: 24px;
    color: #666666;
    float: left;
}

.search .search-row input,
.search .search-row button {
    border: 0;
    box-sizing: border-box;
    font-size: 16px;
}
.search .search-row input{
    padding-left: 12px;
}

.search .search-row #key {
    width: 240px;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    text-indent: 2px;
    float: left;
    padding-left: 12px;
}

.search .search-row #btn {
    width: 85px;
    height: 44px;
    line-height: 42px;
    background: #52C4F7;
    font-size: 16px;
    color: #fff;
    letter-spacing: 3px;
    float: right;
    display: inline-block;
    cursor: pointer;
}

.search .hot-search span,
.search .hot-search a {
    display: inline-block;
    float: left;
    padding: 0 5px;
    font-size: 14px;
    color: #888888;
}

.min-search {
    position: absolute;
    right: 0px;
    padding: 15px 0;
    width: 170px;
    overflow: hidden;
    transition: all 0.5s;
}

.min-search .search-row {
    position: relative;
    overflow: hidden;
    padding: 0 12px 0;
    width: 100%;
    height: 30px;
    border: 1px solid #e1e1e1;
    border-radius: 16px;
    box-sizing: border-box;
}

.min-search input {
    float: left;
    display: inline-block;
    width: 50px;
    height: 28px;
    line-height: 28px;
    border: 0;
    box-sizing: border-box;
    background: none;
}

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

/*
 * 搜索页
 */
.search-top {
    clear: both;
    width: 100%;
    background: #fff;
    margin-bottom: 35px;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}

.search-top .search {
    margin: 0 auto 30px;
    padding-top: 40px;
    width: 520px;
    overflow: hidden;
}

.search-top .hd {
    height: 48px;
}

.search-top .hd ul {
    width: 1000px;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

.search-top .hd li {
    float: left;
    margin: 0 20px;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    color: #333333;
    text-align: center;
    transition: all .2s;
}

.search-top .hd li a {
    display: inline-block;
    min-width: 50px;
}

.search-top .hd li.on,
.search-top .hd li:hover {
    border-bottom: 2px solid #52C4F7;
}

.search-more {
    text-align: center;
    height: 50px;
    line-height: 50px;
}

.search-box {
    padding-top: 20px;
}

.search-box h2 {
    padding: 0px 25px 10px 25px;
}

/*
 * 首页广告位
 */
.home-banner {
    width: 100%;
    height: 400px;
    overflow: hidden;
    position: relative;
    clear: both;
    margin-bottom: 10px;
}

.home-banner .bd {
    margin: 0 auto;
    height: 400px;
    position: relative;
    z-index: 0;
    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 {
    width: 100%;
    position: absolute;
    z-index: 1;
    bottom: 10px;
    font-size: 0;
    text-align: center;
    /*ul {display: inline-block;height: 3px;font-size: 0;}*/
}

.home-banner .hd ul {
    text-align: center;
}

.home-banner .hd li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 10px;
    background: #fff;
    opacity: .6;
    cursor: pointer;
    border-radius: 45px;
    background-clip: padding-box;
}

.home-banner .hd li.on {
    opacity: 1;
    width: 24px;
}

.home-banner .prev,
.home-banner .next {
    width: 60px;
    height: 90px;
    margin: -60px 0 0;
    display: none;
    background: url(../img/banner_ctr.png) no-repeat 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999px;
    filter: alpha(opacity=20);
    opacity: 0.2;
}

.home-banner .prev {
    left: 50px;
}

.home-banner .next {
    background-position: 0 -90px;
    right: 50px;
}

.home-banner .prev:hover,
.home-banner .next:hover {
    filter: alpha(opacity=50) !important;
    opacity: 0.5 !important;
}

.breadcrumb {
    padding: 15px 0;
    overflow: hidden;
}

.breadcrumb a,
.breadcrumb span,
.breadcrumb i {
    display: inline-block;
    float: left;
    line-height: 18px;
    padding: 0 3px;
    color: #888888;
}

.breadcrumb i {
    padding: 0;
    color: #b2b2b2;
}

/*
 * 左侧
 */
.page-l {
    width: 810px;
    float: left;
}

/*
 * 右侧
 */
.page-r {
    width: 350px;
    float: right;
}

.fixedRight {
    position: fixed;
    bottom: 100px;
    left: 50%;
    margin-left: 620px;
    min-height: 180px;
}

.fixedRight div {
    width: 50px;
    height: 50px;
    margin-top: 10px;
    background: #b2b2b2;
    position: relative;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
    border-radius: 5px;
}

.fixedRight div .iconfont {
    display: block;
    width: 50px;
    line-height: 50px;
    font-size: 40px;
    color: #fff;
    text-align: center;
    opacity: 1;
    transition: all .3s;
}

.fixedRight div span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    padding: 5px 0;
    width: 50px;
    height: 40px;
    background: #333;
    opacity: 0;
    transition: all .3s;
    line-height: 20px;
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.fixedRight div:hover .iconfont {
    opacity: 0;
}

.fixedRight div:hover span {
    opacity: 1;
}

.fixedRight .home .iconfont,
.fixedRight .mqBtn .iconfont {
    line-height: 45px;
}

.fixedRight .top {
    display: none;
}

/*
 * 底部
 */
footer {
    clear: both;
    background: #fff;
    padding-top: 40px;
}

footer .youqing {
    border-top: 1px solid #52C4F7;
    padding-top: 20px;
}

footer .youqing ul li {
    float: left;
    margin-right: 12px;
    font-size: 14px;
    margin-bottom: 20px;
}

footer .hh3 {
    padding-bottom: 5px;
    margin-bottom: 20px;
    font-size: 28px;
}

footer .hh3 a.h3a {
    font-size: 14px;
    color: #666666;
    line-height: 40px;
}

footer .clearfix:after {
    content: "\200b";
    display: block;
    height: 0;
    clear: both;
}

footer .top {
    padding-top: 30px;
    padding-bottom: 20px;
}

footer .cen1200 {
    width: 1200px;
    margin: 0 auto;
}

footer .top > div > div {
    width: 32%;
    float: left;
}

footer .top > div > div h3, footer .top > div > div .h3 {
    font-size: 28px;
    margin-bottom: 20px;
}

footer .top div > div ul {
    float: left;
    line-height: 30px;
    margin-right: 90px;
}

footer .top div > div.last {
    width: auto;
    float: right;
    text-align: center;
}

footer .top div > div.last h3 {
    margin-bottom: 70px;
}

footer .top div > div.last a {
    background-color: #52C4F7;
    padding: 15px 60px;
    color: #fff;
    font-size: 24px;
    border-radius: 10px;
}

footer .bot {
    background: #111015;
    border: 1px solid transparent;
}

footer .bot_top > div {
    float: left;
}

footer .bot_top > div h3, footer .bot_top > div .h3 {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    margin-top: 47px;
    margin-bottom: 20px;
}

footer .bot_top > div h3 a, footer .bot_top > div .h3 a,
.bot_top > div ul a {
    color: #fff;
}

footer .bot_top > div ul li {
    margin-bottom: 10px;
    line-height: 24px;
    font-size: 14px;
    margin-right: 20px;
    color: #fff;
}

footer .bot_top > div.first {
    width: 210px;
    height: 90px;
    background: #fff;
    border-radius: 10px;
    margin-top: 47px;
    margin-right: 100px;
}

footer .bot_top > div.first img {
    margin: 15px 15px;
}

footer .bot_bot {
    color: rgba(255, 255, 255, 0.4);
    font-size: 14px;
    margin-top: 35px;
    text-align: center;
}

footer .bot_bot .pp1 {
    line-height: 30px;
}

footer .bot_bot .pp2 {
    line-height: 40px;
}

/*底部新导航*/
footer .logo-footer {
    position: relative;
    z-index: 999;
    height: 90px;
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    float: right;
    margin-top: 88px;
    width: 24%;
    margin-right: 8%;
}

footer .logo-footer img {
    width: 75px;
    margin: 34px 16px;
    float: left;
    border-right: 1px solid #666666;
    padding-right: 10px;
}

footer .logo-footer div {
    border-right: 1px solid #666666;
}

footer .logo-footer .p1 {
    font-size: 12px;
    margin-top: 22px;
}

footer .logo-footer .p2 {
    font-size: 18.45px;
    font-weight: bold;
}

/*资讯底部按钮*/
footer .zx-bottom {
    width: 546px;
    height: 37px;
    float: left;
    margin-top: 5px;
    margin-left: 40px;
}

footer .zx-bottom a {
    width: 189px;
    height: 37px;
    float: left;
    margin-left: 84px;
}

/*底部图标*/
footer .bot .trav {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}

footer .bot .trav img {
    height: 35px;
    margin: 0 5px;
}

footer .footer-icon {
    overflow: hidden;
    clear: both;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

footer .footer-icon li img {
    height: 60px;
    margin-right: 15px;
    float: left;
}

footer .footer-icon li h3 {
    float: left;
    line-height: 60px;
    font-size: 24px;
    color: #000;
    font-weight: 500;
    letter-spacing: 1px;
}

footer .gywm {
    width: 13%;
}

footer .hzhb {
    width: 50%;
}

footer .hzhb ul {
    float: left;
    margin-right: 20px;
}

/*
 * 日记 列表页
 */
.filterBox {
    margin-bottom: 35px;
    padding: 25px 25px 15px;
    background: #fff;
    border-radius: 8px;
}

.filterBox li {
    clear: both;
    overflow: hidden;
    margin-bottom: 10px;
}

.filterBox li .tit {
    float: left;
    width: 145px;
    line-height: 24px;
    vertical-align: top;
}

.filterBox li .con {
    height: 30px;
    line-height: 24px;
    overflow: hidden;
    position: relative;
}

.filterBox li span {
    display: inline-block;
    margin-right: 12px;
}

.filterBox li a {
    display: inline-block;
    line-height: 24px;
    margin: 0 15px 10px 0;
    padding: 0 6px;
    color: #666666;
    border: 1px solid #fff;
    transition: all .2s;
}

.filterBox li .on,
.filterBox li a:hover {
    color: #52C4F7;
    text-decoration: none;
    border-color: #52C4F7;
    border-radius: 5px;
}

.filterBox li .iconfont {
    position: absolute;
    top: -2px;
    right: -5px;
    color: #52C4F7;
    padding: 2px 5px;
    cursor: pointer;
    transition: all .2s;
    display: none;
}

.filterBox li .all {
    height: auto;
}

.filterBox li .all .iconfont {
    transform: rotate(180deg);
}

/**
分页
 */
.pagination {
    margin: 30px 0;
    clear: both;
    overflow: hidden;
    text-align: center;
}

.pagination ul {
    display: inline-block;
}

.pagination li {
    float: left;
    min-width: 36px;
    margin: 5px;
    line-height: 36px;
    font-size: 15px;
    color: #666666;
    text-align: center;
}

.pagination li a {
    display: inline-block;
    min-width: 36px;
    color: #666;
    border: 1px solid #dedede;
    border-radius: 100%;
}

.pagination .first-end {
    min-width: 48px;
}

.pagination li.on a {
    color: #fff;
    background-color: #52C4F7;
    border-radius: 100%;
}

.pagination input[type='text'] {
    width: 30px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    margin-left: 10px;
}

.sidebar .hd {
    overflow: hidden;
    padding-bottom: 14px;
    border-bottom: 1px solid #dedede;
}

.sidebar .hd h2 {
    width: 150px;
    line-height: 24px;
    font-size: 18px;
    color: #333;
    font-weight: 500;
    float: left;
}

.sidebar .hd .more {
    display: inline-block;
    line-height: 24px;
    font-size: 16px;
    color: #888;
    float: right;
}

.sidebar .hd .more .iconfont {
    float: right;
    padding-left: 10px;
    font-size: 18px;
}

.tubiao {
    margin-right: 10px;
    float: left;
}

/*
 * 登录注册
 */
.login-box .bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    background: #000;
    opacity: .6;
}

.login-box .login-con {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1000;
    margin: -250px 0 0 -200px;
    width: 400px;
    /*height: 500px;*/
    background: #fff;
    border-radius: 5px;
    box-sizing: border-box;
}

.loginBox .bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    background: #000;
    filter: alpha(opacity=60);
    opacity: 0.6;
    cursor: pointer;
}

.loginBox .con {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1000;
    margin: -250px 0 0 -200px;
    padding: 10px 30px 20px;
    width: 400px;
    /*height: 500px;*/
    background: #fff;
    border-radius: 5px;
    box-sizing: border-box;
}

.loginBox .con .closeBtn {
    position: absolute;
    top: -10px;
    right: -10px;
}

.loginBox .con .closeBtn .iconfont {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 40px;
    color: #333;
    cursor: pointer;
}

.loginBox .con .hd ul {
    border-bottom: 1px solid #e8e8e8;
    overflow: hidden;
    margin-bottom: 35px;
}

.loginBox .con .hd li {
    margin-right: 35px;
    line-height: 50px;
    float: left;
    cursor: pointer;
    font-size: 16px;
    color: #888888;
    border-bottom: 2px solid #fff;
}

.loginBox .con .hd li.on {
    color: #000;
    border-color: #e75555;
}

.loginBox .con .logo {
    margin: 0 auto 30px;
    width: 130px;
    text-align: center;
}

.loginBox .con .logo img {
    width: 120px;
    height: 60px;
    margin-bottom: 10px;
}

.loginBox .con .logo p {
    line-height: 35px;
    font-size: 14px;
    color: #333333;
}

.loginBox .con .form-item {
    margin-bottom: 25px;
    padding: 8px 0;
    font-size: 16px;
    color: #333;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
}

.loginBox .con .form-item .iconfont {
    float: left;
    display: inline-block;
    padding-left: 5px;
    width: 20px;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    color: #999;
    text-align: center;
}

.loginBox .con .form-item input {
    display: inline-block;
    padding: 0 5px;
    width: 300px;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    border: 0;
    box-sizing: border-box;
}

.loginBox .con .form-item .btn-primary {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    background: #52C4F7;
    border: 0;
    cursor: pointer;
}

.loginBox .con .form-verify {
    float: left;
    width: 180px;
}

.loginBox .con .form-verify input {
    width: 152px;
}

.loginBox .con .form-verify-text {
    margin-left: 8px;
    padding: 0;
    float: left;
    width: 148px;
    border-color: #52C4F7;
    cursor: pointer;
}

.loginBox .con .form-verify-text span {
    display: block;
    line-height: 40px;
    color: #52C4F7;
    text-align: center;
}

.loginBox .con .form-btn {
    clear: both;
    margin-bottom: 10px;
    padding: 0;
    border: 0;
}

.loginBox .con .tips {
    display: none;
    line-height: 24px;
    font-size: 14px;
    color: #b2b2b2;
    text-align: center;
}

.loginBox .con .pact {
    display: block;
    line-height: 24px;
    font-size: 14px;
    color: #666666;
}

.loginBox .con .pact i {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    background: left center url(../img/icon_checkBox.png) no-repeat;
    background-size: 16px;
    float: left;
    cursor: pointer;
}

.loginBox .con .pact i.on {
    background-image: url(../img/icon_checkBox_on.png);
    background-size: 16px;
}

.loginBox .login-con .tips {
    display: block;
}

.loginBox .login-con .pact {
    display: none;
}

/*登录验证码*/
.loginBox .form-verify-img {
    margin-left: 8px;
    padding: 0;
    float: left;
    width: 148px;
    margin-bottom: 25px;
    font-size: 16px;
    color: #333;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
}

.loginBox .verify_img {
    width: 148px;
    height: 42px;
}

/*弹窗*/
.center-tc {
    cursor: pointer;
    position: fixed;
    top: 20%;
    vertical-align: middle;
    left: 35%;
    text-align: center;
    z-index: 999;
    right: 0px;
    width: 500px;
    max-height: 360px;
    display: block;
}

.center-tc .tc-img {
    width: 500px;
}

.close_tc {
    width: 50px;
    height: 50px;
    display: inline-block;
    position: absolute;
    right: 1%;
    top: 2%;
}

/*消息提示*/
.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;
    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;
}

/*
资讯列表筛选
*/
.newsFilterBox {
    margin-bottom: 35px;
    padding: 20px 20px 20px;
    background: #fff;
    border-radius: 8px;
}

.newsFilterBox li {
    clear: both;
    overflow: hidden;
}

.newsFilterBox li .con {
    height: 30px;
    line-height: 24px;
    overflow: hidden;
    position: relative;
}

.newsFilterBox li span {
    display: inline-block;
    margin-right: 12px;
}

.newsFilterBox li a {
    display: inline-block;
    line-height: 24px;
    margin-right: 45px;
    padding: 0 6px;
    color: #666666;
    border: 1px solid #fff;
    transition: all .2s;
}

.newsFilterBox li h2 {
    display: inline-block;
    font-size: 16px;
}

.newsFilterBox li .on,
.newsFilterBox li a:hover {
    color: #52C4F7;
    text-decoration: none;
    border-color: #52C4F7;
    border-radius: 5px;
}

.newsFilterBox li .iconfont {
    position: absolute;
    top: -2px;
    right: -5px;
    color: #52C4F7;
    padding: 2px 5px;
    cursor: pointer;
    transition: all .2s;
    display: none;
}

.newsFilterBox li .all {
    height: auto;
}

.newsFilterBox li .all .iconfont {
    transform: rotate(180deg);
}

.soBox-noData {
    padding: 40px 0;
    width: 100%;
    text-align: center;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
}

/*
资讯tag列表筛选
*/
.newsTagFilterBox {
    margin-bottom: 35px;
    padding: 20px 20px 20px;
    background: #fff;
    border-radius: 8px;
}

.newsTagFilterBox li {
    clear: both;
    overflow: hidden;
}

.newsTagFilterBox li .con {
    height: 30px;
    line-height: 24px;
    overflow: hidden;
    position: relative;
}

.newsTagFilterBox li a {
    display: inline-block;
    line-height: 24px;
    margin-left: 14px;
    padding: 0 6px;
    color: #666666;
    border: 1px solid #fff;
    transition: all .2s;
}

.newsTagFilterBox li h2 {
    display: inline-block;
    font-size: 14px;
}

.newsTagFilterBox li p {
    display: inline-block;
    font-size: 14px;
}

.newsTagFilterBox li .on,
.newsTagFilterBox li a:hover {
    color: #52C4F7;
    text-decoration: none;
    border-color: #52C4F7;
    border-radius: 5px;
}

.newsTagFilterBox li .iconfont {
    position: absolute;
    top: -2px;
    right: -5px;
    color: #52C4F7;
    padding: 2px 5px;
    cursor: pointer;
    transition: all .2s;
    display: none;
}

.newsTagFilterBox li .all {
    height: auto;
}

.newsTagFilterBox li .all .iconfont {
    transform: rotate(180deg);
}

.right-form {
    position: absolute;
    top: 20px;
    left: 68%;
    z-index: 10;
    width: 240px;
    height: 360px;
    color: #333;
    background: #FFFFFF;
    border: 1px solid #E7E7E7;
}

.right-form img {
    width: 100%;
}

.right-form p {
    font-size: 10px;
    color: #4A4A4A;
    text-align: center;
    line-height: 42px;
}

.right-form p span {
    color: #F35454;
}

.right-form .tf {
    ackground: #FFFFFF;
    border: 1px solid #E7E7E7;
    border-radius: 4px;
    width: 196px;
    height: 38px;
    margin-bottom: 15px;
    text-indent: 10px;
    font-size: 12px;
    margin-left: 22px;
}

.right-form .btn {
    background: #33a4fb;
    border: 1px solid #33a4fb;
    border-radius: 5px;
    width: 198px;
    height: 32px;
    color: white;
    font-size: 14px;
    margin-left: 22px;
    letter-spacing: 1px;
}

.shortselect {
    background: #fafdfe;
    height: 28px;
    width: 180px;
    line-height: 28px;
    border: 1px solid #9bc0dd;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.index-hot-news {
    height: 80px;
    line-height: 80px;
    border-bottom: 1px solid #F2F2F2;
}

.index-hot-news .hot-title {
    float: left;
    margin: -25px 10px 0 20px;
    font-size: 16px;
    color: #666666;
}

.index-hot-news .bd {
    width: 1050px;
    height: 50px;
    overflow: hidden;
}

.index-hot-news .bd .bd_wrap {
    position: relative;
    overflow: hidden;
}

.index-hot-news ul {
    display: inline-block;
    float: left;
    width: 1350px;
    overflow: hidden;
}

.index-hot-news ul li {
    float: left;
}

.index-hot-news ul li a {
    display: inline-block;
    padding: 0 25px;
    line-height: 80px;
    font-size: 18px;
    color: #000;
    text-align: center;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.index_youshi {
    height: 115px;
}

.index_youshi ul {
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
}

.index_youshi ul li {
    height: 115px;
}

.index_youshi ul li img {
    float: left;
    margin-left: 20%;
    margin-top: 33px;
}

.index_youshi ul li h3 {
    float: right;
    width: 180px;
    font-size: 23px;
    color: #666;
    --font-weight: bold;
    margin-top: 35px;
}

.index_youshi ul li p {
    float: right;
    width: 180px;
    font-size: 14px;
    margin-top: 5px;
    color: #cbcbcb;
}

.index-hospital,
.index-doctor,
.index-diray,
.index-news {
    margin: 0 auto;
    margin-bottom: 30px;
}

.tit2 {
    height: 30px;
    text-align: center;
    font-size: 16px;
    color: #B7B7B7;
    margin-bottom: 15px;
}

.index-tit {
    position: relative;
    margin: 15px auto;
    height: 38px;
    font-size: 28px;
    text-align: center;
    width: 400px;
    margin-top: 70px;
}

.index-tit::before,
.index-tit::after {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    content: '';
    width: 100px;
    height: 0;
    border-top: 1px solid #000;
}

.index-tit::after {
    left: 0;
}

.index-hospital .list,
.index-doctor .list,
.index-diary .list {
    margin-bottom: 15px;
    height: 40px;
}

.index-hospital .screen,
.index-doctor .screen {
    width: 810px;
    margin: 0 auto;
}

.index-diary .screen {
    width: 920px;
    margin: 0 auto;
}

.index-hospital .screen li,
.index-doctor .screen li,
.index-diary .screen li {
    border: 1px solid #E8E8E8;
    padding: 5px 10px;
    float: left;
    margin: 0 20px;
    cursor: pointer;
}

.index-hospital .screen li.on,
.index-doctor .screen li.on,
.index-diary .screen li.on {
    border: 1px solid #52C4F7;
}

.index-hospital .hospital-item {
    display: -webkit-flex;
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    justify-content: space-between;
    align-items: center;
    border-color: #e7e7e7;
    border-width: 0 0 0 1px;
    border-style: solid;
    overflow: hidden;
    flex-wrap: wrap;
    background: #fff;
}

.index-hospital .hospital-list {
    width: 298px;
    height: 323px;
    border-color: #e7e7e7;
    border-width: 1px 1px 1px 0;
    border-style: solid;
    position: relative;
    box-sizing: border-box;
    float: left;
}

.index-hospital .hospital-list-img {
    width: 164px;
    height: 164px;
    margin: 25px auto 0;
    overflow: hidden;
}

.index-hospital .hospital-list-content {
    margin-top: 14px;
}

.index-hospital .hospital-list-img img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.index-hospital .title-text {
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    color: #666;
    margin-bottom: 3%;
    width: 90%;
    margin: 0 auto;
}

.index-hospital .d-des {
    width: 90%;
    margin: 5% auto 0;
    font-size: 12px;
    color: #999;
    text-align: center;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.index-hospital .d-des .mqBtn {
    color: #52C4F7;
    font-weight: bold;
}

.index-hospital .title-text span:first-child {
    display: inline-block;
    font-size: 16px;
    color: #333;
    margin-right: 10px;
}

.index-hospital .yx-hosp {
    width: 46px;
    height: 22px;
    background-image: url(../img/yxhospital.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
}

.index-hospital .d-des span:first-child {
    color: #666;
}

.index-hospital .color6 {
    color: #666;
}

.index-hospital .hospital-list:hover,
.index-doctor .doctor-list:hover {
    background: #fafafa;
    border: 1px solid red;
}

.d-des .sptlit {
    width: 1px;
    height: 14px;
    background: #ccc;
    display: inline-block;
    margin: 0 8px;
    vertical-align: middle;
}

.index-hospital .d-des .buy-number,
.index-doctor .d-des .buy-number {
    color: #f1590d;
    font-style: normal;
    margin: 0 3px;
}

.new-enter {
    padding: 30px 0 20px 0;
    border-bottom: 1px solid #f0f0f0;
    overflow: hidden;
}

.new-enter span {
    display: inline-block;
    font-size: 18px;
    color: #666;
    font-weight: bold;
}

.new-enter span i {
    display: inline-block;
    width: 3px;
    height: 24px;
    margin-right: 10px;
    background-color: #81ade5;
    vertical-align: bottom;
}

.big-box {
    width: 1020px;
    overflow: hidden;
}

section-box {
    width: 800%;
    overflow: hidden;
}

.enter-list {
    margin-top: 4px;
    display: inline-block;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}

.enter-list li {
    display: inline-block;
    margin-right: 20px;
    overflow: hidden;
}

.enter-list li .en-img {
    width: 22px;
    height: 22px;
    margin-right: 10px;
    border-radius: 100%;
    overflow: hidden;
}

.enter-list li .en-img img {
    height: 100%;
}

.enter-list li .en-text {
    display: inline-block;
    font-size: 15px;
    color: #808080;
}

.index-doctor .doctor-item {
    display: -webkit-flex;
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    justify-content: space-between;
    align-items: center;
    border-color: #e7e7e7;
    border-width: 0 0 0 1px;
    border-style: solid;
    flex-wrap: wrap;
    background: #fff;
}

.index-doctor .doctor-list {
    width: 298px;
    height: 323px;
    border-color: #e7e7e7;
    border-width: 1px 1px 1px 0;
    border-style: solid;
    position: relative;
}

.index-doctor .doctor-list-img {
    width: 164px;
    height: 164px;
    margin: 25px auto 0;
    overflow: hidden;
}

.index-doctor .doctor-list-img img {
    width: 100%;
    border-radius: 50%;
}

.index-doctor .doctor-list-content {
    margin-top: 14px;
}

.index-doctor .title-text {
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    color: #666;
    margin-bottom: 3%;
}

.index-doctor .title-text span:first-child {
    display: inline-block;
    font-size: 16px;
    color: #333;
    margin-right: 10px;
}

.index-doctor .title-text {
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    color: #666;
    margin-bottom: 3%;
}

.index-doctor .d-des {
    width: 90%;
    margin: 5% auto 0;
    font-size: 12px;
    color: #999;
    text-align: center;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.index-doctor .rz-prenzheng {
    width: 68px;
    height: 24px;
    background-image: url(../img/prenzheng.png);
}

.index-diary .diary-box .diary-list {
    margin-bottom: 10px;
    background: #fff;
    border-radius: 8px;
    padding: 0 25px;
}

.index-diary .diary-box .diary-list li {
    padding: 25px 0;
    border-bottom: 1px solid #e8e8e8;
    overflow: hidden;
    transition: all .3s;
    display: flex;
    flex-wrap: nowrap;
}

.index-diary .diary-box .diary-list li a {
    display: inline-block;
}

.index-diary .diary-box .diary-list li .photos .pic {
    position: relative;
    float: left;
    margin-right: 10px;
    overflow: hidden;
    width: 155px;
    height: 150px;
    border-radius: 8px;
}

.index-diary .diary-box .diary-list li .photos img {
    width: 100%;
    height: 100%;
}

.index-diary .diary-box .diary-list li .photos span {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    line-height: 20px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: rgba(0, 0, 0, 0.6);
    border-bottom-right-radius: 8px;
}

.index-diary .diary-box .diary-list li .photos .pic:last-child span {
    background: rgba(247, 197, 36, 0.9);
}

.index-diary .diary-box .diary-list li .info .user {
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    margin-bottom: 10px;
}

.index-diary .diary-box .diary-list li .info .user img {
    width: 45px;
    height: 45px;
    border-radius: 100%;
    margin-right: 18px;
}

.index-diary .diary-box .diary-list li .info .user .time {
    float: right;
    font-size: 14px;
    color: #888888;
}

.index-diary .diary-box .diary-list li .info .user h3 {
    font-size: 16px;
    color: #111;
}

.index-diary .diary-box .diary-list li .info .desc {
    display: block;
    height: 48px;
    line-height: 24px;
    font-size: 15px;
    color: #666666;
    margin-bottom: 23px;
    float: left;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: all .2s;
}

.index-diary .diary-box .diary-list li .info .other {
    clear: both;
    width: 100%;
    height: 24px;
    position: relative;
    line-height: 24px;
    font-size: 14px;
    text-align: right;
}

.index-diary .diary-box .diary-list li .info .other .projects {
    width: 260px;
}

.index-diary .diary-box .diary-list li .info .other .projects a {
    display: inline-block;
    float: left;
    padding-right: 5px;
    color: #52C4F7;
}

.index-diary .diary-box .diary-list li .info .other .iconfont {
    display: inline-block;
    float: left;
    margin-right: 4px;
    font-size: 20px;
}

.index-diary .diary-box .diary-list li .info .other .js-zan {
    margin-left: 16px;
}

.index-diary .diary-box .diary-list li:hover {
    transform: translateX(5px);
}

.index-diary .diary-box .diary-list li:hover .info .user h3 {
    color: #52C4F7;
}

.index-news .news-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.index-news .index-news-head {
    height: 80px;
    background-color: #AFDAF5;
    line-height: 80px;
    text-align: center;
    font-size: 14px;
}

.index-news .index-news-head span {
    display: inline-block;
}

.index-news .index-news-head i {
    font-size: 20px;
    margin-left: 6px;
    margin-bottom: 6px;
    display: inline-block;
}

.index-news .news-one {
    width: 380px;
    height: 490px;
    background-color: #fff;
    margin-bottom: 30px;
}

.index-news .index-news-list {
    padding: 15px;
}

.index-news .index-news-list dl {
    cursor: pointer;
    margin-bottom: 15px;
}

.index-news .index-news-list .content {
    margin-left: 5px;
    height: 120px;
}

.index-news .index-news-list img {
    float: left;
    width: 140px;
    height: 120px;
    margin-right: 10px;
}

.index-news .index-news-list .desc {
    line-height: 22px;
}

.index-news .index-news-list .title {
    margin-bottom: 10px;
    color: #111;
}

.index-news .index-news-list a:hover .title {
    color: #52C4F7;
}

.index-news .index-news-list .time {
    margin-bottom: 10px;
}

.index-news .index-news-list .num {
    background: #d3d3d3;
    color: #fff;
    margin-right: 10px;
    padding: 1px 3px;
    font-size: 12px;
    float: left;
}

.index-news .news-one1 .index-news-head,
.index-news .news-one1 .num1,
.index-news .news-one1 .num2,
.index-news .news-one1 .num3 {
    background: #AFDAF5;
}

.index-news .news-one2 .index-news-head,
.index-news .news-one2 .num1,
.index-news .news-one2 .num2,
.index-news .news-one2 .num3 {
    background: #FFBDBD;
}

.index-news .news-one3 .index-news-head,
.index-news .news-one3 .num1,
.index-news .news-one3 .num2,
.index-news .news-one3 .num3 {
    background: #F7CBB5;
}

.index-news .news-one4 .index-news-head,
.index-news .news-one4 .num1,
.index-news .news-one4 .num2,
.index-news .news-one4 .num3 {
    background: #DAB4FA;
}

.index-news .news-one5 .index-news-head,
.index-news .news-one5 .num1,
.index-news .news-one5 .num2,
.index-news .news-one5 .num3 {
    background: #F1F2B8;
}

.index-news .news-one6 .index-news-head,
.index-news .news-one6 .num1,
.index-news .news-one6 .num2,
.index-news .news-one6 .num3 {
    background: #B5EDB4;
}

/*
 * 关于我们
 */
.about-main {
    margin-bottom: 45px;
    overflow: hidden;
}

.about-sidebar {
    float: left;
    width: 220px;
    background: #fff;
    border-radius: 8px;
    min-height: 600px;
    overflow: hidden;
}

.about-sidebar li {
    padding: 18px 0;
    line-height: 30px;
    border-bottom: 1px solid #dddd;
    font-size: 16px;
    transition: all .3s;
}

.about-sidebar li a {
    display: block;
    padding-left: 33px;
    color: #333333;
    border-left: 3px solid #fff;
    transition: all .3s;
}

.about-sidebar li.on a,
.about-sidebar li:hover a {
    border-color: #52C4F7;
}

.about-sidebar li:hover {
    transform: translateX(3px);
}

.about-content {
    padding: 25px;
    width: 890px;
    float: right;
    background: #fff;
    border-radius: 8px;
}

.about-content h1 {
    margin-bottom: 20px;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    color: #000;
    font-weight: 600;
}

.about-content h2 {
    line-height: 30px;
    font-size: 18px;
    color: #fa6746;
    font-weight: 600;
    margin: 40px 0 15px;
}

.about-content p {
    line-height: 1.8;
    font-size: 16px;
    margin-bottom: 10px;
}

.about-content img {
    max-width: 100%;
    height: auto;
}

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

.diary-btn-row {
    padding: 0 25px 5px;
    background: #fff;
    border-radius: 8px;
}

.diary-btn-row .hd {
    overflow: hidden;
    border-bottom: 1px solid #dedede;
}

.diary-btn-row .hd li {
    margin-right: 30px;
    float: left;
    position: relative;
    height: 60px;
    line-height: 60px;
    border-bottom: 4px solid #fff;
}

.diary-btn-row .hd li a {
    display: block;
    font-size: 16px;
    color: #333333;
    font-weight: 500;
}

/*
 * 日记
 */
.diaryBox {
    margin-bottom: 35px;
    padding: 1px 0;
    background: #fff;
    border-radius: 8px;
}

.diaryBox .hd {
    overflow: hidden;
    border-bottom: 1px solid #dedede;
}

.diaryBox .hd ul {
    float: left;
    width: 710px;
    height: 66px;
    overflow: hidden;
}

.diaryBox .hd li {
    margin-left: 25px;
    padding: 15px 0;
    float: left;
    position: relative;
    line-height: 36px;
    font-size: 16px;
    color: #333333;
    font-weight: 500;
    letter-spacing: .5px;
    cursor: pointer;
}

.diaryBox .hd li:after {
    display: block;
    content: '';
    width: 0 \9;
    height: 4px;
    background: #52C4F7;
    position: absolute;
    bottom: 0;
    left: 10%;
    right: 10%;
    opacity: 0;
    transition: all .3s;
    transform: rotateY(90deg);
}

.diaryBox .hd li.on:after,
.diaryBox .hd li:hover:after {
    width: 80% \9;
    opacity: 1;
    transform: rotateY(0);
}

.diaryBox .hd .more {
    display: inline-block;
    margin-right: 25px;
    padding: 15px 0;
    line-height: 36px;
    font-size: 16px;
    color: #888888;
    float: right;
}

.diaryBox .hd .more .iconfont {
    float: right;
    padding-left: 10px;
    font-size: 18px;
}

.diaryBox .diary-list {
    padding: 0 25px;
    margin-bottom: 10px;
}

.diaryBox .diary-list li {
    padding: 25px 0;
    border-bottom: 1px solid #e8e8e8;
    overflow: hidden;
    transition: all .3s;
    display: flex;
    flex-wrap: nowrap;
}

.diaryBox .diary-list li a {
    display: inline-block;
}

.diaryBox .diary-list li .photos .pic {
    position: relative;
    float: left;
    margin-right: 10px;
    overflow: hidden;
    width: 155px;
    height: 150px;
    border-radius: 8px;
}

.diaryBox .diary-list li .photos img {
    width: 100%;
    height: 100%;
}

.diaryBox .diary-list li .photos span {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    line-height: 20px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: rgba(0, 0, 0, 0.6);
    border-bottom-right-radius: 8px;
}

.diaryBox .diary-list li .photos .pic:last-child span {
    background: rgba(247, 197, 36, 0.9);
}

.diaryBox .diary-list li .info .user {
    height: 45px;
    line-height: 45px;
    overflow: hidden;
}

.diaryBox .diary-list li .info .user img {
    width: 45px;
    height: 45px;
    border-radius: 100%;
    margin-right: 18px;
}

.diaryBox .diary-list li .info .user .name {
    max-width: 150px;
    font-size: 16px;
    color: #111;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.diaryBox .diary-list li .info .user .time {
    float: right;
    font-size: 14px;
    color: #888888;
}

.diaryBox .diary-list li .info .user h3 {
    font-size: 16px;
    color: #111;
}

.diaryBox .diary-list li .info .time-viwe {
    margin-bottom: 10px;
    color: #999;
}

.diaryBox .diary-list li .info .time {
    margin-right: 30px;
}

.diaryBox .diary-list li .info .desc {
    display: block;
    height: 48px;
    line-height: 24px;
    font-size: 15px;
    color: #666666;
    margin-bottom: 10px;
    float: left;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: all .2s;
}

.diaryBox .diary-list li .info .other {
    clear: both;
    width: 100%;
    height: 24px;
    position: relative;
    line-height: 24px;
    font-size: 14px;
    text-align: right;
}

.diaryBox .diary-list li .info .other .xm {
    position: absolute;
    top: 0;
    left: 0;
    color: #52C4F7;
    width: 260px;
    height: 24px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.diaryBox .diary-list li .info .other .xm a {
    display: inline-block;
    padding-right: 2px;
    color: #52C4F7;
}

.diaryBox .diary-list li .info .other .projects {
    width: 300px;
}

.diaryBox .diary-list li .info .other .projects a {
    display: inline-block;
    float: left;
    padding-right: 5px;
    color: #52C4F7;
}

.diaryBox .diary-list li .info .other .iconfont {
    display: inline-block;
    float: left;
    margin-right: 4px;
    font-size: 20px;
}

.diaryBox .diary-list li .info .other .js-zan {
    margin-left: 16px;
}

.diaryBox .diary-list li:hover {
    transform: translateX(5px);
}

.diaryBox .diary-list li:hover .info .user h3 {
    color: #52C4F7;
}

.diaryBox .loading-more {
    padding: 15px 0;
    line-height: 24px;
    font-size: 14px;
    color: #888888;
    text-align: center;
}

.diaryBox .loading-more a {
    color: #888888;
}

.search-diary-list {
    margin-bottom: 35px !important;
}

.diary-side {
    margin-bottom: 35px;
    padding: 25px;
    background: #fff;
    position: relative;
    border-radius: 8px;
}

.diary-side li {
    padding: 12px 0;
}

.diary-side li .user {
    margin-right: 15px;
    overflow: hidden;
    float: left;
}

.diary-side li .user img {
    width: 60px;
    height: 60px;
    border-radius: 100%;
}

.diary-side li h3 {
    margin-bottom: 5px;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    color: #333333;
    overflow: hidden;
}

.diary-side li p {
    max-height: 48px;
    line-height: 24px;
    font-size: 14px;
    color: #666666;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.diary-side li:hover h3 {
    color: #52C4F7;
}

.diary-side li:last-child {
    padding-bottom: 0;
}

/*
* 日记 详情页
*/
.diary-detail {
    margin-bottom: 35px;
    padding: 25px;
    background: #fff;
    border-radius: 8px;
    min-height: 500px;
}

.diary-detail .diary-info {
    margin-bottom: 40px;
    padding-bottom: 30px;
    border-bottom: 1px dashed #dedede;
    overflow: hidden;
}

.diary-detail .diary-info h1 {
    line-height: 30px;
    font-size: 22px;
    color: #000;
    font-weight: 500;
    margin-bottom: 20px;
}

.diary-detail .diary-info h1 span {
    margin-left: 40px;
    font-size: 16px;
    color: #52C4F7;
}

.diary-detail .diary-info .avatar {
    font-size: 12px;
    line-height: 50px;
    height: 80px;
    margin-bottom: 20px;
    margin-left: 25px;
    border-bottom: 1px dashed #dedede;
}

.diary-detail .diary-info .avatar img {
    width: 60px;
    height: 60px;
    border-radius: 100%;
}

.diary-detail .diary-info .avatar p {
    line-height: 30px;
    font-size: 15px;
    color: #666666;
    text-align: center;
}

.diary-detail .diary-info .avatar .time {
    margin-left: 40px;
    color: #999;
}

.diary-detail .diary-info .avatar .nick_name {
    margin-left: 10px;
}

.diary-detail .diary-info .info {
    float: left;
    margin-left: 25px;
    width: 675px;
    position: relative;
}

.diary-detail .diary-info .info .row {
    margin-bottom: 10px;
    line-height: 24px;
    font-size: 16px;
    color: #111;
}

.diary-detail .diary-info ul {
    margin-left: -25px;
}

.diary-detail .diary-info li {
    width: 200px;
    height: 200px;
    float: left;
    margin-left: 25px;
    border: 1px solid #f3f3f3;
    background: #f5f5f5;
    transition: all .2s;
}

.diary-detail .diary-info li img {
    width: 100%;
    height: 100%;
}

.diary-detail .diary-info li:hover {
    border-color: #fa6746;
}

.diary-detail .diary-info .zixun {
    position: absolute;
    padding: 8px 30px;
    border: 1px solid #52C4F7;
    border-radius: 17px;
    right: 0;
    top: 150px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    background-color: #52C4F7;
}

.diary-detail .day-con {
    height: auto;
    clear: both;
    margin-top: 35px;
    padding-bottom: 5px;
}

.diary-detail .day-con .time {
    margin-bottom: 15px;
}

.diary-detail .day-con .time span {
    display: inline-block;
    width: 128px;
    line-height: 28px;
    font-size: 14px;
    color: #52C4F7;
    text-align: center;
    border: 1px solid #52C4F7;
    border-radius: 15px;
}

.diary-detail .day-con .desc {
    margin-bottom: 20px;
    line-height: 1.8em;
    font-size: 15px;
    color: #333333;
    word-wrap: break-word;
    word-break: break-all;
}

.diary-detail .day-con a {
    display: inline-block;
}

.diary-detail .day-con ul {
    clear: both;
    overflow: hidden;
    margin-right: -25px;
}

.diary-detail .day-con li {
    width: 170px;
    height: 170px;
    float: left;
    margin: 0 23px 23px 0;
    border: 1px solid #f3f3f3;
    background: #f5f5f5;
    transition: all .2s;
}

.diary-detail .day-con li img {
    width: 100%;
    height: 100%;
}

.diary-detail .day-con li:hover {
    border-color: #fa6746;
}

.diary-detail .day-con .other {
    line-height: 24px;
    overflow: hidden;
    color: #888888;
}

.diary-detail .day-con .other .date {
    float: left;
}

.diary-detail .day-con .other .other-r {
    float: right;
}

.diary-detail .day-con .other .iconfont {
    display: inline-block;
    float: left;
    margin-right: 4px;
    font-size: 20px;
}

.diary-detail .day-con .other .js-zan {
    margin-left: 16px;
}

.diary-detail .show-all {
    color: #52C4F7;
}

/**
评论
 */
.reply-post-box {
    clear: both;
    margin-bottom: 40px;
    padding: 30px 25px 15px;
    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: #333333;
    font-weight: 600;
    margin-bottom: 10px;
}

.reply-post-box .form-item .textarea {
    width: 100%;
    min-height: 100px;
    height: auto;
    padding: 6px 10px;
    resize: vertical;
    line-height: 1.8;
    font-size: 14px;
    color: #333333;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    box-sizing: border-box;
    /*滚动条样式*/
}

.reply-post-box .form-item .textarea:focus {
    border-color: #C9C9C9;
}

.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: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #52C4F7;
    text-align: center;
    border: 1px solid #52C4F7;
    background: #fff;
    border-radius: 5px;
}

.reply-post-box .form-item .pinlun-zx {
    float: right;
    padding-top: 6px;
    padding-right: 10px;
    color: #52C4F7;
    font-size: 16px;
    cursor: pointer;
}

.state-btn-box {
    font-size: 0;
    position: relative;
    z-index: 0;
    overflow: hidden;
    padding: 30px 0 20px 0;
    text-align: center;
    margin-top: 30px;
    border-top: 1px solid #e8e8e8;
}

.state-btn-box a,
.state-btn-box p {
    font-size: 17px;
    line-height: 48px;
    position: relative;
    display: inline-block;
    width: 142px;
    margin: 0 14px;
    color: #666;
    border: 1px solid #ccc;
    border-radius: 26px;
}

.state-btn-box i {
    display: inline-block;
    margin-right: 4px;
    font-size: 20px;
}

.answer-box {
    margin-bottom: 40px;
}

.answer-box .hd {
    margin-bottom: 10px;
    line-height: 28px;
    font-size: 18px;
    color: #666666;
}

.answer-box .hd span {
    padding-left: 5px;
    color: #888888;
}

.answer-box .answer-list {
    overflow: hidden;
    background: #fff;
    border-radius: 8px 8px 0 0;
}

.answer-box .answer-list.optimum-wrap {
    margin-bottom: 40px;
    border-radius: 8px;
}

.answer-box .answer-list.optimum-wrap li {
    border-bottom: 0;
}

.answer-box .answer-list li {
    margin: 0 25px;
    padding: 20px 0 16px;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
}

.answer-box .answer-list li .info {
    margin-bottom: 20px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
}

.answer-box .answer-list li .info .avatar {
    float: left;
    margin-right: 20px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
}

.answer-box .answer-list li .info .avatar img {
    width: 100%;
    height: 100%;
}

.answer-box .answer-list li .info .name {
    display: inline-block;
    float: left;
    font-size: 16px;
    color: #333333;
    font-weight: 500;
}

.answer-box .answer-list li .info .wen-wen {
    float: right;
    margin-top: 1px;
    width: 90px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #fa6746;
    text-align: center;
    border: 1px solid #fa6746;
    border-radius: 6px;
    box-sizing: border-box;
}

.answer-box .answer-list li .info .optimum {
    display: inline-block;
    width: 44px;
    height: 40px;
    background: url(../img/ask_optimum.png) no-repeat;
    position: absolute;
    top: 0;
    right: -25px;
}

.answer-box .answer-list li .desc {
    line-height: 1.8;
    font-size: 15px;
    color: #666666;
    word-wrap: break-word;
    word-break: break-all;
}

/*
 * 写日记
 */
.diary-create {
    margin-bottom: 35px;
    padding: 25px;
    background: #fff;
    border-radius: 8px;
    min-height: 500px;
}

.diary-create h1 {
    margin: 0 -25px 35px;
    padding: 0 25px 10px;
    line-height: 30px;
    font-size: 22px;
    color: #fa6746;
    font-weight: 500;
    border-bottom: 1px solid #e8e8e8;
}

.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: red;
    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-upload {
    float: left;
}

.diary-create .layui-upload-list {
    float: left;
    margin: 0;
}

.diary-create .layui-upload-list li {
    position: relative;
    float: left;
    margin: 0 10px 10px 0;
    width: 122px;
    height: 122px;
}

.diary-create .layui-upload-list li img {
    width: 100%;
    height: 100%;
}

.diary-create .layui-upload-list li .upload-list__item-delete {
    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);
}

.diary-create .layui-upload-list li .upload-list__item-delete .iconfont {
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    color: #f8f8f8;
    cursor: pointer;
}

.diary-create .layui-upload-list li:hover .upload-list__item-delete {
    display: block;
}

.diary-create .upload-picture-btn {
    width: 122px;
    height: 122px;
    line-height: 120px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    vertical-align: top;
    background-color: #fbfdff;
    border: 1px dashed #c0ccda;
    border-radius: 6px;
    box-sizing: border-box;
}

.diary-create .upload-picture-btn i {
    font-size: 28px;
    color: #ccc;
}

.diary-create .layui-textarea {
    min-height: 250px;
}

.diary-create .layui-btn {
    width: 120px;
    letter-spacing: 5px;
    font-size: 15px;
}

.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: -190px 0 0 -300px;
    width: 600px;
    height: 380px;
    background: #fff;
    border-radius: 8px;
    box-sizing: border-box;
}

.project-select-up .con .closeBtn {
    position: absolute;
    top: -10px;
    right: -10px;
}

.project-select-up .con .closeBtn .iconfont {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 40px;
    color: #333;
    cursor: pointer;
}

.project-select-up .con .hd {
    overflow: hidden;
    margin-bottom: 10px;
    padding: 0 25px;
    border-bottom: 1px solid #dedede;
}

.project-select-up .con .hd h2 {
    float: left;
    width: 140px;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    color: #333333;
    font-weight: 600;
}

.project-select-up .con .hd .tips {
    float: right;
    line-height: 36px;
    margin-top: 12px;
    font-size: 16px;
    color: #888888;
}

.project-select-up .con .bd {
    padding: 10px 0 0 25px;
}

.project-select-up .con .bd h3 {
    line-height: 25px;
    font-size: 18px;
    color: #fa6746;
    margin-bottom: 25px;
}

.project-select-up .con .bd .layui-form-checkbox {
    margin-bottom: 20px;
    padding-right: 15px;
}

.project-select-up .con .bd .layui-form-checkbox span {
    color: #fa6746;
    background: #ffecec;
    border-radius: 5px;
}

.project-select-up .con .bd .layui-form-checkbox:hover span {
    color: #fa6746;
    background: #ffecec;
}

.project-select-up .con .bd .layui-form-checked span,
.project-select-up .con .bd .layui-form-checked:hover span {
    color: #fff;
    background: #fa6746;
}

.project-select-up .con .bd .layui-icon {
    display: none;
}

.project-select-up .con .bd .btn-select {
    display: block;
    clear: both;
    margin: 20px auto 0;
    width: 120px;
    letter-spacing: 5px;
    font-size: 15px;
}

.layui-form-item {
    margin-bottom: 25px;
    font-size: 15px;
}

.layui-form-item .layui-form-label {
    color: #333333;
}

.layui-form-item .layui-input-inline {
    width: 300px;
}

.layui-form-select dl dd.layui-this {
    color: #fa6746;
    background: #ffecec;
}

.layui-btn {
    background-color: #fa6746;
}

.layui-btn-primary {
    background-color: #fff;
}

.layui-btn-primary:hover {
    border-color: #fa6746;
}

.layui-upload-img {
    width: 122px;
    height: 122px;
    margin: 0 10px 10px 0;
}

.layui-textarea {
    max-width: 100%;
    box-sizing: border-box;
}

.layui-btn {
    border-radius: 8px;
}

.hospital-side {
    margin-bottom: 35px;
    padding: 25px;
    background: #fff;
    position: relative;
    border-radius: 8px;
}

.hospital-side li {
    overflow: hidden;
    padding: 15px 0;
    border-bottom: 1px dashed #e8e8e8;
}

.hospital-side li:last-child {
    padding-bottom: 5px;
    border-bottom: none;
}

.hospital-side li img {
    width: 130px;
    height: 80px;
    float: left;
    border: 1px solid #e8e8e8;
}

.hospital-side li h3 {
    float: right;
    margin-bottom: 12px;
    width: 150px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
}

.hospital-side li h3 a {
    display: block;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all .2s;
}

.hospital-side li .zxBtn {
    float: right;
    width: 82px;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    font-size: 16px;
    color: #52C4F7;
    text-align: center;
    border: 1px solid #52C4F7;
    border-radius: 6px;
}

.hospital-side li:hover a {
    color: #52C4F7;
}

/*
 * 医院 列表页
 */
.hospitalBox {
    margin-bottom: 45px;
    padding: 0 25px 5px;
    background: #fff;
    border-radius: 8px;
}

.hospitalBox .hd {
    overflow: hidden;
    border-bottom: 1px solid #dedede;
}

.hospitalBox .hd li {
    margin-right: 30px;
    float: left;
    position: relative;
    height: 60px;
    line-height: 60px;
    border-bottom: 4px solid #fff;
}

.hospitalBox .hd li a {
    display: block;
    font-size: 16px;
    color: #333333;
    font-weight: 500;
}

.hospitalBox .hd li.on {
    border-color: #52C4F7;
    color: #52C4F7;
}

.hospitalBox .hd li.on a {
    color: #52C4F7;
}

.hospitalBox .soBox-noData {
    padding: 40px 0;
    width: 100%;
    text-align: center;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
}

.hospitalBox .soBox-noData .tip {
    width: 100% !important;
    align-items: center;
    justify-content: center;
}

.hospitalBox .hospital-list li {
    padding: 20px 0;
    border-bottom: 1px dashed #dedede;
    overflow: hidden;
    transition: all .3s;
}

.hospitalBox .hospital-list li .pic {
    width: 160px;
    height: 120px;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    float: left;
    overflow: hidden;
}

.hospitalBox .hospital-list li img {
    width: 100%;
    height: 100%;
}

.hospitalBox .hospital-list li .info {
    float: right;
    width: 570px;
    overflow: hidden;
    position: relative;
}

.hospitalBox .search-hospital-list li .info {
    width: 960px;
}

.hospitalBox .hospital-list li h3 {
    width: 330px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    color: #333333;
    font-weight: 600;
    margin-bottom: 6px;
}

.hospitalBox .hospital-list li h3 .hospital-icon-verify {
    float: right;
    width: 67px;
    height: 25px;
    margin-top: 4px;
    background-image: url(../img/yiremnzheng.png);
}

.hospitalBox .hospital-list li .h-name {
    display: inline-block;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all .2s;
    width: 260px;
}

.hospitalBox .hospital-list li:hover h4 a {
    color: #52C4F7;
}

.hospitalBox .hospital-list li .attest-btn {
    position: absolute;
    top: 5px;
    right: 0;
    z-index: 5;
    width: 80px;
    height: 24px;
    line-height: 24px;
    text-align: right;
    font-size: 14px;
    color: #b2b2b2;
}

.hospitalBox .hospital-list .attest-btn .detail {
    border: 1px solid #F5D333;
    padding: 2px 10px;
    text-align: center;
    margin-bottom: 15px;
    color: #333;
    border-radius: 6px;
    cursor: pointer;
}

.hospitalBox .hospital-list .attest-btn .yuyue {
    border: 1px solid #52C4F7;
    padding: 2px 10px;
    text-align: center;
    margin-bottom: 15px;
    color: #333;
    border-radius: 6px;
    cursor: pointer;
}

.hospitalBox .hospital-list li:hover .attest-btn .detail {
    background-color: #F5D333;
    color: #fff;
}

.hospitalBox .hospital-list .attest-btn .yuyue:hover {
    background-color: #52C4F7;
    color: #fff;
}

.hospitalBox .hospital-list li .attest-btn .iconfont {
    font-size: 18px;
    color: #f7c524;
    padding-right: 10px;
}

.hospitalBox .hospital-list li .address-row {
    line-height: 24px;
    overflow: hidden;
    position: relative;
}

.hospitalBox .hospital-list li .address-row .address-text {
    width: 480px;
    height: 28px;
    font-size: 14px;
    margin-bottom: 2px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.hospitalBox .hospital-list li .address-row .address-text span {
    color: #999999;
}

.hospitalBox .hospital-list li .address-row .num {
    height: 24px;
    font-size: 14px;
    color: #888888;
}

.hospitalBox .hospital-list li .address-row .num span {
    display: inline-block;
    float: left;
    margin: 2px 10px 0 0;
    padding: 0 5px;
    line-height: 18px;
    font-size: 12px;
    color: #52C4F7;
    border: 1px solid #52C4F7;
    border-radius: 5px;
}

.hospitalBox .hospital-list li:hover {
    transform: translateX(5px);
}

.hospitalBox .hospital-list li .scxmbt {
    float: left;
    color: #b2b2b2;
    line-height: 24px;
    font-size: 14px;
    margin-right: 6px;
}

.hospitalBox .hospital-list li .sc {
    height: 60px;
    width: 400px;
}

.hospitalBox .hospital-list li .sc a {
    display: inline-block;
    padding: 0 5px;
    border: 1px solid #b2b2b2;
    margin-right: 6px;
    border-radius: 4px;
    margin-bottom: 6px;
}

.hospitalBox .hospital-list li .sc {
    line-height: 24px;
    font-size: 14px;
}

/*
 * 医院详情页
 */
.hospital-detail .page-l {
    width: 350px;
    float: left;
}

.hospital-detail .page-r {
    width: 810px;
    float: right;
}

.hospital-info {
    margin-bottom: 35px;
    padding: 25px;
    background: #fff;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}

.hospital-info .logo {
    width: 180px;
    height: 180px;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    float: left;
}

.hospital-info .cr {
    float: left;
    margin-left: 20px;
    width: 800px;
}

.hospital-info .cr h1 {
    margin-bottom: 20px;
    float: left;
    display: inline-block;
    max-width: 600px;
    line-height: 36px;
    font-size: 22px;
    color: #000;
    font-weight: 500;
}

.hospital-info .cr .attest-btn {
    float: left;
    margin-left: 15px;
    width: 80px;
    height: 36px;
    line-height: 36px;
    text-align: right;
    font-size: 14px;
    color: #b2b2b2;
}

.hospital-info .cr .attest-btn .iconfont {
    font-size: 18px;
    color: #f7c524;
    padding-right: 10px;
}

.hospital-info .cr p {
    clear: both;
    line-height: 40px;
    font-size: 14px;
}

.hospital-info .cr p span {
    color: #999999;
}

.hospital-info .zxBtn {
    width: 100px;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    background-color: #52C4F7;
    text-align: center;
    border: 1px solid #52C4F7;
    border-radius: 8px;
    cursor: pointer;
    float: right;
}

.yy-hd {
    overflow: hidden;
    padding-bottom: 14px;
    border-bottom: 1px solid #dedede;
}

.yy-hd h2 {
    width: 150px;
    line-height: 24px;
    font-size: 18px;
    color: #111;
    font-weight: 500;
    display: inline-block;
}

.yy-hd .iconfont {
    padding-right: 10px;
    width: 22px;
    font-size: 20px;
    font-weight: normal;
}

.yy-hd .more {
    display: inline-block;
    line-height: 24px;
    font-size: 16px;
    color: #888888;
    float: right;
}

.yy-hd .more .iconfont {
    float: right;
    padding-left: 10px;
    font-size: 18px;
}

.detail-fqdh {
    text-align: center;
}

.detail-fqdh .hos-name {
    line-height: 36px;
    color: #111;
    font-size: 16px;
}

.detail-fqdh .doctor-name {
    line-height: 36px;
    color: #111;
    font-size: 16px;
    margin-left: 10px;
    display: inline-block;
}

.detail-fqdh .position {
    font-size: 18px;
    color: #999;
}

.detail-fqdh .fqdh {
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    background-color: #52C4F7;
    text-align: center;
    border: 1px solid #52C4F7;
    border-radius: 8px;
    cursor: pointer;
}

.doctor-team {
    margin-bottom: 35px;
    padding: 25px 25px 15px;
    background: #fff;
    position: relative;
    border-radius: 8px;
}

.doctor-team ul {
    margin: 0 -20px;
    overflow: hidden;
}

.doctor-team li {
    margin: 15px 20px;
    padding: 25px 8px 0 20px;
    width: 330px;
    height: 126px;
    float: left;
    transition: all 0.3s;
    border: 1px solid #dedede;
    border-radius: 8px;
    overflow: hidden;
}

.doctor-team li .avatar {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    float: left;
    margin-right: 15px;
}

.doctor-team li .avatar img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
}

.doctor-team li .name {
    line-height: 20px;
    font-size: 17px;
    color: #333;
    font-weight: 500;
    margin-bottom: 10px;
}

.doctor-team li .name a:first-child {
    color: #333;
    transition: all 0.2s;
}

.doctor-team li p {
    padding-bottom: 25px;
    line-height: 22px;
    font-size: 14px;
    color: #666;
    overflow: hidden;
}

.doctor-team li p span {
    margin-right: 5px;
}

.doctor-team li p em,
.hospital-tag {
    color: #20a0ff;
    padding: 2px;
    margin-right: 5px;
}

.doctor-team li .name a:first-child:hover {
    color: #f60;
}

.doctor-team .appointment {
    font-size: 17px;
    float: right;
    margin-right: 5px;
    color: #20a0ff;
}

.hospital-photo {
    margin-bottom: 35px;
    padding: 25px;
    background: #fff;
    position: relative;
    border-radius: 8px;
}

.hospital-photo ul {
    margin-right: -25px;
    margin-top: 15px;
    height: 170px;
    overflow: hidden;
}

.hospital-photo li {
    overflow: hidden;
    width: 245px;
    height: 180px;
    margin-right: 12px;
    float: left;
}

.hospital-photo li img {
    width: 100%;
    height: 100%;
}

.hospital-diary {
    margin-bottom: 35px;
    padding: 25px;
    background: #fff;
    position: relative;
    border-radius: 8px;
}

.hospital-diary .yy-hd {
    margin-bottom: 0;
}

.hospital-diary .diary-list {
    padding: 0;
}

.hospital-diary .diary-list li:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.hospital-diary .pagination {
    margin-bottom: 0;
}

.hospital-intro {
    margin-bottom: 35px;
    padding: 25px;
    background: #fff;
    position: relative;
    border-radius: 8px;
}

.hospital-intro .bd {
    margin-top: 15px;
}

.hospital-intro p {
    line-height: 24px;
    font-size: 14px;
    color: #666666;
    margin-top: 10px;
}

.hospital-intro p span {
    color: #999999;
}

.hospital-intro .tag a,
.hospital-intro .tag span {
    display: inline-block;
    margin: 0 8px 8px 0;
    padding: 1px 8px;
    line-height: 24px;
    font-size: 14px;
    color: #1196E9;
    text-align: center;
    background: #D4F2FF;
    border-radius: 3px;
}

.hospital-contact {
    margin-bottom: 35px;
    padding: 25px;
    background: #fff;
    position: relative;
    border-radius: 8px;
}

.hospital-contact .bd {
    margin-top: 15px;
}

.hospital-contact p {
    line-height: 24px;
    font-size: 14px;
    color: #999999;
    margin-top: 10px;
}

.hospital-contact p span {
    color: #52C4F7;
    cursor: pointer;
}

/*
 * 医院 医生团队页&医院相册
 */
.hospital-doctor-all li {
    width: 326px;
}

.hospital-doctor-all li p em,
.hospital-doctor-all li p a {
    color: #666666;
}

.hospital-photo-all {
    padding: 25px 25px 15px;
}

.hospital-photo-all ul {
    height: auto;
}

.hospital-photo-all li {
    width: 275px;
    height: 190px;
    margin: 0 17px 20px 0;
}

.hospital-info .attest-btn img {
    margin-bottom: 5px;
}

.doctor-side {
    margin-bottom: 35px;
    padding: 25px;
    background: #fff;
    position: relative;
    border-radius: 8px;
}

.doctor-side li {
    overflow: hidden;
    padding: 15px 0;
    border-bottom: 1px dashed #e8e8e8;
}

.doctor-side li:last-child {
    padding-bottom: 5px;
    border-bottom: none;
}

.doctor-side li img {
    width: 56px;
    height: 56px;
    border-radius: 100%;
    float: left;
}

.doctor-side li span {
    display: block;
    margin: 10px 0 0 15px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 110px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    color: #333333;
}

.doctor-side li .zxBtn {
    float: right;
    margin-top: 10px;
    width: 82px;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    font-size: 16px;
    color: #52C4F7;
    text-align: center;
    border: 1px solid #52C4F7;
    border-radius: 6px;
}

.doctor-side li:hover span {
    color: #52C4F7;
}

/*
 * 医生 列表页
 */
.doctor-list li {
    padding: 20px 0;
    border-bottom: 1px dashed #dedede;
    overflow: hidden;
    position: relative;
    transition: all .3s;
}

.doctor-list li .pic {
    width: 160px;
    height: 120px;
    float: left;
    overflow: hidden;
    border-radius: 8px;
}

.doctor-list li img {
    width: 100%;
    height: 100%;
    transition: all .3s;
}

.doctor-list li .info {
    float: right;
    width: 570px;
    overflow: hidden;
    position: relative;
}

.search-doctor-list li .info {
    width: 960px;
}

.doctor-list li .name {
    float: left;
    min-width: 60px;
    max-width: 300px;
    height: 32px;
    margin-right: 20px;
    line-height: 36px;
    font-size: 16px;
    color: #333333;
    font-weight: 600;
    margin-bottom: 6px;
}

.doctor-list li .name a {
    display: block;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all .2s;
}

.doctor-list li:hover .name a {
    color: #52C4F7;
}

.doctor-list li .scxmbt {
    float: left;
    color: #b2b2b2;
    line-height: 24px;
    font-size: 14px;
    margin-right: 6px;
}

.doctor-list li .cz,
.doctor-list li .sc {
    line-height: 24px;
    font-size: 14px;
}

.doctor-list li .yy-dz {
    line-height: 24px;
    font-size: 14px;
    height: 28px;
    color: #b2b2b2;
}

.doctor-list li .cz {
    line-height: 36px;
}

.doctor-list li .yy {
    margin-right: 10px;
    color: #555;
    display: inline-block;
    width: 200px;
}

.doctor-list li .yy span {
    color: #b2b2b2;
}

.doctor-list li .dz {
    display: inline-block;
    width: 200px;
}

.doctor-list li .sc {
    height: 60px;
    width: 400px;
}

.doctor-list li .sc a {
    display: inline-block;
    padding: 0 5px;
    border: 1px solid #b2b2b2;
    margin-right: 6px;
    border-radius: 4px;
    margin-bottom: 6px;
}

.doctor-list li .num {
    min-width: 65px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #888888;
}

.doctor-list li .num span {
    display: inline-block;
    margin-right: 10px;
    width: 36px;
    line-height: 18px;
    font-size: 12px;
    color: #52C4F7;
    text-align: center;
    border: 1px solid #52C4F7;
    border-radius: 3px;
}

.doctor-list li:hover {
    transform: translateX(5px);
}

.doctorBox .doctor-list .attest-btn .detail {
    border: 1px solid #F5D333;
    padding: 2px 10px;
    text-align: center;
    margin-bottom: 15px;
    color: #333;
    border-radius: 6px;
    cursor: pointer;
}

.doctorBox .doctor-list .attest-btn .yuyue {
    border: 1px solid #52C4F7;
    padding: 2px 10px;
    text-align: center;
    margin-bottom: 15px;
    color: #333;
    border-radius: 6px;
    cursor: pointer;
}

.doctorBox .doctor-list .attest-btn {
    position: absolute;
    top: 5px;
    right: 0;
    z-index: 5;
    width: 80px;
    height: 24px;
    line-height: 24px;
    text-align: right;
    font-size: 14px;
    color: #b2b2b2;
}

.doctorBox .doctor-list li:hover .attest-btn .detail {
    background-color: #F5D333;
    color: #fff;
}

.doctorBox .doctor-list .attest-btn .yuyue:hover {
    background-color: #52C4F7;
    color: #fff;
}

.doctor-info .h-v {
    margin-left: 8px;
    margin-top: 5px;
}

.hospital-intro .doc-hos,
.hospital-intro .hos-type {
    margin-top: 40px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #E2E2E2;
}

.news-side {
    margin-bottom: 35px;
    padding: 25px;
    background: #fff;
    position: relative;
    border-radius: 8px;
}

.news-side li {
    padding: 10px 0;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news-side li i {
    display: inline-block;
    float: left;
    margin-right: 10px;
    min-width: 20px;
    color: #888;
    text-align: center;
}

.news-side li a {
    color: #666666;
    transition: all .2s;
}

.news-side li.n1 i {
    color: #e32231;
}

.news-side li.n2 i {
    color: #fea11c;
}

.news-side li.n3 i {
    color: #b5b5b4;
}

.news-side li .iconfont {
    font-size: 20px;
}

.news-side li:hover a {
    color: #52C4F7;
}

.news-side li:last-child {
    padding-bottom: 0;
}

/*
 * 资讯 列表页
 */
.newsBox {
    margin-bottom: 35px;
    padding: 10px 25px;
    background: #fff;
    border-radius: 8px;
}

.newsBox .hd {
    margin-bottom: 5px;
    padding-top: 15px;
}

.newsBox .hd h2 {
    display: inline-block;
    line-height: 30px;
    padding: 5px 20px;
    font-size: 16px;
    color: #52C4F7;
    background: #ffecec;
    border-radius: 5px;
}

.news-list {
    padding-bottom: 10px;
}

.news-list li {
    padding: 20px 0;
    height: 126px;
    border-bottom: 1px dashed #dedede;
    overflow: hidden;
    transition: all .3s;
}

.news-list li .pic {
    display: block;
    width: 160px;
    height: 120px;
    float: left;
}

.news-list li img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.news-list li .info {
    width: 580px;
    float: right;
    position: relative;
}

.news-list li .info .view-num {
    text-align: right;
    position: absolute;
    right: 150px;
    top: 2px;
    display: flex;
    align-items: center;
    color: #b2b2b2;
}

.news-list li .info .view-num i {
    margin-right: 5px;
}

.news-list li h3 {
    margin-bottom: 5px;
    width: 380px;
}

.news-list li h3 a {
    display: inline-block;
    height: 28px;
    line-height: 24px;
    font-size: 16px;
    color: #333333;
    font-weight: 500;
    transition: all .2s;
}

.news-list li p {
    max-height: 88px;
    line-height: 22px;
    font-size: 14px;
    color: #888888;
    overflow: hidden;
}

.news-list li .time {
    width: 138px;
    height: 22px;
    color: #b2b2b2;
    text-align: right;
    position: absolute;
    top: 1px;
    right: 0;
}

.news-list li:hover {
    transform: translateX(5px);
}

.news-list li:hover a {
    color: #52C4F7;
}

.news-list li:hover p {
    color: #666666;
}

.news-list li .tag_name_div {
    height: 40px;
    line-height: 40px;
}

.news-list li .tag_name {
    color: #666;
    display: inline-block;
    height: 25px;
    border: 1px solid #f0f0f0;
    border-radius: 40px;
    text-align: center;
    line-height: 25px;
    padding: 0 8px;
    margin-left: 5px;
}

.news-list li a:hover .tag_name {
    color: #52c4f7;
}

.news-tag-list li {
    float: left;
    padding: 25px 0 25px 20px;
}

.news-tag-list a:hover li {
    color: #52c4f7;
}

.search-news-list li .info {
    width: 960px;
    float: right;
    position: relative;
}

/*
 * 资讯 -详情页
 */
.news-detail {
    margin-bottom: 35px;
    padding: 25px 25px 20px;
    background: #fff;
    border-radius: 8px;
}

.news-detail h1 {
    line-height: 30px;
    font-size: 22px;
    color: #333333;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: center;
}

.news-detail .time {
    line-height: 24px;
    font-size: 14px;
    color: #999;
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
}

.news-detail .time a {
    color: #b2b2b2;
    margin-left: 30px;
}

.news-detail .content {
    line-height: 1.8;
    font-size: 15px;
    color: #333333;
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-all;
}

.news-detail .content img {
    max-width: 100%;
}

.news-detail .content a:hover {
    color: #fd734c;
}

.news-detail .recommend_news {
    margin: 15px -25px 0;
    padding: 20px 25px 0;
    overflow: hidden;
    clear: both;
}

.news-detail .recommend_news span {
    font-size: 20px;
}

.news-detail .recommend_news ul {
    margin-top: 15px;
}

.news-detail .recommend_news li {
    font-size: 14px;
    line-height: 40px;
}

.news-detail .recommend_news li a {
    color: #52C4F7;
}

.news-detail .recommend_news li a:hover {
    padding-left: 5px;
}

.news-detail .copyright {
    margin: 0 -25px 0;
    padding: 20px 25px 0;
    overflow: hidden;
    font-size: 16px;
}

.news-detail .zx-bottom {
    text-align: center;
    display: flex;
    display: -webkit-flex;
    justify-content: space-evenly;
    margin: 20px;
}

.news-detail .zx-bottom a {
    padding: 10px 20px;
    border: 1px solid #52C4F6;
    color: #fff;
    background-color: #52C4F7;
    font-size: 18px;
    border-radius: 5px;
}

.nextBox {
    margin: 25px -25px 0;
    padding: 20px 25px 0;
    overflow: hidden;
    border-top: 1px dashed #dedede;
    font-size: 14px;
}

.nextBox li {
    height: 30px;
    line-height: 30px;
    color: #666666;
    overflow: hidden;
}

.nextBox a {
    color: #666666;
}

.nextBox a:hover {
    color: #52C4F7;
}

/*
 * 问答
 */
.w1h20 {
    width: 1px;
    height: 20px;
    clear: both;
}

.ask-top-btns {
    margin-bottom: 40px;
    overflow: hidden;
}

.ask-top-btns ul {
    margin-right: -35px;
}

.ask-top-btns li {
    float: left;
    margin-right: 30px;
    width: 380px;
    height: 120px;
    border-radius: 6px;
}

.ask-top-btns li a {
    display: block;
    margin: 35px auto 0;
    width: 140px;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 6px;
}

.ask-top-btns li.wen {
    background: #60d0cc url(../img/ask_top_btn1.png) no-repeat;
}

.ask-top-btns li.jiage {
    background: #fd6a7f url(../img/ask_top_btn2.png) no-repeat;
}

.ask-top-btns li.liaojie {
    background: #f3c800 url(../img/ask_top_btn3.png) no-repeat;
}

.sidebar .index-medal {
    margin-top: 30px;
    padding: 18px 0;
}

.sidebar .side-box {
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
    background: #fff;
    border-radius: 6px;
}

.sidebar .side-box.side-ask {
    margin-top: 30px;
    padding: 0;
}

.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 .hd {
    margin-bottom: 5px;
    padding-bottom: 0;
}

.sidebar .side-box.side-ask ul {
    padding: 0 15px 5px;
}

.sidebar .side-box.side-ask li h3 {
    font-size: 16px;
}

.sidebar .side-box .hd {
    margin-bottom: 18px;
    padding-bottom: 0;
    height: 60px;
    line-height: 60px;
    position: relative;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}

.sidebar .side-box h2 {
    margin-left: 15px;
    width: 300px;
    line-height: inherit;
    font-size: 18px;
    color: #333;
}

.sidebar .side-box h2 span.fl {
    margin-right: 8px;
}

.sidebar .side-box h2 .iconfont {
    float: left;
    margin: 16px 8px 0 0;
    display: inline-block;
    width: 25px;
    height: 28px;
}

.sidebar .side-box .more {
    position: absolute;
    top: 15px;
    right: 15px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #999;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform .5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
}

.sidebar .side-box .more .iconfont {
    float: right;
    margin-left: 6px;
    width: 16px;
    height: 30px;
    background-size: 15px;
}

.sidebar .side-box .more:hover {
    color: #52c4f7;
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
}

.sidebar .side2-box {
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
    background: #fff;
    border-radius: 6px;
    margin-bottom: 10px;
}

.sidebar .side2-box.side-ask {
    padding: 0;
}

.sidebar .side2-box.side-ask .hd {
    margin-bottom: 5px;
    padding: 0;
    height: 60px;
    line-height: 60px;
}

.sidebar .side2-box.side-ask ul {
    padding: 0 15px 5px;
}

.sidebar .side2-box .hd {
    margin-bottom: 20px;
    padding: 12px 0;
    height: 36px;
    line-height: 36px;
    position: relative;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}

.sidebar .side2-box h2 {
    margin-left: 15px;
    width: 250px;
    height: 36px;
    line-height: 36px;
    font-size: 24px;
    color: #000;
}

.sidebar .side2-box h2 span {
    float: left;
}

.sidebar .side2-box h2 .iconfont {
    margin-left: 8px;
    width: 24px;
    height: 36px;
}

.sidebar .side2-box .more {
    position: absolute;
    top: 12px;
    right: 15px;
    font-size: 16px;
    color: #999;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform .5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
}

.sidebar .side2-box .more .iconfont {
    float: right;
    margin-left: 6px;
    width: 16px;
    height: 36px;
    background-size: 15px;
}

.sidebar .side2-box .more:hover {
    color: #52c4f7;
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
}

.ask-find-hospital {
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
    background: #fff;
    border-radius: 6px;
    margin-bottom: 12px;
    border: 1px solid #eee;
}

.ask-find-hospital .hd {
    height: 60px;
    line-height: 60px;
    position: relative;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}

.ask-find-hospital .hd h2 {
    margin-left: 20px;
    width: 300px;
    font-size: 18px;
    color: #333;
}

.ask-find-hospital .hd .more {
    position: absolute;
    top: 15px;
    right: 20px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #999;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform .5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
}

.ask-find-hospital .hd .more .iconfont {
    float: right;
    margin-left: 6px;
    width: 20px;
    height: 30px;
}

.ask-find-hospital .hd .more:hover {
    color: #52c4f7;
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
}

.ask-find-hospital .tab-nav {
    padding: 10px 20px;
    background: #fafafa;
    overflow: hidden;
}

.ask-find-hospital .tab-nav .tit {
    float: left;
    width: 76px;
    line-height: 24px;
    font-size: 14px;
    color: #999;
}

.ask-find-hospital .tab-nav li {
    float: left;
    margin-right: 16px;
    padding: 0 5px;
    min-width: 40px;
    line-height: 24px;
    cursor: pointer;
    font-size: 14px;
    color: #333;
    text-align: center;
}

.ask-find-hospital .tab-nav li.on {
    color: #fff;
    background: #1bbde6;
    border-radius: 6px;
}

.ask-find-hospital .tab-con ul {
    padding: 15px 0;
    overflow: hidden;
}

.ask-find-hospital .tab-con li {
    float: left;
    margin-left: 20px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    color: #666;
    width: 216px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}

.ask-find-hospital .tab-con li a:hover {
    color: #52c4f7;
}

.ask-find-doctor {
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
    background: #fff;
    border-radius: 6px;
    margin-bottom: 40px;
    border: 1px solid #eee;
}

.ask-find-doctor .hd {
    height: 60px;
    line-height: 60px;
    position: relative;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}

.ask-find-doctor .hd h2 {
    margin-left: 20px;
    width: 300px;
    font-size: 18px;
    color: #333;
}

.ask-find-doctor .hd .more {
    position: absolute;
    top: 15px;
    right: 20px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #999;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform .5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
}

.ask-find-doctor .hd .more .iconfont {
    float: right;
    margin-left: 6px;
    width: 16px;
    height: 30px;
    background-size: 15px;
}

.ask-find-doctor .hd .more:hover {
    color: #52c4f7;
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
}

.ask-find-doctor .filterBox {
    margin: 0;
}

.ask-find-doctor .filterBox li {
    margin-bottom: 0;
}

.ask-find-doctor .filterBox a {
    margin-bottom: 5px;
}

.ask-find-doctor .filterBox a:hover {
    color: #52c4f7;
}

.ask-baike .filterBox li .title {
    width: 80px;
    color: #999;
    text-align: left;
    background: none;
}

.ask-doctor {
    margin-bottom: 20px;
}

.ask-doctor h2 {
    width: 250px;
    height: 36px;
    line-height: 36px;
    font-size: 28px;
    color: #000;
}

.ask-doctor h2 span {
    float: left;
}

.ask-doctor h2 .iconfont {
    margin-left: 8px;
    width: 24px;
    height: 36px;
}

.ask-doctor .list-card {
    margin: 0 -12px 0 -10px;
    overflow: hidden;
}

.ask-doctor .list-card li {
    position: relative;
    float: left;
    margin: 25px 10px 20px;
    padding: 20px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 224px;
    text-align: center;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 6px;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.ask-doctor .list-card li .pic {
    margin: 0 auto;
    width: 165px;
    height: 165px;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
}

.ask-doctor .list-card li .pic img {
    width: 100%;
    height: 100%;
}

.ask-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: all .3s .6s;
    transition: all .3s .6s;
}

.ask-doctor .list-card li .pic .mqBtn {
    position: absolute;
    bottom: -40px;
    left: 32px;
    z-index: 3;
    width: 100px;
    line-height: 36px;
    background: #52c4f7;
    font-size: 16px;
    color: #333;
    text-align: center;
    cursor: pointer;
    border-radius: 6px;
    -webkit-transition: all .3s .6s;
    transition: all .3s .6s;
}

.ask-doctor .list-card li h3 {
    margin: 14px 0 2px;
    display: block;
    width: 100%;
    height: 30px;
}

.ask-doctor .list-card li h3 .title {
    display: inline-block;
    padding: 6px 0;
    height: 18px;
    line-height: 18px;
    font-size: 17px;
    color: #b2b2b2;
}

.ask-doctor .list-card li h3 .title .name {
    color: #333;
    display: inline-block;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 110px;
}

.ask-doctor .list-card li h3 .title .zc {
    display: inline-block;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 86px;
}

.ask-doctor .list-card li h3 .title .sptlit {
    display: inline-block;
    margin: 0 8px 0;
    width: 1px;
    height: 16px;
    background: #999;
}

.ask-doctor .list-card 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);
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
}

.ask-doctor .list-card li:hover .pic:after {
    filter: alpha(opacity=60);
    opacity: .6;
}

.ask-doctor .list-card li:hover .pic .mqBtn {
    bottom: 64px;
}

.askBox {
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
    background: #fff;
    border-radius: 6px;
    margin-bottom: 40px;
}

.askBox .hd {
    position: relative;
    z-index: 3;
    height: 60px;
    border-bottom: 1px solid #ededed;
}

.askBox .hd .hd-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 60px;
    background: #fff;
    overflow: hidden;
    -webkit-transition: all 1s;
    transition: all 1s;
}

.askBox .hd .hd-nav ul {
    float: left;
    margin-left: 20px;
    overflow: hidden;
}

.askBox .hd .hd-nav li {
    margin-right: 28px;
    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 .hd-nav li:after {
    display: block;
    content: '';
    width: 0 \9;
    height: 3px;
    background: #52c4f7;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
}

.askBox .hd.all .hd-nav {
    width: 100%;
    box-shadow: 0px 4px 12px 0 #00000033;
    height: auto;
}

.askBox .hd.all .icon-more {
    transform: rotate(90deg);
    transition: all 0.3s;
    display: block;
}

.askBox .hd .more {
    position: absolute;
    top: 0;
    right: 0;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    color: #999;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform .5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
}

.askBox .hd .more .iconfont {
    float: right;
    margin-left: 6px;
    width: 16px;
    height: 60px;
    background-size: 15px;
}

.askBox .hd .more:hover {
    color: #52c4f7;
}

.askBox .hd .hd-nav li.on a,
.askBox .hd .hd-nav li.on span {
    font-weight: 600;
    color: #000;
}

.askBox .hd .hd-nav li.on:after,
.askBox .hd .hd-nav li:hover:after {
    opacity: 1;
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
}

.ask-list {
    padding: 0 20px;
    margin-bottom: 10px;
    min-height: 210px;
}

.ask-list li {
    padding: 15px 0;
}

.ask-list li .user-row {
    margin-bottom: 15px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    overflow: hidden;
}

.ask-list li .user-row .user {
    margin-right: 20px;
    min-width: 90px;
    float: left;
}

.ask-list li .user-row .user .avatar {
    float: left;
    display: block;
    width: 36px;
    border-radius: 100%;
}

.ask-list li .user-row .user .name {
    float: left;
    margin-left: 10px;
    font-size: #666;
    color: #333;
}

.ask-list li .user-row .time {
    float: left;
    color: #b2b2b2;
}

.ask-list li .user-row .other {
    width: 160px;
    float: right;
    overflow: hidden;
    position: relative;
    font-size: 14px;
    color: #999;
    text-align: right;
}

.ask-list li .user-row .other .time {
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 25px;
}

.ask-list li .user-row .other span {
    display: inline-block;
    margin-left: 15px;
    height: 20px;
    line-height: 20px;
}

.ask-list li .user-row .other .iconfont {
    float: left;
    display: inline-block;
    margin-right: 3px;
    width: 20px;
    height: 20px;
    background-position: right center;
}

.ask-list li .con {
    padding: 15px 20px;
    background: #f5f5f5;
    border-radius: 6px;
}

.ask-list li a {
    display: inline-block;
}

.ask-list li .question {
    margin-bottom: 16px;
    padding-left: 36px;
    height: 28px;
    line-height: 28px;
    font-size: 16px;
    color: #000;
    font-weight: 500;
    background: url(../img/icon/ask_question.png) left center no-repeat;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.ask-list li .answer {
    margin-bottom: 6px;
    padding-left: 36px;
    max-height: 56px;
    line-height: 28px;
    font-size: 16px;
    color: #999;
    font-weight: 500;
    background: url(../img/icon/ask_answer.png) left 4px no-repeat;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.ask-list li .optimum {
    padding-left: 40px;
    line-height: 24px;
    font-size: 14px;
    color: #1bbde6;
}

.ask-row {
    margin-bottom: 40px;
    padding-top: 30px;
    width: 100%;
    min-height: 600px;
    background: #fff;
    overflow: hidden;
}

.ask-row .wrap {
    min-height: 600px;
}

.ask-row .askBox {
    float: left;
    margin-bottom: 10px;
    width: 800px;
    min-height: 700px;
}

.ask-row .askBox .hd .hd-nav ul {
    margin-left: 0;
}

.ask-list2 {
    margin-bottom: 10px;
    min-height: 210px;
}

.ask-list2 li {
    padding: 20px 0 14px;
    border-bottom: 1px solid #f5f5f5;
}

.ask-list2 li a {
    display: block;
}

.ask-list2 li .question {
    float: left;
    margin-bottom: 8px;
    padding-left: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    max-width: 600px;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    color: #000;
    font-weight: 500;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    background: url(../img/icon/ask_question.png) left center no-repeat;
    -webkit-transition: color .3s;
    transition: color .3s;
}

.ask-list2 li .user {
    float: right;
    line-height: 24px;
    color: #b2b2b2;
}

.ask-list2 li .user .name {
    float: left;
    display: inline-block;
    max-width: 140px;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}

.ask-list2 li .user .time {
    margin-left: 10px;
}

.ask-list2 li .answer {
    clear: both;
    margin-bottom: 12px;
    padding-left: 30px;
    max-height: 56px;
    line-height: 28px;
    font-size: 16px;
    color: #999;
    font-weight: 500;
    background: url(../img/icon/ask_answer.png) left 4px no-repeat;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.ask-list2 li .other {
    position: relative;
    clear: both;
    overflow: hidden;
    margin-top: 12px;
    padding-left: 14px;
    font-size: 14px;
    color: #999;
}

.ask-list2 li .other span {
    display: inline-block;
    margin-left: 16px;
    height: 20px;
    line-height: 20px;
}

.ask-list2 li .other .iconfont {
    float: left;
    display: inline-block;
    margin-right: 3px;
    width: 20px;
    height: 20px;
    background-position: right center;
}

.ask-list2 li:hover .question {
    color: #52c4f7;
}

.page-r {
    float: right;
}

.form-trialSidebar-ask {
    width: 320px;
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #ededed;
}

.form-trialSidebar-ask .pic {
    width: 100%;
    height: auto;
    min-height: 110px;
}

.form-trialSidebar-ask .quota {
    margin-top: 20px;
    line-height: 16px;
    color: #333;
    text-align: center;
}

.form-trialSidebar-ask .quota em {
    color: #d3423c;
}

.form-trialSidebar-ask li {
    margin: 20px 15px;
    overflow: hidden;
}

.form-trialSidebar-ask input {
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #000;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
}

.form-trialSidebar-ask input::-webkit-input-placeholder {
    color: #666;
}

.form-trialSidebar-ask input:-moz-placeholder {
    color: #666;
}

.form-trialSidebar-ask input[name='sms_code'] {
    float: left;
    width: 160px;
}

.form-trialSidebar-ask .get-smscode {
    display: block;
    margin-left: 180px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #52c4f7;
    text-align: center;
    border: 1px solid #52c4f7;
    border-radius: 4px;
    cursor: pointer;
}

.form-trialSidebar-ask .submit {
    width: 100%;
    line-height: 36px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: #52c4f7;
    border-radius: 4px;
    cursor: pointer;
}

.tools-sidebar-ask {
    width: 320px;
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #ededed;
}

.tools-sidebar-ask h2 {
    padding-left: 15px;
    line-height: 60px;
    font-size: 24px;
    color: #333;
}

.tools-sidebar-ask .list {
    overflow: hidden;
}

.tools-sidebar-ask a {
    float: left;
    padding: 25px 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    border-top: 1px solid #ededed;
}

.tools-sidebar-ask a img {
    display: block;
    margin: 0 auto;
    width: 45px;
    height: 45px;
}

.tools-sidebar-ask a p {
    line-height: 36px;
    font-style: 14px;
    color: #666;
    text-align: center;
}

.side-find-hospital {
    margin-bottom: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 320px;
    background: #f9f9f9;
    overflow: hidden;
    border: 1px solid #eee;
    border-radius: 3px;
}

.side-find-hospital .hd {
    height: 60px;
    line-height: 60px;
    position: relative;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}

.side-find-hospital .hd h2 {
    margin-left: 20px;
    width: 300px;
    font-size: 18px;
    color: #333;
}

.side-find-hospital .hd .more {
    position: absolute;
    top: 15px;
    right: 20px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #999;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform .5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
}

.side-find-hospital .hd .more .iconfont {
    float: right;
    margin-left: 6px;
    width: 15px;
    height: 30px;
    background-size: 15px;
}

.side-find-hospital .hd .more:hover {
    color: #52c4f7;
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
}

.side-find-hospital .tab-nav {
    padding: 5px 0 6px 18px;
    background: #fff;
    overflow: hidden;
}

.side-find-hospital .tab-nav .tit {
    float: left;
    margin: 5px 0;
    width: 76px;
    line-height: 24px;
    font-size: 14px;
    color: #999;
}

.side-find-hospital .tab-nav li {
    float: left;
    margin: 5px 12px 5px 0;
    padding: 0 6px;
    line-height: 24px;
    cursor: pointer;
    font-size: 14px;
    color: #333;
    text-align: center;
}

.side-find-hospital .tab-nav li.on {
    color: #fff;
    background: #1bbde6;
    border-radius: 6px;
}

.side-find-hospital .tab-con ul {
    padding: 10px 0;
    overflow: hidden;
}

.side-find-hospital .tab-con li {
    padding: 0 18px;
}

.side-find-hospital .tab-con li a {
    display: block;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    color: #666;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}

.side-find-hospital .tab-con li a:hover {
    color: #52c4f7;
}

.side-find-doctor {
    margin-bottom: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 320px;
    background: #f9f9f9;
    overflow: hidden;
    border: 1px solid #eee;
    border-radius: 3px;
}

.side-find-doctor .hd {
    height: 60px;
    line-height: 60px;
    position: relative;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}

.side-find-doctor .hd h2 {
    margin-left: 20px;
    width: 300px;
    font-size: 18px;
    color: #333;
}

.side-find-doctor .hd .more {
    position: absolute;
    top: 15px;
    right: 20px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #999;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform .5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
}

.side-find-doctor .hd .more .iconfont {
    float: right;
    margin-left: 6px;
    width: 16px;
    height: 30px;
    background-size: 15px;
}

.side-find-doctor .hd .more:hover {
    color: #52c4f7;
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
}

.side-find-doctor .tit {
    margin: 10px 0;
    padding-left: 18px;
    line-height: 30px;
}

.side-find-doctor .tit .title {
    display: inline-block;
    width: 56px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    background: #1bbde6;
    border-radius: 4px;
}

.side-find-doctor .con {
    position: relative;
    padding-left: 6px;
    line-height: 28px;
    overflow: hidden;
}

.side-find-doctor .con a {
    display: inline-block;
    margin: 5px 6px;
    padding: 0 6px;
    line-height: 24px;
    color: #666;
}

.side-find-doctor .con a:hover {
    color: #52c4f7;
}

.ask-list_classify {
    margin-bottom: 20px;
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
    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: #333;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.ask-list_classify .con a.on,
.ask-list_classify .con a:hover {
    color: #333;
    background: #52c4f7;
    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: #f2f2f2;
}

.banner-ask_show {
    width: 810px;
    height: 95px;
}

.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: #f2f2f2;
}

.ask-show .question-box {
    margin-bottom: 20px;
    padding: 40px 20px 20px;
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #eee;
    overflow: visible;
}

.ask-show .question-box h1 {
    margin-bottom: 15px;
    line-height: 30px;
    font-size: 20px;
    color: #000;
    font-weight: 500;
}

.ask-show .question-box h1 i {
    position: absolute;
    top: -6px;
    left: 20px;
    display: inline-block;
    padding-left: 10px;
    width: 42px;
    height: 36px;
    line-height: 34px;
    font-size: 16px;
    color: #fff;
    text-align: left;
    background: url(../img/icon/wenbiaoq.png) no-repeat;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ask-show .question-box .desc {
    margin-bottom: 20px;
    line-height: 1.6;
    font-size: 16px;
    color: #444;
}

.ask-show .question-box .user-row {
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    overflow: hidden;
}

.ask-show .question-box .user-row .user {
    min-width: 90px;
    float: left;
}

.ask-show .question-box .user-row .user .avatar {
    float: left;
    display: block;
    width: 36px;
    border-radius: 100%;
}

.ask-show .question-box .user-row .user .name {
    float: left;
    margin-left: 10px;
    font-size: 15px;
    color: #333;
}

.ask-show .question-box .user-row .user .name span {
    color: #b2b2b2;
}

.ask-show .question-box .user-row .time {
    float: left;
    margin-left: 20px;
    color: #b2b2b2;
}

.ask-show .question-box .user-row .other {
    width: 160px;
    float: right;
    overflow: hidden;
    position: relative;
    color: #999;
    text-align: right;
}

.ask-show .question-box .user-row .other .time {
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 25px;
}

.ask-show .question-box .user-row .other span {
    display: inline-block;
    margin-left: 15px;
    height: 20px;
    line-height: 20px;
}

.ask-show .question-box .user-row .other .iconfont {
    float: left;
    display: inline-block;
    margin-right: 3px;
    width: 20px;
    height: 20px;
    background-position: right center;
}

.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 {
    overflow: hidden;
    background: #fff;
    border-radius: 6px;
}

.ask-show .answer-box .answer-list.optimum-wrap {
    margin-bottom: 40px;
}

.ask-show .answer-box .answer-list.optimum-wrap li {
    border-bottom: 0;
}

.ask-show .answer-box .answer-list li {
    margin: 0 20px;
    padding: 20px 0 15px;
    border-bottom: 1px solid #eee;
    position: relative;
}

.ask-show .answer-box .answer-list li .info {
    margin-bottom: 16px;
    height: 54px;
    line-height: 54px;
    overflow: hidden;
}

.ask-show .answer-box .answer-list li .info .avatar {
    float: left;
    margin-right: 20px;
    width: 54px;
    height: 54px;
    border-radius: 100%;
    overflow: hidden;
}

.ask-show .answer-box .answer-list li .info .avatar img {
    width: 100%;
    height: 100%;
}

.ask-show .answer-box .answer-list li .info .user {
    max-width: 300;
    height: 54px;
    float: left;
    display: flex;
    flex-direction: column;
}

.ask-show .answer-box .answer-list li .info .user .name {
    display: block;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    color: #333;
    font-weight: 500;
}

.ask-show .answer-box .answer-list li .info .user .zc {
    display: block;
    height: 18px;
    line-height: 18px;
    font-size: 14px;
    color: #b2b2b2;
}

.ask-show .answer-box .answer-list li .info .wen-wen {
    float: right;
    margin-top: 1px;
    width: 90px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #52c4f7;
    text-align: center;
    border: 1px solid #52c4f7;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ask-show .answer-box .answer-list li .info .optimum {
    display: inline-block;
    width: 44px;
    height: 40px;
    background: url(../img/icon/ask_optimum.png) no-repeat;
    position: absolute;
    top: 0;
    right: -25px;
}

.ask-show .answer-box .answer-list li .desc {
    line-height: 1.8;
    font-size: 15px;
    color: #444;
    word-wrap: break-word;
    word-break: break-all;
}

.ask-show .answer-box .answer-list li:last-child {
    border: 0;
    padding-bottom: 25px;
}

.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: #1bbde6;
    font-weight: 500;
    border-bottom: 1px solid #eee;
}

.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;
    color: #333;
    background: #52c4f7;
}

.ask-post .post-btn {
    width: 140px;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    color: #fff;
    background: #1bbde6;
}

.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(../img/err_input_tips.png) 0 50% no-repeat;
}

.ask-post #verify_img,
.ask-post #verify_sms {
    width: 110px;
}

.side-ask {
    margin-top: 30px;
    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: 12px 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: url(../img/icon/ask_question_24.png) left 1px no-repeat;
    background-size: 24px;
}

.ask-list2 .icon-question,
.side-ask .icon-question,
.side-tags .icon-question,
.askBox .icon-question,
.question-box .icon-question {
    background-image: url(../img/icon/meiliwd.png);
}

.ask-list2 .icon-yuedu,
.side-ask .icon-yuedu,
.side-tags .icon-yuedu,
.askBox .icon-yuedu,
.question-box .icon-yuedu {
    background-image: url(../img/icon/liulan.png);
}

.ask-list2 .icon-pinglun1,
.side-ask .icon-pinglun1,
.side-tags .icon-pinglun1,
.askBox .icon-pinglun1,
.question-box .icon-pinglun1 {
    background-image: url(../img/icon/pinglun1.png);
}

.ask-list2 .icon-tag,
.side-ask .icon-tag,
.side-tags .icon-tag,
.askBox .icon-tag,
.question-box .icon-tag {
    background-image: url(../img/icon/redianbq.png);
}

.ask-list2 .icon-more,
.side-ask .icon-more,
.side-tags .icon-more,
.askBox .icon-more,
.question-box .icon-more {
    background-image: url(../img/icon/more-btn.png);
}

.ask-list2 .iconfont,
.side-ask .iconfont,
.side-tags .iconfont,
.askBox .iconfont,
.question-box .iconfont {
    display: inline-block;
    font-size: 0;
}

.ask-list2 .iconfont,
.side-ask .iconfont,
.side-tags .iconfont,
.askBox .iconfont,
.question-box .iconfont,
.ask-list2 .icon2,
.side-ask .icon2,
.side-tags .icon2,
.askBox .icon2,
.question-box .icon2 {
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

.ask-list2 .bd,
.side-ask .bd,
.side-tags .bd,
.askBox .bd,
.question-box .bd {
    margin-bottom: 20px;
    padding: 10px 0 0 10px;
    max-height: 136px;
    overflow: hidden;
    box-sizing: border-box;
}

.ask-list2 .bd a,
.side-ask .bd a,
.side-tags .bd a,
.askBox .bd a,
.question-box .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: #666;
    text-align: center;
    border: 1px solid #dedede;
    border-radius: 4px;
    transition: all 0.5s;
}

.ask-list2 .bd a:hover,
.side-ask .bd a:hover,
.side-tags .bd a:hover,
.askBox .bd a:hover,
.question-box .bd a:hover {
    color: #52c4f7;
    border-color: #52c4f7;
}

.side-tags .hd {
    margin-bottom: 0 !important;
}

.index-ask .ask-list2 li {
    width: calc(520px);
    margin: 0 40px;
    float: left;
    height: 120px;
}
.index-ask .ask-list2 li .question{
    max-width: 300px;
}
/*
 * 百科 - 栏目页
 */
.baikeBox {
    margin-bottom: 35px;
}

.baikeBox .pagination {
    margin-top: 0;
    padding: 10px 0 30px;
    background: #fff;
}

.baike-project {
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    background: #fff;
    border-radius: 6px;
    margin-bottom: 30px;
}

.baike-project .hd {
    overflow: hidden;
    border-bottom: 1px solid #ededed;
}

.baike-project .hd h2 {
    float: left;
    margin-left: 20px;
    width: 300px;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    color: #333333;
}

.baike-project .hd h2 span {
    color: #b2b2b2;
}

.baike-project ul {
    overflow: hidden;
}

.baike-project li {
    float: left;
    padding-top: 22px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 150px;
    height: 122px;
    text-align: center;
    overflow: hidden;
    border-right: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
}

.baike-project li:nth-child(8n) {
    border-right: none;
}

.baike-project li a {
    display: block;
}

.baike-project li .pic {
    margin-bottom: 5px;
    height: 50px;
}

.baike-project li img {
    max-width: 50px;
    height: 50px;
}

.baike-project li h3 {
    line-height: 30px;
    font-size: 14px;
    color: #666;
    text-align: center;
}

.baike-project li h3:hover {
    color: #52c4f7;
}

.baike-list {
    padding: 10px 25px 25px;
    background: #fff;
    border-radius: 8px;
}

.baike-list li {
    padding: 20px 0;
    border-bottom: 1px dashed #dedede;
    overflow: hidden;
    transition: all .3s;
}

.baike-list li .pic {
    display: block;
    width: 220px;
    height: 145px;
    float: left;
    margin-right: 20px;
}

.baike-list li img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.baike-list li .info {
    position: relative;
}

.baike-list li h3 {
    margin-bottom: 15px;
}

.baike-list li h3 a {
    display: block;
    height: 28px;
    line-height: 28px;
    font-size: 16px;
    color: #333333;
    font-weight: 600;
    transition: all .2s;
}

.baike-list li p {
    max-height: 96px;
    line-height: 24px;
    font-size: 14px;
    color: #888888;
    overflow: hidden;
    transition: all .2s;
}

.baike-list li .time {
    width: 138px;
    height: 22px;
    color: #b2b2b2;
    text-align: right;
    position: absolute;
    top: 1px;
    right: 0;
}

.baike-list li:hover {
    transform: translateX(5px);
}

.baike-list li:hover a {
    color: #52C4F7;
}

.baike-list li:hover p {
    color: #666666;
}

.baike-info {
    margin-bottom: 20px;
    padding: 25px;
    background: #52C4F7;
    border-radius: 6px;
}

.baike-info h1 {
    margin-bottom: 10px;
    line-height: 36px;
    font-size: 28px;
    color: #ffffff;
}

.baike-info p {
    line-height: 24px;
    font-size: 14px;
    color: #ffffff;
}

.baike-con {
    margin-bottom: 50px;
    height: auto;
    background: #fff;
    border-radius: 6px;
}

.baike-con .hd {
    width: 100%;
    height: 60px;
    background: #fff;
    border-bottom: 1px solid #eee;
    position: relative;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 6;
}

.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: 60px;
    line-height: 60px;
    font-size: 16px;
    color: #666666;
}

.baike-con .hd li:after {
    display: block;
    content: '';
    width: 0 \9;
    height: 3px;
    background: #52C4F7;
    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: #666666;
}

.baike-con .hd li.on,
.baike-con .hd li:hover {
    color: #52c4f7;
}

.baike-con .hd li.on a,
.baike-con .hd li:hover a {
    color: #52c4f7;
}

.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 .hd li.on {
    font-weight: 600;
}

.baike-con .tit-h2 {
    margin-bottom: 20px;
    line-height: 34px;
    font-size: 24px;
    color: #333;
    clear: both;
    position: relative;
}

.baike-con .tit-h2 .anchor {
    position: absolute;
    top: -60px;
}

.baike-con .tit-h3 {
    margin-bottom: 5px;
    line-height: 26px;
    font-size: 16px;
    color: #333;
    clear: both;
}

.baike-con .desc {
    line-height: 24px;
    font-size: 14px;
    color: #999999;
}

.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%;
    font-size: 14px;
    color: #666666;
}

.baike-con .intro .stars-row .stars-item span {
    float: left;
    height: 24px;
    line-height: 24px;
}

.baike-con .intro .stars-row .stars-item .iconfont {
    display: inline-block;
    width: 18px;
    height: 24px;
    background: center url(../img/star_1.png) no-repeat;
}

.baike-con .intro .stars-row .stars-item .gray {
    background-image: url(../img/star_0.png);
}

.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: #ffffff;
}

.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: 24px;
    font-size: 14px;
    color: #888888;
}

.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: #1bbde6;
    margin-bottom: 15px;
}

.baike-con .nurse h3 em,
.baike-con .nurse p.title em {
    padding-left: 5px;
    color: #feb303;
}

.baike-con .archives {
    padding: 0 25px;
}

.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: 14px;
    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: #333333;
}

.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;
    display: flex;
}

/*
 * 会员中心
 */
.member-sidebar {
    width: 260px;
    min-height: 600px;
    background: #fff;
    border-radius: 8px;
    float: left;
    margin-bottom: 60px;
    padding-top: 20px;
}

.member-sidebar .user {
    text-align: center;
}

.member-sidebar .user img {
    width: 180px;
    height: 180px;
    border-radius: 100%;
    margin-bottom: 10px;
}

.member-sidebar .user p {
    line-height: 30px;
    font-size: 18px;
    color: #333333;
    text-align: center;
    margin-bottom: 20px;
}

.member-sidebar li {
    padding: 15px 0;
    border-bottom: 1px solid #e8e8e8;
    font-size: 16px;
    transition: padding .5s;
}

.member-sidebar li a {
    display: block;
    padding-left: 33px;
    line-height: 28px;
    color: #333333;
    border-left: 4px solid #ffffff;
}

.member-sidebar li.on a,
.member-sidebar li:hover a {
    border-color: #e75555;
}

.member-sidebar li:last-child {
    border-bottom: 0;
}

.member-main {
    width: 900px;
    min-height: 620px;
    background: #fff;
    border-radius: 8px;
    float: right;
    margin-bottom: 60px;
}

.member-home {
    padding: 20px 30px;
}

.member-home .user-info {
    margin-bottom: 35px;
}

.member-home h3 {
    line-height: 30px;
    font-size: 18px;
    color: #333333;
    margin-bottom: 15px;
}

.member-home p {
    line-height: 30px;
    font-size: 14px;
    color: #888888;
}

.member-home .tag {
    margin-bottom: 20px;
}

.member-home .tag span {
    display: inline-block;
    min-width: 4em;
    line-height: 24px;
    font-size: 14px;
    color: #e75555;
    text-align: center;
    background: #ffecec;
    border-radius: 3px;
    margin: 0 20px 15px 0;
    padding: 0 10px;
}

.member-msg .hd {
    overflow: hidden;
    margin-bottom: 10px;
    border-bottom: 1px solid #dedede;
}

.member-msg .hd li {
    float: left;
    padding: 0 30px;
    height: 64px;
    line-height: 64px;
    font-size: 16px;
    color: #333333;
    position: relative;
    cursor: pointer;
}

.member-msg .hd li a {
    display: inline-block;
}

.member-msg .hd li .iconfont {
    display: none;
    width: 18px;
    line-height: 18px;
    font-size: 18px;
    color: #e75555;
    position: absolute;
    left: 50%;
    bottom: -5px;
    margin-left: -9px;
}

.member-msg .hd li.on {
    color: #e75555;
}

.member-msg .hd li.on .iconfont {
    display: inline-block;
}

.member-msg .msgBox {
    margin-bottom: 35px;
    padding: 0 30px;
}

.member-msg .system-msg .list,
.member-msg .zan-msg .list {
    margin-bottom: 35px;
}

.member-msg .system-msg .list li,
.member-msg .zan-msg .list li {
    padding: 10px 0;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    border-bottom: 1px solid #e8e8e8;
    transition: all .3s;
}

.member-msg .system-msg .list li a,
.member-msg .zan-msg .list li a {
    display: inline-block;
    float: left;
    max-width: 730px;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.member-msg .system-msg .list li span,
.member-msg .zan-msg .list li span {
    display: inline-block;
    float: right;
    color: #888888;
}

.member-msg .system-msg .list li:hover,
.member-msg .zan-msg .list li:hover {
    transform: translateX(5px);
}

.member-msg .system-msg .list li:hover a,
.member-msg .zan-msg .list li:hover a {
    color: #ed5c4b;
}

.member-msg .diary-comment .list {
    margin-bottom: 35px;
}

.member-msg .diary-comment .list li {
    padding: 10px 0;
    line-height: 30px;
    font-size: 14px;
    overflow: hidden;
    border-bottom: 1px solid #e8e8e8;
    transition: all .3s;
}

.member-msg .diary-comment .list li a {
    display: inline-block;
    float: left;
}

.member-msg .diary-comment .list li .tit {
    color: #888888;
}

.member-msg .diary-comment .list li .desc {
    max-width: 730px;
    max-height: 48px;
    line-height: 24px;
    color: #333333;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 3px;
}

.member-msg .diary-comment .list li span {
    display: inline-block;
    float: right;
    color: #888888;
}

.member-msg .diary-comment .list li:hover {
    transform: translateX(5px);
}

.member-msg .diary-comment .list li:hover a {
    color: #ed5c4b;
}

.member-diary .hd {
    overflow: hidden;
    margin-bottom: 10px;
    padding: 0 25px;
    border-bottom: 1px solid #dedede;
}

.member-diary .hd h2 {
    float: left;
    width: 140px;
    height: 64px;
    line-height: 64px;
    font-size: 16px;
    color: #333333;
    font-weight: 600;
}

.member-diary .hd .btn {
    float: right;
    width: 100px;
    line-height: 36px;
    margin-top: 14px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    background: #e75555;
    border-radius: 5px;
}

.member-diary .member-diary-list {
    padding: 0 25px;
    margin-bottom: 35px;
}

.member-diary .member-diary-list li {
    padding: 25px 0;
    border-bottom: 1px solid #e8e8e8;
    overflow: hidden;
    transition: all .2s;
}

.member-diary .member-diary-list li a {
    display: inline-block;
}

.member-diary .member-diary-list li .photos {
    overflow: hidden;
    float: left;
}

.member-diary .member-diary-list li .photos .pic {
    position: relative;
    float: left;
    margin-right: 10px;
    overflow: hidden;
    width: 155px;
    height: 150px;
    border-radius: 8px;
}

.member-diary .member-diary-list li .photos img {
    width: 100%;
    height: 100%;
}

.member-diary .member-diary-list li .photos span {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    line-height: 20px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: rgba(0, 0, 0, 0.6);
    border-bottom-right-radius: 8px;
}

.member-diary .member-diary-list li .photos .pic:last-child span {
    background: rgba(247, 197, 36, 0.9);
}

.member-diary .member-diary-list li .info {
    width: 500px;
    float: right;
}

.member-diary .member-diary-list li .info .user {
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    margin-bottom: 10px;
}

.member-diary .member-diary-list li .info .user img {
    width: 45px;
    height: 45px;
    border-radius: 100%;
    margin-right: 18px;
}

.member-diary .member-diary-list li .info .user .name {
    max-width: 150px;
    font-size: 18px;
    color: #111;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.member-diary .member-diary-list li .info .user .time {
    float: right;
    font-size: 14px;
    color: #888888;
}

.member-diary .member-diary-list li .info .desc {
    display: block;
    width: 370px;
    height: 48px;
    line-height: 24px;
    font-size: 15px;
    color: #666666;
    margin-bottom: 23px;
    float: left;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.member-diary .member-diary-list li .info .addBtn {
    display: block;
    width: 86px;
    line-height: 34px;
    float: right;
    font-size: 14px;
    color: #e75555;
    text-align: center;
    margin-top: 6px;
    border: 1px solid #e75555;
    border-radius: 8px;
}

.member-diary .member-diary-list li .info .other {
    clear: both;
    width: 100%;
    height: 24px;
    line-height: 24px;
    text-align: right;
    position: relative;
}

.member-diary .member-diary-list li .info .other .xm {
    position: absolute;
    top: 0;
    left: 0;
    color: #e75555;
    width: 370px;
    height: 24px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.member-diary .member-diary-list li .info .other .xm a {
    display: inline-block;
    padding-right: 2px;
    color: #e75555;
}

.member-setting .hd {
    overflow: hidden;
    margin-bottom: 10px;
    padding: 0 25px;
    border-bottom: 1px solid #dedede;
}

.member-setting .hd h2 {
    float: left;
    width: 140px;
    height: 64px;
    line-height: 64px;
    font-size: 16px;
    color: #333333;
    font-weight: 600;
}

.member-setting .layui-form {
    padding: 25px;
}

.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;
    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-bottom: 5px;
    padding-right: 0;
}

.member-setting .layui-form .form-label-top .layui-form-checkbox span {
    color: #e75555;
    background: #ffecec;
    border-radius: 5px;
}

.member-setting .layui-form .form-label-top .layui-form-checkbox:hover span {
    color: #e75555;
    background: #ffecec;
}

.member-setting .layui-form .form-label-top .layui-form-checked span,
.member-setting .layui-form .form-label-top .layui-form-checked:hover span {
    color: #fff;
    background: #e75555;
}

.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: 122px;
    height: 122px;
    margin: 0 10px 10px 0;
}

.member-setting .layui-form .upload-picture-btn {
    width: 122px;
    height: 122px;
    line-height: 120px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    vertical-align: top;
    background-color: #fbfdff;
    border: 1px dashed #c0ccda;
    border-radius: 6px;
    box-sizing: border-box;
}

.member-setting .layui-form .upload-picture-btn i {
    font-size: 28px;
    color: #ccc;
}

.member-setting .layui-form .layui-btn {
    margin-left: 35px;
    width: 100px;
    letter-spacing: 2px;
    font-size: 15px;
}

.w1h30 {
    width: 1px;
    height: 35px;
    clear: both;
}


/*
 * 百科首页
 */
.allBaikeBox .baike-index-table-list {
    padding: 20px;
}

.allBaikeBox .baike-index-wrap {
    background: #ffffff;
    border: 1px solid #ededed;
    border-radius: 10px;
    margin: 30px auto;
    padding: 25px 0 50px 0;
}

.allBaikeBox .baike-index-tit {
    font-size: 20px;
    line-height: 20px;
    color: #666;
    font-weight: bold;
    text-align: center;
}

.allBaikeBox .baike-index-table {
    margin-top: 0px;
}

.allBaikeBox .baike-index-table .table-tit {
    position: relative;
    height: 47px;
    line-height: 47px;
    border: 1px solid #e8e8e8;
    border-bottom-color: #52C4F7;
    background: #ffe8ec;
    font-size: 16px;
    color: #52C4F7;
    text-align: center;
    z-index: 1;
}

.allBaikeBox .baike-index-table .table-tit .part-name {
    width: 179px;
    border-right: 1px solid #fedae0;
}

.left {
    float: left;
}

.allBaikeBox .baike-index-table .table-tit .lev2-name {
    width: 1018px;
}

.allBaikeBox .baike-index-table .table-list {
    padding-bottom: 20px;
}

.allBaikeBox .baike-index-table-list .li-table {
    position: relative;
    min-height: 90px;
    padding: 33px 0 33px 179px;
    margin-bottom: 20px;
    border-top: 1px solid #e8e8e8;
    clear: both;
}

.allBaikeBox .baike-index-table-list .li-table .part-link {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 179px;
    height: 100%;
}

.table-list .li-table .boniaosuan {
    margin-top: -32px;
}

.allBaikeBox .baike-index-table-list .li-table .init-box {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -20%;
    width: 179px;
    text-align: center;
}

.allBaikeBox .baike-index-table-list .li-table .boniaosuan .part-icon {
    height: 36px;
    background-position: -172px -317px;
}

.allBaikeBox .baike-index-table-list .li-table .init-box .part-icon {
    display: block;
    margin: 0 auto;
    width: 76px;
}

.allBaikeBox .baike-index-table-list .li-table .init-box .part-text {
    margin-top: 14px;
    font-size: 16px;
    line-height: 16px;
    color: #666;
}

.allBaikeBox .baike-index-table-list .li-table .list-cont {
    position: relative;
    padding: 0 0px;
    font-size: 16px;
    overflow: hidden;
}

.allBaikeBox .baike-index-table-list .li-table .list-cont .cont-tr:first-child {
    border: none;
}

.allBaikeBox .baike-index-table-list .li-table .list-cont .cont-tr {
    line-height: 44px;
    border-top: 1px dashed #ededed;
    clear: both;
}

.allBaikeBox .baike-index-table-list .li-table .list-cont .cont-tr .tr-init {
    width: 148px;
    padding: 0 75px 0 10px;
}

.allBaikeBox .baike-index-table-list .li-table .list-cont .cont-tr .tr-init > a {
    display: block;
    color: #52C4F7;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: bold;
    font-size: 16px;
}

.allBaikeBox .baike-index-table-list .li-table .list-cont .cont-tr .tr-text {
    padding: 7px 0;
    width: 760px;
}

.allBaikeBox .baike-index-table-list .li-table .list-cont .cont-tr .tr-text > a {
    position: relative;
    float: left;
    display: block;
    width: 155px;
    padding: 0 15px 0 20px;
    height: 44px;
    line-height: 44px;
    color: #555;
    font-size: 0;
    z-index: 0;
}

.allBaikeBox .baike-index-table-list .li-table .list-cont .cont-tr .tr-text > a > span {
    position: relative;
    max-width: 100%;
    height: 26px;
    line-height: 26px;
    display: inline-block;
    vertical-align: top;
}

.allBaikeBox .baike-index-table-list .li-table .list-cont .cont-tr .tr-text > a > span > i {
    display: block;
    height: 26px;
    line-height: 26px;
    font-size: 16px;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #999;
}

.allBaikeBox .baike-index-table-list
.li-table
.list-cont
.cont-tr
.tr-text
> a
> span
> i
h4 {
    font-size: 16px;
}

.allBaikeBox .baike-project-more {
    width: 160px;
    height: 50px;
    background: #52C4F7;
    border-radius: 10px;
    font-size: 20px;
    text-align: left;
    color: #fefefe;
    line-height: 50px;
    letter-spacing: 1px;
    display: block;
    text-align: center;
    margin: 20px auto 50px;
}

.hospital-list.search-hospital-list li:last-child {
    border: none;
}

/* 百科列表页 */

.filterBoxBaike {
    margin: 0px 0 30px;
    padding: 25px 25px 15px;
    background: #ffffff;
    border: 1px solid #ededed;
    border-radius: 10px;
}

.filterBoxBaike li {
    clear: both;
    overflow: hidden;
    margin-bottom: 10px;
}

.filterBoxBaike li .tit {
    width: 170px;
    line-height: 24px;
    vertical-align: top;
}

.filterBoxBaike li .buxian {
    width: 60px;
    height: 30px;
    background: #52C4F7;
    color: #fff;
    border: 1px solid #52C4F7;
    border-radius: 5px;
    padding: 0;
    line-height: 30px;
    text-align: center;
}

.filterBoxBaike li .con {
    height: 30px;
    line-height: 24px;
    overflow: hidden;
    position: relative;
}

.filterBoxBaike li span {
    display: inline-block;
    font-weight: bold;
    color: #666;
    font-size: 16px;
    margin-right: 5px;
}

.filterBoxBaike li a {
    display: inline-block;
    line-height: 24px;
    margin: 0 0px 10px 0;
    padding: 2px 10px;
    color: #666666;
    font-size: 16px;
    border: 1px solid #fff;
    transition: all 0.2s;
}

.filterBoxBaike li .on,
.filterBoxBaike li p a:hover {
    color: #52C4F7;
    text-decoration: none;
    border-color: #52C4F7;
    border-radius: 5px;
}

.filterBoxBaike li .lose {
    background-color: #fff;
    color: #666666;
    border: 1px solid #fff;
}

.filterBoxBaike li .lose:hover {
    background-color: #52C4F7;
    color: #fff;
    border: 1px solid #52C4F7;
}

.filterBoxBaike li .all {
    height: auto;
    padding-left: 60px;
}

.zx-bottom {
    width: 546px;
    height: 37px;
    float: left;
    margin-top: 5px;
    margin-left: 40px;
}

.f-person-posi {
    background-color: #52C4F7;
    position: absolute;
    left: 10px;
    top: 20px;
    font-size: 12px;
    color: #fff;
    padding: 0 3px 0 6px;
    line-height: 20px;
    border-radius: 14px;
}

.baikeBox {
    margin-bottom: 35px;
}

.baikeBox .pagination {
    margin-top: 0;
    padding: 10px 0 30px;
    background: #fff;
}

.allBaikeBox .baike-project {
    margin-bottom: 35px;
    padding: 20px 0 15px;
    background: #fff;
    border-radius: 8px;
}

.allBaikeBox .baike-project .hd {
    margin-bottom: 15px;
    padding: 0 25px;
}

.allBaikeBox .baike-project .hd h2 {
    display: inline-block;
    line-height: 24px;
    font-size: 18px;
    color: #333333;
}

.allBaikeBox .baike-project ul {
    overflow: hidden;
    padding-left: 15px;
}

.allBaikeBox .baike-project li {
    float: left;
    margin: 20px 0;
    width: 130px;
    height: 75px;
    overflow: hidden;
    text-align: center;
}

.allBaikeBox .baike-project li a {
    display: block;
}

.allBaikeBox .baike-project li .pic {
    height: 52px;
}

.allBaikeBox .baike-project li p {
    line-height: 30px;
    font-size: 14px;
    color: #666666;
    text-align: center;
}

.allBaikeBox .baike-list {
    padding: 0px 25px 25px;
    background: #fff;
    background: #ffffff;
    border: 1px solid #ededed;
    border-radius: 10px;
}

.allBaikeBox .baike-list li {
    padding: 30px 0;
    border-bottom: 2px solid #dedede;
    overflow: hidden;
    transition: all 0.3s;
}

.allBaikeBox .baike-list li .pic {
    display: block;
    width: 188px;
    height: 130px;
    float: left;
}

.allBaikeBox .baike-list li img,
.allBaikeBox .baike-list li .img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.allBaikeBox .baike-list li .info {
    width: 1035px;
    float: right;
    position: relative;
    margin-top: -5px;
}

.allBaikeBox .baike-list li h3 {
    margin-bottom: 15px;
}

.allBaikeBox .baike-list li h3 a {
    display: block;
    height: 28px;
    line-height: 28px;
    font-size: 16px;
    color: #666;
    font-weight: 600;
    transition: all 0.2s;
}

.allBaikeBox .baike-list li p {
    max-height: 96px;
    line-height: 24px;
    font-size: 16px;
    color: #666;
    overflow: hidden;
    transition: all 0.2s;
}

.allBaikeBox .baike-list li .time {
    width: 138px;
    height: 22px;
    color: #b2b2b2;
    text-align: right;
    position: absolute;
    top: 1px;
    right: 0;
}

.allBaikeBox .baike-list li:hover {
    transform: translateX(5px);
}

.allBaikeBox .baike-list li:hover a {
    color: #52C4F7;
}

.allBaikeBox .baike-list li:hover p {
    color: #666666;
}


.allBaikeBox .project-box {
    display: grid;
    grid-template-columns: repeat(9, 11.11%);
}

.allBaikeBox .project-box .box_item {
    margin: 22px;
    text-align: center;
}

.allBaikeBox .project-box .pic {
    margin-bottom: 3px;
    height: 45px;
}

.allBaikeBox .project-box .on {
    color: #52C4F7;
}

.allBaikeBox .project-box img {
    max-height: 45px;
}

.allBaikeBox .project-box li h3 {
    line-height: 24px;
    font-size: 14px;
    color: #666;
    text-align: center;
}

.allBaikeBox .menu_baike {
    margin: 5px auto !important;
    background: #ffffff;
    border: 1px solid #ededed;
    border-radius: 10px;
}

.allBaikeBox {
    background-color: transparent;
}

.baike-detail {
    background-color: transparent;
}

.baike-detail .baike-con .faq {
    padding: 25px;
    overflow: hidden;
}

.baike-detail .baike-con .faq li {
    padding-bottom: 20px;
    position: relative;
}

.baike-detail .baike-con .faq li::after {
    position: absolute;
    bottom: 0;
    left: 40px;
    right: 0;
    display: block;
    content: '';
    height: 1px;
    background: #ededed;
}

.baike-detail .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-detail .baike-con .faq li p {
    margin-top: 16px;
    padding-left: 40px;
    line-height: 28px;
    color: #999999;
    display: none;
}

.baike-detail .baike-con .faq li .icon {
    float: left;
    display: inline-block;
    margin-left: -40px;
    width: 28px;
    height: 28px;
    line-height: 28px;
}

.baike-detail .baike-con .faq li .faq-q {
    background: url(../img/ask_question.png) left 1px no-repeat;
}

.baike-detail .baike-con .faq li .faq-a {
    background: url(../img/ask_answer.png) left 1px no-repeat;
}

.baike-detail .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: #999999;
    text-align: center;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.baike-detail .baike-con .faq li.on p {
    display: block;
}

.baike-detail .baike-con .faq li.on .iconfont {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.baike-detail .baike-info {
    /* margin-bottom: 20px; */
    padding: 30px;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #ededed;
}

.baike-detail .baike-info h1 {
    margin-bottom: 10px;
    line-height: 36px;
    font-size: 20px;
    text-align: center;
    color: #333;
}

.baike-detail .baike-info .time {
    line-height: 24px;
    font-size: 14px;
    color: #999;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}

.baike-detail .baike-info .time a {
    color: #b2b2b2;
    margin: 0 35px;
}

.baike-detail .baike-info p {
    text-indent: 2em;
    line-height: 24px;
    font-size: 14px;
    color: #333;
}

.baike-detail .baike-con {
    margin: 30px 0px 30px;
    padding: 25px 45px 0;
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 10px;
}

/* 医院首页 */
.hospitals_surgery .hospitalBox .hd li.on {
    border: 4px solid #52C4F7;
}

.hospitals_surgery .hospitalBox .hd li.on a {
    background-color: #52C4F7;
    color: #fff;
}

.hospitals_surgery .hospitalBox .hd li {
    height: 45px;
    line-height: 45px;
    border: 4px solid transparent;
}

.hospitals_surgery .hospitalBox .hd li:hover {
    border: 4px solid #52C4F7;
}

.hospitals_surgery .hospitalBox .hd li a {
    padding: 0 15px;
    color: #333;
}

.hospitals_surgery_list {
    width: 100%;
}

.hospitals_surgery_list .filter_txt {
    clear: both;
    padding: 10px;
}

.hospitals_surgery_list .hospitalBox .hospital-list li .address-row .address-text {
    font-size: 12px;
    width: 400px;
    -webkit-line-clamp: 1;
}

.hospitals_surgery_list .hospitalBox .hospital-list li .scxmbt {
    font-size: 12px;
}

.hospitals_surgery_list .hospitalBox .hospital-list li .address-row .sc a {
    background-color: #ddd;
    border: none;
    font-size: 12px;
    cursor: default;
    height: 20px;
    line-height: 20px;
    /* color: #000; */
}

.hospitals_surgery_list .hospitalBox .hospital-list li .address-row .sc {
    height: 56px;
    width: 300px;
}

.hospitals_surgery_list .hospitalBox .hospital-list li .pic {
    margin-right: 10px;
}

.hospitals_surgery_list .hospitalBox .hospital-list li {
    display: flex;
}

.hospitals_surgery_list .hospitalBox .hospital-list li .attest-btn .yuyue {
    margin-left: 10px;
}

.hospitals_surgery_list .hospitalBox .hospital-list li .attest-btn {
    position: relative;
    display: flex;
    width: 100%;
    height: auto;
    line-height: normal;
}

.hospitals_surgery_list .pagination ul:first-child li:nth-last-child(-n + 3) {
    display: none;
}

.hospitals_surgery_list .hospitalBox .hospital-list li {
    width: 50%;
    float: left;
}

/* 医院详情 */

.hos_info_y {
    border: 1px solid #e8e8e8;
    overflow: hidden;
    padding-bottom: 20px;
    margin-top: 15px;
}

.hos_info_y h1 {
    border-bottom: 1px solid #e8e8e8;
    margin: 0 20px;
    padding-bottom: 20px;
    font-weight: bold;
    color: #333;
    margin-top: 18px;
}

.hos_focus {
    margin: 20px 30px 0 20px;
}

.hos_focus img {
    max-width: 250px;
    max-height: 250px;
}

.hos_info_y .info {
    width: 680px;
    margin-top: 25px;
    display: inline-block;
    font-size: 14px;
    position: relative;
}

.hos_info_y .info .tongji {
    border-bottom: 1px dashed #ddd;
    padding: 3px 0 8px 0;
}

.hos_info_y .info .tongji .yi {
    margin: -5px 0 5px 0;
}

.hos_info_y .info .tongji p {
    line-height: 27px;
    height: 27px;
}

.hos_info_y .info p {
    color: #333;
}

.hos_info_y .info .tongji .yi .cheng {
    font-size: 24px;
}

.hos_info_y .info .tongji .cheng {
    color: #ff7800;
    font: bold/16px;
    padding: 0 5px;
    position: relative;
    display: inline-block;
    top: 2px;
}

.hos_info_y .info .zxBtn {
    position: absolute;
    right: -100px;
    margin: auto;
    top: calc(50% - 21px);
}

.hos_info_y .info .list {
    padding: 0 0 5px 0;
}

.hos_info_y .info .list dl {
    line-height: 30px;
    display: inline-block;
    width: 100%;
}

.hos_info_y .info .list dl dt {
    float: left;
    color: #999;
    display: inline-block;
    line-height: 30px;
    height: 30px;
}

.hos_info_y .info .list dl dd {
    color: #333;
    float: left;
    display: inline-block;
    line-height: 30px;
}

.hos_info_y .info .list dl dd a {
    color: #333;
}

.hos_info_y .info .list dl dd a.red {
    color: #FF79A5;
}

.hos_info_y .info .list dl dd .rx {
    color: #ff79a5;
    font: bold 18px/30px Arial, Helvetica, sans-serif;
}

.hos_info_y .info .list .ico {
    width: 67px;
    height: 30px;
    margin-left: 5px;
    background: url(../img/yiremnzheng.png) center/contain no-repeat;
    display: block;
    float: left;
}

.hos_info_y .info .lx {
    padding-left: 83px;
}

.hos_info_y .info .lx p {
    padding-top: 20px;
}

.hos_info_y .info .lx .btn_a, .hos_info_y .info .lx .btn_b {
    width: 130px;
    height: 41px;
    line-height: 41px;
    background: url(../images/icon_yy.jpg) no-repeat 0 -554px;
    text-align: center;
    float: left;
    display: inline;
    margin: 14px 10px 0 0;
}

.hos_info_y .info .lx .btn_b {
    background: url(../images/icon_yy.jpg) no-repeat 0 -602px;
    margin-right: 120px;
    display: inline;
}

.hos_info_y .info .lx .btn_a a {
    color: #fff;
    font: normal 16px/41px;
    line-height: 41px;
}

.hos_info_y .info .lx .btn_a, .hos_info_y .info .lx .btn_b {
    line-height: 41px;
    text-align: center;
}

.hos_info_y .info .lx .btn_b a {
    color: #666;
    font-size: 16px;
}

.hos_info_y .info .sc, .hos_info_y .info .tj {
    float: left;
    height: 20px;
    line-height: 20px;
    margin-top: 10px;
    display: inline-block;
    padding-left: 20px;
    margin-right: 15px;
}

.hos_info_y .info .tj {
    background: url(../images/icon_yy.jpg) no-repeat 0 -471px;
}

.hos_info_y .info .tj a {
    color: #333;
}

.hos_info_y .info .sz {
    width: 500px;
}

.hos_info_y .info .sz span {
    display: inline-block;
    margin: 0 8px 8px 0;
    padding: 1px 8px;
    line-height: 24px;
    font-size: 12px;
    color: #333;
    text-align: center;
    background: #ddd;
    border-radius: 3px;
}

.hos_info_y .info .sc em, .hos_info_y .info .tj em {
    padding-left: 4px;
    color: #ff79a5;
    color: #ff79a5;
}

.yysy .jj {
    font-size: 14px;
    line-height: 35px;
    padding: 15px 0 0;
    text-align: justify;
}

.yysy .jj img {
    max-width: 100%;
}

.yysy .tuijian {
    display: flex;
    flex-wrap: wrap;
}

.yysy .tuijian .l_doc_a {
    padding: 5px;
    border: 1px solid #e8e8e8;
    width: 32%;
    display: flex;
    margin-top: 20px;
    box-sizing: border-box;
}

.yysy .tuijian .l_doc_a:not(:nth-child(3)) {
    margin-right: 1%;
}

.yysy .tuijian .l_doc_a .pic {
    margin-right: 10px;
    width: 150px;
    height: 185px;
    overflow: hidden;
}

.yysy .tuijian .l_doc_a .pic img {
    display: block;
    height: 185px;
}

.yysy .tuijian .l_doc_a .c {
}

.yysy .tuijian .l_doc_a h3 {
    padding-bottom: 6px;
    font-size: 16px;
    color: #ff79a5;
}

.yysy .tuijian .l_doc_a h3 a {
    color: #333;
}

.yysy .tuijian .l_doc_a h3 em {
    margin-left: 24px;
    font-size: 12px;
    color: #333;
    font-weight: normal;
}

.yysy .tuijian .l_doc_a p {
    font-size: 14px;
    line-height: 25px;
}

.fl_r {
    DISPLAY: inline;
    FLOAT: right;
}

.fl_l {
    DISPLAY: inline;
    FLOAT: left;
}

.put-content {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /* margin-bottom: 20px; */
    width: 100%;
}

.put-content li {
    display: inline-block;
    padding: 14px 0 14px 100px;
    box-sizing: border-box;
    width: 285px;
    height: auto;
    line-height: 1.5em;
    cursor: pointer;
}

.put-li-a {
    background: #f0f6fc url(../img/icon/put_1.png) 40px center no-repeat;
}

.put-li-a:hover {
    background: #f0f6fc url(../img/icon/put_11.png) 40px center no-repeat;
    -moz-box-shadow: 1px 1px 9px #52C4F7;
    -webkit-box-shadow: 1px 1px 9px #52C4F7;
    box-shadow: 1px 1px 9px #52C4F7;
}

.put-li-b {
    background: #f0f6fc url(../img/icon/put_3.png) 40px center no-repeat;
}

.put-li-b:hover {
    background: #f0f6fc url(../img/icon/put_33.png) 40px center no-repeat;
    -moz-box-shadow: 1px 1px 9px #52C4F7;
    -webkit-box-shadow: 1px 1px 9px #52C4F7;
    box-shadow: 1px 1px 9px #52C4F7;
}

.put-li-c {
    box-sizing: border-box;
    border: 1px solid #f0f6fc;
    background: #f0f6fc url(../img/icon/put_2.png) 40px center no-repeat;
}

.put-li-c:hover {
    background: #f0f6fc url(../img/icon/put_22.png) 40px center no-repeat;
    -moz-box-shadow: 1px 1px 9px #52C4F7;
    -webkit-box-shadow: 1px 1px 9px #52C4F7;
    box-shadow: 1px 1px 9px #52C4F7;
}

.put-li-d {
    box-sizing: border-box;
    border: 1px solid #f0f6fc;
    background: #f0f6fc url(../img/icon/put_4.png) 40px center no-repeat;
}

.put-li-d:hover {
    background: #f0f6fc url(../img/icon/put_44.png) 40px center no-repeat;
    -moz-box-shadow: 1px 1px 9px #52C4F7;
    -webkit-box-shadow: 1px 1px 9px #52C4F7;
    box-shadow: 1px 1px 9px #52C4F7;
}

.put-content .put-t {
    font-size: 18px;
    padding-left: 10px;
    padding-top: 2px;
}

.put-content .put-c {
    font-size: 14px;
    padding: 3px 0 0 10px;
    color: #969696;
}

.put-right {
    display: block;
    width: 100%;
    padding-top: 5px;
}

.put-right li {
    display: block;
    width: 100%;
    padding: 6px 0 6px 80px;
}

.put-right .put-t {
    font-size: 16px;
    padding-left: 10px;
}

.put-right .put-c {
    font-size: 12px;
    padding: 0 0 0 10px;
    color: #969696;
}

.yy-hd {
    overflow: hidden;
    padding-top: 10px;
    border-bottom: 1px solid #ededed;
}

/* .yy-hd h2::after {
  content: '';
  width: 72px;
  height: 3px;
  position: absolute;
  bottom: -3px;
  background: #52C4F7;
  margin: 0 auto;
  left: 0;
  right: 0;
} */
.yy-hd {
    display: flex;
    align-items: center;
}

/* .yy-hd h2 {
  height: 60px;
  line-height: 60px;
  border-bottom: 3px solid #fff;
  position: relative;
  font-size: 20px;
  color: #52C4F7;
  font-weight: 500;
  text-align: center;
  display: inline-block;
} */
.yy-hd .iconfont {
    padding-right: 10px;
    width: 22px;
    font-size: 20px;
    font-weight: normal;
}

.yy-hd .more {
    display: inline-block;
    line-height: 24px;
    font-size: 16px;
    color: #888888;
}

.yy-hd .more .iconfont {
    float: right;
    padding-left: 10px;
    font-size: 18px;
}

.baike-project-more {
    width: 160px;
    height: 50px;
    background: #52C4F7;
    border-radius: 10px;
    font-size: 20px;
    text-align: left;
    color: #fefefe;
    line-height: 50px;
    letter-spacing: 1px;
    display: block;
    text-align: center;
    margin: 20px auto 50px;
}


.parter {
    text-align: center;
    justify-content: space-around;
    margin-bottom: 20px;
    display: flex;
}

.parter li {
    border-radius: 7px;
    width: 30%;
    padding: 9px 0;
    font-size: 14px;
    cursor: pointer;
}

.parter li:first-child {
    background-color: #629cff;
}

.parter li:nth-child(2) {
    background-color: #f93886;
}

.parter li:nth-child(3) {
    background-color: #2ea7e0;
}

.parter li a {
    color: #fff;
}


/* 图片模糊处理 */
/* 问答 */
.ask-show .question-box .desc img, .ask-show .answer-box .answer-list li .desc img,
    /* 百科经验 */
.baike-list li img, .baike-con-old .content img,
    /* 植发资讯 */
.news-list li img, .news-detail .content img, .index-news .index-news-list img,
    /* 发友日记 */
.diaryBox .diary-list li .photos img, .diary-detail .day-con li img, .soGroup-list li .info img, .index-diary .diary-box .diary-list li .photos img {
    filter: blur(5px);
}

.noDataBtn {
    max-width: 282px;
    margin: 0 auto;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    background-color: #52C4F7;
    text-align: center;
    border: 1px solid #52C4F7;
    border-radius: 8px;
    cursor: pointer;
    margin-top: 20px;
}

.shenming {
    color: #7d7d7d;
    border: 1px solid #eee;
    padding: 10px;
    line-height: 32px;
    font-size: 14px
}


.news-detail .content h3 {
    color: #52c4f7;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 25px;
}

.news-detail .content h2 {
    color: #52c4f7;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 25px;
}


.source-info {
    width: 80%;
    margin: -13px 0px;
    float: left;
    display: flex;
}

.source-info div {
    font-size: 12px;
    flex: 1;
}

.source-info span {
    color: #1E9FFF;
}

.source-info a {
    color: #1E9FFF;
}

/* ===============ai搜索 start========*/
.sear-wrap{width: 1200px;margin: 0 auto;overflow: hidden;}
.AiContent{height: 740px;width: 100%;background: url(../img/aibg.png) no-repeat;}
.AiContent .generatedContent {height: 530px;position: relative;background: white;border-radius: 8px;padding: 21px 90px 31px 66px;}
.AiContent .generatedContent::before {content: '';position: absolute;inset: 0;padding: 2px;border-radius: 10px;background: linear-gradient(135deg, #7437E6 0%, #7ADDFE 100%);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;}
.AiContent .generatedContent .oneBs{display: flex;flex-direction: row;align-items: center;}
.AiContent .ai01Icon{width: 555.66px;height: 92.33px;padding: 11px 0 18px 0;margin: 0 auto;display: flex;}
.AiContent .cont01{width: 30px;height: 30px;display: flex;}
.AiContent .cont02 {font-size: 16px;background: linear-gradient(90deg, rgba(39, 165, 207, 1) 0%, rgba(116, 55, 230, 1) 100%);-webkit-background-clip: text;background-clip: text;color: transparent;display: inline-block;}
.AiContent .bontAiIcon{height: 115px;width: 100%;border-radius: 17px;overflow: hidden;margin-top: 17px;display: flex;}
.AiContent .zuyi{font-size: 16px;color: #FF5733;padding-left: 20px;background: url(../img/zhuyi.png) 0px 4px no-repeat;}
.AiContent .contextBox{height: 334px;overflow-y: auto;margin: 14px 0;font-size: 16px;color: #333;line-height: 26px;white-space: pre-line;}
.AiContent .img-cover{width: 100%;height: 100%;object-fit: contain;}
.aiIcon{width: 128px;height: 30px;display: flex;border-right: 1px solid rgba(224, 224, 224, 1);padding-left: 12px;}
/* ===============ai搜索 end========*/