UTF-8st-comments .comment-textarea .submit-btn input:hover, .post-comments .comment-body .submit-btn input:hover{ background:#C9333A; } .wx-img.wx-img-share{ padding:10px; background:white; box-shadow: 0px 0px 5px #ccc; } img{ object-fit:contain; } .single-content .primary .post-header h1{ letter-spacing: -1px; } .single-content .primary{ width:66%; max-width: unset; min-width: unset; } .single-content aside{ width:32%; max-width: unset; min-width: unset; } .redLine{ background:#c9333a; } #self-comment{ flex-wrap:nowrap; } body{ background:none; } .getTop{ display:none; } .goTop div{ opacity: 0; z-index:-1; } .post-body img{ width:100%; } .single-content .primary .post-body figcaption{ text-align:left !important; } .post-content{ margin-top:20px; } .subColumn{ display:none !important; } .galleryContentLi{ height:auto !important; } .galleryContentLi .swiper-slide{ display: flex; justify-content: space-between; } .galleryContentLi .galleryContentImg { width:60%; } .galleryContentLi .galleryContentComment{ width:38%; } .focusDivArBtns{ position: absolute; top: calc(50% - 10px); width: 100%; } .arRight{ position: absolute; right: 0; } .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white{ background:rgba(0,0,0,0.75); } .swiper-button-next:after, .swiper-button-prev:after{ font-size:30px; } .galleryContentTub .swiper-slide-thumb-active{ border: 4px solid #5c5c5c; } .wap-galleryContent{ display:none; } .maxPic { position:relative; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; display: none; } #maxPic{ max-width:1200px; } #maxPic .swiper-wrapper{ align-items:center; } #maxPic .swiper-slide{ max-width: 1200px; display: flex; justify-content: center; align-items: center; flex-wrap:wrap; } #maxPic .swiper-slide>div{ width:100%; } #maxPic .swiper-slide div img{ width:auto; margin:auto; } .maxPicNum{ font-size:30px; } .maxPicClose { width: 5%; position: absolute; top: 3%; z-index: 99999; opacity: 0.8; right: 3%; display:none; } .maxPicClose img{ width:40px; } iframe{ width:100%; } .single-content{ padding-top:0; } .single-content .primary .post-content{ padding-top:0; margin-top:0; } #swiper-pagination2{ display:none; } .single-content .primary .post-header .breadcrumbs{ display:none; } .single-content .primary .post-header{ padding-top:30px; border-bottom: 1px solid #f5f5f5; padding-bottom: 20px; } .single-content .primary .post-header .post-meta{ margin-top:10px; } .single-content .primary .post-header .post-meta span.publish-date{ margin-left:10px; margin-right:20px; } .commendTitleRedLine{ position: absolute; top: -4px; width: 200px; height: 4px; background: #C9333A; left: 0; } .commendTitle{ font-size:24px; line-height:2em; color:#003251; background: #f6f6f6; border-top:4px solid #e4e8ea; position:relative; padding:0 10px; font-weight:bold; } .single-content .primary .post-content{ padding:0; } .post-body>*:nth-child(2){ margin-top:0 !important; } .single-content aside .widget{ margin-top:0; background:#f6f6f6; } .single-content aside .widget h2>span{ color:#003251; font-weight:bold; } .single-content aside .widget h2{ margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #e0e0e0; color:#003251; } .storyNum span{ width: 18px; display: block; height: 18px; background: #436274; text-align: center; color:white; margin-right:10px; line-height:18px; font-size:14px; } #related-videos a.item{ display:flex; align-items: baseline; } #related-videos a.item:nth-child(4) .storyNum span, #related-videos a.item:nth-child(2) .storyNum span, #related-videos a.item:nth-child(3) .storyNum span{ background:#c9343a; } #related-videos a:not(:last-child){ margin-bottom:20px } .post-summary{ margin-bottom:20px; color:#999; border-bottom: 1px solid #f5f5f5; padding-bottom: 15px; } .storyContent p{ text-indent: 2em; } .section-title{ display:block; } .section-title span{ color:#013252; } .single-content{ padding-bottom:0; } .single-content .primary .post-header .post-meta a.category, .single-content .primary .post-header .post-meta a.category:link{ color:#003251; } .recommend-video .text{ background:#f5f5f5; } .cols.dgb-xgtj{ margin-left:0; } .cols .wrap:hover{ -webkit-transform: none; -ms-transform: none; transform: none; box-shadow:none; } #relatedNewsContainer{ justify-content: space-between } #relatedNewsContainer .item, #relatedNewsContainer>.item:last-child .text, #relatedNewsContainer>.item:last-child .wrap{ padding:0; background:#f5f5f5; } #relatedNewsContainer>.item:last-child .text{ display: flex; align-items: center; } #relatedNewsContainer>.item:last-child{ display: block !important; width:62%; flex-wrap:wrap; align-content: space-between; padding:15px 20px; } #relatedNewsContainer>.item:first-child{ width:35% ; } #relatedNewsContainer>.item:first-child .wrap{ background:#f5f5f5; } #relatedNewsContainer>.item:first-child .redPoint{ display:none; } #relatedNewsContainer>.item .item{ width:100%; display: block; } #relatedNewsContainer>.item:last-child .figure, #relatedNewsContainer>.item:last-child .post-meta{ display:none; } #relatedNewsContainer>.item:last-child h3{ height:auto; } .relative-post .cols .post-meta{ margin-top:0; } .cols .figure:after{ padding-top:56.25%; } .shareBtn-div{ display:block !important; } #relatedNewsContainer>.item:last-child .text>div:first-child{ position:relative; display:flex; } .post-comments .comment-textarea .submit-btn input, .post-comments .comment-body .submit-btn input{ cursor: pointer; height: 46px; padding: 9px 12px; color: #ffffff; background-color: #C9333A; font-size: 18px; width:100%; } .post-comments .comment-textarea textarea, .post-comments .comment-body textarea{ width:calc(100% - 80px); } .post-comments .comment-section .comment-textarea textarea{ height:46px; } .post-comments .comment-user-avatar{ width: 46px; min-width: 46px; height: 46px; background:none; } .post-comments .comment-textarea .submit-btn{ width:80px; margin-top:0; } .comment-textarea{ display:flex; } .post-comments .comment-form{ flex-wrap:wrap; } .post-comments .user-meta .name{ color:#C9333A; } .post-comments .user-meta{ justify-content: start; } .user-meta-left, .user-meta-right, .comment-like, .comment-unlike{ display:flex; align-items: center; } .comment-like, .comment-unlike{ cursor: pointer; } .comment-like-img, .comment-unlike-img{ margin-right:10px; } .comment-like.comment-click, .comment-unlike.comment-click{ color:#C9343A; } .view-replay, .putAway{ margin-right:10px; } .post-comments .comment-message{ font-size:16px; } .comment-operate{ font-size:14px; color:#999; display:flex; } .comment-operate>*{ cursor: pointer; } .replay{ margin-right:10px; } .replay-item{ display:flex; } .relative-post .cols h3{ font-size:16px; } .post-comments .comment-section{ padding:20px 0 0; } .cols.col-3.dgb-xgtj, .relative-post{ margin-bottom:0; } .recommend-video-div{ background:#f5f5f5 !important; margin-top:20px; } .single-content .primary .post-body figure{ justify-content: center; flex-wrap: wrap; margin:auto; } .single-content .primary .post-body figure img{ width:auto; } .single-content .primary .post-body figure figcaption{ width:100%; } figure.image figcaption{ display:block !important; } figure.image figcaption.show{ display:table-caption !important; } .post-body .videoStoryPlayer{ margin-bottom: 1.5em; } figcaption{ margin-bottom:1.5rem; } .favoriteImg{ margin: auto; } #relatedNewsContainer>.item:last-child .item:not(:first-child) { margin-top: 10px; } #related-videos .storyTitleSmall:hover{ color: #c9333a; text-decoration: none !important; } .grayLine{ width:100%; margin-left:0; } @media(min-width: 651px){ .limit-recommend .limit-img{ overflow: hidden; } .relative-post .relative-post-content .cols .limit-recommend img{ transition: all 1s; } .relative-post .relative-post-content .cols .limit-recommend:hover img{ transform: scale(1.05); } } @media (max-width: 900px){ .single-content{ display:flex; } .single-content aside{ margin-top:0; } } .single-content .primary .post-body p{ line-height: 1.8; letter-spacing: 1px; } .single-content .primary .post-body>p{ letter-spacing: 1px; text-indent: 2em; } .single-content .post-content figcaption{ } @media (max-width:650px){ body .subtitle{ font-size:20px; } .favoriteImg{ padding:0; height:20px; } .cols.col-3.dgb-xgtj, .relative-post{ margin-bottom:20px; } .single-content .primary, .single-content aside, #relatedNewsContainer>.item{ width:100% !important; } #relatedNewsContainer>.item:last-child .text{ flex-direction: row; } #relatedNewsContainer>.item:last-child .item:not(:last-child){ margin-bottom:20px; } div#relatedNewsContainer .item:nth-child(4), div#relatedNewsContainer .item:nth-child(5), div#relatedNewsContainer .item:nth-child(6){ margin-bottom:20px; } .goTop div{ opacity: 0; z-index:-1; } .galleryContentLi .galleryContentComment{ height:auto !important; } .galleryContentLi .galleryContentImg, .galleryContentLi .galleryContentComment{ width:100%; } .swiper-button-prev{ left:0; } .galleryContentLi .swiper-slide{ flex-wrap:wrap; } .galleryContentLi .swiper-slide.swiper-slide-active{ display:flex; } .post-content{ padding:0; } .single-content{ flex-wrap:wrap; } .maxPicAr{ top:25%; } .single-content .primary .post-header{ margin-bottom:20px; } #relatedNewsContainer>.item:first-child{ margin-right:0; } } .mainbody time.publish-date{ margin-right:20px; margin-left:10px; font-size:14px; color:#999; } .subtitle{ font-size:30px; font-weight:600; }