.center{width: 1200px; margin: 0 auto; overflow: hidden;}
.mt30{margin-top: 30px !important;}
.content-left{width: 890px; overflow: hidden;}
.left{float: left;}
.top-banner{width: 240px; height: 565px; background-image: url(../images/dairy-rigth.png);}
.top-menu{width: 620px; overflow: hidden;}
.top-contrast{padding: 1px 2px 10px;}
.top-contrast >li:first-child{margin-right: 20px;}
.top-contrast >li{width: 290px; height: 202px; border: 1px solid #eeeded; font-size: 15px; color: #666; overflow: hidden; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.wrap{width: 100%; overflow: hidden;}
.before-img, .after-img{width: 50%; height: 151px; overflow: hidden;}
.relative{position: relative;}
.before-img img, .after-img img{width: 100%;}
.before-img .before{background-color: #000; opacity: 0.4;}
.before-img .before, .after-img .after, .rl-before, .rl-after{left: 0; bottom: 5px; width: 60px; height: 24px; line-height: 24px; border-top-right-radius: 16px; border-bottom-right-radius: 16px; text-align: center; font-size: 14px; color: #fff;}
.absolute{position: absolute;}
.before-img, .after-img{width: 50%; height: 147px; overflow: hidden;}
.before-img img, .after-img img{width: 100%; min-height:147px;}
.after-img .after, .rl-after{background-color: #FF6980; opacity: 0.6;}
.before-img .before, .after-img .after, .rl-before, .rl-after{left: 0; bottom: 5px; width: 60px; height: 24px; line-height: 24px; border-top-right-radius: 16px; border-bottom-right-radius: 16px; text-align: center; font-size: 14px; color: #fff;}
.contrast-text{padding: 0 14px; height: 54px; line-height: 54px; overflow: hidden;}
.pointer{cursor: pointer;}
.ellipsis{display: block; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
.top-menu{width: 620px; overflow: hidden;}
.right{float: right;}
.article-list >li{margin-top: 15px; font-size: 16px; color: #4d4d4d;}
.article-list >li:first-child >i{background-color: #ec6908;}
.article-list >li >i{display: inline-block; width: 20px; height: 20px; line-height: 20px; border-radius: 20px; background-color: #cacaca; font-size: 14px; color: #fff; text-align: center; vertical-align: super;}
.article-list >li .article-test{display: inline-block; margin-left: 13px; width: 424px; overflow: hidden;}
.ellipsis{display: block; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
.clearfix span a, .sort .sort_list a{color: #666;}
.article-list >li .right{font-size: 13px; color: #ccc;}
.article-list >li .right >i{display: inline-block; width: 15px; height: 14px; background-position: -48px 0; margin-right: 5px; vertical-align: sub;}
.pstation{background-image: url(../images/small-icon.png); background-size: 200px 200px;}
.article-list >li:nth-child(2)> i{background-color: #FF6980;}
.article-list >li:nth-child(3)> i{background-color: #9d9d9d;}
.article-list >li >i{display: inline-block; width: 20px; height: 20px; line-height: 20px; border-radius: 20px; background-color: #cacaca; font-size: 14px; color: #fff; text-align: center; vertical-align: super;}
.content-right{width: 280px; overflow: hidden;}
.hot-diary{padding: 0 20px; border: 1px solid #dfdfdf; box-sizing: border-box; overflow: hidden;}
.hot-title{margin-top: 24px; font-size: 20px; color: #333;}
.hot-list{margin-bottom: 26px;}
.hot-list > li{margin-top: 28px;}
.hot-list >li .hot-left{width: 68px; height: 68px; border-radius: 68px; overflow: hidden;}
.hot-list >li .hot-rigth{width: 152px; overflow: hidden;}
.hot-text{font-size: 15px; color: #666;}
.hot-read{margin-top: 12px; font-size: 13px; color: #999;}
.hot-read >i{display: inline-block; width: 18px; height: 12px; margin-right: 5px; font-style: normal; overflow: hidden; background-position: -180px -32px;}
.hot-read >span{color: #FF6980;}
.diary-icon{background: url(../images/small-icon.png); background-size: 200px; height: 200px;}
.hot-list >li .hot-left img{width: 100%;height: 100%;}
.msg > .right .conts li:nth-child(2) i {background-color: #f90;}

.mt30{margin-top: 30px !important;}
.center{width: 1200px; margin: 0 auto; overflow: hidden;}
.msg{margin-top: 12px;}
.msg > .left{width: 630px;}
.msg .title{font-size: 22px; color: #999; border-bottom: solid 1px #eee; line-height: 58px; height: auto; overflow: hidden;}
.msg .left .title .block{margin-right: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: auto; width: 90px; cursor: pointer;}
.on{border-bottom: solid 3px #FF6980; color: #333;}
.msg .left .title .block{margin-right: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: auto; width: 90px; cursor: pointer;}
.msg .left .cont{height: auto;}
.msg .left .cont .block{width: 290px; height: 68px; margin-top: 20px; overflow: hidden;}
.msg .left .cont .block .left{width: 98px; overflow: hidden; _float: left;}
.msg .left .cont .block .left a{display: block; width: 100%; overflow: hidden;}
.msg .left .cont .block .left a img{width: 100%; min-height:68px;}
.msg .left .cont .block .right{margin-left: 15px; width: 177px; -ms-flex-flow: column nowrap; -webkit-flex-flow: column nowrap; flex-flow: column nowrap; justify-content: center; font-size: 12px; color: #999; line-height: 18px; _float: right; _overflow: hidden; _margin-left: 0; _margin-right: 5px; overflow: hidden;}
.msg .left .cont .block .right .name{font-size: 14px; color: #333; max-height: 44px; line-height: 22px; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
.msg .left .cont .block .right a{color: #666; display: inline-block;}
.add-two-icon{width: 100%; font-size: 12px; color: #999; margin-top: 4px; overflow: hidden;}
.add-two-icon >span{display: inline-block; width: 50%; float: left;}
.add-two-icon >span .data{display: inline-block; width: 15px; height: 14px; background-position: -48px 0;}
.add-two-icon >span>span{background-image: url(../images/small-icon.png); background-size: 200px 200px; margin-right: 5px; vertical-align: sub;}
.pstation{background-image: url(../images/small-icon.png); background-size: 200px 200px;}
.add-two-icon >span{display: inline-block; width: 50%; float: left;}
.add-two-icon >span .meb{display: inline-block; width: 12px; height: 14px; background-position: -81px 0;}
.add-two-icon >span>span{background-image: url(../images/small-icon.png); background-size: 200px 200px; margin-right: 5px; vertical-align: sub;}
.msg .left .cont .block .right a{color: #666; display: inline-block;}
.addyan{width: 79%; float: right; height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.msg .left .cont .block:nth-child(even){margin-left: 50px;}
.msg > .right{width: 471px;}
.new-zxn{font-size: 22px; color: #999; border-bottom: solid 1px #eee; line-height: 58px; height: auto; overflow: hidden;}
.new-zxn > .titles{width: 90px; border-bottom: solid 3px #fc768e; color: #333;}
.msg > .right .conts{color: #333; font-size: 15px; line-height: 22px;}
.text-left{text-align: left; margin-top: 10px; overflow: hidden;}
.msg > .right .conts li{height: 22px; margin: 10px 0 13px 0;}
.msgr li{width: 100%; height: 22px; overflow: hidden;}
.msg > .right .conts li:first-child i{background-color: #ec390f;}
.msg > .right .conts i, .msg .right .conts i{display: inline-block; padding: 0 6px; margin-right: 5px; background-color: #cacaca; border-radius: 2px; font-size: 12px; color: #fff; vertical-align: top; _float: left;}
.conts li a{color: #333;}
.msg > .right .conts li span{display: inline-block;}
.msg > .right .conts li .text{width: 320px;}
.zx-data{display: inline-block; width: 15px; height: 14px; background-position: -48px 0; margin: 4px 5px 0 0; vertical-align: sub;}
.msg > .right .conts li .fg-gray{color: #999; font-size: 12px;}

.good-author{font-size: 15px; color: #999;}
.good-author >i{display: inline-block; width: 32px; height: 32px; vertical-align: bottom;}
.index-icon{background-image: url(../images/diry-sprite.png); background-size: 224px 32px;}
.good-author >h3{display: inline-block; width: auto; margin: 0 5px; font-size: 24px;}
.deep-color{color: #fc768e;}
.p-color2{font-size: 24px; color: #ccc; font-family: FangSong;}
.deep-color{color: #fc768e;}
.author{margin-top: 21px;}
.author >li{width: 171px; height: 188px; border: 1px solid #ededed; border-right: none; box-sizing: border-box; font-size: 17px; color: #666; text-align: center;}
.author >li:last-child{ border-right: 1px solid #ededed;}
.author >li:hover{border: 1px solid #fc768e}
.author >li .author-people{width: 108px; height: 108px; margin: 0 auto; margin-top: 22px; margin-bottom: 21px; border-radius: 100%;}
.author >li .author-people img{width: 100%;height: 100%; border-radius: 100%;}
.contents{margin-bottom: 50px}
.mt50{margin-top: 30px}
.before-img img{width: 100%;height: 100%}

/*分类案例*/
.list_item{ width: 1198px; height: auto; border: 1px solid #CCB8A0; line-height: 21px;color: #000; margin:20px auto 10px; overflow: hidden;}
.list_item span{display: inline-block;float: left;font-size: 12px;margin: 6px 20px 0 40px;}
.list_item a{ display: inline-block;font-size: 12px;margin: 6px 11px;padding: 0 5px;color: #434343;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.list_item a.currentk,.list_item a:hover{background: #CCB8A0;color: #fff;font-size: 12px;margin: 6px 11px;border-radius: 3px;}
.list_item a.currents{color: #CCB8A0;font-size: 12px;margin: 6px 11px;border-radius: 3px;}
.list_item a.currents:hover{background: none;}
.list_item_con{width:1040px;height:auto;float:right;}

.diqu-as>div:nth-child(2){ width:1020px; background: #fcfafe; border-radius: 10px; margin: 8px auto;}
.diqu-as>div:nth-child(2)>a{ font-size: 12px; color: #777;}
.diqu-as>div:nth-child(2)>a:hover{ color: #fff;}
.diqu-as>div:nth-child(2)>a.currentk{ background: #CCB8A0;color: #fff;font-size: 12px;margin: 6px 11px;border-radius: 3px;}

/* 案例列表 */
.case_ul{ width: 1224px; padding-top:10px; margin: 0 auto; overflow: hidden;}
.case_ul li{ width: 362px; padding: 10px; margin: 0 12px 20px; border: 1px solid #e8e8e8; border-radius: 4px; float: left;}
.case_ul li:hover{ box-shadow: 0 0 8px #999999;}

.caseImg{ width: 362px; overflow: hidden;}
.caseImg p{ width: 176px; height: 176px; float: left;}
.caseImg p>img{ width: 176px; min-height: 176px;}
.caseImg p:first-child{ margin-right: 10px;}

.caseCon{ width: 362px; margin-top: 10px; overflow: hidden;}
.caseCon p{ font-size: 15px; color: #666; line-height: 30px; overflow: hidden;}
.caseCon p>span{ color: #999;}
.caseCon p>i{ font-size: 16px; font-style: normal; color: #FFA036; float: right;}

/* 分页 */
.hospital_page{float: left; position: relative; left: 50%; margin-top: 26px;}
.paging{overflow: hidden; float: left; position: relative; right: 50%; padding: 6px;}
.paging .first_page, .paging .last_page{float: left; width: 40px; height: 24px; line-height: 24px; border-radius: 5px; background-color: #b5b5b5; font-size: 12px; text-align: center; color: #fff;}
.paging .first_page a, .paging .last_page a{color: #fff;}
.paging .unmber_ul{float: left; overflow: hidden;}
.paging .unmber_ul li{padding: 0 8px; height: 24px; line-height: 24px; text-align: center; float: left; margin: 0 8px; border-radius: 5px; cursor: pointer;}
.paging .unmber_ul li a{display: block; width: 100%;}