html,
|
body {
|
font-family: 'Avenir Next', Avenir, 'Helvetica Neue', Helvetica, 'Lantinghei SC', 'Hiragino Sans GB', 'Microsoft YaHei', "���ź�", STHeiti, 'WenQuanYi Micro Hei', SimSun, sans-serif !important;
|
}
|
|
body,
|
div,
|
dl,
|
dt,
|
dd,
|
li,
|
h1,
|
h2,
|
h3,
|
h4,
|
h5,
|
h6,
|
pre,
|
form,
|
fieldset,
|
input,
|
textarea,
|
p,
|
blockquote,
|
th,
|
td {
|
margin: 0;
|
padding: 0;
|
font-size: 12px;
|
}
|
|
div {
|
line-height: 25px;
|
}
|
|
button {
|
padding: 0px;
|
margin: 0px;
|
line-height: 25px;
|
font-family: 'Avenir Next', Avenir, 'Helvetica Neue', Helvetica, 'Lantinghei SC', 'Hiragino Sans GB', 'Microsoft YaHei', "���ź�", STHeiti, 'WenQuanYi Micro Hei', SimSun, sans-serif !important;
|
}
|
|
|
/*之前布局
|
* copy*/
|
|
* {
|
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;
|
}
|
|
.main {
|
width: 100%;
|
height: auto;
|
overflow: auto;
|
}
|
|
.main-left {
|
width: 315px;
|
height: 100%;
|
background-color: #fff;
|
border: 2px solid #dbdbdb;
|
position: absolute;
|
box-sizing: border-box;
|
overflow: auto;
|
overflow-x: hidden;
|
background: url(../images/tabcontainer.png) no-repeat 0px 0px;
|
}
|
|
.main-right {
|
height: 100%;
|
overflow: auto;
|
right: 0px;
|
z-index: 999;
|
box-sizing: border-box;
|
background-color: #fff;
|
left: 315px;
|
position: absolute;
|
}
|
|
|
.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;
|
}
|
|
.wetland-sider ul li:last-child {
|
border-bottom: 0px;
|
}
|
|
.wetland-sider ul li:hover span {
|
color: #209c20;
|
}
|
|
.wetland-sider span {
|
margin-left: 50px;
|
}
|
|
.wetland-sider ul li.on a {
|
color: #209c20;
|
background: url(../images/li-right.png) no-repeat 250px 16px;
|
}
|
|
.main-top {
|
overflow: hidden;
|
padding: 10px 0;
|
border-bottom: 1px solid #e6e6e6;
|
padding-left: 2%;
|
}
|
|
.main-top div {
|
float: left;
|
}
|
|
.main-top div label {
|
line-height: 36px;
|
float: left;
|
margin-left: 10px;
|
color: #555;
|
}
|
|
.tjrq,
|
.jsrq,
|
.gjz {
|
border: 1px solid #cdcdcd;
|
line-height: 35px;
|
padding-left: 5px;
|
background-color: #eeeeee;
|
float: left;
|
margin-left: 10px;
|
color: #828282;
|
border-radius: 2px;
|
}
|
|
.gjz {
|
width: 144px;
|
height: 35px;
|
}
|
|
.tjrq,
|
.jsrq {
|
width: 104px;
|
height: 35px;
|
}
|
|
.main-top select {
|
background: transparent;
|
width: 151px;
|
padding-left: 15px;
|
font-size: 12px;
|
color: #717171;
|
height: 36px;
|
line-height: 36px;
|
border: 0px;
|
-webkit-appearance: none;
|
background: url(../images/select-bg.png) no-repeat;
|
margin-left: 10px;
|
float: left;
|
color: #717171;
|
}
|
|
.main-top select {
|
outline: none;
|
}
|
|
.cx,
|
.qk {
|
width: 47px;
|
height: 36px;
|
float: left;
|
cursor: pointer;
|
background-color: #f2f2f2;
|
border: 1px solid #d2d2d2;
|
color: #1476c1;
|
margin-left: 9px;
|
border-radius: 3px;
|
background-color: #209c20;
|
color: #fff;
|
}
|
|
.cx {
|
margin-left: 15px;
|
background-color: #2582c5;
|
}
|
|
.wetland-table {
|
width: 98%;
|
border-top: 1px solid #e8e8e8;
|
border-right: 1px solid #e8e8e8;
|
overflow: hidden;
|
box-sizing: border-box;
|
margin-top: 10px;
|
margin-left: 1%;
|
}
|
|
.wetland-table table {
|
width: 100%;
|
}
|
|
.wetland-table table tr {}
|
|
.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: 8px 0px;
|
}
|
|
.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: #209c20;
|
}
|
|
.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: 26px;
|
height: 90px;
|
display: block;
|
position: absolute;
|
left: 315px;
|
top: 50%;
|
margin-top: -60px;
|
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-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;
|
}
|
|
.space-til {
|
width: 260px;
|
line-height: 50px;
|
margin: 10px;
|
}
|
|
.space-til img {
|
/*margin-top: 10px;
|
margin-left: 10px;*/
|
}
|
|
.three-top-box {
|
width: 260px;
|
padding: 10px 0px 0 10px;
|
overflow: hidden;
|
box-sizing: border-box;
|
line-height: 20px;
|
}
|
|
.three-top-box .ic-1 {
|
width: 20px;
|
height: 20px;
|
display: inline-block;
|
background-color: #1476c1;
|
text-align: center;
|
line-height: 20px;
|
border-radius: 10px;
|
color: #fff;
|
float: left;
|
margin-right: 6px;
|
}
|
|
.three-top-box .zi {
|
color: #1476c1;
|
float: left;
|
font-size: 15px;
|
font-weight:bold;
|
}
|
|
.three-top-box .fh {
|
color: #7d7d7d;
|
float: left;
|
background: url(../images/jia.png) no-repeat 0px 2px;
|
background-size: 15px 15px;
|
padding-left: 20px;
|
cursor: pointer;
|
}
|
|
.three-top-box .qq {
|
color: #7d7d7d;
|
float: right;
|
background: url(../images/sel-xx.png) no-repeat left center;
|
padding-left: 10px;
|
cursor: pointer;
|
}
|
|
.three-top-box .gt {
|
width: 15px;
|
height: 15px;
|
display: inline-block;
|
background-color: #1476c1;
|
text-align: center;
|
line-height: 15px;
|
border-radius: 7px;
|
color: #fff;
|
font-size: 13px;
|
float: right;
|
margin-top: 2px;
|
cursor: pointer;
|
}
|
|
.ht {
|
padding-left: 0px;
|
}
|
|
.three-subject, .three-subject-other {
|
width: 315px;
|
padding: 10px 10px 10px 10px;
|
overflow: hidden;
|
box-sizing: border-box;
|
border-bottom: 1px solid #D1E7F6;
|
border-top: 1px solid #D1E7F6;
|
background-color: rgba(209, 231, 246, .9);
|
}
|
|
|
.three-subject span {
|
/*color: #21a121;*/
|
color: #68736D;
|
padding-left: 35px;
|
font-size: 16px;
|
background: url(../images/main-left/layer1.png) no-repeat 5px 1px;
|
cursor: pointer;
|
}
|
|
.three-subject .th-img{
|
margin-left: 158px;
|
background: url(../images/main-left/down.png)no-repeat;
|
background-position: center;
|
}
|
|
.three-subject span.on {
|
background: url(../images/main-left/layer1.png) no-repeat 5px 1px;
|
}
|
|
.three-subject-other span {
|
/*color: #21a121;*/
|
color: #68736D;
|
padding-left: 35px;
|
font-size: 16px;
|
background: url(../images/main-left/flight.png) no-repeat 5px 1px;
|
cursor: pointer;
|
}
|
|
.three-subject-other span.tw {
|
background: url(../images/main-left/flight.png) no-repeat 5px 1px;
|
}
|
|
.three-subject-other .th-img{
|
margin-left: 158px;
|
background: url(../images/main-left/down.png)no-repeat;
|
background-position: center;
|
}
|
|
.three-left-box .map-box {
|
/*width: 265px;*/
|
height: auto;
|
/*min-height: 300px;*/
|
max-height: 600px;
|
/*overflow-y: scroll;*/
|
/*margin-top: 10px;
|
margin-left: 8px;*/
|
margin: 10px;
|
border: 1px solid #1476c1;
|
}
|
|
.three-left-box .map-box .ztree {
|
margin-left: 20px;
|
padding-top: 10px;
|
}
|
|
.three-paly {
|
margin-top: 10px;
|
padding-left: 5px;
|
}
|
|
.three-left-box .three-paly input {
|
width: 78px;
|
height: 28px;
|
display: inline-block;
|
border: 1px solid #bdbdbd;
|
border-top-color: #d3d3d3;
|
padding-left: 18px;
|
margin-left: 2px;
|
line-height: 26px;
|
cursor: pointer;
|
color: #717171;
|
}
|
|
.three-left-box .three-paly input:nth-child(1) {
|
background: url(../images/main-left/three-1.png)no-repeat;
|
}
|
|
.three-left-box .three-paly input:nth-child(2) {
|
background: url(../images/main-left/three-3.png)no-repeat;
|
}
|
|
.three-left-box .three-paly input:nth-child(3) {
|
background: url(../images/main-left/three-2.png) no-repeat;
|
}
|
|
.three-left-box .three-paly input:nth-child(4) {
|
background: url(../images/main-left/three-4.png) no-repeat;
|
}
|
|
.three-fly {
|
width: 100%;
|
height: 32px;
|
margin: 20px 0 20px 0;
|
}
|
|
.three-fly span {
|
color: #1476c1;
|
font-size: 14px;
|
float: left;
|
padding: 2px 6px 2px 10px;
|
line-height: 38px;
|
}
|
|
.three-fly input {
|
width: 180px;
|
height: 30px;
|
border: 1px solid #d3d3d3;
|
padding-left: 5px;
|
line-height: 30px;
|
}
|
|
.three-fly-mag {
|
width: 250px;
|
height: 170px;
|
border: 1px solid #1476c1;
|
margin-left: 10px;
|
margin-top: 10px;
|
overflow:auto;
|
}
|
|
.three-left-box .three-fly-scll {
|
width: 260px;
|
height: 32px;
|
margin-top: 3px;
|
margin-right: 3px;
|
color: #1476c1;
|
}
|
|
.three-fly-scll input {
|
width: 90px;
|
height: 25px;
|
border: 1px solid #d3d3d3;
|
margin-left: -2px;
|
}
|
|
.three-left-box .space-silde {
|
width: 205px;
|
height: 28px;
|
border: 1px solid #d2d2d2;
|
background-color: #fff;
|
border-radius: 2px;
|
float: left;
|
padding-top: 3px;
|
}
|
|
.three-left-box .three-fly-scll span {
|
padding: 1px 0px 1px 9px;
|
color: ;
|
}
|
|
.three-left-box .space-silde #sliders {
|
width: 180px;
|
margin-top: 8px;
|
margin-left: 10px;
|
}
|
|
.ui-slider-horizontal {
|
height: 5px;
|
}
|
|
.ui-slider-horizontal .ui-slider-handle {
|
top: -6px;
|
margin-left: -3px;
|
}
|
|
.ui-slider .ui-slider-handle {
|
width: 9px;
|
height: 17px;
|
background: url(../images/Shape.png) no-repeat;
|
}
|
|
.three-fly-du {
|
width: 100%;
|
height: 32px;
|
margin-top: 10px;
|
color: #1476c1;
|
}
|
|
.three-fly-jd {
|
width: 120px;
|
float: left;
|
margin-left: 10px;
|
}
|
|
.three-fly-jd input {
|
width: 84px;
|
height: 25px;
|
border: 1px solid #d3d3d3;
|
padding-left: 5px;
|
/*line-height: 30px;*/
|
}
|
|
.three-fly-sd {
|
/*width: 163px;*/
|
float: left;
|
margin: 5px 0px 10px 10px;
|
}
|
|
.three-fly-sd input {
|
width: 90px;
|
height: 25px;
|
border: 1px solid #d3d3d3;
|
padding-left: 5px;
|
line-height: 25px;
|
margin-right: 3px;
|
margin-left: 20px;
|
}
|
|
.three-fly-btn input {
|
width: 33px;
|
height: 30px;
|
border: 1px solid #d3d3d3;
|
font-size: 20px;
|
color: #717171;
|
line-height: 24px;
|
background-color: #fff;
|
margin-left: 8px;
|
cursor: pointer;
|
}
|
|
#btnOk {
|
margin-left: 7px;
|
width: 60px;
|
cursor: pointer;
|
color: #1476c1;
|
}
|
#btnOk1 {
|
margin-left: 10px;
|
width: 60px;
|
cursor: pointer;
|
color: #1476c1;
|
}
|
.three-fly-du .three-fly-an {
|
width: 75px;
|
height: 30px;
|
border: 1px solid #d3d3d3;
|
color: #1476c1;
|
line-height: 24px;
|
background-color: #E3F3EC;
|
margin-left: 9px;
|
cursor: pointer;
|
font-weight: bold;
|
font-size: 14px;
|
}
|
|
.three-mag {
|
margin-bottom: 10px;
|
}
|
|
#threeFlyMag {
|
display: block;
|
margin: 10px;
|
border: 1px solid #1476c1;
|
height: 535px;
|
}
|
|
|
/*之前布局copy*/
|
|
|
/*顶部布局*/
|
|
#header {
|
width: 100%;
|
height: 82px;
|
position: absolute;
|
background-image: url(../Images/Top/Head_Center.png);
|
margin: 0px 0px 2px 0px;
|
box-shadow: 0px 2px 5px #888888;
|
background-repeat: repeat-x;
|
}
|
|
#header .text1 {
|
margin-top: 8px;
|
margin-left: 20px;
|
}
|
|
.br_left {
|
background-image: url(../Images/Top/Head_Left.png);
|
position: absolute;
|
float: left;
|
height: 100%;
|
width: 573px;
|
}
|
|
.br_right {
|
background: url(../Images/Top/Head_Right.png);
|
height: 100%;
|
width: 866px;
|
float: right;
|
}
|
|
.text2 {
|
top: 13px;
|
right: 200px;
|
position: relative;
|
background-image: url(../Images/Top/Head_png.png);
|
height: 56px;
|
width: 412px;
|
float: right;
|
}
|
|
.text2>ul {
|
position: absolute;
|
width: 412px;
|
text-align: center;
|
vertical-align: middle;
|
}
|
|
.text2>ul>li {
|
height: 30px;
|
float: left;
|
margin-right: 21px;
|
list-style: none;
|
}
|
|
.text2>ul>li a {
|
color: rgba(232, 245, 251, 1);
|
font-size: 15px;
|
font-family: 微软雅黑;
|
font-weight: bold;
|
}
|
|
.text2 a:hover {
|
cursor: pointer;
|
}
|
|
.text2 a:hover {
|
text-decoration: none;
|
}
|
|
.text2 .at {
|
color: red;
|
text-shadow: 2px 2px 20px yellow;
|
}
|
|
|
/*左侧功能栏*/
|
|
#sd_left {
|
position: absolute;
|
width: 283px;
|
height: 100%;
|
background-color: #fafaf9;
|
left: 2px;
|
border: 1px solid #c1c1c1;
|
box-sizing: border-box;
|
}
|
|
|
/*叠加分析布局*/
|
|
.space-til {
|
width: 260px;
|
height: 30px;
|
line-height: 50px;
|
font-weight: 500;
|
}
|
|
.space-til span {
|
/*font-size: 20px;
|
color: #1476c1;*/
|
margin-left: 10px;
|
}
|
|
#sd_scene {
|
height: 100%;
|
bottom: 0px;
|
}
|
|
#sceneControlDiv {
|
position: absolute;
|
left: 0px;
|
bottom: 0px;
|
top: 0px;
|
right: 0px;
|
}
|
|
#Addtianditu {
|
position: absolute;
|
width: 100px;
|
height: 25px;
|
z-index: 10000;
|
top: 15px;
|
left: 30px;
|
text-align: right;
|
height: 81px;
|
width: 80px;
|
}
|
|
.add_at{
|
background-color: rgba(185, 223, 192, 1);
|
}
|
|
.bac {
|
/*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;
|
margin-left: 0px;
|
margin-top: 0px;
|
width: 15px;
|
height: 70px;*/
|
background-image: url(../images/main-left/left.png) !important;
|
background-repeat: no-repeat;
|
background-position: center;
|
cursor: pointer;
|
}
|
|
.bac-b {
|
/*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;
|
margin-left: 0px;
|
margin-top: 0px;
|
width: 15px;
|
height: 70px;*/
|
background-image: url(../images/main-left/right.png) !important;
|
background-repeat: no-repeat;
|
background-position: center;
|
cursor: pointer;
|
/*background-position: center;
|
background-repeat: no-repeat;
|
-moz-transform: scaleX(-1);
|
-webkit-transform: scaleX(-1);
|
-o-transform: scaleX(-1);
|
transform: scaleX(-1);
|
cursor: pointer;*/
|
}
|
|
#filePath {
|
width: 170px;
|
height: 34px;
|
margin: 5px 0px;
|
border:none;
|
}
|
|
#stops {
|
margin-left: 45px;
|
}
|
|
#stops li {
|
cursor: pointer;
|
line-height: 20px;
|
}
|
|
#stops img {
|
/*src: url(../images/Stops.png);*/
|
float: left;
|
margin-right: 3px;
|
}
|
|
.three-fly-mag input {
|
width: 22px;
|
height: 22px;
|
margin-left: 2px;
|
border: 1px solid #bdbfbf;
|
}
|
|
#stopslist {
|
margin-left: 20px;
|
}
|
|
#open-speed {
|
margin-left: 10px;
|
margin-right: 5px;
|
margin-top: -4px;
|
}
|
|
#stops .at{
|
text-shadow: 1px 1px 2px 1px #ffcda4;
|
}
|
