@charset "utf-8";
*{ margin:0px;padding:0px; border:0px; outline:none;outline:0; list-style-type:none;list-style:none;-webkit-tap-highlight-color:transparent;border:0px;-webkit-overflow-scrolling: touch;}
@font-face{font-family:'CustomFont'; src: url('font/SOURCEHANSANSCN-REGULAR.otf'); }
@font-face{font-family:'CustomBlod'; src: url('font/SOURCEHANSANSCN-MEDIUM.otf'); } 
html,body{font:14px/1.5 'CustomFont',Arial,Helvetica,sans-serif;font-style: normal;font-variant-ligatures: normal;font-variant-caps: normal;font-variant-numeric:normal;font-variant-east-asian: normal;font-weight: normal;font-stretch: normal;-webkit-font-smoothing:antialiased;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:grayscale; text-shadow:inherit; text-shadow:inherit;;color:#333333; -webkit-overflow-scrolling: touch;-webkit-overflow-scrolling:auto;width:100%;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none; border:0px;background:#fff; overflow:overlay; background:#f1f2f6;}
#execControl{display: -webkit-flex;display: flex; flex-direction: column;width:100%;margin:0px;padding:0px;-moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;align-items: center; background:#f2f2f2;padding:10px; border:#ccc solid 1px; border-radius:3px;box-sizing:border-box;}
#execControl div.items{ display:block; clear:both; width:100%; padding:5px 0px;margin:0px; line-height:24px;color:#999}
#execTextarea{width:100%;height:auto;font-size:16px;color:#00b3a8;border:#dcdfe6 solid 1px;border-radius:3px;padding:6px 12px;box-sizing:border-box;resize: vertical;min-height:120px; overflow:scroll; overflow-x:hidden;}
#WebControl{  display:block; clear:both;padding:0px; margin:0px; background:#f1f2f6; overflow:hidden;padding:12px;color:#333333;}
#Breadcomponents{ display: -webkit-flex;display: flex;clear:both;padding:0px; border-bottom:#cccccc solid 1px; background:#f2f2f2;padding:0px 12px;height:36px;margin:0px auto;-moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none; cursor:pointer;align-items: center; display:none;}
#dirComponent{clear:both;display: -webkit-flex;display: flex;-moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;align-items: center;flex-direction: row;justify-content:space-between;background:#fff;padding:10px 20px; border-radius:1px;border-bottom:#fafafa solid 1px;padding-top:10px;}
#dirCaption h3.name{ display:block; clear:both; font-size:16px;color:#333; font-weight:100; position:relative;padding-left:12px;}
#dirCaption h3.name:before{ content:'';width:5px;height:16px; background:#00b3a8; font-size:0px; position:absolute;left:0px;top:4px; border-radius:3px;}
#dirCaption div.remark{color:#999999; font-size:13px;}
#formControl{ display:block; clear:both;padding:0px; margin:0px;overflow:hidden;padding:20px 20px; background:#fff;margin-top:10px;}
#SearchControl{ display: -webkit-flex;display: flex;flex-direction: row;align-content:center;align-items:center;justify-content:space-between;-moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none; background:#fff;padding:0px 0px; margin:0px;padding:0px 0px;padding-bottom:0px;padding-right:2px;}

#tableControl{display:block; clear:both;padding:0px; margin:0px;border-radius:0px; margin:0px;}
#PageControl{display: -webkit-flex;display: flex;flex-direction: row;align-items:center;justify-content:space-between;padding:10px; background:#fff; border-top:0px;-moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;padding:10px 20px 10px 0px;}
#FORMContianer{ display:block; clear:both;padding:0px; width:80%;}
#Horizontal{display: -webkit-flex;display: flex;flex-direction: row;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:0px; width:100%; margin:0px;}
#LnkControl{ display:block; clear:both; border-bottom:#eeeeee solid 1px;margin-bottom:20px;display: -webkit-flex;display: flex;flex-direction: row;-moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
#LnkControl a{ display:block; font-size:15px; padding:0px 20px 10px 20px;color:#222; text-decoration:none;-moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#LnkControl a.active,#LnkControl a:hover{ display:block; color:#00B3A8;font-weight:500; position:relative;}
#LnkControl a.active:before{ display:block; content:''; width:40%;height:2px; background:#00B3A8; position:absolute;left:30%;bottom:-1px;}
.orderkey{color:#00B3A8;cursor:pointer;-moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none; font-weight:100;}
.el-table th{ background:#F3F3F3 !important;color:#666;}
.el-table__fixed-right-patch{background:#F3F3F3 !important;color:#666;}
.el-button--danger{ background:#fff;color:#f56c6c}
.el-button--success{ border:#00b3a8 solid 1px;color:#00b3a8; background:#fff;}
.el-button--success:hover,.el-button--success:focus{ border:#00b3a8 solid 1px;color:#00b3a8; background:#d5fffc;}
.el-button--primary.is-plain{ border:#00b3a8 solid 1px;color:#00b3a8; background:#fff;}

.table-detail{width:100%;border:1px solid #eeeeee;margin-bottom:20px;border-collapse:collapse; border-spacing:0px; margin:0px;padding:0px; background:#fff; border-radius:3px;}
.small td{padding:6px 12px !important; line-height:20px !important;}
.table-detail td { border-bottom: 1px solid #eeeeee;border-left: 1px solid #eeeeee;color:#666;padding:8px 8px;vertical-align: middle}
.table-detail tr:last-child td {border-bottom: 0}
.table-detail .table-title td {background:#f3f3f3;font-size:14px; font-weight:bold;;color:#666666;border-right: 0;padding:10px 12px}
.table-detail .table-gray-header td {color:#aaa;padding:8px 8px}
.table-detail .el-form-item {margin-bottom: 12px}
.table-detail .bg-gray {background: #f8f8f8}
.table-detail.none-border tr td {border: 0; }
.table-detail td.tips{color:#000}

.sort-input{ border:#ccc solid 1px; width:50px;padding:5px 10px; border-radius:3px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.sort-input:focus{ border:#409eff solid 1px;}
.kindeditor{ border:#ccc solid 1px;border-radius:3px;}
.toolbarContainer{ background:#eee;padding:4px; border-bottom:#ccc solid 1px;}
.editorContent{padding:4px; background:#fff;}
.ck-content { min-height:240px;max-height:500px }
.el-dialog__body{padding:10px !important}
.first{color:#0066FF}
.second{color:#999; font-size:14px;}

#StorTemplatebox{ display:block; clear:both;padding:8px 0px 12px 20px;-moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
#StorTemplatebox div#TITContext{ display: block;padding:4px 0px;padding-bottom:10px;}
#StorTemplatebox div#STControl{display: -webkit-flex;display: flex;flex-direction: row;flex-wrap:wrap;justify-content: flex-start;align-items:center;border:#cccccc solid 1px; overflow:scroll; overflow-x: hidden;-moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;padding:0px 0px 12px 12px;}
#StorTemplatebox div#STControl div.item{ display:block; clear:both;padding:10px;overflow:hidden; width:80px;height:100px; text-align: center;border:#cccccc solid 1px; margin: 12px 12px 0px 0px; cursor: pointer;}
#StorTemplatebox div#STControl div.item div.name{ display:block; clear: both;padding:4px 0px; width:100%; white-space: nowrap; text-overflow:ellipsis;}
#StorTemplatebox div#STControl div.item:hover{ border:#ff9900 solid 1px; background:#ffffee;}
#Citycomponents{display: -webkit-flex;display: flex;flex-direction: row;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:0px; width:100%; margin:0px;}
#Citycomponents div.item{width:33%;}
#SMAPComponents{ display: block; clear:both;padding:5px 10px;margin:0px; background: #e9e9e9; position:relative;;-moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
#FOTContianer{ display:block; clear:both;padding:2px 0px;overflow:hidden; z-index:999;}
#WMAPContianer{ display:block; clear: both;padding:0px; margin: 0px;;position: relative;width: 100%;height: 100%; border:#ccc solid 1px;padding:3px; box-sizing:border-box}
#panel {display: block;position: absolute;background-color: #7d7070;max-height: 90%;overflow-y: auto;top: 80px;right: 10px;width: 280px;}
#myPageTop {position: absolute;top: 20px; right: 50px;display: block;background-color: #ddf;color: #333;border: 1px solid silver;box-shadow: 3px 4px 3px 0px silver;position: absolute;top: 10px;right: 10px;border-radius: 5px;overflow: hidden;line-height: 20px;}
#myPageTop input {display: block;height: 25px;border: 0;padding-left: 5px;width: 280px;border-radius: 3px;outline: none;}

#COMPContianer{ display:block; clear:both;padding:0px; margin:0px; border:0px; overflow:hidden;}
#COMPContianer div.items{ display:block;padding:12px 20px; margin:0px 10px 10px 10px; float:left; border-radius:8px; border:#ccc solid 1px; background:#fff; min-width:220px; cursor:pointer;moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#COMPContianer div.name{ display:block; clear:both;padding:10px 10px; text-align:center; border-bottom:#eee solid 1px; font-size:18px;}
#COMPContianer div.num{ display:block; clear:both;padding:10px 0px; text-align:center;font-size:18px;}
#COMPContianer div.items:hover{border:#aaa solid 1px;}
.imageupload{ background:url(upload_ico.png) center center no-repeat #fff !important;}

#SUMComponents{display:block;clear:both;padding:0px;margin:0px;overflow:hidden; border:#dadde4 solid 1px;border-radius:4px;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); overflow:hidden;box-sizing: border-box;}
#SUMTITComponents{display:block; clear:both;padding:0px 0px;color:#333; font-weight:500; cursor:pointer;padding-top:14px;padding-bottom:14px; padding-left:12px;position:relative;-moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none; background:#fafafa;-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s,-webkit-transform .3s; font-size:16px;}
#SUMTITComponents:after{display:block; clear:both;content:"\e6e0";font-family:element-icons!important; position:absolute;right:12px;top:18px;width:16px;height:16px; font-family:16px; line-height:1; text-align:center;-moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s,-webkit-transform .3s; font-weight:bold;color:#999999}
#SUMTITComponents[hade='false']:after{display:block; clear:both;content:"\e6e0";font-family:element-icons!important; position:absolute;right:12px;top:18px;width:16px;height:16px; font-family:16px; line-height:1; text-align:center;-moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s,-webkit-transform .3s;-webkit-transform: rotateZ(450deg);transform: rotateZ(450deg); font-weight:bold;color:#999999}
#SUMBOXComponents{ display:block; clear:both;width:100%;overflow:hidden;border-top:#dadde4 solid 1px;padding:8px 8px 0px 8px;box-sizing: border-box;}

#Computercontrol{display: -webkit-flex;display: flex;clear:both;-moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;align-content:center;flex-wrap:wrap;justify-content:flex-start;justify-items: center;align-items: center;background:#fff;padding:10px;box-sizing: border-box}
#Computercontrol div.item{display:block;padding:10px 0px 0px 0px;box-sizing: border-box;width:25%; text-align:center; border-right:#eee solid 1px;margin-bottom:10px;}
#Computercontrol div.item:nth-child(4n){border-right:0px;}
#Computercontrol div.name{ display:block; clear:both; font-size:14px;color:#666666;padding-bottom:10px;}
#Computercontrol div.num{ display:block; clear:both; font-size:18px;font-weight:bold; font-family:Arial;color:#000;padding-bottom:10px;}
.Stackingcomponents{display: flex;flex-direction: row; justify-content: space-between;background:#fff; border:#eee solid 1px;border-radius:4px;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); overflow:hidden;box-sizing: border-box; border-radius:4px;}
.Stackingcomponents div.Stackingcls{width:32px;display: flex;flex-direction: row;align-items:center; align-content:center; justify-items:center; justify-content:center;background:#fafafa;-moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;border-left:#eee solid 1px; cursor:pointer;-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s,-webkit-transform .3s;}
.Stackingcomponents div.Stackingcls:after{ display:block; clear:both;content: "\e6dd";font-family: element-icons!important;font-size:28px;color:#999980;speak: none;font-style: normal;font-weight: 600;font-variant: normal;text-transform: none;line-height: 1;vertical-align: baseline;display: inline-block;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s,-webkit-transform .3s;}
.Stackingcomponents div.Stackingcls[hade="true"]:after{transform: rotateZ(180deg);-webkit-transform: rotateZ(180deg);-moz-transform: rotateZ(180deg);-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s,-webkit-transform .3s;}
.Stackingcomponents div.Stackingtitle{ display:block; clear:both;padding:10px 12px;background:#fafafa;-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s,-webkit-transform .3s; font-size:16px;border-bottom:#eee solid 1px;}
#Stackingbox{ display:block; clear:both;padding:0px; margin:0px; overflow:scroll;}
/*.imageupload:before{ content:''; display:block; clear:both;font-size:0px;width:1px;height:20px; position:absolute;top:30px; background:#ccc;left:30px;}
.imageupload:after{ content:''; display:block; clear:both;font-size:0px;height:1px;width:20px; position:absolute;left:30px; background:#ccc;top:30px;}*/
/*按钮样式*/
.el-button--primary {}
.el-button--success {}
.el-button--danger  {}
/*按钮样式*/
/*滚动条样式*/
::-webkit-scrollbar {
  width: 10px; /* 纵向滚动条*/
  height: 10px; /* 横向滚动条 */
  background-color: #fff;
}

/*定义滚动条轨道 内阴影*/
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  background-color: #ccc;
}

/*定义滑块 内阴影*/
::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  background-color: #a2a2a7;
  border-radius: 10px;
}
/*滚动条样式*/