* { margin: 0; padding: 0; list-style-type: none; border: none; } body,html { min-height: 100%; width: 100%; height: 100%; } body { font: 15px/1.5 'Microsoft YaHei','宋体',Tahoma,Arial,sans-serif; background-color: #ececec; margin: 0 auto; position: relative; max-width: 800px; } li { list-style: none; } a { color: #333; text-decoration: none; } a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: none; } a:active { text-decoration: none; } .clear { clear: both; } .white-box { padding: 8px; border: solid 1px #cfcfcf; border-radius: 3px; background: #fff; text-align: center; } .white-box li { line-height: 27px; border-bottom: 1px dashed #ccc; } .white-box.red { color: #fff; border-color: #00fd06; background: #167c18; } .white-box.red a { color: #fff; } /*头部*/ header { width: 100%; max-width: 800px; margin-left: auto; margin-right: auto; position: fixed; top: 0; left: 0; right: 0; z-index: 400; height: 44px; background: linear-gradient(to top,#41d843,#1c6109); text-align: center; line-height: 44px; font-size: 16px; color: #fff; box-sizing: border-box; border-bottom: 1px solid #efefef; } header .back { position: absolute; left: 10px; } header .back img { width: 22px; vertical-align: middle; } header .home { position: absolute; right: 10px; } header .home img { width: 22px; vertical-align: middle; } section { width: 100%; max-width: 800px; margin-left: auto; margin-right: auto; padding-top: 44px; } section .fl-list { width: 100%; } section .fl-list li { display: block; border-bottom: 1px solid #efefef; background: #fff; padding: 8px 6px; font-size: 14px; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } section .ne-list { width: 100%; } section .ne-list li { float: left; width: 33%; text-align: center; margin: 0 .16% } section .ne-list li a { margin-top: 6px; background-color: #fff; border: 1px solid #cfcfcf; border-radius: 3px; display: block; height: 38px; line-height: 38px; overflow: hidden; position: relative; text-align: center; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; } /*section*/ section .warp { width: 100%; background-color: #fff; } section .warp .title { text-align: center; padding: 0 12px 5px 12px; position: relative; border-bottom: 1px solid #efefef; } section .warp .title .time { color: #909aa4; } section .warp .title h2 { font-size: 16px; padding: 10px 0 5px 0; color: #222; line-height: 28px; font-weight: 400; } section .warp .content { overflow: hidden; padding: 0 12px; position: relative; box-sizing: border-box; font-size: 14px; } section .warp .content img { width: 100%; } section .warp .content p { margin: 10px 0; word-wrap: break-word; } section .warp .pstyle { color: #d4237a; } section .warp .lpage { padding: 7px 12px; position: relative; box-sizing: border-box; font-size: 14px; border: 1px solid #dbdbdb; } section .warp .lpage p { line-height: 28px; } /*分页*/ .page { width: 100%; padding: .5px 0; margin-top: 10px; } .page .paginList .current { background: #ddd; } .page .paginList .current a { color: #333; } .page .message { padding-top: .3rem; text-align: center; font-size: .6rem; color: #666; text-align: center; } .page ul { padding: .3rem .5rem; text-align: center; } .page ul li { padding: .3rem; display: inline-block; border: 1px solid #ccc; border-radius: 6px; margin-right: 5px; text-decoration: none; min-width: 1rem; text-align: center; font-size: .65rem; margin-bottom: 5px; background: #fff; } .page ul li.active { background-color: #efefef; } .page ul li a { display: inline-block; color: #444; } .page ul li a:hover { -webkit-tap-highlight-color: rgba(255,255,255,0); } /*底部*/ .cgi-foot { padding: 20px 0; font-size: 14px; color: #fff; text-align: center; background: #039e6d; } .cgi-foot-blank { background: #edfcf6; } .cgi-foot-blank { height: 60px; clear: both; overflow: hidden; } .cgi-foot-links { width: 100%; max-width: 800px; height: 60px; border-top: solid 1px #ddd; box-shadow: 0 -4px 10px rgba(0,0,0,.05); background: #fff; background-image: -webkit-linear-gradient(to top,#eee,#fff); background-image: linear-gradient(to top,#eee,#fff); position: fixed; bottom: 0; z-index: 70; } .cgi-foot-links ul li { float: left; width: 25%; text-align: center; } .cgi-foot-links ul li a { font-size: 15px; color: #555; } .cgi-foot-links ul li a.hover { color: red; border:none; background:none; } .cgi-foot-links ul li a span { height: 34px; display: block; } .cgi-foot-links ul li a span.cfl1 { background: url(cfl1.png) 50% 8px no-repeat; background-size: auto 25px; } .cgi-foot-links ul li a span.cfl2 { background: url(cfl2.png) 50% 8px no-repeat; background-size: auto 25px; } .cgi-foot-links ul li a span.cfl3 { background: url(cfl3.png) 50% 8px no-repeat; background-size: auto 25px; } .cgi-foot-links ul li a span.cfl4 { background: url(cfl4.png) 50% 8px no-repeat; background-size: auto 25px; } .cgi-foot-links ul li a.hover span.cfl1 { background: url(cfl1-2.png) 50% 8px no-repeat; background-size: auto 25px; } .cgi-foot-links ul li a.hover span.cfl2 { background: url(cfl2-2.png) 50% 8px no-repeat; background-size: auto 25px; } .cgi-foot-links ul li a.hover span.cfl3 { background: url(cfl3-2.png) 50% 8px no-repeat; background-size: auto 25px; } .cgi-foot-links ul li a.hover span.cfl4 { background: url(cfl4-2.png) 50% 8px no-repeat; background-size: auto 25px; }