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