body{ font-size: 14px; background: #dcdcdc; background-size:cover; } body,p,h1,h2,h3,h4,h5,img,ul,li,table,dl,dd,dt{ margin:0; padding:0; color:#333; font-family: "Microsoft YaHei", "??????", Tahoma, Helvetica; } html{ position: relative; height: 100%; } /*头*/ .nav{width:100%;height:110px;background-color:#fff;} .g-header-box{width:1000px;height:110px;margin:0 auto;background:#FFF;position:relative;/*z-index:9;*/} .g-header-logo{float:left;margin-top:16px;} .g-header-function-box{width:354px;float:right;margin:22px 0 0 0;} .g-header-function{color:#808080;margin-left:15px;} .g-header-function a{display:inline-block;*zoom:1;*display:inline; margin: 0 12px; min-width:20px;height:20px;font-size:12px;vertical-align:middle;color:#808080;line-height:20px;} .g-header-function .u-icon-jt{margin:0 14px 0 10px;} .g-header-function .u-icon-en{margin:0 14px 0 12px;} .g-header-function .u-icon-mobile{line-height:20px;background:url("/wwwcsglxhcom/jj/images/icon_mobile_off_yn_20180925.png") center 0 no-repeat;margin:0 5px 0 3px;} .g-header-function .u-icon-mobile:hover{background:url("/wwwcsglxhcom/jj/images/icon_mobile_on_yn_20180925.png") center 0 no-repeat;} .g-header-function #cniil_wza{background:url("/wwwcsglxhcom/jj/images/icon_people_off_yn_20180925.png") center 0 no-repeat;margin:0 14px;} .g-header-function #cniil_wza:hover{background:url("/wwwcsglxhcom/jj/images/icon_people_on_yn_20180925.png") center 0 no-repeat;} .g-header-function .u-icon-qa{background:url("/wwwcsglxhcom/jj/images/icon_ji_off_yn_20180925.png") center 0 no-repeat;margin:0 6px;} .g-header-function .u-icon-qa:hover{background:url("/wwwcsglxhcom/jj/images/icon_ji_on_yn_20180925.png") center 0 no-repeat;} /* .g-header-function a:hover{color:#e94a4a;} */ .g-header-search{width:354px;height:36px;border:1px solid #B5B5B5;border-radius:18px;margin-top:10px;position:relative;} .g-header-search .u-search-row{float:left;width:100px;height:22px;line-height:22px;padding-left:12px;color:#666;border-right:1px solid #B5B5B5;margin-top:8px;cursor:pointer;background:url("/wwwcsglxhcom/jj/images/icon_row_off_yn_20180925.png") 74px center no-repeat;outline:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;} .g-header-search #keyword{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:0;float:left;width:194px;height:34px;line-height:34px;text-indent:10px;font-size:14px;color:#444;} .g-header-search #searchbutton{float:right;margin:0;position:absolute;} .g-header-search .u-search-recommend{position:absolute;padding:0 18px 2px 18px;top:38px;left:13px;background:#FFF;border:1px solid #B5B5B5;border-top:none;display:none;overflow:hidden;z-index:1;} .u-search-recommend li{font-size:12px;height:28px;line-height:28px;color:#666;cursor:pointer;} .u-search-recommend li:hover{color:#F71501;} .u-search-recommend .u-line{height:0px;border-top:1px solid #B5B5B5;} .g-header-function .u-icon-video { background: url("/wwwcsglxhcom/jj/images/video-icon-yn-20190118.png") center center no-repeat; margin: 0 0 0 13px;} .g-header-function .u-icon-video:hover{background: url("/wwwcsglxhcom/jj/images/video-icon-on-yn-20190118.png") center center no-repeat;} img{ border:0 none; } a{ text-decoration: none; color:#333; } a:hover{ text-decoration: none; } ul,ol{ list-style:none; } .clearfix:after{ content:""; display:block; height:0; clear:both; visibility:hidden; } .right{ float: right; } .left{ float: left; } /*header-start*/ .header{ position: relative; height: 100px; min-width: 1002px; /* margin-bottom:40%;*/ width: 100%; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; position: relative; } .header>.content{ position: absolute; bottom:0px; left: 50%; margin-left:-500px; } .logo{ float:left; line-height: 85px; width:185px; height:90px; margin-top:6px; } .logo img{ width: 100%; height: auto; } .logo-zn{ border-bottom:1px solid #e3781e; height: 46px; width: 100px; position: absolute; width: 100%; top: 0px; box-sizing: border-box; } .zn-l{ margin-left:10px; height: 46px; } .zn-l img{ width:auto; height:45px; margin-top: 2px; } .back{ height: 32px; width:80px; cursor: pointer; } .back img{ float: left; } .back span{ float: left; font-weight: bold; color:#d0504c; line-height: 32px; } .icon a{ width: 120px; height: 36px; text-align: center; display: block; } /*header-end*/ /*2*/ .navbar ul{ float: right; } .navbar ul li{ float: left; line-height: 32px; } /*.navbar>ul>li>a{ background: rgba(0,0,0,0) url() no-repeat scroll left 10px; color: #333; font-family: "simsun"; font-size: 12px; padding: 6px 10px 6px 10px; display: block; line-height: 20px; }*/ .b-content{ background-color: #fff; width: 1000px; margin:0 auto; position: absolute; top:210px; left:50%; margin-left:-500px; bottom:0; margin-bottom:25px; } .g_footer{ bottom:-160px; } .znwd{ width: 121px; height: 36px; background-color: #d0504c; border-radius: 0 0 0 10px; float: left; } .c_text{ line-height: 26px; height:134px; overflow: hidden; color:#666; } .c_text img{ height: 160px !important; width: auto !important; display: block; margin:0 auto; float: left; margin-right: 8px; } .c_text1{ line-height: 26px; overflow: hidden; color:#666; } .c_text1 img{ max-width: 100%; } .more-dan{ color:#e2791f !important; cursor: pointer; line-height: 20px !important; } .sybz{ width: 121px; height: 36px; background-color: #EEE; border-radius: 0 25% 25% 0; float: left; } .zctcen a{ display: block; float: left; width: 123px; height: 28px; line-height: 28px; padding: 3px 0 0 50px; background: url("/wwwcsglxhcom/jj/images/top_logo.jpg") no-repeat 0 3px; } .iconfont{ display: block; width: 32px; height: 32px; float: left; background:url("/wwwcsglxhcom/jj/images/iphon.png") no-repeat; } .wx{ display: block; width: 32px; height: 32px; float: left; background:url("/wwwcsglxhcom/jj/images/wx.png") no-repeat; } .nicescroll-cursors{ background-color: #c6c6c6 !important; } .service-section .title{ line-height: 32px; } .feature-list li{ padding-left:10px; line-height: 23px; color:#999; background:url("/wwwcsglxhcom/jj/images/dotted.gif") no-repeat 0 10px; } .feature-list{ margin-top:20px; padding-left:10px; } .xiaomi-qrcode{ text-align: center; margin-top:5px; margin-bottom:15px; } .xiaomi-qrcode img{ width: 77px; } .xiaomi-qrcode p{ padding-top:10px; } .rdfw-main{ margin-top: 5px; padding: 0px 12px; } .zwmc-main{ margin: 0px 16px; margin-right:19px; border: 1px solid #d9d9d9; margin-top:10px; background: url("/wwwcsglxhcom/jj/images/lmtjboxbg.gif") repeat-x left top; } .zwmc-main .left{ /*width: 33%;*/ margin-right: 10px; line-height: 24px; height: 24px; padding-left:8px; box-sizing: border-box; } .zwmc-main .left a{ font-size:12px; } .zwmc-main .left a:hover{ color:#d0504c; } .rdfw-main .service{ width: 33%; text-align: center; margin-bottom:8px; } .rdfw-main .service img{ width: 76px; } .service a{ display: inline-block; } .service-section{ margin-top:20px; padding-left:20px; padding-right:20px; } .service-o{ width: 50%; float: left; } .service-o h3{ padding-left:20px; } .more-new{ color:#e2791f; cursor: pointer; line-height: 32px; padding-left:10px; } /*2-end*/ /*content-start*/ .content{ width: 1000px; margin:0 auto; height: 64px; background-color: #d0504c; margin-top:50px; position: relative; } .content>img{ position: absolute; margin-top:-60px; z-index: 99999; left:10px; top:50%; float: left; } .icon-sybz{ width: 64px; border-left:1px solid #a83a38; height: 64px; } .icon-sybz a{ display: block; width: 100%; height: 100%; } .icon-sybz-act a{ background-color: #a83a38; } .icon-sybz a:active{ background-color: #a83a38; } /*content-left-start*/ .con-l,.con-r{ width: 680px; height: 100%; box-sizing: border-box; } .con-l{ position: relative; overflow: hidden; border-radius: 10px 0 0 0; } .con-l-t{ position: absolute; bottom:100px; width: 100%; top:0px; background-color: #FFF; padding-left:20px; box-sizing: border-box; } #message{ overflow: hidden; height: 100%; outline: none; padding-right:10px; } .adwz{ color:#a4a2a2; font-size:12px; } .adwz:hover{ color:#a4a2a2; text-decoration: none; } .dialog{ overflow: hidden; padding-right: 43px; background: url("/wwwcsglxhcom/jj/images/man.png") no-repeat right; position: relative; margin:10px 0px; } .dialog li { float: right; max-width:40em; position: relative; cursor: pointer; } .onoff { right:0; height: 100%; cursor: pointer; display: inline-block; zoom: 1; margin-top: 10px; background: url("/wwwcsglxhcom/jj/images/chat_open.png") no-repeat 0px 2px; position: absolute; top:-4px; left:-23px; } .dialog_tab{ background: #FFFFFF; border: 1px solid #e2e2e2; padding: 0px 12px; color: #a4a2a2; margin-bottom: 51px; position: relative; margin-right:41px; border-radius: 4px; position: relative; padding-bottom:10px; margin-left: 50px; } .right_arrow { width: 40px; height: 40px; position: absolute; left: -50px; top: -12px; background: url("/wwwcsglxhcom/jj/images/jjlogo.jpg") no-repeat left; } .triangle { display: block; width: 10px; height: 12px; background: url("/wwwcsglxhcom/jj/images/triangle.png") no-repeat; position: absolute; left: -9px; top: 10px; } .good2{ position: absolute; right:-29px; bottom:0px; } .good2 a{ display: block; width: 23px; height: 23px; background:url("/wwwcsglxhcom/jj/images/zan.png") no-repeat; } .good2 a.good2-one:hover{ background-position: -24px 0; } .good2 a.good2-two{ background-position: 0 -24px; margin-top:5px; } .good2 a.good2-two:hover{ background-position: -24px -24px; } .xg-qus ul li{ float: left; padding:0 20px; line-height: 24px; cursor: pointer; max-width: 35em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .xg-qus ul li a{ color:#e2791f; } .daan{ width:70%; } .dialog_tab > p { line-height: 32px; font-size: 14px; } .g-man{ position:absolute; left:1px; background-color: #fff; bottom:-47px; height: 30px; line-height: 24px; } .g-man span{ float: left; color:#777; margin-right:20px; } .g-man1{ color:#777; cursor: pointer; margin-right:8px; line-height: 24px; margin-right: 10px; } .g-man2{ color:#777; cursor: pointer; } .g-man1 span{ background: url("/wwwcsglxhcom/jj/images/good-a.png") no-repeat left center; width: 20px; height: 20px; display: inline-block; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; cursor:pointer; float: left; margin-right: 5px; } .g-man2 span{ background: url("/wwwcsglxhcom/jj/images/good1-a.png") no-repeat left center; width: 20px; height: 20px; display: inline-block; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; float: left; cursor:pointer; margin-right: 5px; } ul.hideul { width: 90%; float: left; overflow: hidden; max-height: 62px; } .news li { padding-left: 12px; background: url("/wwwcsglxhcom/jj/images/sm_dotted.gif") no-repeat 3px 15px; } .chnl li a { color: #1c9adc; } .showOrHide { margin-top: 8px; } .answer_man { position: absolute; left: -43px; top: 0; } .dialog_tab >div > p { color:#333; line-height: 24px; } .dialog_tab p span { color: #e2791f; width:40em; text-overflow: ellipsis; } .tab2_title { width: 100%; } .tab2_title ul { height: 32px !important; width: 100%; } .tab2_title ul li { line-height: 2.5 !important; } .tab2_title ul li { padding: 0px 6px; float: left; line-height: 1.5; text-align: center; cursor: pointer; font-weight: bold; color: #464646; font-size: 12px; border-bottom: 1px solid #CCC; } .slected2 { border-bottom:1px solid #FFF !important; border-top:1px solid #CCC; border-right:1px solid #CCC; border-left:1px solid #CCC; color: #333 !important; } .tab2_content .news li button { background: 0 none; outline: none; border: 0 none; padding:0; float: left; cursor: pointer; font-size:14px; line-height: 24px; color:#212121; font-family: "Microsoft YaHei"; } .tab2_content .news li button:hover{ text-decoration: underline; } .tab2_content { width: 100%; height: auto; overflow: hidden; margin-top: 7px; } .tab2_content> div { height: auto; } .hottags { padding-bottom: 10px; z-index: 999; background: #FFF; } .cjwt{ width: 50%; } .hottags h2 { color: #333; font-size:14px; font-family: "??????"; line-height: 36px; font-weight: normal; border-bottom:1px dashed #CCC; } .hottags>div { overflow: hidden; } #hottags-box ul li { margin-right: 20px; width: auto; line-height: 24px; } #hottags-box ul li a { color: #e2791f; font-family: "??????"; } .more-b { text-align: center; color: #a83a38; cursor: pointer; margin-top:10px; } .news { overflow: hidden; } .tab2_content .news li { background: url("/wwwcsglxhcom/jj/images/dotted.gif") no-repeat 3px 10px; overflow: hidden; } .tab2_content .news li a { line-height: 24px; font-size:14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; font-family: "Microsoft YaHei"; color:#212121; } .tab2_content .news li a:hover{ text-decoration: underline; } .tab2_content .news li span.bszn{ float: left; } .tab2_content .news li span { margin-left: 10px; color: #999; float: right; } .news li { padding-left: 12px; background: url("/wwwcsglxhcom/jj/images/sm_dotted.gif") no-repeat 3px 15px; } .container { width: 100%; overflow: hidden; margin: 0px auto; } .center { float: right; background: #e2791f; color:#FFF; font-size:14px; line-height: 32px; margin: 3px 0px; padding:0 6px; border-radius:4px; position: relative; } .center a{ color:#FFF; } .center span{ display: block; width: 6px; height: 11px; position: absolute; right:-6px; top:50%; margin-top:-5px; background:url("/wwwcsglxhcom/jj/images/sj.png") no-repeat; } .con-l-b{ position: relative; position: absolute; bottom:0; height: 100px; border-top:1px solid #eae8e8; width: 100%; box-sizing: border-box; -moz-box-shadow:0 -1px 8px #d1d1d1; -webkit-box-shadow:0 -1px 8px #d1d1d1; box-shadow:0 -1px 8px #d1d1d1; background-color: #FFF; } .setting{ height: 30px; width: 100%; background-color: #EEE; } #fontSelect{ margin-top:7px; } .font-c{ height: 100%; margin-left:10px; margin-right:5px; cursor: pointer; } .font-c span{ display: block; float: left; width: 24px; height: 25px; margin-top:2px; background:url("/wwwcsglxhcom/jj/images/text2.PNG") no-repeat center center; } .mec-text{ float: right; color:#999; line-height: 32px; padding-right:20px; } .tipDiv{ background-color: #fff; width: 100%; position: absolute; bottom:105px; color:#333; } .tipDiv li{ line-height: 30px; padding-left:10px; } .tipDiv li:hover{ background-color: #e2e2e2; } .text-con{ position:absolute; right:120px; left:0; top:0; } #messCon{ background-color: #FFF; border:none; width: 100%; overflow: auto; height: 70px; outline: none; resize: none; padding-left:20px; box-sizing: border-box; margin-top:7px; font-size: 14px; line-height: 30px; color:#666; } #fontNum{ padding-left:10px; color:#7e7d7d; font-size:12px; } #gl{ color:#d0504c; margin-right:5px; line-height: 32px; } #gl span{ background: url("/wwwcsglxhcom/jj/images/good2.png") no-repeat; display: inline-block; width: 25px; height: 23px; background-size: cover; -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; margin-right:3px; float: left; margin-top:4px; } #number{ color:#333; } .button{ width:100px; position: absolute; right:0; padding-right:20px; padding-left:10px; margin-top:20px; } .chatbtnover{ background-color: #fff; border:0 none; color:#FFF; width: 100px; background-color: #d0504c; height: 60px; line-height:40px; font-size:16px; cursor: pointer; outline: none; } .chatbtnover:active{ background-color: #a83a38; } .mobile-lead{ margin-top:20px; } .mobile-lead ul li a{ color:#999; font-size:12px; } .mobile-lead p{ text-align: center; color:#999; line-height: 30px; } .convenient-con { width: 100%; position: relative; padding:17px; box-sizing: border-box; position: absolute; bottom:0; overflow: auto; top:42px; } .service_list { float: left; padding-bottom:10px; margin-top: 38px; width: 20%; padding:10px; box-sizing: border-box; } .service_list .icon { width: 80%; height: auto; margin: 0px auto; margin-top: -48px; padding-right:0px; } .service_list .icon img{ width: 100%; height: auto; } .service_list .title { text-align: center; font-size: 14px; color: #E3791F; line-height: 160%; font-family: Microsoft Yahei; height: 42px; padding-top: 8px; } .service_list .img-s { background: url("/wwwcsglxhcom/www.beijing.gov.cn/images/zhuanti/bmfw/service_list_title_bg.png") no-repeat bottom center; } .service_list .list { padding-top: 0px; position: absolute; left: 0; padding-left: 17px; margin-top: 10px; overflow: hidden; } .service_list .list li { text-align: center; padding:0 20px; float: left; font-size: 14px; font-family: "??????"; color: #333; line-height: 186%; } .h-btn{ background-color: #fff; position:absolute; bottom:10px; border-top:1px solid #e9e9e9; width: 100%; height: 67px; padding-left:10px; margin-left:0; box-sizing: border-box; } .h-btn>div{ width: 100px; text-align: center; } .h-btn a span{ margin:0 15px; } .h-btn a p{ color: #999; } .h-btn a span.one{ background: url("/wwwcsglxhcom/jj/images/zxsy.png") no-repeat; background-size: cover; -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; width: 37px; height: 37px; display: block; } .h-btn a span.two{ background: url("/wwwcsglxhcom/jj/images/cjwt.png") no-repeat; background-size: cover; -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; width: 37px; height: 37px; display: block; } .h-btn a span.rmwt{ background: url("/wwwcsglxhcom/jj/images/rdwt.png") no-repeat; background-size: cover; -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; width: 37px; height: 37px; display: block; } /*content-index-left-end*/ /*content-index-right-start*/ .con-r{ position: relative; width: 320px; padding:10px; overflow: auto; background-color: #F8F8F8; } .con-r-news{ height:182px } .con-r-news>ul{ border-bottom:1px solid #ababab; height: 36px; position: relative; } .con-r-news>ul>li{ float: left; line-height: 36px; width: 77px; text-align: center; } .con-r-news>ul>li.news-act{ border-bottom:3px solid #d0504c; box-sizing: border-box; line-height: 34px; } .cxfw{ height: auto; position:relative; position: absolute; bottom: 77px; left: 0; right: 0; top:254px; } .con-r-news>ul>li a{ color:#777; font-size:14px; font-family: "??????"; } .con-r-news>ul>li.news-act a{ color:#d0504c; text-decoration: none; } .part_data{ margin-top:5px; position: absolute; top:40px; width: 100%; padding-left:10px; box-sizing: border-box; left:0; } .con-r-news>ul>li table tr{ line-height: 26px; text-align: left; } .con-r-news>ul>li table td{ text-align: left; font-size: 14px; color: #767676; display: inline-block; } .con-r-news>ul>li table td.t{ width: 90%; text-overflow: ellipsis; overflow: hidden; height: 26px; display: inline-block; } .con-r-news>ul>li table td.d{ text-align: center; position: absolute; right:10px; margin-right:20px; } .con-r-news>ul>li table{ width:100%; display: block; } .con-r-news>ul>li table tbody{ width:100%; display: block; } .con-r-news>ul>li table tr{ width:100%; position: relative; display: block; } /*.con-r-news>ul>li table td.dd{ width: 15px; background: url("/wwwcsglxhcom/zhengwu.beijing.gov.cn/images/zhuanti/2015/2016ghgd/li_bg.png") no-repeat; background-position: 2px; height: 26px; }*/ .con-r-news>ul>li.news-act table td a{ color:#212121; font-size:12px; font-family: "??????"; line-height: 26px; display: block; width:100%; height: 26px; } .con-r-news>ul>li.news-act table td a:hover{ color:#a83a38; } /*content-index-right-end*/ /*content-help-right-start*/ .help-l{ background-color: #FFF; } .help-l .post{ margin-bottom:20px; } .h-tit h2,.con-r h4{ height: 45px; background-color: #d0504c; line-height: 45px; color:#FFF; padding-left:15px; background-image: url("/wwwcsglxhcom/jj/images/attention-f.png") no-repeat; } .h-tit h2 i{ font-style: normal; display: inline-block; width: 20px; height: 20px; background: url("/wwwcsglxhcom/jj/images/attention-f.png") no-repeat; margin-top:4px; margin-right:3px; float: left; margin-top:12px; } .que-con h2{ margin-bottom:10px; } /*.que-con a{ background: url("/wwwcsglxhcom/zhengwu.beijing.gov.cn/images/zhuanti/2015/2016ghgd/li_bg.png") no-repeat left center; font-size:14px; margin-left: 10px; padding-left: 10px; font-family: "??????"; line-height: 30px; display: block; }*/ .h-tit{ padding-bottom:20px; } .h-tit p{ line-height: 24px; color:#666; margin-top:10px; margin-bottom:10px; background: url(""/wwwcsglxhcom/jj/images/dotted.gif"") no-repeat 8px 10px; padding-left: 20px; list-style: circle; margin-left:8px; } .h-tit>div{ width: 90%; border:1px solid #EEE; margin:0 auto; } .h-tit>div img{ width: 100%; height:auto; } /*content-help-right-end*/ /*help-con-start*/ .help-con{ background-color: #fff; width: 1000px; margin:0 auto; position: absolute; top:210px; left:50%; margin-left:-500px; bottom:0; margin-bottom:25px; } .help-l{ padding-left:20px; padding-top:20px; background-color: #f5f5f5; padding-right:20px; } .help-l .post h3{ border-bottom: 1px solid #ababab; position: relative; font-size:16px; color:#d0504c; font-weight: normal; height: 46px; line-height: 46px; } .help-l .post h3 i{ display: block; font-style: normal; background:url("/wwwcsglxhcom/jj/images/attention.png") no-repeat; width: 19px; height: 19px; margin-top:13px; position: absolute; left: 8px; } .help-l .post h3 span{ border-bottom: 3px solid #d0504c; line-height: 45px; display: block; position: absolute; padding-left:30px; padding-right:10px; } .help-l{ overflow: auto; } .h-tit img{ width: 100%; height:auto; } .help-r ul li{ background: url("/wwwcsglxhcom/jj/images/attention.png") no-repeat 5px center; height: 45px; line-height: 45px; } .help-r ul li a{ padding-left:30px; } .help-r ul li a:hover{ text-decoration: none; } .help-r ul li a.h-act{ color:#d0504c; } /*help-con-end*/ /*footer-start*/ .footer{ position: absolute; bottom:0; height: 50px; text-align: center; width: 100%; line-height: 50px; min-width: 1002px; background-color: #EEE; font-size:12px; } /*footer-end*/ /*prompting-start*/ .prompting{ position: fixed; top:0; bottom:0; left: 0; right: 0; background-color: rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000); } .prompting1{ position: fixed; top:0; bottom:0; left: 0; right: 0; background-color: rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000); } .pro-box{ width: 340px; min-height: 235px; background-color: #fff; position: fixed; top:50%; left:50%; border-radius: 10px; margin-left:-170px; margin-top:-150px; padding:15px; box-sizing: border-box; } .pro-box h5{ line-height: 36px; color:#e2791f; } .pro-box label{ padding:5px; } .pro-box textarea{ width:100%; padding-left:5px; border:0 none; border:1px solid #CCC; border-radius: 4px; max-width:305px; min-width:305px; line-height: 24px; min-height: 24px; outline: none; resize : none; } .modal-footer{ margin-top:18px; text-align: center; } #submitBtn,#cancelBtn{ border:0 none; outline: none; color:#FFF; width: 60px; height: 30px; cursor: pointer; background-color: #d0504c; } #submitBtn1,#cancelBtn1{ border:0 none; outline: none; color:#FFF; width: 60px; height: 30px; cursor: pointer; background-color: #d0504c; } #cancelBtn{ background-color: #777; margin-right:10px; } #cancelBtn1{ background-color: #777; margin-right:10px; } /*prompting-end*/ .right_bar .pop_list .layer p{ color:#FFF; } .survey{ float: right; } .survey a{ color:#d0504c; } .showmap{ height:280px } /*底部*/ .g-footer-box{ position:absolute; bottom:-140px; }