/* CSS Document */ *{ margin:0; padding:0; } body{ margin:0 auto; padding:0; background:#fff; color:#222; font-family:"Arial","Microsoft Yahei","宋体"; } .clear{ clear:both; } .wrapper{ width:996px; margin:0 auto; } img{ border:none; } header,h1,.btn_yellowbig,.btn_orangebig,.btn_orangesmall,.btn_yellowsmall,a,a:hover,.header_index,.btn_chaxun,.btn_graybig,.btn_graysmall,.reveal-modal{ behavior: url("/wwwcsglxhcom/hudong/rexian/web/base/js/PIE.htc"); } ul{ list-style-type: none; margin: 0; padding: 0; } /*----字体开始------*/ .font16{ font-family:"Arial","Microsoft Yahei","宋体"; font-size:16px; color:#222; font-weight:400; } .font14{ font-family:"Arial","Microsoft Yahei","宋体"; font-size:14px; color:#222; font-weight:400; } .font12{ font-family:"Arial","Microsoft Yahei","宋体"; font-size:12px; color:#222; font-weight:400; line-height:22px; } .blod{ font-weight:bold; } .gray{ color:#888; } h1{ font-family:"Arial","Microsoft Yahei","宋体"; font-size:20px; } h2{ font-family:"Arial","Microsoft Yahei","宋体"; font-size:18px; } h3{ font-family:"Arial","Microsoft Yahei","宋体"; font-size:16px; } .font_red{ color:#fc4e13; } /*----字体结束------*/ /*----连接hover 开始-----*/ a{ color:#222; text-decoration:none; cursor:pointer; } a:hover{ color:#fc4e13; text-decoration:underline; } .link_red{ color:#fc4e13; text-decoration:underline; } .link_red:hover{ text-decoration:none; } /*----连接hover 结束-----*/ /*-----浮动 开始--------*/ .float_right{ float:right; } .float_left{ float:left; } /*-----浮动 结束--------*/ /*----常用 divbox 开始-----*/ .div_gray{ background:#fafafa; border:1px solid #dadada; } .gradiendt-bg{ background:url("/wwwcsglxhcom/hudong/rexian/web/base/image/gradient-bg.jpg") repeat-x; min-height:1px; } .gradiendt-box{ background:url("/wwwcsglxhcom/hudong/rexian/web/base/image/video_bg.jpg") repeat-x; min-height:100px; border:1px solid #dddddd; padding:10px; } /*----常用 divbox 结束-----*/ /*----方块列表 开始-------*/ .normal_list li{ list-style:none; background:url("/wwwcsglxhcom/hudong/rexian/web/base/image/li_style.jpg") left 10px no-repeat; text-indent:18px; _text-indent:10px; *text-indent:10px; line-height:30px; *line-height:25px; } /*----方块列表 结束-------*/ /*----橙色竖点标题 开始------*/ .first_title{ margin:0px 10px 10px 0px; font-weight:normal; background:url("/wwwcsglxhcom/hudong/rexian/web/base/image/title_list.png") no-repeat left 5px; *background:url("/wwwcsglxhcom/hudong/rexian/web/base/image/title_list.png") no-repeat left 0px; _background:url("/wwwcsglxhcom/hudong/rexian/web/base/image/title_list.png") no-repeat left 0px; text-indent:12px; } /*----橙色竖点标题 结束------*/ /*----面包屑 开始-----*/ .content_sec{ margin-top:-20px; background:url("/wwwcsglxhcom/hudong/rexian/web/base/image/yemiantou.png") repeat-x; } .breadcrumbs{ padding:30px 0px 15px 0px; } .ye_margin{ margin:0 8px; } /*----面包屑 结束-----*/ /*----常用按钮 开始---*/ .btngroup{ width:100%px; margin:30px auto; text-align:center; } .btn_yellowbig{ -webkit-border-radius: 4px; border:1px solid #e49715; cursor:pointer; font-size:16px; font-weight:bold; -moz-border-radius:4px; border-radius: 4px; color:#9f2300; text-decoration:none; display:inline-block; min-width:110px; _padding:0px 7px; margin:10px; height:38px; line-height:38px; background: #ffc413; background: -moz-linear-gradient(top, #ffd533, #ffc413); /*火狐*/ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd533), color-stop(100%,#ffc413)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffd533 0%,#ffc413 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffd533 0%, #ffc413 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffd533 0%, #ffc413 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffd533 0%, #ffc413 100%); /* W3C */ -pie-background: linear-gradient(top, #ffd533 0%, #ffc413 100%); font-family:"Microsoft Yahei"; } .btn_graysmall,.btn_graybig{ -webkit-border-radius: 4px; border:1px solid #ccc; cursor:pointer; font-size:16px; font-weight:bold; -moz-border-radius:4px; border-radius: 4px; color:#666666; text-decoration:none; display:inline-block; min-width:110px; _padding:0px 7px; margin:10px; height:38px; line-height:38px; background: -moz-linear-gradient(top, #fcfcfc, #e9e9e9); /*火狐*/ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#e9e9e9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fcfcfc 0%,#e9e9e9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fcfcfc 0%, #e9e9e9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fcfcfc 0%, #e9e9e9 100%); /* IE10+ */ background: linear-gradient(to bottom, #fcfcfc 0%, #e9e9e9 100%); /* W3C */ -pie-background: linear-gradient(top, #fcfcfc 0%, #e9e9e9 100%); font-family:"Microsoft Yahei"; } .btn_graysmall{ height:22px; line-height:22px; width:auto; margin:0 10px; padding:0px 4px; min-width:20px; *padding:0px 7px; *min-width:60px; _min-width:40px; font-size:12px; font-family:"Microsoft Yahei"; } .btn_chaxun{ border:1px solid #ccc; height:22px; line-height:22px; cursor:pointer; background: #dfdfdf !important; background: -moz-linear-gradient(top, #fcfcfc, #e9e9e9) !important; /*火狐*/ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#e9e9e9)) !important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fcfcfc 0%,#e9e9e9 100%) !important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fcfcfc 0%, #e9e9e9 100%) !important; /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fcfcfc 0%, #e9e9e9 100%) !important; /* IE10+ */ background: linear-gradient(to bottom, #fcfcfc 0%, #e9e9e9 100%) !important; /* W3C */ -pie-background: linear-gradient(top, #fcfcfc 0%, #e9e9e9 100%) !important; -webkit-border-radius: 4px; -moz-border-radius:4px; } .btn_orangebig{ -webkit-border-radius: 4px; border:none; cursor:pointer; font-size:16px; font-weight:bold; -moz-border-radius:4px; border-radius: 4px; color:#fff; text-decoration:none; display:inline-block; min-width:110px; _padding:0px 7px; margin:10px; height:38px; line-height:38px; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.21); -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.21); -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.21); _box-shadow:none; *box-shadow:none; background: #d22113; background: -moz-linear-gradient(top, #e95300, #d22113); /*火狐*/ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e95300), color-stop(100%,#d22113)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e95300 0%,#d22113 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e95300 0%, #d22113 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e95300 0%, #d22113 100%); /* IE10+ */ background: linear-gradient(to bottom, #e95300 0%, #d22113 100%); /* W3C */ -pie-background: linear-gradient(top, #e95300 0%, #d22113 100%); } /*----常用按钮 结束---*/ /*-----输入框 开始----*/ .radius_inp{ height:35px; line-height:35px; padding:0px 5px; margin:10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border:1px solid #dcdcdc; } /*-----输入框 结束----*/ /*-----头部 开始-----------*/ .header{ overflow:hidden; position:relative; z-index:9999999; } .header_top{ width:100%; height:27px; background:#ececec; border-bottom:1px #dadada solid; line-height:27px; } .header_bottom{ background:url("/wwwcsglxhcom/hudong/rexian/web/base/image/header_top_bg.jpg") repeat-x; height:30px; width:100%; margin-top:-4px; _margin-top:-51px; } .header_top_ul li{ float:left; list-style:none; font-size:12px; color:#b8b8b8; } .header_top_ul li a{ color:#df3400; text-decoration:none; font-size:12px; padding:0 10px; } .header_top_ul li a:hover{ text-decoration:underline; } .header_li{ list-style:none; padding-top:1px; _padding-top:2px; } .header_li li{ float:left; } .header_li li.first{ width:88px; background:url("/wwwcsglxhcom/hudong/rexian/web/base/image/header_san.png") left 9px no-repeat; text-indent:10px; } .header_cen{ background:url("/wwwcsglxhcom/hudong/rexian/web/base/image/header_cen_bg.png") repeat-x; height:90px; position:relative; z-index:100; } .header_logo_bg{ background:url("/wwwcsglxhcom/hudong/rexian/web/base/image/header_logo_bg.png") no-repeat; _background:url("/wwwcsglxhcom/hudong/rexian/web/base/image/header_logo_bg8.png") no-repeat; width:350px; height:137px; } .header_bottom_ul li{ float:left; list-style:none; margin-top:30px; margin-left:3px; } .header_bottom_ul li a{ height:29px; line-height:29px; padding:0 15px; display:inline-block; font-family:"Arial","Microsoft Yahei","宋体"; font-size:15px; color:#222; font-weight:400; } .header_bottom_ul li a:hover{ -webkit-border-radius: 4px; -moz-border-radius:4px; border-radius: 4px; background:#000; color:#fff; text-decoration:none; padding:0 15px; height:29px; line-height:29px; background: #b7170d; background: -moz-linear-gradient(top, #e95300, #b7170d); /*火狐*/ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e95300), color-stop(100%,#b7170d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e95300 0%,#b7170d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e95300 0%, #b7170d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e95300 0%, #b7170d 100%); /* IE10+ */ background: linear-gradient(to bottom, #e95300 0%, #b7170d 100%); /* W3C */ -pie-background: linear-gradient(top, #e95300 0%, #b7170d 100%); } .header_index a{ -webkit-border-radius: 4px; -moz-border-radius:4px; border-radius:4px; background: #b7170d; background: -moz-linear-gradient(top, #e95300, #b7170d); /*火狐*/ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e95300), color-stop(100%,#b7170d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e95300 0%,#b7170d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e95300 0%, #b7170d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e95300 0%, #b7170d 100%); /* IE10+ */ background: linear-gradient(to bottom, #e95300 0%, #b7170d 100%); /* W3C */ -pie-background: linear-gradient(top, #e95300 0%, #b7170d 100%); color:#fff !important; text-decoration:none; height:29px; line-height:29px; } .header_ul{ list-style:none; margin-left:9px; padding-top:3px; *float:right; *margin-right:30px; _float:right; _margin-right:13px; } .header_ul li{ float:left; margin-right:15px; } .header_ul li a{ color:#dfdfdf !important; font-size:14px; } .header_ul li a:hover{ text-decoration:underline; } /*-----头部 结束-----------*/ /*---footer 开始---------*/ .footer{ background:#fff; border-top:#9f2300 solid 7px; padding:13px 0px 5px 0px; text-align:center; position:relative; bottom:0; height:100px; } .footer ul{ display:inline-block; text-align:center; width:205px; } .footer ul li{ list-style:none; float:left; color:#FF6600; margin-left:5px; } .footer ul li a{ color:#FF6600; text-decoration:none; } .footer ul li a:hover{ text-decoration:underline; color:#A31700; } .footer p{ display:block; color:#666; line-height:20px; margin:10px; } .footerfont12{ font-family:"Arial","Microsoft Yahei","宋体"; font-size:12px; color:#666; font-weight:400; line-height:22px; } /*---footer 结束---------*/ /*----二维码 开始---------*/ .share_code img{ display:block; margin-top:15px; border:1px solid #dedede; } .share_code{ cursor: pointer; position: fixed; right:0; text-align: center; top:250px; z-index:100; float:right; width:110px; overflow:hidden; height:35px; overflow:hidden; _position:absolute; _left:auto; _right:expression(eval(document.documentElement.scrollLeft+0));top:expression(eval(document.documentElement.scrollTop+250)); *position:absolute; *left:auto; *right:expression(eval(document.documentElement.scrollLeft+0));top:expression(eval(document.documentElement.scrollTop+250)); background:#da3203; } a.feedback{ background:url("/wwwcsglxhcom/hudong/rexian/web/base/image/suggestion.gif") 5px 3px no-repeat; display:block; width:60%; margin:0 auto; color:#fff !important; text-decoration:none !important; padding-left:25px; margin-top:5px; } /*----二维码 结束---------*/ /*----微信 开始---------*/ .gov_weixin_share{position:fixed;width:110px;font-size:12px;top:310px;right:0;z-index:9;} .closeBtn{ background-color:#dedede; padding-left:5px; font-size:12px; line-height:22px; color:#999999; text-align:left; cursor:pointer; } /*----微信 结束---------*/ /*----新飘窗 开始---------*/ ul,li,ol{margin:0; padding:0; list-style:none;} .layer{display:none;} .fs14{ font-size:14px;} .right_bar{ width:50px; background:#ffffff; padding:10px 0px; position:fixed; top:290px; left:50%; margin-left:545px;font-size:12px;right:0;z-index:100;} .right_bar .pop_list{ height:300px; background:url("/wwwcsglxhcom/www.beijing.gov.cn/images/spirit_ks_20171103.png") no-repeat;} .right_bar .pop_list li{ height:50px; position:relative; cursor:pointer;line-height:14px;text-align:center;} .right_bar .pop_list .btn_pop{ height:50px;} .right_bar .pop_list .btn_pop .arc{height:40px; text-align:center; background:#fff8a5; font-size:12px; color:#ec0e01; padding:10px 7px 0px 7px;} .right_bar .pop_list .layer{filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#5F000000,endcolorstr=#5F000000);background:rgba(0,0,0,0.5); color:#FFF; padding:10px; position:absolute; top:0px; right:50px;} .right_bar .pop_list .layer p{ line-height:18px;font-size:12px;} .right_bar .pop_list .layer1 .pic_box{ margin:10px 0px;} .right_bar .pop_list .layer1{ width:130px;} .right_bar .pop_list .layer2{ width:130px;} .right_bar .pop_list .layer2 .pic_box{ margin:10px 0px 0px 0px;} .right_bar .pop_list .layer6{ width:180px; padding:14px 0px 14px 10px;} .right_bar .btn_close{ color:#bababa; cursor:pointer;text-align:center;} @media only screen and (max-width: 414px) { .right_bar{ display:none;} } /*----新飘窗 结束---------*/ /*----廉政过节 开始---------*/ .lz{position:fixed;width:110px;font-size:12px;top:250px;left:0;z-index:9;} .closeLzBtn{position:absolute;margin-left:90px;margin-top:195px;cursor:pointer;} /*----廉政过节 结束---------*/ /*----弹出框 开始--------*/ .reveal-modal-bg { position: fixed; _position:absolute; _height:expression(eval(document.body.clientHeight)); height: 100%; width: 100%; background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.5) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.5) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */ background: rgba(0,0,0,.8); z-index: 999999999; display: none; top: 0; left: 0; } .reveal-modal { display: none; top:160px; left: 50%; margin-left: -300px; width: 520px; background: #eee url("/wwwcsglxhcom/hudong/rexian/web/base/css/modal-gloss.png") no-repeat -200px -80px; position:absolute; z-index: 9999999991; padding: 30px 40px 34px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4); } .open_rigiste{ width:360px; left:60%; } .reveal-modal.small{ width: 200px; margin-left: -140px;} .reveal-modal.medium{ width: 400px; margin-left: -240px;} .reveal-modal.large{ width: 600px; margin-left: -340px;} .reveal-modal.xlarge{ width: 800px; margin-left: -440px; } .reveal-modal .close-reveal-modal { font-size: 22px; line-height: .5; position: absolute; top: -8px; right: -11px; cursor: pointer; background:url("/wwwcsglxhcom/hudong/rexian/web/base/image/close.png") no-repeat; height:35px; width:36px; } .reveal-modal textarea { width: 519px; height: 138px; overflow:scroll; overflow-x:hidden; *margin-left:57%; _margin-left:57%; } .fujian{ margin-top:15px; } .fujian p{ width:48%; float:left; } .fujian p input{ height:25px; line-height:25px; border:1px solid #cdcdcd; margin:10px 0; padding-left:5px; } .fujian p input.btn_graysmall{ width:50px; } /*----弹出框 结束--------*/ /*------常用翻页 开始------*/ .page{ width:100% !important; overflow:hidden !important; } .page_div{ width:170px; float:right !important; } .page ul{ float:right !important; } .page li,.page_btn{ list-style:none !important; float:left !important; background:#fafafa !important; padding:0 10px !important; height:27px !important; line-height:27px !important; border:1px solid #dfdfdf !important; width:auto !important; text-indent:0 !important; } .page_altogether{ margin:0 10px !important; display:inline-block !important; padding-top:5px !important; } .page_text{ height:27px !important; width:35px !important; margin-right:10px !important; margin-left:-4px !important; } .page_btn{ cursor:pointer !important; float:right !important; margin-right:10px; _padding:0 5px !important; _margin-top:-30px; } .page li.page_current{ background:#222 !important; color:#fff !important; } .page li.page_fist{ padding:0 5px !important; } .page_go{ background:url("/wwwcsglxhcom/hudong/rexian/web/base/image/page_go.jpg") no-repeat; width:37px; height:22px; line-height:22px; border:none; color:#000; text-align:center; } .page a{ display:inline-block; text-align:center; *padding-bottom:2px; } /*-------常用翻页 结束-------*/ .modal-backdrop, .modal-backdrop.fade.in { opacity: 0.7; filter:alpha(opacity=70) } .modal-backdrop { background-color: #000000; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 1000000000000000000000; } .fade{ opacity:0; -webkit-transition:opacity .15s linear; -moz-transition:opacity .15s linear; -o-transition:opacity .15s linear; transition:opacity .15s linear; } /*-------政务网站标识样式---------*/ .logoFooter{ position: absolute; left: 250px; margin-top: 5px; } /*--------------TOP CSS-------------*/ .crl{ height:1px; clear:both;} .top_bg{ background:url("/wwwcsglxhcom/hudong/rexian/web/base/image/top_bg.jpg") repeat-x; height:338px; } .top_bg a{ color:#4e4e4e; text-decoration:none;} .top_bg a:hover{ color:#C30;} .top{ background:url("/wwwcsglxhcom/hudong/rexian/web/base/image/top.jpg") no-repeat center center; height:338px; width:1000px; margin:auto; } .top_logo{ font-size:14px; float:left; margin:70px 0 0 115px; } .top_nav{ float:right;} .top_nav ul{ margin:40px 50px 0 0; } .top_nav ul li{ float:left; font-size:18px; font-weight:bold; margin:0 10px; height:29px; line-height:29px; } .top_nav ul li a{ color:#47341b; display: inline-block; height:29px; line-height:29px; text-decoration:none; padding:0 5px; } .top_nav ul li a:hover{ display: inline-block; color:#fff; background-color:#930; height:29px; line-height:29px; text-decoration:none; padding:0 5px; } .top_nav_cur a{ color:#fff !important; background-color:#930; height:29px; line-height:29px; text-decoration:none; padding:0 5px;} .top_icon { float:right; margin:25px 75px 0 0; width:300px; overflow:hidden;} .top_icon_content{ float:left; margin:10px 20px; overflow:hidden;} .top_icon_content ul li{ text-align:center; color: #b73f03;} .top_icon_content ul li a{color: #b73f03;} .top_icon_content ul li a:hover{color: #000;} .top_login{ float:right; margin:5px 50px 0 0; font-size:14px; background-image:url("/wwwcsglxhcom/hudong/rexian/web/base/image/logo_bg.png"); width:350px; height:40px; line-height:40px; } .top_login ul li{color:#8d3605;line-height:40px; text-align:center;} .top_login ul li a{color: #930; padding:0 15px;} .top_login ul li a:hover{color: #C60;}