@font-face { font-family: '锐字真言'; src: ; } body { margin: 0; padding: 0; } video:focus{ outline:none!important; } video { display: inline-block; vertical-align: baseline; } a,a:hover,a:active,a:focus{ text-decoration: none!important; } .left { float: left; } .right { float: right; } /*头图开始*/ .banner{ width: 100%; /*height: 650px;*/ background: url(/uploads/image/rcwlimg/banner.png) top left no-repeat; position: relative; background-size:100%; } /*头图字一行显示*/ .banner span{ display:block; text-align: center; line-height: 650px; font-family: "锐字真言"; font-size: 120px; color: #ffe4a2; text-shadow: 6px 6px 0px #831a15; } /*头图结束 ,新闻开始*/ .toutiao{ width: 1200px; margin: 30px auto; align-items:center; justify-content:center; } .toutiao h1{ vertical-align:middle; width: 100%; text-align: center; } .toutiao h1 a{ font-size: 60px; color:#cf000d; text-decoration: none; overflow: hidden; } .toutiao .xinwentupian{ width: 100%; /*height: 600px;*/ clear:both; margin-top: 20px; } /*新闻结束,侧记,评论,视频开始*/ .zhengwen{ width: 1200px; margin: 40px auto 0; display: flex; justify-content:center; } .zhengwen .ceji{ width: 33%; height: 310px; margin-right:30px; overflow: hidden; float:right; } .zhengwen .ceji .cjbt img{ position: relative; } .zhengwen .ceji span{ color: #ffffff; display:block; text-align: center; font-family: "微软雅黑"; font-weight:700; font-size: 24px; margin-left:12px; text-align: center; position: absolute; margin-top: -41px; letter-spacing:21px; } .zhengwen .ceji .cjzw{ margin-top: 18px; } .zhengwen .ceji .cjzw h1{ font-size: 18px; color: #111111; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .zhengwen .ceji .cjzw p{ font-family: "微软雅黑"; font-size: 16px; color: #333333; font-weight:400; line-height: 200%; text-indent: 2em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; } .zhengwen .pinglun{ width: 33%; height: 310px; margin-right:30px; overflow: hidden; float:right; } .zhengwen .pinglun .plbt img{ position: relative; } .zhengwen .pinglun span{ color: #ffffff; display:block; text-align: center; font-family: "微软雅黑"; font-weight:700; font-size: 24px; margin-left:12px; text-align: center; position: absolute; margin-top: -41px; letter-spacing:21px; } .zhengwen .pinglun .plzw{ margin-top: 18px; } .zhengwen .pinglun .plzw h1{ font-size: 18px; color: #111111; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .zhengwen .pinglun .plzw p{ font-family: "微软雅黑"; font-size: 16px; color: #333333; font-weight:400; line-height: 200%; text-indent: 2em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; } /*视频开始*/ .zhengwen .shipin{ width: 33%; overflow: hidden; float:right; } .zhengwen .shipin .shipinbt img{ position: relative; } .zhengwen .shipin .shipinbt span{ color: #ffffff; display:block; text-align: center; font-family: "微软雅黑"; font-weight:700; font-size: 24px; margin-left:12px; text-align: center; position: absolute; margin-top: -41px; letter-spacing:21px; } .zb .zba img { width: 100%; } .m { width: 100%; margin-top: 10px; } #video { width: 380px; height: auto; max-height: 240px; margin: 18px auto; position: relative; } .videobtn { position: absolute; left: 50%; top: 50%; display: block; width: 70px; height: 70px; margin-left: -35px; margin-top: -35px; cursor: pointer; z-index: 10; } /*视频结束,图片开始*/ .tupian{ width: 1200px; height: 760px; margin:auto; /*display: flex;*/ align-items:center; justify-content:center; padding-top: 10px; } .tupian li{ list-style-type: none; margin-top: 20px; display: block; width: 32%; float: left; } .tupian li:nth-child(2),.tupian li:nth-child(5){ padding: 0 24px; } .tupian li:nth-child(3),.tupian li:nth-child(6){ float: right; } @media (max-width: 375px) { .banner span{ font-size: 16px !important; line-height: 100px; } } @media (max-width: 425px) { .banner span{ font-size: 26px !important; line-height: 160px; } } @media (min-width: 768px) { .banner span{ font-size: 47px !important; line-height: 252px; } } @media (min-width: 1024px) { .banner span{ font-size: 68px !important; line-height: 350px; } } @media (min-width: 1440px) { .banner span{ font-size: 84px !important; line-height: 510px; } } @media (min-width: 1920px) { .banner span{ font-size: 120px !important; line-height: 650px; } } @media (min-width: 2560px) { .banner span{ font-size: 140px !important; line-height: 650px; } }