* { margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ border: none; outline: none; } body { margin: 0 auto; font-family: "Microsoft YaHei"; font-weight: normal; font-stretch: normal; line-height: 1; letter-spacing: 0px; } /* 3.去除列表默认样式 */ h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, hr, input, p { padding: 0; margin: 0; list-style: none; outline: none; border: none; } input { -webkit-appearance: none; -moz-appearance: none; appearance: none; } li { cursor: pointer; } /* 4.去除默认倾斜效果 */ em, i { font-style: normal; } /* 5.去除a标签默认的下划线,并设置默认文字颜色 */ a { color: inherit; font: inherit; text-decoration: none; outline: none; } a:hover { text-decoration: none; } a:focus { border: none; outline: none; text-decoration: none; } /* 6.设置img的垂直对齐方式为居中对齐 */ img { vertical-align: middle; max-width: 100%; border: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } /* 7.左右浮动 */ .fl { float: left; } .fr { float: right; } /* 清除浮动影响 */ .clearfix::before, .clearfix::after { content: ""; display: table; } .clearfix::after { clear: both; } .imgbed{ display:block; position:relative; padding-top:60%; height:0; vertical-align:top; } .imgbed img{ position:absolute; top:0; left:0; width:100%; height:100%; } /* 版心的公共类 */ .container { position: relative; width: 1485px; margin: 0 auto; } /* --------------------- */ .hidden { overflow: hidden; } /* 文章列表类头部标题 */ .h_title { font-family: "SourceHanSerifSC-Regular"; font-size: 24px; line-height: 26px; color: #222; } /* 文章列表类内容标题 */ .l_title { display: block; font-size: 16px; line-height: 24px; color: #333; } /* 文章列表类内容时间 */ .l_date { font-family: "Georgia"; font-size: 16px; color: #343434; } /* 圆形时间 */ .c_date { position: relative; background-color: #e4f0f7; background-image: url("../images/follow4.png"); background-position: center; background-repeat: no-repeat; border-radius: 50%; } .c_date::after { position: absolute; content: ""; width: 20px; height: 26px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url("../images/xx.png") no-repeat; background-size: cover; } .c_date { font-size: 18px; color: #05397f; } .c_date .c_month { text-align: right; } /* 板块大标题 */ .hd_tit { display: block; } .hd_tit h2 { font-family: "SourceHanSerifSC-Regular"; font-size: 34px; color: #333; white-space: nowrap; } .hd_tit .hd_en { position: relative; font-family: "ArialMT"; padding-left: 40px; font-size: 14px; line-height: 22px; white-space: nowrap; color: #221f1f; } .hd_tit .hd_en::after { position: absolute; content: ""; width: 32px; height: 6px; top: 7px; left: 0; background-color: #05397f; }