@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;}
html,body{font:14px/1.5 MicrosoftYahei;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; overflow:overlay; background:#EEF1F5;}
#APKControl{ display:block; clear:both;padding:0px;margin:0px; width:100%; overflow:hidden;}
#WebControl{  display:block;clear:both;padding:0px; margin:0px auto; background:#f1f2f6; overflow:hidden;padding:12px;box-sizing: border-box}
#Breadcomponents{ display: -webkit-flex;display: flex;clear:both;padding:0px;padding:8px 0px;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;}
#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-content: center;align-items: center;flex-direction: row;justify-content:space-between;background:#fff;border-radius:1px;border-bottom:#fafafa solid 1px;height:46px;padding-left:15px;padding-right:15px;}
#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;}
#dirButton{display: -webkit-flex;display: flex;justify-item:center;justify-content:center;align-content:center;align-item:center;}
#formControl{ display:block; clear:both;padding:0px; margin:0px;overflow:hidden;padding:10px 10px; 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;}

#Linkagecomponent{ display:block; clear:both;padding:0px; margin:0px; border:#ccc solid 1px;}
#LinkageControl{display: -webkit-flex;display: flex;flex-direction: row;flex-wrap:wrap;justify-content: flex-start;align-items:center;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:12px; font-size:14px;color:#606266; font-family:"宋体"}
#LinkageControl div.item{ display:block; clear:both; width:180px;height:260px; overflow:scroll;overflow-x:hidden; border:#ccc solid 1px; margin-right:10px;-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:8px;;box-shadow:3px 3px 10px #aaa;-webkit-box-shadow:3px 3px 10px #aaa;-moz-box-shadow:3px 3px 10px #aaa;}
#LinkageControl div.option{ display: -webkit-flex;display: flex;flex-direction: row;justify-content:space-between;align-items:center;padding:8px 8px 8px 12px; border-bottom:#eee solid 1px;-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;}
#LinkageControl div.chs:after{ content:'\e6e0'; font-family:element-icons!important;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;line-height: 1;vertical-align: baseline;display: inline-block;-webkit-font-smoothing: antialiased;}
#LinkageControl div.option:hover{ background:#f5f7fa}
#LinkageControl div.active{ background:#f5f7fa;color:#409eff; font-weight:bold;}
#LinkageControl div.active:after{ content:'\e6da';font-family:element-icons!important;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;line-height: 1;vertical-align: baseline;display: inline-block;-webkit-font-smoothing: antialiased}
#Linkagefooter{ border-top:#ccc solid 1px; background:#f5f7fa;padding:8px; 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;}
.attention{ display: block;clear: both;margin:0px;padding:10px;border: 1px solid rgb(64, 158, 255); background: rgb(233, 244, 255);color: rgb(64, 158, 255);}
#Explancomponents{ display: block;clear: both;margin:0px;padding:10px; background:#fafafa; border:#ccc solid 1px;color:#666}
#Explancomponents div.caption{color:#000; font-weight:bold;margin-bottom:5px;}
.product{ display:block; clear:both;}
.product div.item{padding:5px 0px;}

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


#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;}
.el-table th{ background:#F3F3F3 !important;color:#666;}
.el-table__fixed-right-patch{background:#F3F3F3 !important;color:#666;}
.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:#fafafa;font-size:15px;color:#000;border-right: 0;padding:8px 8px}
.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{ width:100px; background:#fafafa}

.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;}
.distpicker-address-wrapper{display: -webkit-flex;display: flex;flex-direction: row;justify-content:space-between;;align-items:center;}
.distpicker-address-wrapper div{ width:100%;}
.distpicker-address-wrapper div:nth-child(2){margin-left:10px; width:100%}
.distpicker-address-wrapper div:nth-child(3){margin-left:10px; width:100%}

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


#Foldcomponents{display:block;clear:both;padding:0px;margin:0px;overflow:hidden; border:#dadde4 solid 1px;border-radius:4px;overflow:hidden;box-sizing: border-box;margin-bottom:10px;}
#Foldcomponents div.foldtitle{display:block; clear:both;padding:0px 0px;color:#333; font-weight:500; cursor:pointer;padding-top:10px;padding-bottom:10px; 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;}
#Foldcomponents div.foldtitle:after{display:block; clear:both;content:"\e6e0";font-family:element-icons!important; position:absolute;right:12px;top:14px;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}
#Foldcomponents div.foldtitle[hade='false']:after{display:block; clear:both;content:"\e6e0";font-family:element-icons!important; position:absolute;right:12px;top:14px;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}
#Foldcomponentbox{ display:block; clear:both;width:100%;overflow:hidden;padding:0px 0px 0px 0px;box-sizing: border-box; background:#fff;}

#Boxcomponents{ display:block; clear:both;padding:0px; background:#fff;;box-shadow:3px 3px 10px #aaa;-webkit-box-shadow:3px 3px 10px #aaa;-moz-box-shadow:3px 3px 10px #aaa;border:#ccc solid 1px; line-height:120% !important;}
#Boxcomptitle{ display:block; clear:both;padding:10px 10px; font-size:14px; font-weight:600;color:#000; border-bottom:#eee solid 1px;}
#Boxcompcon{ display:block; clear:both;padding:0px 0px;}
#Boxcomponents div.boxitem{ display:flex;display: flex;flex-direction: row;flex-wrap:wrap;justify-content: flex-start;align-items:center;height:40px; border-bottom:#f0f0f0 dashed 1px;padding-left:10px;padding-right:10px;}
#Boxcomponents div.boxitem:hover{ background:#fafafa}
#Boxcomponents div.boxname{ width:80px;color:#333;}
#Boxcomponents div.boxname:after{ content:'：'}
#Boxcomponents div.boxvalue{padding-left:10px;color:#555;}

#Flexcomponents{display:block; clear:both;padding:10px 10px 10px 10px;margin:0px; background:#fff}
#Panelcontrol{ display:block; clear:both;padding:0px; margin:0px; overflow:hidden;}
#Panelcontroltit{display: -webkit-flex;display: flex;flex-direction: row;align-items:center;justify-content:space-between;padding:10px 10px 5px 10px;line-height:normal;;-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;}
#Panelcontroltit .name{; font-weight:bold;color:#000; }
#Panelcontrolcon{ display:block; clear:both;padding:0px 10px 10px 10px; line-height:normal;}
#Panelcontrolcon div.panelitem{ display:flex;display: flex;flex-direction: row;justify-content:flex-start;align-items:center;line-height:normal;padding:3px 0px;}
#Panelcontrolcon div.itemname{text-align:left;color:#333;flex-wrap:nowrap;;}
#Panelcontrolcon div.itemname:after{ content:'：'}
#Panelcontrolcon div.itemvalue{flex-grow:1; padding-left:10px;color:#555;flex-wrap:wrap;}

#SerializedTab{ width:100%; border-collapse:separate; border-spacing:1px; background:#ccc;}
#SerializedTab td{padding:8px 10px;}
#SerializedTab thead{ background:#dfdfdf}
#SerializedTab tbody{ background:#fff;}

#nodata{ display:block; clear:both;padding:0px; margin:0px; background:url(nodata.png) top center no-repeat; width:100%;height:220px; background-size:40%;-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;}
#OperateControl{ display: block;height:450px; background: #fff;; overflow: scroll; overflow-x: hidden;padding:0px 10px;}
#OperateControl div.items{ border-bottom: #eee solid 1px;padding:8px 3px;}
#OperateControl div.context{ display: flex; justify-content: space-between;flex-direction: row;align-items:center;font-size:13px;padding:3px 0px;color:#666}
#OperateControl div.first{display: flex; justify-content: space-between;padding-bottom:3px;}
#OperateControl div.mode{}
#OperateControl span.name{ color:#00b3a8}
#OperateControl span.date{ color:#999}
#Credentbox{padding:10px; background:#fff;display: flex;flex-wrap: wrap; display: -webkit-flex; display: -moz-flex; flex-direction: row;align-items: flex-start; align-content: flex-start;justify-content:flex-start;max-height:450px;overflow: scroll; overflow-x: hidden;}
#Credentbox div.items{ display:block; clear:both; margin:0px; border-radius:3px; padding:10px; text-align:center; font-size:12px; cursor:pointer; position:relative;}
#Credentbox div.items:hover{ background:#f0f0f0}
#Credentbox div.items:hover div.del{ display:block;}
#Credentbox div.mode{ display:block; clear:both;padding-bottom:3px;color:#00b3a8}
#Credentbox div.desc{ display:block; clear:both;padding-bottom:3px;color:#999}
#Credentbox div.del{ display:none; clear:both; background:rgba(0,0,0,0.65); position:absolute;bottom:0px;left:0px;padding:10px 0px;width:100%; text-align:center;color:#fff;-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;}

#FileComponents{  display:block; clear:both; width:100%; border:#ccc solid 1px;padding:0px; border-radius:4px;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; margin-bottom:20px;}
#FileComponentsHeader{ display:block; clear:both;padding:8px 12px; background:#fafafa; border-bottom:#ccc solid 1px;;}
#FileComponentsBox{ display:block; clear:both;padding:10px; margin:0px;overflow:hidden;}
#FileComponentsBox div.item{ display:flex;width:20%;float:left; text-align:center;-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;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;}
#FileComponentsBox div.block{padding:10px 5px 0px 5px;}
#FileComponentsBox div.box{ display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center; clear:both;;border:#ccc solid 1px;height:120px;position:relative; border-radius:3px;padding:8px;background:#fff; z-index:1; overflow:hidden;-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;}
#FileComponentsBox div.box:hover{background:#f2f2f2; border:#333 solid 1px;}
#FileComponentsBox img{display:block;margin:auto; width:100%;border-radius:4px;}
#FileComponentsBox span.del{visibility:hidden;display:block; clear:both; cursor:pointer; position:absolute; background:rgba(0,0,0,0.75);left:0px;bottom:0px;width:100%;padding:3px 0px;color:#fff;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;}
#FileComponentsBox div.box:hover span.del{visibility:visible;}
#FileComponentsTips{ display:block; clear:both;border-top:#ccc solid 1px;padding:12px;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; line-height:160%;}
.attrbox{display: -webkit-flex;display: flex;flex-wrap:wrap;justify-content:flex-start;align-items: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;}
.attrbox input.txt{ width:80px;text-align:center; background:transparent; border-radius:3px;}
.attrbox div.item{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;background:#ecf5ff;height:30px; border:#d9ecff solid 1px;padding:0px 4px; margin-right:8px;}
.attrbox i{ cursor:pointer;}
/*.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;}*/
/*按钮样式*/
#Attrcomponentbox{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;}
#Attrselector{display: flex; display: -webkit-flex; display: -moz-flex; flex-direction: row;align-items: center; align-content: center;clear:both;}
#Attrselector div.chs{ margin-right:10px;}
#Attrcontrol{ display: block; background: #fff;padding:0px;}
#Attrcontrol table{width:100%;border-top:#eeeeee solid 1px;border-left:0px;;border-collapse:separate;border-spacing:0px;padding:0px;}
#Attrcontrol table td.tips{ background: #fafafa; text-align: center;color:#000;width:120px;}
#Attrcomponentips{display: block; border:#E1F5FF solid 1px;padding:10px; background:#F4FBFF;color:#666;border-radius:3px;}
#Attrcontrol table td { border-bottom: 1px solid #eeeeee;border-left: 1px solid #eeeeee;color:#666;padding:8px 8px;vertical-align: middle}
#Attrcontrol table td:first-child{border-left:0px;}
#Attrcontrol table tr:last-child td {border-bottom: 0}
#Attrcontrol table tr.hback td{background:#fafafa !important;font-size:15px;color:#000;border-right: 0;padding:8px 8px}
/***************************************************************************************
* 设置订单状态样式属性
****************************************************************************************/
span[affairs="0"],font[affairs="0"],b[affairs="0"]{display:inline-block;padding:4px 8px;border-radius:2px; text-align:center;text-overflow:ellipsis; border:#3582e1 solid 1px;color:#3582e1; background:#e4f0ff;-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;}
span[affairs="1"],font[affairs="1"],b[affairs="1"]{display:inline-block;padding:4px 8px;border-radius:2px; text-align:center;text-overflow:ellipsis; border:#f9e5c8 solid 1px;color:#fd9500; background:#fff8ef;-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;}
span[affairs="2"],font[affairs="2"],b[affairs="2"]{display:inline-block;padding:4px 8px;border-radius:2px; text-align:center;text-overflow:ellipsis; border:#72bd4d solid 1px;color:#72bd4d; background:#f0f9eb;-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;}
span[affairs="3"],font[affairs="3"],b[affairs="3"]{display:inline-block;padding:4px 8px;border-radius:2px; text-align:center;text-overflow:ellipsis; border:#ff6161 solid 1px;color:#ff6161; background:#fde2e2;-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;}
span[affairs="98"],font[affairs="98"],b[affairs="98"]{display:inline-block;padding:4px 8px;border-radius:2px; text-align:center;text-overflow:ellipsis; border:#fde2e2 solid 1px;color:#f56c6c; background:#fef0f0;-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;}
span[affairs="99"],font[affairs="99"],b[affairs="99"]{display:inline-block;padding:4px 8px;border-radius:2px; text-align:center;text-overflow:ellipsis; border:#f56c6c solid 1px;color:#f56c6c; background:#fef0f0;-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;}
span[affairs="100"],font[affairs="100"],b[affairs="100"]{display:inline-block;padding:4px 8px;border-radius:2px; text-align:center;text-overflow:ellipsis; border:#dadada solid 1px;color:#666666; background:#ededed;-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;}
span[affairs="101"],font[affairs="101"],b[affairs="101"]{display:inline-block;padding:4px 8px;border-radius:2px; text-align:center;text-overflow:ellipsis; border:#dadada solid 1px;color:#666666; background:#ededed;-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;}
span[affairs="255"],font[affairs="255"],b[affairs="255"]{ display:inline-block;padding:4px 8px;border-radius:2px; text-align:center;text-overflow:ellipsis; border:#72bd4d solid 1px;color:#72bd4d; background:#f0f9eb;-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;}

a[class~="vbtn"]{display:inline-block;border:#0079c1 solid 1px;padding:1px 6px;color:#0079c1 !important; overflow:hidden; border-radius:3px;font-size:13px; margin-right:4px;-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;vertical-align: middle;}
a[class~="vbtnRed"]{display:inline-block;border:#ff0000 solid 1px;padding:1px 6px;;color:#ff0000 !important; overflow:hidden; border-radius:3px;font-size:13px; margin-right:4px;-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;vertical-align: middle;}
.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:#FF0000 solid 1px;}

#Kdcomponentday{ display: block; clear: both;padding:10px; margin: 0px; box-sizing: border-box;height:450px; overflow:scroll; overflow-x: hidden;;}
#Kdcomponentday div.itembox{ display: block; clear:both;padding:10px; background: #fff;box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);}
#Kdcomponentday div.text{ display: block;padding:3px;color:#3582e1;font-size:13px;}
#Kdcomponentday div.local{display: block;padding:3px;color:#999;font-size:13px;}

.cny{ display:inline-block;}
.cny:before{ content: '￥';margin-right:4px;font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";}

/*滚动条样式*/
::-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;
}
/*滚动条样式*/