@charset 'utf-8';
@import url('font-awesome/font-awesome.min.css');
html,body{margin:0;padding:0;color:#333;font:15px/1.6 'Microsoft Yahei', 'Microsoft Jhenghei', Arial, sans-serif;word-wrap:break-word;overflow:auto;min-height: 100vh;}
pre{word-break:break-all;word-wrap:break-word;}
ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0;list-style:none;}
img{border:0;max-width:100%;line-height:0;}
body,form,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,input,button,textarea,select,a{box-sizing:border-box;}
a{text-decoration:none;color:inherit;}
a[class]{transition:all .5s;}
u{text-decoration:none;}
p{margin:0 0 0.3em;}
div{outline: none;}
/*form*/
label[class^=form]{user-select: none;display: inline-block;margin-right: 10px;}
label[class^=form] i{font-size: inherit;}
input[type=checkbox],input[type=radio]{position:relative;appearance:none;font-size:inherit;width:18px;margin:0;color:inherit;outline:none;font-family:FontAwesome !important;transition:300ms ease-out;-webkit-appearance: none;-moz-appearance:none;background:none;}
input[type=radio]::after{content:'\f10c';display:inline-block;text-align:center;width:18px;font-size: inherit;font-size: 17px;color: inherit;}
input[type=radio]:checked::after{content:'\f192';}
input[type=radio]:active,input[type=checkbox]:active{transform:scale(.6);}
input[type=checkbox]::after{content:'\f096';display:inline-block;text-align:center;width:18px;font-size: inherit;font-size: 17px;color: inherit;}
input[type=checkbox]:checked::after{content:'\f14a';}
i[form_switch]::after{content:'\f096';display:inline-block;text-align:center;width:18px;font-size: inherit;font-size: 18px;color: inherit;font-family:FontAwesome;transition:300ms ease-out;font-style: normal;}
i[form_switch].form_switch_true::after{content:'\f14a';}
input,button,textarea,select,optgroup,option{font-weight:inherit;font-style:inherit;font-size:inherit;font-family:inherit;color:inherit;line-height:inherit;outline:none;}
input[type="submit"],input[type="button"],input[type="reset"],button{cursor:pointer;}
.form_control{margin-top: 15px;position: relative;}
.form_control img.form_captcha{position: absolute;top: 2px;right: 2px;bottom: 2px;border-radius: 0 4px 4px 0;cursor: pointer;}
.form_text, .form_textarea,.form_password, .form_button, .form_submit{padding:0px 10px;line-height: 38px;height: 38px;border:solid 1px #ccc;border-radius:4px;background: #fff;width:100%;color: #333;}
.form_button, .form_submit{display:inline-block;padding:0px 25px;border:none;background:#1e9fff;color:#fff;border-radius:3px;box-sizing:border-box;cursor: pointer;user-select: none;transition: all .3s;}
.form_button:hover, .form_submit:hover{background:#007cd8;}
.form_text:focus, .form_password:focus,.form_textarea:focus{border:solid 1px #1e9fff;}
.form_text_button{position: relative;}
.form_text_button span.form_button{position: absolute;right: 0;width: auto;padding: 0 15px;border-radius: 0 4px 4px 0;}
.form_textarea{overflow:auto;vertical-align:top;line-height: 1.5;padding-top: 6px;padding-bottom: 6px;min-height:85px;width: 100%;}
select.form_select{width:100%;max-width: 500px;padding:4px 10px;background:none;border:solid 1px #ccc;transition:all .3s;background:#fff;border-radius:2px;box-sizing:border-box;height: 35px;line-height: 35px;color: #333;}
textarea[editor]{height:380px;width: 100%;}
textarea[extends]{height:450px;resize: none;}
span.form_extend{border-radius: 0 0 3px 3px;float: right;}
select[disabled]{color: #888;border: solid 1px #ddd;cursor:not-allowed;}
input[upload]{border-radius:3px 0 0 3px;display: inline-block;vertical-align: middle;}
span.form_upload{border-radius:0 3px 3px 0;height: 35px;line-height: 35px;display: inline-block;vertical-align: middle;width: 80px;padding: 0;text-align: center;}
span[form_img]{position: relative;margin-left: -80px;display: inline-block;width: 80px;height: 33px;line-height: 33px;color: #fff;text-align: center;border-radius: 0 3px 3px 0;cursor: pointer;padding: 0;}
span[form_file]{position: relative;margin-left: -80px;display: inline-block;width: 80px;height: 33px;line-height: 33px;color: #fff;text-align: center;border-radius: 0 3px 3px 0;cursor: pointer;padding: 0;margin-top: -5px;}
span[form_imgs],span[form_misc]{margin-top: 10px;margin-bottom: 6px;}
input.form_text::placeholder,textarea.form_textarea::placeholder{color: #aaa;}
/* base */
select.form{display: inline-block;}
.mgt{margin-top: 15px;}
.clear{zoom:1;}
.clear,.wrapper:after,.layout:after,.row:after{content:" ";display:block;height:0;width:0;clear:both;}
.vc{display:flex;flex-direction:column;justify-content:center;}
.ac{display:flex;align-items:center;}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.animated{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
.flr,.r,.right,[flr]{float:right;}
.fll,.l,.left,[fll]{float:left;}
.tpl{display:none;}
.mgr10{margin-right: 10px;}
.mgt{margin-top:15px;}
.tempWrap{display:inline-block;}
.pagebar{display:inline-block;float:right;margin-right:15px;}
input.reset{background:#F7B824;}
.danger{background:#ff6838;color:#fff}
.warm{background:#F7B824;color:#fff}
.normal{background:#1e9fff;color:#fff;}
/*布局*/
#head{background: #1e9fff;position: absolute;left: 200px;top: 0;height: 50px;line-height: 50px;;right: 0;z-index: 999;}
#logo{width: 200px;height: 50px;line-height: 50px;background:#1e9fff;text-align: center;font-weight: bold;font-size: 16px;color: #fff;overflow: hidden;}
#logo img{margin-top: 10px;}
#side{width: 200px;height: 100%;background: #1c2b36;position: absolute;left: 0;top: 0;bottom: 0;}
#main{left: 200px;top: 50px;right: 0;bottom: 0;position: absolute;overflow: auto;background: #f1f4f6;}
#main #iframe{position: absolute;top: 10px;left: 10px;bottom: 0;right: 0;background: #fff;border: 5px solid #fff;}
#main #iframe iframe{width: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;}
body._mini #side{display: none;}
body._mini #head{left: 0;}
body._mini #main{left: 0;}
/*头部*/
#head .bars{width: 50px;height: 50px;text-align: center;font-size: 21px;cursor: pointer;float: left;color: #fff;}
#head .right .refresh{float: left;color: #fff;text-align: center;user-select: none;cursor: pointer;}
#head .right .refresh i.fa{margin-right: 5px;}
#head .right .user{float: left;color: #fff;user-select: none;border-radius: 0 0 5px 5px;padding: 0 10px;font-size: 14px;}
#head .right .user .fa{font-size: 18px;margin-right: 5px;}
#head .right .user span{padding-right: 10px;font-weight: bold;}
#head .right .user ul li{font-weight: bold;line-height: 32px;}

#menu{margin-top: 10px;color: #b8c7ce;}
#menu i.fa{margin-right: 6px;font-size: 16px;width: 18px;text-align: center;line-height: 45px;}
/*极简MENU*/
#menu ul li{padding-left: 45px;position: relative;font-size: 14px;line-height: 45px;cursor: pointer;user-select: none;}
#menu ul li:hover{background: #131e26;color: #fff;}
#menu ul li:before{content: '';display: block;position: absolute;top: 0;bottom: 0;left: 0;width: 3px;background: #1e9fff;margin-top: auto;margin-bottom: auto;height: 0;z-index: 10;}
#menu ul li.on{background: #131e26;color: #fff;}
#menu ul li.on:before{height: 100%;}
/*常规MENU*/
#menu dl{font-weight: bold;user-select: none;position: relative;}
#menu dl dt{padding-left: 30px;cursor: pointer;font-size: 14px;}
#menu dl dt:after{content: '\f105';font:normal normal normal 14px/1 FontAwesome;float: right;line-height: 45px;margin-right: 20px;}
#menu dl dd{padding-left: 55px;position: relative;display: none;font-size: 13px;line-height: 40px;cursor: pointer;}
#menu dl dd.on{color: #fff;}
#menu dl dd:hover{color: #fff;}
#menu dl dd u{font-weight: normal;margin-left: 5px;color: red;font-size: 13px;}
#menu dl:hover dt{background: #131e26;}
#menu dl.on{background: #131e26;}
#menu dl.on dt{color: #fff;}
#menu dl.on dt:after{content: '\f107';}
#menu dl.on dd{display: block;}
#menu dl:before{content: '';display: block;position: absolute;top: 0;bottom: 0;left: 0;width: 3px;background: #19aa8d;margin-top: auto;margin-bottom: auto;height: 0;z-index: 10;}
#menu dl.on:before{height: 100%;}
/*下拉*/
.dropdown{padding-bottom: 15px !important;}
.dropdown.on{background: #fff;box-shadow: 0 0 5px #ddd;color: #333 !important;}
.dropdown h3{font-size: inherit;font-weight: inherit;cursor: pointer;}
.dropdown ul{display: none;text-align: center;}
.dropdown ul li{cursor: pointer;}
.dropdown ul li a{display: block;}
.dropdown ul li:hover{background: #eee;}

html,body{background: #fff;}
body[auth]{display: flex;justify-content: center;align-items: center;background: #1e9fff;background: linear-gradient(to right, #1e9fff, #00bfff);;}
.auth{width: 380px;margin: auto;background: #fff;border-radius: 4px;padding: 30px;box-shadow: 0 0 3px #999;max-width: 95%;}
.auth .h3{text-align: center;display: none;}
.auth dl dt{font-weight: bold;font-size: 18px;text-align: center;user-select: none;}
.auth dl dd{margin-top: 15px;position: relative;}
.auth dl dd .icon{position: absolute;bottom: 11px;left: 10px;z-index: 10;color: #999;}
.auth dl dd .icon.fa-envelope,.auth dl dd .icon.fa-barcode{font-size: 14px;bottom: 12px;}
.auth dl dd input[type=text],body .auth dl dd input[type=password]{padding-left: 26px;}

table{width: 100%;}
table[page] td:first-child{vertical-align: top;width: 80px;line-height: 40px;}
td [section]{background:rgba(0, 0, 0, 0.02);padding: 15px;border-radius: 4px;box-shadow: 0 0 1px #888;}

table[list] thead{font-weight: bold;user-select: none;background: #eee;}
table[list] td{padding:0 10px;border: none;}
table[list] tbody tr:hover{background: #eee;}
table[list] tfoot{user-select: none;}