@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; } .SettleIn-box{ border-top: 1px solid #ccc; padding-top: 50px; .SettleIn-title-box{ width: @subject-minwidth; margin: 0 auto; h1{ text-align: center; font-size: 34px; span{ display: inline-block; position: relative; top: -12px; width: 57px; height: 1px; margin: 0 20px; background: #d8d8d8; } } .introduce-text{ display: block; text-align: center; font-size: 14px; padding:6px 0; color: #999; } } .SettleIn-content-box{ margin: 80px auto 25px; width: 1220px; li:after{ content: ''; display: block; clear: both; } li{ border: 1px solid #ccc; margin-bottom: 30px; padding: 30px; img{ float: left; width: 150px; height: 150px; background: #b3d4fc; } span{ float: left; display: block; padding: 30px 50px; h6{ font-size: 26px; margin-bottom: 30px; } i{ font-size: 20px; color: #666; } } } .SettleIn-content-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){ .SettleIn-box{ .SettleIn-title-box{ width:@subject-maxwidth; h1{ font-size: 42px; span{ margin: 0 26px; } } .introduce-text{ font-size: 18px; } } } }