shzt,* {padding: 0;margin: 0} html,body {height: 100%;width: 100%;background-color: #FFFFFF;} body {overflow: hidden;font-family: "宋体";font-size: 12px;} ul,ol,li,dl,dd,dt{list-style-type:none;} select,input,img,select,button{vertical-align:middle;font-size:12px;} a{text-decoration:none; color:#4B2203} a:hover{color:#0262AB;} a:link { color: #000000;text-decoration: none;} a:visited { color: #000000; text-decoration: none;} a:hover { color: #999999; text-decoration: none;} input, select{outline: none;} .main{width:100%;height:auto;} .main-left{width:15%;height:100%;background-color:#fff;border:1px solid #dbdbdb;position:absolute;box-sizing:border-box;} .main-right{height:100%;position: absolute;left:15%;overflow: auto;right: 0px;z-index: 999;box-sizing:border-box;background-color:#fff;} .wetland-sider{width:100%;line-height: 35px;border-bottom:1px solid #e6e6e6;} .wetland-sider ul li{background:url(images/li.png) no-repeat 35px 16px;border-bottom:1px solid #e6e6e6;} .wetland-sider ul li a{width:100%;height:40px;display:block;line-height:40px;color:#666;cursor: pointer} .wetland-sider ul li:last-child{border-bottom:0px;} .wetland-sider ul li:hover span{color:#1896df;} .wetland-sider span{margin-left:50px;} .on{color:#1896df !important;background:url(images/li-right.png) no-repeat 90% 16px !important;} .on-video{color:#1896df !important;} .main-top{overflow: hidden;padding:5px 0;border-bottom:1px solid #e6e6e6;padding-left:1%;} .main-top div{float:left;} .main-top div label{line-height: 29px;float:left;margin-left:5px;color:#555;} .tjrq, .jsrq, .gjz{border:1px solid #cdcdcd;line-height:27px; padding-left:5px;float:left;margin-left:5px;color:#828282;border-radius:2px;} .gjz{width:120px;height:24px;} .tjrq, .jsrq{width:104px;height:35px;} .main-top select {appearance:none; -moz-appearance:none; -webkit-appearance:none;background: transparent;width: 130px;padding-left:15px;font-size: 12px;color:#717171;height: 29px;line-height: 29px;border:0px;-webkit-appearance: none; background:url(images/select-bg.png) no-repeat;background-size:130px 29px;margin-left:10px;float:left;color:#717171;} .main-top select{outline:none;} .selectDiv{background:url(images/select-bg.png) no-repeat;background-size:130px 26px;margin-left:10px;float:left;color:#717171;width:120px;height: 26px;line-height: 26px;padding-left: 10px;} .cx, .qk, .dc{width:47px;height:24px;float:left;cursor: pointer;background-color:#f2f2f2;margin-left:5px;border-radius:3px;background-color:#1896df;color:#fff;border:none} .cx{margin-left:15px;background-color:#2582c5;} .dc{float:right;background-color:#e7e7e7;color:#66626c;margin-right:12px;} .wetland-table{width:98%;border-top:1px solid #e8e8e8;overflow: hidden;box-sizing: border-box;margin-top:10px;margin-left:1%;} .wetland-table table{width:100%;border-right: 1px solid #e8e8e8;} .wetland-table table tr td, .wetland-table table tr th{border-left:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;box-sizing: border-box;line-height: 25px;text-align: center;padding:3px 3px;} .wetland-table table tr td.pankcen, .wetland-table table tr th.pankcen{text-align: left;} .wetland-table table tr th{line-height: 20px;} #download tr td{ font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 20px; max-width:200px !important; max-height: 25px; } #download{ table-layout: fixed; } .wetland-table table tr td{color:#66636c;} .wetland-table table tr td.name_mc{text-align: left;padding-left:0.5%;} .wet-ck, .wet-sc, .wet-sh{width:37px;height:25px;border-radius:3px;border:0px;background-color:#2582c5;color:#fff;cursor: pointer;} .wet-sc{background-color:#f5ac5d;} .wet-sh{background-color:#1896df;} .siderbutton-normal { border-color: #87898A; border-bottom-style: solid; border-top-style: solid; border-right-style: solid; border-width: 1px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; vertical-align: middle; width: 15px; height: 70px; display: block; position:absolute; left: 15%; top:50%; margin-top:-50px; background-image: url('images/sidersj.png'); background-position: center; background-repeat: no-repeat; background-color: #FAFAFA; cursor: pointer; z-index: 10000; } .siderbutton-shrink { border-color: #87898A; border-bottom-style: solid; border-top-style: solid; border-left-style: solid; border-width: 1px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; vertical-align: middle; width: 15px; height: 70px; display: block; position: absolute; left: 0px; top:50%; margin-top:-50px; background-image: url(images/sidersj.png); background-position: center; background-repeat: no-repeat; background-color: #FAFAFA; cursor: pointer; -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); /*IE*/ filter: FlipH; z-index: 10000; } .changePage{ width:50px; height: 28px; background: #fff; border-radius: 5px; border:1px solid #919191; color:#919191; } .changePage:active{ background: #919191; } .detailInfo{ font-family: "微软雅黑"; width:600px; position:absolute; z-index: 20; border-radius: 5px; left:50%; top:50%; margin-left:-300px; margin-top:-205px; background:#fff; font-size: 14px; display: none; color:#6c6969; display: none; padding-bottom: 30px; } .detailInfo label{ width: 100%; padding-left:20px; line-height: 28px; text-align: center; } .detailInfo div{ width:50%; float: left; } #close{ width:100%; background: #22891e; height: 30px; } #close img{ width:20px; height: 20px; float:right; margin-top:4px; margin-right: 4px; } #attach{ width:94%; height:170px; border:1px solid #ccc; margin-left:3%; margin-top:15px; border-radius: 3px; } #attabtn{ width:100%; margin-top:20px; margin-left: 20px; } #attabtn button{ width:50px; height: 28px; border:none; color:#fff; border-radius: 3px; background: #22891e; } #shadow{ width:100%; height: 100%; background: rgba(0,0,0,0.3); z-index:10; position: fixed; top:0; left:0; display: none; } #attach table tr td{ text-align: center; line-height: 28px; } .downloads{ width:50px; height: 28px; color:#fff; border:none; border-radius: 4px; background:#22891e; }.play{ width:20px; height:20px; background:url(images/download.png); background-size: 20px 20px; margin:auto; } .play:hover{ background-image: url(images/downhover.png); } .regionShow{ position: absolute; width:127px; background: #fff; z-index:1000; top:31px; left:262px; border:1px solid #D8D8D8; display: none; } .bottomDiv{ width:98%; height: 50px; border: 1px solid #ccc; line-height: 50px; bottom:20px; color:#66636C; margin-left: 1%; font-size: 14px; background: #fff; margin-top: 10px; } .changePageAll{ display: block; float: right; height: 25px; margin-right: 10px; } .changePageAll span{ width:50px; height:25px; display: block; float: left; text-align: center; border:1px solid #ccc; line-height:25px; margin-top:12.5px; cursor: pointer; } .areashow{ text-align: center; bottom:85px; width:98%; margin-left: 1%; color:#66636C; font-size: 14px; margin-top: 40px; margin-bottom: 20px; } ul#sublines li { background: url(images/li.png) no-repeat 55px 16px !important; border-bottom: 1px solid #e6e6e6 !important; padding: 0 0 0 35px !important; } ul#sublines li a { width: 80%; height: 40px; display: block; line-height: 40px; color: #666; cursor: pointer; margin-left: 20%; }