/* peui | version:1.1.1 beta | CopyRight 2015-2017 dtop | website:http://dtop.powereasy.net/peui/ updater:动易大刘 | updated:2018/02/08 */ /*----- 重置元素样式 -----*/ a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, menu, tbody, tfoot, thead, th, tr, td, video, tt, u, ul, var { background: transparent; font-size: 100%; margin: 0; padding: 0; border: 0; outline: 0; } blockquote, q { quotes: none; } table, table td { padding: 0; border: none; border-collapse: collapse; border-spacing: 0; } img { vertical-align: top; } embed { vertical-align: top; } /*获得html5新的标签的行为*/ article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video { display: block; } mark, rp, rt, ruby, summary, time { display: inline; overflow: hidden; } /*预置全局样式*/ body { color: #222; font-size: 14px; line-height: 1.42857143; font-family: "Microsoft YaHei", "Helvetica Neue", SimSun, SimHei, Arial, Helvetica, Tahoma, Verdana, Georgia; cursor: default; word-break: normal; word-wrap: break-word; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } a { color: #222; text-decoration: none; } a:focus, a:hover { color: red; } /*a:active, a:visited{color: #222;}*/ li, ol, ul { list-style: none; vertical-align: middle; } pre { white-space: pre-wrap; line-height: 1.75; font-family: "Microsoft YaHei"; } th { text-align: center; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: 500; line-height: inherit; } .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { vertical-align: middle; } #playerMask { display: none !important; } /* ----------- 重置bootstrap ----------- */ /* 巨幕 */ .jumbotron .h1, .jumbotron h1 { font-size: 30px; color: #f50; } .jumbotron .con { margin: 20px 0; } .jumbotron p { font-size: 18px; } /* ----------- 重置系统内置功能 ----------- */ /* 输入框 */ .codeinp { position: relative; width: 150px; display: inline-block; } #ValidateCode { padding: 0 80px 0 5px !important; width: 150px !important; height: 32px !important; } .validationcode { position: absolute; top: 7px; right: 5px; } .validationcode img { height: 20px; } .form-control { height: 34px !important; } textarea.form-control { height: auto !important; } .form-control input { border: none; background: none; outline: none; } .form-control .validationcode { top: 0; right: 0; } /* 信件查询 */ #apply-form-query .control-label { width: 42%; text-align: right; } #apply-form-query .form-control { display: inline-block; *display: inline; display: inline\0; zoom: 1; } #apply-form-query .form-control input { min-width: 250px; } /* 信件-内容页 */ #reply-detail { margin-top: 20px; } /* 信件-评论 */ .commentForm .codeinp { width: 228px; line-height: 32px; } .commentForm .codeinp .form-control { padding: 0 80px 0 5px !important; width: 150px !important; } .comments ul { padding: 10px 0 0 !important; } .comments ul li { padding: 2px 0; } .comments ul li.name { font-size: 16px; } /* ----------- 布局定义 ----------- */ /* 布局 */ body { min-width: 1200px; } .container { width: 1230px; } .row-last { margin-bottom: 0 !important; } .side { width: 290px; } .main { float: none; width: auto; overflow: hidden; } .noData { text-align: left; background: none; text-indent: 10px; } /* ----------- 组件定义 ----------- */ /* 图标 */ [class^="icons"], [class*="icons"] { display: inline-block; margin-top: -2px; margin-right: 5px; width: 3px; height: 3px; vertical-align: text-top; background-repeat: no-repeat; overflow: hidden; vertical-align: middle; } .icons { width: 4px; height: 4px; background: url("/zfgjjxcwgysjcom/Content/zfgjj/Base/img/icons/icons.png"); } .icons-arrow { width: 5px; height: 9px; background: url("/zfgjjxcwgysjcom/Content/zfgjj/Base/img/icons/icons-arrow.png"); } /* 状态 */ .state i, .state em { font-style: normal; } .state .s0, .state .no-reply { color: #999; } .state .s1 { color: #17d; } .state .s2 { color: #f60; } .state .s3 { color: #390; } /* ========== 盒子 ========== */ /* 盒子 */ .box { overflow: hidden; } .box>.hd { border-bottom: 1px solid #eee; line-height: 20px; } .box>.hd h3 { display: inline-block; *display: inline; zoom: 1; } .box>.hd h3 a, .box>.hd span { display: inline-block; *display: inline; padding: 10px 15px; } .box>.hd .more { float: right; margin-top: 10px; margin-right: 5px; } .box>.bd { padding: 10px 5px; } /* 盒子-默认 */ .box-default>.hd h3 { margin-bottom: -1px; display: inline-block; *display: inline; zoom: 1; border-bottom: 1px solid #999; color: #999; } .box-default>.hd h3 a { color: #999; } /* 盒子-主要 */ .box-primary>.hd { border-bottom-color: #999; } .box-primary>.hd h3 { margin-bottom: -1px; display: inline-block; *display: inline; zoom: 1; background-color: #fff; border: 1px solid #999; border-bottom-width: 0; color: #999; } .box-primary>.hd h3 a { color: #999; } /* 盒子-块 */ .box-block>.hd h3 { display: inline-block; *display: inline; zoom: 1; background-color: #999; color: #fff; } .box-block>.hd h3 a { color: #fff; } /* 盒子-背景 */ .box-background>.hd { background-color: #999; color: #fff; } .box-background>.hd a { color: #fff; } .box-background>.hd a:hover { color: #f00; } /* 盒子-切换标签 */ .box .hd li { display: inline-block; *display: inline; zoom: 1; } .box .hd li a { display: block; padding: 10px 15px; } .box .hd .on a { color: #f00; } /* 盒子-切换标签-默认 */ .box-default>.hd .on { margin-bottom: -1px; border-bottom: 1px solid #999; } .box-default>.hd .on a { color: #999; } /* 盒子-切换标签-主要 */ .box-primary>.hd .on { margin-bottom: -1px; background-color: #fff; border: 1px solid #999; border-bottom-width: 0; color: #999; } .box-primary>.hd .on a { color: #999; } /* 盒子-切换标签-块 */ .box-block>.hd .on { background-color: #999; color: #fff; } .box-block>.hd .on a { color: #fff; } /* 盒子-side */ .box-side { margin-bottom: 20px; } .box-side>.hd { background-color: #999; color: #fff; } .box-side>.hd a { color: #fff; } .box-side>.bd { padding: 10px; background-color: #f9f9f9; } .box-side>.fd { padding-left: 10px; padding-right: 10px; } /* 盒子-main */ .box-main>.hd { border-bottom-color: #999; } .box-main>.hd h3 { display: inline-block; *display: inline; zoom: 1; background-color: #999; color: #fff; } .box-main>.hd h3 a { color: #fff; } .box-main>.bd { padding-top: 10px; } .box-main>.fd { padding-top: 10px; } /* 盒组 */ .box-group { overflow: hidden; } .box-group>.box { width: 49%; margin-bottom: 10px; } .box-group>.box .bd ul.list { min-height: 180px; } /* 表单组 */ .form-group label { float: left; line-height: 34px; } .form-group .form-control { margin: 0 5px; float: left; display: inline-block; *display: inline; zoom: 1; width: auto; } /* ========== 列表 ========== */ /* 信息列表 */ .list { overflow: hidden; } .list li { position: relative; padding-top: 5px; padding-bottom: 5px; overflow: hidden; padding-left: 12px; background: url("/zfgjjxcwgysjcom/Content/zfgjj/Base/img/icons/icons.png") 0 center no-repeat; } .list .title, .list .tit { overflow: hidden; } .list .title a, .list .tit a { overflow: hidden; } .list .node a { color: #666; } .list .date, .list .dateRight, .list .calendar, .list .btn-group { margin-left: 15px; color: #999; } .list .date, .list .calendar { float: right; } .list .state { margin-left: 10px; font-size: 14px; } .list .comment { margin-left: 5px; } .list .split { margin: 10px 0; padding: 0; height: 0px; font-size: 0px; line-height: 0px; border-bottom: 1px dotted #ddd; } /* 信息列表-简介列表&头条列表 */ .list-intro li { padding: 15px 5px; border-bottom: 1px dotted #ddd; background: none; } .list-intro li:last-child { border: none; } .list-intro li .title { padding-bottom: 10px; } .list-intro li .title a { font-size: 18px; } .list-intro li .date { float: left; margin: 10px 0px 0px; font-size: 12px; color: #999 } .list-intro .pic { float: left; margin-right: 15px; } .list-intro .pic a { display: block; } .list-intro .pic a img { max-width: 160px; max-height: 120px; } .list-intro .con { overflow: hidden; } .list-intro .intro { color: #888; /*height: 40px;*/ overflow: hidden; text-indent: 2em; } .list-intro .intro .more { margin-left: 10px; } .list-intro .info { margin-top: 5px; color: #888; } .list-intro .info b { font-weight: normal; } .list-intro .info span { margin-right: 10px; } /* 兼容:信息列表-头条列表 */ .list-top li { padding: 15px 0; border-bottom: 1px dotted #ddd; } .list-top li:last-child { border: none; } .list-top .pic { float: left; margin-right: 15px; } .list-top .pic a { display: block; } .list-top .con { overflow: hidden; } .list-top .intro { color: #888; /*height: 40px;*/ overflow: hidden; text-indent: 2em; } .list-top .intro .more { margin-left: 10px; } .list-top .info { margin-top: 5px; color: #888; } .list-top .info b { font-weight: normal; } .list-top .info span { margin-right: 10px; } .list-top .t { background: none; margin-bottom: 10px; } .list-top .t .title { padding-bottom: 10px; } .list-top .t .title a { font-size: 18px; } .list-top .t+.n { clear: both; } .list-top .n { padding: 5px 0 5px 12px; border: none; } .list-top li.noData { padding-top: 5px; padding-bottom: 5px; } /* 信息列表-图片列表*/ .list-pic { margin: 0 -10px; } .list-pic li { float: left; padding: 10px 0; width: 25%; *width: 24.9%; text-align: center; background: none } .list-pic .pic { padding-left: 10px; padding-right: 10px; display: block } .list-pic .pic img { width: 100%; height: auto !important; } .list-pic .con { height: 95px; overflow: hidden; } .list-pic .title, .list-pic .tit { padding: 0 10px; margin: 10px 0 0; height: 40px; line-height: 20px; text-align: center; } .list-pic .title a, .list-pic .tit a { white-space: normal; } .list-pic .intro { padding: 0 10px; line-height: 1.7142857; color: #777; } .list-pic .icons-video { position: absolute; bottom: 70px; left: 20px; width: 20px; height: 20px; background: url("/zfgjjxcwgysjcom/Content/zfgjj/Base/img/icons-video.png") no-repeat; } /* 兼容:信息列表-信件列表&表格列表 */ .letterList { width: 100%; } .letterList li, .letterList td { padding-top: 5px; padding-bottom: 5px; padding-left: 10px; border-bottom: 1px dotted #ddd; } .letterList .th, .letterList th { margin-bottom: 5px; padding-top: 10px; padding-bottom: 10px; background: #f1f1f1; font-weight: bold; color: #333; } .letterList td { padding-top: 10px; padding-bottom: 10px; } .letterList td i { margin-right: 0; } .letterList td.title a { width: 500px; } .letterList .num { display: none; } .letterList .ico { width: 20px; vertical-align: middle; } .letterList .dep { width: 120px; text-align: center; } .letterList .state { width: 80px; text-align: center; } .letterList .date { width: 120px; text-align: center; } .letterList li .dep, .letterList li .state, .letterList li .time { float: right; } .letterList .author { width: 100px; } .letterList .ok { color: #690; } /* 信息列表-经过 */ .list-hover li:hover, .list-hover tr:hover { background-color: #f5f5f5; } /* 信息列表-线条 */ .list-line li { padding-top: 8px; padding-bottom: 8px; background-position: 0 16px; border-bottom: 1px dotted #ddd; } .list-line .split { border: none; } /* 信息列表-多行 */ .list-multi .title { display: inline; zoom: 1; } .list-multi .title a { display: inline; zoom: 1; white-space: normal; } /* 信息列表-阴影 */ .list-shadow li { transition: all 0.2s linear 0s; } .list-shadow .on, .list-shadow li:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, .2); transform: translate3d(0px, -2px, 0px); } /* 信息列表-日历 */ .list-calendar .date { display: none; } .list-calendar .calendar { text-align: center; } .list-calendar .calendar i { display: block; line-height: 25px; color: #fff; background: #999; font-size: 12px; font-style: normal; padding: 0 6px; } .list-calendar .calendar em { display: block; line-height: 35px; color: #000; background: #f5f5f5; font-size: 20px; font-style: normal; } /* 信件列表-隔行换色 */ .list-even .even { background-color: #fafafa; } .list-even li, .list-even td { padding-top: 10px; padding-bottom: 10px; } .list-even li:hover { background-color: #f5f5f5; } /* 图片经过效果 */ .pic a { display: block; position: relative; transition: all 200ms ease 0s; overflow: hidden; } .pic a:hover { filter: alpha(opacity=80); opacity: .8; } .pic a:before { content: ""; position: absolute; width: 100px; height: 100%; top: 0; left: -100%; overflow: hidden; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%); -webkit-transform: skewX(-30deg); -moz-transform: skewX(-30deg); transform: skewX(-30deg); } .pic a:hover:before { left: 150%; transition: left 1s ease 0s } /* url_方块样式分页 */ .page { font-size: 0; text-align: left; padding: 25px 0; clear: both; overflow: hidden; text-align: center; } .page a, .page span { font-size: 14px; zoom: 1; border: 1px solid #E1E1E1; padding: 0px 12px; margin: 0 3px 5px 0; line-height: 30px; height: 30px; display: inline-block; vertical-align: middle; } .page a:hover, .page span:hover { border: 1px solid #666; text-decoration: none; color: #666; } .page .current { background: #666; border: 1px solid #666; color: #fff !important; font-weight: bold; } .page select, .page input { margin: 0 4px; background: #fff; border: 0 solid #E1E1E1; vertical-align: middle; } .page input { text-align: center; padding: 0 4px; outline: none; } /* ========== 表格 ========== */ /* 表格-无线条 */ .table-none>tbody>tr>td, .table-none>tbody>tr>th, .table-none>tfoot>tr>td, .table-none>tfoot>tr>th, .table-none>thead>tr>td, .table-none>thead>tr>th { border: none; } /* 表格-信件 */ .table-letter th { background-color: #f5f5f5; } .table-letter i, .table-letter em { font-style: normal; } .table-letter td.title { text-align: left; } .table-letter .num { width: 50px; display: none; } .table-letter .ico { width: 50px; } .table-letter .dep { width: 100px; } .table-letter .date { width: 120px; } .table-letter .state { width: 80px; } /* ========== 焦点图 ========== */ /* 焦点图-切换 */ .focus { position: relative; text-align: center; overflow: hidden; } .focus .hd { position: absolute; z-index: 11; right: 5px; bottom: 50px; } .focus .hd li { float: left; cursor: pointer; font-size: 12px; color: #999; } .focus .hd span { margin-right: 5px; background: #fff; display: block; padding: 0 6px; } .focus .hd .on span { background: #e00; color: #fff; } .focus .bd .pic a { display: block; } .focus .bd img { width: 100%; } .focus .bd li { position: relative; } .focus .bd .con { position: absolute; bottom: 0; left: 0; width: 100%; } .focus .bd .title { position: relative; z-index: 3; height: 40px; line-height: 40px } .focus .bd .title a { color: #fff; display: block; padding: 0px 15px; overflow: hidden; } .focus .bd .title a:hover { color: #f00; } .focus .bd .titleBg { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; height: 40px; background-color: #000; filter: alpha(opacity=60); opacity: .6; } /* 焦点图-图标 */ .focus-icon .hd { bottom: 13px; height: 14px; } .focus-icon .hd span { padding: 0; width: 14px; height: 14px; overflow: hidden; line-height: 100px; border-radius: 10px; } .focus-icon .bd .title a { margin-right: 100px; text-align: left; } /* 焦点图-图片 */ .focus-pic .hd { width: 250px; right: 10px; } .focus-pic .hd ul { margin: 0 -5px; overflow: hidden; } .focus-pic .hd li { width: 24.9%; } .focus-pic .hd .pic { margin: 0 5px; } .focus-pic .hd .pic img { transition: all 200ms ease 0s; width: 100%; border: 1px solid #fff; filter: alpha(opacity=85); opacity: .85; } .focus-pic .hd .on img { border-color: #f50; filter: alpha(opacity=100); opacity: 1; } .focus-pic .hd .title { display: none; } /* 焦点图-图片+标题 */ .focus-pic-title .hd { width: 100%; bottom: 10px; right: 0; } .focus-pic-title .hd ul { display: inline-block; *display: inline; zoom: 1; } .focus-pic-title .hd li { margin: 0 2px; padding: 3px; } .focus-pic-title .hd .on { background: rgba(0, 0, 0, 0.7) !important; background: #000; filter: Alpha(opacity=70); color: #fff; border-radius: 34px; } .focus-pic-title .hd .pic { float: left; width: 34px; height: 34px; border-radius: 50%; overflow: hidden; } .focus-pic-title .hd .pic img { height: 34px; } .focus-pic-title .hd .con { display: none; float: left; overflow: hidden; } .focus-pic-title .hd .title { display: none; float: left; padding: 0 15px 0 5px; line-height: 34px; white-space: nowrap; overflow: hidden; } .focus-pic-title .hd .title a { color: #fff; } .focus-pic-title .hd .on .con, .focus-pic-title .hd .on .title { display: block; } .focus-pic-title .bd .con { display: none; } /* 焦点图-图片带简介 */ .focus-intro .hd { right: 0; bottom: 15px; width: 50%; } .focus-intro .hd ul { display: inline-block; *display: inline; zoom: 1; } .focus-intro .hd span { padding: 0; width: 14px; height: 14px; background-color: #ccc; overflow: hidden; line-height: 100px; } .focus-intro .bd { background-color: #f5f5f5; } .focus-intro .bd .pic { float: left; width: 50%; } .focus-intro .bd .con { position: static; width: auto; padding: 20px; text-align: left; overflow: hidden; } .focus-intro .bd .con .pic { margin-top: 5px; } .focus-intro .bd .date { color: #999; } .focus-intro .bd .title { margin-bottom: 10px; } .focus-intro .bd .title a { padding: 0; color: #333; font-size: 18px; } .focus-intro .bd .intro { margin-top: 10px; color: #888; height: auto; line-height: 1.75; overflow: hidden; } .focus-intro .bd .intro .more { margin-left: 10px; } .focus-intro .bd .titleBg { display: none; } /* 广告 */ .focus-ad .hd { right: 0; bottom: 15px; width: 100%; } .focus-ad .hd ul { display: inline-block; *display: inline; zoom: 1; } .focus-ad .hd span { padding: 0; width: 14px; height: 14px; overflow: hidden; line-height: 100px; } .focus-ad .bd .con { display: none; } /* 内容页 */ .article { margin: 20px; } .article-hd h1 { font-size: 2em; } .article-hd h2 { font-size: 1.7142857em; } .article-hd .title { margin-bottom: 10px; } .article-hd .sub-title { margin-bottom: 10px; } .article-hd .meta { padding-bottom: 15px; border-bottom: 1px dotted #eee; margin-bottom: 10px; color: #666; } .article-hd .meta span { padding: 0 3px; } .article-hd .meta .size a { cursor: pointer; padding: 0 2px; } .article-hd .lead { margin-bottom: 20px; background: #fafafa; border: 1px solid #eee; color: #666; padding: 10px; overflow: hidden; } .article-bd { font-size: 16px; line-height: 1.75; overflow: hidden; } .article-bd p { margin: 0.75em 0; } .article-bd ul { padding-left: 1em; } .article-bd ul li { list-style: outside; } .article-bd h1 { font-size: 2em; } .article-bd h2 { font-size: 1.7142857em; } .article-bd h3 { font-size: 1.42857em; } .article-bd h4 { font-size: 1.2857em; } .article-bd h5 { font-size: 1.142857em; } .article-bd h6 { font-size: 1em; } .article-fd>div { margin-bottom: 20px; } .article-fd .inputer { padding-bottom: 5px; text-align: right; color: #999; } .article-fd .inputer span { margin-left: 10px; } .article-fd .user-control { border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 10px 0; color: #333; overflow: hidden; } .article-fd .user-control .btn { padding-left: 0; padding-right: 0; } .article-fd .bdsharebuttonbox { float: right; } .article-fd .other>div { padding: 5px 0; } /* 百度分享 */ .bdshare-button-style0-16 a, .bdshare-button-style1-16 a, .bdshare-button-style2-16 a { background-image: url("/zfgjjxcwgysjcom/Content/zfgjj/Base/img/share/share16.png") !important; } .bdshare-button-style0-24 a, .bdshare-button-style1-24 a, .bdshare-button-style2-24 a { background-image: url("/zfgjjxcwgysjcom/Content/zfgjj/Base/img/share/share24.png") !important; } .bdshare-button-style0-32 a, .bdshare-button-style1-32 a, .bdshare-button-style2-32 a { background-image: url("/zfgjjxcwgysjcom/Content/zfgjj/Base/img/share/share32.png") !important; }