/* 文章 essay 框架设定 */ .essay{ width: 100%; background: #f5f5f5;} .essay .essay-title-package,.essay .essay-content-package, .essay .essay-sideShare-package,.essay .essay-sideBar-package{ width: 50%; float: left; } .essay .essay-sideShare-package,.essay .essay-sideBar-package{ overflow: hidden;} .essay .essay-title-package{ background: #f5f5f5; z-index: 1003;} .essay .essay-content-package{ background: #ffffff; z-index: 1003} .essay .essay-sideShare-package{ background: #f5f5f5; z-index: -1;} .essay .essay-sideBar-package{ background: #ececec; z-index: -1} .essay .essay-title-package, .essay .essay-content-package{ height: auto; position: relative;} .essay .essay-sideShare-package, .essay .essay-sideBar-package{ height: auto;} .essay .essay-title-package .essay-title, .essay .essay-content-package .essay-content{ height: 100%; position: relative;} .essay .essay-sideShare-package .essay-sideShare, .essay .essay-sideBar-package .essay-sideBar{ height: 100%; position: relative;} /* 文章 essay 框架设定 End */ .essay .essay-title-package,.essay .essay-sideShare-package{ height:210px; max-height: 210px;} .essay .essay-content-package .essay-content{ min-height: 1080px;} .essay .essay-title-package .essay-title{ padding-left: 0.75em; padding-right: 1.5em} .essay .essay-title-package .essay-title h1{ font-size: 1.75em; line-height: 48px; margin-top: 48px; border-bottom: 1px solid #dddddd; } .essay-title .am-article-meta{ padding-left: 0.25em; letter-spacing: 1px} .essay-title .am-article-meta a{ color: #797979} .essay-title .am-article-meta .article-meta-nature3, .essay-title .am-article-meta .article-meta-nature2, .essay-title .am-article-meta .article-meta-nature1{ display: inline-block;} .essay-sideShare{ border: 1px solid #e5e5e5} .essay-sideShare h3{ text-align: center; font-size: 0.875em; font-weight: normal; line-height: 44px; background: #ececec; margin-bottom: 0; border-bottom: 1px solid #e5e5e5} .essay-sideShare .jiathis_style_24x24{ height: 60px; max-height: 60px; margin: 0; padding: 0; width: 100%;} .essay-sideShare .jiathis_style_24x24 a{ font-size: 1.375em; line-height: 60px; cursor: pointer; float: left;} .essay-sideShare .jiathis_style_24x24 .am-icon-weibo{ color: #ec654c; margin: 0 0.5em 0 1.125em;} .essay-sideShare .jiathis_style_24x24 .am-icon-weixin{ color: #7bc537; margin: 0 0.5em;} .essay-sideShare .jiathis_style_24x24 .am-icon-qq{ color: #4ba6f2; margin: 0 0.5em;} .essay-sideShare .jiathis_style_24x24 .am-icon-tencent-weibo{ color: #2bd67b; margin: 0 1em 0 0.5em;} .essay-sideShare .jiathis_style_24x24 a span.jtico{ background: none; width: 0; height: 0; padding-left: 0px!important;} .essay-sideShare .jiathis_style_24x24 a.jiathis_txt,.essay-sideShare .jiathis_style_24x24 a.jiathis_counter_style{ margin-top: 18px;} .essay-sideShare .jiathis_style_24x24 .jiathis_counter.jiathis_bubble_style{ width: 60px !important} .essay-sideShare .jiathis_style_24x24:hover{ background: #ffffff;} .essay-sideShare .jiathis_style_24x24 .am-icon-weibo:hover{ color: #a04433;} .essay-sideShare .jiathis_style_24x24 .am-icon-weixin:hover{ color: #538525;} .essay-sideShare .jiathis_style_24x24 .am-icon-qq:hover{ color: #3270a4;} .essay-sideShare .jiathis_style_24x24 .am-icon-tencent-weibo:hover{ color: #1d9153;} .essay-praise{ width: 100%; height: 104px; margin-top: -7px; padding: 0;} .essay-praise a{ font-size: 24px; letter-spacing: 12px; color: #e46496; padding-left: 81px; display: block; padding-top: 30px; line-height: 24px; width: 100%; height: 104px; background: #f7f0f3; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; } .essay-praise a span.good{ width:37px; height: 35px; display: inline-block; background: url(../img/pretty.png); margin-bottom: -5px; margin-right: 18px;} .essay-praise a:hover{ color: #ffffff; background: #e46496;} .essay-praise a:hover span.good{ background: url(../img/prettyHover.png);} .essay-praise-uable a{ font-size: 24px; letter-spacing: 12px; color: #999999; padding-left: 81px; display: block; padding-top: 30px; line-height: 24px; width: 100%; height: 104px; background: #DDDDDD; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; } .essay-praise-uable a span.good{width:37px; height: 35px; display: inline-block; margin-bottom: -5px; margin-right: 18px; background: url(../img/prettyUable.png); } /* error-404 */ .error-404{ background: #FFFFFF; min-height: 320px;} /* 标签&最热新闻 essay */ .essay-sideBar .label,.essay-sideBar .hotNews{ padding-left: 1em; max-width: 300px;} .essay-sideBar .label .label-title span.am-icon-tags{ color: #4ba6f2; margin-right: .25em;} .essay-sideBar .hotNews .gather-title span.am-icon-fire{ color: #ce0e0e; margin-right: .25em;} .essay-sideBar .label .label-title,.essay-sideBar .hotNews .gather-title{ display: block; font-size: 1.125em; font-weight: normal; color: black; line-height: 36px; letter-spacing: 2px} .essay-sideBar .label .label-span a{ background: #f2f2f2; border: 1px solid #dddddd;} .essay-sideBar .label .label-span a:hover{ background: #ffffff; border: 1px solid #dddddd;} .essay-sideBar .hotNews{ margin-top: 2.5em;} .essay-sideBar .hotNews ul.gather-list{ overflow: auto; list-style-type: square; color: #cccccc; margin-top: 1em; padding-left: 1.375em;} .essay-sideBar .hotNews ul.gather-list li{ margin: .25em auto 1.175em; font-size: .875em;} .essay-sideBar .hotNews ul.gather-list li a{ color: #555555; font-size: .875em;} .essay-sideBar .hotNews ul.gather-list li a:hover{ color: #000000;} /* 标签&最热新闻 essay End */ /* 前一篇&后一篇 essay */ ul.essay-around{ width: 100%; padding-left: 0; margin-top: 5em;} ul.essay-around li{ width: 48%; height: 88px; max-height: 88px; background: #ffffff; margin-top: 1em; margin-left: 1%; margin-right: 1%; float: left; box-shadow: 0 1px 1px rgba(0,0,0,0.12); -o-box-shadow: 0 1px 1px rgba(0,0,0,0.12); -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.12); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.12); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.12); background:#ffffff; margin-bottom: 1em} ul.essay-around li a .essay-icon{ width: 20%;} ul.essay-around li a .essay-info{ width: 80%; padding: 0.75em;} ul.essay-around li a .essay-icon span.am-icon-angle-left, ul.essay-around li a .essay-icon span.am-icon-angle-right{ color: #ffffff; font-size: 2.5em; line-height: 82px;} ul.essay-around li a .essay-icon span.am-icon-angle-left{ margin-left: 45%;} ul.essay-around li a .essay-icon span.am-icon-angle-right{ margin-left: 25%;} ul.essay-around li a .essay-icon,ul.essay-around li a .essay-info{ height: 88px; max-height: 88px; float: left;} ul.essay-around li a .essay-icon-prev{ background: #58a4db} ul.essay-around li a .essay-icon-next{ background: #e46496} ul.essay-around li a .essay-info span,ul.essay-around li a .essay-info time{ line-height:28px; font-size: 0.75em; color: #666666;} ul.essay-around li a .essay-info span{ float: left;} ul.essay-around li a .essay-info time{ float: right;} ul.essay-around li a .essay-info h2{ font-size: 0.875em; color: #333333; font-weight: normal; margin: 0; padding: 0; line-height: 36px; white-space:nowrap !important; word-wrap: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis;} ul.essay-around li:hover a .essay-icon{ width: 19%;} ul.essay-around li:hover a .essay-info{ width: 81%; background: #f5f5f5} ul.essay-around li:hover a .essay-icon span.am-icon-angle-left{ margin-left: 22%;} ul.essay-around li:hover a .essay-icon span.am-icon-angle-right{ margin-left: 50%;} ul.essay-around li:hover a .essay-icon-prev{ background: #4d90c0} ul.essay-around li:hover a .essay-icon-next{ background: #c85783} ul.essay-around li:hover{ box-shadow: 0 2px 12px rgba(0,0,0,0.18); -o-box-shadow: 0 2px 12px rgba(0,0,0,0.18); -ms-box-shadow: 0 2px 12px rgba(0,0,0,0.18); -moz-box-shadow: 0 2px 12px rgba(0,0,0,0.18); -webkit-box-shadow: 0 2px 12px rgba(0,0,0,0.18);} /* 前一篇&后一篇 essay End*/ /* 正文图片排版方式 essay */ .essay-content ul.am-gallery li.am-gallery-item img{ width: 92%; max-width: 92%; display: block; position: relative; left: 50%; -webkit-transform: translateX(-50%) translateY(0); -moz-transform: translateX(-50%) translateY(0); -o-transform: translateX(-50%) translateY(0); -ms-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0);} .essay-content ul.am-gallery li.am-gallery-item span{ text-align: center; width: 100%; display: block; font-size: 0.875em; color: #666666; line-height: 44px; margin-bottom: 0.75em;} /* 正文图片排版方式 essay End*/ .usr-action{ margin-bottom: 5em;} .relNews{ z-index: 1011; position: relative;} /* 页尾分享按钮样式控制*/ .usr-action .usr-share ul.am-cf li a.phone-share span.am-icon-share-alt, .usr-action .usr-share ul.am-cf li a.phone-share span.am-navbar-label{ color: #ffffff} /* 页尾按钮 交互颜色加深*/ .usr-action li:hover{ background: #c85783} .usr-action .usr-share ul.am-cf li:hover,.usr-action li.phone-qrcode:hover{ background: #3387be} /* -------------------------------- videoPlay 视频播放页面 -------------------------------- */ .video-package{ width: 100%; display: block; height: 0; padding-bottom: 56.25%; overflow: hidden; background: #000000; position: relative;} .video-package video{ max-width: 100%; width: 100%;} /* videoPlay-panel 视频播放面板 */ .videoPlay .videoPlay-panel{ background: #333333; border-bottom: 1px solid #262626;} .videoPlay .videoPlay-panel .am-breadcrumb{ margin-bottom: 0; line-height: 56px; padding-bottom: 0;} .videoPlay .videoPlay-panel .am-breadcrumb li a{ color: #dddddd;} .videoPlay .videoPlay-panel .am-breadcrumb li.am-active{ color: #999999} .videoPlay .videoPlay-panel .am-breadcrumb li a:hover{ color: #ffffff;} .videoPlay .videoPlay-panel .am-u-sm-12 .videoPlay-title{ color: #ffffff; font-size: 1.75em; text-align: center; line-height: 32px; margin-top: -0.375em; margin-bottom: 0.625em; white-space:nowrap !important; word-wrap: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis;} /* videoPlay-panel .am-u-lg-8 视频播放面板 */ .videoPlay .videoPlay-panel .am-u-lg-8, .videoPlay .videoPlay-panel .am-u-lg-4{ margin-bottom: 0.5em;} .videoPlay .videoPlay-panel .videoPlay-good-phone{ display: none;} .videoPlay .videoPlay-panel .videoPlay-good{ margin-top: 1.5em; padding-left: 0.5em; color: #666666; float: left; padding-right: 1em;} .videoPlay .videoPlay-panel .videoPlay-good-phone a, .videoPlay .videoPlay-panel .videoPlay-good a{ color: #dddddd; font-size: 0.875em; margin-right: 0.75em; display: inline-block;} .videoPlay .videoPlay-panel .videoPlay-good-phone a span.videoPlay-good-icon, .videoPlay .videoPlay-panel .videoPlay-good a span.videoPlay-good-icon{ display: inline-block; width:22px; height:22px; background: url(../img/videoGood.png);} .videoPlay .videoPlay-panel .videoPlay-good-phone a:hover, .videoPlay .videoPlay-panel .videoPlay-good a:hover{ color: #ffffff; text-shadow:0 1px 5px rgba(0,0,0,0.48);} .videoPlay .videoPlay-panel .videoPlay-good-phone a:hover span.videoPlay-good-icon .videoPlay .videoPlay-panel .videoPlay-good a:hover span.videoPlay-good-icon{ background: url(../img/videoGoodHover.png);} .videoPlay .videoPlay-panel .videoPlay-share{ float: left; color: #ffffff; display: inline-block; margin-top: 1.5em;} .videoPlay .videoPlay-panel .videoPlay-share h3{ float: left; color: #ffffff; font-weight: normal; font-size: 0.875em; line-height: 30px; margin-right: 0.5em;} .videoPlay .videoPlay-panel .videoPlay-share .jiathis_style_24x24{ height: 32px; max-height: 32px; margin: 0; padding: 0; float: left;} .videoPlay .videoPlay-panel .videoPlay-share .jiathis_style_24x24 a{ font-size: 1.375em; line-height: 32px; cursor: pointer; float: left; margin: 0 0.375em;} .videoPlay .videoPlay-panel .videoPlay-share .jiathis_style_24x24 .am-icon-weibo{ color: #ec654c; } .videoPlay .videoPlay-panel .videoPlay-share .jiathis_style_24x24 .am-icon-weixin{ color: #7bc537; } .videoPlay .videoPlay-panel .videoPlay-share .jiathis_style_24x24 .am-icon-qq{ color: #4ba6f2; } .videoPlay .videoPlay-panel .videoPlay-share .jiathis_style_24x24 .am-icon-tencent-weibo{ color: #2bd67b; } .videoPlay .videoPlay-panel .videoPlay-share .jiathis_style_24x24 a span.jtico{ background: none; width: 0; height: 0; padding-left: 0px!important;} .videoPlay .videoPlay-panel .videoPlay-share .jiathis_style_24x24 a.jiathis_txt{ margin-top: 4px; margin-right: 0;} .videoPlay .videoPlay-panel .videoPlay-share .jiathis_style_24x24 a.jiathis_counter_style{ margin-top: 4px; margin-left: 0;} .videoPlay .videoPlay-panel .videoPlay-share .jiathis_style_24x24 .jiathis_counter.jiathis_bubble_style{ width: 60px !important} .videoPlay .videoPlay-panel .videoPlay-share .jiathis_style_24x24 .am-icon-weibo:hover{ color: #a04433;} .videoPlay .videoPlay-panel .videoPlay-share .jiathis_style_24x24 .am-icon-weixin:hover{ color: #538525;} .videoPlay .videoPlay-panel .videoPlay-share .jiathis_style_24x24 .am-icon-qq:hover{ color: #3270a4;} .videoPlay .videoPlay-panel .videoPlay-share .jiathis_style_24x24 .am-icon-tencent-weibo:hover{ color: #1d9153;} /* videoPlay-panel .am-u-lg-8 视频播放面板 End*/ /* videoPlay-panel .am-u-lg-4 视频播放面板 */ .videoPlay .videoPlay-panel .videoPlay-times{ float: right; margin-top: 1.5em; padding-right: 0.5em;} .videoPlay .videoPlay-panel .videoPlay-times h3{ font-weight: bold; color: #ffffff; font-family: "黑体"; font-size: 1.5em; display: inline-block; margin-bottom: 0; margin-top: 0} .videoPlay .videoPlay-panel .videoPlay-times span{ color: #666666; font-size: 0.75em} /* videoPlay-panel 视频播放面板 End*/ /* videoPlay-meta 视频播放标签 */ .videoPlay .videoPlay-meta{ background: #3d3d3d; border-top: 1px solid #484848; padding-bottom: 3em;} .videoPlay .videoPlay-meta .videoPlay-meta-info{ padding-left: 0.5em; margin-top: 2em;} .videoPlay .videoPlay-meta .label{ padding-right: 0.5em; margin-top: 2em;} .videoPlay .videoPlay-meta .videoPlay-meta-info .videoPlay-meta-title, .videoPlay .videoPlay-meta .label .label-title{ display: block; font-size: 1.125em; font-weight: normal; color: #ffffff; line-height: 36px; letter-spacing: 2px} .videoPlay .videoPlay-meta .videoPlay-meta-info .videoPlay-meta-title span.am-icon-newspaper-o, .videoPlay .videoPlay-meta .label .label-title span.am-icon-tags{ color: #999999; margin-right: .25em;} .videoPlay .videoPlay-meta .label .label-span a{ color: #aaaaaa; background: #434343; border: 1px solid #535353;} .videoPlay .videoPlay-meta .label .label-span a:hover{ color: #ffffff; background: #666666; border: 1px solid #777777;} .videoPlay .videoPlay-meta .videoPlay-meta-info .videoPlay-meta-list{ padding-left: 0; margin-top: 1em;} .videoPlay .videoPlay-meta .videoPlay-meta-info .videoPlay-meta-list li{ width: 50%; float: left; color: #f5f5f5; font-size: 0.875em; line-height: 32px; white-space:nowrap !important; word-wrap: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis;} .videoPlay .videoPlay-meta .videoPlay-meta-info .videoPlay-meta-list li span{ color: #999999; min-width: 72px; display: inline-block; text-align:justify;text-justify:inter-ideograph;word-wrap : break-word } .videoPlay .videoPlay-meta .videoPlay-meta-info .videoPlay-meta-intro{ margin-top: 0.5em; width: 100%; height: auto;} .videoPlay .videoPlay-meta .videoPlay-meta-info .videoPlay-meta-intro h4, .videoPlay .videoPlay-meta .videoPlay-meta-info .videoPlay-meta-intro p{ display: block; float: left;} .videoPlay .videoPlay-meta .videoPlay-meta-info .videoPlay-meta-intro h4{ width: 9%; color: #999999; min-width: 72px; display: inline-block; font-weight: normal; font-size: 0.875em;} .videoPlay .videoPlay-meta .videoPlay-meta-info .videoPlay-meta-intro p{ margin: 0; color: #f5f5f5; font-size: 0.875em; line-height: 26px; width: 90%;} /* videoPlay-meta 视频播放标签 End */ /* 相关视频 relVideos */ .relVideos{ background: #f5f5f5;} .relVideos h2{ font-size: 1.25em; margin: 2em auto 1.2em .5em; font-weight: 600} .relVideos ul.am-avg-lg-4{ margin-bottom: 4em;} .relVideos{ z-index: 1011; position: relative;} .relVideos ul.am-avg-lg-4 li .rel-box{ box-shadow: 0 1px 1px rgba(0,0,0,0.12); -o-box-shadow: 0 1px 1px rgba(0,0,0,0.12); -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.12); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.12); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.12); background:#ffffff; margin-bottom: 1em} .relVideos ul.am-avg-lg-4 li .rel-box:hover{ box-shadow: 0 2px 12px rgba(0,0,0,0.18); -o-box-shadow: 0 2px 12px rgba(0,0,0,0.18); -ms-box-shadow: 0 2px 12px rgba(0,0,0,0.18); -moz-box-shadow: 0 2px 12px rgba(0,0,0,0.18); -webkit-box-shadow: 0 2px 12px rgba(0,0,0,0.18);} .relVideos ul.am-avg-lg-4 li .rel-box a.rel-video{ width: 100%; display: block; height: 0; padding-bottom: 56.25%; overflow: hidden; background: #293e86; margin-top: 0;} .relVideos ul.am-avg-lg-4 li .rel-box a.rel-video img{ width: 100%;} .relVideos ul.am-avg-lg-4 li .rel-box a.rel-video h2{ text-align: left; left: 0.375em; right: 0.375em; bottom: -0.625em; font-size: 0.875em;} /*.relVideos ul.am-avg-lg-4 li .rel-box .rel-tit{ padding: .25em .625em .75em;} .relVideos ul.am-avg-lg-4 li .rel-box:hover .rel-tit{ background: #f6f6f6} .relVideos ul.am-avg-lg-4 li .rel-box .rel-tit a.relTitle{ color: #555555; font-size: 0.875em; line-height: 3em; display: block; white-space:nowrap !important; word-wrap: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; } .relVideos ul.am-avg-lg-4 li .rel-box .rel-tit p{ margin-top: 0; margin-bottom: 0; font-size: 0.75em; color: #aaaaaa;}*/ .rel-padding-horizontal-xs{ padding-right: .5em; padding-left: .5em} /* 相关视频 relVideos End*/ /* -------------------------------- videoPlay 视频播放页面 End -------------------------------- */ @media (min-width: 1201px){ /* 文章 essay-content ／ essay-title 偏移设定 */ .essay-title,.essay-content{ margin-left: -webkit-calc(100% - 37.5em); margin-left: -moz-calc(100% - 37.5em); margin-left: -ms-calc(100% - 37.5em); margin-left: -o-calc(100% - 37.5em); margin-left: calc(100% - 37.5em); margin-right: -300px; max-width: 900px; z-index: 1005} /* 文章 essay-sideShare / essay-sideBar 偏移设定 */ .essay-sideShare, .essay-sideBar{ margin-left: 300px; max-width: 300px;} /* 文章 essay End */ } @media only screen and (min-width: 1025px) and (max-width: 1200px){ /* 文章 essay-content ／ essay-title 偏移设定 */ .essay .essay-title-package, .essay .essay-content-package{ max-width: -webkit-calc(100% - 18.75em); max-width: -moz-calc(100% - 18.75em); max-width: -ms-calc(100% - 18.75em); max-width: -o-calc(100% - 18.75em); max-width: calc(100% - 18.75em); } .essay .essay-title-package .essay-title, .essay .essay-content-package .essay-content{ margin-left: 0; margin-right: -webkit-calc(18.75em - 100%); margin-right: -moz-calc(18.75em - 100%); margin-right: -ms-calc(18.75em - 100%); margin-right: -o-calc(18.75em - 100%); margin-right: calc(18.75em - 100%);} /* 文章 essay-sideShare / essay-sideBar 偏移设定 */ .essay-sideShare, .essay-sideBar{ margin-left: -webkit-calc(100% - 18.75em); margin-left: -moz-calc(100% - 18.75em); margin-left: -ms-calc(100% - 18.75em); margin-left: -o-calc(100% - 18.75em); margin-left: calc(100% - 18.75em);} } @media (min-width: 1025px){ /* 文章 essay */ .essay-title{background: #f5f5f5} .essay-content{ background: #ffffff} } @media (max-width: 1024px){ /* 文章 essay-content 移动端设定 */ .essay .essay-title-package, .essay .essay-content-package{ width: 100%; padding-top: 1em; background: #f5f5f5;} .essay .essay-title-package .essay-title, .essay .essay-content-package .essay-content{ background: #f5f5f5; margin-right: 0;} .essay .essay-title-package .essay-title{ padding-left: 1.125em; padding-right: 1.125em} .essay .essay-title-package .essay-title h1{ margin-top: 0;} .essay .essay-title-package,.essay .essay-sideShare-package{ height:auto; max-height: auto;} /* 文章 essay-sideBar移动端设定 */ .essay-sideShare-package, .essay-sideBar-package{ display: none;} /* 文章 essay-content-title 标题字号调整 */ .essay-content-package .essay-content .essay-content-title{ background: #f5f5f5; width: 48%; margin: -4.5em auto 0.625em;} .essay-content-package .essay-content hr.am-article-divider{ width: -webkit-calc(100% - 2em); width: -moz-calc(100% - 2em); width: -ms-calc(100% - 2em); width: -o-calc(100% - 2em); width: calc(100% - 2em);} /* essayStatus 状态栏样式 */ .listStatus.essayStatus .am-header-left a i{ margin-right: 0.5em; padding-left: 0.75em;} .listStatus.essayStatus .am-header-left a i, .listStatus.essayStatus .am-header-left a h1{ float: left; font-weight: normal;} .listStatus.essayStatus .am-header-right span.am-icon-share-alt{ color: #ffffff; font-size: 1.5em; padding-right: 0.75em;} .videoPlay .videoPlay-panel .am-breadcrumb{ margin-bottom: 0; line-height: 56px; padding-bottom: 0;} .videoPlay .videoPlay-panel .am-u-sm-12{ padding: 0;} .videoPlay .videoPlay-panel .am-u-lg-8 .videoPlay-title{ color: #ffffff; font-size: 1.25em; text-align: left; line-height: 56px; font-weight: normal; margin-top: 0.5em; margin-bottom: 0; white-space:nowrap !important; word-wrap: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis;} .videoPlay .videoPlay-panel .videoPlay-good{ margin-top: 0; padding-left: 0;} .videoPlay .videoPlay-panel .videoPlay-share{ margin-top: 0;} .videoPlay .videoPlay-panel .videoPlay-times{ margin-top: 2.5em;} .videoPlay .videoPlay-meta .videoPlay-meta-info .videoPlay-meta-intro p{ margin-bottom: 0} } @media (max-width: 640px){ /* essayStatus 状态栏样式 */ .listStatus.essayStatus .am-header-left a i{ padding-left: 0.375em;} .listStatus.essayStatus .am-header-left a i, .listStatus.essayStatus .am-header-left a h1{ float: left; font-size: 1.125em;} .listStatus.essayStatus .am-header-right span.am-icon-share-alt{ color: #ffffff; font-size: 1.25em; padding-right: 0.375em;} /* essayStatus 状态栏样式 End */ .essay .essay-content-package{ padding-top: 2em;} .essay .essay-title-package .essay-title{ padding-left: 0.75em; padding-right: 0.75em} .essay .essay-title-package .essay-title h1{ font-size: 1.25em; line-height: 32px; margin-top: 1em; padding-bottom: 0.625em; border-bottom: 1px solid #dddddd; white-space:normal !important; white-space: normal; word-wrap: normal; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis;} .videoPlay .videoPlay-panel .videoPlay-times{ margin-top: 1.375em} .videoPlay .videoPlay-panel .videoPlay-times h3{ font-size: 1.25em;} .videoPlay .videoPlay-meta .videoPlay-meta-info{ padding-left: 0;} .videoPlay .videoPlay-meta .videoPlay-meta-info .videoPlay-meta-intro h4{ width: 100%; margin-bottom: 0; line-height: 32px;} .videoPlay .videoPlay-meta .videoPlay-meta-info .videoPlay-meta-intro p{ width: 100%} } @media(max-width:560px){ .essay .essay-title-package .essay-title .am-article-meta .article-meta-nature1{ display: none;} .videoPlay .videoPlay-panel .am-u-sm-8, .videoPlay .videoPlay-panel .am-u-sm-4{ width: 80%} .videoPlay .videoPlay-panel .am-u-lg-8{ margin-bottom: 0;} .videoPlay .videoPlay-panel .am-u-lg-8 .videoPlay-title{ font-size: 1.125em; line-height: 38px;} .videoPlay .videoPlay-panel .videoPlay-times{ margin-top: 0; float: left;} .videoPlay .videoPlay-panel .videoPlay-times h3{ font-size: 1em;} .videoPlay .videoPlay-panel .videoPlay-good-phone{ display: block; width: 20%; float: left; margin-top: -1.125em;} .videoPlay .videoPlay-panel .videoPlay-good-phone a{ float: right; margin-right: 1em;} } @media(max-width:420px){ .essay .essay-title-package .essay-title .am-article-meta .article-meta-nature2{ display: none;} .videoPlay .videoPlay-meta .videoPlay-meta-info .videoPlay-meta-title, .videoPlay .videoPlay-meta .label .label-title{ font-size: 1em; } .videoPlay .videoPlay-meta .videoPlay-meta-info .videoPlay-meta-list li{ width: 100%} .videoPlay .videoPlay-panel .am-u-sm-8, .videoPlay .videoPlay-panel .am-u-sm-4{ width: 75%} .videoPlay .videoPlay-panel .videoPlay-good-phone{ width: 25%;} } @media(max-width:400px){ .essay .essay-title-package .essay-title .am-article-meta .article-meta-nature3{ display: none;} } @media(max-width:360px){ .videoPlay .videoPlay-panel .am-u-lg-8 .videoPlay-title{ font-size: 1em; line-height: 38px;} .videoPlay .videoPlay-panel .videoPlay-times h3{ font-size: 0.875em;} .videoPlay .videoPlay-panel .videoPlay-times span{ font-size: 0.625em;} }