* { cursor: default; }
.pageview * { cursor: inherit; }
.mutiline p, .mutiline span * { margin: 0; padding: 0; font: 12px Microsoft Yahei UI,Microsoft Yahei; font-size: inherit; }
html { -webkit-text-size-adjust: none; }
b { font-weight: bold; font-size: inherit; }
ul, li { list-style-type: none; font-size: inherit; }
em { color: #f00; font-size: inherit; }
textarea { cursor: text; }
.header { position: absolute; top: 0; background-color: #1e6f44; right: 0; height: 45px; left: 0; min-width: 800px; }
input[type="text"] { cursor: text; color: #666; }
input[type="text"]:disabled { cursor: not-allowed; background-color: #f1f1f1 !important; color: #333 !important; cursor: default !important; }
input[type="radio"] { cursor: pointer; width: 18px; height: 18px; }
sub { position: relative; line-height: 0; font-size: 75%; vertical-align: baseline; bottom: -.1em; font-weight: inherit; font-size: inherit; }


div#mainMode .button:hover { color: #2ed4dc; }
div#mainMode .icon-delete:hover { color: white; background-color: red; border-radius: 7px; }

input::-webkit-input-placeholder { color: #9e9e9e; }
/* WebKit browsers */
input:-moz-placeholder { color: #9e9e9e; }
/* Mozilla Firefox 4 to 18 */
input::-moz-placeholder { color: #9e9e9e; }
/* Mozilla Firefox 19+ */
input:-ms-input-placeholder { color: #9e9e9e; }
/* Internet Explorer 10+ */
textarea::-webkit-input-placeholder { color: #9e9e9e; }
/* WebKit browsers */
textarea:-moz-placeholder { color: #9e9e9e; }
/* Mozilla Firefox 4 to 18 */
textarea::-moz-placeholder { color: #9e9e9e; }
/* Mozilla Firefox 19+ */
textarea:-ms-input-placeholder { color: #9e9e9e; }
/* Internet Explorer 10+ */
input:focus::-webkit-input-placeholder { color: transparent; }
input:focus::-moz-placeholder { color: transparent; }
input:focus:-moz-placeholder { color: transparent; }
textarea:focus::-webkit-input-placeholder { color: transparent; }
textarea:focus::-moz-placeholder { color: transparent; }
textarea:focus:-moz-placeholder { color: transparent; }

.layout { }
.layout .header .hdColor-Standard { FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=##15A216,endColorStr=#fafafa); background: -moz-linear-gradient(top,#15A216,#fafafa); background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#15A216), to(#fafafa)); }
.layout .header .appLogo { color: #fff; position: absolute; left: 0; top: 0; bottom: 0; background-position: 0 -96px; background-repeat: no-repeat; margin-left: 10px; }
.layout .header .appLogo .title { vertical-align: middle; display: inline-block; }
.layout .header .appLogo label { margin-left: 10px; font-size: 18px; line-height: 45px; letter-spacing: 1px; text-shadow: 3px 2px 3px #060606; font-weight: bold; }
.layout .header .title { text-align: left; font-size: 30px; color: white; line-height: 40px; cursor: default; }
.layout .header .title span { color: #00ff5a; font-size: 14px; }

.layout .contextMenu { display: none; position: absolute; width: 148px; height: auto; right: 2px; top: 47px; cursor: pointer; border: 2px solid #333; background: #fff; z-index: 999999; }
.layout .contextMenu .iconfont { font-size: 20px; padding-left: 5px; }
.layout .contextMenu a { font-size: 14px; margin-left: 6px; color: inherit; }
.layout .contextMenu div { font: 14px Microsoft Yahei UI,Microsoft Yahei; color: #333; height: 35px; line-height: 35px; text-align: left; padding-left: 15px; border-top: 1px solid #333; margin: -1px 0px 0 0; cursor: pointer; }
.layout .contextMenu div:hover { background-color: #666; color: #fff; }
.layout .contextMenu .son { font-size: 12px; padding-left: 30px; border-top: 1px solid #999; }

.layout .header .userInfo { position: absolute; right: 3px; top: 4px; bottom: 3px; cursor: pointer; width: 150px; }
.layout .header .userInfo:hover { background-color: #14a85d; border-radius: 3px; }
.layout .header .userInfo .realName { position: absolute; left: 50px; top: 5px; width: 80px; height: 30px; line-height: 30px; color: #fff; overflow: hidden; }
.layout .header .userInfo .iconDropDown { position: absolute; right: 2px; width: 10px; height: 8px; margin: 15px 7px 17px 7px; background-position: 0 -168px; }
.layout .header .userInfo .loginIcon { float: left; margin-left: 3px; color: #fff; font-size: 34px; margin-top: 0; line-height: 39px; }
.layout .topButtonBar { position: relative; top: 3px; bottom: 3px; right: 160px; float: right; min-width: 100px; }
.layout .topButtonBar .topButtonItem { padding: 0 5px; height: 39px; cursor: pointer; display: inline-block; margin-left: 5px; }
.layout .topButtonBar .topButtonItem:hover { background-color: #14a85d; border-radius: 3px; }
.layout .topButtonBar .topButtonItem.active { background-color: #14a85d; border-radius: 3px; }
.layout .topButtonBar .topButtonItem .topButtonIcon { margin-left: 3px; color: #fff; font-size: 30px; margin-top: 2px; line-height: 39px; display: inline-block; }
.layout .topButtonBar .topButtonItem .topButtonName { margin-left: 3px; color: #fff; line-height: 39px; display: inline-block; vertical-align: top; }

.passwordBack .codeBtn { display: inline-block; margin-left: 18px; width: 100px; height: 25px; border: 1px solid #999; color: #666; border-radius: 3px; line-height: 26px; vertical-align: middle; text-align: center; cursor: pointer; }
.passwordBack .codeBtn:hover { color: #2ed4dc; }
.passwordBack .codeBtnLock { display: inline-block; margin-left: 18px; width: 100px; height: 25px; border: 1px solid #999; color: #666; border-radius: 3px; line-height: 26px; vertical-align: middle; text-align: center; background: #eee; cursor: default; }
.passwordBack .passBtn { position: absolute; left: 40px; top: 260px; width: 317px; height: 35px; line-height: 35px; color: #fff; cursor: pointer; border-radius: 5px; font-size: 18px; text-align: center; background-color: #018834; }
.passwordBack .confirmBtn { position: absolute; left: 40px; top: 250px; width: 317px; height: 35px; line-height: 35px; color: #fff; cursor: pointer; border-radius: 5px; font-size: 18px; text-align: center; background-color: #018834; }
.passwordBack .passwordTab { position: absolute; top: 100px; left: 80px; height: 30px; width: 120px; line-height: 30px; border-radius: 10px 2px; text-align: center; border: 2px solid rgb(30, 111, 68); cursor: pointer; font-size: 14px; font-weight: bold; }
.passwordBack .passwordTab.active { background-color: rgb(30, 111, 68); color: #fff; }


.systemUser { }
.systemUser .organInfoTreePanel { position: absolute; top: 120px; bottom: 10px; position: absolute; left: 10px; width: 380px; }
.systemUser .organInfoTreePanel .organsTree { position: absolute; top: 40px; left: 0; right: 0; bottom: 0; padding: 10px 0 0 5px; border: 1px solid #ccc; background-color: rgb(253,252,245); overflow: auto; }
.systemUser .organInfoTreePanel .organsTree .organItem { height: 30px; line-height: 30px; }
.systemUser .organInfoTreePanel .organsTree .organItem:hover { background-color: rgb(234, 242, 255); }
.systemUser .organInfoTreePanel .organsTree .organItem.active { background-color: rgb(218, 245, 243); }
.systemUser .organInfoTreePanel .organsTree .subOrgansZone { margin-left: 16px; }
.systemUser .organInfoTreePanel .organsTree .organItem .expandIcon { width: 20px; height: 30px; line-height: 30px; font-size: 14px; cursor: pointer; display: inline-block; font-weight: bold; }
.systemUser .organInfoTreePanel .organsTree .organItem .expandIcon:hover { color: #2ed4dc; }
.systemUser .organInfoTreePanel .organsTree .organItem .itemShowIcon { width: 16px; height: 20px; display: inline-block; margin-right: 3px; vertical-align: middle; margin-top: -4px; }
.systemUser .organInfoTreePanel .organsTree .organItem .parFolder { background: url(/Img/Global/tree_icons.png) no-repeat -208px 0; }
.systemUser .organInfoTreePanel .organsTree .organItem .parFolderOpen { background: url(/Img/Global/tree_icons.png) no-repeat -224px 0; }
.systemUser .organInfoTreePanel .organsTree .organItem .childFile { background: url(/Img/Global/tree_icons.png) no-repeat -224px 0; }
.systemUser .organInfoTreePanel .organsTree .organItem .organName { font-size: 13px; height: 30px; line-height: 26px; display: inline-block; max-width: 290px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; vertical-align: middle; color: #0188fb; }
.systemUser .organInfoTreePanel .organsTree .organItem .organName .orgUserCount { text-align: right; display: inline-block; vertical-align: middle; position: absolute; right: 5px; font-size: 12px; color: #000; line-height: 25px; font-weight: bold; }
.systemUser .organInfoTreePanel .organsTree .organItem .organExpire { font-size: 18px; display: inline-block; margin-left: 10px; color: #ca0707; cursor: pointer; }
.systemUser .organInfoTreePanel .organsTree .organItem .expandIconNone { width: 20px; height: 30px; line-height: 30px; font-size: 16px; cursor: default; display: inline-block; opacity: 0; filter: alpha(opacity=0); }

.systemUser .search { position: absolute; top: 81px; right: 25px; width: 250px; height: 40px; }
.systemUser .search input { position: absolute; background: #f3f3f3; height: 25px; border: 1px solid #ccc; font-size: 13px; width: 180px; padding: 5px 50px 5px 33px; border-radius: 25px; outline: none; }
.systemUser .search .filterBtn { position: absolute; left: 8px; top: 8px; font-size: 20px; cursor: pointer; }
.systemUser .search .searchBtn { position: absolute; right: 15px; top: 6px; font-size: 22px; cursor: pointer; color: #999; }
.systemUser .search .emptyBtn { position: absolute; right: 40px; top: 10px; font-size: 16px; cursor: pointer; color: #999; }
.systemUser .search div:hover { color: #000; }

.systemUser .filterPanel { position: absolute; top: 120px; right: 28px; width: 270px; height: 150px; background-color: #fff; border: 2px solid rgb(85, 85, 85); border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 24px; }
.systemUser .filterPanel .firstRow { position: absolute; top: 20px; }
.systemUser .filterPanel .secondRow { position: absolute; top: 70px; }
.systemUser .filterPanel .labelInfo { position: absolute; left: 10px; line-height: 35px; width: 78px; text-align: right; }
.systemUser .filterPanel .dropInfo { position: absolute; left: 98px; width: 160px; }
.systemUser .filterPanel .dropInfoEn { position: absolute; left: 110px; width: 160px; }

.systemUser .passwordIcon { width: 20px; height: 20px; font-size: 20px; cursor: pointer; vertical-align: middle; }
.systemUser .organizationIcon { position: absolute; left: 370px; top: 229px; width: 20px; height: 20px; font-size: 20px; cursor: pointer; }
.systemUser .timingDetailIcon { margin-left: 19px; font-size: 20px; cursor: pointer; font-weight: bold; vertical-align: middle; }
.systemUser .passwordIcon:hover, .systemUser .organizationIcon:hover, .systemUser .timingDetailIcon:hover { color: #2ed4dc; }



.flex { display: flex; display: -webkit-flex; flex-wrap: nowrap; justify-content: center; align-items: center; left: 0; }
.rowFlex { flex-direction: row; width: 100%; justify-content: flex-start; height: 100%; }
.rowFlex .autoCol { flex-grow: 2; height: 100%; }
.colFlex { flex-direction: column; height: 100%; }
.colFlex .autoRow { flex-grow: 2; width: 100%; }

.contentCenter { height: 100%; line-height: 100%; display: table; margin: auto; background-color: #f8f8f8; width: 80%; min-width: 600px; max-width: 1400px; }
.contentCenter .container { width: 500px; vertical-align: middle; display: table-cell; text-align: center; }
.contentCenter p { font-size: 16px; line-height: 25px; text-align: center; }
.contentCenter p label { font-size: 16px; color: #54b883; text-decoration: underline; font-weight: bold; cursor: pointer; margin-left: 5px; }


.moduleHeader .title { font: 30px Microsoft Yahei UI,Microsoft Yahei; color: #009e3c; line-height: 50px; cursor: default; }

.titleBar { position: absolute; top: 0; left: 0; height: 40px; right: 0; border: 1px solid #ccc; background-color: #eff3f8; }
.titleBar .icons { margin-right: 5px; }
.titleBar .icons.small { margin-top: 3px; }

.titleBar .icons .button, .commonBtn { float: left; cursor: pointer; font-size: 20px; padding: 4px 16px; background-color: #009f57; color: #fff; margin-right: 5px; }
.titleBar .icons.small .button { height: 20px; line-height: 18px; }
.titleBar .icons.small .button::before { font-size: 18px; line-height: 20px; }
.titleBar .icons.small .button label { font-size: 12px; }
.titleBar .icons .button.disabled, .commonBtn.disabled { cursor: not-allowed; background-color: #ccc !important; }
.titleBar .icons .button.disabled label, .commonBtn.disabled label { cursor: not-allowed; }
.titleBar .icons .button.disabled:hover, .commonBtn.disabled:hover { background-color: #ccc }
.titleBar .icons .button::before { float: left; }
.titleBar .icons .button:hover, .commonBtn:hover { background-color: rgb(0 159 87 / 50%); }
.titleBar .icons .button.iconRemove { background-color: red; color: #fff; }
.titleBar .icons .button.icon-search label { }
.titleBar .icons .button label, .commonBtn label { display: inline-block; vertical-align: middle; height: 25px; line-height: 22px; font-size: 14px; margin-left: 3px; cursor: pointer; margin-top: -3px; }
.titleBar .icons .button label span { margin-left: 5px; font-weight: bold; vertical-align: middle; }
.titleBar .icons .splitter { height: 26px; border-left: 2px solid #717070; margin-left: 10px; margin-top: 2px; margin-right: 2px; float: left; opacity: 0.2; filter: alpha(opacity=20); }
.titleBar .icons .splitter.right { float: right; }
.titleBar .icons .button .childTools { opacity: 1; position: fixed; z-index: 999; width: 120px; margin-left: -15px; background-color: #292929; border: 1px solid #ccc; border-radius: 5px; }
.titleBar .icons .button .childTools:focus { outline: none; }
.titleBar .icons .button .childTools ul { padding: 5px; cursor: pointer; height: 25px; line-height: 25px; }
.titleBar .icons .button .childTools ul.disable { cursor: not-allowed; background-color: #ccc; }
.titleBar .icons .button .childTools ul.gap { height: 1px; background-color: #ccc; padding: 0; margin: 0 8px; }
.titleBar .icons .button .childTools ul:hover { background-color: rgb(234,242,255); color: #333; }
.titleBar .icons .button .childTools ul.disable:hover { background-color: #ccc; }
.titleBar .icons .button .childTools ul li { display: inline-block; margin-left: 5px; font-size: 13px; vertical-align: middle; }
.titleBar .icons .button .childTools ul li.iconfont { font-size: 22px; }
.titleBar .icons .button .childTools ul li.iconfont.icon-modify { font-size: 20px; }
.titleBar .icons .button .childTools ul.hasChildMenu li.more { font-size: 15px; float: right; margin-top: 8px; }
.titleBar .icons .button .childTools ul.hasChildMenu:hover .childMenu { display: block; }
.titleBar .icons .button .childTools ul.hasChildMenu:hover .childMenu .menuName { background: none; color: #fff; }
.titleBar .icons .button .childTools ul.hasChildMenu .childMenu { position: fixed; margin-left: 145px; margin-top: -30px; width: 150px; background-color: #292929; border: 1px solid #ccc; border-radius: 5px; display: none; }
.titleBar .icons .button .childTools ul.hasChildMenu .childMenu .menuName { padding: 5px; font-size: 13px; cursor: pointer; height: 25px; line-height: 25px; }
.titleBar .icons .button .childTools ul.hasChildMenu .childMenu .menuName:hover { background-color: rgb(234,242,255); color: #333; }

.titleBar .icons .mapIcon { background-color: #fff; height: 36px; padding: 0 5px; }
.titleBar .icons .mapIcon:hover { background-color: #daf5f3; }
.titleBar .icons .mapIcon .icon { background-image: url(/Img/Global/map_Icon1.png); width: 32px; height: 32px; background-attachment: initial; background-size: contain; margin-top: -4px; border: 2px solid #38a4fe; border-radius: 32px; display: inline-block; vertical-align: middle; }
.titleBar .icons .mapIcon.disable .icon { border: 2px solid #ccc; }
.titleBar .icons .mapIcon label { color: #0091d8; vertical-align: middle; font-weight: bold; margin-left: 0; }

.titleBar .icons .projectMapTableBtn.disable { color: #fff; cursor: not-allowed; }
.titleBar .icons .projectMapTableBtn.disable label { cursor: not-allowed; color: #999; }
.titleBar .icons .projectMapTableBtn.disable:hover { }

.titleBar.small { height: 30px; }
.titleBar.small .editPanel label { line-height: 30px; }
.titleBar.small .title { font-size: 12px; line-height: 30px; }



.e-tip-info { font-size: 15px; vertical-align: middle; margin-right: 4px; color: #118cf7 !important; cursor: help; }
.e-tip-info:hover { color: #14A85D }

.buttonBar { display: flex; flex-direction: column; position: absolute; left: 30px; right: 30px; bottom: 0; height: 60px; border-top: 1px solid #908d8d; background-color: #fff; }
.buttonBar .buttonGroup { align-self: center; margin-top: 10px; }
.buttonBar .buttonGroup > div { float: left !important; }
.buttonBar .buttonGroup .center-Btns { width: auto; padding: 0 10px; margin: 0 30px; }
.buttonBar .buttonGroup .center-Btns .icon-prev { float: left; }
.buttonBar .buttonGroup .center-Btns .icon-next { float: right; }
.buttonBar .buttonGroup .button { float: left; font-size: 25px; height: 25px; line-height: 25px; min-width: 60px; text-align: center; margin: 10px 10px 0 10px; padding: 4px 10px; color: #fff; background-color: #009f57; cursor: pointer; }
.buttonBar .buttonGroup .button:hover { opacity: 0.6; }
.buttonBar .buttonGroup .button label { display: inline-block; vertical-align: top; font-size: 14px; height: 25px; line-height: 25px; margin-left: 5px; }
.buttonBar .buttonGroup .button.icon-cancle { background-color: #ff6a00; }
/*.buttonBar .buttonGroup .button.disable { background-color: #aaa; cursor: not-allowed; }
.buttonBar .buttonGroup .button.disable:hover { opacity: 1; }*/


.action { position: absolute; top: 150px; right: 7px; width: 20px; height: 100px; }
.action div { font-size: 27px; width: 24px; height: 24px; background-position-y: -350px; margin-bottom: 12px; cursor: pointer; }
.action div:hover { opacity: 0.6; filter: alpha(opacity=60); }
.action .create { background-position: -328px 0; }
.action .modify { background-position: -428px 0; }
.action .delete { background-position: -352px 0; }
.action .empty { background-position: -280px 0; }
.action .refresh { background-position-y: 0px; font-size: 25px; color: #009f3c; }
.action.horizon { width: 100px; height: 20px; }
.action.horizon div { display: inline-block; }

.pageClose { position: absolute; right: 30px; top: 80px; font-size: 44px; color: red; opacity: 0.6; filter: alpha(opacity=60); cursor: pointer; }
.pageClose:hover { opacity: 1; filter: alpha(opacity=100); }

.fileTileBox { border: 1px solid #ccc; overflow-y: auto; overflow-x: hidden; padding: 20px; position: absolute; left: 20px; top: 40px; bottom: 21px; right: 20px; }

.fileTile { float: left; position: relative; border: 1px solid #d4d3d3; width: 285px; height: 120px; margin: 0 20px 20px 0; border-radius: 3px; cursor: pointer !important; opacity: .8; filter: alpha(opacity=80); }
.fileTileSelected { cursor: default; border: 1px solid #009f3c; background: url(/Img/Global/TileSelected.png?VER=2.27) top right no-repeat; opacity: 1; filter: alpha(opacity=100); }
.fileTile .icon { position: absolute; left: 5px; top: 10px; width: 90px; height: 100px; background-position: -365px -408px; }
.fileTile .fileItem { position: relative; left: 110px; width: 150px; height: 20px; line-height: 20px; overflow: hidden; }
.fileTile .fileName { font-weight: bold; word-break: break-all; margin-top: 12px; }
.fileTile .fileDate { margin-top: 5px; }

.fileTile .icondbf { background-position: -545px -300px; }
.fileTile .iconshp { background-position: 0 -300px; }
.fileTile .iconxls { background-position: -95px -300px; }
.fileTile .iconxlsx { background-position: -185px -300px; }
.fileTile .iconmdb { background-position: -275px -300px; }
.fileTile .iconaccdb { background-position: -365px -300px; }
.fileTile .iconcsv { background-position: -90px -400px; }
.fileTile .icontxt, .fileTile .iconyld { background-position: -455px -300px; }
.fileTile .iconrar, .fileTile .iconzip { background-position: -459px -409px; }

.fileListBox { position: absolute; left: 40px; top: 80px; bottom: 21px; right: 30px; }
.fileListBox .gridFileList { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }


.fileUploadStatusBar { position: absolute; left: 20px; bottom: 21px; right: 20px; height: 30px; background: linear-gradient(rgb(249, 249, 249) 0px, rgb(239, 239, 239) 100%); border: 1px solid #ccc; color: #3366ff; }
.fileUploadStatusBar label { text-indent: 10px; height: 30px !important; line-height: 30px !important; }

.noFileTip { position: absolute; left: 20px; right: 20px; top: 20px; bottom: 20px; display: none; align-items: center; justify-content: center; flex-direction: column; }
.noFileTip .noFileIcon { font-size: 100px; color: #999; }
.noFileTip .noFileTitle { font-size: 16px; text-indent: 2em; line-height: 30px; width: auto; margin-top: 20px; margin-bottom: 20px; }
.noFileTip .noFileButton { font-size: 16px; padding: 0 5px; border: 1px solid #ccc; border-radius: 5px; height: 40px; line-height: 40px; }
.noFileTip .noFileButton label { font-size: 24px; display: inline-block; }
.noFileTip .noFileButton:hover { background-color: #454a77; color: #f1f1f1; cursor: pointer; }

.miniTab { position: absolute; left: 0; height: 20px; top: 70px; right: 0; }
.miniTab div { padding-left: 5px; padding-right: 5px; float: left; min-width: 80px; height: 25px; line-height: 25px; border: 1px solid #ccc; background: #f0f0f0; margin-right: 5px; margin-top: -1px; text-align: center; cursor: pointer; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.miniTab .active, .miniTab .gridActive { color: #fff; background: #0188fb; cursor: default; }

.gridColMapping .colMapName.noVal { color: dodgerblue; cursor: pointer !important; }
.gridColMapping .colMapName.noVal:hover { font-weight: bold; }
.gridColMapping .colMapName { text-align: center; cursor: pointer; border: 1px dashed #aba9a9; cursor: pointer; }

.gridColMapping .colUnitUpdate.showUpdateBtn { text-align: left; padding: 0 5px 0 5px; }
.gridColMapping .colUnitUpdate.showUpdateBtn span { color: dodgerblue; text-decoration: underline; float: right; cursor: pointer; }
.gridColMapping .colUnitUpdate.showUpdateBtn span:hover { font-weight: bold; }


.colNameItem { min-width: 85px; height: 25px; border: 1px solid #00d24f; float: left; margin: 3px; text-align: center; line-height: 25px; cursor: pointer; overflow: hidden; padding: 0 5px 0 5px; color: #666; }
.itemMapped { background-color: #d6ffea; }
.itemSelected { background-color: #14a85d !important; color: #fff !important; }

.requiredCell { background: url(/Img/EasyWeb/Icon/required.png?VER=2.27) center center no-repeat; }
.linkedCell { background: url(/Img/EasyWeb/Icon/IconLink.png?VER=2.27) center center no-repeat; }
.searchCell { font-size: 16px; color: green; cursor: pointer; opacity: 0.8; filter: alpha(opacity=80); }
.searchCell:hover { opacity: 1; filter: alpha(opacity=100); color: #2ed4dc; }
.configCell { font-size: 20px; color: green; opacity: 0.8; filter: alpha(opacity=80); }
.configCell:hover { opacity: 1; filter: alpha(opacity=100); }

.mutiText { max-width: 750px; }
.mutiText p { line-height: 30px; font-size: 14px; text-indent: 2em; margin-top: 20px; }

.polygonImport .step1 .options { margin-left: 10px; margin-top: 10px; padding: 15px; }
.polygonImport .step1 .options .radio { margin-left: 25px; margin-top: 10px; cursor: pointer; }
.polygonImport .step1 .options .radio span { width: 200px; display: inline-block; font-size: 13px; }
.polygonImport .step1 .way.radio { font-size: 15px; cursor: pointer; margin-bottom: 15px; line-height: 25px; }
.polygonImport .step1 #dummy { background-color: #efefef; margin-left: 10px; padding: 5px; }
.polygonImport .step1 #dummy .link { color: #3f53e0; text-decoration: underline; cursor: pointer; width: 220px; }
.polygonImport .step1 #dummy .link:hover { color: #1f2b82; }
.polygonImport .step1 #dummy p { display: block; font-size: 14px; cursor: pointer; margin: 5px 0 5px 10px; line-height: 25px; }
.polygonImport .step1 #dummy div { line-height: 25px; font-size: 14px; margin-left: 5px; text-shadow: 1px 1px 1px #c3c3c3; color: #d05904; text-indent: 5px; }

.drpOuter { display: inline-block; vertical-align: middle; }

.editPanel { color: #333; padding: 20px 50px 20px 50px; }
.editPanel label { display: block; height: 40px; line-height: 40px; font-size: 12px; }
.editPanel input[type="text"] { display: block; height: 20px; padding: 5px; width: 30%; border: 1px solid #999; color: #666; border-radius: 3px; }
.editPanel input[type="password"] { display: block; height: 20px; padding: 5px; width: 30%; border: 1px solid #999; color: #666; border-radius: 3px; }
.editPanel textarea { display: block; width: 60%; height: 100px; padding: 5px; border: 1px solid #999; color: #666; border-radius: 3px; }
.editPanel textarea:focus, .editPanel input[type="text"]:focus, .editPanel input[type="password"]:focus { border: 1px solid #14a85d; color: #14a85d; outline: none; box-shadow: 0 0 5px 0 #14a85d; }


.mutiedit { padding-left: 40px; }
.mutiedit ul { clear: both; padding: 0; margin: 0; list-style: none; }
.mutiedit li { text-align: center; min-width: 80px; float: left; min-height: 30px; line-height: 20px; margin: 5px 0 5px 0; }

.basicGrid { table-layout: fixed; border-collapse: collapse; border-spacing: 0 0; margin: 0; padding: 0; font-size: 12px; color: #333; border: 0 solid #ccc; text-align: center; margin-left: 20px; background: #eaf3f8; height: 40px; font-size: 13px; }
.basicGrid .rowHeader { font-weight: normal; margin: 0; padding: 0 5px 0 5px; border: 1px solid #ccc; cursor: default; overflow: hidden; text-overflow: ellipsis; empty-cells: show; white-space: nowrap; background-color: #eaf3f8; }
.basicGrid tr { height: 40px; border: 1px solid #ccc; background: #fff; }
.basicGrid td { margin: 0; padding: 0 5px 0 5px; cursor: default; empty-cells: show; font-size: 13px; line-height: 22px; }
.basicGrid th { font-weight: normal; margin: 0; padding: 0 5px 0 5px; cursor: default; overflow: hidden; text-overflow: ellipsis; empty-cells: show; white-space: nowrap; }
.basicGrid input[type="text"] { border: none; width: 100%; height: 25px; line-height: 30px; color: #14A85D; font-weight: bold; text-align: center; padding: 0; background-color: #fff7ce; cursor: text; }
.basicGrid input[type="text"].fill { background-color: #e7ffce; color: #14A85D; border: 1px solid #999; border-radius: 3px; }
.basicGrid input[type="text"].readonly { background-color: #f1efef; cursor: not-allowed; color: #9c9c9c; }
.basicGrid input[type="text"]:focus { border: 1px solid #14a85d; color: #14a85d; outline: none; box-shadow: 0 0 5px 0 #14a85d; }

.dialoglogo { position: absolute; top: 15px; left: 16px; font-size: 80px; color: #fff; }
.confirmDialog { position: relative; width: 600px; height: 350px; background-color: #fff; }
.confirmDialog .image { position: absolute; top: 0px; left: 0px; bottom: 0px; width: 120px; }
.confirmDialog .title { position: absolute; top: 30px; left: 150px; right: 30px; height: 50px; font-size: 22px; color: #333; }
.confirmDialog .message { position: absolute; top: 90px; left: 150px; right: 30px; bottom: 30px; }
.confirmDialog .message p { line-height: 25px; text-indent: 20px; font-size: 13px; margin-bottom: 20px; }

.moduleContent { position: absolute; top: 80px; left: 0; right: 0; padding: 0 30px 0 30px; bottom: 60px; overflow: auto; }

.moduleEdit { }
.moduleEdit .title { height: 40px; width: 172px; display: inline-block; line-height: 40px; vertical-align: top; color: #000; font-size: 13px; font-weight: bold; }
.moduleEdit .title.iconfont { margin-left: -20px; width: 150px; }
.moduleEdit .title.e-pre-help { margin-left: -20px; }
.moduleEdit .title.icon-config20 { width: 40px; margin-left: 0; }
.moduleEdit .title.dbl { line-height: 20px; }
.moduleEdit .groupTit { width: auto; margin-bottom: 0; margin-left: -10px; font-weight: bold; }
.moduleEdit .data { display: inline-block; vertical-align: middle; }
.moduleEdit .data input[type="text"], .moduleEdit .data input[type="password"] { width: 150px; }
.moduleEdit .readOnly { background: #d1d1d1; cursor: not-allowed; }

.dialogCondition { width: 400px; height: 450px; }
.dialogCondition .btnOpenDistinct { width: 30px; height: 30px; margin-top: 10px; background: url(/Img/Global/Search.png?VER=2.27) no-repeat; cursor: pointer; opacity: 0.8; filter: alpha(opacity=80); }
.dialogCondition .btnOpenDistinct:hover { opacity: 1; filter: alpha(opacity=100); }
.dialogCondition .e-drop-listBox { max-height: 150px; overflow-y: auto; position: fixed; }
.dialogCondition .limitDropPositon .e-drop-listBox { max-height: 280px; overflow-y: auto; }

.basicDialog { position: relative; width: 600px; height: 350px; background-color: #fff; }
.basicDialog .image { position: absolute; top: 0px; left: 0px; bottom: 0px; width: 120px; }
.basicDialog .title { position: absolute; top: 10px; left: 140px; right: 30px; height: 50px; font-size: 26px; }
.basicDialog .title.left { left: 10px; height: 30px; line-height: 30px; }
.basicDialog .controls { position: absolute; top: 80px; left: 150px; }
.basicDialog .controls.left { left: 10px; right: 10px; top: 50px; }

.basicDataDialog { position: relative; width: 750px; height: 450px; background-color: #fff; }
.basicDataDialog .helpLink { position: absolute; top: 30px; right: 30px; font-size: 12px; line-height: 20px; }
.basicDataDialog .side { position: absolute; top: 0; left: 0; width: 130px; bottom: 0; border-right: 1px solid #999; }
.basicDataDialog .title { position: absolute; top: 5px; left: 140px; right: 20px; font-size: 26px; line-height: 50px; cursor: default; }
.basicDataDialog .grid { position: absolute; top: 60px; left: 160px; right: 30px; bottom: 30px; }
.basicDataDialog .action { top: 195px; }
.basicDataDialog .e-tab .tabhead .active { background-color: #0188fb; color: #fff; }
.basicDataDialog .statisticsStyle { width: 100%; height: 600px; overflow-y: auto; }
.basicDataDialog .statisticsStyle .tableItem { width: 99.7%; height: 26px; border: 1px dotted black; margin-top: -1px; border-left-width: 0px; border-right-width: 0px; }
.basicDataDialog .statisticsStyle .tableItem:hover { background-color: #E7FFCE; }
.basicDataDialog .statisticsStyle .tableItem .itemName { width: 55%; border-right-style: solid; border-right-width: 1px; border-right-color: #A3A3A3; height: 25px; line-height: 26px; margin-left: 5px; float: left; }
.basicDataDialog .statisticsStyle .tableItem .content { width: 40%; line-height: 26px; position: absolute; left: 55%; float: left; text-align: right; }
/*.basicDataDialog .action .icon-delete:hover { color: white; background-color: red; border-radius: 7px; height: 30px; width: 27px; }*/


.dialogSearch { width: 600px; height: 350px; }
.dialogSearch .title { left: 20px; }
.dialogSearch .action { right: 9px; top: 150px; }
.dialogSearch .action div { background-position-y: -350px; margin-bottom: 12px; cursor: pointer; }
.dialogSearch .grid { width: 710px; height: 250px; top: 10px; left: 10px; bottom: 120px; }
.dialogSearch .grid .brackets { text-align: center; cursor: pointer; }
.dialogSearch .grid .query { font-size: 22px; cursor: pointer; }
.dialogSearch option { line-height: 20px; height: 20px; }
.dialogSearch form div { display: inline-block; margin-right: 8px; }
.dialogSearch form div input { width: 16px; height: 16px; cursor: pointer; vertical-align: middle; margin: 0 2px; }
.dialogSearch form div span { line-height: 30px; }
.dialogSearch .targetVal { width: 85px !important; height: 20px !important; text-align: left; padding: 0 4px !important; }
.dialogSearch .targetVal { width: 85px !important; height: 20px !important; text-align: left; padding: 0 4px !important; }
.dialogSearch select { height: 25px !important; }
.dialogSearch .sqlCon { position: absolute; bottom: 10px; left: 10px; right: 10px; height: 90px; }
.dialogSearch .sqlCon p { font-size: 13px; font-weight: bold; }
.dialogSearch .sqlCon #sqlCon { border: 1px solid #ccc; height: 60px; margin-top: 5px; padding: 5px; font-size: 13px; line-height: 20px; background-color: #f2f2f2; word-break: break-all; }
.dialogSearch .sqlCon #sqlCon span { font-size: 13px; }
.dialogSearch .sqlCon #sqlCon .colName { color: green; }
.dialogSearch .sqlCon #sqlCon .value { color: blue; }
.dialogSearch .sqlCon #sqlCon .relation { color: red; font-weight: bold; margin: 0 5px; }
.dialogSearch .brackets { cursor: pointer; }


.curveVarDialog { position: relative; width: 460px; height: 220px; background-color: #fff; }
.curveVarDialog .title { position: absolute; top: 0px; left: 20px; font-size: 22px; line-height: 50px; cursor: default; color: #009f3c; }
.curveVarDialog .varbox { position: absolute; left: 20px; top: 50px; right: 20px; bottom: 20px; border: 1px solid #009f3c; overflow: auto; }
.curveVarDialog .varbox .var { padding: 0 5px; float: left; margin: 5px 0 0 5px; border: 1px solid #009f3c; height: 20px; line-height: 20px; text-align: center; cursor: pointer; color: #009f3c; overflow: hidden; }
.curveVarDialog .varbox .var:hover { background-color: #71de9a; color: #fff; }
.curveVarDialog .varbox .active { background-color: #14a85d; color: #fff; cursor: default; }
.curveVarDialog .btnEN { position: absolute; width: 80px; height: 20px; line-height: 20px; text-align: center; border: 1px solid #999; left: 294px; top: 20px; cursor: pointer; color: #999; border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
.curveVarDialog .btnCN { position: absolute; width: 80px; height: 20px; line-height: 20px; text-align: center; border: 1px solid #999; left: 375px; top: 20px; cursor: pointer; color: #999; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
.curveVarDialog .active { background-color: #009e3c; color: #fff; cursor: default; border: 1px solid #009e3c; }
.curveVarDialog .txtEXP { position: absolute; top: 90px; left: 40px; height: 100px; line-height: 30px; width: 400px; border: 1px solid #ccc; padding: 10px; font-family: SimSun,Arial; color: #009f3c; resize: none; }
.curveVarDialog .txtEXP:focus { border: 1px solid #ccc; outline: none; }
.curveVarDialog .toolBox { position: absolute; top: 55px; height: 20px; left: 20px; width: 420px; }
.curveVarDialog .toolBox .button { float: left; width: 60px; height: 20px; margin-right: 5px; cursor: pointer; border: 1px solid #ccc; border-radius: 3px; background-color: #f1f1f1; opacity: 0.8; line-height: 20px; text-align: center; }
.curveVarDialog .toolBox .button:hover { opacity: 1; }
.curveVarDialog .toolBox .operator { width: 20px; }

.grid td select { width: 100%; height: 100%; display: block; border: 1px solid #ccc; font-size: 13px; background-color: #fff; }
.grid td select + #editor, .gridLayer select + #editor { display: none; }
.grid td .e-drpMulitCon + #editor { display: none; }

.e-grid th.helpInfo { cursor: help !important; }
.e-grid th.helpInfo .e-tip-info { font-size: 13px; margin-right: 2px; }
.e-grid th.helpInfo:hover { color: #ffa46d; font-weight: bold; }
.e-grid th.helpInfo:hover .e-tip-info { color: #ffa46d !important; }

.e-grid tr input[type=checkbox] { cursor: pointer; height: 20px; width: 20px; line-height: 30px; }
.e-grid tr input[type=checkbox]:disabled { cursor: not-allowed; }
.e-grid tr td .icon-search { font-size: 22px; cursor: pointer; color: #0aa770; }
.e-grid tr td .icon-search:hover { color: #0188fb; }
.e-grid .e-grid-head tr input[type=checkbox] { display: block; margin: auto; margin-top: 5px; }

.e-grid th .gridTitleTool { font-size: 21px; margin-left: 5px; color: #14a85d; line-height: 0; cursor: pointer; vertical-align: middle; display: inline-block; }
.e-grid th .gridTitleTool:hover { color: #ffa46d; }
.e-grid .e-grid-body td.cellDrop { background: none; }
.e-grid .e-grid-body td.cellDate { background: none; }
.e-grid:not(.editMode) td, .e-grid td.readonly { }
.e-grid.editMode .e-grid-body td.cellDate { background: url(../../Img/thirdparty/dateTime.png) no-repeat; background-position: calc(100% - 5px); cursor: pointer; }
.e-grid.editMode .e-grid-body td.cellDrop { background: url(../../Img/thirdparty/expanded1.png) no-repeat; background-position: calc(100% - 2px); cursor: pointer; }
.e-grid.editMode .e-grid-body td.cellDrop .chosen-container { position: fixed; z-index: 2; }
.e-grid.editMode .e-grid-body td.cellDrop .chosen-results { height: 100px; }
.e-grid.editMode .e-grid-body td.cellDrop .chosen-container-single .chosen-single span { font-size: 12px; margin-top: 0; width: 100%; }
.e-grid.editMode .e-grid-body td.cellDrop.hasBorder { background-position: calc(100% - 5px); }
.e-grid.editMode .e-grid-body td.cellDrop .cellInner { border: 1px solid #b9b9b9; font-size: 13px; height: 20px; line-height: 20px; text-align: center; /*margin-right: 15px;*/ overflow: hidden; text-overflow: ellipsis; empty-cells: show; white-space: nowrap; }
.e-grid.editMode .e-grid-body td.disable .cellInner { cursor: default }
.e-grid.editMode .e-grid-body td.disable { color: #8e8787 !important; cursor: default !important; }
.e-grid .e-grid-head th { color: #000; font-weight: bold; }

.taskStatus.icon-taskWait { color: #e68a02; }
.taskStatus.icon-taskErr { color: #d81e06; }
.taskStatus.icon-taskSucc { color: #259e17; }
.taskStatus.icon-taskNotRun { color: #6b6969; }
.taskStatus.icon-taskAbort { color: #0091D8; }
.taskStatus.icon-taskPaused { color: #607d8b; }
.taskStatus.taskRun { margin-left: -2px; margin-right: 0 !important; width: 25px; height: 25px; display: inline-block; background-repeat: no-repeat; background-image: url(/Img/Global/running1.gif?VER=0.5); background-size: contain; vertical-align: middle; }


.taskProgress { position: absolute; left: 0; top: 40px; width: 600px; height: 400px; }
.taskProgress .title { position: absolute; left: 0; top: 0; line-height: 20px; padding: 5px; }
.taskProgress .freeTip { position: absolute; left: 0; top: 50px; right: 0; text-align: center; line-height: 20px; padding: 5px; }
.taskProgress .progress { position: absolute; left: 0; top: 40px; right: 0; line-height: 20px; }
.taskProgress .progress .stepInfo { position: absolute; left: 20px; top: 0; }
.taskProgress .progress .bar { position: absolute; left: 20px; top: 22px; right: 20px; height: 15px; background: #fff; border: 1px solid #666; }
.taskProgress .progress .bar .stepbar { position: absolute; left: 0; top: 0; bottom: 0; width: 0%; background: url(/Img/Global/progressBar.png?VER=2.27); }
.taskProgress .progress .beginTime { position: absolute; left: 20px; top: 46px; }
.taskProgress .progress .useTime { position: absolute; right: 20px; top: 46px; }
.taskProgress .progresstool { position: absolute; top: 120px; right: 20px; height: 30px; float: right; }

.batchEditDialog { position: relative; width: 370px; height: 280px; }
.batchEditDialog .title { position: absolute; top: 10px; left: 10px; right: 30px; height: 50px; font-size: 26px; color: #217346; }
.batchEditDialog .controls { position: absolute; top: 50px; left: 20px; right: 20px; }
.batchEditDialog .controls .e-drop-listBox { max-height: 150px; }
.batchEditDialog .controls .e-switch { margin-top: 5px; }

.mainMap { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.mainMap .previewMap { position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 1px solid #ccc; }
.mainMap .mapTool, .mapControl .mapTool { top: 10px; border-radius: 5px; width: 25px; height: 25px; cursor: pointer; opacity: 0.8; filter: alpha(opacity=80); position: relative; float: right; font-size: 20px; color: #000; padding-left: 2px; padding-top: 2px; text-align: center; }
.mainMap .mapTool.icon-close { right: 10px; }
.mainMap .mapTool:hover, .mapControl .mapTool:hover { font-size: 21px; }
.mainMap .icon-pageClose { position: absolute; top: 0; right: 0; cursor: pointer; opacity: 0.6; filter: alpha(opacity=60); font-size: 44px; color: red; }
.mainMap .icon-pageClose:hover { opacity: 1; filter: alpha(opacity=100); }

.mainMap .drp3D { position: relative; top: 50px; background-position: -0px 0; }
.mainMap .drp2D { position: relative; top: 55px; background-position: -32px 0; }
.mainMap .tools .mapTool .disable { background-color: #ccc; }

.roadMapSearch .mapTool { top: 10px; border-radius: 5px; width: 25px; height: 25px; cursor: pointer; opacity: 0.8; filter: alpha(opacity=80); position: relative; float: right; font-size: 20px; color: #000; padding-left: 2px; padding-top: 2px; text-align: center; }

.textLine p { line-height: 30px; font-size: 14px; text-indent: 2em; display: inline-block; }

.samplePanel { width: 400px; height: 250px; border: 1px solid #ccc; background-color: #FFFFEC; border-radius: 5px; }
.samplePanel p { text-indent: 2em; font-size: 12px; line-height: 25px; color: #977014; }
.samplePanel span { text-indent: 2em; font-size: 12px; line-height: 30px; color: #977014; }

.mutiline .outerDrp, .mutiText .outerDrp { display: inline-block; vertical-align: middle; }
.mutiline p, .mutiline span { line-height: 40px; font-size: 14px; text-indent: 0; margin-top: 10px; width: 160px; }

#picker1, #pickerFolder, .pickerBtn { display: inline-block; line-height: 1.428571429; vertical-align: middle; margin: 5px 5px 0 5px; }
.mutiline #picker .webuploader-pick, .mutiText #picker .webuploader-pick, #pickerFolder .webuploader-pick, #picker1 .webuploader-pick, .foldUploadIcon .webuploader-pick, #pickerExl .webuploader-pick, .pickerBtn .webuploader-pick { color: #0188fb; background: linear-gradient(to bottom,#F9F9F9 0,#efefef 100%); border: 1px solid #999; padding: 5px 15px; margin-left: -5px; }
.mutiline #picker .webuploader-pick-hover, .mutiText #picker .webuploader-pick-hover, #pickerFolder .webuploader-pick-hover, #picker1 .webuploader-pick-hover, #pickerExl .webuploader-pick-hover, .foldUploadIcon .webuploader-pick:hover, .pickerBtn .webuploader-pick-hover { background: #0188fb; color: #fff; border: 1px solid #0188fb }

.mainMap .on, .mapControl .on { box-shadow: 0px 0px 8px #BB5500; background-color: #8FBC8F; }
.mainMap .selectedPoly, .mapControl .selectedPoly { position: absolute; right: 115px; top: 13px; width: 80px; }
.mainMap .mapToolBox { position: absolute; bottom: 10px; right: 5px; }
.mainMap .mapToolBox .outer { margin: 3px; }
.mainMap .mapToolBox .tool { padding: 5px; width: 25px; height: 25px; text-align: center; margin: -1px -1px -1px 0; cursor: pointer; color: #fff; vertical-align: middle; display: table-cell; background-color: #b5b5b5; }
.mainMap .mapToolBox .tool:hover { background-color: #e2498c; }
.mainMap .mapToolBox .tool.active { background-color: #D4005D; }

.mapSearchTool { position: absolute; right: 50px; top: 10px; float: right; }
.mapSearchTool .mapSearch { border: 1px solid #2F4F4F; border-radius: 5px; margin-right: 5px; height: 25px; background-color: #fff; }
.mapSearchTool .icon-search { top: -1px; height: 25px; }
.mapSearchTool input[type="text"] { width: 80px; text-align: center; height: 25px; border: none; border-radius: 4px; font-size: 14px; }

.shpImport #polyIdCon { position: absolute; top: 65px; left: 40px; background-color: #dadada; width: auto; padding: 4px 20px; }
.shpImport #polyIdCon p { font-size: 13px; margin: 3px 0; display: inline-block; }
.shpImport #polyIdCon .item { margin-bottom: 10px; }
.shpImport #polyIdCon .item .title .switch { display: inline-block; vertical-align: middle; width: 160px; margin-left: 20px; }
.shpImport #polyIdCon .item .prjFileName { color: blue; width: auto; margin-right: 10px; max-width: 200px; overflow: hidden; }
.shpImport #polyIdCon .item .radio { margin-left: 10px; cursor: pointer; }
.shpImport #polyIdCon .options { margin-left: 20px; }
.shpImport #polyIdCon .options #prjFileName { color: #b3461d; display: inline-block; width: 150px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.popbox { position: fixed; z-index: 1229; display: none; max-width: 300px; font-size: 14px; -webkit-box-shadow: 0 2px 8px rgb(0 0 0 / 20%); box-shadow: 0 2px 8px rgb(0 0 0 / 20%); outline: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; /*color: #fff;*/ }
.popbox ul.popbox-step { padding: 0 !important; margin: 0 !important; background-color: #fff; border: 1px solid #eeece8; webkit-box-shadow: 0 2px 8px rgb(0 0 0 / 20%); box-shadow: 0 2px 8px rgb(0 0 0 / 20%); }
.popbox ul li { margin: 0; width: auto !important; }

.popbox ul { padding: 0; list-style-type: none; }
.popbox .popmenu { position: absolute; margin-top: 5px; font-size: 24px; margin-left: 8px; }
.popbox .icondelete { background-position: -96px 0; }
.popbox .iconview { background-position: -128px 0; }
.popbox .iconedit { background-position: -160px 0; }
.popbox .iconRender { background-position: -191px 0; }
.popbox .text { display: inline-block; min-width: 100px; height: 35px; padding: 0 2px; margin-left: 50px; line-height: 35px; }
.popbox-menu { margin: -13px -12px -13px -12px !important; }
.popbox-menu li { margin: 5px; border: solid 1px transparent; position: relative; cursor: pointer; color: #000; }
.popbox-menu li:hover { background-color: #eaf2ff; border-radius: 5px; }
.popbox-menu li > a { display: block; cursor: pointer; color: #484744; padding: 10px 14px; line-height: 20px; font-size: 13px; text-decoration: none; }
.popbox-header { background-color: #a8acb9; height: 35px; }
.popbox-header h3 { font-size: 16px; line-height: 35px; text-align: center; color: #f9f9f9; }
.popbox-body { position: relative; padding: 12px; }
.popbox-body .explain p { font-family: Calibri; font-size: 16px; font-style: oblique; margin-bottom: 12px; line-height: 18px; }

.popShapeTip { }
.popShapeTip .shpInfoRow { line-height: 30px; }
.popShapeTip .shpInfoRow .shpInfoLabel { font-size: 12px; margin-right: 5px; display: inline-block; line-height: 30px; }
.popShapeTip .shpInfoRow .shpInfoValue { font-size: 12px; font-weight: bold; display: inline-block; line-height: 30px; float: right; }

.tipInfo { color: #977014 !important; border: 1px solid #ccc; border-radius: 3px; background-color: #FFFFcc; text-indent: 10px; margin: 10px; padding: 5px; }


/*通用颜色*/
.col_buffYellow { color: #fdf4bf; }
.back_buffYellow { background-color: #fdf4bf; }
.col_paleYellow { color: #ffffbf; }
.back_paleYellow { background-color: #ffffbf; }
.col_brightYellow { color: #cddc39; }
.back_brightYellow { background-color: #cddc39; }
.col_lakeGreen { color: #196559; }
.back_lakeGreen { background-color: #196559; }
.col_darkGreen { color: #004d40; }
.back_darkGreen { background-color: #004d40; }
.col_tecGreen { color: #2ab9b0; }
.back_tecGreen { background-color: #2ab9b0; }
.col_brightGreen { color: #5bca3a; }
.back_brightGreen { background-color: #5bca3a; }
.col_lightGreen { color: #0aa770; }
.back_lightGreen { background-color: #0aa770; }
.col_grassGreen { color: #126b15; }
.back_grassGreen { background-color: #126b15; }
.col_blue { color: #0188fb; }
.back_blue { background-color: #0188fb; }
.col_lakeBlue { color: #2a8fc3; }
.back_lakeBlue { background-color: #2a8fc3; }
.col_darkBlue { color: #0b2c7a; }
.back_darkBlue { background-color: #0b2c7a; }
.col_purple { color: #7b61ab; }
.back_purple { background-color: #7b61ab; }
.col_lightOrange { color: #e68063; }
.back_lightOrange { background-color: #e68063; }
.col_lightGrey { color: #779ab8; }
.back_lightGrey { background-color: #779ab8; }
.col_grey { color: #607d8b; }
.back_grey { background-color: #607d8b; }
.col_readonly { color: #bdbdbd; }
.back_readonly { background-color: #bdbdbd; }
.col_linkBlue { color: #0188fb; }
.back_linkBlue { background-color: #0188fb; }
.col_red { color: #f90404; }
.back_red { background-color: #f90404; }
.back_mask { background-color: rgba(204,204,204,0.5); }



/*颜色*/
.col_noicon { background-image: none !important }
.col_aboutme { color: #00405d; }
.col_alistapart { color: #222; }
.col_amazon { color: #f90; }
.col_amazonwishlist { color: #f90; }
.col_android { color: #a4c639; }
.col_angellist { color: #000; }
.col_appdotnet { color: #898d90; }
.col_apple { color: #b9bfc1; }
.col_audioboo { color: #ae006e; }
.col_aws { color: #f90; }
.col_bebo { color: #ee1010; }
.col_behance { color: #1769ff; }
.col_bitbucket { color: #205081; }
.col_blip { color: #ff1919; }
.col_blogger { color: #f57d00; }
.col_bootstrap { color: #08c; }
.col_codecademy { color: #08c; }
.col_codepen { color: #231f20; }
.col_codeschool { color: #c68044; }
.col_coderwall { color: #3e8dcc; }
.col_conservatives { color: #0087dc; }
.col_coursera { color: #3a6d8e; }
.col_css3 { color: #0092bf; }
.col_delicious { color: #3274d1; }
.col_designernews { color: #1c52a2; }
.col_deviantart { color: #4b5d50; }
.col_digg { color: #14589e; }
.col_disqus { color: #2e9fff; }
.col_dribbble { color: #ea4c89; }
.col_dropbox { color: #2281cf; }
.col_drupal { color: #0077c0; }
.col_ebay { color: #0064d2; }
.col_email { color: #666; }
.col_envato { color: #528036; }
.col_eventstore { color: #6ba300; }
.col_eventbrite { color: #f3844c; }
.col_evernote { color: #7ac142; }
.col_exfm { color: #0097f8; }
.col_facebook { color: #3b5998; }
.col_fivehundredpx { color: #444; }
.col_flattr { color: #f67c1a; }
.col_flickr { color: #0063db; }
.col_formspring { color: #0076c0; }
.col_forrst { color: #5b9a68; }
.col_foursquare { color: #2398c9; }
.col_geeklist { color: #8cc63e; }
.col_github { color: #4183c4; }
.col_goodreads { color: #5a471b; }
.col_google { color: #245dc1; }
.col_googleplus { color: #d14836; }
.col_govuk { color: #231f20; }
.col_grooveshark { color: #000; }
.col_hackernews { color: #f60; }
.col_heroku { color: #6762a6; }
.col_html5 { color: #f06529; }
.col_imdb { color: #f3ce00; }
.col_instagram { color: #3f729b; }
.col_jsdb { color: #da320b; }
.col_jsfiddle { color: #4679a4; }
.col_jquery { color: #0867ab; }
.col_jqueryui { color: #fea630; }
.col_justgiving { color: #78256d; }
.col_kickstarter { color: #87c442; }
.col_khanacademy { color: #9db63b; }
.col_klout { color: #e24a25; }
.col_lastfm { color: #d51007; }
.col_labour { color: #c41230; }
.col_laravel { color: #fb502b; }
.col_layervault { color: #26ae90; }
.col_letterboxd { color: #2c3641; }
.col_liberaldemocrats { color: #f7b135; }
.col_linkedin { color: #007fb1; }
.col_mediatemple { color: #000; }
.col_mendeley { color: #b61f2f; }
.col_modernizr { color: #d81a76; }
.col_myspace { color: #008dde; }
.col_mysql { color: #007597; }
.col_nationalrail { color: #036; }
.col_newsvine { color: #075b2f; }
.col_office { color: #eb3c00; }
.col_orkut { color: #ed2590; }
.col_outlook { color: #0072c6; }
.col_path { color: #e41f11; }
.col_php { color: #6181b6; }
.col_picasa { color: #4b5d5f; }
.col_pinboard { color: #00f; }
.col_pingup { color: #00b1ab; }
.col_pinterest { color: #cb2027; }
.col_pocket { color: #ef4056; }
.col_posterous { color: #ffdd68; }
.col_protoio { color: #40c8f4; }
.col_quora { color: #a82400; }
.col_rails { color: #a62c39; }
.col_rdio { color: #006ed2; }
.col_readability { color: #870000; }
.col_reddit { color: #ff4500; }
.col_rss { color: #ff8300; }
.col_simpleicons { color: #bf1813; }
.col_skydrive { color: #094ab1; }
.col_skype { color: #00aff0; }
.col_slideshare { color: #099; }
.col_smashingmagazine { color: #e95c33; }
.col_soundcloud { color: #f60; }
.col_spotify { color: #80b719; }
.col_squarespace { color: #000; }
.col_stackexchange { color: #1f5196; }
.col_stackoverflow { color: #f47920; }
.col_stumbleupon { color: #eb4924; }
.col_superuser { color: #2dabe2; }
.col_ted { color: #ff2b06; }
.col_trakt { color: #222; }
.col_treehouse { color: #7fa24c; }
.col_tripadvisor { color: #589442; }
.col_tumblr { color: #2c4762; }
.col_twitch { color: #6441a5; }
.col_twitter { color: #00aced; }
.col_typo3 { color: #ff8700; }
.col_viadeo { color: #f4982b; }
.col_vimeo { color: #4bf; }
.col_vine { color: #00a47a; }
.col_visualstudio { color: #68217a; }
.col_w3c { color: #0066b0; }
.col_wikipedia { color: #000; }
.col_windows { color: #00bdf6; }
.col_wordpress { color: #21759b; }
.col_yahoo { color: #731a8b; }
.col_yelp { color: #c93c27; }
.col_youtube { color: #cd332d; }


/*背景色*/
.bg_aboutme { background-color: #00405d; }
.bg_alistapart { background-color: #222; }
.bg_amazon { background-color: #f90; }
.bg_amazonwishlist { background-color: #f90; }
.bg_android { background-color: #a4c639; }
.bg_angellist { background-color: #000; }
.bg_appdotnet { background-color: #898d90; }
.bg_apple { background-color: #b9bfc1; }
.bg_audioboo { background-color: #ae006e; }
.bg_aws { background-color: #f90; }
.bg_bebo { background-color: #ee1010; }
.bg_behance { background-color: #1769ff; }
.bg_bitbucket { background-color: #205081; }
.bg_blip { background-color: #ff1919; }
.bg_blogger { background-color: #f57d00; }
.bg_bootstrap { background-color: #08c; }
.bg_codecademy { background-color: #08c; }
.bg_codepen { background-color: #231f20; }
.bg_codeschool { background-color: #c68044; }
.bg_coderwall { background-color: #3e8dcc; }
.bg_conservatives { background-color: #0087dc; }
.bg_coursera { background-color: #3a6d8e; }
.bg_css3 { background-color: #0092bf; }
.bg_delicious { background-color: #3274d1; }
.bg_designernews { background-color: #1c52a2; }
.bg_deviantart { background-color: #4b5d50; }
.bg_digg { background-color: #14589e; }
.bg_disqus { background-color: #2e9fff; }
.bg_dribbble { background-color: #ea4c89; }
.bg_dropbox { background-color: #2281cf; }
.bg_drupal { background-color: #0077c0; }
.bg_ebay { background-color: #0064d2; }
.bg_email { background-color: #666; }
.bg_envato { background-color: #528036; }
.bg_eventstore { background-color: #6ba300; }
.bg_eventbrite { background-color: #f3844c; }
.bg_evernote { background-color: #7ac142; }
.bg_exfm { background-color: #0097f8; }
.bg_facebook { background-color: #3b5998; }
.bg_fivehundredpx { background-color: #444; }
.bg_flattr { background-color: #f67c1a; }
.bg_flickr { background-color: #0063db; }
.bg_formspring { background-color: #0076c0; }
.bg_forrst { background-color: #5b9a68; }
.bg_foursquare { background-color: #2398c9; }
.bg_geeklist { background-color: #8cc63e; }
.bg_github { background-color: #4183c4; }
.bg_goodreads { background-color: #5a471b; }
.bg_google { background-color: #245dc1; }
.bg_googleplus { background-color: #d14836; }
.bg_govuk { background-color: #231f20; }
.bg_grooveshark { background-color: #000; }
.bg_hackernews { background-color: #f60; }
.bg_heroku { background-color: #6762a6; }
.bg_html5 { background-color: #f06529; }
.bg_imdb { background-color: #f3ce00; }
.bg_instagram { background-color: #3f729b; }
.bg_jsdb { background-color: #da320b; }
.bg_jsfiddle { background-color: #4679a4; }
.bg_jquery { background-color: #0867ab; }
.bg_jqueryui { background-color: #fea630; }
.bg_justgiving { background-color: #78256d; }
.bg_kickstarter { background-color: #87c442; }
.bg_khanacademy { background-color: #9db63b; }
.bg_klout { background-color: #e24a25; }
.bg_lastfm { background-color: #d51007; }
.bg_labour { background-color: #c41230; }
.bg_laravel { background-color: #fb502b; }
.bg_layervault { background-color: #26ae90; }
.bg_letterboxd { background-color: #2c3641; }
.bg_liberaldemocrats { background-color: #f7b135; }
.bg_linkedin { background-color: #007fb1; }
.bg_mediatemple { background-color: #000; }
.bg_mendeley { background-color: #b61f2f; }
.bg_modernizr { background-color: #d81a76; }
.bg_myspace { background-color: #008dde; }
.bg_mysql { background-color: #007597; }
.bg_nationalrail { background-color: #036; }
.bg_newsvine { background-color: #075b2f; }
.bg_office { background-color: #eb3c00; }
.bg_orkut { background-color: #ed2590; }
.bg_outlook { background-color: #0072c6; }
.bg_path { background-color: #e41f11; }
.bg_php { background-color: #6181b6; }
.bg_picasa { background-color: #4b5d5f; }
.bg_pinboard { background-color: #00f; }
.bg_pingup { background-color: #00b1ab; }
.bg_pinterest { background-color: #cb2027; }
.bg_pocket { background-color: #ef4056; }
.bg_posterous { background-color: #ffdd68; }
.bg_protoio { background-color: #40c8f4; }
.bg_quora { background-color: #a82400; }
.bg_rails { background-color: #a62c39; }
.bg_rdio { background-color: #006ed2; }
.bg_readability { background-color: #870000; }
.bg_reddit { background-color: #ff4500; }
.bg_rss { background-color: #ff8300; }
.bg_simpleicons { background-color: #bf1813; }
.bg_skydrive { background-color: #094ab1; }
.bg_skype { background-color: #00aff0; }
.bg_slideshare { background-color: #099; }
.bg_smashingmagazine { background-color: #e95c33; }
.bg_soundcloud { background-color: #f60; }
.bg_spotify { background-color: #80b719; }
.bg_squarespace { background-color: #000; }
.bg_stackexchange { background-color: #1f5196; }
.bg_stackoverflow { background-color: #f47920; }
.bg_stumbleupon { background-color: #eb4924; }
.bg_superuser { background-color: #2dabe2; }
.bg_ted { background-color: #ff2b06; }
.bg_trakt { background-color: #222; }
.bg_treehouse { background-color: #7fa24c; }
.bg_tripadvisor { background-color: #589442; }
.bg_tumblr { background-color: #2c4762; }
.bg_twitch { background-color: #6441a5; }
.bg_twitter { background-color: #00aced; }
.bg_typo3 { background-color: #ff8700; }
.bg_viadeo { background-color: #f4982b; }
.bg_vimeo { background-color: #4bf; }
.bg_vine { background-color: #00a47a; }
.bg_visualstudio { background-color: #68217a; }
.bg_w3c { background-color: #0066b0; }
.bg_wikipedia { background-color: #000; }
.bg_windows { background-color: #00bdf6; }
.bg_wordpress { background-color: #21759b; }
.bg_yahoo { background-color: #731a8b; }
.bg_yelp { background-color: #c93c27; }
.bg_youtube { background-color: #cd332d; }

.c_green { color: #009e3c; }
.c_yellow { color: #F29301; }
.c_pink { color: #D50050; }
.c_orange { color: #E75420; }
.c_cyan { color: #00A498; }
.c_wine { color: #D4005D; }
.c_blue { color: #0091D8; }
.c_red { color: #CC0000; }
.c_darkgreen { color: #217346; }
.c_darkblue { color: #2B5695; }
.c_purple { color: #993300; }
.c_gray { color: #333; }
.c_delred { color: #eb4f38; }
.c_black { color: #404040; }

.bg_graywhite { background-color: #fefefe; }
.bg_silver { background: linear-gradient(to bottom,#F9F9F9 0,#efefef 100%); }
.bg_gray { background-color: #333; }
.bg_green { background-color: #019C3C; }
.bg_yellow { background-color: #F29301; }
.bg_pink { background-color: #D50050; }
.bg_orange { background-color: #E75420; }
.bg_cyan { background-color: #00A498; }
.bg_wine { background-color: #D4005D; }
.bg_blue { background-color: #0188fb; }
.bg_red { background-color: #CC0000; }
.bg_darkgreen { background-color: #217346; }
.bg_darkorange { background-color: #EB3C00; }
.bg_darkblue { background-color: #2B5695; }
.bg_darkred { background-color: #ba141a; }
.bg_lightgreen { background-color: #019C3C; }
.bg_m_red { background-color: #F65314; }
.bg_m_green { background-color: #7CBB00; }
.bg_m_blue { background-color: #00A1F1; }
.bg_m_yellow { background-color: #FFBB00; }
.bg_purple { background-color: #993300; }
.bg_accessPurple { background-color: #a3393b; }
.bg_l_purple { background-color: #9177BF; }


.xlsFileIcon, .xlsxFileIcon { width: 90px; height: 90px; background: url(/Img/Global/ExtensionIcon/xls.png); background-size: 90px 90px; }
.txtFileIcon { width: 90px; height: 90px; background: url(/Img/Global/ExtensionIcon/txt.png); background-size: 90px 90px; }
.zipFileIcon { width: 90px; height: 90px; background: url(/Img/Global/ExtensionIcon/zip.png); background-size: 90px 90px; }
.accessFileIcon, .mdbFileIcon { width: 90px; height: 90px; background: url(/Img/Global/ExtensionIcon/accdb.png); background-size: 90px 90px; }
.docFileIcon { width: 90px; height: 90px; background: url(/Img/Global/ExtensionIcon/doc.png); background-size: 90px 90px; }
.docxFileIcon { width: 90px; height: 90px; background: url(/Img/Global/ExtensionIcon/docx.png); background-size: 90px 90px; }
.csvFileIcon { width: 90px; height: 90px; background: url(/Img/Global/ExtensionIcon/csv.png); background-size: 90px 90px; }
.FileIcon { width: 80px; height: 95px; background-position: -375px -405px; margin: auto; }


/*首页*/
.loginIn { position: absolute; left: 0; right: 0; top: 0; bottom: 0; min-height: 585px; }
.loginIn .explain p { font-style: normal; }
.bcImg { position: absolute; left: 0; top: 0; bottom: 0; background-repeat: no-repeat; background-size: calc(100% - 550px) 100%; background-attachment: fixed; width: calc(100% - 550px); height: 100%; background-position: left; }
.bcImg .memo { color: #fff; font-size: 16px; position: absolute; left: 10%; right: 10%; bottom: 20%; text-shadow: 1px 1px 1px #000; line-height: 25px; }
.bcImg.main { background-image: url(/Img/Global/Edition/loginNew.jpg?VER=2.28); }
.bcImg .backImg { position: absolute; left: 0; top: -50px; width: 200px; height: 250px; background-image: url(/Img/Global/Edition/aiTree_tree.png?VER=2.27); background-repeat: no-repeat; background-size: contain; }
.bcImg .logoImg { position: absolute; left: 20%; top: 165px; width: 45%; height: 16%; background-image: url(/Img/Global/Edition/aitreeLogo.png?VER=2.27); background-repeat: no-repeat; background-size: contain; }
.bcImg .content { position: absolute; left: 8%; right: 10px; bottom: 170px; height: auto; overflow: hidden; }
.bcImg .content p { font-size: 35px; font-weight: bold; color: #8eeb5e; margin-bottom: 30px; cursor: pointer; text-shadow: 2px 2px 2px #181717; }

.bcImg.gep { background-image: url(/Img/Global/Edition/gepbg.jpg?VER=2.27); }
.bcImg.wps { background-image: url(/Img/Global/Edition/wpsbg.jpg?VER=2.27); }
.bcImg.carbon { background-image: url(/Img/Global/Edition/carbonbg.jpg?VER=2.27); }
.bcImg.timber { background-image: url(/Img/Global/Edition/Timbg.jpg?VER=2.27); }
.bcImg.red { background-image: url(/Img/Global/Edition/redbg.jpg?VER=2.27); }
.bcImg.sim { background-image: url(/Img/Global/Edition/loginbg.jpg?VER=2.27); }
.bcImg.agr { background-image: url(/Img/Global/Edition/agribg.jpg?VER=2.27); }
.bcImg.qingan { background-image: url(/Img/Global/Edition/loginbg.jpg?VER=2.27); }
.bcImg.land { background-image: url(/Img/Global/Edition/gepbg.jpg?VER=2.27); }
.bcImg.pcvm { background-image: url(/Img/Global/Edition/pcvmbg.jpg?VER=2.27); }
.bcImg.landscape { background-image: url(/Img/Global/Edition/landspace.jpg); }
.bcImg.forest { background-image: url(/Img/Global/Edition/forest.jpg?VER=2.27); }
.bcImg.resource { background-image: url('/Img/Global/Edition/resource.jpg'); }
.bcImg.wyd { background-image: url(/Img/Global/Edition/loginbg.jpg?VER=2.27); }
.bcImg.jl { background-image: url(/Img/Global/Edition/loginbg.jpg?VER=2.27); }
.bcImg.yaxi { background-image: url(/Img/Global/Edition/loginbg.jpg?VER=2.27); }
.bcImg.aiforest { background-image: url(/Img/Global/Edition/aiforestbg.jpg?VER=2.27); }
.bcImg.aireserve { background-image: url(/Img/Global/Edition/aireservebg.jpg?VER=2.27); }
.bcImg.curve { background-image: url(/Img/Global/Edition/aiforestbg.jpg?VER=2.27); }

.login-side .login { margin-top: 80px; }
.login-side #btnLogin { margin: 10px 0 0 130px; font-size: 18px; border: 0; width: 310px; height: 35px; background-color: #007130; color: #fff; cursor: pointer; transition: 2s; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.login-side #btnLogin:hover { background-color: #0AA770; }
.login-side .reference { margin: 20px 0 35px 135px; display: block; height: 32px; width: 310px; z-index: 20; }
.login-side .reference .item { float: left; margin-right: 22px; }
.login-side .reference .platLink { height: 25px; float: right; padding-top: 3px; margin-right: 0px; position: absolute; text-decoration: underline; cursor: pointer; font-size: 15px; font-weight: bold; left: 380px; margin-top: -3px; }
.login-side .reference a { color: #000; text-decoration: underline; font-size: 15px; font-weight: bold; cursor: pointer; float: left; }
.login-side .reference a:hover { color: #018834; }
.login-side .reference .more { width: auto; margin-top: 40px; height: 30px; margin-left: 27%; border: 1px solid #ccc; padding-right: 3px; position: absolute; }
.login-side .reference .more a { margin-left: 6px; margin-right: 2px; line-height: 30px; font-size: 13px; color: #018834; font-weight: initial; }
.login-side .reference .mark { float: right; border-left: 10px solid transparent; border-bottom: 16px solid #ccc; border-right: 10px solid transparent; margin-top: 24px; margin-right: 20px; }

.login-side .account { margin: 0 0 35px 130px; display: block; height: 32px; width: 310px; z-index: 20; }
.login-side .account label { margin: 7px; width: 24px; height: 24px; display: block; position: absolute; z-index: 21; }
.login-side .account input { display: block; background: #cce8cf; height: 25px; border: 1px solid #ccc; font-size: 14px; position: relative; width: 260px; padding: 5px 10px 5px 38px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: text; }
.login-side .account .tip { color: red; margin-top: 7px; display: none; }
.login-side .account .userNameBtn { margin-left: 290px; margin-top: 10px; font-size: 16px; cursor: pointer; color: red; }
.login-side .account .passwordBtn { margin-left: 290px; margin-top: 10px; font-size: 16px; cursor: pointer; color: red; }

.login-side .otherCompany { position: absolute; bottom: 140px; left: 20px; right: 20px; text-align: center; }
.login-side .otherCompany p { font-size: 16px; margin-bottom: 10px; }

.login-side .changeLanguageBtn { bottom: 105px; }
.login-side .versionNo { font-size: 15px; color: #2983ac; width: 310px; margin: 20px auto 0 auto; text-align: right; }

.recordCode { width: calc(100% - 550px); color: #fff; position: absolute; text-align: center; bottom: 5px; z-index: 1; overflow: hidden; }
.recordCode a { text-decoration: none; }

.login-side { background: #fff; background-repeat: no-repeat; background-size: 25%; position: absolute; width: 30%; min-width: 550px; top: 0; right: 0; bottom: 0; min-height: 585px; }
.login-side .title { margin-top: 100px; }
.login-side .title div { margin-right: auto; margin-left: auto; height: 90px; background-repeat: no-repeat; }
/*.login-side.aitree { background-color: #081830; }*/
.login-side.aitree .title { margin-top: 220px; }
.login-side.aitree .reference a { color: #5cb86d; }

.login-side #changeLan { cursor: pointer; text-decoration: underline; text-align: right; margin-top: 20px; margin-right: 20px; color: #555; font-size: 16px; font-weight: bold; }

.login-side .sponsor { position: absolute; bottom: 15px; left: 20px; right: 20px; border-top: 1px solid #333; padding-top: 15px; padding-left: 0px; }
.login-side .sponsor .fsosWeb p { margin-left: 10px; }
.login-side .sponsor .fsosWeb .companyImg { width: 180px; margin-bottom: 10px; }
.login-side .sponsor p { width: 100%; font-size: 16px; margin-bottom: 8px; text-align: center; }
.login-side .sponsor p a { font-size: 16px; color: #018834; }
.login-side .sponsor .icon { width: 20px; height: 20px; display: inline-block; margin-bottom: -5px; }
.login-side .sponsor .icon.jialinIcon { background: url(/Img/Global/Edition/jialin.jpg) no-repeat; }
.login-side .sponsor .icon.orgIcon { background: url(/Img/Global/Edition/forestry.jpg) no-repeat; }
.login-side .sponsor .icon.apfnIcon { background: url(/Img/Global/Edition/APFNet.jpg) no-repeat; }
.login-side .sponsor .icon.jilinIcon { background: url(/Img/Global/Edition/station.jpg) no-repeat; }
.login-side.aitree .sponsor { border-color: #959494; color: #000; background: url(/Img/Global/Edition/login_bg.png) no-repeat center; }
.login-side.aitree .sponsor p { text-align: left; }
.login-side.aitree .sponsor p#chromeWeb { text-align: right; }
.login-side.aitree #changeLan { color: #5cb86d; }



.paramSetDialog { width: 440px; height: auto; }
.paramSetDialog #dataCon { padding: 20px; }
.paramSetDialog .paramTitle { padding-bottom: 10px; font-weight: bold; }
.paramSetDialog #files { width: 400px; }
.paramSetDialog li { float: none; }
.paramSetDialog li input[type=text] { width: 240px; cursor: text; }
.paramSetDialog li input[type=text]:disabled { cursor: not-allowed; }
.paramSetDialog .paramTitle label { font-size: 20px; }
.paramSetDialog .title { width: 140px; }
.paramSetDialog .param { display: none; }
.paramSetDialog .e-drop-listBox { position: fixed; }
.paramSetDialog .e-drop-listItem { border-bottom: none; }
.paramSetDialog #attachFile { width: 50px; height: 20px; }
.paramSetDialog #fileContainer { height: 120px; position: relative; border: 1px solid #ccc; padding: 10px; overflow-y: auto; }
.paramSetDialog #fileContainer .item { border-bottom: 1px solid #ccc; }
.paramSetDialog #fileContainer .item:hover { background-color: #f0f9e7; }
.paramSetDialog #fileContainer input[type=checkbox] { cursor: pointer; width: 20px; height: 20px; vertical-align: middle; display: inline-block; margin-left: 5px; }
.paramSetDialog #fileContainer .fileName { margin: 0 10px; line-height: 30px; vertical-align: middle; cursor: default; display: inline-block; width: 255px; }
.paramSetDialog #fileContainer .iconDelete { display: inline-block; vertical-align: middle; }
.paramSetDialog #fileContainer .icon-cancle { font-size: 20px; color: red; cursor: pointer; }

.pos_abs { position: absolute; left: 0; right: 0; bottom: 0; top: 0; }
#tableSelector .tableDrp { margin-left: 15px; }

.dialogSearch .colName .chosen-container { width: 115px !important; margin-left: -2px; }
.dialogSearch .value .chosen-container { width: 105px !important; }

.muti_editPanel { }
.muti_editPanel ul { clear: both; padding: 0; margin: 3px 0; list-style: none; }
.muti_editPanel ul .block { display: inline-block; }
.muti_editPanel ul.empty { height: 10px; }
.muti_editPanel li { text-align: left; float: left; min-height: 40px; line-height: 40px; margin: 5px 0 5px 0; font-size: 12px; color: #000; }
.muti_editPanel input[type="text"] { height: 20px; padding: 5px; width: 30%; border: 1px solid #D9D9D9; color: #000; /*border-radius: 3px;*/ }
.muti_editPanel input[type="password"] { height: 25px; padding: 5px; width: 30%; border: 1px solid #999; color: #000; border-radius: 3px; }
.muti_editPanel textarea { width: 60%; height: 100px; padding: 5px; border: 1px solid #D9D9D9; color: #000; /*border-radius: 3px;*/ cursor: text; }
.muti_editPanel textarea:read-only { cursor: default; background-color: #f1f1f1; }
.muti_editPanel input[type="text"]:focus, .muti_editPanel input[type="password"]:focus, .muti_editPanel textarea:focus { border: 1px solid #14a85d; color: #14a85d; outline: none; box-shadow: 0 0 5px 0 #14a85d; }
.muti_editPanel .bewrite { min-height: 20px; line-height: 20px; margin: -5px 0 10px 0; font-size: 12px; color: #888; font-style: italic; }
.moduleStepBar .navModuleItem { position: relative; height: 80px; cursor: pointer; text-align: left; text-indent: 8px; }
.moduleStepBar .navModuleItem:hover { background-color: rgb(228,243,227); color: #009688; }
.moduleStepBar .navModuleItem.active { background-color: #68d099; box-shadow: inset -4px 0 0 0 #ff9900; color: #fff; cursor: default; }
.moduleStepBar .navModuleItem.active:hover { background-color: #68d099; }
.moduleStepBar .navModuleItem .moduleIcon { font-size: 24px; color: rgb(37, 94, 145); display: inline-block; vertical-align: middle; color: #009688; }
.moduleStepBar .navModuleItem .moduleName { text-align: center; display: inline-block; line-height: 80px; vertical-align: middle; color: #009688; font-size: 16px; }
.moduleStepBar .navModuleItem.disable { cursor: not-allowed; }
.moduleStepBar .navModuleItem.active .moduleIcon { color: #fff; }
.moduleStepBar .navModuleItem.active .moduleName { color: #fff; }
.moduleStepBar .navModuleItem.disable .moduleIcon { color: #ccc; }
.moduleStepBar .navModuleItem.disable .moduleName { color: #ccc; font-weight: normal; }

.tipInfoWord { border: 1px solid #ccc; border-radius: 3px; background-color: #FFFFcc; color: #977014; text-indent: 10px; margin: 5px 0; padding: 0 5px; line-height: 25px; text-align: left; height: auto; }
.tipInfoWord span { margin-right: 5px; font-weight: bold; color: #977014; line-height: 25px; }

.errInfoWord { color: red; border: 1px solid #fbb0b0; border-radius: 3px; background-color: #fff6e9; text-indent: 10px; margin: 5px 0; padding: 3px; height: 30px; text-align: left; height: auto; }
.errInfoWord span { margin-bottom: 5px; text-indent: 0; }
.errInfoWord span:before { content: "\e72c"; font-size: 16px; vertical-align: middle; margin-right: 3px; }
.errInfoWord p { line-height: 20px; }

.animate-tip-icon { -webkit-animation: tip-icon 1s linear infinite; animation: tip-icon 1s linear infinite; }

@keyframes tip-icon {
    25% { margin-top: 5px; }
    50%, 100% { margin-top: 3px; }
    75% { margin-top: 1px; }
}

@-webkit-keyframes tip-icon /*Safari and Chrome*/
{
    25% { margin-top: 5px; }
    50%, 100% { margin-top: 3px; }
    75% { margin-top: 1px; }
}

/*图片*/
.globalBG { background-image: url(/Img/Global/Edition/back.png?v=1.2); }
.iconUserName { background-position: -21px -407px; }
.iconPassword { background-position: -21px -430px; }
.iconCloud { background-position: -120px -10px; width: 33px; height: 20px; display: inline-block; vertical-align: middle; }



@media screen and (max-height: 700px) {
    .loginIn .bcImg .logoImg { top: 10px; }
    .loginIn .bcImg .content { top: 150px; }
    .loginIn .bcImg .content p { font-size: 25px; }
    .login-side .login { margin-top: 40px; }
    .login-side .title { margin-top: 60px; }
    .login-side.aitree .login { margin-top: 40px; }
    .login-side.aitree .title { margin-top: 60px; }
    .login-side .account { margin: 0 0 20px 130px; }
    .login-side .account .tip { margin-top: 0px; }
}
/*笔记本屏幕的高度*/
@media screen and (max-height: 800px) {
    .loginIn .bcImg .logoImg { top: 50px; }
    .loginIn .bcImg .content { top: 200px; }
    .loginIn .bcImg .content p { font-size: 25px; }
    .login-side.aitree .title { margin-top: 40px; }
    .login-side .tip { margin: -30px 0 0 110px; font-size: 12px; }
    .login-side .sponsor { bottom: 10px; }
    .login-side .sponsor p { font-size: 13px; }
    .login-side .sponsor p a { font-size: 13px; }
    .login-side .sponsor p span { font-size: 13px; text-align: left; }

    .login-side .otherCompany { bottom: 120px; }
    .login-side .otherCompany p { font-size: 13px; }

    .login-side .changeLanguageBtn { bottom: 100px; }

    .mainContent { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: auto; }
    .projectInfo .summary { width: 300px; height: 530px; }
    .projectInfo .summary .moduleList .tile { width: 120px; height: 120px; }
    .projectInfo .summary .moduleList .tile:last-child { width: 245px; height: 140px; background-position: right; }
    .projectInfo .summary .moduleList .tile .text { font-size: 12px; }
    .projectInfo .summary .moduleList .tile .tileIcon { top: 45px; left: 45px; }

    .secondView { left: 40px; }
    .projectInfo .projectFlow { height: 600px; }
    .projectInfo .stepChart .bar { top: 35px; height: 445px; }
    .projectInfo .stepChart .step1 { top: 25px; }
    .projectInfo .stepChart .step2 { top: 110px; }
    .projectInfo .stepChart .step3 { top: 200px; }
    .projectInfo .stepChart .step4 { top: 290px; }
    .projectInfo .stepChart .step5 { top: 375px; }
    .projectInfo .stepChart .step6 { top: 465px; }
    .projectInfo .stepChart .text { top: 0px; }
    .projectInfo .stepChart .num1 { top: 25px; }
    .projectInfo .stepChart .num2 { top: 110px; }
    .projectInfo .stepChart .num3 { top: 200px; }
    .projectInfo .stepChart .num4 { top: 290px; }
    .projectInfo .stepChart .num5 { top: 375px; }
    .projectInfo .stepChart .num6 { top: 465px; }

    .projectInfo .stepList { position: absolute; left: 100px; top: 0; width: 400px; bottom: 30px; }
    .projectInfo .stepList .step { position: relative; width: 400px; height: 82px; margin-bottom: 5px; }
    .projectInfo .stepList .step .tile { width: 82px; height: 82px; cursor: pointer; color: #fff; font-size: 30px; transition: all 0.3s ease-in; }
    .projectInfo .stepList .step .box { position: absolute; width: 82px; height: 82px; left: 0px; top: 0px; opacity: 0.9; filter: alpha(opacity=90); }
    .projectInfo .stepList .step .box:hover { opacity: 1; filter: alpha(opacity=100); }

    .projectInfo .stepList .step .icon-import:before { margin-left: 25px; padding-top: 20px; }
    .projectInfo .stepList .step .icon-stand:before { margin-left: 25px; padding-top: 20px; }
    .projectInfo .stepList .step .icon-layer:before { margin-left: 25px; padding-top: 20px; }
    .projectInfo .stepList .step .icon-tree:before { margin-left: 25px; padding-top: 20px; }
    .projectInfo .stepList .step .icon-roadM:before { margin-left: 25px; padding-top: 20px; }
    .projectInfo .stepList .step .icon-reportM:before { margin-left: 25px; padding-top: 20px; }
    .projectInfo .stepList .step .icon-jicai:before { margin-left: 22px; padding-top: 20px; }
    .moduleHeader .title { font: 30px Microsoft Yahei UI,Microsoft Yahei; color: #009e3c; line-height: 50px; cursor: default; }

    .mutiText .province { line-height: 20px; }
}

@media screen and (max-height: 830px) {
    .loginIn .bcImg .logoImg { top: 50px; }
    .loginIn .bcImg .content { top: 190px; left: 10%; }
    .loginIn .bcImg .content p { font-size: 20px; }
    .login-side.aitree .title { margin-top: 60px; }
    .login-side .reference .platLink { right: 80px; }
    .a { padding-top: 8.8px; padding-left: 10px; }
    .b { padding-top: 8.9px; padding-left: 8px; }

    .project .noPrjIntroduce .wordBold { font-size: 20px; }
    .project .noPrjIntroduce p { font-size: 20px; line-height: 30px; }
}

@media screen and (max-width: 870px) {
    .loginIn .bcImg .content p { font-size: 25px; }
    .login-side .title { margin-top: 60px; }
    .roadPlan .settings .s_name { width: 135px; }
}

@media screen and (max-width: 1024px) {
    .loginIn .bcImg .content p { font-size: 30px; }
    .polygonBlock .diagramTool { display: none; }
    .polygonBlock .fieldTile { width: 220px; margin: 0; }
    .polygonBlock .fieldName { top: 20px; left: 10px; }
    .polygonBlock .fieldDrop { top: 270px; left: 10px; }
    .polygonBlock .fieldIntroduction { top: 310px; left: 10px; }
    .polygonBlock .diagramField { top: 51px; left: 10px; }

    .importForest .diagram { display: none; }

    .polygonAdjacency .diagram { display: none; }

    .moduleMainPanel .moduleInfoPanel .moduleItem .moduleTools .toolButton label { display: none; }
}

@media screen and (max-width: 1280px) {
    .loginIn .bcImg .content p { font-size: 30px; }
    .viewReport .workarea .chartContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
    .viewReport .workarea .tableContainer { position: absolute; top: 0; width: 250px; bottom: 0; right: -300px; border: 1px solid #ccc; }
}

@media screen and (max-width: 1330px) {
    .loginIn .bcImg .content p { font-size: 30px; }
    .roadPlan .page .gridArea { position: absolute; top: 125px; left: 10px; right: 10px; bottom: 10px; }
    .roadPlan .page .ctrlArea { height: 120px; width: 400px; }

    .pnlInfo .mapIcon { width: 20px; height: 20px; font-size: 23px; }
    .pnlInfo .btnShowLayer { right: 2px; }
    .pnlInfo .btnShowInfo { right: 42px; }
    .pnlInfo .btnRanderInfo { right: 82px; }
}


/*@font-face { font-family: 'iconfont'; src: url('iconfont.eot?t=115520016'); src: url('iconfont.eot?t=115520016') format('embedded-opentype'), url('iconfont.woff?t=115520016') format('woff'), url('iconfont.ttf?t=115520016') format('truetype'), url('iconfont.svg?t=115520016') format('svg'); }*/
@font-face { font-family: 'iconfont'; /* Project id 398141 */ src: url('//at.alicdn.com/t/c/font_398141_ds2h4kv3r1v.woff2?t=1668477864141') format('woff2'), url('//at.alicdn.com/t/c/font_398141_ds2h4kv3r1v.woff?t=1668477864141') format('woff'), url('//at.alicdn.com/t/c/font_398141_ds2h4kv3r1v.ttf?t=1668477864141') format('truetype'); }

.iconfont { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-helpDoc:before { content: "\e742"; }
.icon-book:before { content: "\e726"; }
.icon-max:before { content: "\e609"; }
.icon-min:before { content: "\e650"; }
.icon-search:before { content: "\e69f"; }
.icon-batchEdit:before { content: "\e6a0"; }
.icon-refreshData:before { content: "\e6a4"; }
.icon-modify:before { content: "\ec7c"; }
.icon-lock:before { content: "\e778"; }
.icon-approval:before { content: "\e77a"; }
.icon-maxWin:before { content: "\e77d"; }
.icon-unpulish:before { content: "\e77c"; }
.icon-pulished:before { content: "\ec46"; }

.icon-save:before { content: "\e621"; }
.icon-yidong:before { content: "\e6c4"; }
/* √ */
.icon-saveIcon:before { content: "\e656"; }
/* 保存图标 */
.icon-saveItem:before { content: "\e71b"; }
/* 保存图标+圈 */
.icon-giveup:before { content: "\e627"; }
.icon-tbedit:before { content: "\e648"; }
.icon-create:before { content: "\e704"; }
.icon-createVer:before { content: "\e704"; vertical-align: middle; }
.icon-delete:before { content: "\e60c"; }
.icon-trash:before { content: "\e6ba"; }
.icon-curveWizard:before { content: "\e6ac"; }
.icon-drawing:before { content: "\e602"; }
.icon-prev:before { content: "\e716"; }
.icon-next:before { content: "\e717"; }
.icon-cancle:before { content: "\e714"; }


.icon-ok:before { content: "\e6dc"; }
.icon-okTask:before { content: "\e75c"; }

.icon-removeReport:before { content: "\e604"; }
.icon-runReport:before { content: "\e702"; }
.icon-viewReport:before { content: "\e60f"; }
.icon-refresh:before { content: "\e719"; }
.icon-addData:before { content: "\e60f"; }
.icon-editData:before { content: "\e60a"; }
.icon-locate:before { content: "\e616"; }
.icon-config:before { content: "\e61d"; }
.icon-info:before { content: "\e631"; }
.icon-close:before { content: "\e641"; }
.icon-addChart:before { content: "\e620"; }
.icon-addLayer:before { content: "\e76a"; }
.icon-left1:before { content: "\ed34"; }
.icon-right1:before { content: "\e64a"; }

.icon-left:before { content: "\e8cb"; color: #009f3c; margin-left: -10px; }
.icon-right:before { content: "\e61b"; color: #009f3c; margin-left: -8px; }

.icon-check:before { content: "\e64e"; }
.icon-uncheck:before { content: "\e630"; }
.icon-partCheck:before { content: "\e647"; font-weight: bold; }

.icon-report:before { content: "\e62e"; }
.icon-response:before { content: "\e62c"; }
.icon-others:before { content: "\e629"; }
.icon-chart:before { content: "\e623"; }
.icon-tool:before { content: "\e622"; }
.icon-help:before { content: "\e607"; }

.icon-lock20:before { content: "\e60d"; font-size: 20px; margin-right: 2px; }
.icon-help20:before { content: "\e76f"; }
.icon-config20 { cursor: pointer; }
.icon-config20:hover { color: #14A85D; }
.icon-config20:before { content: "\e61d"; font-size: 27px; margin-left: 5px; }

.icon-calRoad:before { content: "\e63f"; display: inline-block; }
.icon-import:before { content: "\e62b"; display: inline-block; }
.icon-map:before { content: "\e6f6"; display: inline-block; }
.icon-stand:before { content: "\e8ca"; display: inline-block; }
.icon-layer:before { content: "\e6b9"; display: inline-block; }
.icon-overlayLayer:before { content: "\e715"; display: inline-block; }
.icon-createSingleLayer:before { content: "\e667"; display: inline-block; }
.icon-tree:before { content: "\e60e"; display: inline-block; }
.icon-schedule:before { content: "\e655"; display: inline-block; }
.icon-jicai:before { content: "\e646"; display: inline-block; }
.icon-possibleRoad:before { content: "\e612"; display: inline-block; }
.icon-roadScenario:before { content: "\e61c"; display: inline-block; }
.icon-createFac:before { content: "\e625"; display: inline-block; }
.icon-polygonTile:before { content: "\e617"; display: inline-block; }
.icon-layerTile:before { content: "\e84c"; display: inline-block; }
.icon-toolTile:before { content: "\e64b"; display: inline-block; }
.icon-treeTile:before { content: "\e62d"; display: inline-block; }
.icon-standTile:before { content: "\e6c7"; display: inline-block; }
.icon-treeCure:before { content: "\e60e"; }
.icon-import1:before { content: "\e62b"; }
.icon-userCreate:before { content: "\e8dc"; display: inline-block; }

.icon-home:before { content: "\e625"; }
.icon-homeProject:before { content: "\e70c"; }
.icon-organization:before { content: "\e626"; }
.icon-user:before { content: "\e739"; }
.icon-regUser:before { content: "\e60a"; }
.icon-userManager:before { content: "\e6d1"; }
.icon-monitor:before { content: "\e61f"; }
.icon-knowledge:before { content: "\e610"; }
.icon-project:before { content: "\e60b"; }
.icon-applyM:before { content: "\e72b"; }
.icon-polygonM:before { content: "\e617"; }
.icon-polygon:before { content: "\e6d8"; }
.icon-treeM:before { content: "\e62d"; }
.icon-standM:before { content: "\e6c7"; }
.icon-layerM:before { content: "\e84c"; }
.icon-reportM:before { content: "\e61c"; }
.icon-roadM:before { content: "\e612"; }
.icon-logM:before { content: "\e614"; }
.icon-taskM:before { content: "\e6f4"; }
.icon-exit:before { content: "\e638"; color: #f90404; }
.icon-access:before { content: "\e63d"; }
.icon-weight:before { content: "\e62f"; }
.icon-target:before { content: "\e65c"; }
.icon-bigEdit:before { content: "\e671"; }
.icon-bigEdit:hover { color: #009e3c; }
.icon-upArrow:before { content: "\e632"; }
.icon-downArrow:before { content: "\ed30"; }
.icon-upGrp:before { content: "\e636"; }
.icon-downGrp:before { content: "\ed32"; }
.icon-leftGrp:before { content: "\ed31"; }
.icon-rightGrp:before { content: "\ed33"; }
.icon-table:before { content: "\e687"; }
.icon-point:before { content: "\e608"; }
.icon-rander:before { content: "\e634"; margin-top: -3px; display: block; }
.icon-info1:before { content: "\e635"; display: block; margin-top: -3px; margin-left: -1px; }
.icon-layer1:before { content: "\e84c"; margin-top: -2px; display: block; margin-left: -1px; }
.icon-info2:before { content: "\e66b"; }
.icon-delete1:before { content: "\e662"; }
.icon-create1:before { content: "\e6aa"; }
.icon-delete2:before { content: "\e888"; }
.icon-refresh1:before { content: "\e645"; }
.icon-back:before { content: "\e651"; }
.icon-share:before { content: "\e67a"; }
.icon-shareStatus:before { content: "\e762"; }


.icon-computer:before { content: "\e61a"; }
.icon-reports:before { content: "\e637"; }
.icon-excel:before { content: "\e639"; }
.icon-cluster:before { content: "\e63b"; }
.icon-reportEdit:before { content: "\e63a"; }
.icon-dialogQuery:before { content: "\e63e"; }
.icon-dialogUser:before { content: "\e619"; }
.icon-calculator:before { content: "\e63f"; }
.icon-growline:before { content: "\e640"; }
.icon-dialogtool:before { content: "\e643"; }
.icon-data:before { content: "\e644"; }
.icon-oilSchedule:before { content: "\e6fb"; }
.icon-configBig:before { content: "\e60e"; margin-left: 15px; margin-top: 15px; position: absolute; }
.icon-config16:before { content: "\e61d"; font-size: 18px; margin-right: 5px; margin-bottom: 3px; display: inline-block; vertical-align: middle; }
.icon-radio:before { content: "\e6ab"; color: #1296db; margin-right: 10px; font-size: 16px; }
.icon-radioOn:before { content: "\e730"; color: #1296db; margin-right: 10px; font-size: 16px; }
.icon-radio2:before { content: "\e6ab"; color: #1296db; margin-right: 10px; font-size: 16px; }
.icon-radioOff:before { content: "\e6ab"; color: #bdb9b9; margin-right: 10px; font-size: 16px; }
.icon-radioOn2:before { content: "\e730"; color: #1296db; margin-right: 10px; font-size: 16px; }

.icon-allPossibleRoad:before { content: "\e763"; margin-left: 25px; margin-top: 25px; font-size: 35px; position: absolute; }

.icon-radio1:before { content: "\e6ab"; }
.icon-radioOn1:before { content: "\e730"; }
.icon-radioOn2:before { content: "\e756"; color: #1296db; margin-right: 10px; font-size: 16px; }
.icon-radioOn3:before { content: "\e755;"; color: #1296db; margin-right: 10px; font-size: 16px; }
.icon-icon--:before { content: "\e721"; }
.icon-minus_end:before { content: "\e64b"; }
.icon-next-empty:before { content: "\e64f"; }
.icon-next-full:before { content: "\e652"; }
.icon-colorless:before { content: "\e653"; }
.icon-orderby:before { content: "\ed36"; color: #00bb9c; }
.icon-orderbydesc:before { content: "\e713"; color: #00bb9c; }
.icon-statistic:before { content: "\e64d"; color: #ea8010; }
.icon-menuModify:before { content: "\e65f"; color: #9f58b9; }
.icon-menuView:before { content: "\e649"; color: #11cd6e; }
.icon-menuDelete:before { content: "\ed37"; }
.icon-possRoad:before { content: "\e66b"; }
.icon-planRoad:before { content: "\e657"; }
.icon-buildRoad:before { content: "\e6f8"; }
.icon-toBuildRoad:before { content: "\e64b"; }
.icon-ellipsis:before { content: "\e658"; }

.icon-rptChange:before { content: "\e69a"; }
.icon-nextLast:before { content: "\e666"; }
.icon-nextChange:before { content: "\e667"; }
.icon-changeWindow:before { content: "\e660"; }
.icon-nextAdd:before { content: "\e668"; }
.icon-addWindow:before { content: "\e664"; }
.icon-addWindowAfter:after { content: "\e664"; }
.icon-addAll:before { content: "\e669"; }
.icon-update:before { content: "\e659"; }
.icon-updateCircle:before { content: "\e65a"; }
.icon-folderClose:before { content: "\e7aa"; }
.icon-folderOpen:before { content: "\e65d"; }
.icon-file:before { content: "\e804"; }
.icon-list:before { content: "\e65b"; }
.icon-charts:before { content: "\e81d"; }
.icon-pieChart:before { content: "\e65e"; font-size: 16px; margin-right: 5px; }
.icon-table1:before { content: "\e6a8"; font-size: 16px; margin-right: 5px; }
.icon-map1:before { content: "\e7ba"; font-size: 16px; margin-right: 5px; }
.icon-minimize:before { content: "\e67b"; }
.icon-change:before { content: "\e8cd"; }
.icon-copy:before { content: "\e66c"; }
.icon-paste:before { content: "\e66d"; }
.icon-rename:before { content: "\e7d3"; }
.icon-fileImage:before { content: "\e6e3"; }
.icon-fileDetail:before { content: "\e6e4"; }
.icon-multiSelect:before { content: "\e66e"; }
.icon-multiSelect1:before { content: "\e759"; }
.icon-singleSelect:before { content: "\e730"; }
.icon-singleSelect1:before { content: "\e69c"; }
.icon-allSelectDown:before { content: "\e64e"; }
.icon-allSelectUp:before { content: "\e630"; }
.icon-dropInit:after { content: "\e66a"; float: right; }
.icon-drop:after { content: "\e66a"; float: right; margin-right: 5px; }
.icon-dropx:after { content: "\e66a"; }
.icon-link:before { content: "\e672"; }
.icon-unlink:before { content: "\e675"; }
.icon-add:after { content: "\e620"; }
.icon-finish:before { content: "\e6dc"; }
.icon-exchange:before { content: "\e676"; }
.icon-fieldmap:before { content: "\e6a3"; }
.icon-export:before { content: "\e61e"; }
.icon-export1:before { content: "\e62a"; }
.icon-export2:before { content: "\e611"; }
.icon-export3:before { content: "\e770"; }
.icon-group:before { content: "\e6a9"; }
.icon-match:before { content: "\e679"; }
.icon-saveCal:before { content: "\e67d"; }
.icon-drawRoad:before { content: "\e7dc"; }
.icon-adj:before { content: "\e6a7"; }
.icon-merge:before { content: "\e69d"; }
.icon-overlay:before { content: "\e6ae"; }
.icon-weed:before { content: "\e680"; }
.icon-download:before { content: "\e642"; }
.icon-download1:before { content: "\e681"; }
.icon-change1:before { content: "\e684"; }
.icon-saveas:before { content: "\e664"; }
.icon-hide:before { content: "\e674"; }
.icon-clearField:before { content: "\e673"; }
.icon-createRoad:before { content: "\e83f"; }
.icon-addPictureLayer:before { content: "\e67c"; }
.icon-taskPause:before { content: "\e73b"; }
.icon-taskContinue:before { content: "\e682"; }
.icon-taskStop:before { content: "\e816"; }
.icon-upload1:before { content: "\e685"; }
.icon-download2:before { content: "\ed3d"; }
.icon-lidarIcon:before { content: "\e6af"; }
.icon-filterIcon:before { content: "\e6b1"; }
.icon-reset:before { content: "\e6dd"; }
.icon-treeGroup:before { content: "\e688"; }
.icon-setExample:before { content: "\e670"; color: #e0620d; }
.icon-cancelExample:before { content: "\e66f"; color: #e0620d; }
.icon-fit:before { content: "\e640"; display: inline-block; }
.icon-treeFit:before { content: "\e7dc"; display: inline-block; }
.icon-split:before { content: "\e690"; }
.icon-polysplit:before { content: "\e960"; }
.icon-projectMap:before { content: "\e6f6"; }
.icon-projectShow:before { content: "\e649"; }
.icon-mapFull:before { content: "\e6c2"; }
.icon-baseLayerLock:before { content: "\e6bb"; }
.icon-switchValue:before { content: "\e68c"; }
.icon-mapSizeConfig:before { content: "\e60e"; }
.icon-fullMap:before { content: "\e68d"; }
.icon-drop1:before { content: "\e689"; }
.icon-dropMar:before { content: "\e689"; margin-right: 10px; }
.icon-right2:before { content: "\ed38"; }
.icon-go:before { content: "\e697"; }
.icon-add1:before { content: "\e698"; }
.icon-minuse1:before { content: "\e692"; }
.icon-projectHelp:before { content: "\e68f"; }
.icon-fromKn:before { content: "\e693"; }
.icon-toKn:before { content: "\e694"; }
.icon-fromKn1:before { content: "\e700"; color: #2b77c5; }
.icon-toKn1:before { content: "\e6ff"; color: #c5722b; }
.icon-testData:before { content: "\e696"; }
.icon-knICON:before { content: "\e699"; display: inline-block; }
.icon-necessary:before { content: "\e691"; color: red; margin-left: -16px; font-size: 16px; }
.icon-required:before { content: "\e691"; color: red; font-size: 16px; }
.icon-address:before { content: "\e69b"; }
.icon-seePassword:before { content: "\e73e"; }
.icon-phoneBind:before { content: "\e69c"; }
.icon-condition:before { content: "\e6a2"; }
.icon-createLanding:before { content: "\e6b4"; }
.icon-createRoads:before { content: "\e763"; }
.icon-schedule1:before { content: "\e6b5"; }
.icon-deleteAll:before { content: "\e6f7"; }
.icon-rerun:before { content: "\e6c5"; }
.icon-enterPrj:before { content: "\e6bf"; }
.icon-window:before { content: "\e6be"; }
.icon-dropSeralStageList:before { content: "\e66a"; }
.icon-drop2:before { content: "\e6c0"; }
.icon-recal:before { content: "\e6c3"; }
.icon-select:before { content: "\e6c6"; }
.icon-selectMulit:before { content: "\e761"; }
.icon-compare:before { content: "\e6c1"; }
.icon-emailBind:before { content: "\e774"; }
.icon-roadSchedule:before { content: "\e6c8"; }
.icon-scheduleFirst:before { content: "\e76e"; }
.icon-scheduleLeft:before { content: "\e8cb"; }
.icon-scheduleRight:before { content: "\e61b"; }
.icon-scheduleLast:before { content: "\e76d"; }
.icon-road:before { content: "\e628"; }
.icon-batchRun:before { content: "\e6cb"; }
.icon-autoLink:before { content: "\e747"; }
.icon-handOneLink:before { content: "\e760"; }
.icon-handLink:before { content: "\e6da"; }
.icon-roadFilter:before { content: "\e686"; }
.icon-projectScript:before { content: "\e6de"; }
.icon-selectShpBtn:before { content: "\e61d"; }
.icon-projectEditBtn:before { content: "\e6ad"; }
.icon-moduleScriptUp:before { content: "\ed3b"; }
.icon-moduleScriptDown:before { content: "\e6cf"; }
.icon-scriptUp:before { content: "\ed3c"; }
.icon-scriptUpMar:before { content: "\ed3c"; margin-right: 10px; }
.icon-scriptDown:before { content: "\e689"; }
.icon-product:before { content: "\e6f7"; }
.icon-require:before { content: "\e6e7"; color: red; }
.icon-require1:before { content: "\e6f3"; color: red; font-size: 13px; margin-left: -15px; margin-right: 2px; }
.icon-up:before { content: "\ed45"; }
.icon-down:before { content: "\ed46"; }
.icon-upload:before { content: "\e6e5"; }
.icon-download:before { content: "\e6e6"; }
.icon-detail:before { content: "\e6e8"; }
.icon-checkData:before { content: "\e6ee"; }
.icon-qietucopy:before { content: "\e6e7"; color: red; }
.icon-attibute:before { content: "\e6f5"; }

.icon-menuUser:before { content: "\e6ca"; }
.icon-menuFile:before { content: "\e6d0"; }
.icon-menuAccount:before { content: "\e6cc"; }
.icon-menuExit:before { content: "\e6d1"; }
.icon-menuConfig:before { content: "\e6d1"; }
.icon-menuPassReset:before { content: "\e6ed"; }
.icon-menuUpdate:before { content: "\e701"; }
.icon-bindEmail:before { content: "\e6ea"; }
.icon-changelan:before { content: "\e6b2" }
.icon-lanCN:before { content: "\e7a0"; }
.icon-lanEN:before { content: "\e79c"; }
.icon-bindPhone:before { content: "\e6ca" }
.icon-searchTextDelete:before { content: "\e68e"; }
.icon-leftDown:before { content: "\ed42"; }
.icon-leftUp:before { content: "\ed41"; }
.icon-rightDown:before { content: "\ed43"; }
.icon-rightUp:before { content: "\e6d1"; }
.icon-bug:before { content: "\e6cd"; }
.icon-categpry:before { content: "\e600"; }
.icon-fix:before { content: "\ed44"; }
.icon-notFix:before { content: "\e6d6"; }
.icon-apply:before { content: "\e839"; }
.icon-plusIcon:before { content: "\e6f2"; }
.icon-lessIcon:before { content: "\e6f0"; }
.icon-addIterations:before { content: "\e6f2"; }
.icon-lessIterations:before { content: "\e6f0"; }
.icon-zhuyi:before { content: "\e70f"; color: red; font-size: 30px; }
.icon-organExpand1:before { content: "\e6f2"; }
.icon-organExpand2:before { content: "\e6f0"; }
.icon-timingDetail:before { content: "\e74f"; }
.icon-bgLayer:before { content: "\e6d7"; }
.icon-cancelDraw:before { content: "\e6d5"; }
.icon-addPoly:before { content: "\e710"; }
.icon-delPoly:before { content: "\ed4c"; }
.icon-yonghu1:before { content: "\e707"; }
.icon-recreateLayer:before { content: "\e624"; }
.icon-database:before { content: "\e6d9"; }
.icon-expand:before { content: "\e79e"; }
.icon-dropTri:before { content: "\ed49"; color: #fff; }
.icon-gisIcon:before { content: "\e666"; color: #fff; }
.icon-exptShpTool:before { content: "\e6df"; }
.icon-exptScheTool:before { content: "\e7d0"; }
.icon-inventoryTool:before { content: "\e6e0"; }
.icon-moveTo:before { content: "\e726"; }
.icon-phone:before { content: "\e8c6"; }
.icon-codeCheck:before { content: "\e76c"; }
.icon-land:before { content: "\edd2"; }

.icon-taskRoadSucc:before { content: "\e6dc"; font-size: 22px; vertical-align: middle; }
.icon-taskRoadWait:before { content: "\e6db"; font-size: 22px; vertical-align: middle; }
.icon-taskRoadNotRun:before { content: "\e644"; font-size: 20px; vertical-align: middle; }
.icon-taskAbort:before { content: "\e816"; font-size: 22px; margin-right: 5px; vertical-align: middle; }
.icon-taskErr:before { content: "\e75e"; font-size: 22px; margin-right: 5px; vertical-align: middle; }
.icon-taskSucc:before { content: "\e75d"; font-size: 22px; margin-right: 5px; vertical-align: middle; }
.icon-taskWait:before { content: "\e6db"; font-size: 22px; margin-right: 5px; vertical-align: middle; }
.icon-taskNotRun:before { content: "\e644"; font-size: 20px; margin-right: 5px; vertical-align: middle; }
.icon-taskPaused:before { content: "\e73b"; font-size: 22px; margin-right: 5px; vertical-align: middle; }
.icon-reedit:before { content: "\e668"; }
.icon-changVersion:before { content: "\e781"; }
.icon-importPolygon:before { content: "\e62b"; }
.icon-createLayer:before { content: "\e6b9"; }
.icon-createLayerByOverlay:before { content: "\e715"; }
.icon-moudleUncheck:before { content: "\e6ab"; }
.icon-moudleCheck:before { content: "\e6dc"; color: #196559 }
.icon-moudleColumn:before { content: "\e6e2"; }
.icon-layerTool1:before { content: "\e6eb"; }
.icon-layerTool2:before { content: "\e67d"; }
.icon-generalTool:before { content: "\e64b"; }
.icon-treeCreateStand:before { content: "\e8ca"; }
.icon-moduleTable:before { content: "\e6a8"; }
.icon-yinglinzuoye:before { content: "\e708"; }
.icon-huanjingxiangying:before { content: "\e6fc"; }
.icon-shuiyuanhanyang:before { content: "\e6ec"; }
.icon-layerToStand:before { content: "\e6f1"; }
.icon-createTreeIcon:before { content: "\e6b0"; }
.icon-viewCurve:before { content: "\e6fe"; }
.icon-vegType:before { content: "\e703"; }
.icon-web:before { content: "\eab5"; }
.icon-harvestWindow:before { content: "\e701"; }
.icon-seralStage:before { content: "\e706"; }
.icon-desiredPatchSizes:before { content: "\e709"; }
.icon-standCopy:before { content: "\e63c"; }
.icon-wildlife:before { content: "\e70b"; }
.icon-sendMessage:before { content: "\e70d"; }
.icon-publish:before { content: "\e70e"; }
.icon-messageIcon:before { content: "\e711"; font-size: 17px; margin-right: 3px; vertical-align: middle; color: red; }
.icon-unreadMessage:before { content: "\e711"; font-size: 17px; vertical-align: middle; color: red; }
.icon-unreadMessage1:before { content: "\e711"; }
.icon-pageClose:before { content: "\e712"; }
.icon-word:before { content: "\e71a"; /*color: #2a5699;*/ }
.icon-growth:before { content: "\e71c"; }
.icon-rm:before { content: "\e888"; }
.icon-deleteLot:before { content: "\e71e"; }
.icon-clearCurve:before { content: "\e673"; }
.icon-clearAllCurve:before { content: "\e768"; }
.icon-scatter:before { content: "\e8b2"; }
.icon-formula:before { content: "\e727"; }
.icon-barchart:before { content: "\e729"; }
.icon-hasCurve:before { content: "\e722"; }
.icon-minuse:before { content: "\e72e"; }
.icon-grid:before { content: "\e732"; }
.icon-ew-resize:before { content: "\e718"; }
.icon-stepNext:before { content: "\e737"; }
.icon-point:before { content: "\ed4d"; }
.icon-query:before { content: "\e601"; }
.icon-prjFinish:before { content: "\e735"; }
.icon-prjProgress:before { content: "\e734"; }
.icon-prjNostart:before { content: "\e736"; }
.icon-introduct:before { content: "\e72c"; }
.icon-dockLeft:before { content: "\e89f"; }
.icon-dockRight:before { content: "\e8a0"; }
.icon-dockBottom:before { content: "\e7eb"; }
.icon-dockClose:before { content: "\e72d"; }
.icon-windowDock:before { content: "\e670"; }
.icon-windowFloat:before { content: "\e66f"; }
.icon-wordExport:before { content: "\e71a"; }
.icon-hideCatalog:before { content: "\e6a1"; }
.icon-selectDoc:before { content: "\e6a6"; }
.icon-home:before { content: "\e734"; }
.icon-warn:before { content: "\e738"; }
.icon-inventoryMerge:before { content: "\e67f"; }
.icon-batch:before { content: "\e73d"; }
.icon-date:before { content: "\e73f"; }
.icon-minimumBtn:before { content: "\e740"; }
.icon-treeAndStand:before { content: "\e6e1"; }
.icon-fieldstatistic:before { content: "\e743"; }
.icon-prevData:before { content: "\e736"; font-size: 25px; display: inline-block; vertical-align: middle; }
.icon-nextData:before { content: "\ed4e"; font-size: 25px; display: inline-block; vertical-align: middle; }
.icon-supplyNode:before { content: "\e646"; }
.icon-demandNode:before { content: "\e625"; }
.icon-possibleRoadNode:before { content: "\e612"; }
.icon-roadScenarioNode:before { content: "\e61c"; }
.icon-rightUnfold:before { content: "\ed38"; }
.icon-bottomFold:before { content: "\e689"; }
.icon-rectSelect:before { content: "\e744"; }
.icon-order:before { content: "\e746"; }
.icon-explandRight:before { content: "\ed50"; }
.icon-explandLeft:before { content: "\e745"; }
.icon-layerDetailFold:before { content: "\ed4d"; }
.icon-layerDetailUnfold:before { content: "\e66a"; }
.icon-dataExchange:before { content: "\e892"; }
.icon-knFormula:before { content: "\e725"; }
.icon-knCarbon:before { content: "\e749"; }
.icon-knGrowth:before { content: "\e71c"; }
.icon-knParam:before { content: "\e622"; }
.icon-knEnvirResponse:before { content: "\e6fc"; }
.icon-knTreeManager:before { content: "\e62d"; }
.icon-knTreeProduct:before { content: "\e960"; }
.icon-knDrawCurve:before { content: "\e729"; }
.icon-knMappingIcon:before { content: "\e736"; }
.icon-colorBoxIcon:before { content: "\e74a"; }
.icon-colorBoxDrop:before { content: "\ed4a"; }
.icon-menuAnlyStatue:before { content: "\ed51"; }
.icon-gridDropIcon:before { content: "\ed49"; }
.icon-baiduMap:before { content: "\e74c"; }
.icon-gaodeMap:before { content: "\e74b"; }
.icon-satelliteMap:before { content: "\e75f"; }
.icon-googleMap:before { content: "\e74d"; }
.icon-bingMap:before { content: "\e74e"; }
.icon-gaodeMapChange:before { content: "\e781"; }
.icon-landingPoint:before { content: "\e608"; }
.icon-stepBack:before { content: "\ed52"; }
.icon-points:before { content: "\ed53"; }
.icon-homeUser:before { content: "\e750"; }
.icon-knMistItem:before { content: "\e751"; }
.icon-menu:before { content: "\e6ef"; }

.icon-lockFunction:before { content: "\e60d"; }
.icon-reassign:before { content: "\e752"; }
.icon-selectTri:before { content: "\e754"; }
.icon-stopped:before { content: "\e800"; }
.icon-arrowLeft:before { content: "\eb09"; }
.icon-arrowRight:before { content: "\ed54"; }
.icon-arrowRightRound:before { content: "\e77b"; }
.icon-dialogClose:before { content: "\e8e8"; }
.icon-bomboo:before { content: "\e755"; }
.icon-oil:before { content: "\e758"; }
.icon-carbon:before { content: "\e7e6"; }
.icon-enCnChange:before { content: "\e75b"; }
.icon-unMapping:before { content: "\e8a7"; }
.icon-knMappedIcon:before { content: "\e75d"; }
.icon-windowMaximum:before { content: "\e766"; }
.icon-windowMiddle:before { content: "\e764"; }
.icon-windowMax:before { content: "\e990"; }
.icon-seralStageSee:before { content: "\e767"; }
.icon-organTip:before { content: "\e635"; }
.icon-periodPlus:before { content: "\ed4d"; }
.icon-periodLess:before { content: "\e66a"; }
.icon-nofit:before { content: "\e76b"; }
.icon-passwordHide:before { content: "\ebcd"; }
.icon-step:before { content: "\eb75"; }
.icon-noData:before { content: "\e771"; }
.icon-enter:before { content: "\e773"; }
.icon-vs:before { content: "\e775"; }
.icon-authority:before { content: "\e776"; }
.icon-readed:before { content: "\e779"; }
.icon-unReaded:before { content: "\e777"; }
/*FSOSNew*/
.commonDialog { }
.commonDialog .container { position: absolute; left: 10px; right: 10px; bottom: 60px; top: 40px; }
.commonDialog .title { position: absolute; top: 5px; left: 20px; font-size: 26px; line-height: 50px; }
.commonDialog .content { position: absolute; left: 0; right: 0; bottom: 0; top: 60px; }

.radioItems.withBorder { border-radius: 5px; padding: 5px; border: 1px solid #14a85d; }
.radioItems .radioItem { cursor: pointer; vertical-align: middle; display: inline-block; color: #333333; font-size: 13px; margin-right: 25px; }
.radioItems .radioItem.disabled { color: #666; cursor: not-allowed; }
.radioItems .radioItem.disabled.icon-radio:before { color: #666; }
.radioItems .radioItem.disabled.icon-radioOn:before { color: #666; }

.selectIcon { cursor: pointer; font-size: 12px; border: 1px solid #ccc; background: linear-gradient(to bottom,#F9F9F9 0,#efefef 100%); color: blue; text-align: center; display: inline-block; padding: 5px; border-radius: 2px; }

.editStyle { background-color: #e7ffce }
.editInput { border: 1px solid #999; color: #666; border-radius: 3px; background-color: #e7ffce; }

.importFileCommonGrid { margin: auto; position: relative; width: 400px; height: 80px; }
.importFileCommonGrid .e-grid-body { overflow-x: hidden !important; }
.importFileCommonGrid .delete label { background: #f90303; color: #fff; padding: 2px 10px; border-radius: 3px; cursor: pointer; }

.wizardLeft { position: absolute; left: 10px; top: 10px; bottom: 60px; width: 220px; background-color: #7bbf9b; padding-top: 40px; }
.wizardMain { position: absolute; left: 250px; top: 0; bottom: 60px; right: 0; overflow: auto; }
.wizardStep { color: #fff; font-size: 15px; height: 30px; margin: 10px 0 0 35px; cursor: default; }
.wizardChildStep { color: #fff; font-size: 12px; height: 25px; margin: 10px 0 0 60px; cursor: default; }
.wizardNowStep { position: absolute; width: 16px; height: 16px; left: 10px; font-size: 18px; color: #fff; }
.wizardNowStep.step1 { top: 50px; }
.wizardNowStep.step2 { top: 90px; }
.wizardNowStep.step3 { top: 130px; }
.wizardNowStep.step4 { top: 170px; }
.wizardNowStep.step5 { top: 210px; }
.wizardNowStep.step6 { top: 250px; }
.wizardNowStep.step7 { top: 290px; }
.wizardNowStep.step8 { top: 330px; }

.wizardStepTitle { font-size: 25px; color: #000; line-height: 34px; }

.wizardStepView { padding: 15px 40px 40px 0; min-width: 600px; color: #333; }
.wizardHelpLink { position: absolute; right: 10px; top: 30px; font-size: 15px; font-weight: bold; color: #333; background-image: linear-gradient(#fbfdd1, #ecfbd2); z-index: 1; cursor: pointer; padding: 0 15px 0 5px; line-height: 30px; border-radius: 5px; border: 1px solid #c9c674; }
.wizardHelpLink span { color: #ff6a00; font-size: 26px; margin-right: 8px; vertical-align: sub; }
.wizardHelpLink:hover { background-image: linear-gradient(#fbfdd1, #fbf4d2); }
.editHelpLink { background-color: #1e6f44; border: 1px solid #1e6f44; border-radius: 3px 3px 3px 3px; color: white; cursor: pointer; font-size: 14px; display: none; }