.btn {
    padding: 6px 20px;
    line-height: 20px;
    display: inline-block;
    background: #fff;
    font-size: 14px;
    color: #3486FF;
    border: 1px solid #4b84e7;
    cursor: pointer;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}
.btn:hover { background: #fff; color: #333; }
.btn:active { background: url(../images/btn1_activebg.png) repeat-x; color: #333; }
.blue-btn { padding: 7px 20px; line-height: 20px; display: inline-block; background: #4b84e7; font-size: 14px; color: #fff; border: 0px none; cursor: pointer; border-radius: 3px; -webkit-border-radius: 3px; }
.blue-btn:hover { background: #5291ff; color: #fff; }
.blue-btn:active { background: #4174cc; color: #fff; }
.yellow-btn { padding: 7px 20px; line-height: 20px; display: inline-block; background: #ff8040; font-size: 14px; color: #fff; border: 0px none; cursor: pointer; border-radius: 3px; -webkit-border-radius: 3px; }
.yellow-btn:hover { background: #fc6f29; color: #fff; }
.yellow-btn:active { background: #ef6018; color: #fff; }
.quit-btn { padding: 6px 20px; line-height: 20px; display: inline-block; background: #fff; font-size: 14px; color: #333; border: 1px solid #dbdbdb; cursor: pointer; border-radius: 3px; -webkit-border-radius: 3px; }
.quit-btn:hover { color: #333; }
.quit-btn:active { background: #e0e0e0; color: #333; }
.inputStyle { border: 1px solid #e0e0e0; line-height: 20px; padding: 6px 10px; width: 278px; background-color: #fff; border-radius: 3px; -webkit-border-radius: 3px; height:20px; margin:0; }
.l-ui-textarea { position: relative; width: 760px; height:70px; }
.l-ui-textarea textarea { border: 1px solid #e0e0e0; line-height: 20px; padding: 5px 10px 0px 10px; background-color: #fff; border-radius: 3px; -webkit-border-radius: 3px; height:100%; resize: none; box-sizing: border-box; width: 100%; }
.l-ui-textarea div { position: absolute; right: 15px; bottom: -20px; line-height: 20px; color: #b2b2b2; height:20px; }  /* fly.bottom: 5px; */
.l-ui-textarea div span { color: #000; }
.l-ui-input{height: 34px; position: relative;}
.l-ui-input .inputWrap{ width:100%; height:34px;}
.l-ui-input .inputWrap input[type=text]{border: 1px solid #e0e0e0; line-height: 20px; padding: 6px 10px; background-color: #fff; border-radius: 3px; -webkit-border-radius: 3px; height:20px; margin:0; width:100%;}
.l-ui-input .matchWrap{position: absolute; top: 33px; left: 0; display: none; min-width: 100%; z-index: 110000; white-space: nowrap;}
.l-ui-input .matchWrap .matchList{position: relative; border: 1px solid #e0e0e0; padding: 3px; background-color: #fff;}
.l-ui-input .matchWrap .matchList li{ color: #333; cursor: pointer; display: block; line-height: 17px; padding: 9px 7px; white-space: nowrap; cursor: pointer; }
.l-ui-input .matchWrap .matchList li:hover{background-color: #e6f2ff;}
.dateSelect { height: 34px; position: relative; width: 300px; }
.dateSelect .inputStyle { padding-right: 30px; width: 258px; margin:0; }
.dateSelect .dateClick { position: absolute; right: 8px; width: 16px; height: 16px; background: url(../images/system_pic.png) no-repeat -169px -16px; top: 9px; }
.addSpeciality { height: 34px; position: relative; width: 340px; }
.addSpeciality .inputStyle { padding-right: 30px; width: 298px; margin:0; }
.addSpeciality .specialityIcon { position: absolute; right: 8px; width: 16px; height: 12px; background: url(../images/system_pic.png) no-repeat -208px -106px; top: 11px; }
.specialtyInput{background-color:#f4f5f6; overflow:hidden; padding:3px; max-height:60px; overflow:hidden;}
.specialtyInput span{ display:inline-block; position:relative; margin:3px 5px; height:24px; padding:0 20px 0 10px; border-radius:3px; -webkit-border-radius:3px; background-color:#b2cfff; line-height:24px;}
.specialtyInput span a.deleteItem{ position:absolute; width:8px; height:8px; right:6px; top:8px; background:url(../images/system_pic.png) no-repeat -230px -106px; display:block;}
.dataSelect{ width:100%; height:280px; position:relative; background-color:#fff;}
.dataSelect .dataSource{ width:150px; height:280px; overflow-x:hidden;overflow-y:auto; position:absolute; left:0; top:0; background-color:#f4f5f6;}
.dataSelect .dataSource li{ height:40px; line-height:40px; border-left:4px solid #f4f5f6; padding-left:10px; box-sizing:border-box; width:100%;}
.dataSelect .dataSource li:hover,.dataSelect .dataSource li.selected{border-left:4px solid #4b84e7; color:#4b84e7; background-color:#fff;}
.dataSelect .dataSub{ position:relative; margin-left:150px;height:280px; }
.dataSub .subList{ width:100%; height:220px;overflow-x:hidden;overflow-y:auto; }
.dataSub .subList a{ display:inline-block; padding:0 10px; margin:5px;white-space:nowrap; height:24px; line-height:24px;border-radius:3px; -webkit-border-radius:3px;}
.dataSub .subList a:hover,.dataSub .subList a:active{ background-color:#e6f2ff;}
.dataSub .ui-pop-handle{ margin-top:12px;}
.l-ui-radiolist { line-height:24px;}
.l-ui-radiolist div a { height: 24px; display: inline-block; padding: 0 15px; line-height: 24px; border-radius: 3px; -webkit-border-radius: 3px; margin-right: 6px; margin-bottom:10px;}
.l-ui-radiolist div a.selected { background-color: #4b84e7; color: #fff; }
.l-ui-radiolist div a:hover { color: #333; background-color:#e6f2ff; }
.l-ui-radiolist div a.selected:hover {background-color: #4b84e7; color: #fff; }
.l-ui-checkbox-style { width: 12px; height: 20px; display: inline-block; margin-right: 2px; line-height: 20px; }
.l-ui-checkbox-style div a { width: 12px; height: 12px; display: inline-block; background: url(../images/system_pic.png) no-repeat 0 -74px; }
.l-ui-checkbox-style div a.selected { background: url(../images/system_pic.png) no-repeat -31px -74px; }
.l-ui-radio-style { width: 12px; height: 12px; display: inline-block; }
.l-ui-radio-style div a { width: 12px; height: 12px; display: inline-block; background: url(../images/system_pic.png) no-repeat 0 -74px; }
.l-ui-radio-style div a.selected { background: url(../images/system_pic.png) no-repeat -15px -74px; }
.l-ui-radiolb { width: 20px; height: 20px; display: inline-block; line-height:20px; }
.l-ui-radiolb div a { width: 20px; height: 20px; display: inline-block; background: url(../images/system_pic.png) no-repeat -252px -104px; }
.l-ui-radiolb div a.selected { background: url(../images/system_pic.png) no-repeat -274px -104px; }
.l-ui-combo-style { height: 34px; position: relative; }
.l-ui-combo-style .select-input { border: 1px solid #e0e0e0; height: 34px; display: block; padding-right: 20px; position: relative; color: #333; background-color: #fff; z-index: 300; box-sizing: border-box; width: 100%; border-radius: 3px; -webkit-border-radius: 3px; }
.l-ui-combo-style .select-input input[type=text] { line-height: 20px; padding: 6px 10px 6px 5px; border: 0px none; background-color: #fff; box-sizing: border-box; width: 100%; border-radius: 3px; -webkit-border-radius: 3px; vertical-align: top; }
.l-ui-combo-style .select-input .valueBox { line-height: 32px; padding: 6px 10px 6px 5px; border: 0px none; background-color: #fff; box-sizing: border-box; width: 100%; border-radius: 3px; -webkit-border-radius: 3px; vertical-align: top; display:inline-block; height:32px;}
.l-ui-combo-style .select-input .valueBox label{ display:inline-block; height:20px; line-height:20px; vertical-align:top; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.l-ui-combo-style .select-input .selectArrow { display: block; position: absolute; right: 1px; top: 1px; width: 20px; height: 32px; background: url(../images/system_pic.png) no-repeat -175px -44px; cursor: pointer; }
.l-ui-combo-style .select-items { position: absolute; top: 33px; left: 0; display: none; min-width: 100%; z-index: 110000; white-space: nowrap; }
.l-ui-combo-style .select-items .listItem { border: 1px solid #e0e0e0; padding: 3px; background-color: #fff; position: relative;}
.l-ui-combo-style .select-items .listItem li { color: #333; cursor: pointer; display: block; line-height: 17px; padding: 9px 7px; white-space: nowrap; cursor: pointer; }
.l-ui-combo-style .select-items .listItem li:hover, .combo-box .select-items .listItem li.selected { background-color: #e6f2ff; }
.l-ui-combo-style .combo-relate { position: absolute; top: 33px; left: 0; display: none; -width: 100%; z-index: 110010; display: none; }
.l-ui-combo-style .combo-relate .relateList { position: relative; border: 1px solid #e0e0e0; padding: 3px; background-color: #fff;}
.l-ui-combo-style .combo-relate .relateList li { color: #333; cursor: pointer; display: block; line-height: 17px; padding: 9px 7px; white-space: nowrap; cursor: pointer; }
.l-ui-combo-style .combo-relate .relateList li:hover { background-color: #e6f2ff; }
.upload-box { position: relative; border:1px solid #e0e0e0; height:34px; border-radius:3px; -webkit-border-radius:3px; width:100%; box-sizing:border-box; }
.upload-box .uploadLine{ position:absolute; left:0;right:0; top:31px; background-color:#d1d1d1; height:1px; z-index:100;}
.upload-box .uploadLine .jd{background: -webkit-linear-gradient(left,#689df8,#2ccdfc);background: -o-linear-gradient(left,#689df8,#2ccdfc);background: -moz-linear-gradient(left,#689df8,#2ccdfc);background: linear-gradient(to right,#689df8,#2ccdfc); height:1px;}
.upload-box .upload-btn { display: inline-block; height: 32px; }
.webuploader-container { position: relative; width:100%; }
.webuploader-pick { position: relative; display: inline-block; width: 100%; line-height: 32px; height: 32px; cursor: pointer; background: #fff; color: #4b84e7; text-align: center; overflow: hidden; border-radius: 3px; -webkit-border-radius: 3px; }
.webuploader-pick-hover { background: #fff; color: #4b84e7; text-decoration: underline; }
.webuploader-pick-active { background-color: #e0e0e0; color: #4b84e7; }
.webuploader-element-invisible { position: absolute; clip: rect(1px 1px 1px 1px); }
.tree-node { height: 30px;cursor: pointer; white-space:nowrap;}
.tree-node-hover { background-color: #e6f2ff; }
.tree-node-on{background-color: #d1e8ff;}
.tree-hit { cursor: pointer; }
.tree-expanded, .tree-collapsed, .tree-indent { display: inline-block; width: 22px; height: 30px; vertical-align: top; overflow: hidden; }
.tree-date { display: inline-block; height: 30px; vertical-align: top; line-height: 30px;}
.tree-expanded { background: url(../images/arrow_unfold.png) no-repeat center center; }
.tree-collapsed { background: url(../images/arrow_fold.png) no-repeat center center; }
.tree-title { display: inline-block; text-decoration: none; vertical-align: top; white-space: nowrap; height: 30px; line-height: 30px; padding-right: 5px; }
.tree-title2 { display: inline-block; text-decoration: none; vertical-align: top; white-space: nowrap; height: 30px; line-height: 30px; padding-right: 5px; padding-left: 15px; }
.addNode { display: inline-block; width: 12px; height: 12px; margin: 9px 3px 9px 3px; background: url(../images/system_pic.png) no-repeat -117px -16px;  opacity: 0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;  white-space:nowrap;}
.editNode { display: inline-block; width: 12px; height: 12px;margin: 9px 3px 9px 3px; background: url(../images/system_pic.png) no-repeat -134px -16px; opacity: 0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; white-space:nowrap;}
.deleteNode { display: inline-block; width: 12px; height: 12px;margin: 9px 3px 9px 3px; background: url(../images/system_pic.png) no-repeat -151px -16px; opacity: 0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; white-space:nowrap;}
.tree-name { width: 120px; }
.tree-node-hover .addNode { opacity: 1;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; }
.tree-node-hover .editNode {opacity: 1;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; }
.tree-node-hover .deleteNode {opacity: 1;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;}
.tree-node2 { padding-left: 44px; line-height: 24px; margin-bottom: 5px; }
.tree-node2 dl { position: relative; }
.tree-node2 dl dt { height: 24px; width: 45px; color: #999; position: absolute; top: 0; left: 0; line-height: 24px; }
.tree-node2 dl dd { margin-left: 45px; line-height: 20px; position: relative; min-height: 24px; padding-top: 2px; }
.l-ui-comboTree { height: 34px; position: relative; z-index: 100000; }
.l-ui-comboTree .comboTree-text { border: 1px solid #e0e0e0; height: 32px; display: block; padding-right: 20px; position: relative; color: #333; background-color: #fff; z-index: 100000; border-radius: 3px; -webkit-border-radius: 3px; }
.l-ui-comboTree .comboTree-text input[type=text] { line-height: 20px; padding: 6px 10px 6px 5px; border: 0px none; background-color: #fff; box-sizing: border-box; width: 100%; border-radius: 3px; -webkit-border-radius: 3px; }
.l-ui-comboTree .comboTree-text .selectArrow { display: block; position: absolute; right: 1px; top: 1px; width: 20px; height: 32px; background: url(../images/system_pic.png) no-repeat -175px -44px; cursor: pointer; }
.l-ui-comboTree .comboTree-p { position: absolute; top: 33px; left: 0; display: none; min-width: 100%; white-space: nowrap; border:1px solid #e0e0e0; box-sizing:border-box;z-index: 110010; max-height:300px; background-color:#fff;}
.l-ui-comboTree .comboTree-p .comboTree-tree{ padding:3px; width:100%; height:100%;}
.multi-tree { position: absolute; top: 33px; left: 0; display: none; width: 400px; border: 1px solid #e0e0e0; z-index: 110010; height: 361px; background-color: #fff; }
.multi-tree .multiTreeWrap { height: 310px; border-bottom: 1px solid #ededed; width: 400px; }
.multi-tree .multiHandle { width: 400px; height: 34px; padding: 8px 0; text-align: right; }
.multi-tree .nodeSelect { float: right; height: 100%; width: 159px; }
.multi-tree .nodeSelect .sTit { line-height: 30px; padding: 5px; }
.multi-tree .nodeSelect .selectedList { padding: 0 5px; height: 270px; overflow: auto; }
.selectedList li { padding: 0 30px 0 10px; height: 30px; line-height: 30px; cursor: pointer; position: relative; }
.selectedList li:hover { background-color: #e6f2ff; }
.selectedList li .deleteItem { position: absolute; right: 0; top: 0; width: 30px; height: 30px; display: none; background: url(../images/system_pic.png) no-repeat -193px -10px }
.selectedList li .deleteItem:hover { background: url(../images/system_pic.png) no-repeat -225px -10px; }
.selectedList li:hover .deleteItem { display: block; }
.multi-tree .multiHandle input { margin-right: 10px; }
.multiCheckbox{ height:34px; position:relative;}
.multiCheckbox .checkboxWrap{ border-radius:3px; -webkit-border-radius:3px; border:1px solid #e0e0e0; height:34px; width:100%; box-sizing:border-box; width:100%;}
.multiCheckbox .checkboxWrap  input[type=text] { line-height: 20px; padding: 6px 10px 6px 5px; border: 0px none; background-color: #fff; box-sizing: border-box; width: 100%; border-radius: 3px; -webkit-border-radius: 3px; height:32px; vertical-align:top; }
.multiCheckbox .checkList{ position:absolute; top:33px; border:1px solid #e0e0e0; overflow:hidden; height:200px; padding:5px; left:0; box-sizing:border-box; min-width:100%; background-color:#fff; z-index: 110010;}
.checkList .check-wrap{ width:100%; height:170px; position:relative;}
.checkList .check-content{ position:absolute; top:0; left:0; height:170px; width:100%; overflow:hidden;}
.checkList .check-content .dxItem{ float:left; width:100%; height:170px;}
.checkList .check-content .dxItem li{ padding:0 10px; height:34px; line-height:34px; width:100%; box-sizing:border-box; cursor:pointer; overflow:hidden;}
.checkList .check-content .dxItem li span{ display:inline-block; margin-right:6px; line-height:34px;}
.checkList .check-content .dxItem li span.gray{ font-size:12px; color:#999; margin-right:18px;}
.checkList .check-content .dxItem li a.deleteObject{ background:url(../images/system_pic.png) no-repeat -151px -16px; display:block; width:12px; height:12px; margin:11px 0 0 0; display:none;}
.checkList .check-content .dxItem li a.deleteObjecthover,.dxCon .dxItem li a.deleteObject:active{ background:url(../images/system_pic.png) no-repeat -281px -16px;}
.checkList .check-content .dxItem li:hover{ background-color:#e6f2ff;}
.checkList .check-content.dxItem li:hover a.deleteObject{ display:block;}
.checkList .dotList{ text-align:right; padding-right:15px; line-height:12px; margin-top:5px;}
.checkList .dotList li{ display:inline-block; width:12px; height:12px; margin-left:7px; border-radius:50%; -webkit-border-radius:50%; background-color:#e8eaed; cursor:pointer;}
.checkList .dotList li.on,.checkList .dotList li:hover{ background-color:#4b84e7;}
.l-ui-table table { border-bottom: 1px solid #e6e6e6; }
.l-ui-table .topRow { border: 1px solid #e0e0e0; }
.l-ui-table th { background-color: #fff; height: 20px; line-height: 20px; padding: 10px 5px; text-align: left; }
.l-ui-table td { text-align: left; padding: 8px 5px; line-height: 24px; cursor:pointer; word-break:break-all; }
.l-ui-table tr.selected { background-color: #e6f2ff; }
.rank { display: inline-block; position: relative; padding-right: 12px; }
.rank:hover { color: #333; }
.rannkUp i { position: absolute; right: 0; top: 6px; width: 7px; height: 10px; background: url(../images/system_pic.png) no-repeat -32px -16px; display: block; }
.rannkDown i { position: absolute; right: 0; top: 6px; width: 7px; height: 10px; background: url(../images/system_pic.png) no-repeat -20px -16px; display: block; }
.tipPop { width: 150px; height: 50px; background-color: #fff; box-shadow: 0px 2px 8px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.15); -o-box-shadow: 0px 2px 8px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.15); position:fixed; top: 50%; left: 50%; margin-top: -25px; margin-left: -75px; text-align: center; border-radius: 3px; -webkit-border-radius: 3px; z-index:1000000; }
.tipPop .tip-txt { height: 24px; line-height: 24px; display: inline-block; padding-left: 35px; margin: 13px 0; font-size: 16px; }
.tipPop .tip-success { background: url(../images/tips_ico1.png) no-repeat left center; }
.tipPop .tip-fail { background: url(../images/tips_ico2.png) no-repeat left center; }
.tipPop .tip-loading { background: url(../images/tips_loading.gif) no-repeat left center; }
.tipPop .tip-refresh { background: url(../images/tips_refresh.gif) no-repeat left center; }
.l-ui-pop { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 99999; display: none; }
.ui-pop-bg { position: fixed; z-index: 99990; left: 0; top: 0; right: 0; bottom: 0; display: none; filter: alpha(opacity=30); /* IE */ -moz-opacity: 0.3; /* �ϰ�Mozilla */ -khtml-opacity: 0.3; /* �ϰ�Safari */ opacity: 0.3; /* ֧��opacity�������*/ background-color: #000; }
.l-ui-pop .ui-pop-wrap { background-color: #fff; border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2); -o-box-shadow: 0 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2); }
.ui-pop-wrap .ui-pop-box { position: relative; width: 100%; height: 100%;z-index: 100000; }
.ui-pop-box .ui-pop-title { height: 48px; line-height: 48px; padding: 0 30px 0 10px; position: relative; }
.ui-pop-box .ui-pop-title span { font-weight: bold; font-size: 16px; color: #7a8699; }
.ui-pop-box .ui-pop-title span a {padding-left: 20px; margin-left: 10px; background: url(../images/help_usually.png) no-repeat center center;}
.ui-pop-box .ui-pop-title span a:hover {padding-left: 20px; background: url(../images/help_hover.png) no-repeat center center;}
.ui-pop-box .ui-pop-title .close-pop-btn { position: absolute; width: 14px; height: 14px; right: 15px; top: 17px; background: url(../images/system_pic.png) no-repeat -230px -52px; }
.ui-pop-box .ui-pop-title .close-pop-btn:hover { background: url(../images/system_pic.png) no-repeat -203px -51px; }
.ui-pop-box .ui-pop-con { width: 100%; }
.ui-pop-box .ui-pop-handle { height: 34px; padding-bottom: 13px; text-align: right;margin-top:10px; } /* fly.margin-top:10px; */
.ui-pop-box .ui-pop-handle input { margin-right: 14px; }
input::-ms-clear{display:none;}

.g-layer-shadow {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.4);
}
.g-layer-main {
    padding: 0;
    background-color: #fff;
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: initial;
}
.g-layer-header {
    position: relative;
    padding: 20px;
}
.g-layer-title {
    color: #606266;
    font-size: 20px;
}
.g-layer-close {
    color: #C3CDD9;
    font-size: 20px;
    position: absolute;
    right: 10px;
    top: 16px;
    cursor: pointer;
}
.g-layer-body {
    padding: 0 20px 20px 20px;
}
.g-layer-body tr {
    line-height: 40px;
}
.g-layer-close:hover {
    color: #409EFF;
}
.g-layer-body .section {
    padding: 10px 20px;
    background-color: #FAFAFC;
}
.g-layer-footer {
    padding: 20px;
    text-align: right;
}
.m-l-10 {
    margin-left: 10px;
}
.m-r-10 {
    margin-right: 10px;
}
.m-l-20 {
    margin-left: 20px;
}
.m-r-20 {
    margin-right: 20px;
}
.m-l-5 {
    margin-left: 5px;
}
.m-r-5 {
    margin-right: 5px;
}
.m-t-10 {
    margin-top: 10px;
}
.m-b-10 {
    margin-bottom: 10px;
}
.sub-title {
    font-size: 16px;
    color: #303133;
}