@charset "utf-8";
/* base */
/*全局定义*/
body {font-family: San Francisco,Segoe UI,"Arial", Helvetica, sans-serif, "Microsoft YaHei", sans-serif;font-size:12px;line-height:22px;padding: 0px;margin: 0px;color: #000000;background: #ffffff}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,cite,dfn,em,i,var,caption{font-style:normal;}
ul,ol,li{list-style:none;}a,a img,button {cursor:pointer;}
button,input,textarea{font-size:100%;border:none;background:none;}
table{border-collapse:collapse;border-spacing:0;}
img,input,button,textarea{border:0;vertical-align:middle;}
a{text-transform:none;text-decoration:none;}
*{outline:0;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
textarea{resize:none;font-family: San Francisco,Segoe UI,"Arial", Helvetica, sans-serif, "Microsoft YaHei", sans-serif;}
html{ overflow-x:hidden}
html,body{ height:100%;width: 100%;margin: 0px;padding: 0px;}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {width: 10px;height: 10px;}
/*定义滚动条轨道 内阴影+圆角*/
/*::-webkit-scrollbar-track{opacity: 0;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 1px;!*background-color: #F5F5F5;*!}*/
::-webkit-scrollbar-track{display: none;}
/*定义滑块 内阴影+圆角*/
/*::-webkit-scrollbar-thumb {border-radius: 2px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);}*/
::-webkit-scrollbar-thumb {border-radius: 4px;background:#e7e8ea;}

/*浮动*/
.fl{float:left;}.fr{float:right;}
.clear{clear:both;height:0px;overflow: hidden;margin:0;padding:0;font-size:0;}
.clearfix:after{content:"lina";display:block;height:0;clear:both;visibility:hidden;}

/*清除表单控件默认样式*/
select{appearance:none;-moz-appearance:none;-webkit-appearance:none;-o-appearance:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0); border:0}
select::-ms-expand{display:none;/*清除ie浏览器对select自带的样式，只支持IE10及以上*/}
input[type=text]::-ms-clear{display: none;}/*清除ie浏览器文本框自带的×图标*/
input::-webkit-input-placeholder{color:#999;}
input:-moz-placeholder{color:#999;}
input::-moz-placeholder{color:#999;}
input:-ms-input-placeholder{color:#999;}
textarea::-webkit-input-placeholder{color:#999;}
textarea:-moz-placeholder{color:#999;}
textarea::-moz-placeholder{color:#999;}
textarea:-ms-input-placeholder{color:#999;}
.placeholder{color:#999;/*设置谷歌placeholder颜色值IE8/9*/}
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
    border:none;padding:0;/*清除火狐浏览器对按钮自带的padding值*/}
textarea{resize:none}
fieldset, img { border: 0; }
table { border-collapse: separate;border-spacing: 0px; }
ol, ul { list-style: none; }
li { list-style-type: none; }
address, caption, cite, code, dfn, em, th, var { font-weight: normal; font-style: normal; }
abbr, acronym { border: 0; }
.hand {cursor: pointer;}
a.hand:hover { text-decoration: underline; }
.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }
.tb { font-weight: bold; }
/* layout */ .mT2 { margin-top: 2px; }
.mT5 { margin-top: 5px; }
.mT8 { margin-top: 8px; }
.mT10 { margin-top: 10px; }
.p5 { padding: 5px; }
.p8 { padding: 8px; }
.p10 { padding: 10px; }
.plr10 { padding-left: 10px; padding-right: 10px; }
.pr5 { padding-right: 5px; }
.pl5 { padding-left: 5px; }
.pl25 { padding-left: 25px; }
.ti15 { text-indent: 15px; }
.fl { float: left; }
.fr { float: right; }
.line21 { line-height: 21px; }
.line24 { line-height: 24px; }
.line-d { line-height: 28px; border-bottom: 1px dashed #69c; }
.line-d140 { line-height: 140%; border-bottom: 1px dotted #ccc; }
.line-b { border-bottom: 1px solid #369; }
.line-b2 { border-bottom: 2px solid #ccc; }
.line-b-g { border-bottom: 1px solid #ccc; border-right: none; border-left: none; border-top: none; }
.s4b { border: 1px solid #92c3f2; }
.s3b { border-left: 1px solid #92c3f2; border-right: 1px solid #92c3f2; border-top: 1px solid #92c3f2; border-bottom: hidden; }
.side4 { border: 1px solid #d5d5d5; }
.line-dashed { border-bottom: 1px solid #09F; }
.vm { vertical-align: middle; }
.ud { text-decoration: underline; }
.border-dd { line-height: 28px; border: 1px dashed #69c; }
.noPB5 { padding-top: 5px; padding-left: 5px; padding-right: 5px; }
.noPT5 { padding-bottom: 5px; padding-left: 5px; padding-right: 5px; }
.pt5{ padding-top: 5px; }
.ptb7{ padding-top: 7px; padding-bottom: 7px; }
.mB2 { margin-bottom: 2px; }
.mB5 { margin-bottom: 5px; }
.mL2 { margin-left: 2px; }
.mL5 { margin-left: 5px; }
.mL8 { margin-left: 8px; }
.mL10 { margin-left: 10px;}
.mR2 { margin-right: 2px; }
.mR5 { margin-right: 5px; }
.m5 { margin: 5px; }
.aui_title {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;}
/* add by tangdl default opBtn */
.opBtn {cursor: pointer;background-color: #67C23A !important; color: #ffffff !important;  padding: 5px 8px; height: 28px; line-height: 28px; text-align: center; border-radius: 2px;}
.warnBtn { cursor: pointer;background-color: #E6A23C !important; color: #ffffff !important;  padding: 5px 8px; height: 28px; line-height: 28px; text-align: center; border-radius: 2px;}
.dangerBtn { cursor: pointer;background-color: #F56C6C !important; color: #ffffff !important;  padding: 5px 8px; height: 28px; line-height: 28px; text-align: center; border-radius: 2px;}
.infoBtn { cursor: pointer;background-color: #409EFF !important; color: #ffffff !important;  padding: 5px 8px; height: 28px; line-height: 28px; text-align: center; border-radius: 2px;}
.enableBtn {cursor: pointer;background-color: #b7b7b7 !important; color: #ffffff !important;  padding: 5px 8px; height: 28px; line-height: 28px; text-align: center; border-radius: 2px;}

.opBtn2 { border:1px solid transparent;cursor: pointer;background-color: #f0f9eb;  color: #67C23A; padding: 5px 8px; height: 28px; line-height: 28px; text-align: center; border-radius: 2px; }
.opBtn2:hover{ border: 1px solid #67C23A !important; }
.warnBtn2 { border:1px solid transparent;cursor: pointer;background-color: #fdf6ec;color: #E6A23C; padding: 5px 8px; height: 28px; line-height: 28px; text-align: center; border-radius: 2px; }
.warnBtn2:hover{ border: 1px solid #E6A23C; }
.dangerBtn2 { border:1px solid transparent;cursor: pointer;background-color: #fef0f0; color: #F56C6C; padding: 5px 8px; height: 28px; line-height: 28px; text-align: center; border-radius: 2px; }
.dangerBtn2:hover{ border: 1px solid #F56C6C; }
.infoBtn2 { border:1px solid transparent;cursor: pointer;background-color: #ecf5ff ;  color: #409EFF;  padding: 5px 8px; height: 28px; line-height: 28px; text-align: center; border-radius: 2px; }
.infoBtn2:hover{ border: 1px solid #409EFF; }

.opCre{border-radius: 50%;width: 10px;height: 10px;background: #FFFFFF;border:2px solid #67C23A;cursor: pointer; }
.warnCre{border-radius: 50%;width: 10px;height: 10px;background:#FFFFFF;border:2px solid #E6A23C;cursor: pointer; }
.dangerCre{border-radius: 50%;width: 10px;height: 10px;background:#FFFFFF;border:2px solid #F56C6C;cursor: pointer; }
.infoCre{border-radius: 50%;width: 10px;height: 10px;background:#FFFFFF;border:2px solid #409EFF;cursor: pointer; }
.effCre{border-radius: 50%;width: 10px;height: 10px;background:#FFFFFF; border:2px solid #a7abb0;cursor: pointer;}


.opTip{margin:5px;padding:15px;font-size:12px;border-left:5px solid #67C23A;background-color:#FAFAFA;line-height:1.6;}
.warnTip{margin:5px;padding:15px;font-size:12px;border-left:5px solid #E6A23C;background-color:#FAFAFA;line-height:1.6;}
.infoTip{margin:5px;padding:15px;font-size:12px;border-left:5px solid #409EFF;background-color:#FAFAFA;line-height:1.6;}
.dangerTip{margin:5px;padding:15px;font-size:12px;border-left:5px solid #F56C6C;background-color:#FAFAFA;line-height:1.6;}

.container-radius{border-radius: 2px;border:1px solid #f2f2f2;}
.hideall{display: none;width: 0px;height: 0px;}
.body-container{background-color: #f7f8fa}

.formTable { border:0; text-align: center; font-size: 12px; width:100%; border-collapse: separate;table-layout: fixed;}
.formTable tr th:not([class^="mini-"])  { word-wrap:   break-word;   text-align: right; font-weight: normal; background-color: #ffffff; padding: 2px; }
.formTable tr td:not([class^="mini-"])  { text-align: left; padding: 2px; line-height: 28px; background-color: #ffffff; word-wrap:break-word;  }

/*展示表单用 列名称字体变浅色*/
.showFormTable {width:100%;text-align: center; font-size: 12px; border-collapse: collapse;table-layout: fixed;}
.showFormTable tr th:not([class^="mini-"]) { word-wrap:   break-word;   text-align: right; font-weight: normal; padding: 2px; background-color: #ffffff;color: #aaaaaa}
.showFormTable tr td:not([class^="mini-"]) { text-align: left; padding: 2px; height: 30px;  word-break: break-all; }

.winTb{height:28px;text-align: center; margin-top: 10px; padding-top: 8px; padding-bottom: 8px;}



.box {border:1px solid #F2F2F2;background: #ffffff;border-radius: 2px;box-shadow: 0px 2px 2px 0px #e5e5e5;margin: 10px 0px;}
.box_title {font-weight: bold;margin-left: 10px;margin-top:10px;margin-bottom:10px;font-size: 12px;}
.panelbtn{font-weight: normal;line-height: 16px;padding: 3px 6px;}
.boxic{display: flex;justify-content: center;align-items: center;text-align: center;}
.boxic:hover{transform: scale(1.05);}


/*颜色*/
.cBlue{color: #128bf1}
.cGreen{ color: #51A351 }
.cRed{ color: #d41930 }
.cYellow{ color: #ffa74e }
.reqRed{font-weight: bold;color: #f33;padding-right: 5px;}

.elipse{overflow:hidden; /* 超出部分隐藏 */white-space: nowrap; /* 文本不换行 */text-overflow:ellipsis;/* 省略的文本用省略号表示 */}
.underlink{text-decoration: underline;color: #0a78e3;cursor: pointer}


.search {background: #f1f1f1;border: 1px solid #f2f2f2;padding-left: 10px;padding-right: 10px;padding-top: 5px;padding-bottom: 5px;margin: 0px 0px 5px 0px;display: flex;flex-wrap: wrap;justify-content: flex-start;}
.search > *{margin-right: 15px;margin-top: 5px;margin-bottom: 5px;}

@keyframes fadeInTop { from {opacity: 0;transform: translate3d(0, -50%, 0);} to {opacity: 1;transform: translate3d(0, 0, 0);} }
@-webkit-keyframes fadeInTop { from {opacity: 0;transform: translate3d(0, -50%, 0);} to {opacity: 1;transform: translate3d(0, 0, 0);} }

@keyframes fadeInLeft { from {opacity: 0;transform: translate3d(-50%, 0, 0);} to {opacity: 1;transform: translate3d(0, 0, 0);} }
@-webkit-keyframes fadeInLeft { from {opacity: 0;transform: translate3d(-50%, 0, 0);} to {opacity: 1;transform: translate3d(0, 0, 0);} }

@keyframes fadeInRight { from {opacity: 0;transform: translate3d(50%, 0, 0);} to {opacity: 1;transform: translate3d(0, 0, 0);} }
@-webkit-keyframes fadeInRight { from {opacity: 0;transform: translate3d(50%, 0, 0);} to {opacity: 1;transform: translate3d(0, 0, 0);} }

@keyframes fadeIn { 0% {transform: scale(0);opacity: 0.0;} 25% {transform: scale(0);opacity: 0.1;} 50% {transform: scale(0.1);opacity: 0.3;} 75% {transform: scale(0.5);opacity: 0.5;} 100% {transform: scale(1);opacity:1;} }
@-webkit-keyframes fadeIn {/*针对webkit内核*/ 0% {transform: scale(0);opacity: 0.0;} 25% {transform: scale(0);opacity: 0.1;} 50% {transform: scale(0.1);opacity: 0.3;} 75% {transform: scale(0.5);opacity: 0.5;} 100% {transform: scale(1);opacity:1;} }

@-webkit-keyframes popIn { 0% {-webkit-transform: scale3d(0, 0, 0);transform: scale3d(0.5, 0.5, 0.5);opacity: 0;} 50% {-webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);} 100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);opacity: 1;} }
@keyframes popIn { 0% {-webkit-transform: scale3d(0, 0, 0);transform: scale3d(0.5, 0.5, 0.5);opacity: 0;} 50% {-webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);} 100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);opacity: 1;} }