@subject-maxwidth:1460px; @subject-minwidth:1220px; @font-face { font-family: 'iconfont'; src: url('../../iconfont/iconfont.eot'); src: url('../../iconfont/iconfont.eot?#iefix') format('embedded-opentype'), url('../../iconfont/iconfont.woff') format('woff'), url('../../iconfont/iconfont.ttf') format('truetype'), url('../../iconfont/iconfont.svg#iconfont') format('svg'); } *{ margin:0; padding:0; list-style: none; border:none; font-style: normal; } html{ width:100%; min-width: @subject-minwidth; font-family:"Source Han Sans SC","HanHei SC","PingFang SC","Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif; } img{ display:block; } a{ text-decoration: none; color: #333; } .banner-box{ width: 1220px; background: #b3d4fc; margin: 0 auto; img{ width: 100%; } } .news-content:after{ content: ''; display: block; clear: both; } .news-content{ box-sizing: border-box; width: 1220px; margin: 30px auto; padding: 30px 20px; border: 2px solid #ccc; border-radius: 20px; .options{ float: left; overflow: hidden; width: 246px; border-radius: 15px; border: 2px solid #ccc; padding-top: 20px; height: 300px; position: relative; h1{ font-size: 24px; line-height: 44px; background: #ccc; padding-left: 10px; } ul{ padding: 20px; li{ border-bottom: 1px dashed #ccc; line-height: 30px; padding-left: 20px; font-size: 16px; font-weight: 600; margin-bottom: 10px; a:hover{ color: #e22; } } } .bottom{ width: 100%; height: 40px; background: #ccc; position: absolute; bottom: 0; } } .lists{ float: left; min-height: 500px; padding: 0 20px 60px; margin-left: 20px; width: 1100px; position: relative; li{ padding-left: 5px; border-bottom: 1px dashed #ccc; margin: 20px 0; a{ display: block; font-size: 16px; line-height: 36px; span{ float: right; } } a:hover{ color: #e22; } } .content-paging{ width: 100%; position: absolute; bottom: 0; #paging{ text-align: center; } } } } .iconfont{ font-family:"iconfont" !important; font-size:14px;font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } @media screen and (min-width: 1460px){ .banner-box{ width: 1460px; } .news-content{ width: 1460px; .news-title{ } } }