/*
* name: ui.css
* version: v1.1.14
* update: 表格从1240px起进入响应模式
* date: 2017-05-23
*/

/* reset */
html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body,input,select,textarea,button { font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif;}
body, h1, h2, h3, h4, p, ul, ol, dd, dl, form { margin: 0;}
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee;}
img { max-width: 100%; height: auto; vertical-align: top; -ms-interpolation-mode: bicubic; border: 0 ;}
ul { padding-left: 0; list-style-type: none;}
i, em { font-style: normal;}
big { font-size: 1.3em;}
small { font-size: 0.77em;}
a { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; outline: 0;}
article, aside, dialog, footer, header, section, nav, figure, menu, audio, canvas, progress, video { display: block;}
input, select, textarea{outline: 0;font-family: inherit;font-size:100%;}
input[type='checkbox'], input[type='radio'] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0;}
input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button { height: auto;}
input[type='search'] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: textfield;}
input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration { -webkit-appearance: none;}
input[type='file'] { display: block;}
input[type='range'] { display: block; width: 100%;}
select[multiple], select[size] { height: auto;}
input[type='file']:focus, input[type='radio']:focus, input[type='checkbox']:focus { 
  outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
fieldset { min-width: 0; margin: 0; padding: 0; border: 0;}
legend { font-size: 1.3em; line-height: 2.5; display: block; width: 100%; margin-bottom: 20px; 
  padding: 0; color: #333; border: 0; border-bottom: 1px solid #e5e5e5;}
table { border-spacing: 0; border-collapse: collapse;background-color: transparent;}
td, th { padding: 0;}

@-ms-viewport { width: device-width;}

/*工具*/
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.oh { overflow: hidden; *zoom: 1;}
.l { float: left;}.r { float: right;}
.dib { display: inline-block; *display: inline; *zoom: 1;}
.pr { position: relative;}.pa { position: absolute;}
.tc { text-align: center;}.tr { text-align: right;}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.hide { display: none;}
.hidetext { font: 0/0 a; letter-spacing: -9px;}
.arr { display: inline-block; overflow: hidden; width: 0; height: 0;}
.opc0 { opacity: 0 ; filter: alpha(opacity=0);}

/*字体字号*/
.fz14{font-size:14px}.fz15{font-size:15px}.fz16{font-size:16px}.fz17{font-size:17px}.fz18{font-size:18px}.fz19{font-size:19px}.fz20{font-size:20px}.fz21{font-size:21px}.fz22{font-size:22px}.fz23{font-size:23px}.fz24{font-size:24px}.fz25{font-size:25px}.fz26{font-size:26px}.fz27{font-size:27px}.fz28{font-size:28px}.fz29{font-size:29px}.fz30{font-size:30px}.fz31{font-size:31px}.fz32{font-size:32px}.fz33{font-size:33px}.fz34{font-size:34px}.fz35{font-size:35px}.fz36{font-size:36px}.fz37{font-size:37px}.fz38{font-size:38px}.fz39{font-size:39px}.fz40{font-size:40px}.fz41{font-size:41px}.fz42{font-size:42px}.fz43{font-size:43px}.fz44{font-size:44px}.fz45{font-size:45px}.fz46{font-size:46px}.fz47{font-size:47px}.fz48{font-size:48px}.fz49{font-size:49px}.fz50{font-size:50px}

/*动效*/
.rotation { -webkit-animation: rotation  0.8s infinite linear; animation: rotation  0.8s infinite linear;}
@-webkit-keyframes rotation { 0% { -webkit-transform: rotateZ(0deg);}
    100% { -webkit-transform: rotateZ(360deg);}}
@keyframes rotation { 0% { transform: rotateZ(0deg);}
    100% { transform: rotateZ(360deg);}}
.heartbeat { -webkit-animation: heartbeat  1.2s infinite ease-in; animation: heartbeat  1.2s infinite ease-in;}
@-webkit-keyframes heartbeat { 0% { -webkit-transform: scale(1); opacity: 1;}
    15% { -webkit-transform: scale(1.3); opacity: 0.5;}
    30% { -webkit-transform: scale(1); opacity: 1;}}
@keyframes heartbeat { 0% { transform: scale(1); opacity: 1;}
    15% { transform: scale(1.3); opacity: 0.5;}
    30% { transform: scale(1); opacity: 1;}}
.trigger:hover { -webkit-animation: trigger 0.2s ease; animation: trigger 0.2s ease;}
@-webkit-keyframes trigger { 0% { -webkit-transform: rotateZ(0deg);}
    100% { -webkit-transform: rotateZ(180deg);}}
@keyframes trigger { 0% { transform: rotateZ(0deg);}
    100% { transform: rotateZ(180deg);}}

/* 等比填充 */
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-50{padding-bottom: 50%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-618{padding-bottom: 61.8%;}
.rect-70{padding-bottom: 70%;}
.rect-75{padding-bottom: 75%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}

/* table */
.datalist {width:100%; border-collapse:collapse; border-spacing:0; border:1px solid #ccc; }
.datalist caption { padding-bottom:5px;}
.datalist th {font-weight:700; padding:5px 15px; border:1px solid #ccc; background:#eee;}
.datalist td {padding:5px 15px; border:1px solid #ccc;}
.datalist tr.altrow { background:#ccc;}

.table { width: 100%; max-width: 100%; margin-bottom: 20px;}
.table >thead >tr >th, .table >tbody >tr >th, .table >tfoot >tr >th, .table >thead >tr >td, .table >tbody >tr >td, .table >tfoot >tr >td { line-height: 1.42857143; padding: 8px; vertical-align: inherit; border-top: 1px solid #ddd;}
.table >thead >tr >th { vertical-align: bottom; border-bottom: 2px solid #ddd;}
.table >caption +thead >tr:first-child >th, .table >colgroup +thead >tr:first-child >th, .table >thead:first-child >tr:first-child >th, .table >caption +thead >tr:first-child >td, .table >colgroup +thead >tr:first-child >td, .table >thead:first-child >tr:first-child >td { border-top: 0;}
.table >tbody +tbody { border-top: 2px solid #ddd;}
.table .table { background-color: #fff;}
.table-condensed >thead >tr >th, .table-condensed >tbody >tr >th, .table-condensed >tfoot >tr >th, .table-condensed >thead >tr >td, .table-condensed >tbody >tr >td, .table-condensed >tfoot >tr >td { padding: 5px;}
.table-bordered { border: 1px solid #ddd;}
.table-bordered >thead >tr >th, .table-bordered >tbody >tr >th, .table-bordered >tfoot >tr >th, .table-bordered >thead >tr >td, .table-bordered >tbody >tr >td, .table-bordered >tfoot >tr >td { border: 1px solid #ddd;}
.table-bordered >thead >tr >th, .table-bordered >thead >tr >td { border-bottom-width: 2px;}
.table-striped >tbody >tr:nth-of-type(odd) { background-color: #f9f9f9;}
.table-hover >tbody >tr:hover { background-color: #f5f5f5;}
table col[class*='col-'] { position: static; display: table-column; float: none;}
table td[class*='col-'], table th[class*='col-'] { position: static; display: table-cell; float: none;}
.table >thead >tr >td.active, .table >tbody >tr >td.active, .table >tfoot >tr >td.active, .table >thead >tr >th.active, .table >tbody >tr >th.active, .table >tfoot >tr >th.active, .table >thead >tr.active >td, .table >tbody >tr.active >td, .table >tfoot >tr.active >td, .table >thead >tr.active >th, .table >tbody >tr.active >th, .table >tfoot >tr.active >th { background-color: #f5f5f5;}
.table-hover >tbody >tr >td.active:hover, .table-hover >tbody >tr >th.active:hover, .table-hover >tbody >tr.active:hover >td, .table-hover >tbody >tr:hover >.active, .table-hover >tbody >tr.active:hover >th { background-color: #e8e8e8;}
.table >thead >tr >td.success, .table >tbody >tr >td.success, .table >tfoot >tr >td.success, .table >thead >tr >th.success, .table >tbody >tr >th.success, .table >tfoot >tr >th.success, .table >thead >tr.success >td, .table >tbody >tr.success >td, .table >tfoot >tr.success >td, .table >thead >tr.success >th, .table >tbody >tr.success >th, .table >tfoot >tr.success >th { background-color: #dff0d8;}
.table-hover >tbody >tr >td.success:hover, .table-hover >tbody >tr >th.success:hover, .table-hover >tbody >tr.success:hover >td, .table-hover >tbody >tr:hover >.success, .table-hover >tbody >tr.success:hover >th { background-color: #d0e9c6;}
.table >thead >tr >td.info, .table >tbody >tr >td.info, .table >tfoot >tr >td.info, .table >thead >tr >th.info, .table >tbody >tr >th.info, .table >tfoot >tr >th.info, .table >thead >tr.info >td, .table >tbody >tr.info >td, .table >tfoot >tr.info >td, .table >thead >tr.info >th, .table >tbody >tr.info >th, .table >tfoot >tr.info >th { background-color: #d9edf7;}
.table-hover >tbody >tr >td.info:hover, .table-hover >tbody >tr >th.info:hover, .table-hover >tbody >tr.info:hover >td, .table-hover >tbody >tr:hover >.info, .table-hover >tbody >tr.info:hover >th { background-color: #c4e3f3;}
.table >thead >tr >td.warning, .table >tbody >tr >td.warning, .table >tfoot >tr >td.warning, .table >thead >tr >th.warning, .table >tbody >tr >th.warning, .table >tfoot >tr >th.warning, .table >thead >tr.warning >td, .table >tbody >tr.warning >td, .table >tfoot >tr.warning >td, .table >thead >tr.warning >th, .table >tbody >tr.warning >th, .table >tfoot >tr.warning >th { background-color: #fcf8e3;}
.table-hover >tbody >tr >td.warning:hover, .table-hover >tbody >tr >th.warning:hover, .table-hover >tbody >tr.warning:hover >td, .table-hover >tbody >tr:hover >.warning, .table-hover >tbody >tr.warning:hover >th { background-color: #faf2cc;}
.table >thead >tr >td.danger, .table >tbody >tr >td.danger, .table >tfoot >tr >td.danger, .table >thead >tr >th.danger, .table >tbody >tr >th.danger, .table >tfoot >tr >th.danger, .table >thead >tr.danger >td, .table >tbody >tr.danger >td, .table >tfoot >tr.danger >td, .table >thead >tr.danger >th, .table >tbody >tr.danger >th, .table >tfoot >tr.danger >th { background-color: #f2dede;}
.table-hover >tbody >tr >td.danger:hover, .table-hover >tbody >tr >th.danger:hover, .table-hover >tbody >tr.danger:hover >td, .table-hover >tbody >tr:hover >.danger, .table-hover >tbody >tr.danger:hover >th { background-color: #ebcccc;}
.table-responsive {overflow-x: auto; min-height: 0.01%; }
@media screen and (max-width: 1240px) { 
    .table-responsive {overflow-y: hidden;  width: 100%; margin-bottom: 15px; border: 1px solid #ddd;-ms-overflow-style: -ms-autohiding-scrollbar; }
    .table-responsive >.table { margin-bottom: 0;}
    .table-responsive >.table >thead >tr >th, .table-responsive >.table >tbody >tr >th, .table-responsive >.table >tfoot >tr >th, .table-responsive >.table >thead >tr >td, .table-responsive >.table >tbody >tr >td, .table-responsive >.table >tfoot >tr >td { white-space: nowrap;}
    .table-responsive >.table-bordered { border: 0;}
    .table-responsive >.table-bordered >thead >tr >th:first-child, .table-responsive >.table-bordered >tbody >tr >th:first-child, .table-responsive >.table-bordered >tfoot >tr >th:first-child, .table-responsive >.table-bordered >thead >tr >td:first-child, .table-responsive >.table-bordered >tbody >tr >td:first-child, .table-responsive >.table-bordered >tfoot >tr >td:first-child { border-left: 0;}
    .table-responsive >.table-bordered >thead >tr >th:last-child, .table-responsive >.table-bordered >tbody >tr >th:last-child, .table-responsive >.table-bordered >tfoot >tr >th:last-child, .table-responsive >.table-bordered >thead >tr >td:last-child, .table-responsive >.table-bordered >tbody >tr >td:last-child, .table-responsive >.table-bordered >tfoot >tr >td:last-child { border-right: 0;}
    .table-responsive >.table-bordered >tbody >tr:last-child >th, .table-responsive >.table-bordered >tfoot >tr:last-child >th, .table-responsive >.table-bordered >tbody >tr:last-child >td, .table-responsive >.table-bordered >tfoot >tr:last-child >td { border-bottom: 0;}
}

/* btn */
.btn { font-size: inherit; font-weight: normal; line-height: 24px; display: inline-block; margin-bottom: 0; padding: 4px 10px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; vertical-align: middle; white-space: nowrap; border: 1px solid transparent; -ms-touch-action: manipulation; touch-action: manipulation;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: none;}
.btn:hover, .btn:focus, .btn.focus { text-decoration: none; color: #333;}
.btn:active, .btn.active { outline: 0;  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; pointer-events: none; opacity: 0.65; -webkit-box-shadow: none; box-shadow: none; filter: alpha(opacity=65);}
.btn-default { color: #333; border-color: #ccc; background-color: #fff;}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open >.dropdown-toggle.btn-default { color: #333; border-color: #adadad; background-color: #e6e6e6;}
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { border-color: #ccc; background-color: #fff;}
.btn-primary { color: #fff; border-color: #2e6da4; background-color: #337ab7;}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open >.dropdown-toggle.btn-primary { color: #fff; border-color: #204d74; background-color: #286090;}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { border-color: #2e6da4; background-color: #337ab7;}
.btn-success { color: #fff; border-color: #4cae4c; background-color: #5cb85c;}
.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open >.dropdown-toggle.btn-success { color: #fff; border-color: #398439; background-color: #449d44;}
.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { border-color: #4cae4c; background-color: #5cb85c;}
.btn-info { color: #fff; border-color: #46b8da; background-color: #5bc0de;}
.btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open >.dropdown-toggle.btn-info { color: #fff; border-color: #269abc; background-color: #31b0d5;}
.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { border-color: #46b8da; background-color: #5bc0de;}
.btn-warning { color: #fff; border-color: #eea236; background-color: #f0ad4e;}
.btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open >.dropdown-toggle.btn-warning { color: #fff; border-color: #d58512; background-color: #ec971f;}
.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { border-color: #eea236; background-color: #f0ad4e;}
.btn-danger { color: #fff; border-color: #d43f3a; background-color: #d9534f;}
.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open >.dropdown-toggle.btn-danger { color: #fff; border-color: #ac2925; background-color: #c9302c;}
.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { border-color: #d43f3a; background-color: #d9534f;}
.btn-link { font-weight: normal; color: #337ab7; border-radius: 0;}
.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none;}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent;}
.btn-link:hover, .btn-link:focus { text-decoration: underline; color: #23527c; background-color: transparent;}
.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { text-decoration: none; color: #777;}
.btn-lg { font-size: 18px; height: 46px;line-height: 46px; padding: 0 16px; *height: 48px;}
.btn-sm { font-size: 12px; height:28px;line-height: 24px; padding: 0 10px; }
.btn-xs { font-size: 12px; height:22px;line-height: 22px; padding: 0 5px;}
.btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0;}
.btn-block +.btn-block { margin-top: 5px;}
.btn .jon, .form-mark .jon { line-height: 1.2; margin: 0; vertical-align: baseline;}
input[type='submit'].btn-block, input[type='reset'].btn-block, input[type='button'].btn-block { width: 100%;}

/* form */
.form-control { line-height: 34px; height: 34px; padding: 0 10px; display: block; width: 100%; 
  -webkit-transition: border-color ease-in-out 0.1s; box-sizing:border-box;vertical-align: middle;
  transition: border-color ease-in-out 0.1s; color: #555; border: 1px solid #ccc; 
  background: #fff; *padding: 0;}
.form-control::-moz-placeholder { opacity: 1; color: #999;}
.form-control:-ms-input-placeholder { color: #999;}
.form-control::-webkit-input-placeholder { color: #999;}
.form-control.blank { border-width: 0 0 1px 0;background:none;}
.form-control.blank:focus{box-shadow: none;border-radius: 0;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { opacity: 1; background-color: #eee;}
.form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed;}
textarea.form-control { height: auto;}
select.form-control{padding:0 8px;}
input[type='search'] { -webkit-appearance: none;}

.form-group { margin-bottom: 14px;}
.radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px;}
.radio label, .checkbox label { font-weight: normal; min-height: 20px; margin-bottom: 0; padding-left: 20px; cursor: pointer;}
.radio input[type='radio'], .radio-inline input[type='radio'], .checkbox input[type='checkbox'], .checkbox-inline input[type='checkbox'] { 
  float: left; margin-left: -20px;margin-top: 5px; *margin-top: -2px;}
.radio +.radio, .checkbox +.checkbox { margin-top: -5px;}
.radio-inline, .checkbox-inline { font-weight: normal; position: relative; display: inline-block; margin-bottom: 0; padding-left: 20px; cursor: pointer; vertical-align: middle;}
.radio-inline +.radio-inline, .checkbox-inline +.checkbox-inline { margin-top: 0; margin-left: 10px;}
input[type='radio'][disabled], input[type='checkbox'][disabled], input[type='radio'].disabled, input[type='checkbox'].disabled, fieldset[disabled] input[type='radio'], fieldset[disabled] input[type='checkbox'] { cursor: not-allowed;}
.radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline { cursor: not-allowed;}
.radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label { cursor: not-allowed;}
.form-control-static { height: 34px;line-height: 34px;}
.form-control-static.input-lg, .form-control-static.input-sm { padding-right: 0; padding-left: 0;}
.input-sm { font-size: 12px; height: 28px; line-height: 28px; }
select.input-sm { padding:0 .5em;}
textarea.input-sm, select[multiple].input-sm { height: auto;}
.form-group-sm .form-control { font-size: 12px; line-height: 1.5; height: 30px; padding: 5px 10px;}
select.form-group-sm .form-control { line-height: 30px; height: 30px;}
textarea.form-group-sm .form-control, select[multiple].form-group-sm .form-control { height: auto;}
.form-group-sm .form-control-static { font-size: 12px; line-height: 1.5; height: 30px; min-height: 32px; padding: 5px 10px;}
.input-lg { font-size: 18px; line-height: 46px; height: 46px; }
select.input-lg { line-height: 46px; height: 46px;}
textarea.input-lg, select[multiple].input-lg { height: auto;}
.form-group-lg .form-control { font-size: 18px; line-height: 1.3333333; height: 46px; padding: 10px 16px; }
select.form-group-lg .form-control { line-height: 46px; height: 46px;}
textarea.form-group-lg .form-control, select[multiple].form-group-lg .form-control { height: auto;}
.form-group-lg .form-control-static { font-size: 18px; line-height: 1.3333333; height: 46px; min-height: 38px; padding: 10px 16px;}
.has-feedback { position: relative;}
.has-feedback .form-control { padding-right: 42.5px; *padding-right: 0;}
.control-label { font-weight: bold;}
.form-control-feedback { line-height: 34px; position: absolute; z-index: 2; top: 0; right: 0; display: block; width: 34px; height: 34px; text-align: center; pointer-events: none;}
.input-lg +.form-control-feedback { line-height: 46px; width: 46px; height: 46px;}
.input-sm +.form-control-feedback { line-height: 30px; width: 30px; height: 30px;}
.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d;}
.has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);}
.has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;}
.has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8;}
.has-success .form-control-feedback { color: #3c763d;}
.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b;}
.has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);}
.has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;}
.has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3;}
.has-warning .form-control-feedback { color: #8a6d3b;}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #d33835;}
.has-error .form-control { border-color: #d33835; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);}
.has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;}
.has-error .input-group-addon { color: #d33835; border-color: #d33835; background-color: #f2dede;}
.has-error .form-control-feedback { color: #d33835;}
.has-feedback label ~.form-control-feedback { top: 25px;}
.has-feedback label.sr-only ~.form-control-feedback { top: 0;}
.help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373;}
.form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle;}
.form-inline .form-control { display: inline-block; width: auto; vertical-align: middle;}
.form-inline .form-control-static { display: inline-block;}
.form-inline .input-group { display: inline-table; vertical-align: middle;}
.form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto;}
.form-inline .input-group >.form-control { width: 100%;}
.form-inline .control-label { margin-bottom: 0; vertical-align: middle;}
.form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle;}
.form-inline .radio label, .form-inline .checkbox label { padding-left: 0;}
.form-inline .radio input[type='radio'], .form-inline .checkbox input[type='checkbox'] { position: relative; margin-left: 0;}
.form-inline .has-feedback .form-control-feedback { top: 0;}
.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 0.4em;}
.form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px;}
.form-horizontal .control-label { margin-bottom: 0; height: 34px;line-height: 34px;overflow: hidden; text-align: right;}
.form-horizontal .has-feedback .form-control-feedback { right: 15px;}
.form-horizontal .form-group-lg .control-label { padding-top: 14.333333px;}
.form-horizontal .form-group-sm .control-label { padding-top: 6px;}
.form-mark { display: inline-block; margin: 0 0.3em;}
big.form-mark { font-size: 1.5em;}
.input-group { position: relative; overflow: hidden; border-collapse: separate;*zoom:1;}
.input-group[class*='col-'] { float: none; padding-right: 0; padding-left: 0;}
.input-group .form-control { position: relative; z-index: 2; margin-bottom: 0;width: auto;}
.input-group-lg >.form-control, .input-group-lg >.input-group-addon, .input-group-lg >.input-group-btn >.btn { font-size: 18px; line-height: 1.3333333; height: 46px; padding: 10px 16px; }
select.input-group-lg >.form-control, select.input-group-lg >.input-group-addon, select.input-group-lg >.input-group-btn >.btn { line-height: 46px; height: 46px;}
textarea.input-group-lg >.form-control, textarea.input-group-lg >.input-group-addon, textarea.input-group-lg >.input-group-btn >.btn, select[multiple].input-group-lg >.form-control, select[multiple].input-group-lg >.input-group-addon, select[multiple].input-group-lg >.input-group-btn >.btn { height: auto;}
.input-group-sm >.form-control, .input-group-sm >.input-group-addon, .input-group-sm >.input-group-btn >.btn { font-size: 12px; line-height: 1.5; height: 30px; padding: 5px 10px; }
select.input-group-sm >.form-control, select.input-group-sm >.input-group-addon, select.input-group-sm >.input-group-btn >.btn { line-height: 30px; height: 30px;}
textarea.input-group-sm >.form-control, textarea.input-group-sm >.input-group-addon, textarea.input-group-sm >.input-group-btn >.btn, select[multiple].input-group-sm >.form-control, select[multiple].input-group-sm >.input-group-addon, select[multiple].input-group-sm >.input-group-btn >.btn { height: auto;}
.input-group-addon, .input-group-btn, .input-group .form-control { float: left;}
.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0;}
.input-group-addon, .input-group-btn { vertical-align: middle; white-space: nowrap;}
.input-group-addon { font-size: 14px; font-weight: normal;padding: 0 1em; text-align: center; 
  color: #555; border: 1px solid #ccc; border-left-width: 0;border-right-width:0; 
  background-color: #eee;height: 32px;line-height: 32px;border-right-width:1px\9;}
.input-group-addon.input-sm { font-size: 12px; padding: 5px 10px; }
.input-group-addon.input-lg { font-size: 18px; padding: 10px 16px; }
.input-group-addon input[type='radio'], .input-group-addon input[type='checkbox'] { margin-top: 0;}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child >.btn, .input-group-btn:first-child >.btn-group >.btn, .input-group-btn:first-child >.dropdown-toggle, .input-group-btn:last-child >.btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child >.btn-group:not(:last-child) >.btn { 
  border-top-right-radius: 0; border-bottom-right-radius: 0;}
.input-group-addon:first-child { border-left-width: 1px;}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child >.btn, .input-group-btn:last-child >.btn-group >.btn, .input-group-btn:last-child >.dropdown-toggle, .input-group-btn:first-child >.btn:not(:first-child), .input-group-btn:first-child >.btn-group:not(:first-child) >.btn { border-top-left-radius: 0; border-bottom-left-radius: 0;}
.input-group-addon:last-child { border-right-width: 1px;}
.input-group-btn { font-size: 14px; position: relative; white-space: nowrap;}
.input-group-btn >.btn { position: relative;}
.input-group-btn >.btn +.btn { margin-left: -1px;}
.input-group-btn >.btn:hover, .input-group-btn >.btn:focus, .input-group-btn >.btn:active { z-index: 2;}
.input-group-btn:first-child >.btn, .input-group-btn:first-child >.btn-group { margin-right: -1px;}
.input-group-btn:last-child >.btn, .input-group-btn:last-child >.btn-group { margin-left: -1px;}

/* color */
.text-muted { color: #777;}
.text-primary { color: #337ab7;}
a.text-primary:hover { color: #286090;}
.text-success { color: #3c763d;}
a.text-success:hover { color: #2b542c;}
.text-info { color: #31708f;}
a.text-info:hover { color: #245269;}
.text-warning { color: #f08400;}
a.text-warning:hover { color: #66512c;}
.text-danger { color: #d33835;}
a.text-danger:hover { color: #843534;}
.bg-primary { color: #fff; background-color: #337ab7;}
a.bg-primary:hover { background-color: #286090;}
.bg-success { background-color: #dff0d8;}
a.bg-success:hover { background-color: #c1e2b3;}
.bg-info { background-color: #d9edf7;}
a.bg-info:hover { background-color: #afd9ee;}
.bg-warning { background-color: #fcf8e3;}
a.bg-warning:hover { background-color: #f7ecb5;}
.bg-danger { background-color: #f2dede;}
a.bg-danger:hover { background-color: #e4b9b9;}


/*图标字体news*/
@font-face{font-family: "iconfont";
  src: url('iconfont.eot'); /* IE9*/
  src: url('iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('iconfont.woff') format('woff'), /* chrome, firefox */
  url('iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  display:inline-block;
  vertical-align: middle;
  margin:0 .3em;
  font-size: 1.1em;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0px;
  -moz-osx-font-smoothing: grayscale;   
}

/*DDUI*/
*,::after,::before{box-sizing:border-box;}
/*btn*/
.ui-btn{position:relative;display:inline-block;border:1px solid #e0e0e0;padding:0 20px;line-height:42px;overflow:hidden;border-radius:4px;color:#595959;background:#fff;user-select:none;vertical-align:middle;}
.ui-btn [class*=ui-icon-]{margin:0 5px 0 -5px;}
.ui-btn:hover{color:#40a9ff;border-color:#40a9ff;box-shadow:2px 2px 10px 0 rgba(24,144,255,0.2);}
.ui-btn-red{background:#ED4014;border-color:#ED4014;color:#fff;}
.ui-btn-red:hover{background:#F04055;border-color:#F04055;color:#fff;}
.ui-btn-yellow{background:#F37B1D;border-color:#F37B1D;color:#fff;}
.ui-btn-yellow:hover{background:#F3710A;border-color:#F3710A;color:#fff;}
.ui-btn-blue{background:#1890FF;border-color:#1890FF;color:#fff;}
.ui-btn-blue:hover{background:#40A9FF;border-color:#40A9FF;color:#fff;}
.ui-btn-green{background:#19BE6B;border-color:#19BE6B;color:#fff;}
.ui-btn-green:hover{background:#47CB89;border-color:#47CB89;color:#fff;}
.ui-btn-info{background:#2DB7F5;border-color:#2DB7F5;color:#fff;}
.ui-btn-info:hover{background:#57C5F7;border-color:#57C5F7;color:#fff;}
.ui-btn-lt{font-size:12px;padding:0 4px;line-height:18px;}
.ui-btn-sm{font-size:15px;padding:0 10px;line-height:36px;}
.ui-btn-big{font-size:16px;padding:0 36px;line-height:54px;}
.ui-btn-lg{font-size:20px;padding:0 52px;line-height:64px;}
.ui-btn-outline-red{background:#fff;color:#ED4014;}
.ui-btn-outline-yellow{background:#fff;color:#F37B1D;}
.ui-btn-outline-blue{background:#fff;color:#1890FF;}
.ui-btn-outline-green{background:#fff;color:#19BE6B;}
.ui-btn-outline-info{background:#fff;color:#2DB7F5;}
.ui-btn-block{display:block;width:100%;text-align:center;}
a.ui-btn-red,a.ui-btn-yellow,a.ui-btn-blue,a.ui-btn-green,a.ui-btn-info{color:#fff;}
a:hover.ui-btn-red,a:hover.ui-btn-yellow,a:hover.ui-btn-blue,a:hover.ui-btn-green,a:hover.ui-btn-info{color:#fff;}
.ui-btn-red:hover{box-shadow:2px 2px 10px 0 rgba(237,64,20,0.2);}
.ui-btn-yellow:hover{box-shadow:2px 2px 10px 0 rgba(243,123,29,0.2);}
.ui-btn-green:hover{box-shadow:2px 2px 10px 0 rgba(25,190,107,0.2);}
.ui-btn-info:hover{box-shadow:2px 2px 10px 0 rgba(45,183,245,0.2);}
a.ui-btn-outline-red{color:#ED4014;}
a.ui-btn-outline-yellow{color:#F37B1D;}
a.ui-btn-outline-blue{color:#1890FF;}
a.ui-btn-outline-green{color:#19BE6B;}
a.ui-btn-outline-info{color:#2DB7F5;}
.ui-btn:disabled{background:#fff;cursor:not-allowed;border-color:#E7E7E7;color:#999;}

/*btn-group*/
.ui-btn-group{margin-left:1px;font-size:0;vertical-align:middle;}
.ui-btn-group-item{vertical-align:middle;border:1px solid #e3e3e3;margin-left:-1px;display:inline-block;justify-content:center;align-items:center;cursor:pointer;padding:0 20px;line-height:44px;overflow:hidden;font-size:16px;color:#595959;background:#fff;text-align:center;}
.ui-btn-group-item:first-child{border-radius:4px 0 0 4px;}
.ui-btn-group-item:last-child{border-radius:0 4px 4px 0;}
.ui-btn-group-item:hover{color:#333;border-color:#40a9ff;position:relative;z-index:2;}
.ui-btn-group-item.active{color:#40a9ff;border-color:#40a9ff;position:relative;z-index:2;}
.ui-btn-group-item:before{margin-right:5px;color:#999;font-size:18px;vertical-align:middle;}
.ui-btn-group-full{display:flex;}
.ui-btn-group-full .ui-btn-group-item{flex:1;padding:0;line-height:50px;}
.ui-btn-group-red .active,.ui-btn-group-red .active:hover,.ui-btn-group-red a.active,.ui-btn-group-red a:hover.active{color:#ED4014;border-color:#ED4014;}
.ui-btn-group-red .ui-btn-group-item:hover{border-color:#ED4014;}
.ui-btn-group-yellow .active,.ui-btn-group-yellow .active:hover,.ui-btn-group-yellow a.active,.ui-btn-group-yellow a:hover.active{color:#F37B1D;border-color:#F37B1D;}
.ui-btn-group-yellow .ui-btn-group-item:hover{border-color:#F37B1D;}
.ui-btn-group-blue .active,.ui-btn-group-blue .active:hover,.ui-btn-group-blue a.active,.ui-btn-group-blue a:hover.active{color:#1890FF;border-color:#1890FF;}
.ui-btn-group-blue .ui-btn-group-item:hover{border-color:#1890FF;}
.ui-btn-group-green .active,.ui-btn-group-green .active:hover,.ui-btn-group-green a.active,.ui-btn-group-green a:hover.active{color:#47CB89;border-color:#47CB89;}
.ui-btn-group-green .ui-btn-group-item:hover{border-color:#47CB89;}
.ui-btn-group-info .active,.ui-btn-group-info .active:hover,.ui-btn-group-info a.active,.ui-btn-group-info a:hover.active{color:#57C5F7;border-color:#57C5F7;}
.ui-btn-group-info .ui-btn-group-item:hover{border-color:#57C5F7;}
.ui-btn-group-red.ui-btn-group-bg .active,.ui-btn-group-red.ui-btn-group-bg a.active{color:#fff;background:#ED4014;}
.ui-btn-group-yellow.ui-btn-group-bg .active,.ui-btn-group-yellow.ui-btn-group-bg a.active{color:#fff;background:#F37B1D;}
.ui-btn-group-blue.ui-btn-group-bg .active,.ui-btn-group-blue.ui-btn-group-bg a.active{color:#fff;background:#1890FF;}
.ui-btn-group-green.ui-btn-group-bg .active,.ui-btn-group-green.ui-btn-group-bg a.active{color:#fff;background:#47CB89;}
.ui-btn-group-info.ui-btn-group-bg .active,.ui-btn-group-info.ui-btn-group-bg a.active{color:#fff;background:#57C5F7;}
.ui-btn-group-sm .ui-btn-group-item{font-size:12px;padding:8px 15px;line-height:22px;}
.ui-btn-group-big .ui-btn-group-item{font-size:16px;padding:0 36px;line-height:54px;}
.ui-btn-group-lg .ui-btn-group-item{font-size:20px;padding:0 52px;line-height:64px;}

/*Grid*/
.ui-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.ui-col,.ui-col-1,.ui-col-10,.ui-col-11,.ui-col-12,.ui-col-2,.ui-col-3,.ui-col-4,.ui-col-5,.ui-col-6,.ui-col-7,.ui-col-8,.ui-col-9,.ui-col-auto,.ui-col-lg,.ui-col-lg-1,.ui-col-lg-10,.ui-col-lg-11,.ui-col-lg-12,.ui-col-lg-2,.ui-col-lg-3,.ui-col-lg-4,.ui-col-lg-5,.ui-col-lg-6,.ui-col-lg-7,.ui-col-lg-8,.ui-col-lg-9,.ui-col-lg-auto,.ui-col-md,.ui-col-md-1,.ui-col-md-10,.ui-col-md-11,.ui-col-md-12,.ui-col-md-2,.ui-col-md-3,.ui-col-md-4,.ui-col-md-5,.ui-col-md-6,.ui-col-md-7,.ui-col-md-8,.ui-col-md-9,.ui-col-md-auto,.ui-col-sm,.ui-col-sm-1,.ui-col-sm-10,.ui-col-sm-11,.ui-col-sm-12,.ui-col-sm-2,.ui-col-sm-3,.ui-col-sm-4,.ui-col-sm-5,.ui-col-sm-6,.ui-col-sm-7,.ui-col-sm-8,.ui-col-sm-9,.ui-col-sm-auto,.ui-col-xl,.ui-col-xl-1,.ui-col-xl-10,.ui-col-xl-11,.ui-col-xl-12,.ui-col-xl-2,.ui-col-xl-3,.ui-col-xl-4,.ui-col-xl-5,.ui-col-xl-6,.ui-col-xl-7,.ui-col-xl-8,.ui-col-xl-9,.ui-col-xl-auto{position:relative;width:100%;}
.ui-col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.ui-col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
.ui-col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.ui-col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.ui-col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.ui-col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.ui-col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.ui-col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.ui-col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.ui-col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.ui-col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.ui-col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.ui-col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.ui-col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.ui-order-first{-ms-flex-order:-1;order:-1}
.ui-order-last{-ms-flex-order:13;order:13}
.ui-order-0{-ms-flex-order:0;order:0}
.ui-order-1{-ms-flex-order:1;order:1}
.ui-order-2{-ms-flex-order:2;order:2}
.ui-order-3{-ms-flex-order:3;order:3}
.ui-order-4{-ms-flex-order:4;order:4}
.ui-order-5{-ms-flex-order:5;order:5}
.ui-order-6{-ms-flex-order:6;order:6}
.ui-order-7{-ms-flex-order:7;order:7}
.ui-order-8{-ms-flex-order:8;order:8}
.ui-order-9{-ms-flex-order:9;order:9}
.ui-order-10{-ms-flex-order:10;order:10}
.ui-order-11{-ms-flex-order:11;order:11}
.ui-order-12{-ms-flex-order:12;order:12}
.ui-offset-1{margin-left:8.333333%}
.ui-offset-2{margin-left:16.666667%}
.ui-offset-3{margin-left:25%}
.ui-offset-4{margin-left:33.333333%}
.ui-offset-5{margin-left:41.666667%}
.ui-offset-6{margin-left:50%}
.ui-offset-7{margin-left:58.333333%}
.ui-offset-8{margin-left:66.666667%}
.ui-offset-9{margin-left:75%}
.ui-offset-10{margin-left:83.333333%}
.ui-offset-11{margin-left:91.666667%;}
.ui-flex-row{-ms-flex-direction:row;flex-direction:row}
.ui-flex-column{-ms-flex-direction:column;flex-direction:column}
.ui-flex-row-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.ui-flex-column-reverse{-ms-flex-direction:column-reverse;flex-direction:column-reverse}
.ui-flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}
.ui-flex-nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.ui-flex-wrap-reverse{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}
.ui-flex-fill{-ms-flex:1 1 auto;flex:1 1 auto}
.ui-flex-grow-0{-ms-flex-positive:0;flex-grow:0}
.ui-flex-grow-1{-ms-flex-positive:1;flex-grow:1}
.ui-flex-shrink-0{-ms-flex-negative:0;flex-shrink:0}
.ui-flex-shrink-1{-ms-flex-negative:1;flex-shrink:1}
.ui-justify-content-start{-ms-flex-pack:start;justify-content:flex-start}
.ui-justify-content-end{-ms-flex-pack:end;justify-content:flex-end}
.ui-justify-content-center{-ms-flex-pack:center;justify-content:center}
.ui-justify-content-between{-ms-flex-pack:justify;justify-content:space-between}
.ui-justify-content-around{-ms-flex-pack:distribute;justify-content:space-around}
.ui-align-items-start{-ms-flex-align:start;align-items:flex-start}
.ui-align-items-end{-ms-flex-align:end;align-items:flex-end}
.ui-align-items-center{-ms-flex-align:center;align-items:center}
.ui-align-items-baseline{-ms-flex-align:baseline;align-items:baseline}
.ui-align-items-stretch{-ms-flex-align:stretch;align-items:stretch}
.ui-align-content-start{-ms-flex-line-pack:start;align-content:flex-start}
.ui-align-content-end{-ms-flex-line-pack:end;align-content:flex-end}
.ui-align-content-center{-ms-flex-line-pack:center;align-content:center}
.ui-align-content-between{-ms-flex-line-pack:justify;align-content:space-between}
.ui-align-content-around{-ms-flex-line-pack:distribute;align-content:space-around}
.ui-align-content-stretch{-ms-flex-line-pack:stretch;align-content:stretch}
.ui-align-self-auto{-ms-flex-item-align:auto;align-self:auto}
.ui-align-self-start{-ms-flex-item-align:start;align-self:flex-start}
.ui-align-self-end{-ms-flex-item-align:end;align-self:flex-end}
.ui-align-self-center{-ms-flex-item-align:center;align-self:center}
.ui-align-self-baseline{-ms-flex-item-align:baseline;align-self:baseline}
.ui-align-self-stretch{-ms-flex-item-align:stretch;align-self:stretch}
@media (min-width:576px)
{
	.ui-col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
	.ui-col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
	.ui-col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
	.ui-col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
	.ui-col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
	.ui-col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
	.ui-col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
	.ui-col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
	.ui-col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
	.ui-col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
	.ui-col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
	.ui-col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
	.ui-col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
	.ui-col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
	.ui-order-sm-first{-ms-flex-order:-1;order:-1}
	.ui-order-sm-last{-ms-flex-order:13;order:13}
	.ui-order-sm-0{-ms-flex-order:0;order:0}
	.ui-order-sm-1{-ms-flex-order:1;order:1}
	.ui-order-sm-2{-ms-flex-order:2;order:2}
	.ui-order-sm-3{-ms-flex-order:3;order:3}
	.ui-order-sm-4{-ms-flex-order:4;order:4}
	.ui-order-sm-5{-ms-flex-order:5;order:5}
	.ui-order-sm-6{-ms-flex-order:6;order:6}
	.ui-order-sm-7{-ms-flex-order:7;order:7}
	.ui-order-sm-8{-ms-flex-order:8;order:8}
	.ui-order-sm-9{-ms-flex-order:9;order:9}
	.ui-order-sm-10{-ms-flex-order:10;order:10}
	.ui-order-sm-11{-ms-flex-order:11;order:11}
	.ui-order-sm-12{-ms-flex-order:12;order:12}
	.ui-offset-sm-0{margin-left:0}
	.ui-offset-sm-1{margin-left:8.333333%}
	.ui-offset-sm-2{margin-left:16.666667%}
	.ui-offset-sm-3{margin-left:25%}
	.ui-offset-sm-4{margin-left:33.333333%}
	.ui-offset-sm-5{margin-left:41.666667%}
	.ui-offset-sm-6{margin-left:50%}
	.ui-offset-sm-7{margin-left:58.333333%}
	.ui-offset-sm-8{margin-left:66.666667%}
	.ui-offset-sm-9{margin-left:75%}
	.ui-offset-sm-10{margin-left:83.333333%}
	.ui-offset-sm-11{margin-left:91.666667%}
}

code{color:#ff8400;background:rgba(255,132,0,0.1);border:1px solid rgba(255,132,0,0.2);border-radius:3px;padding:0 4px;margin:0 4px;}

/*collapse*/
.ui-collapse{margin-top:2px;}
.ui-collapse .ui-card{border-radius:0;margin-top:-2px;}
.ui-collapse .ui-card .ui-card-header{cursor:pointer;}
.ui-collapse .ui-card .ui-card-header ui-card-header-title{font-weight:normal;color:#444;border-left:0;padding-left:0;}
.ui-collapse .ui-card .ui-card-header .ui-icon-right{transition:all 0.4s ease;font-size:14px;color:#999;}
.ui-collapse .ui-card .ui-card-header.active .ui-icon-right{transform:rotate(90deg);}
.ui-collapse .ui-card:first-child{border-radius:2px 2px 0 0;}
.ui-collapse .ui-card:last-child{border-radius:0 0 2px 2px;border-bottom:1;}
.ui-collapse .ui-card-body.hide{display:none;}

.ui-collapse-menu.ui-collapse-menu-border{border:1px solid #f3f3f3;}
.ui-collapse-menu-title{display:flex;justify-content:space-betweend;border-bottom:1px solid #f3f3f3;line-height:50px;padding:0 0 0 20px;}
.ui-collapse-menu-title a{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.ui-collapse-menu-title i{display:block;transition:all 0.4s ease;color:#ccc;cursor:pointer;min-width:50px;text-align:center;}
.ui-collapse-menu-title.active{background:#efefef;}
.ui-collapse-menu-title.active i{transform:rotate(90deg);}
.ui-collapse-menu-body{display:none;}
.ui-collapse-menu-body ul{list-style:none;}
.ui-collapse-menu-body ul li{line-height:50px;border-bottom:1px solid #f3f3f3;padding:0 30px;}
.ui-collapse-menu-body ul li.active a{color:#f30;}
.ui-collapse-menu-body.show{display:block;}
.ui-collapse-menu-body.hide{display:none;}

/*Dropmenu*/
.ui-dropdown{display:none;background:#fff;border:1px solid #d9d9d9;border-radius:4px;padding:10px 0;box-shadow:1px 2px 10px rgba(0,0,0,0.1);line-height:1.5;word-break:break-all;z-index:100;}
.ui-dropdown img{max-width:100%;}
.ui-dropdown:after{content:" ";position:absolute;width:10px;height:10px;border-left:0;border-bottom:0;background:#fff;border:1px solid #d9d9d9;border-bottom:0;border-right:0;}
.ui-dropdown-left:after{right:-6px;top:50%;transform:translateY(-50%) rotate(-225deg);}
.ui-dropdown-top:after{left:50%;top:100%;transform:translateX(-50%) translateY(-50%) rotate(-140deg);}
.ui-dropdown-right:after{left:-6px;top:50%;transform:translateY(-50%) rotate(-45deg);}
.ui-dropdown-bottom:after{left:50%;top:0;transform:translateX(-50%) translateY(-50%) rotate(45deg);}
.ui-dropdown-bottom-left:after{left:10px;top:0;transform:translateY(-50%) rotate(45deg);}
.ui-dropdown-top-left:after{left:10px;top:100%;transform:translateY(-50%) rotate(-140deg);}
.ui-dropdown-right-top:after{left:-6px;top:15px;transform:translateY(-50%) rotate(-45deg);}
.ui-dropdown-line{height:0;margin:10px 0;overflow:hidden;border-top:1px solid #e9ecef;}
.ui-dropdown-item{display:block;width:100%;padding:5px 20px;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0;}
.ui-dropdown-item.active{background:#1890FF;}
a.ui-dropdown-item.active{color:#fff;}

/*Table*/
.ui-table-wrap{overflow-y:auto;width:100%;margin-bottom:10px;}
.ui-table{width:100%;}
.ui-table th{padding:15px;white-space:nowrap;border-bottom:2px solid #eee;white-space:nowrap;}
.ui-table td{padding:10px 15px;border-bottom:1px solid #eee;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-height:40px;}
.ui-table .ui-thead-dark{background:#697076;}
.ui-table .ui-thead-dark th{color:#fff;border-color:#697076;}
.ui-table .ui-thead-gray{background:#fafafa;}
.ui-table .ui-thead-gray th{border-color:#eee;}
.ui-table-border,.ui-table-border th,.ui-table-border td{border:1px solid #eee;text-align:center;}
.ui-table-hover tr:hover{background:#EBF7FF;}
.ui-table-striped tr:nth-child(even){background:#FBFDFF;}
.ui-table-striped tr:nth-child(even):hover{background:#EBF7FF;}
.ui-table .ui-thead-dark tr:hover{background:#697076;}
.ui-table .ui-thead-gray tr:hover{background:#fafafa;}
.ui-table td .ui-switch{margin-top:5px;}
.ui-table td [class*=ui-icon-]{font-size:19px;}
.ui-table td a [class*=ui-icon-]{color:#999;}
.ui-table td a:hover [class*=ui-icon-]{color:#f30;}
.ui-table td del{color:#999;}
.ui-table .ui-active{background:#EBF7FF;}
.ui-table .ui-active tr:hover{background:#EBF7FF;}
.ui-table .border-left-none{border-left:0;}
.ui-table .border-right-none{border-right:0;}
.ui-table td .image{border:1px solid #f3f3f3;width:64px;vertical-align:text-top;margin-right:15px;float:left;padding:2px;}
/*Tab*/
.ui-tabs{}
.ui-tabs:after{display:table;content:" ";clear:both;}
.ui-tabs-nav{border-bottom:0 solid #e4eaec;font-size:0;align-self:flex-end;}
.ui-tabs-nav li{display:inline-block;margin-right:10px;}
.ui-tabs-nav li a{display:block;color:#76838F;padding:15px 20px;font-size:16px;}
.ui-tabs-nav li a:hover{color:#1890FF;}
.ui-tabs-nav li:hover{}
.ui-tabs-nav li.active{border-bottom:2px solid #3E8EF7;}
.ui-tabs-nav li.active a{color:#1890FF;}
.ui-tabs-content{padding:0;}
.ui-tabs-content .ui-tabs-pane{display:none;}
.ui-tabs-content .ui-tabs-pane img{max-width:100%;}
.ui-tabs-pane.active{display:block;}
.ui-tabs-vertical{display:flex;}
.ui-tabs-vertical>.ui-tabs-nav{flex-direction:column;border-right:1px solid #e4eaec;border-bottom:none;}
.ui-tabs-vertical>.ui-tabs-nav li{display:flex;margin:0;}
.ui-tabs-vertical>.ui-tabs-nav li a{padding:20px 30px;}
.ui-tabs-vertical>.ui-tabs-nav li.active{border:0;border-right:2px solid #3E8EF7;}
.ui-tabs-vertical>.ui-tabs-nav li:hover{border:0;border-right:2px solid #3E8EF7;}
.ui-tabs-vertical>.ui-tabs-content{padding:0 20px;flex:1;}
.ui-tabs-white>.ui-tabs-nav{border:0;}
.ui-tabs-white>.ui-tabs-nav li{margin:0;}
.ui-tabs-white>.ui-tabs-nav li a{padding:15px 30px;}
.ui-tabs-white>.ui-tabs-nav li:hover{border:0;}
.ui-tabs-white>.ui-tabs-nav li.active{border:0;background:#fff;border-radius:4px 4px 0 0;font-weight:normal;}
.ui-tabs-white>.ui-tabs-nav li.active a{color:#444;}
.ui-tabs-white>.ui-tabs-content{border:0;background:#fff;padding:20px;}
.ui-tabs-header-nav{display:flex;border-bottom:1px solid #eaeaea;}
.ui-tabs-header-nav>.ui-tabs-nav{flex:1;}
.ui-tabs-header-more{align-items:center;justify-content:flex-end;display:flex;}
.ui-tabs-header-subject{display:flex;}
.ui-tabs-header-subject .ui-tabs-header-title{align-items:center;justify-content:flex-start;display:flex;flex:1;font-size:18px;font-weight:400;}
.ui-tabs-header-subject .ui-tabs-nav{justify-content:flex-end;display:flex;}
.ui-tabs-header-subject .ui-tabs-nav li{margin-left:10px;margin-right:0;}
.ui-tabs-content .ui-tabs-pane .ui-tabs-nav li.active{display:inline-block;}
/*Menu*/
.ui-menu{display:flex;border-bottom:1px solid #eaeaea;justify-content:space-between;align-items:center;}
.ui-menu .ui-menu-name{color:#333;border-bottom:2px solid #999;margin-bottom:-1px;padding-bottom:15px;align-self:flex-end;}
.ui-menu .ui-menu-more a{color:#666;display:block;padding-bottom:10px;}
.ui-menu .ui-menu-more a:hover{color:#f30;}
.ui-menu-red .ui-menu-name{color:#ED4014;border-bottom-color:#ED4014;}
.ui-menu-yellow .ui-menu-name{color:#F37B1D;border-bottom-color:#F37B1D;}
.ui-menu-blue .ui-menu-name{color:#1890FF;border-bottom-color:#1890FF;}
.ui-menu-green .ui-menu-name{color:#19BE6B;border-bottom-color:#19BE6B;}
.ui-menu-info .ui-menu-name{color:#2DB7F5;border-bottom-color:#2DB7F5;}
.ui-menu-noborder{border:0;}
.ui-menu-noborder .ui-menu-name{border:0;}
/*PicList*/
/*
3:2 ： 66.6%
3:4 ： 133.3%
16:9 ： 56.2%
两列列宽：48.5%
三列列宽：31.8%
四列列宽：23.5%
五列列宽：18.5%
*/
.ui-piclist{margin:0 -.75%;padding:0 0 .25% 0;list-style:none;overflow:hidden;font-size:0;}
.ui-piclist:after{content:" ";clear:both;display:table;}
.ui-piclist-item{float:left;width:23.5%;padding:0;margin:0 .75% 1.5% .75%;background:#fff;border:1px solid #eaeaea;position:relative;z-index:1;}
.ui-piclist-item:hover{box-shadow:0 1px 20px rgba(0,0,0,0.1);}
.ui-piclist-item .ui-progress{position:absolute;top:32%;left:10px;right:10px;z-index:2;}
.ui-piclist-item .error{position:absolute;top:0;left:0;right:0;background:#F00;color:#fff;padding:8px;font-size:12px;z-index:2;text-align:center;}
.ui-piclist-item.disabled,.ui-piclist-item.disabled a{cursor:not-allowed;}
.ui-piclist-image{position:relative;overflow:hidden;padding-bottom:56.2%;}
.ui-piclist-image img{width:100%;position:absolute;z-index:1;}
.ui-piclist-image svg{width:100%;height:100%;z-index:1;color:#fff;font-size:24px;text-anchor:middle;position:absolute;}
.ui-piclist-image .upload{width:100%;height:100%;position:absolute;display:flex;justify-content:center;align-items:center;font-size:40px;color:#ccc;cursor:pointer;background:#f9f9f9;}
.ui-piclist-image .upload:hover{color:#333;}
.ui-piclist-image em{position:absolute;right:-74px;top:10px;z-index:10;width:200px;line-height:32px;background:#2DB7F5;color:#fff;font-size:13px;text-align:center;font-style:normal;transform:rotate(45deg);}
.ui-piclist-image em.bg-red{background:#ED4014;}
.ui-piclist-image em.bg-yellow{background:#F37B1D;}
.ui-piclist-image em.bg-blue{background:#1890FF;}
.ui-piclist-image em.bg-green{background:#19BE6B;}
.ui-piclist-image em.bg-info{background:#2DB7F5;}
.ui-piclist-body{padding:15px;}
.ui-piclist-title{font-size:16px;}
.ui-piclist-flex{margin:10px 0 5px 0;display:flex;align-items:center;}
.ui-piclist-price{color:#333;flex:1;font-size:14px;}
.ui-piclist-price strong{font-size:16px;color:#ED4014;}
.ui-piclist-price del,.ui-piclist-price span{color:#999;display:block;font-size:12px;}
.ui-piclist-flex .action{}
.ui-piclist-flex .action a.ui-btn{border-radius:50px;padding:0 20px;font-size:16px;}
.ui-piclist-col-2 .ui-piclist-item{width:48.5%;}
.ui-piclist-col-3 .ui-piclist-item{width:31.8%;}
.ui-piclist-col-5 .ui-piclist-item{width:18.5%;}
.ui-piclist-1-1 .ui-piclist-image{padding-bottom:100%;}
.ui-piclist-3-2 .ui-piclist-image{padding-bottom:66.6%;}
.ui-piclist-3-4 .ui-piclist-image{padding-bottom:133.3%;}
.ui-piclist-4-3 .ui-piclist-image{padding-bottom:75%;}
.ui-piclist-16-9 .ui-piclist-image{padding-bottom:56.2%;}
.ui-piclist-100 .ui-piclist-image img{min-height:100%;}
.ui-piclist-image .upload-action{position:absolute;width:100%;height:100%;bottom:-100%;display:flex;justify-content:center;align-items:center;font-size:15px;z-index:2;background:rgba(0,0,0,.4);transition:all .5s ease 0s;}
.ui-piclist-image .upload-action a{font-size:30px;color:#ccc;margin:0 5px;}
.ui-piclist-image .upload-action a:hover{color:#fff;}
.ui-piclist-image:hover .upload-action{bottom:0;}
.ui-piclist-top{margin-top:-15px;}

/*Page*/
.ui-page{user-select:none;}
.ui-page ul{margin:0;padding:0;list-style:none;display:flex;margin-left:1px;}
.ui-page ul li{font-size:0;list-style:none;display:inline-block;border:1px solid #d9d9d9;margin-left:-1px;}
.ui-page ul li:first-child,.ui-page ul li:first-child a{border-radius:4px 0 0 4px;}
.ui-page ul li:last-child,.ui-page ul li:last-child a{border-radius:0 .4px 4px 0;}
.ui-page ul li a{font-size:16px;display:block;padding:0 15px;line-height:40px;color:#444;background:#fff;}
.ui-page ul li a:not([href]){color:#999;cursor:not-allowed;}
.ui-page ul li.active{border-color:#1890FF;background:#1890FF;}
.ui-page ul li.active a{color:#fff;background:#1890FF;}
.ui-page ul li.active a:hover{background:#1890FF;}
.ui-page ul li:hover a{background:#f9f9f9;}
.ui-page-red ul li.active{border-color:#ED4014;background:#ED4014;}
.ui-page-red ul li.active a{background:#ED4014;}
.ui-page-red ul li.active a:hover{background:#ED4014;}
.ui-page-yellow ul li.active{border-color:#F37B1D;background:#F37B1D;}
.ui-page-yellow ul li.active a{background:#F37B1D;}
.ui-page-yellow ul li.active a:hover{background:#F37B1D;}
.ui-page-green ul li.active{border-color:#19BE6B;background:#19BE6B;}
.ui-page-green ul li.active a{background:#19BE6B;}
.ui-page-green ul li.active a:hover{background:#19BE6B;}
.ui-page-info ul li.active{border-color:#2DB7F5;background:#2DB7F5;}
.ui-page-info ul li.active a{background:#2DB7F5;}
.ui-page-info ul li.active a:hover{background:#2DB7F5;}
.ui-page-mid ul li{margin-right:6px;}
.ui-page-mid ul li{border-radius:2px;}
.ui-page-mid ul li:first-child,.ui-page-mid ul li:last-child{border-radius:2px;}
.ui-page-center ul{display:flex;justify-content:center;align-items:center;}
.ui-page-right ul{display:flex;justify-content:flex-end;}
.ui-page-right{display:flex;}
.ui-page-right .ui-page-other{flex:1;justify-content:flex-start;align-items:center;display:flex;}


/*常用*/
.ui-w-100{width:100% !important}
.ui-w-auto{width:auto !important}
.ui-h-25{height:25% !important}
.ui-h-50{height:50% !important}
.ui-h-75{height:75% !important}
.ui-h-100{height:100% !important}
.ui-h-auto{height:auto !important}
.ui-mw-100{max-width:100% !important}
.ui-mh-100{max-height:100% !important}
.ui-min-vw-100{min-width:100vw !important}
.ui-min-vh-100{min-height:100vh !important}
.ui-min-100{min-height:100px !important}
.ui-min-200{min-height:200px !important}
.ui-min-300{min-height:300px !important}
.ui-min-400{min-height:400px !important}
.ui-vw-100{width:100vw !important}
.ui-vh-100{height:100vh !important}
.ui-p{padding:10px !important}
.ui-p-0{padding:0 !important}
.ui-p-sm{padding:5px !important}
.ui-p-10{padding:10px !important}
.ui-p-15{padding:15px !important}
.ui-p-20{padding:20px !important}
.ui-p-30{padding:30px !important}
.ui-p-40{padding:40px !important}
.ui-p-50{padding:50px !important}
.ui-p-60{padding:60px !important}
.ui-p-70{padding:70px !important}
.ui-p-80{padding:80px !important}
.ui-p-90{padding:90px !important}
.ui-p-100{padding:100px !important}
.ui-pt{padding-top:10px !important}
.ui-pt-0{padding-top:0 !important}
.ui-pt-sm{padding-top:5px !important}
.ui-pt-10{padding-top:10px !important}
.ui-pt-15{padding-top:15px !important}
.ui-pt-20{padding-top:20px !important}
.ui-pt-30{padding-top:30px !important}
.ui-pt-40{padding-top:40px !important}
.ui-pt-50{padding-top:50px !important}
.ui-pt-60{padding-top:60px !important}
.ui-pt-70{padding-top:70px !important}
.ui-pt-80{padding-top:80px !important}
.ui-pt-90{padding-top:90px !important}
.ui-pt-100{padding-top:100px !important}
.ui-pb{padding-bottom:10px !important}
.ui-pb-0{padding-bottom:0 !important}
.ui-pb-sm{padding-bottom:5px !important}
.ui-pb-10{padding-bottom:10px !important}
.ui-pb-15{padding-bottom:15px !important}
.ui-pb-20{padding-bottom:20px !important}
.ui-pb-30{padding-bottom:30px !important}
.ui-pb-40{padding-bottom:40px !important}
.ui-pb-50{padding-bottom:50px !important}
.ui-pb-60{padding-bottom:60px !important}
.ui-pb-70{padding-bottom:70px !important}
.ui-pb-80{padding-bottom:80px !important}
.ui-pb-90{padding-bottom:90px !important}
.ui-pb-100{padding-bottom:100px !important}
.ui-pl{padding-left:10px !important}
.ui-pl-0{padding-left:0 !important}
.ui-pl-sm{padding-left:5px !important}
.ui-pl-10{padding-left:10px !important}
.ui-pl-15{padding-left:15px !important}
.ui-pl-20{padding-left:20px !important}
.ui-pl-30{padding-left:30px !important}
.ui-pl-40{padding-left:40px !important}
.ui-pl-50{padding-left:50px !important}
.ui-pl-60{padding-left:60px !important}
.ui-pl-70{padding-left:70px !important}
.ui-pl-80{padding-left:80px !important}
.ui-pl-90{padding-left:90px !important}
.ui-pl-100{padding-left:100px !important}
.ui-pr{padding-right:10px !important}
.ui-pr-0{padding-right:0 !important}
.ui-pr-sm{padding-right:5px !important}
.ui-pr-10{padding-right:10px !important}
.ui-pr-15{padding-right:15px !important}
.ui-pr-20{padding-right:20px !important}
.ui-pr-30{padding-right:30px !important}
.ui-pr-40{padding-right:40px !important}
.ui-pr-50{padding-right:50px !important}
.ui-pr-60{padding-right:60px !important}
.ui-pr-70{padding-right:70px !important}
.ui-pr-80{padding-right:80px !important}
.ui-pr-90{padding-right:90px !important}
.ui-pr-100{padding-right:100px !important}
.ui-m{margin:10px !important}
.ui-m-0{margin:0 !important}
.ui-m-sm{margin:5px !important}
.ui-m-10{margin:10px !important}
.ui-m-15{margin:15px !important}
.ui-m-20{margin:20px !important}
.ui-m-30{margin:30px !important}
.ui-m-40{margin:40px !important}
.ui-m-50{margin:50px !important}
.ui-m-60{margin:60px !important}
.ui-m-70{margin:70px !important}
.ui-m-80{margin:80px !important}
.ui-m-90{margin:90px !important}
.ui-m-100{margin:100px !important}
.ui-mt{margin-top:10px !important}
.ui-mt-0{margin-top:0 !important}
.ui-mt-sm{margin-top:5px !important}
.ui-mt-10{margin-top:10px !important}
.ui-mt-15{margin-top:15px !important}
.ui-mt-20{margin-top:20px !important}
.ui-mt-30{margin-top:30px !important}
.ui-mt-40{margin-top:40px !important}
.ui-mt-50{margin-top:50px !important}
.ui-mt-60{margin-top:60px !important}
.ui-mt-70{margin-top:70px !important}
.ui-mt-80{margin-top:80px !important}
.ui-mt-90{margin-top:90px !important}
.ui-mt-100{margin-top:100px !important}
.ui-mb{margin-bottom:10px !important}
.ui-mb-0{margin-bottom:0 !important}
.ui-mb-sm{margin-bottom:5px !important}
.ui-mb-10{margin-bottom:10px !important}
.ui-mb-15{margin-bottom:15px !important}
.ui-mb-20{margin-bottom:20px !important}
.ui-mb-30{margin-bottom:30px !important}
.ui-mb-40{margin-bottom:40px !important}
.ui-mb-50{margin-bottom:50px !important}
.ui-mb-60{margin-bottom:60px !important}
.ui-mb-70{margin-bottom:70px !important}
.ui-mb-80{margin-bottom:80px !important}
.ui-mb-90{margin-bottom:90px !important}
.ui-mb-100{margin-bottom:100px !important}
.ui-ml{margin-left:10px !important}
.ui-ml-0{margin-left:0 !important}
.ui-ml-sm{margin-left:5px !important}
.ui-ml-10{margin-left:10px !important}
.ui-ml-15{margin-left:15px !important}
.ui-ml-20{margin-left:20px !important}
.ui-ml-30{margin-left:30px !important}
.ui-ml-40{margin-left:40px !important}
.ui-ml-50{margin-left:50px !important}
.ui-ml-60{margin-left:60px !important}
.ui-ml-70{margin-left:70px !important}
.ui-ml-80{margin-left:80px !important}
.ui-ml-90{margin-left:90px !important}
.ui-ml-100{margin-left:100px !important}
.ui-mr{margin-right:10px !important}
.ui-mr-0{margin-right:0 !important}
.ui-mr-sm{margin-right:5px !important}
.ui-mr-10{margin-right:10px !important}
.ui-mr-15{margin-right:15px !important}
.ui-mr-20{margin-right:20px !important}
.ui-mr-30{margin-right:30px !important}
.ui-mr-40{margin-right:40px !important}
.ui-mr-50{margin-right:50px !important}
.ui-mr-60{margin-right:60px !important}
.ui-mr-70{margin-right:70px !important}
.ui-mr-80{margin-right:80px !important}
.ui-mr-90{margin-right:90px !important}
.ui-mr-100{margin-right:100px !important}
.ui-fl{float:left !important}
.ui-fr{float:right !important}
.ui-clear{clear:both !important}
.ui-show{display:block !important}
.ui-hide{display:none !important}
.dz-message{display:none;height:0;}
.dz-preview{display:none;}
@media print{.ui-print-hide{display:none !important}}
.ui-bd{border:1px solid #eaeaea;}
.ui-bg-white{background:#fff;}
.ui-bg-gray{background:#f6f6f6;}
/*字体颜色*/
.ui-text-red{color:#ED4014;}
.ui-text-yellow{color:#F37B1D;}
.ui-text-blue{color:#1890FF;}
.ui-text-green{color:#19BE6B;}
.ui-text-info{color:#2DB7F5;}
.ui-text-white{color:#fff;}
.ui-text-black{color:#000;}
.ui-text-gray{color:#999;}
/*字体样式*/
.ui-text-left{text-align:left !important}
.ui-text-center{text-align:center !important}
.ui-text-right{text-align:right !important}
.ui-text-del{text-decoration:line-through !important}
.ui-text-bold{font-weight:bold !important}
/*字体大小*/
.ui-font-10{font-size:10px !important}
.ui-font-12{font-size:12px !important}
.ui-font-13{font-size:13px !important}
.ui-font-14{font-size:14px !important}
.ui-font-15{font-size:15px !important}
.ui-font-16{font-size:16px !important}
.ui-font-17{font-size:17px !important}
.ui-font-18{font-size:18px !important}
.ui-font-20{font-size:20px !important}
.ui-font-22{font-size:22px !important}
.ui-font-24{font-size:24px !important}
.ui-font-26{font-size:26px !important}
.ui-font-28{font-size:28px !important}
.ui-font-30{font-size:30px !important}
.ui-font-32{font-size:32px !important}
.ui-font-36{font-size:36px !important}
.ui-font-38{font-size:38px !important}
.ui-font-40{font-size:40px !important}
.ui-font-50{font-size:50px !important}
.ui-font-60{font-size:60px !important}
/*间距*/
.ui-height-auto{line-height:normal !important}
.ui-height-18{line-height:18px !important}
.ui-height-20{line-height:20px !important}
.ui-height-22{line-height:22px !important}
.ui-height-24{line-height:24px !important}
.ui-height-26{line-height:26px !important}
.ui-height-28{line-height:28px !important}
.ui-height-30{line-height:30px !important}
.ui-height-40{line-height:40px !important}
.ui-height-50{line-height:50px !important}
.ui-height-60{line-height:60px !important}
/*超出省略*/
.ui-text-hide{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
/*以下仅在Chrome内核浏览器中生效，其他浏览器：需要配置行高和高度使用*/
.ui-text-hide-2,.ui-text-hide-3,.ui-text-hide-4,.ui-text-hide-5,.ui-text-hide-6{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.ui-text-hide-2{-webkit-line-clamp:2;}
.ui-text-hide-3{-webkit-line-clamp:3;}
.ui-text-hide-4{-webkit-line-clamp:4;}
.ui-text-hide-5{-webkit-line-clamp:5;}
.ui-text-hide-6{-webkit-line-clamp:6;}
.ui-radius{border-radius:50%;}
.ui-radius img,.ui-radius svg{border-radius:50%;}
.ui-radius-sm{border-radius:4px;}
.ui-disabled,button:disabled{cursor:not-allowed;}
.ui-inline-block{display:inline-block;}
/*Animal*/
.ui-scrollspy{opacity:0;}
.ui-rotate{-webkit-animation:2s infinite linear;-moz-animation:2s infinite linear;-ms-animation:2s infinite linear;animation:2s infinite linear;}
.ui-rotate:hover{-webkit-animation-name:ui-a-rotate;-moz-animation-name:ui-a-rotate;-ms-animation-name:ui-a-rotate;animation-name:ui-a-rotate}
@-webkit-keyframes ui-a-rotate{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}
@-moz-keyframes ui-a-rotate{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}
@-ms-keyframes ui-a-rotate{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}
@keyframes ui-a-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
@keyframes ui-dialogIn{0%{transform:scale(0.7);}45%{transform:scale(1.05);}80%{transform:scale(0.95);}100%{transform:scale(1);}}
@keyframes ui-dialogOut{0%{transform:scale(1);}45%{transform:scale(0.95);}80%{transform:scale(0.55);}100%{transform:scale(0);}}
@keyframes ui-toast-In{0%{transform: translateY(-0.625em) rotateZ(2deg);}33%{transform: translateY(0) rotateZ(-2deg);}66%{transform: translateY(0.3125em) rotateZ(2deg);}100%{transform: translateY(0) rotateZ(0deg);}}
@keyframes ui-toast-Out{0% {transform: translateY(0) rotateZ(0deg);}33%{transform: translateY(0.3125em) rotateZ(2deg);}66%{transform: translateY(0) rotateZ(-2deg);}100%{transform: translateY(-0.625em) rotateZ(2deg);}}
@-webkit-keyframes ui-fade{0%{opacity: 0;}100%{opacity: 1;}}
@keyframes ui-fade{0%{opacity: 0;}100%{opacity: 1;}}
@-webkit-keyframes ui-fade-out{0%{opacity: 1;}100%{opacity: 0;}}
@keyframes ui-fade-out{0%{opacity: 1;}100%{opacity: 0;}}
@-webkit-keyframes ui-scale-up{0%{opacity:0;-webkit-transform:scale(0.2);transform:scale(0.2);}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1);}}
@keyframes ui-scale-up{0%{opacity:0;-webkit-transform:scale(0.2);transform:scale(0.2);}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1);}}
@-webkit-keyframes ui-scale-down{0%{opacity:0;-webkit-transform: scale(1.8);transform: scale(1.8);}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1);}}
@keyframes ui-scale-down{0%{opacity:0;-webkit-transform: scale(1.8);transform: scale(1.8);}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1);}}
@-webkit-keyframes ui-slide-top{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}}
@keyframes ui-slide-top{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}}
@-webkit-keyframes ui-slide-bottom{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}}
@keyframes ui-slide-bottom{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}}
@-webkit-keyframes ui-slide-left{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes ui-slide-left{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@-webkit-keyframes ui-slide-right{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes ui-slide-right{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@-webkit-keyframes ui-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%{-webkit-transform:translateX(-9px);transform:translateX(-9px)}20%{-webkit-transform:translateX(8px);transform:translateX(8px)}30%{-webkit-transform:translateX(-7px);transform:translateX(-7px)}40%{-webkit-transform:translateX(6px);transform:translateX(6px)}50%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}60%{-webkit-transform:translateX(4px);transform:translateX(4px)}70%{-webkit-transform:translateX(-3px);transform:translateX(-3px)}80%{-webkit-transform:translateX(2px);transform:translateX(2px)}90%{-webkit-transform:translateX(-1px);transform:translateX(-1px)}}
@keyframes ui-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%{-webkit-transform:translateX(-9px);transform:translateX(-9px)}20%{-webkit-transform:translateX(8px);transform:translateX(8px)}30%{-webkit-transform:translateX(-7px);transform:translateX(-7px)}40%{-webkit-transform:translateX(6px);transform:translateX(6px)}50%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}60%{-webkit-transform:translateX(4px);transform:translateX(4px)}70%{-webkit-transform:translateX(-3px);transform:translateX(-3px)}80%{-webkit-transform:translateX(2px);transform:translateX(2px)}90%{-webkit-transform:translateX(-1px);transform:translateX(-1px)}}
@-webkit-keyframes ui-slide-top-fixed{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes ui-slide-top-fixed{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@-webkit-keyframes ui-slide-bottom-fixed{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes ui-slide-bottom-fixed{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@-webkit-keyframes ui-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
@keyframes ui-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
@-webkit-keyframes ui-right-spring{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(-20%);transform:translateX(-20%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes ui-right-spring{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(-20%);transform:translateX(-20%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}
@-webkit-keyframes ui-left-spring{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(20%);transform:translateX(20%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes ui-left-spring{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(20%);transform:translateX(20%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}
[class*="ui-am-"]{-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.ui-am-fade{-webkit-animation-name:ui-fade;animation-name:ui-fade;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-timing-function:linear;animation-timing-function:linear;}
.ui-am-fade-out{-webkit-animation-name:ui-fade-out;animation-name:ui-fade-out;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-timing-function:linear;animation-timing-function:linear;}
.ui-am-scale-up{-webkit-animation-name:ui-scale-up;animation-name:ui-scale-up;}
.ui-am-scale-down{-webkit-animation-name:ui-scale-down;animation-name:ui-scale-down;}
.ui-am-slide-top{-webkit-animation-name:ui-slide-top;animation-name:ui-slide-top;}
.ui-am-slide-bottom{-webkit-animation-name:ui-slide-bottom;animation-name:ui-slide-bottom;}
.ui-am-slide-left{-webkit-animation-name:ui-slide-left;animation-name:ui-slide-left;}
.ui-am-slide-right{-webkit-animation-name:ui-slide-right;animation-name:ui-slide-right;}
.ui-am-slide-top-fixed{-webkit-animation-name:ui-slide-top-fixed;animation-name:ui-slide-top-fixed;}
.ui-am-shake{-webkit-animation-name:ui-shake;animation-name:ui-shake;}
.ui-am-spin{-webkit-animation:ui-spin 2s infinite linear;animation:ui-spin 2s infinite linear;}
.ui-am-left-spring{-webkit-animation:ui-left-spring 0.3s ease-in-out;animation:ui-left-spring 0.3s ease-in-out;}
.ui-am-right-spring{-webkit-animation:ui-right-spring 0.3s ease-in-out;animation:ui-right-spring 0.3s ease-in-out;}
.ui-am-delay-1{-webkit-animation-delay:1s;animation-delay:1s;}
.ui-am-delay-1-5{-webkit-animation-delay:1.5s;animation-delay:1.5s;}
.ui-am-delay-2{-webkit-animation-delay:2s;animation-delay:2s;}
.ui-am-delay-2-5{-webkit-animation-delay:2.5s;animation-delay:2.5s;}
.ui-am-delay-3{-webkit-animation-delay:3s;animation-delay:3s;}
.ui-am-delay-3-5{-webkit-animation-delay:3.5s;animation-delay:3.5s;}
.ui-am-delay-4{-webkit-animation-delay:4s;animation-delay:4s;}
.ui-am-delay-4-5{-webkit-animation-delay:4.5s;animation-delay:4.5s;}
.ui-am-delay-5{-webkit-animation-delay:5s;animation-delay:5s;}
.ui-am-delay-5-5{-webkit-animation-delay:5.5s;animation-delay:5.5s;}
.ui-am-delay-6{-webkit-animation-delay:6s;animation-delay:6s;}
.ui-am-delay-6-5{-webkit-animation-delay:6.5s;animation-delay:6.5s;}


/*公共分页*/
.list_page {
    text-align: center;
    margin: 10px;
    display: block
}

.list_page:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden
}

.list_page ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: bottom
}

.list_page ul li {
    display: inline-block;
    border: solid 1px #ddd;
    border-radius: 4px
}

.list_page ul a {
    color: #333;
    padding: 8px 12px;
    line-height: 18px;
    display: block;
    transition: all 1s cubic-bezier(.175,.885,.32,1) 0s;
    background: #fff
}

.page_group ul {
  margin: 0;
  padding: 0;
    border-right: solid 1px #ddd;
    border-radius: 4px
}

.page_group ul li {
margin: 0 !important;
    border-right: none;
    border-radius: 0;
    float: left
}

.page_group ul li:not(:first-child):not(:last-child) {
    border-radius: 0
}

.page_group ul li:first-child {
    border-radius: 4px 0 0 4px
}

.page_group ul li:last-child {
    border-radius: 0 4px 4px 0
}

.page_group ul .active a {
    background: #f3f3f3;
    border-radius: 0
}