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%;
}