/* Css Reset */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img { padding: 0; margin: 0; } fieldset, img { vertical-align: top; border: 0; } address, caption, cite, code, dfn, em, th, var, i { font-weight: normal; font-style: normal; } ol, ul, li { list-style: none; } div, dl, dt, dd, ol, ul, li { zoom: 1; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; } q:before, q:after { content: ''; } abbr, acronym { border: 0; } pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; font-family: "Microsoft YaHei", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.8; } .fl { float: left; } .fr { float: right; } .clearfix:after { clear: both; height: 0; overflow: hidden; display: block; visibility: hidden; content: "."; } .hide { display: none; } img { border: 0; vertical-align: top; } table{ border-collapse: collapse; border-spacing: 0; } /* 字体图标 */ @font-face { font-family: "iconfont"; src: url("/wwwxcwgysjcom/Content.Phone/Main/Base/fonts/iconfont.eot"); /* IE9*/ src: url("/wwwxcwgysjcom/Content.Phone/Main/Base/fonts/iconfont.eot") format("embedded-opentype"), url("/wwwxcwgysjcom/Content.Phone/Main/Base/fonts/iconfont.woff") format("woff"), url("/wwwxcwgysjcom/Content.Phone/Main/Base/fonts/iconfont.ttf") format("truetype"), url("/wwwxcwgysjcom/Content.Phone/Main/Base/fonts/iconfont.svg") format("svg"); /* iOS 4.1- */ } /* Public */ body { color: #333; line-height: 1.8; font-family: "Microsoft YaHei", Helvetica, Arial, sans-serif; } a { color: #333; text-decoration: none; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); } a:hover { color: #c00; } input[type=button], input[type=submit], input[type=file], button{ cursor: pointer; -webkit-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .moreBtn { margin-top: 10px; height: 40px; line-height: 40px; background: #eee; text-align: center; display: block; color: #666; } .show { display: block !important; } /* goTop */ #goTop { position: fixed; display: none; _display: none !important; width: 50px; height: 50px; bottom: 60px; right: 5px; z-index: 99; cursor: pointer; margin: 5px; width: 40px; height: 40px; border-radius: 2px; -webkit-box-shadow: 0 0 5px #9c9c9c; opacity: .9; background: rgba(0, 0, 0, 0.5); } #goTop::after { display: block; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -15px; content: ""; border-width: 10px; border-color: transparent; border-bottom-color: #fff; border-bottom-style: solid; border-style: dashed; display: block; font-size: 0; line-height: 0; width: 0; } /* winMark */ #winMark { z-index: 1; width: 100%; display: none; height: 100%; position: fixed; background: rgba(0, 0, 0, 0.8); left: 0; top: 0; } /* frame */ #header { position: relative; z-index: 3; background: #3069B8; height: 60px; line-height: 60px; color: #fff; } #header .back { display: block; width: 55px; height: 100%; overflow: hidden; text-align: center; position: absolute; left: 0; top: 0; } #header .back::after { content: "\e616"; font-family: "iconfont"; font-size: 24px; color: #fff; } #header .title { text-align: center; margin: 0 80px; overflow: hidden; font-size: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #header #logo { display: none; } #header #logo a { display: block; height: 35px; padding: 12px; float: left; } #header #logo img { display: block; height: 100%; } #header dd { display: none; border-top:1px solid #9BB2C9; width: 94%; background: #3069B8; left: 0; padding: 10px 3%; position: absolute; top: 100%; text-align: left; line-height: 1.8; z-index:5; } #header dt { display: block; width: 36px; height: 36px; line-height: 32px; right: 0; margin: -16px 2% 0 0; text-align: center; position: absolute; top: 50%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } #header dt::before{ content:"\e600"; font-family:"iconfont"; font-size:20px; } #header .language dt{ right: 36px; background:none; } #header .language dt::before{ display:none } #header .language a{ color:#fff; display:block; } #header .on{ background-color:#275593 } #header .close{ width:12%; display:block; top:10px; height:40px; position:absolute; right:10px; background: url("/wwwxcwgysjcom/Content.Phone/Main/Base/img/icons.png") center -193px no-repeat; background-size: 28px auto; } #header .siteSearch dt { right: 0; } #header .goHome dt{ right:40px; } #header .goHome dt::before{ content:"\e614"; } #header .siteSearch .hotWords{ display:none } #header .siteSearch .en{ display:none; color:#fff; text-align:center; height:34px; line-height:34px; background:#7fb5ff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; width:50%; margin:10px auto 0 auto } #header .s-form{ width: 88%; position:relative; } /* 导航 */ .topNav{ overflow:hidden; height:40px; line-height:40px; position:relative; background:#F6F7FB; border-bottom:2px solid #3069BA; z-index:2; } .topNav .more{ display:block; width: 12%; height:40px; position:absolute; right:0; top:0; background:#fff; -webkit-box-shadow:0px -2px 5px rgba(0, 0, 0, .3); -moz-box-shadow:0px 2px 5px rgba(0, 0, 0, .3); box-shadow:-5px 0 25px rgba(0, 0, 0, .2); } .topNav .more::after{ content:""; display:block; height:100%; background: url("/wwwxcwgysjcom/Content.Phone/Main/Base/img/icons.png") center -243px no-repeat; background-size: 26px auto; -webkit-transition:400ms; -o-transition:400ms; -moz-transition:400ms; transition:400ms; } .topNav .more.on::after{ -moz-transform:scaleY(-1); -webkit-transform:scaleY(-1); -o-transform:scaleY(-1); transform:scaleY(-1); } .topNav .in{ width:87%; overflow:hidden; } .topNav ul{ width:400%; } .topNav li{ float:left; width:70px; text-align:center; } .topNav a{ display:block; color:#aaa; } .topNav .on1 .a1{ color:#3069B8; } #JS_hideBox2{ display:none; position:absolute; z-index:2; width:100%; top:102px; left:0; background:#F6F7FB; } .topSubNav{ padding:10px 20px; overflow:hidden; } .topSubNav li{ float:left; width:25%; text-align:center; margin:5px 0; } .topSubNav li a{ display:block; color:#aaa; } .topSubNav .first1{ display:none; } .siteSearch .select-box { display: none; } .siteSearch #search { height: 40px; border: 0; line-height: 200px; width: 17%; position: absolute; right: 0; top:0; display: block; overflow:hidden; background: url("/wwwxcwgysjcom/Content.Phone/Main/Base/img/icons.png") center -93px #fff no-repeat; background-size:28px auto; } .siteSearch #inputkeyword { background: #fff; font-size: 14px; height: 20px; line-height: 20px; padding: 10px; border: 0; width: 78%; outline: none; } #content { background: #fff; padding: 3%; position: relative; z-index: 0; overflow: hidden; } #footer { background: #F0F0F0; padding: 5% 3%; color: #999; text-align: center; font-size: 12px; } #footer a { color: #999; } #footer .footNav { margin-bottom: 3%; } #footer .footNav a { margin: 0 5px; word-break: keep-all; white-space: nowrap; } #footer .btns a{ margin-top:10px; display:inline-block; padding:2px 25px; background:#fff; border:1px solid #ccc; border-radius:4px; } /* 位置导航 */ .path { color: #666; line-height: 1.6; padding: 3% 3% 0 3%; text-align: left; font-size: 14px; } .path a, .path span { padding: 0 3px; color: #666; } .path::before { content: "\e614"; font-family: "iconfont"; font-size: 16px; color: #3069B8; margin-right: 0; } /* url_方块样式分页 */ .page { font-size: 14px; text-align: center; padding: 3% 0; clear: both; line-height: 36px; overflow: hidden; } .page a { display: none; float: left; border: 1px solid #E1E1E1; padding: 0 15px; margin: 0 8px 8px 0; } .page .current { display: none; } .page .select { display: none; } .page .prev, .page .next, .page .total { display: block; } .page .next { float: right; } /* focusBox */ .focusBox { position: relative; } .focusBox .bd img { width: 100%; display: block; /* height: 60vw; */ } .focusBox .bd li { position: relative; } .focusBox .bd .title, .focusBox .bd .titleBg { display: block; position: absolute; z-index: 1; width: 90%; padding: 0 5%; bottom: 0; height: 50px; line-height: 50px; text-align: center; overflow: hidden; } .focusBox .bd .titleBg { z-index: 0; background: black; background: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(black)); background: -moz-linear-gradient(transparent, black); background: -ms-linear-gradient(transparent, black); background: -o-linear-gradient(transparent, black); background: linear-gradient(transparent, black); } .focusBox .bd .title a { color: #fff; } .focusBox .hd { position: absolute; width: 100%; bottom: 0; height: 4px; overflow: hidden; background: #3069B8; } .focusBox .hd ul { display: -moz-box; display: -webkit-box; display: -ms-flexbox; display: box; } .focusBox .hd li { -moz-box-flex: 1; -webkit-box-flex: 1; -ms-flex: 1; box-flex: 1; } .focusBox .hd .on { background: #FFC500; } /* box */ .box { margin-bottom: 20px; } .box .hd { height: 39px; line-height: 39px; position: relative; border-bottom: 1px solid #ddd; font-size: 18px; } .box .hd h3 { border-bottom: 2px solid #3069B8; line-height: 33px; color: #3069B8; padding: 0 6% 5px 6%; float: left; } .box .hd h3 a { color: #3069B8; } .box .hd ul { height: 40px; line-height: 33px; overflow: hidden; } .box .hd li { float: left; min-width: 33.3%; text-align: center; } .box .hd .on { border-bottom: 2px solid #3069B8; line-height: 33px; padding-bottom: 5px; } .box .hd .on a { color: #3069B8; } .box .bd { padding: 3% 0 0 0; overflow: hidden; } /* boxA */ .boxA { margin-bottom: 20px; } .boxA .hd { height: 39px; line-height: 39px; position: relative; border-bottom: 1px solid #E1E1E1; background: #F9F9F9; } .boxA .hd h3 { float: left; color: #3069B8; font-size: 18px; line-height: 38px; padding: 0 5%; background: #F9F9F9; border: 1px solid #E1E1E1; border-top: 2px solid #3069B8; border-bottom: 0; } .boxA .hd h3 a { color: #3069B8; } .boxA .hd ul { overflow: hidden; } .boxA .hd li { text-align: center; width: 33.3%; float: left; font-size: 18px; height: 39px; line-height: 39px; background: #F9F9F9; } .boxA .hd li a { display: block; } .boxA .hd .on { height: 40px; color: #3069B8; } .boxA .hd .on a { color: #3069B8; border: 1px solid #E1E1E1; border-top: 2px solid #3069B8; border-bottom: 0; } .boxA .bd { padding: 3% 0 0 0; overflow: hidden; } .boxA-2 .hd li{ width:50% } /* boxB */ .boxB { background: #fff; margin-bottom: 20px; } .boxB .hd { height: 39px; line-height: 39px; position: relative; border: 1px solid #E1E1E1; } .boxB .hd .more { font-size: 14px; position: absolute; right: 10px; color: #666; } .boxB .hd h3 { padding: 0 20px; font-size: 18px; color: #fff; background: #3069B8; position: absolute; height: 41px; line-height: 41px; left: -1px; top: -1px; } .boxB .hd h3 a { color: #fff; } .boxB .bd { overflow: hidden; padding: 10px; border: 1px solid #E9E9E9; border-top: 0; } /* boxC */ .boxC { margin-bottom: 20px; overflow: hidden; } .boxC .hd { height: 34px; line-height: 34px; background: #FAFAFA; border-bottom: 1px solid #E9E9E9; position: relative; } .boxC .hd .more { position: absolute; right: 10px; top: 0; font-size: 14px; } .boxC .hd .more a { color: #666; } .boxC .hd ul { overflow: hidden; } .boxC .hd ul li { float: left; } .boxC .hd ul a { display: block; float: left; line-height: 16px; padding: 0 20px; margin: 9px 0; border-right: 1px solid #ccc; } .boxC .hd ul a:hover { text-decoration: none; } .boxC .hd ul li:last-child a { border-right: 0; } .boxC .hd .on a { color: #3069B8; } .boxC .bd { overflow: hidden; padding: 8px 5px; } /* boxD */ .boxD { margin-bottom: 20px; } .boxD .hd { height: 40px; line-height: 40px; background: #3069B8; } .boxD .hd h3 { font-size: 18px; color: #fff; } .boxD .hd h3::before { content: "\e612"; font-family: "iconfont"; font-size: 20px; background: #00599D; display: inline-block; width: 42px; text-align: center; margin-right: 10px; } .boxD .bd { background: #fff; overflow: hidden; border: 1px solid #E9E9E9; border-top: 0; } /* boxE */ .boxE { margin-bottom: 20px; } .boxE .hd { height: 38px; line-height: 38px; overflow: hidden; border-bottom: 2px solid #3069B8; } .boxE .hd h3 { float: left; padding: 0 20px; background: #3069B8; color: #fff; } .boxE .hd h3 a { color: #fff; display: block; float: left; } .boxE .hd .more { float: right; } .boxE .bd { padding: 10px; overflow: hidden; } /* mainBox */ .mainBox .mHd { position: relative; border-bottom: 1px solid #E1E1E1; background: #F9F9F9; line-height: 40px; height: 40px; } .mainBox .mHd .list { overflow: hidden; } .mainBox .mHd .list li { float: left; padding: 0 4%; } .mainBox .mHd .list a { font-size: 20px; color: #888; } .mainBox .mHd .list a:hover { text-decoration: none; } .mainBox .mHd .list .on a { color: #3069B8; } .mainBox .mHd h3, .mainBox .mHd .list .on { position: relative; border: 1px solid #E1E1E1; display: inline-block; * display: inline; zoom: 1; padding: 0 5%; height: 38px; border-top: 2px solid #3069B8; color: #3069B8; border-bottom: 0; font-size: 18px; background: #F9F9F9; bottom: -1px; overflow:hidden; } .mainBox .mHd h3 a { color: #3069B8; } .mainBox .mBd { padding: 4% 0; overflow: hidden; } .mainBox .mHd .writeBtn { display: inline-block; position: absolute; right: 5px; top: 5px; height: 38px; line-height: 38px; padding: 0 2%; color: #F50200; } .mainBox .mHd .writeBtn::before { font-family: "iconfont"; content: "\e61e"; margin: 0 5px 0 0; font-size: 14px; } /* 标题列表 */ .infoList li { height: 36px; line-height: 36px; overflow: hidden; } .infoList .date { float: right; color: #999; font-size: 14px; margin-left: 15px; } /* 图文列表 */ .twList li { padding: 3% 0; border-bottom: 1px solid #eee; overflow: hidden; } .twList li > a { display: block; overflow: hidden; } .twList .pic { float: left; margin-right: 4%; width: 28%; } .twList .pic img { height: auto; width: 100%; } .twList .con { overflow: hidden; zoom: 1; } .twList .title { font-size: 16px; line-height: 28px; margin-bottom: 5px; overflow: hidden; } .twList .intro { line-height: 24px; color: #777; max-height: 48px; overflow: hidden; font-size: 13px; } .twList .title a:hover { text-decoration: none; } .twList .intro .more { display: none; } .twList .others { font-size: 12px; color: #bbb; } .twList .others span { margin-right: 15px; } .twList .node { color: #aaa; margin-right: 15px; } .twList .last { border-bottom: 0; margin-bottom: 0; } /* 信件列表 */ .letterList { width: 100%; border-collapse: collapse; empty-cells: show; } .letterList th { background: #F2F2F2; text-align: center; height: 34px; line-height: 34px; } .letterList tr { border-bottom: 1px solid #eee; } .letterList td.state { color: #999; width: 80px; text-align: center; } .letterList td.title { display: block; height: 38px; line-height: 38px; overflow: hidden; } .letterList td.ico img { vertical-align: middle; margin: -2px 8px 0 0; } .letterList .open, .letterList .handle{ display:none } /* 图片列表-浮动 */ .picListFl { overflow: hidden; text-align: center; } .picListFl li { float: left; width: 48%; margin: 0 0 20px 0; display: inline; position: relative; background: #fff; overflow: hidden; } .picListFl li:nth-child(2n) { float: right; } .picListFl .pic img { height: auto; width: 100%; } .picListFl .title { font-size: 14px; line-height: 22px; height: 44px; overflow: hidden; padding-top: 5px; } /* 热点专题 */ #indRdzt .bd li img { width: 100%; } #indRdzt .bd li .tit { display: none; } #indRdzt .fd { margin-top: 8px; height: 8px; overflow: hidden; text-align: center; } #indRdzt .fd li { height: 8px; width: 8px; background: #B4B4B4; display: inline-block; overflow: hidden; line-height: 30px; vertical-align: top; margin: 0 2px; } #indRdzt .fd .on { background: #0068B4; } /* 政务公开 */ .xxgkIcons { overflow: hidden; margin-bottom: 2%; } .xxgkIcons li { width: 48.5%; font-size: 14px; float: left; overflow: hidden; height: 36px; line-height: 36px; background: #ECECEC; margin: 0 0 3% 0; } .xxgkIcons li:nth-child(2n) { float: right; } .xxgkIcons li a { display: block; } .xxgkIcons i { display: block; width: 36px; height: 36px; line-height: 36px; float: left; margin-right: 5px; background: #298AD3; text-align: center; } .xxgkIcons i::after { font-family: "iconfont"; content: "\e606"; color: #fff; font-size: 18px; } .xxgkIcons .li2 i { background: #2DBD44; } .xxgkIcons .li2 i::after { content: "\e60d"; } .xxgkIcons .li3 i { background: #4ADAE7; } .xxgkIcons .li3 i::after { content: "\e60a"; } .xxgkIcons .li4 i { background: #F49D3E; } .xxgkIcons .li4 i::after { content: "\e620"; line-height: 36px; } .xxgkIcons .li5 i { background: #F4513E; } .xxgkIcons .li5 i::after { content: "\e612"; line-height: 28px; } .xxgkIcons .li6 i { background: #2CB5BB; } .xxgkIcons .li6 i::after { content: "\e607"; } .xxgkIcons .li7 i { background: #8c2cbb; } .xxgkIcons .li7 i::after { content: "\e609"; } .xxgkIcons .li8 i { background: #bbaa2c; } .xxgkIcons .li8 i::after { content: "\e621"; } .xxgkIcons .li9 i::after { content: "\e624"; } .xxgkIcons .li9{ width:100% } .zdlyxxgkBtn { display: block; margin-bottom: 20px; height: 52px; line-height: 52px; text-align: center; font-size: 20px; padding-left: 50px; background: #D6EDFF; overflow: hidden; position: relative; background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#D6EDFF)); background: -moz-linear-gradient(#FFFFFF, #D6EDFF); background: -ms-linear-gradient(#FFFFFF, #D6EDFF); background: -o-linear-gradient(#FFFFFF, #D6EDFF); background: linear-gradient(#FFFFFF, #D6EDFF); } .zdlyxxgkBtn i { display: block; float: left; height: 120px; width: 120px; background: #288AD3; position: absolute; left: -60px; top: -30px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .zdlyxxgkBtn::after { content: "\e611"; font-family: "iconfont"; position: absolute; left: 15px; top: 2px; color: #fff; font-size: 28px; } .singleList li{ margin:5px; } .singleList li a{ height:38px; line-height:38px; border:1px solid #ddd; display:block; padding:0 15px; background:#F2F2F2; background:-webkit-gradient(linear,0 0,0 100%,from(#FFFFFF),to(#F2F2F2)); background:-moz-linear-gradient(#FFFFFF, #F2F2F2); background:-ms-linear-gradient(#FFFFFF, #F2F2F2); background:-o-linear-gradient(#FFFFFF, #F2F2F2); background: linear-gradient(#FFFFFF, #F2F2F2); } .required strong{ color:red } .nodeList{ overflow:hidden } .nodeList li{ float:left; min-width:31.3%; margin:1%; text-align:center } .nodeList a{ display:block; height: 34px; line-height: 34px; border:1px solid #ddd; font-size:14px; overflow:hidden; } .nodeList .on a{ background:#3069B8; color:#fff; border-color:#3069B8 } .nodeList-2 li{ width:48%; } .picBtn{ display:block; margin-bottom:20px; } .picBtn img{ display:block; width:100% } .nodeChange{ border:1px solid #3069B8; color:#3069B8; height:40px; padding:0 0 0 10px; font-size:16px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } .deptId110, .deptId111, .deptId112{ display:none } /*验证码*/ div.codeinp input[type=text] { width: 60px !important; float: left; } /* 通用底部按钮 */ .bot { text-align: center; padding: 0 0 20px 0; } .bot a, .bot button { cursor: pointer; display: inline-block; height: 40px; line-height: 40px; padding: 0 20px; font-size: 16px; background: #0068B7; border: 0; color: #fff; margin: 0 2%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .bot a:hover, .bot button:hover { text-decoration: none; background: #077BD4; } /* 依申请、信访、咨询等通用 查询页样色 */ .queryForm { background: #fff; font-size: 14px; } .queryForm td { padding: 8px 0 } .queryForm .tdlab { width: 50%; text-align: right; } .queryForm input[type=text] { } .queryForm .bot { text-align: left; } .queryForm .bot a { margin: 0 } .queryForm .required strong { color: #f00; margin-right: 5px; } .queryForm .errorMessage { color: #f00; } .queryForm table { width: 100%; border: 0; } /* 依申请、信访、咨询等通用 查询结果页样色 */ .queryResult .tit h3 { text-align: center; font-size: 24px; margin-bottom: 15px; } .queryResult .tips { font-size: 16px; border-top: 1px solid #ddd; padding: 15px 10px 20px 10px; } .queryResult .number { font-weight: bold; color: #f00 } /* history.css时间轴 */ .historydetail .timeline-badge { display: none; } .timeline-inverted { margin-bottom: 10px; padding: 0 5px 10px 5px; border-bottom: 1px dotted #ccc; } .col-sm-10, .control-content, .col-xs-5, .col-xs-10, .col-xs-10 p { display: inline; } .icon-fz{ display:block; width:118px; height:70px; background:url("/wwwxcwgysjcom/Content/Main/Base/img/icon-fz.png") no-repeat; background-size:100%; position:absolute; right:30px; top:20px;} @media screen and (max-width: 320px) { .xxgkIcons li { font-size: 12px; } .mainBox .mHd h3, .mainBox .mHd .list .on{ font-size:17px; } .nodeList a{ font-size:12px; } } @media screen and (min-width: 500px) { body{ max-width:500px; border-right:1px solid #ccc; border-left:1px solid #ccc; position:relative; margin:0 auto } } /*# sourceMappingURL=default.css.map */