@CHARSET "UTF-8";
body, button, input, textarea{color: #333; font-size: 12px;  font-family:"PingFangSC-Regular", "微软雅黑","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"宋体";}
body,table,p,div,a,b,i,ul,ol, button, input {margin: 0; outline:none;}
input, select, textarea{outline:none;font-size: 12px; }
img {border: none;}
a {text-decoration: none; cursor:pointer;}
.clear{clear:both;}

.btn,.button{display: inline-block; border-radius: 4px; font-size: 14px; line-height: 16px; border: 1px solid #90A4AE; color:#90A4AE; padding: 8px 16px; text-decoration: none; cursor: pointer; background:#fff;}
.btn.icon,.button.icon{padding: 8px 8px 8px 32px; background-repeat: no-repeat; background-position: 8px center;}
.btn.small,.button.small{line-height:24px; height: 24px; font-size: 14px; padding:0 8px; border: none; background:#ECEFF1;}
.btn.small.icon,.button.small.icon{padding-left: 28px; background-repeat: no-repeat; background-position: 8px center; background-size: 16px 16px;}
.btn:hover, .btn.sel, .btn:active, .button:hover, .button.sel, .button:active{border-color:#2F54EB; background-color:#2F54EB; color: #fff;}
.btn.loading,.button.loading{border-color:#ccc;cursor: default; padding-left:28px; background: url(../img/loading.gif) 6px center no-repeat #eee; color:#90A4AE;}
.btn.small.loading,.button.small.loading{}

.ui-full-page-loading{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.1); display: flex; flex-direction: column; justify-content: center; align-items: center;}
.ui-full-page-loading img{margin-bottom: 0.5em; position: relative; z-index: 1;}
.ui-full-page-loading div{font-size: 14px; background: #fff; padding: 32px 8px 8px 8px; border-radius: 8px; margin-top: -32px; box-shadow: 0 0 5px 5px #fff;}
.ui-full-page-loading div:after{content:"...";}

div.loading, p.loading {text-align: center; padding:20px; padding-top: 30px;}
div.loading img, p.loading img {vertical-align: -3px;margin-right: 5px;}

label.loading {text-align: center;}
label.loading img {vertical-align: -3px;margin-right: 5px;}

p.page {text-align: center;line-height:20px;}
p.page label {font-size: 12px;color: #999; display: block; margin-bottom: 8px;}
p.page a {padding: 0 5px;font-size: 14px;margin: 0 3px;}
p.page a:hover {}
p.page a.current {font-weight: bold; color: #333; text-decoration: none; cursor: default;}
p.page a.link_goto {display: none;}
p.page span.goto {}
p.page span.goto input {width: 20px;text-align: center;height: 12px;line-height: 12px;}
p.clear{clear: both; height:0; margin:0; padding:0;}

input[type='text'].date, input[type='text'].daterange{width: 78px;text-align: center;}
/*
input[type='text'], input[type='password']{border-width: 1px;border-style: solid;border-color: #ACA899 #ECE9D8 #ECE9D8 #ACA899;background: #fafafa; padding: 0 4px;}
input[type='text']:focus, input[type='password']:focus {background: #fff; border-color:#8C8879 #CCC9B8 #CCC9B8 #8C8879;}
input[type='text'].date, input[type='text'].daterange{width: 78px;text-align: center;}
input[type='text'].empty{color:#999;}
input[type='text'].error{border: 1px solid #c00;}
input[type='text'].loading{background-image: url(../images/loading.gif); background-position: right center; background-repeat: no-repeat;}

input[type='text'].int{text-align:right;width:60px;}
input[type='text'].float{text-align:right;width:80px;}

textarea {border-width: 1px;border-style: solid;border-color: #ACA899 #ECE9D8 #ECE9D8 #ACA899;background: #fafafa;font-size: 12px; line-height:22px; padding:4px; overflow: auto;resize: none;}
textarea:focus {background: #fff;}
textarea.empty{color:#999;}

input[type='checkbox'] {vertical-align: -2px;}
input[type='radio'] {vertical-align: -1px;}

input[type='button'], input[type='submit']{border: 1px solid #666;}
input[type='button'].loading, input[type='submit'].loading{background-image: url(../images/loading.gif); background-position: left center; background-repeat: no-repeat; padding-left: 16px; border: 1px solid #ccc; color: #bbb;}
*/

input[type='text'],input[type='number'],input[type='password'], input[type='time']{font-size: 14px; line-height: 22px; height: 24px; border: 1px solid #ECEFF1; border-radius: 4px; padding: 0 8px; background:#FAFAFA; color:#455A64;}
input[type='text']::-webkit-input-placeholder, input[type='text']::-moz-placeholder, input[type='text']::-ms-input-placeholder{color:#90A4AE;}
textarea{font-size: 14px; line-height: 22px; border: 1px solid #ECEFF1; border-radius: 4px; padding: 4px 8px; background:#FAFAFA; color:#455A64; resize: none;}
input[type='checkbox']{-webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #90A4AE; width: 16px; height: 16px; border-radius: 4px; background:#FAFAFA; text-align:center; line-height: 16px;}
input[type='checkbox']:checked{background:#2F54EB url(../img/icon-checkbox-checked.png) center center no-repeat; border-color:#2F54EB;}

.gray{color: #999;}
.txt-money, .ico-money{font-size: 16px; font-weight: bold; color: orange;}
.txt-coin{font-size: 16px; font-weight: bold; color: orange; margin:0 3px;}

.ui-dialog .ui-dialog-title b{color:#2F54EB;}
.ui-dialog .ui-dialog-buttonpane div.ui-dialog-buttonset {float: none;text-align: center;}
.ui-dialog .ui-dialog-buttonpane button.loading{ color:#999; background-color:#fff; border: 1px solid #ccc; padding-left: 26px; background-image: url(../img/loading.gif); background-position: 5px center; background-repeat: no-repeat; cursor: default;}
.ui-dialog .ui-dialog-buttonpane button.loading:active{color:#999; background-color:#fff; border: 1px solid #ccc;}
.ui-dialog .ui-dialog-buttonpane button.loading span{color: #999;}
.ui-dialog-titlebar-close:after{content:"╳"; padding:0; font-size:8px; vertical-align:6px; font-weight:bold;}

#dlg_my_loading{padding-top: 30px; text-align: center; background-image: url(../img/loading.gif); background-repeat: no-repeat; background-position: center 10px;}

.ui-autocomplete{text-align:left;}
.ui-autocomplete.ui-front {z-index: 200;}

div.dlg{display: none; line-height: 30px;}
div.dlg table{margin-bottom: 10px;}
div.dlg table th {text-align: right; white-space: nowrap; font-weight: normal; vertical-align: top; padding: 0.4em 0;}
div.dlg table thead{font-weight:bold; white-space: nowrap;}
div.dlg table td{text-align:left;padding: 0.4em;}
div.dlg table td.chk-list{}
div.dlg table td.chk-list label{display:inline-block; margin-right: 0.8em; font-weight:normal;}
div.dlg table td.chk-list input{vertical-align:-2px; margin-right: 0.2em;}
div.dlg ol{font-size: 12px;}


label.msg {margin-left: 5px;line-height: 16px;}
label.msg span {display: inline-block;width: 16px;height: 16px;vertical-align: middle;}
label.msg font {font-size: 12px;margin-left: 5px;}
label.msg.ok {color: green;}
label.msg.ok span {background: url(img/msg_ok.png) no-repeat;}
label.msg.warning {color: orange;}
label.msg.warning span {background: url(img/msg_warning.png) no-repeat;}
label.msg.error {color: red;}
label.msg.error span {background: url(img/msg_error.png) no-repeat;}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title select{width: auto;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title select.ui-datepicker-year{margin-right: 2px;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title select.ui-datepicker-month{margin-left: 2px;}

#ui-colorpicker-div{position:absolute;z-index:10000;border:1px solid #ddd;background:#fff;width:355px;height:250px;}
#ui-colorpicker-div .tab{background:#ddd;margin:0;padding-left:5px;}
#ui-colorpicker-div .tab span{padding:3px 8px;display:inline-block;cursor:pointer;}
#ui-colorpicker-div .tab span.selected{background:#fff;}
#ui-colorpicker-div .normal{padding:3px 0 0 8px;}
#ui-colorpicker-div .normal table{float:left;border-collapse:seperate;margin:0 2px 2px 0;}
#ui-colorpicker-div .normal table td{border:1px solid #ddd;padding:0 7px;height:14px;cursor:pointer;}
#ui-colorpicker-div .normal table td.current{border:1px solid #000;}
#ui-colorpicker-div .set{padding:3px 8px;}
#ui-colorpicker-div .set td{padding:8px 0;}
#ui-colorpicker-div .set tr.color p{width: 200px;}
#ui-colorpicker-div .set td input{width:30px;margin-left:15px;border:1px solid #bbb;height:14px;line-height:13px;}
#ui-colorpicker-div .set tr.result label{padding:3px 6px;margin-right:10px;border:1px solid #000;}
#ui-colorpicker-div .set tr.oper{padding-left:36px;margin-top:30px;}

.ui-dropdown-panel{position: relative; display: inline-block;  width: 100px; height: 24px; border: 1px solid #ddd; background: #fafafa; line-height: 24px; vertical-align: -6px; cursor: default;}
.ui-dropdown-panel:after{content:"▼"; position: absolute; color:#999; width:14px; height: 14px; line-height:14px; right:4px; top:4px; transition: all 0.2s linear;}
.ui-dropdown-panel>div{position:relative; z-index: 12;width: calc(100% - 20px); height: 22px; margin:0; line-height: 22px; padding:0 5px; white-space: nowrap; overflow-x:hidden; text-overflow: ellipsis;}
.ui-dropdown-panel>ul{position:absolute; z-index: 11; visibility:hidden; background:#fff; margin-left: -1px; border: 1px solid #ddd; min-width: calc(100% + 2px); max-height:0px; overflow:hidden; padding:0; transition: all 0.2s linear;}
.ui-dropdown-panel ul{display:flex; flex-wrap: wrap; list-style:none; padding:2px; justify-content:flex-start;}
.ui-dropdown-panel ul li{white-space: nowrap; margin:3px;}
.ui-dropdown-panel ul span.dp-item{display:block;padding:3px 5px; cursor: pointer; margin:0; overflow-x:hidden; text-overflow: ellipsis;}
.ui-dropdown-panel ul span.dp-item:hover{background:#f0f6ff;}
.ui-dropdown-panel ul span.dp-item.sel{background:#def;}
.ui-dropdown-panel ul li.sub{max-width:100%; width:100%;}
.ui-dropdown-panel ul li.sub ul{margin-left:2em;}
.ui-dropdown-panel ul li.clear{width:100%; max-width:100%; text-align: center; padding: 3px 0; cursor:pointer;}
.ui-dropdown-panel ul li.clear:hover{background:#f0f6ff;}
.ui-dropdown-panel.show-panel{background:#fff;}
.ui-dropdown-panel.show-panel:after{color:#333; transform: rotate(-180deg);}
.ui-dropdown-panel.show-panel>div{height:22px;}
.ui-dropdown-panel.show-panel>ul{visibility: visible; max-height:500px; overflow-y:auto;}

div.ui-toast-message{position:absolute; display:none;z-index: 100000; background:#fff; border: 1px solid #f6f6f6; border-radius: 4px; padding:0.4em 1em; line-height: 2em; box-shadow: 3px 3px 5px #888888;}

div.ui-prompt-message{border: 1px solid #ddd; border-radius: 6px; padding: 3px 5px; line-height: 20px; margin-top: 5px;}
div.ui-prompt-message .ui-prompt-msg-ico{display: inline-block; width: 14px; height: 14px; background: url(img/ui-prompt-message-ico.png) no-repeat; margin: 0; margin-right: 4px; vertical-align: -2px;}
div.ui-prompt-message .ui-prompt-msg-content{display: inline;}
div.ui-prompt-message.pass{border-color: #bdf; color: #00adee; background: #f4f8ff;}
div.ui-prompt-message.notice{border-color: #be7; color: #86c440; background: #f5fff8;}
div.ui-prompt-message.notice .ui-prompt-msg-ico{background-position: 0 -14px;}
div.ui-prompt-message.warning{border-color: #fd9; color: #f9a31a; background: #fffcf6;}
div.ui-prompt-message.warning .ui-prompt-msg-ico{background-position: 0 -28px;}
div.ui-prompt-message.error{border-color: #faa; color: #ff1e00; background: #fff9f9;}
div.ui-prompt-message.error .ui-prompt-msg-ico{background-position: 0 -42px;}


div.ui-dlg-hide-title div.ui-dialog-titlebar{display: none;}
div.ui-my-dlg-confirm{z-index: 100000;}
div.ui-my-dlg-confirm div.ui-dialog-content{font-size: 14px; line-height: 30px; text-align: left;}
div.ui-my-dlg-confirm div.ui-dialog-content a{color: #06f;}
div.ui-my-dlg-confirm .ui-dialog-buttonset button[t='ok']{background:green; border-color: green; color: white; font-weight: bold; margin-right: 2em;}
div.ui-my-dlg-confirm .ui-dialog-buttonset button[t='cancel']{background: gray; color: white;}

.ui-treeview{list-style: none; padding-left:0;}
.ui-treeview label{font-weight: normal; padding:2px 6px; border-radius:2px;}
.ui-treeview label:hover{background:#f0f6ff;}
.ui-treeview label input{margin-right: 5px;}
.ui-treeview label.sel{background:#def;}
.ui-treeview li.sub{}
.ui-treeview li.sub i:before{content:"+"; display:inline-block; font-style:normal; vertical-align:1px; line-height: 8px; text-align:center; width:12px; height: 12px; cursor:pointer; border-radius:2px; margin-right: 8px;margin-left:-20px; border: 1px solid #ccc;}
.ui-treeview li.sub.exp i:before{content:"-";}
.ui-treeview>li{padding-left:20px;}
.ui-treeview ul{list-style: none; padding-left:0;}
.ui-treeview ul>li{}
.ui-treeview li>ul{margin-left:20px; display:none;}
.ui-treeview li.exp>ul{display: block;}

.ui-loading{position: relative;}
.ui-loading .ui-loading-bg{position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 9; width: 100%; height: 100%; line-height: 30px; background: url(img/trans-white-80.png);}
.ui-loading .ui-loading-content{padding-top: 30px; text-align: center; height: 100%;}
.ui-loading .ui-loading-img{vertical-align: -3px;}

div.ui-img-popup{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background:rgba(100, 100, 100, 0.2); z-index: -1; opacity: 0; display: flex; align-items: center; flex-direction: column; justify-content: center; transition: all 0.1s linear;}
div.ui-img-popup.show{opacity: 1; z-index: 1000;}
div.ui-img-popup img{max-width: 80%; max-height: 80%; cursor: move;}

p.ui-textarea-maxlength-msg{text-align:right;}
p.ui-textarea-maxlength-msg font{margin:0 5px 0 3px; font-size: 20px; font-style: italic; vertical-align:-1px;}
p.ui-textarea-maxlength-msg font.f0{color:#f90;}
p.ui-textarea-maxlength-msg font.f1{color:#0c9;}

table.infoEdit{border-collapse: collapse; line-height: 28px; margin: 10px; border: 1px solid #c3c3c3;}
table.infoEdit th{background:#bbddf2; border: 1px solid #c3c3c3; padding: 5px 10px 5px 5px; text-align:right; white-space: nowrap; font-size: 14px; width:80px; font-weight:normal;}
table.infoEdit td{background:#f3f3f3; border: 1px solid #c3c3c3; padding: 5px 10px;}
table.infoEdit td.chklist label{margin-right: 15px;}
table.infoEdit td.chklist label.empty{color: #999;}

table.data-list{border-collapse: collapse;}
table.data-list td{padding: 16px 0 16px 8px; border: none; font-size: 14px; letter-spacing: 0; line-height: 16px;}
table.data-list td:nth-last-child(1){padding-right: 8px;}
table.data-list thead{background:#ECEFF1; color: #455A64; white-space: nowrap;}
table.data-list tbody tr:nth-child(2n){background-color: #FAFAFA;}
table.data-list td.num{width: 1px; text-align: center; white-space: nowrap;}
table.data-list td.oper{width: 1px; text-align:center; white-space: nowrap;}
table.data-list td.oper a{border-radius: 4px; line-height:24px; height: 24px; margin:0 4px; font-size: 14px; padding:2px 8px; border: none; background:#ECEFF1; color:#90A4AE;}
table.data-list td.oper a:hover{background-color:#2F54EB; color: #fff;}
table.data-list td.oper a.sel{background-color:#2F54EB; color: #fff;}

.gender[v='1']{color: #0b82eb;}
.gender[v='1']:after{content:"男";}
.gender[v='2']{color: #da2f4d;}
.gender[v='2']:after{content:"女";}

@media (max-width: 750px){
	.ui-full-page-loading img{margin-bottom: 1vw;}
	.ui-full-page-loading div{font-size: 4vw;}
}