@charset "utf-8";
html {
    -webkit-text-size-adjust: none;
    word-wrap: break-word;
    word-break: break-all
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

body {
    color: #656565;
    background-color: #f8f8f8;
    font-size: 14px;
    font-family: "Microsoft YaHei", Verdana, sans-serif;
    outline: 0
}

a {
    text-decoration: none;
    color: #666;
    transition: all .25s ease 0s;
    outline: 0
}

a:hover {
    color: #d6623d
}

img {
    border: 0
}

dd, div, dl, dt, form, h1, h2, h3, h4, h5, img, input, label, p, span, textarea, ul {
    margin: 0;
    padding: 0;
    outline: 0
}

.container {
    width: 1280px;
    margin: 0 auto
}

#header {
    height: 120px;
    line-height: 120px;
    display: none
}

.header .logo {
    float: left;
    width: 180px
}

.header .logo img {
    max-width: 100%;
    vertical-align: middle
}

.search {
    display: none;
    position: absolute;
    top: 45px;
    left: 0;
    right: 0;
    background-color: #fff;
    padding: 40px 0
}

.search form {
    width: 80%;
    margin: 0 auto
}

.search input {
    float: left;
    width: 75%;
    padding-left: 2%;
    height: 40px;
    line-height: 40px;
    border: 2px solid #d6623d
}

.search button {
    float: left;
    width: 25%;
    height: 40px;
    line-height: 40px;
    border: 1px solid #d6623d;
    background-color: #d6623d;
    text-align: center;
    color: #fff
}

.mainl {
    float: left;
    width: 180px;
    min-height: 1px
}

.mainl .logo {
    width: 100%;
    height: 120px;
    line-height: 120px;
    text-align: center;
}

.mainl .logo img {
    max-width: 100%;
    height: 100%;
    vertical-align: middle
}

.fixednav {
    position: fixed;
    top: 0;
    z-index: 265
}

.gs {
    width: 180px
}

.mainc {
    float: left;
    margin-left: 20px;
    width: 800px;
    margin-bottom: 30px;
    padding-top: 20px
}

.mainc .body {
    width: 100%;
    height: 100%;
    background-color: #fff;
    border: 1px solid #ececec;
    padding: 0
}

.mainc .bannertop {
    height: 80px;
    line-height: 80px;
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px
}

.mainc .bannertop img {
    max-width: 100%;
    vertical-align: middle
}

#slider {
    width: 100%;
    height: 350px;
    overflow: hidden;
    margin-bottom: 20px
}

.swiper-container {
    width: 100%;
    height: 100%
}

.swiper-slide {
    font-size: 18px;
    background: #fff;
    position: relative;
    width: 100%;
    height: 100%
}

.swiper-pagination-bullet {
    background-color: #fafafa;
    width: 12px;
    height: 12px
}

.swiper-pagination-bullet-active {
    background: #fff
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url(../images/swiper-next.png)
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url(../images/swiper-next.png);
    transform: rotate(180deg)
}

.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.swiper-slide p {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    background-color: rgba(0, 0, 0, .6);
    height: 50px;
    line-height: 50px;
    padding-left: 3%;
    padding-right: 10%;
    overflow: hidden
}

.swiper-pagination-bullets {
    text-align: right
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 15px;
    width: 99%
}

.mainc h1 {
    color: #150707;
    background-color: #f7f7f7;
    font-size: 18px;
    border-left: 2px solid #d6623d;
    font-weight: 400;
    padding-left: 40px;
    height: 50px;
    line-height: 50px;
    margin-left: -2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.mainc .tab i {
    font-style: normal;
    display: inline-block;
    float: left
}

.mainc .tab span {
    display: inline-block;
    float: right;
    padding-right: 20px;
    color: #d6623d;
    font-size: 13px
}

.mainc .tab span a {
    color: #d6623d;
    display: inline-block;
    margin-left: 15px
}

.list ul {
    padding-left: 30px;
    padding-top: 20px;
    padding-right: 30px;
    list-style: none
}

.list li {
    display: block;
    font-size: 16px;
    margin-bottom: 23px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.list li span {
    display: inline-block;
    margin-right: 20px
}

.list li i {
    font-style: normal;
    color: #d6623d;
    letter-spacing: 6px
}

.cms {
    padding: 10px 20px 0 20px
}

.cms ul {
    list-style: none
}

.cms li {
    padding: 20px 10px;
    border-bottom: 1px dotted #d3d3d3;
    overflow: hidden;
    border-right: 3px solid #fff
}

.cms li:hover {
    background-color: #fbfbfb;
    border-right: 3px solid #d6623d
}

.cms li .img {
    float: left;
    width: 240px;
    height: 140px;
    overflow: hidden
}

.cms li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    transition: all .6s
}

.cms li:hover .img img {
    transform: scale(1.1)
}

.cms li .imgr {
    margin-left: 260px
}

.cms li .imgr h5 {
    font-size: 22px;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 400
}

.cms li .imgr h5 a {
    color: #404040
}

.cms li .imgr h5 a:hover {
    color: #d6623d
}

.cms li .imgr p {
    margin-top: 6px;
    margin-bottom: 30px;
    line-height: 25px;
    height: 50px;
    overflow: hidden
}

.cms li .imgr span {
    color: #bbb;
    display: inline-block
}

.cms li .imgr span i {
    font-style: normal;
    margin-left: 6px;
    margin-right: 3px
}

.cms li .imgr span b {
    font-weight: 400
}

.cms li .imgr span a {
    color: #bbb
}

.cms li .imgr span.time {
    float: right
}

.pagebar {
    text-align: center
}

.pagebar a, .pagebar span {
    display: inline-block;
    text-align: center;
    line-height: 35px;
    padding: 0 14px;
    margin: 10px 2px;
    font-size: 16px
}

.pagebar a:hover, .pagebar span {
    background-color: #d6623d;
    color: #fff
}

.pagebar a {
    border: 1px solid #f8f8f8;
    background-color: #f8f8f8
}

.ias_trigger, .pagination-loading {
    text-align: center;
    padding-top: 20px;
    color: #d6623d;
    font-size: 18px;
    padding-bottom: 20px
}

.ias_trigger a {
    color: #d6623d;
    font-size: 18px
}

.mainr {
    float: right;
    width: 260px;
    padding-top: 20px
}

.mainr .bannerright {
    height: 80px;
    line-height: 80px;
    width: 100%;
    margin-bottom: 20px
}

.mainr .bannerright img {
    max-width: 100%;
    vertical-align: middle
}

.widget {
    background-color: #fff;
    margin-bottom: 20px;
    padding: 10px 0
}

.widget h4 {
    line-height: 30px;
    color: #150707;
    background-color: #f7f7f7;
    font-size: 16px;
    border-left: 2px solid #d6623d;
    margin-left: -2px;
    padding-left: 10px;
    font-weight: 400
}

.widget ul {
    padding: 10px 10px 0;
    overflow: hidden;
    list-style: none
}

.widget ul ul {
    display: none
}

.widget li {
    float: left;
    width: 50%;
    line-height: 24px
}

.widget .widget_div {
    padding: 0 10px;
    overflow: hidden
}

.widget .widget_div img {
    max-width: 100%
}

.widget .widget_div form {
    margin-top: 10px
}

.widget_navbar ul {
    list-style: none;
    padding: 0
}

.widget_navbar li {
    float: none;
    padding: 5px 0;
    position: relative;
    width: 100%
}

.widget_navbar li a {
    display: block;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    letter-spacing: .5px
}

.widget_navbar li.active > a {
    background-color: #6292ea;
    color: #fff
}

.widget_navbar li:hover > a {
    background-color: #d6623d;
    color: #fff
}

.nav ul {
    overflow: visible;
    z-index: 111
}

.nav ul ul {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    background-color: #fff;
    border: 1px solid #ececec
}

.nav ul li:hover > ul {
    display: block
}

.nav ul ul li {
    white-space: nowrap
}

.nav ul ul li a {
    display: block;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    letter-spacing: .5px;
    padding: 0 30px
}

.nav ul ul ul {
    left: 100%;
    top: 0
}

.widget_tags ul {
    overflow: hidden;
    margin-right: -5px
}

.widget_tags li {
    float: left;
    width: auto;
    margin-right: 5px;
    margin-bottom: 5px
}

.widget_tags li a {
    display: block;
    padding: 0 5px;
    color: #fff
}

.widget_tags li[class$="0"] a {
    background-color: #4a4a4a
}

.widget_tags li[class$="1"] a {
    background-color: #428bca
}

.widget_tags li[class$="2"] a {
    background-color: #5cb85c
}

.widget_tags li[class$="3"] a {
    background-color: #d9534f
}

.widget_tags li[class$="4"] a {
    background-color: #567e95
}

.widget_tags li[class$="5"] a {
    background-color: #b433ff
}

.widget_tags li[class$="6"] a {
    background-color: #00aba9
}

.widget_tags li[class$="7"] a {
    background-color: #b37333
}

.widget_tags li[class$="8"] a {
    background-color: #f60
}

.widget_tags li[class$="9"] a {
    background-color: #d8b303
}

.widget_searchpanel form {
    width: 100%
}

.widget_searchpanel form input[type=text] {
    width: 74%;
    float: left;
    height: 30px;
    line-height: 30px;
    border: 1px solid #d6623d;
    padding-left: 1%
}

.widget_searchpanel form input[type=submit] {
    width: 22%;
    float: left;
    height: 30px;
    line-height: 30px;
    border: 0 solid #d6623d;
    background-color: #d6623d;
    margin-left: -1px;
    color: #fff
}

.widget_comments li {
    margin-bottom: 10px;
    font-size: 12px
}

.widget_comments li img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    float: left;
    margin-right: 10px
}

.widget_comments li span {
    color: #999
}

.widget_previous ul {
    list-style: none
}

.widget_previous li {
    overflow: hidden;
    width: 100%;
    margin-bottom: 8px
}

.widget_previous li:hover {
    background-color: #fbfbfb
}

.widget_previous li a {
    display: block
}

.widget_previous li .img {
    float: left;
    width: 100px;
    height: 62px;
    overflow: hidden
}

.widget_previous li .img img {
    width: 100%;
    /*height: 100%;*/
    object-fit: cover;
    overflow: hidden;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.widget_previous li p {
    margin-left: 110px;
    line-height: 24px;
    font-size: 14px;
    max-height: 72px;
    overflow: hidden
}

.widget_calendar #tbCalendar {
    width: 100%;
    text-align: center
}

.widget_calendar caption {
    background-color: #fafafa;
    height: 20px;
    line-height: 20px
}

.widget_calendar td a {
    display: block;
    margin: 0 5px;
    background: #d6623d;
    color: #fff
}

.widget_wechats {
    text-align: center;
    padding: 0
}

.widget_wechats img {
    max-width: 100%
}

.widget_link li {
    white-space: nowrap;
    text-overflow: ellipsis
}

.widget_comments li {
    width: 100%
}

.widget_author .title {
    padding: 10px 20px;
    text-align: center;
    border-bottom: 1px solid #ddd
}

.widget_author .title img {
    width: 60px;
    height: 60px;
    border-radius: 50%
}

.widget_author .info h5 {
    font-size: 16px;
    line-height: 32px
}

.widget_author ul {
    list-style: none
}

.widget_author li {
    float: none;
    width: 100%;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.widget_author li::before {
    content: "";
    width: 3px;
    height: 3px;
    background-color: #333;
    position: absolute;
    margin-top: 12px
}

.widget_author li a {
    padding-left: 10px
}

.article_content {
    padding: 20px 30px;
    overflow: hidden
}

.mainc h3 {
    color: #150707;
    background-color: #f7f7f7;
    font-size: 16px;
    border-left: 2px solid #d6623d;
    font-weight: 400;
    padding-left: 40px;
    height: 40px;
    line-height: 40px;
    margin-left: -2px
}

.mainc .info {
    padding: 15px 30px;
    border-bottom: 1px dotted #ddd;
    color: #999;
    font-size: 13px
}

.mainc .info span {
    margin-right: 12px
}

.mainc .info span i {
    margin-right: 5px
}

.mainc .info span b {
    font-weight: 400
}

.mainc .info a {
    color: #999
}

.article_content {
    font-size: 16px;
    line-height: 32px;
    word-break: break-all;
    word-wrap: break-word;
    padding-bottom: 5px;
    position: relative
}

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

.article_content h1, .article_content h2, .article_content h3, .article_content h4, .article_content h5, .article_content h6 {
    margin-bottom: 18px;
    background-color: #fbfbfb;
    color: #333;
    border-left: 4px solid #d6623d;
    padding-left: 10px;
    margin: 10px 0;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    font-weight: 400
}

.article_content h2 {
    font-size: 24px
}

.article_content h2 {
    font-size: 20px
}

.article_content h3 {
    font-size: 18px
}

.article_content h4 {
    font-size: 16px
}

.article_content h5 {
    font-size: 14px
}

.article_content h6 {
    font-size: 12px
}

.article_content ol, .article_content ul {
    margin: 0 0 18px 50px
}

.article_content ul {
    list-style: disc
}

.article_content ol {
    list-style: decimal
}

.article_content li {
    margin-bottom: 6px
}

.article_content pre {
    word-wrap: break-word
}

.article_content table {
    border-top: solid 1px #ddd;
    border-left: solid 1px #ddd;
    width: 100%;
    margin-bottom: 18px
}

.article_content table th {
    background-color: #f9f9f9;
    text-align: center
}

.article_content table td, .article_content table th {
    border-bottom: solid 1px #ddd;
    border-right: solid 1px #ddd;
    padding: 5px 10px
}

.article_content .alignnone {
    margin: 0 auto
}

.article_content .alignleft {
    float: left;
    text-align: left;
    margin-right: 10px
}

.article_content .aligncenter {
    margin: 0 auto;
    text-align: center;
    display: block
}

.article_content .alignright {
    float: right;
    text-align: right;
    margin-left: 10px
}

.article_content a {
    color: #d6623d
}

.article_content a:hover {
    color: #f40;
    text-decoration: underline
}

.article_content pre, .comment pre {
    font-size: 12px;
    background: #ededed
}

.article_content blockquote {
    margin: 10px;
    border: 1px #d0d4c8 dashed;
    background: #f4f5f6 url(../images/blockquote.gif) 5px 3px no-repeat;
    padding: 8px 12px 8px 36px
}

.article_content blockquote p {
    padding: 8px 0;
    line-height: 26px;
    text-indent: 0;
    text-align: justify;
    color: #2a2a2a
}

.article_content embed, .article_content iframe, .article_content video {
    width: 510px;
    height: 498px
}

.related {
    padding: 20px 40px
}

.related ul {
    list-style: none
}

.related li {
    display: block;
    font-size: 16px;
    margin-bottom: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.related li span {
    display: inline-block;
    margin-right: 20px
}

.related li i {
    font-style: normal;
    color: #d6623d;
    letter-spacing: 6px
}

.post_comments {
    padding: 20px 30px
}

#comments {
    padding: 20px;
    border: 1px solid #e5e5e5;
    background-color: #fdfdfd;
    position: relative
}

#comment {
    overflow: hidden
}

#comment .ping {
    color: #333;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ededed;
    height: 24px;
    line-height: 24px;
    font-size: 20px;
    font-weight: 400
}

#comment .compost {
    margin: 20px 0
}

.compost .com_name {
    margin: 10px 0;
    overflow: hidden;
    color: #d6623d
}

.compost .com_name a {
    color: #ff5e52
}

.compost .com_box {
    margin: 10px 0
}

.compost .com_box textarea {
    width: 99.5%;
    border: 1px solid #ddd;
    display: block
}

.compost .com_info {
    margin: 10px 0;
    overflow: hidden
}

.compost .com_info ul {
    float: left;
    list-style: none;
    display: inline-block
}

.compost .com_info li {
    float: left;
    margin-right: 6px;
    margin-bottom: 10px
}

.compost .com_info li input {
    width: 160px;
    height: 30px;
    line-height: 30px;
    padding-left: 4px;
    border: 1px solid #ddd
}

.compost .com_info li span {
    margin-left: 4px
}

.compost .com_info li span img {
    height: 30px;
    line-height: 30px;
    vertical-align: top
}

.compost .com_info button {
    float: right;
    background-color: #d6623d;
    border: 0;
    border-radius: 3px;
    padding: 6px 10px;
    color: #fff;
    display: inline-block
}

#comment .comlist {
    margin: 10px 0
}

.comlist .title {
    margin: 10px 0;
    overflow: hidden
}

.comlist .title span {
    color: #333;
    background-color: #fff
}

.comlist ul {
    list-style: none;
    border-top: 1px solid #ededed
}

.comlist ul ul {
    margin-left: 3%;
    margin-top: 10px
}

.comlist li {
    overflow: hidden;
    padding: 20px 0
}

.comlist li:hover {
    background-color: #fafafa
}

.comlist li img {
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-left: 12px
}

.comlist li .clbody {
    margin-left: 64px
}

.clbody .cinfo {
    overflow: hidden
}

.clbody .cinfo h5 {
    float: left;
    height: 18px;
    line-height: 18px;
    color: #d6623d;
    font-size: 14px;
    font-weight: 400
}

.clbody .cinfo span {
    float: right;
    margin-right: 10px
}

.clbody .cinfo span a {
    color: #d6623d
}

.clbody .cinfo span i {
    margin-right: 4px
}

.clbody em {
    color: #888;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    font-style: normal;
    display: block
}

.clbody p {
    line-height: 24px;
    color: #4a4a4a;
    overflow: hidden
}

.clbody p a {
    color: #d6623d
}

#footer {
    padding: 10px 0;
    background: #232323;
    line-height: 24px;
    text-align: center;
    clear: both;
    overflow: hidden
}

#footer img {
    vertical-align: middle
}

.bottom_tools {
    position: fixed;
    z-index: 999;
    right: 20px;
    bottom: 20px;
    font-size: 38px
}

.bottom_tools a {
    width: 50px;
    height: 50px;
    line-height: 46px;
    display: block;
    background-color: rgba(0, 0, 0, .6);
    color: #fff;
    text-align: center;
    margin-bottom: 4px
}

.bottom_tools a.topcomment {
    margin-bottom: 0;
    line-height: 50px
}

.bottom_tools a:hover {
    background-color: #d6623d
}

.qr_tool {
    width: 50px;
    height: 50px;
    line-height: 56px;
    text-align: center;
    color: #fff;
    background-color: rgba(0, 0, 0, .6);
    margin-bottom: 4px
}

.qr_tool:hover {
    background-color: #d6623d
}

.bottom_tools .qr_img {
    position: absolute;
    top: 0;
    left: -160px;
    width: 146px;
    height: 146px;
    display: none;
    background-color: #ededed;
    padding: 6px
}

.bottom_tools .qr_img img {
    width: 146px;
    height: 146px
}

.fad {
    clear: both;
    margin-bottom: 30px
}

.fad img {
    max-width: 100%
}

.page404 {
    padding: 50px 0 50px;
    text-align: center;
    overflow: hidden
}

.page404 h6 {
    margin: 10px 0;
    color: #333;
    text-shadow: rgba(61, 61, 61, .3) 1px 1px, rgba(61, 61, 61, .2) 2px 2px, rgba(61, 61, 61, .3) 3px 3px;
    font-weight: 700;
    font-size: 52px;
    line-height: 150px
}

.page404 h3 {
    margin: 10px 0;
    color: #333;
    font-size: 30px;
    line-height: 35px;
    font-weight: 400
}

.serach404 {
    margin: 20px 0
}

.serach404 p {
    color: #333;
    font-size: 14px
}

.serach404 form {
    width: 420px;
    margin: 10px auto;
    overflow: hidden
}

.serach404 form input {
    float: left;
    width: 335px;
    height: 40px;
    line-height: 38px;
    box-sizing: border-box;
    padding-left: 2%;
    border: 1px solid #d6623d
}

.serach404 form button {
    float: right;
    width: 85px;
    line-height: 38px;
    height: 40px;
    background-color: #d6623d;
    color: #fff;
    text-align: center;
    border: 1px solid #d6623d;
    font-size: 16px
}

.goindex404 {
    text-align: center;
    margin: 20px 0
}

.goindex404 a {
    display: inline-block;
    padding: 8px 30px;
    background-color: #d6623d;
    color: #fff;
    border-radius: 2px;
    font-size: 16px
}

@media screen and (max-width: 980px) {
    .page404 {
        padding: 0 0 0
    }

    .serach404 form {
        width: 80%
    }

    .serach404 form input {
        width: 75%
    }

    .serach404 form button {
        width: 25%
    }
}

#mnav, #msearch {
    display: none
}

@media screen and (max-width: 1080px) {
    .container {
        width: 1000px
    }
}

@media screen and (max-width: 980px) {
    .container {
        width: 98%;
        margin-left: 1%;
        margin-right: 1%
    }

    body {
        margin-top: 55px
    }

    #header {
        display: block;
        height: 45px;
        line-height: 45px;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background-color: #f8f8f8;
        border-bottom: 1px solid #ececec;
        z-index: 112
    }

    .header .logo {
        width: 100%;
        text-align: left;
        padding-left: 5%
    }

    .header .logo img {
        max-height: 40px;
        vertical-align: middle
    }

    .mainc .bannertop {
        height: auto;
        margin-bottom: 10px;
        line-height: normal
    }

    .mainr .bannerright {
        height: auto;
        line-height: normal;
        width: 100%;
        margin-bottom: 10px
    }

    #mnav {
        display: block;
        position: absolute;
        top: 0;
        right: 20%;
        cursor: pointer
    }

    #mnav i {
        font-size: 18px
    }

    #msearch {
        display: block;
        position: absolute;
        top: 0;
        right: 5%;
        cursor: pointer
    }

    #msearch i {
        font-size: 18px
    }

    .mainl {
        display: none;
        width: 100%;
        position: fixed;
        top: 45px;
        left: 0;
        right: 0;
        z-index: 122;
        background-color: #fff
    }

    .mainl .logo {
        display: none
    }

    .fixednav {
        position: static;
        top: 0;
        z-index: 265
    }

    .gs {
        width: 100%
    }

    .mainc {
        margin-left: 0;
        width: 100%;
        padding-top: 0
    }

    #slider {
        width: 100%;
        height: 200px;
        margin-bottom: 10px
    }

    .swiper-slide p {
        display: none
    }

    .swiper-pagination-bullets {
        text-align: center
    }

    .mainc h1 {
        padding-left: 20px
    }

    .mainc h3 {
        padding-left: 20px
    }

    .mainc .tab span {
        display: none
    }

    .list ul {
        padding-left: 0
    }

    .cms {
        padding: 10px 10px 0
    }

    .cms li {
        padding: 10px 0
    }

    .cms li .img {
        width: 40%;
        height: 100px
    }

    .cms li .imgr {
        margin-left: 42%
    }

    .cms li .imgr h5 {
        height: 75px;
        line-height: 25px;
        white-space: normal;
        font-size: 18px;
        font-weight: 400;
        margin-bottom: 6px
    }

    .cms li .imgr p {
        display: none
    }

    .cms li .imgr span {
        display: block
    }

    .cms li .imgr span.time {
        float: none;
        display: none
    }

    .mainr {
        display: block;
        width: 100%
    }

    .article_content {
        padding: 20px
    }

    .related {
        padding: 20px
    }

    .post_comments {
        padding: 10px
    }

    .article_content embed, .article_content iframe, .article_content video {
        width: 100%;
        height: 220px
    }
}