@charset "utf-8"; /* ========================================================================== Base ========================================================================== */ a { text-decoration: none; } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } body, ul, ol, dl, dd, h1, h2, h3, h4, h5, h6, p, form { margin: 0; } button,fieldset { padding: 0; margin: 0; } ul, ol { padding-left: 0; list-style: none; } h1, h2, h3, h4, h5, h6 { font-size: 100%; } img { border: 0; vertical-align: middle; } table { border-collapse: collapse; border-spacing: 0; width: 100%; } em, i { font-style: normal; } /* ========================================================================== Typography ========================================================================== */ abbr[title] { border-bottom: 1px dotted; } dfn { font-style: italic; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } mark { background: #ff0; color: #000; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre-wrap; } q { quotes: "\201C" "\201D" "\2018" "\2019"; } small { font-size: 100%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== html5 ========================================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } /* ========================================================================== Forms ========================================================================== */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } legend { display: none; } fieldset { border: 0 none; } /* imgArea */ .imgArea { float: left; } .txtArea { overflow: hidden; *zoom:1; } .txtArea .desc { display: -webkit-box;/* -webkit-line-clamp: 3; */ -webkit-box-orient: vertical; word-break: break-all; overflow: hidden; } /* thumbnail */ .thumbnail-wrap { display: table; table-layout: fixed; } .thumbnail { display: table-cell; *display: block; text-align: center; vertical-align: middle; overflow: hidden; } .thumbnail img { max-width: 100%; max-height: 100%; _width: 100%; _height: 100%; vertical-align: middle; } .thumbnail i { display: inline-block; width: 0; height: 100%; vertical-align: middle; }/* ie6/7下可以使用此方法兼容 */ /* ========================================================================== Common ========================================================================== */ .fl { float: left; } .fr { float: right; } /* clearfix */ .cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } .cf { *zoom: 1 } .more-arr, .bc-arr { font-family: simsun; } [class^="icon"] { padding-right: 5px; } .asterisk { color: #f00; padding: 0 6px; } button, input, select, textarea { font-size: 100%; } textarea { overflow: auto; vertical-align: top; } .tal { text-align: left !important;} input,button{ margin:0; padding:0; list-style-type:none;} .pagebar { padding:20px; overflow:hidden; clear:both} .pagebar .pagination { display: flex; justify-content: center; margin-top: 10px; } .pagination a { background: #fff; border: 1px solid #ccc; color: #333; font-size: 12px; padding: 8px 10px; margin: 0 2px; border-radius: 3px; line-height:100% } .pagination span { color: #333; font-size: 12px; padding: 7px 2px; margin: 0 2px; border-radius: 3px; } .pagination a:hover { color: #333; border: 1px solid #333; } .pagination a.page-num-current { color: #fff; background: #333; border: 1px solid #333; } .pagination .st{ font-family:宋体} .text-secondary{ text-align:center; padding:20px 0} #maximg img{ max-width:100%; height:auto !important}