.wrapper { width: 1200px; margin: 0 auto; } .fl { float: left; } .fr { float: right; } .clearfix:after { content: ""; display: block; visibility: hidden; clear: both; } ul, li { list-style: none; padding: 0; margin: 0; } html, body { margin: 0; padding: 0; } a { text-decoration: none; } .headerstyle { background: url(/uploads/image/mzimg/bgc.png) center top no-repeat; height: 536px; } .headerstyle .logo { padding-top: 20px; padding-left: 40px; display: inline-block } .headerstyle .content { text-align: center; } .headerstyle .guohui { padding-top: 110px; } .headerstyle .ask { color: #ffffff; font-size: 72px; font-weight: 700; } .headerstyle .header_searchstyle { box-sizing: border-box; overflow: visible; height: 44px; border-radius: 4px; position: relative; margin-top: 40px; background: #fff; width: 740px; } .l_ssqhstyle { position: absolute; left: 20px; top: 12px; color: #999; } .headerstyle .header_searchstyle span { position: absolute; left: 66px; top: 11px; color: #999; } .headerstyle #keywordsstyle { /* padding-left: 7px; display: block; height: 20px; line-height: 20px; */ font-size: 16px; /* margin-top: 11px; */ position: absolute; left: 90px; color: #999; top: 14px; } .headerstyle .header_searchstyle input { border: none; outline: 0; } .headerstyle #submit_btn { display: block; float: left; height: 44px; position: absolute; } .headerstyle .header_searchstyle .search_btnstyle { width: 12.5%; background: #1492ff; color: #fff; padding: 0px; margin: 0px; top: 0px; font-size: 18px; right: -2px; } /* 选择分类 */ .classification { margin-top: 40px; } .title { height: 44px; border-bottom: 2px solid #e6e6e6; } .title span { font-size: 24px; color: #003fa8; font-weight: 600; display: inline-block; padding-left: 5px; vertical-align: text-bottom } .title a:hover{ color: #003fa8; cursor: pointer; } #wdk_on { background: rgb(0, 63, 168); } .classification .tj li { float: left; background-color: rgb(238, 245, 254); border: solid 1px rgb(229,232,239); margin-right: 15px; height: 48px; margin-top: 20px } #wdk_on a { color: white; } .classification .tj li a { padding-left: 25px; padding-right: 25px; line-height: 48px; font-size: 16px; color: #222222; } /* 最新发布 */ .release { background-color: #f6f6f6; padding: 26px 0; margin: 40px 0 } .releaselist { margin-top: 30px; } .releaselist li { background-color: #ffffff; padding: 28px; margin-bottom: 20px; } .releaselist li a { display: block; } .asktitle span a{ display: inline-block; padding-left: 20px; vertical-align: top; font-size: 22px; font-weight: 600; } .asktitle span a:hover{ color: #003fa8; cursor: pointer; } .askcontent { margin:10px 0; } .askcontent span a{ display: inline-block; padding-left: 20px; vertical-align: top; width: 95%; font-size: 16px; color: #666; line-height: 2; overflow: hidden; text-overflow: ellipsis; /* display: -webkit-box; */ -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .askcontent span a:hover { color: #ef3800; cursor: pointer; } .lookdetail{ text-align: end; } .lookdetail:hover { color: #ef3800; cursor: pointer; } /* 政策问答图解 */ .policylist { margin-top: 30px; text-align: center } .policylist li { float: left; width: 33.33%; } .policylist li a p { text-align: center; font-size: 18px; color: #000; margin-bottom: 30px; /* width: 92%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap */ } .policylist li a p:hover { color: #003fa8; font-weight: 600; } .policylist li a img:hover { transform: scale(1.05); text-decoration: none; transition-duration: 400ms; -moz-transition-duration: 400ms; -webkit-transition-duration: 400ms; -o-transition-duration: 400ms; cursor: pointer; } .policylist li img { width: 385px; height: 238px; } @media only screen and (max-width: 768px) { .wrapper { width: 94%; } /* 头部 */ .header_searchstyle { width: 100% !important; margin-top: 52px !important; } .content { width: 100%; } .header .logo img { width: 100%; } .header .ask { font-size: 40px; } .header .guohui { padding-top: 70px; } .header { height: 460px; } /* 政策问答图解 */ .policylist li { width: 100%; } .policylist li img { width: 94%; height: 200px; } }