/** 公共 **/
*{margin:0;padding:0;-webkit-text-size-adjust: none;}
html{height:100%;}
[v-cloak]{display: none;}
body{height:100%;color:#333; font-family: "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", sans-serif; font-size:14px;}
code{font-family: Consolas,Menlo,Courier,monospace;}
dl,ul,ol,li,dt,dd{list-style-type:none; list-style-position:outside;}
hr{ border-bottom: none;border-left:none; border-right:none;border-top: 1px solid #333;}
.xw {width: 45px!important;}  
.sw {width: 80px!important;}
.nw {width: 120px!important;}
.bw {width: 180px!important;}
.lw {width: 250px!important;}
.ll {width: 400px!important;}
.gray{color:gray}			 


/** link **/
a{color:#333; text-decoration:none; outline:none;}
a:hover{color:#F60;}

/** control **/
textarea, select, input[type=text], input[type=password], input[type=number], input[type=date]{width: 100%;outline: none; box-sizing: border-box; border-radius: 4px; padding:5px;border-style:solid; border-width:1px;
		border-color:#AEB4BA #CED4DA #CED4DA #AEB4BA; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); transition: border-color .2s ease-in-out,box-shadow .2s ease-in-out;}
textarea:hover, input:hover{border-color: #999999 #B3B3B3 #B3B3B3 #999999;}
textarea:focus, input:focus{border-color: #57A3F3;box-shadow: 0 0 0 1px rgba(45,140,240,.2);}
select,input{height: 32px;line-height: 1.45;}
input.lg {height: 36px;font-size: 18px;line-height: 1.25;border-radius: 5px;}  
input.sm {height: 28px;font-size: 14px;line-height: 1.35;border-radius: 3px;}
input.xs {height: 22px;font-size: 11px;line-height: 1.5;border-radius: 3px;}
input[type="submit"], button{cursor: pointer;}
input[type=checkbox],input[type=radio]{vertical-align:text-bottom;height:14px;}

/** button **/
.btn {display: inline-block;border:0 none; box-sizing: border-box;font-size: 14px;padding: 6px 14px;text-indent: 0px;text-shadow: none;margin: 0; line-height: 1.333; text-align: center; white-space: nowrap;vertical-align: middle; cursor: pointer; user-select: none; border: 1px solid transparent; border-radius: 3px; outline: 0;}
.btn:hover, .btn.focus {color: #333;text-decoration: none!important;}
.btn.active {box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);}
.btn.default {color: #333; background-color: #F2F2F2 ; border-color: #dedede;}
.btn.default:focus, .btn.default.focus {color: #333; background-color: #e6e6e6; border-color: #8c8c8c;}
.btn.default:hover {color: #333; background-color: #e6e6e6; border-color: #adadad;}
.btn.default:active, .btn.default.active {color: #333; background-color: #e6e6e6; border-color: #adadad;}
.btn.primary {color: #fff; background-color: #337ab7; border-color: #2e6da4;}
.btn.primary:focus, .btn.primary.focus {color: #fff; background-color: #286090; border-color: #122b40;}
.btn.primary:hover {color: #fff; background-color: #286090; border-color: #204d74;}
.btn.primary:active, .btn.primary.active{color: #fff; background-color: #286090; border-color: #204d74;}
.btn.success {color: #fff; background-color: #5cb85c; border-color: #4cae4c;}
.btn.success:focus, .btn.success.focus {color: #fff; background-color: #449d44; border-color: #255625;}
.btn.success:hover {color: #fff; background-color: #449d44; border-color: #398439;}
.btn.success:active, .btn.success.active {color: #fff; background-color: #449d44; border-color: #398439;}
.btn.info {color: #fff; background-color: #5bc0de; border-color: #46b8da;}
.btn.info:focus, .btn.info.focus {color: #fff; background-color: #31b0d5; border-color: #1b6d85;}
.btn.info:hover {color: #fff; background-color: #31b0d5; border-color: #269abc;}
.btn.info:active, .btn.info.active {color: #fff; background-color: #31b0d5; border-color: #269abc;}
.btn.warning {color: #fff; background-color: #FD8A23; border-color: #eea236;}
.btn.warning:focus, .btn.warning.focus {color: #fff; background-color: #FF9D46; border-color: #985f0d;}
.btn.warning:hover {color: #fff; background-color: #FF9D46; border-color: #d58512;}
.btn.warning:active, .btn.warning.active {color: #fff; background-color: #FF9D46; border-color: #d58512;}
.btn.danger {color: #fff; background-color: #d9534f; border-color: #d43f3a;}
.btn.danger:focus, .btn.danger.focus {color: #fff; background-color: #c9302c; border-color: #761c19;}
.btn.danger:hover {color: #fff; background-color: #c9302c; border-color: #ac2925;}
.btn.danger:active, .btn.danger.active {color: #fff; background-color: #c9302c; border-color: #ac2925;}
.btn.link {color: #337ab7; border-radius: 0;font-weight: normal; }
.btn.link.hover, .btn.link.focus, .btn.link.active,
.btn.link:hover, .btn.link:focus, .btn.link:active {color: #23527c; text-decoration: underline; background-color: transparent;box-shadow: none;}
.btn.block {display: block;}
.btn.lg {padding: 7px 18px; font-size: 16px; line-height: 1.25; border-radius: 5px;}
.btn.sm {padding: 4px 12px; font-size: 14px; line-height: 1.35;}
.btn.sx {padding: 3px 8px; font-size: 12px; line-height: 1.35;}
.btn.xs {padding: 1px 5px; font-size: 12px; line-height: 1.5;border-radius: 3px;}
.btn.ms {padding: 1px 5px; font-size:12px;transform:scale(0.91); line-height: 1.5;border-radius: 3px;border:none;}
.btn.flat {border-radius: 0px!important;}
.btn.disabled, .btn.disabled:focus, .btn.disabled:hover, .btn.disabled:active{border: 1px solid #DDD;background-color: #F5F5F5;color:#ACA899;cursor: default;}  

.switch{ position:relative;background-color:#fff;border: 1px solid #c4c6cf;width:26px;height:14px;border-radius:14px;cursor: pointer;}
.switch:focus,.switch:hover{ background-color: #f2f3f7;}
.switch>:first-child{position:absolute;display:inline-block;height:14px;width:14px;border-radius:14px;background-color:#FFF;border-right:1px solid #d4d6df;}
.switch.on{border-color: #1e8e3e;background-color: #1e8e3e;}
.switch.on:focus, .switch.on:hover {background-color: #176e30;border-color: #176e30;}
.switch.on>:first-child{position: absolute;display: inline-block;top:0;right:0;height:12px;width:12px;border-radius: 12px;background-color: #FFF;border: 1px solid #FFF;}
 
/** table **/
.table{border-collapse:collapse; border-spacing:0;width:100%;}
.table caption{padding:0 15px;text-align: left;}
.table th, .table td{height: calc(1.25em + .75rem + 2px); padding: 0 5px;font-weight: normal;}
.table>tbody>tr,
.table>tfoot>tr{border-top:1px dotted #DEE2E6;border-bottom:1px dotted #DEE2E6;}
.table>thead>tr{border-bottom:1px solid #ebebeb;border-top:1px solid #ebebeb;font-weight: normal;background-color: #f9f9f9;}
.table>tbody>tr:hover{background: #F3F3F4;}
.table>tbody>tr>th{font-weight: normal;}
.table>tfoot>tr:last-child{border-bottom:none}

/** contextmenu **/	
.contextmenu {position:absolute;top:0;left:0;margin:0;z-index:999999;}
.contextmenu-ul{padding: 3px 0;background: #F9F9FB;border-radius: 3px;font-size: 12px;font-weight: 400;color: #333;border:1px solid #CFCFD8;box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.5);}
.contextmenu li { margin: 0; list-style-type: none; min-width:100px; padding: 0px 16px 0px 20px; height:26px; display: flex;align-items:center; cursor: pointer; position:relative;white-space: nowrap;}
.contextmenu li:hover { background-color: #E0E0E6;}
.contextmenu li.spacer{height:0;padding:0;border-bottom:1px solid #CFCFD8;height:1px;margin-top:2px;margin-bottom:3px;}
.contextmenu .liy{position:absolute;right:16px;}

/** modal **/
.modal-mask {position: fixed;z-index: 99999999;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .1);display: table;transition: opacity .1s ease;}
.modal-mask-none {position: fixed;z-index: 99999999;top: 0;left: 0;width: 100%;height: 100%;display: table;pointer-events: none;}
.modal-content {position: absolute;top: 40%;left: 50%;pointer-events: auto;transform: translate(-50%, -50%);z-index: 99990;padding: 10px 5px;font-size:14px;background-color: #FFF;border-radius: 5px;box-shadow: 0 2px 8px rgba(0, 0, 0, .33);/*transition: all 3s ease;*/}
.modal-header {padding:3px 15px 8px 15px;margin-bottom:8px;font-size:15px;/*font-weight: bold;*/border-bottom: 1px solid #e5e5e5;overflow: hidden;white-space:nowrap;color: #444;overflow-x:hidden;user-select:none;min-height:20px;display: flex;align-items:center;}
.modal-close  {position: absolute;z-index: 1;width:28px;padding-left:5px;height:28px;line-height:28px;text-align: center;vertical-align:middle;right:8px;top:8px;cursor: pointer;user-select: none;}
    .modal-close>i{color: #333;font-size:16px;text-shadow: 0 1px 0 #FFF;filter: alpha(opacity=33);opacity: .33;cursor: pointer;display: inline-block;font-style: normal;user-select: none;}
    .modal-close>i:hover{filter: alpha(opacity=66);opacity:0.66;}
    .modal-close>i:active{filter: alpha(opacity=50);opacity:0.5;}
.modal-body { margin:2px 15px;}
.modal-footer {margin:16px 16px 8px;position: relative;}
    .modal-footer-message{position: absolute;left:0;right:150px;display:table;}
    .modal-footer-message>span{display:table-cell;vertical-align:middle;height:32px;font-size: 12px;}    
    .modal-footer-button{text-align:right;line-height: 30px;}
    .modal-footer-button>button{min-width:60px;margin-left: 10px;}
.modal-enter { opacity: 0;}
.modal-leave-to { opacity: 0;}
.modal-enter .modal-container,.modal-leave-to .modal-container { -webkit-transform: scale(1.1);transform: scale(1.1);}

.modal-message{min-height: 32px;line-height:32px;padding:16px 0px 10px;min-height:32px;}
.modal-message .modal-message-table{width: 100%;white-space:nowrap;}
.modal-message .modal-message-input{width: 100%!important;}
.modal-message-content{position:relative;};

.modal-msgbox{margin-bottom: 16px;margin-top: 12px;}
.modal-msgbox-icon{background-repeat: no-repeat;padding-left: 50px;line-height:120%;min-height:32px;display: flex;align-items:center;}
.modal-msgbox-icon.success{background-image:url(data:image/gif;base64,R0lGODlhIAAgANUAAFCFCtLgtLjbHLyudp7GC8vpTH6qH/j69LbYMKbJKuzo12uXL4msUsHWmafOB73cRZK3LPz9+bzSl73eCaXGROXt0LHWDvP378TkJ1uNFW+dGNTtX+3nnZS4P4y0E8bYoajPEPj87v///8q+e9nmvNDGocroUsDUku/22v///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHACkALAAAAAAgACAAAAb/wJRwSEwdLhfJ6SRBHorQaEp0+HQygIwWkO18DiJpNNJYAAyIgmltKiAMgEUjIiZWGACI+iGY+CcCD2sQAAwVdSkBCxoFBX1/kBMWAmoaCwFiigYbGJGeFqAIGwaXUCIVC5udnqwWDgKjCxVhQxEMGpysuqCvGxoMdEJkALm6rAICrggmAHNDC3rGnhgJHh4ICA6xQx8AjtKQ1BAnFBAIk8wfRh0GJuB/1B0kIiHl2QULHUcZCA+RGKvCJYCAIoRBEh0IgHhAIcOFFN4eTaBmDUFADBQooKBXMERCEP0ApJCQwR0gBB4oKCBhDoMAjARRyDQ4AEICECCYKclQwA+C/wQDDIpAaLHczIIoKFzDScBEhiUl/QigUIJeiKEZKZAIgRThNQsgHOQEwKSkhQk/T1i9SmJER64svzIdKwGio0kJ5K01yBcFwgTncIIgkOCByAsZCjuYmEAr38chOCR8AJYpAYYOD3RYYMIBqHjzILNMgEGwZRP5nnQzIcAz3nFXRYggB9j0YMLpnukBAXYSAggjTrS1KcA2geMFICyo1QCAiWy9BQyEAMFDguKmjxNY1ixYClu4Wgu2gA0wdsHal2UARuRUqg3ix1dGrz2BL1m0iGjakE2s7dvaCWIJJlIookEbAhDgwILa1VfAAxmUUscdeazxAAKD4VTYIIUcgijId2XEQYEgapjwwGZxOPOhEFRYwUUWL2bgBRgrQnFEEks0ccETdQQBADs=)}
.modal-msgbox-icon.error{background-image:url(data:image/gif;base64,R0lGODlhIAAgANUAAN5iA9LgtP+2EsbYof+JBPz9+eN5Mv+9Sf+bF/j2zf+yOP/QX/+WI/+cLP/Lk+yBB/zbt/S4jOyUTP/FJOXt0P/26f+nI//IVP+lM/XBm/+XC+ZuAP317v+nEv+zQ//////39////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHACEALAAAAAAgACAAAAb/wJBwSAyBOJxMJJJBgorQaOgDykg2AAA2u5FkQB9ptDAwAB6WiXrdeQAMg4KYSJEAEGuFZ69QqAVuEhRzIRQGG2oHiosHex4YGBMCGwYBYoYPE4oXnJyLfAoYFoCVUB+YmpwLqwudjB6how8GFGFDBVeprRYaCAqtnAoaBL4KDaNdckIFAQCpnBoNEQcEvwvCFxENBJDHAgAByiEGeKoIGBUfHw7VCgQO6gkYGt2kQxnOB54IEOrq7O/8fYBADIM3ABmMSMik6gA/gevgCSRIrwGDSRKObEjTacG5dBAFVvBAoINBBh00AOAQIl/HCxo8gAw5koAGCycRdAAQAt+z/wurYMqkSfJmKIsXEUZApE/VKnf9IFK00Odk0iVMmwI9oEFiSHYWYFn9xsSZh6YLuHoNuY4A1ZzfEjpTsOlCQJEz/7nNuTMEhw0dJpy9oOChv5FD/VFEmnIliIWCz6o9TJJA4rbRGFzs8sSnnrMWGECokKBoB8sJKkBgQEyzToRDDGiIfBYBN9s3D7g7N6yXZnvLmgnos+eABQIlLTR61Ns3g9fhbuUK9VkBVVCxEGh+jlHcFFQ4MRDvEwqSQaQIJtGyRSSAgQcCwps336D+9g7qLUlxv0FA/PoA2ueaAB1Qot8ldsBHYGiu6URgIIMQEgIZZjygAX7+EagBFnB4RxYIFVZkIaKIXoAhYRRHJLFEExw8MUcQADs=)}
.modal-msgbox-icon.info{background-image:url(data:image/gif;base64,R0lGODlhIAAgAMQAAACZzK3F5FK57Tqt4Gy/8vT7/R6l2YrJ/ezx+Fy979Lt9kS04w+d1Z3Y7C2r3mHB9Vy+4LXi8f///0u16MTW7W/F+dfj8b/S6u74/NDe7/n9/t3n9bXL5////wAAAAAAACH5BAEHAB0ALAAAAAAgACAAAAX/YCeOZFdg2KEeaFG+cCcVEWQwzI0bU1RIMZimMWA4EpVkkiBwMAYNTZCkgDAmqsojIegmCMkiRDHtRBwGFeGxTWy7gomgQjBGgmfHQctmNx0TXHELSAYOdyUSCg56fFoECwMLkYRdEwtzhgpAIxo2ew9KdAYBEhIHBoITl3MMEFIiQwBJbKJppqYEBnCXAwIJAFEjkgduohUAGbgSHACqvQQOAyMRDHyhog4EyxAOvL2EAHcF3cW1oroECAi6gnG92gYLJ6kEbtiiAgOMA4G8k/sELGCAoQODNffwKUkw6dc3gA4wAehwwFqCi31s4djxLNK+IwxUWPuFMSODBRbW9GUo8q7XxwQhK1bwUpINAArLLgB4B5ERTJEzaSYEYGGZhZ2reoI8YNCeHKHAiuI6mtQjmn4TMTAQ8OApnF9EjQK4ZBXNhCIYCkxwUGGBVzhhp44tiyaBPBcRADBxuwquVFNH6RrwFWzYAEh8V02Ia2oDgEiM0Oxi1KmBXn2TJi3eIPajZMLCYlkhcDbz4m24IAD4aGAwzFckFKGBJG3AvpMQICwAYEjykdabXpwxwITfAB07JMuzewiPk4ueIyv3JiAHoiBVABxJcNa3pC4OAIwpE6tBeHmBLsY5rj00eRk0BgLYyGD+ggYFYL0ncSLFihZlhAAAOw==)}
.modal-msgbox-icon.warning{background-image:url(data:image/gif;base64,R0lGODlhIAAgAMQAAE5CEtDGoePZXreoXu/v76CMNpN8IczMzODWWvLrZfr3tfj2ze3nnbyuduzo1/HsfNnmvOfeY8q+e7CeOfXwa////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHABUALAAAAAAgACAAAAX/YCWOZGmeaKqubFA0DiuL0sAgxsw6xaI8E4lO1ZAoGJSEITY0BSZHihTRaJoMjJ9UWoBYR4FBdEtBDL4VAvaXaLsngW9RC6i7BQZCE1I4PhIABgYLb0JDAwFsgIKEbks6T0dugYNuCQNVM1gMf22UjW4FcSw1kpOMlglmOwZ+lp+pCXArc38RtxGfuLg4eih8R7u3usIRQSmInMXEwnhMJZEMxbcL1dMRmCZqDMoC3t/g4eCiJRINPxHiAnUA6t+rIzzB7p/u3rMiRZz29fa9FTy4pUNAsGDBagsMKiR4rMGACAsjSlxYoMKTiRglDjhToYGgjyBDihw5wMsIAigdFTg4wLKlS5cOUKJUIbOmzZsz0VgJAQA7)}
.modal-msgbox-icon.confirm{background-image:url(data:image/gif;base64,R0lGODlhIAAgAMQAAAITKb/S6qW/4YCavC5dm9fj8SxThRxCc+zx+GWFr7XL5x86XpW03BYuTdDe70prnPf5/H6j1N3n9a3F5MTW7bvO6P///4Sn1v///wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHABgALAAAAAAgACAAAAX/ICaOpAghaAqVbDtaaSxbrgtLeK7rCF2PkJ1wiPhhEMPkruhCEp0SFLGFKFivhSojwU0MFEislfkSjycPgnpNGEjMBZ/oLZZMDGy82pCgYyUvDoKDDhIPegYPCYd7AhKEgitHkIUMBpcGF1eHl32UgBgFlAgDBwYHnhSkpqiikHEIlJUHtAKuhqwJrpBIFL6/vgUDDxcOFIUJpqcCxsC+b87Ag8cFDwu0CwnN0YLR3tUNtA3a3sAB5+jp5wUJDQsL48bq6g7z8w4H7/H26RQFFQADCqwQoIK7BgYoFBw4MAtDhgEaNADwgMLDgT0oKNjIsaMCCgMWGBBQwaPJADQKhZj0GADNgwklV3IsYEImR4MAACywyZGMgwlAgwYFCUAiAAYKhCqlQAJCUqVAKwjIWVTAU6gTJI2QIKCrV68B2i348rUsqBIOyn6d0JWt2q4OajhgQLeu3bt3mf4owOCC37+AA19gQNPIEQWCE1+YQMbwYQYRIkuOjLSx4zITLkS+wEyrixAAOw==)}

.tree{position: relative;}
    .tree-items {display:block;user-select: none;padding: 0;}
    .tree-item{display: flex;position: relative;padding: 0;align-items:center;line-height:22px;height:22px;}
    .tree-item:hover{background-color: #F0F0F0;}
    .tree-icon {display:inline-block;text-align:center;transform:rotate(90deg);width: 16px;height:16px;line-height:16px; bottom:1px;font-size: 12px;padding: 2px;}
    .tree-checkbox{padding: 0px 4px;}
    .tree-name{padding: 0 6px 0 4px;font-size: 14px;}
    .tree-item.active .tree-name{background-color: #337ab7;color:#FFF}

    .tree-item-open  .tree-icon{transform:rotate(270deg);transition: transform 0.3s;color:#333;}
    .tree-item-close .tree-icon{transform:rotate(180deg);transition: transform 0.3s;color:#333;}
    .tree-item-none  .tree-icon{font-size:0;background-color: #999;width: 0;height: 0;line-height: 4px;left: 10px;border: 8px solid #FFF;color:transparent;}
    .tree-item-none:hover .tree-icon{border-color:#F0F0F0}

    /** modal-form **/
.modal-form{display: flex;}
	.modal-form>.modal-form-column:nth-child(2){margin-left:30px;}
	.modal-form-column{display: flex; flex-direction:column;}
	.modal-form-item {display: flex;min-height:40px;}
    .modal-form-name {padding:5px 10px 5px 0;min-width:70px;display: flex;justify-content: left;align-items: center;text-align: justify;flex-direction:row;}
    .modal-form-value{padding:5px 0 5px 10px;}
	/*.modal-form-value-width{margin-left:-90px;}*/
    .modal-form-item input[type=text],
    .modal-form-item input[type=password],
    .modal-form-item textarea{width:260px;resize: none;font-size: 14px;}
    .modal-form-select{position: relative;}
    .modal-form-select input[type=text]{padding-right: 20px;}
    .modal-form-select-arrow{position: absolute;z-index: 1;color:#999;user-select: none;transform:rotate(-90deg);transition: transform 0.3s;width: 20px;height:20px;top:6px;line-height:20px; bottom:1px; right: 0px;font-size: 14px;text-align: center;border-radius: 4px;}
    .modal-form-select-arrow:hover{color: #444;}
    .modal-form-option{margin:0;padding:0;position: absolute; z-index: 2;display: none;overflow: hidden;overflow-y: auto;background-color: #FFF;border:1px solid;border-color: #AEB4BA #CED4DA #CED4DA #AEB4BA;left:0;right: 0;}
    .modal-form-option>li{display:flex;align-items:center;height: 26px;cursor: pointer;padding:0 8px;user-select: none;}
    .modal-form-option>li:hover{background-color: #EBEBEB;} 
	.modal-form-radio{padding-right:15px;}
	.modal-form-radio>input{margin-right:4px;margin-top:10px;}

    .modal-form-option.show{display:block;}
    .modal-form-select.show .modal-form-option{display:block;z-index: 3!important;}
    .modal-form-select.show .modal-form-select-arrow{transform:rotate(90deg);}

    .tooltips{ position: absolute;z-index:99999;margin-top: -30px;background-color: #FFF4DD;border: 1px solid #FFD5A6;height: 21px;line-height: 21px;color: #FF6600;font-size: 12px;padding: 0 5px; border-radius:3px;}
    .tooltips:before{ content: '';position: absolute;left:10px;top:20px;width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 8px solid #FFD5A6;}
    .tooltips:after{content:'';position: absolute;left:11px;top:20px;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 7px solid #FFF4DD;    }

.modal-tree{border-bottom:1px solid #CCC}
    .modal-tree-content{margin-bottom: 10px;height:200px;width:300px;overflow: hidden;overflow-y: auto;}


/****翻页 pagination****/ 
.pagination>ul {position:relative;margin: 0;padding: 0; display: flex;justify-content: center;align-items: center;}
.pagination>ul>li~li {margin-left:-1px;}
.pagination>ul>li:first-child {border-bottom-left-radius: 3px;border-top-left-radius: 3px;}
.pagination>ul>li:last-child {border-bottom-right-radius: 3px;border-top-right-radius: 3px;}
.pagination>ul>li {text-align:center;border:1px solid #E0E0E0;color:#404040;z-index: 0;display: inline-block;}
.pagination>ul>li:hover {background-color:#EDEDED;border-color:#CDCDCD;z-index: 1;}
.pagination>ul>li.active {border-color:#CDCDCD;background-color:#EDEDED;z-index: 1;}
.pagination>ul>li.active a{cursor:default;text-decoration:none;}
.pagination>ul>li.active:hover {border-color:#CDCDCD;}
.pagination>ul>li a{display: inline-block; color:#404040;padding:0 0.3em;/*margin-left: 1px;*/}
.pagination>ul>li a:hover{color:#404040;text-decoration:none;}
.pagination>ul>li>input{width:30px;margin:0 0.3em;border-radius:2px;height:1.6em;padding:0;text-align: center;}
.pagination>ul>li>em{padding:0 0.3em;font-style: normal;margin: 0;padding:1px 0.3em 0;}
.pagination>ul>li>a, .pagination>ul>li{height:2em;min-width:1.402em;line-height:2em;font-size:14px;}
.pagination>ul>li>span{margin-right: 0.3em;}
/*.pagination>ul>li:first-child {border-top-left-radius: 6px;border-bottom-left-radius: 6px;}
.pagination>ul>li:last-child {border-top-right-radius: 6px;border-bottom-right-radius: 6px;}*/

.clear{clear: both;}

.upload{position: relative;display:inline-block;padding: 0;margin:0;}
.upload input[type=file]{font-size:0; opacity:0; position: absolute; top: 0px; left: 0px;width: 100%; height: 100%;cursor:pointer;}
/***<div class="upload"><a href="javascript:;" class="btn default"><input type="file" name="attach" id="attach" value="" hidefocus onchange="imgUpload(this)" />UPLOAD</a><div>***/

.passport {position:fixed;left:50%;top:max(calc(35% - 200px), 0px);} 
.passport-outer{position:absolute;left:-175px;top:0;}
.passport-inner{position:relative;padding:20px 50px 35px;width:350px;border-radius:10px;background-color:#FFF;box-shadow: 1px 2px 3px rgba(0,0,0,.1);}
.passport-inner a{color:#909090;}
.passport-inner a:hover{ text-decoration: underline;}
.passport-title{font-size: 18px; font-weight: bold;text-align: center;padding-bottom: 20px;}
.passport-item{padding:15px 0 15px;line-height: 36px;display: flex;position:relative;}
.passport-field{position:absolute;left:40px;right:0;}
.passport-field>input{height:36px;border-top-left-radius: 0;border-bottom-left-radius: 0;font-size:1rem;}
.passport-btn{height: 36px;width: 86px;}
.passport-end{display: block;color:#2e6da4;}
.passport-end a{color:#2e6da4;}
.passport-end a:hover{text-decoration:underline;}
.passport-verify{position: absolute;display: flex;right: 0;}
.passport-verify>input{height:36px;width:80px;font-size:1rem;text-align: center;}
.passport-vimg{height: 36px;cursor: pointer;margin-left: 10px;}		
.passport-icon{background-repeat:no-repeat;background-position:center;height:34px;width:40px;background-color:#F2F2F2;border-top:1px solid #AEB4BA; border-bottom:1px solid #CED4DA;border-left:1px solid #AEB4BA;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.passport-person{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAjklEQVQ4jaWSWxGAIBRETwSjEIEIRjGCDYhABCIYwQhGIIL+gM/rnYvuzP4w7GFnWJDVAQGYgQWI5cykrgTXm7MVMAjh6sECSAogWQBBAQQLwCkAbwG8tTC9LkEyjd/4Wx4YgYljSKm06LWgQx7Q3XO5+wgvhvB5lRfI2BCujmeAtj6txa6W+iIgfgAkgA3q131P7cccVQAAAABJRU5ErkJggg==);}
.passport-email{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAdElEQVQ4jd2OQQ2AMAxFnwQkoIAgAQEckICEOZkUJCBhEpAwCePSw1JGVuAAocm7NL/vF74y7U0AmIV0gQg4YEAWHmiAxXC8Ap3cJJR1EnOtdcv2h6AHeiCctEaVL7YFkThhVMKqIP+m1GoWWPiDIDzk5dkBkiCeiQcTMnEAAAAASUVORK5CYII=);}
.passport-pwd{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAeUlEQVQ4jWNgoBEQYGBgaGBgYDgPxfMZGBgUSNG8noGB4T8WbECMAQ1QxecZGBgKGBgYHJAMvE+MATDFCWiugrlCgZAB93Eo3A8Vd6CZAQoMEP+/hyrsh/JhGGbwfAZU78FBAAP2kMeG148aMFgNcGCAJBZicANMEwANqHb6dqGZLAAAAABJRU5ErkJggg==);}
.passport-label{width:120px; text-align: right; padding-right: 20px;vertical-align: middle;font-weight: bold;}
.passport-mobi .passport-outer{left:-195px;}
.passport-mobi .passport-inner {padding:20px 20px 35px!important;}
.password-item{display: flex;padding:5px;}
.password-label{min-width:70px;display: flex;justify-content: left;align-items: center;text-align: justify;}
.password-item input{width:220px;}