/** layui-v2.4.5 MIT License By https://www.layui.com */
.layui-inline, img { display: inline-block; vertical-align: middle }
h1, h2, h3, h4, h5, h6 { font-weight: 400 }
.layui-edge, .layui-header, .layui-inline, .layui-main { position: relative }
.layui-elip, .layui-form-checkbox span, .layui-form-pane .layui-form-label { text-overflow: ellipsis; white-space: nowrap }
.layui-btn, .layui-edge, .layui-inline, img { vertical-align: middle }
.layui-btn, .layui-disabled, .layui-icon, .layui-unselect { -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none }
blockquote, body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul { margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0,0,0,0) }
a:active, a:hover { outline: 0 }
img { border: none }
li { list-style: none }
table { border-collapse: collapse; border-spacing: 0 }
h4, h5, h6 { font-size: 100% }
button, input, optgroup, option, select, textarea { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; outline: 0 }
pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word }
body { line-height: 24px; font: 14px Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif }
hr { height: 1px; margin: 10px 0; border: 0; clear: both }
a { color: #333; text-decoration: none }
a:hover { color: #777 }
a cite { font-style: normal; *cursor:pointer
}
.layui-border-box, .layui-border-box * { box-sizing: border-box }
.layui-box, .layui-box * { box-sizing: content-box }
.layui-clear { clear: both; *zoom:1
}
.layui-clear:after { content: '\20'; clear: both; *zoom:1;
display: block; height: 0 }
.layui-inline { *display:inline;
*zoom:1
}
.layui-edge { display: inline-block; width: 0; height: 0; border-width: 6px; border-style: dashed; border-color: transparent; overflow: hidden }
.layui-edge-top { top: -4px; border-bottom-color: #999; border-bottom-style: solid }
.layui-edge-right { border-left-color: #999; border-left-style: solid }
.layui-edge-bottom { top: 2px; border-top-color: #999; border-top-style: solid }
.layui-edge-left { border-right-color: #999; border-right-style: solid }
.layui-elip { overflow: hidden }
.layui-disabled, .layui-disabled:hover { color: #d2d2d2!important; cursor: not-allowed!important }
.layui-circle { border-radius: 100% }
.layui-show { display: block!important }
.layui-hide { display: none!important }
@font-face { font-family: layui-icon;  }
.layui-icon { font-family: layui-icon!important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.layui-icon-reply-fill:before { content: "\e611" }
.layui-icon-set-fill:before { content: "\e614" }
.layui-icon-menu-fill:before { content: "\e60f" }
.layui-icon-search:before { content: "\e615" }
.layui-icon-share:before { content: "\e641" }
.layui-icon-set-sm:before { content: "\e620" }
.layui-icon-engine:before { content: "\e628" }
.layui-icon-close:before { content: "\1006" }
.layui-icon-close-fill:before { content: "\1007" }
.layui-icon-chart-screen:before { content: "\e629" }
.layui-icon-star:before { content: "\e600" }
.layui-icon-circle-dot:before { content: "\e617" }
.layui-icon-chat:before { content: "\e606" }
.layui-icon-release:before { content: "\e609" }
.layui-icon-list:before { content: "\e60a" }
.layui-icon-chart:before { content: "\e62c" }
.layui-icon-ok-circle:before { content: "\1005" }
.layui-icon-layim-theme:before { content: "\e61b" }
.layui-icon-table:before { content: "\e62d" }
.layui-icon-right:before { content: "\e602" }
.layui-icon-left:before { content: "\e603" }
.layui-icon-cart-simple:before { content: "\e698" }
.layui-icon-face-cry:before { content: "\e69c" }
.layui-icon-face-smile:before { content: "\e6af" }
.layui-icon-survey:before { content: "\e6b2" }
.layui-icon-tree:before { content: "\e62e" }
.layui-icon-upload-circle:before { content: "\e62f" }
.layui-icon-add-circle:before { content: "\e61f" }
.layui-icon-download-circle:before { content: "\e601" }
.layui-icon-templeate-1:before { content: "\e630" }
.layui-icon-util:before { content: "\e631" }
.layui-icon-face-surprised:before { content: "\e664" }
.layui-icon-edit:before { content: "\e642" }
.layui-icon-speaker:before { content: "\e645" }
.layui-icon-down:before { content: "\e61a" }
.layui-icon-file:before { content: "\e621" }
.layui-icon-layouts:before { content: "\e632" }
.layui-icon-rate-half:before { content: "\e6c9" }
.layui-icon-add-circle-fine:before { content: "\e608" }
.layui-icon-prev-circle:before { content: "\e633" }
.layui-icon-read:before { content: "\e705" }
.layui-icon-404:before { content: "\e61c" }
.layui-icon-carousel:before { content: "\e634" }
.layui-icon-help:before { content: "\e607" }
.layui-icon-code-circle:before { content: "\e635" }
.layui-icon-water:before { content: "\e636" }
.layui-icon-username:before { content: "\e66f" }
.layui-icon-find-fill:before { content: "\e670" }
.layui-icon-about:before { content: "\e60b" }
.layui-icon-location:before { content: "\e715" }
.layui-icon-up:before { content: "\e619" }
.layui-icon-pause:before { content: "\e651" }
.layui-icon-date:before { content: "\e637" }
.layui-icon-layim-uploadfile:before { content: "\e61d" }
.layui-icon-delete:before { content: "\e640" }
.layui-icon-play:before { content: "\e652" }
.layui-icon-top:before { content: "\e604" }
.layui-icon-friends:before { content: "\e612" }
.layui-icon-refresh-3:before { content: "\e9aa" }
.layui-icon-ok:before { content: "\e605" }
.layui-icon-layer:before { content: "\e638" }
.layui-icon-face-smile-fine:before { content: "\e60c" }
.layui-icon-dollar:before { content: "\e659" }
.layui-icon-group:before { content: "\e613" }
.layui-icon-layim-download:before { content: "\e61e" }
.layui-icon-picture-fine:before { content: "\e60d" }
.layui-icon-link:before { content: "\e64c" }
.layui-icon-diamond:before { content: "\e735" }
.layui-icon-log:before { content: "\e60e" }
.layui-icon-rate-solid:before { content: "\e67a" }
.layui-icon-fonts-del:before { content: "\e64f" }
.layui-icon-unlink:before { content: "\e64d" }
.layui-icon-fonts-clear:before { content: "\e639" }
.layui-icon-triangle-r:before { content: "\e623" }
.layui-icon-circle:before { content: "\e63f" }
.layui-icon-radio:before { content: "\e643" }
.layui-icon-align-center:before { content: "\e647" }
.layui-icon-align-right:before { content: "\e648" }
.layui-icon-align-left:before { content: "\e649" }
.layui-icon-loading-1:before { content: "\e63e" }
.layui-icon-return:before { content: "\e65c" }
.layui-icon-fonts-strong:before { content: "\e62b" }
.layui-icon-upload:before { content: "\e67c" }
.layui-icon-dialogue:before { content: "\e63a" }
.layui-icon-video:before { content: "\e6ed" }
.layui-icon-headset:before { content: "\e6fc" }
.layui-icon-cellphone-fine:before { content: "\e63b" }
.layui-icon-add-1:before { content: "\e654" }
.layui-icon-face-smile-b:before { content: "\e650" }
.layui-icon-fonts-html:before { content: "\e64b" }
.layui-icon-form:before { content: "\e63c" }
.layui-icon-cart:before { content: "\e657" }
.layui-icon-camera-fill:before { content: "\e65d" }
.layui-icon-tabs:before { content: "\e62a" }
.layui-icon-fonts-code:before { content: "\e64e" }
.layui-icon-fire:before { content: "\e756" }
.layui-icon-set:before { content: "\e716" }
.layui-icon-fonts-u:before { content: "\e646" }
.layui-icon-triangle-d:before { content: "\e625" }
.layui-icon-tips:before { content: "\e702" }
.layui-icon-picture:before { content: "\e64a" }
.layui-icon-more-vertical:before { content: "\e671" }
.layui-icon-flag:before { content: "\e66c" }
.layui-icon-loading:before { content: "\e63d" }
.layui-icon-fonts-i:before { content: "\e644" }
.layui-icon-refresh-1:before { content: "\e666" }
.layui-icon-rmb:before { content: "\e65e" }
.layui-icon-home:before { content: "\e68e" }
.layui-icon-user:before { content: "\e770" }
.layui-icon-notice:before { content: "\e667" }
.layui-icon-login-weibo:before { content: "\e675" }
.layui-icon-voice:before { content: "\e688" }
.layui-icon-upload-drag:before { content: "\e681" }
.layui-icon-login-qq:before { content: "\e676" }
.layui-icon-snowflake:before { content: "\e6b1" }
.layui-icon-file-b:before { content: "\e655" }
.layui-icon-template:before { content: "\e663" }
.layui-icon-auz:before { content: "\e672" }
.layui-icon-console:before { content: "\e665" }
.layui-icon-app:before { content: "\e653" }
.layui-icon-prev:before { content: "\e65a" }
.layui-icon-website:before { content: "\e7ae" }
.layui-icon-next:before { content: "\e65b" }
.layui-icon-component:before { content: "\e857" }
.layui-icon-more:before { content: "\e65f" }
.layui-icon-login-wechat:before { content: "\e677" }
.layui-icon-shrink-right:before { content: "\e668" }
.layui-icon-spread-left:before { content: "\e66b" }
.layui-icon-camera:before { content: "\e660" }
.layui-icon-note:before { content: "\e66e" }
.layui-icon-refresh:before { content: "\e669" }
.layui-icon-female:before { content: "\e661" }
.layui-icon-male:before { content: "\e662" }
.layui-icon-password:before { content: "\e673" }
.layui-icon-senior:before { content: "\e674" }
.layui-icon-theme:before { content: "\e66a" }
.layui-icon-tread:before { content: "\e6c5" }
.layui-icon-praise:before { content: "\e6c6" }
.layui-icon-star-fill:before { content: "\e658" }
.layui-icon-rate:before { content: "\e67b" }
.layui-icon-template-1:before { content: "\e656" }
.layui-icon-vercode:before { content: "\e679" }
.layui-icon-cellphone:before { content: "\e678" }
.layui-icon-screen-full:before { content: "\e622" }
.layui-icon-screen-restore:before { content: "\e758" }
.layui-icon-cols:before { content: "\e610" }
.layui-icon-export:before { content: "\e67d" }
.layui-icon-print:before { content: "\e66d" }
.layui-icon-slider:before { content: "\e714" }
.layui-main { width: 1140px; margin: 0 auto }
.layui-header { z-index: 1000; height: 60px }
.layui-header a:hover { transition: all .5s; -webkit-transition: all .5s }
.layui-side { position: fixed; left: 0; top: 0; bottom: 0; z-index: 999; width: 200px; overflow-x: hidden }
.layui-side-scroll { position: relative; width: 220px; height: 100%; overflow-x: hidden }
.layui-body { position: absolute; left: 200px; right: 0; top: 0; bottom: 0; z-index: 998; width: auto; overflow: hidden; overflow-y: auto; box-sizing: border-box }
.layui-layout-body { overflow: hidden }
.layui-layout-admin .layui-header { background-color: #23262E }
.layui-layout-admin .layui-side { top: 60px; width: 200px; overflow-x: hidden }
.layui-layout-admin .layui-body { top: 60px; bottom: 44px }
.layui-layout-admin .layui-main { width: auto; margin: 0 15px }
.layui-layout-admin .layui-footer { position: fixed; left: 200px; right: 0; bottom: 0; height: 44px; line-height: 44px; padding: 0 15px; background-color: #eee }
.layui-layout-admin .layui-logo { position: absolute; left: 0; top: 0; width: 200px; height: 100%; line-height: 60px; text-align: center; color: #009688; font-size: 16px }
.layui-layout-admin .layui-header .layui-nav { background: 0 0 }
.layui-layout-left { position: absolute!important; left: 200px; top: 0 }
.layui-layout-right { position: absolute!important; right: 0; top: 0 }
.layui-container { position: relative; margin: 0 auto; padding: 0 15px; box-sizing: border-box }
.layui-fluid { position: relative; margin: 0 auto; padding: 0 15px }
.layui-row:after, .layui-row:before { content: ''; display: block; clear: both }
.layui-col-lg1, .layui-col-lg10, .layui-col-lg11, .layui-col-lg12, .layui-col-lg2, .layui-col-lg3, .layui-col-lg4, .layui-col-lg5, .layui-col-lg6, .layui-col-lg7, .layui-col-lg8, .layui-col-lg9, .layui-col-md1, .layui-col-md10, .layui-col-md11, .layui-col-md12, .layui-col-md2, .layui-col-md3, .layui-col-md4, .layui-col-md5, .layui-col-md6, .layui-col-md7, .layui-col-md8, .layui-col-md9, .layui-col-sm1, .layui-col-sm10, .layui-col-sm11, .layui-col-sm12, .layui-col-sm2, .layui-col-sm3, .layui-col-sm4, .layui-col-sm5, .layui-col-sm6, .layui-col-sm7, .layui-col-sm8, .layui-col-sm9, .layui-col-xs1, .layui-col-xs10, .layui-col-xs11, .layui-col-xs12, .layui-col-xs2, .layui-col-xs3, .layui-col-xs4, .layui-col-xs5, .layui-col-xs6, .layui-col-xs7, .layui-col-xs8, .layui-col-xs9 { position: relative; display: block; box-sizing: border-box }
.layui-col-xs1, .layui-col-xs10, .layui-col-xs11, .layui-col-xs12, .layui-col-xs2, .layui-col-xs3, .layui-col-xs4, .layui-col-xs5, .layui-col-xs6, .layui-col-xs7, .layui-col-xs8, .layui-col-xs9 { float: left }
.layui-col-xs1 { width: 8.33333333% }
.layui-col-xs2 { width: 16.66666667% }
.layui-col-xs3 { width: 25% }
.layui-col-xs4 { width: 33.33333333% }
.layui-col-xs5 { width: 41.66666667% }
.layui-col-xs6 { width: 50% }
.layui-col-xs7 { width: 58.33333333% }
.layui-col-xs8 { width: 66.66666667% }
.layui-col-xs9 { width: 75% }
.layui-col-xs10 { width: 83.33333333% }
.layui-col-xs11 { width: 91.66666667% }
.layui-col-xs12 { width: 100% }
.layui-col-xs-offset1 { margin-left: 8.33333333% }
.layui-col-xs-offset2 { margin-left: 16.66666667% }
.layui-col-xs-offset3 { margin-left: 25% }
.layui-col-xs-offset4 { margin-left: 33.33333333% }
.layui-col-xs-offset5 { margin-left: 41.66666667% }
.layui-col-xs-offset6 { margin-left: 50% }
.layui-col-xs-offset7 { margin-left: 58.33333333% }
.layui-col-xs-offset8 { margin-left: 66.66666667% }
.layui-col-xs-offset9 { margin-left: 75% }
.layui-col-xs-offset10 { margin-left: 83.33333333% }
.layui-col-xs-offset11 { margin-left: 91.66666667% }
.layui-col-xs-offset12 { margin-left: 100% }

@media screen and (max-width:768px) {
.layui-hide-xs { display: none!important }
.layui-show-xs-block { display: block!important }
.layui-show-xs-inline { display: inline!important }
.layui-show-xs-inline-block { display: inline-block!important }

.a-fixed {max-width: 750px !important; }
.header-logo .logo{ left: 4% !important; }

}

@media screen and (min-width:768px) {
.layui-container { width: 750px }
.layui-hide-sm { display: none!important }
.layui-show-sm-block { display: block!important }
.layui-show-sm-inline { display: inline!important }
.layui-show-sm-inline-block { display: inline-block!important }
.layui-col-sm1, .layui-col-sm10, .layui-col-sm11, .layui-col-sm12, .layui-col-sm2, .layui-col-sm3, .layui-col-sm4, .layui-col-sm5, .layui-col-sm6, .layui-col-sm7, .layui-col-sm8, .layui-col-sm9 { float: left }
.layui-col-sm1 { width: 8.33333333% }
.layui-col-sm2 { width: 16.66666667% }
.layui-col-sm3 { width: 25% }
.layui-col-sm4 { width: 33.33333333% }
.layui-col-sm5 { width: 41.66666667% }
.layui-col-sm6 { width: 50% }
.layui-col-sm7 { width: 58.33333333% }
.layui-col-sm8 { width: 66.66666667% }
.layui-col-sm9 { width: 75% }
.layui-col-sm10 { width: 83.33333333% }
.layui-col-sm11 { width: 91.66666667% }
.layui-col-sm12 { width: 100% }
.layui-col-sm-offset1 { margin-left: 8.33333333% }
.layui-col-sm-offset2 { margin-left: 16.66666667% }
.layui-col-sm-offset3 { margin-left: 25% }
.layui-col-sm-offset4 { margin-left: 33.33333333% }
.layui-col-sm-offset5 { margin-left: 41.66666667% }
.layui-col-sm-offset6 { margin-left: 50% }
.layui-col-sm-offset7 { margin-left: 58.33333333% }
.layui-col-sm-offset8 { margin-left: 66.66666667% }
.layui-col-sm-offset9 { margin-left: 75% }
.layui-col-sm-offset10 { margin-left: 83.33333333% }
.layui-col-sm-offset11 { margin-left: 91.66666667% }
.layui-col-sm-offset12 { margin-left: 100% }
}

@media screen and (min-width:992px) {
.layui-container { width: 970px }
.layui-hide-md { display: none!important }
.layui-show-md-block { display: block!important }
.layui-show-md-inline { display: inline!important }
.layui-show-md-inline-block { display: inline-block!important }
.layui-col-md1, .layui-col-md10, .layui-col-md11, .layui-col-md12, .layui-col-md2, .layui-col-md3, .layui-col-md4, .layui-col-md5, .layui-col-md6, .layui-col-md7, .layui-col-md8, .layui-col-md9 { float: left }
.layui-col-md1 { width: 8.33333333% }
.layui-col-md2 { width: 16.66666667% }
.layui-col-md3 { width: 25% }
.layui-col-md4 { width: 33.33333333% }
.layui-col-md5 { width: 41.66666667% }
.layui-col-md6 { width: 50% }
.layui-col-md7 { width: 58.33333333% }
.layui-col-md8 { width: 66.66666667% }
.layui-col-md9 { width: 75% }
.layui-col-md10 { width: 83.33333333% }
.layui-col-md11 { width: 91.66666667% }
.layui-col-md12 { width: 100% }
.layui-col-md-offset1 { margin-left: 8.33333333% }
.layui-col-md-offset2 { margin-left: 16.66666667% }
.layui-col-md-offset3 { margin-left: 25% }
.layui-col-md-offset4 { margin-left: 33.33333333% }
.layui-col-md-offset5 { margin-left: 41.66666667% }
.layui-col-md-offset6 { margin-left: 50% }
.layui-col-md-offset7 { margin-left: 58.33333333% }
.layui-col-md-offset8 { margin-left: 66.66666667% }
.layui-col-md-offset9 { margin-left: 75% }
.layui-col-md-offset10 { margin-left: 83.33333333% }
.layui-col-md-offset11 { margin-left: 91.66666667% }
.layui-col-md-offset12 { margin-left: 100% }
}

@media screen and (min-width:1200px) {
.layui-container { width: 1170px }
.layui-hide-lg { display: none!important }
.layui-show-lg-block { display: block!important }
.layui-show-lg-inline { display: inline!important }
.layui-show-lg-inline-block { display: inline-block!important }
.layui-col-lg1, .layui-col-lg10, .layui-col-lg11, .layui-col-lg12, .layui-col-lg2, .layui-col-lg3, .layui-col-lg4, .layui-col-lg5, .layui-col-lg6, .layui-col-lg7, .layui-col-lg8, .layui-col-lg9 { float: left }
.layui-col-lg1 { width: 8.33333333% }
.layui-col-lg2 { width: 16.66666667% }
.layui-col-lg3 { width: 25% }
.layui-col-lg4 { width: 33.33333333% }
.layui-col-lg5 { width: 41.66666667% }
.layui-col-lg6 { width: 50% }
.layui-col-lg7 { width: 58.33333333% }
.layui-col-lg8 { width: 66.66666667% }
.layui-col-lg9 { width: 75% }
.layui-col-lg10 { width: 83.33333333% }
.layui-col-lg11 { width: 91.66666667% }
.layui-col-lg12 { width: 100% }
.layui-col-lg-offset1 { margin-left: 8.33333333% }
.layui-col-lg-offset2 { margin-left: 16.66666667% }
.layui-col-lg-offset3 { margin-left: 25% }
.layui-col-lg-offset4 { margin-left: 33.33333333% }
.layui-col-lg-offset5 { margin-left: 41.66666667% }
.layui-col-lg-offset6 { margin-left: 50% }
.layui-col-lg-offset7 { margin-left: 58.33333333% }
.layui-col-lg-offset8 { margin-left: 66.66666667% }
.layui-col-lg-offset9 { margin-left: 75% }
.layui-col-lg-offset10 { margin-left: 83.33333333% }
.layui-col-lg-offset11 { margin-left: 91.66666667% }
.layui-col-lg-offset12 { margin-left: 100% }
}
.layui-col-space1 { margin: -.5px }
.layui-col-space1>* { padding: .5px }
.layui-col-space3 { margin: -1.5px }
.layui-col-space3>* { padding: 1.5px }
.layui-col-space5 { margin: -2.5px }
.layui-col-space5>* { padding: 2.5px }
.layui-col-space8 { margin: -3.5px }
.layui-col-space8>* { padding: 3.5px }
.layui-col-space10 { margin: -5px }
.layui-col-space10>* { padding: 5px }
.layui-col-space12 { margin: -6px }
.layui-col-space12>* { padding: 6px }
.layui-col-space15 { margin: -7.5px }
.layui-col-space15>* { padding: 7.5px }
.layui-col-space18 { margin: -9px }
.layui-col-space18>* { padding: 9px }
.layui-col-space20 { margin: -10px }
.layui-col-space20>* { padding: 10px }
.layui-col-space22 { margin: -11px }
.layui-col-space22>* { padding: 11px }
.layui-col-space25 { margin: -12.5px }
.layui-col-space25>* { padding: 12.5px }
.layui-col-space30 { margin: -15px }
.layui-col-space30>* { padding: 15px }
.layui-btn, .layui-input, .layui-select, .layui-textarea, .layui-upload-button { outline: 0; -webkit-appearance: none; transition: all .3s; -webkit-transition: all .3s; box-sizing: border-box }
.layui-elem-quote { margin-bottom: 10px; padding: 15px; line-height: 22px; border-left: 5px solid #009688; border-radius: 0 2px 2px 0; background-color: #f2f2f2 }
.layui-quote-nm { border-style: solid; border-width: 1px 1px 1px 5px; background: 0 0 }
.layui-elem-field { margin-bottom: 10px; padding: 0; border-width: 1px; border-style: solid }
.layui-elem-field legend { margin-left: 20px; padding: 0 10px; font-size: 20px; font-weight: 300 }
.layui-field-title { margin: 10px 0 20px; border-width: 1px 0 0 }
.layui-field-box { padding: 10px 15px }
.layui-field-title .layui-field-box { padding: 10px 0 }
.layui-progress { position: relative; height: 6px; border-radius: 20px; background-color: #e2e2e2 }
.layui-progress-bar { position: absolute; left: 0; top: 0; width: 0; max-width: 100%; height: 6px; border-radius: 20px; text-align: right; background-color: #5FB878; transition: all .3s; -webkit-transition: all .3s }
.layui-progress-big, .layui-progress-big .layui-progress-bar { height: 18px; line-height: 18px }
.layui-progress-text { position: relative; top: -20px; line-height: 18px; font-size: 12px; color: #666 }
.layui-progress-big .layui-progress-text { position: static; padding: 0 10px; color: #fff }
.layui-collapse { border-width: 1px; border-style: solid; border-radius: 2px }
.layui-colla-content, .layui-colla-item { border-top-width: 1px; border-top-style: solid }
.layui-colla-item:first-child { border-top: none }
.layui-colla-title { position: relative; height: 42px; line-height: 42px; padding: 0 15px 0 35px; color: #333; background-color: #f2f2f2; cursor: pointer; font-size: 14px; overflow: hidden }
.layui-colla-content { display: none; padding: 10px 15px; line-height: 22px; color: #666 }
.layui-colla-icon { position: absolute; left: 15px; top: 0; font-size: 14px }
.layui-card { margin-bottom: 15px; border-radius: 2px; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0,0,0,.05) }
.layui-card:last-child { margin-bottom: 0 }
.layui-card-header { position: relative; height: 42px; line-height: 42px; padding: 0 15px; border-bottom: 1px solid #f6f6f6; color: #333; border-radius: 2px 2px 0 0; font-size: 14px }
.layui-bg-black, .layui-bg-blue, .layui-bg-cyan, .layui-bg-green, .layui-bg-orange, .layui-bg-red { color: #fff!important }
.layui-card-body { position: relative; padding: 10px 15px; line-height: 24px }
.layui-card-body[pad15] { padding: 15px }
.layui-card-body[pad20] { padding: 20px }
.layui-card-body .layui-table { margin: 5px 0 }
.layui-card .layui-tab { margin: 0 }
.layui-panel-window { position: relative; padding: 15px; border-radius: 0; border-top: 5px solid #E6E6E6; background-color: #fff }
.layui-auxiliar-moving { position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: 0 0; z-index: 9999999999 }
.layui-form-label, .layui-form-mid, .layui-form-select, .layui-input-block, .layui-input-inline, .layui-textarea { position: relative }
.layui-bg-red { background-color: #FF5722!important }
.layui-bg-orange { background-color: #FFB800!important }
.layui-bg-green { background-color: #009688!important }
.layui-bg-cyan { background-color: #2F4056!important }
.layui-bg-blue { background-color: #1E9FFF!important }
.layui-bg-black { background-color: #393D49!important }
.layui-bg-gray { background-color: #eee!important; color: #666!important }
.layui-badge-rim, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-layedit, .layui-layedit-tool, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea { border-color: #e6e6e6 }
.layui-timeline-item:before, hr { background-color: #e6e6e6 }
.layui-text { line-height: 22px; font-size: 14px; color: #666 }
.layui-text h1, .layui-text h2, .layui-text h3 { font-weight: 500; color: #333 }
.layui-text h1 { font-size: 30px }
.layui-text h2 { font-size: 24px }
.layui-text h3 { font-size: 18px }
.layui-text a:not(.layui-btn) { color: #01AAED }
.layui-text a:not(.layui-btn):hover { text-decoration: underline }
.layui-text ul { padding: 5px 0 5px 15px }
.layui-text ul li { margin-top: 5px; list-style-type: disc }
.layui-text em, .layui-word-aux { color: #999!important; padding: 0 5px!important }
.layui-btn { display: inline-block; height: 38px; line-height: 38px; padding: 0 18px; background-color: #009688; color: #fff; white-space: nowrap; text-align: center; font-size: 14px; border: none; border-radius: 2px; cursor: pointer }
.layui-btn:hover { opacity: .8; filter: alpha(opacity=80); color: #fff }
.layui-btn:active { opacity: 1; filter: alpha(opacity=100) }
.layui-btn+.layui-btn { margin-left: 10px }
.layui-btn-container { font-size: 0 }
.layui-btn-container .layui-btn { margin-right: 10px; margin-bottom: 10px }
.layui-btn-container .layui-btn+.layui-btn { margin-left: 0 }
.layui-table .layui-btn-container .layui-btn { margin-bottom: 9px }
.layui-btn-radius { border-radius: 100px }
.layui-btn .layui-icon { margin-right: 3px; font-size: 18px; vertical-align: bottom; vertical-align: middle\9 }
.layui-btn-primary { border: 1px solid #C9C9C9; background-color: #fff; color: #555 }
.layui-btn-primary:hover { border-color: #ff700c; color: #333 }
.layui-btn-normal { background-color: #1E9FFF }
.layui-btn-warm { background-color: #FFB800 }
.layui-btn-danger { background-color: #FF5722 }
.layui-btn-disabled, .layui-btn-disabled:active, .layui-btn-disabled:hover { border: 1px solid #e6e6e6; background-color: #FBFBFB; color: #C9C9C9; cursor: not-allowed; opacity: 1 }
.layui-btn-lg { height: 44px; line-height: 44px; padding: 0 25px; font-size: 16px }
.layui-btn-sm { height: 30px; line-height: 30px; padding: 0 10px; font-size: 12px }
.layui-btn-sm i { font-size: 16px!important }
.layui-btn-xs { height: 22px; line-height: 22px; padding: 0 5px; font-size: 12px }
.layui-btn-xs i { font-size: 14px!important }
.layui-btn-group { display: inline-block; vertical-align: middle; font-size: 0 }
.layui-btn-group .layui-btn { margin-left: 0!important; margin-right: 0!important; border-left: 1px solid rgba(255,255,255,.5); border-radius: 0 }
.layui-btn-group .layui-btn-primary { border-left: none }
.layui-btn-group .layui-btn-primary:hover { border-color: #C9C9C9; color: #009688 }
.layui-btn-group .layui-btn:first-child { border-left: none; border-radius: 2px 0 0 2px }
.layui-btn-group .layui-btn-primary:first-child { border-left: 1px solid #c9c9c9 }
.layui-btn-group .layui-btn:last-child { border-radius: 0 2px 2px 0 }
.layui-btn-group .layui-btn+.layui-btn { margin-left: 0 }
.layui-btn-group+.layui-btn-group { margin-left: 10px }
.layui-btn-fluid { width: 100% }
.layui-input, .layui-select, .layui-textarea { height: 38px; line-height: 1.3; line-height: 38px\9; border-width: 1px; border-style: solid; background-color: #fff; border-radius: 2px }
.layui-input::-webkit-input-placeholder, .layui-select::-webkit-input-placeholder, .layui-textarea::-webkit-input-placeholder {
line-height:1.3
}
.layui-input, .layui-textarea { display: block; width: 100%; padding-left: 10px }
.layui-input:hover, .layui-textarea:hover { border-color: #D2D2D2!important }
.layui-input:focus, .layui-textarea:focus { border-color: #C9C9C9!important }
.layui-textarea { min-height: 100px; height: auto; line-height: 20px; padding: 6px 10px; resize: vertical }
.layui-select { padding: 0 10px }
.layui-form input[type=checkbox], .layui-form input[type=radio], .layui-form select { display: none }
.layui-form [lay-ignore] { display: initial }
.layui-form-item { margin-bottom: 15px; clear: both; *zoom:1
}
.layui-form-item:after { content: '\20'; clear: both; *zoom:1;
display: block; height: 0 }
.layui-form-label { float: left; display: block; padding: 9px 15px; width: 80px; font-weight: 400; line-height: 20px; text-align: right }
.layui-form-label-col { display: block; float: none; padding: 9px 0; line-height: 20px; text-align: left }
.layui-form-item .layui-inline { margin-bottom: 5px; margin-right: 10px }
.layui-input-block { margin-left: 110px; min-height: 36px }
.layui-input-inline { display: inline-block; vertical-align: middle }
.layui-form-item .layui-input-inline { float: left; width: 190px; margin-right: 10px }
.layui-form-text .layui-input-inline { width: auto }
.layui-form-mid { float: left; display: block; padding: 9px 0!important; line-height: 20px; margin-right: 10px }
.layui-form-danger+.layui-form-select .layui-input, .layui-form-danger:focus { border-color: #FF5722!important }
.layui-form-select .layui-input { padding-right: 30px; cursor: pointer }
.layui-form-select .layui-edge { position: absolute; right: 10px; top: 50%; margin-top: -3px; cursor: pointer; border-width: 6px; border-top-color: #c2c2c2; border-top-style: solid; transition: all .3s; -webkit-transition: all .3s }
.layui-form-select dl { display: none; position: absolute; left: 0; top: 42px; padding: 5px 0; z-index: 899; min-width: 100%; border: 1px solid #d2d2d2; max-height: 300px; overflow-y: auto; background-color: #fff; border-radius: 2px; box-shadow: 0 2px 4px rgba(0,0,0,.12); box-sizing: border-box }
.layui-form-select dl dd, .layui-form-select dl dt { padding: 0 10px; line-height: 36px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.layui-form-select dl dt { font-size: 12px; color: #999 }
.layui-form-select dl dd { cursor: pointer }
.layui-form-select dl dd:hover { background-color: #f2f2f2; -webkit-transition: .5s all; transition: .5s all }
.layui-form-select .layui-select-group dd { padding-left: 20px }
.layui-form-select dl dd.layui-select-tips { padding-left: 10px!important; color: #999 }
.layui-form-select dl dd.layui-this { background-color: #5FB878; color: #fff }
.layui-form-checkbox, .layui-form-select dl dd.layui-disabled { background-color: #fff }
.layui-form-selected dl { display: block }
.layui-form-checkbox, .layui-form-checkbox *, .layui-form-switch { display: inline-block; vertical-align: middle }
.layui-form-selected .layui-edge { margin-top: -9px; -webkit-transform: rotate(180deg); transform: rotate(180deg); margin-top: -3px\9 }
:root .layui-form-selected .layui-edge { margin-top: -9px\0/IE9 }
.layui-form-selectup dl { top: auto; bottom: 42px }
.layui-select-none { margin: 5px 0; text-align: center; color: #999 }
.layui-select-disabled .layui-disabled { border-color: #eee!important }
.layui-select-disabled .layui-edge { border-top-color: #d2d2d2 }
.layui-form-checkbox { position: relative; height: 30px; line-height: 30px; margin-right: 10px; padding-right: 30px; cursor: pointer; font-size: 0; -webkit-transition: .1s linear; transition: .1s linear; box-sizing: border-box }
.layui-form-checkbox span { padding: 0 10px; height: 100%; font-size: 14px; border-radius: 2px 0 0 2px; background-color: #d2d2d2; color: #fff; overflow: hidden }
.layui-form-checkbox:hover span { background-color: #c2c2c2 }
.layui-form-checkbox i { position: absolute; right: 0; top: 0; width: 30px; height: 28px; border: 1px solid #d2d2d2; border-left: none; border-radius: 0 2px 2px 0; color: #fff; font-size: 20px; text-align: center }
.layui-form-checkbox:hover i { border-color: #c2c2c2; color: #c2c2c2 }
.layui-form-checked, .layui-form-checked:hover { border-color: #5FB878 }
.layui-form-checked span, .layui-form-checked:hover span { background-color: #5FB878 }
.layui-form-checked i, .layui-form-checked:hover i { color: #5FB878 }
.layui-form-item .layui-form-checkbox { margin-top: 4px }
.layui-form-checkbox[lay-skin=primary] { height: auto!important; line-height: normal!important; min-width: 18px; min-height: 18px; border: none!important; margin-right: 0; padding-left: 28px; padding-right: 0; background: 0 0 }
.layui-form-checkbox[lay-skin=primary] span { padding-left: 0; padding-right: 15px; line-height: 18px; background: 0 0; color: #666 }
.layui-form-checkbox[lay-skin=primary] i { right: auto; left: 0; width: 16px; height: 16px; line-height: 16px; border: 1px solid #d2d2d2; font-size: 12px; border-radius: 2px; background-color: #fff; -webkit-transition: .1s linear; transition: .1s linear }
.layui-form-checkbox[lay-skin=primary]:hover i { border-color: #5FB878; color: #fff }
.layui-form-checked[lay-skin=primary] i { border-color: #5FB878; background-color: #5FB878; color: #fff }
.layui-checkbox-disbaled[lay-skin=primary] span { background: 0 0!important; color: #c2c2c2 }
.layui-checkbox-disbaled[lay-skin=primary]:hover i { border-color: #d2d2d2 }
.layui-form-item .layui-form-checkbox[lay-skin=primary] { margin-top: 10px }
.layui-form-switch { position: relative; height: 22px; line-height: 22px; min-width: 35px; padding: 0 5px; margin-top: 8px; border: 1px solid #d2d2d2; border-radius: 20px; cursor: pointer; background-color: #fff; -webkit-transition: .1s linear; transition: .1s linear }
.layui-form-switch i { position: absolute; left: 5px; top: 3px; width: 16px; height: 16px; border-radius: 20px; background-color: #d2d2d2; -webkit-transition: .1s linear; transition: .1s linear }
.layui-form-switch em { position: relative; top: 0; width: 25px; margin-left: 21px; padding: 0!important; text-align: center!important; color: #999!important; font-style: normal!important; font-size: 12px }
.layui-form-onswitch { border-color: #5FB878; background-color: #5FB878 }
.layui-checkbox-disbaled, .layui-checkbox-disbaled i { border-color: #e2e2e2!important }
.layui-form-onswitch i { left: 100%; margin-left: -21px; background-color: #fff }
.layui-form-onswitch em { margin-left: 5px; margin-right: 21px; color: #fff!important }
.layui-checkbox-disbaled span { background-color: #e2e2e2!important }
.layui-checkbox-disbaled:hover i { color: #fff!important }
[lay-radio] { display: none }
.layui-form-radio, .layui-form-radio * { display: inline-block; vertical-align: middle }
.layui-form-radio { line-height: 28px; margin: 6px 10px 0 0; padding-right: 10px; cursor: pointer; font-size: 0 }
.layui-form-radio * { font-size: 14px }
.layui-form-radio>i { margin-right: 8px; font-size: 22px; color: #c2c2c2 }
.layui-form-radio>i:hover, .layui-form-radioed>i { color: #5FB878 }
.layui-radio-disbaled>i { color: #e2e2e2!important }
.layui-form-pane .layui-form-label { width: 110px; padding: 8px 15px; height: 38px; line-height: 20px; border-width: 1px; border-style: solid; border-radius: 2px 0 0 2px; text-align: center; background-color: #FBFBFB; overflow: hidden; box-sizing: border-box }
.layui-form-pane .layui-input-inline { margin-left: -1px }
.layui-form-pane .layui-input-block { margin-left: 110px; left: -1px }
.layui-form-pane .layui-input { border-radius: 0 2px 2px 0 }
.layui-form-pane .layui-form-text .layui-form-label { float: none; width: 100%; border-radius: 2px; box-sizing: border-box; text-align: left }
.layui-form-pane .layui-form-text .layui-input-inline { display: block; margin: 0; top: -1px; clear: both }
.layui-form-pane .layui-form-text .layui-input-block { margin: 0; left: 0; top: -1px }
.layui-form-pane .layui-form-text .layui-textarea { min-height: 100px; border-radius: 0 0 2px 2px }
.layui-form-pane .layui-form-checkbox { margin: 4px 0 4px 10px }
.layui-form-pane .layui-form-radio, .layui-form-pane .layui-form-switch { margin-top: 6px; margin-left: 10px }
.layui-form-pane .layui-form-item[pane] { position: relative; border-width: 1px; border-style: solid }
.layui-form-pane .layui-form-item[pane] .layui-form-label { position: absolute; left: 0; top: 0; height: 100%; border-width: 0 1px 0 0 }
.layui-form-pane .layui-form-item[pane] .layui-input-inline { margin-left: 110px }

@media screen and (max-width:450px) {
.layui-form-item .layui-form-label { text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.layui-form-item .layui-inline { display: block; margin-right: 0; margin-bottom: 20px; clear: both }
.layui-form-item .layui-inline:after { content: '\20'; clear: both; display: block; height: 0 }
.layui-form-item .layui-input-inline { display: block; float: none; left: -3px; width: auto; margin: 0 0 10px 112px }
.layui-form-item .layui-input-inline+.layui-form-mid { margin-left: 110px; top: -5px; padding: 0 }
.layui-form-item .layui-form-checkbox { margin-right: 5px; margin-bottom: 5px }
}
.layui-layedit { border-width: 1px; border-style: solid; border-radius: 2px }
.layui-layedit-tool { padding: 3px 5px; border-bottom-width: 1px; border-bottom-style: solid; font-size: 0 }
.layedit-tool-fixed { position: fixed; top: 0; border-top: 1px solid #e2e2e2 }
.layui-layedit-tool .layedit-tool-mid, .layui-layedit-tool .layui-icon { display: inline-block; vertical-align: middle; text-align: center; font-size: 14px }
.layui-layedit-tool .layui-icon { position: relative; width: 32px; height: 30px; line-height: 30px; margin: 3px 5px; color: #777; cursor: pointer; border-radius: 2px }
.layui-layedit-tool .layui-icon:hover { color: #393D49 }
.layui-layedit-tool .layui-icon:active { color: #000 }
.layui-layedit-tool .layedit-tool-active { background-color: #e2e2e2; color: #000 }
.layui-layedit-tool .layui-disabled, .layui-layedit-tool .layui-disabled:hover { color: #d2d2d2; cursor: not-allowed }
.layui-layedit-tool .layedit-tool-mid { width: 1px; height: 18px; margin: 0 10px; background-color: #d2d2d2 }
.layedit-tool-html { width: 50px!important; font-size: 30px!important }
.layedit-tool-b, .layedit-tool-code, .layedit-tool-help { font-size: 16px!important }
.layedit-tool-d, .layedit-tool-face, .layedit-tool-image, .layedit-tool-unlink { font-size: 18px!important }
.layedit-tool-image input { position: absolute; font-size: 0; left: 0; top: 0; width: 100%; height: 100%; opacity: .01; filter: Alpha(opacity=1); cursor: pointer }
.layui-layedit-iframe iframe { display: block; width: 100% }
#LAY_layedit_code { overflow: hidden }
.layui-laypage { display: inline-block; *display:inline;
*zoom:1;
vertical-align: middle; margin: 10px 0; font-size: 0 }
.layui-laypage>a:first-child, .layui-laypage>a:first-child em { border-radius: 2px 0 0 2px }
.layui-laypage>a:last-child, .layui-laypage>a:last-child em { border-radius: 0 2px 2px 0 }
.layui-laypage>:first-child { margin-left: 0!important }
.layui-laypage>:last-child { margin-right: 0!important }
.layui-laypage a, .layui-laypage button, .layui-laypage input, .layui-laypage select, .layui-laypage span { border: 1px solid #e2e2e2 }
.layui-laypage a, .layui-laypage span { display: inline-block; *display:inline;
*zoom:1;
vertical-align: middle; padding: 0 15px; height: 28px; line-height: 28px; margin: 0 -1px 5px 0; background-color: #fff; color: #333; font-size: 12px }
.layui-flow-more a *, .layui-laypage input, .layui-table-view select[lay-ignore] { display: inline-block }
.layui-laypage a:hover { color: #009688 }
.layui-laypage em { font-style: normal }
.layui-laypage .layui-laypage-spr { color: #999; font-weight: 700 }
.layui-laypage a { text-decoration: none }
.layui-laypage .layui-laypage-curr { position: relative }
.layui-laypage .layui-laypage-curr em { position: relative; color: #fff }
.layui-laypage .layui-laypage-curr .layui-laypage-em { position: absolute; left: -1px; top: -1px; padding: 1px; width: 100%; height: 100%; background-color: #009688 }
.layui-laypage-em { border-radius: 2px }
.layui-laypage-next em, .layui-laypage-prev em { font-family: Sim sun; font-size: 16px }
.layui-laypage .layui-laypage-count, .layui-laypage .layui-laypage-limits, .layui-laypage .layui-laypage-refresh, .layui-laypage .layui-laypage-skip { margin-left: 10px; margin-right: 10px; padding: 0; border: none }
.layui-laypage .layui-laypage-limits, .layui-laypage .layui-laypage-refresh { vertical-align: top }
.layui-laypage .layui-laypage-refresh i { font-size: 18px; cursor: pointer }
.layui-laypage select { height: 22px; padding: 3px; border-radius: 2px; cursor: pointer }
.layui-laypage .layui-laypage-skip { height: 30px; line-height: 30px; color: #999 }
.layui-laypage button, .layui-laypage input { height: 30px; line-height: 30px; border-radius: 2px; vertical-align: top; background-color: #fff; box-sizing: border-box }
.layui-laypage input { width: 40px; margin: 0 10px; padding: 0 3px; text-align: center }
.layui-laypage input:focus, .layui-laypage select:focus { border-color: #009688!important }
.layui-laypage button { margin-left: 10px; padding: 0 10px; cursor: pointer }
.layui-table, .layui-table-view { margin: 10px 0 }
.layui-flow-more { margin: 10px 0; text-align: center; color: #999; font-size: 14px }
.layui-flow-more a { height: 32px; line-height: 32px }
.layui-flow-more a * { vertical-align: top }
.layui-flow-more a cite { padding: 0 20px; border-radius: 3px; background-color: #eee; color: #333; font-style: normal }
.layui-flow-more a cite:hover { opacity: .8 }
.layui-flow-more a i { font-size: 30px; color: #737383 }
.layui-table { width: 100%; background-color: #fff; color: #666 }
.layui-table tr { transition: all .3s; -webkit-transition: all .3s }
.layui-table th { text-align: left; font-weight: 400 }
.layui-table tbody tr:hover, .layui-table thead tr, .layui-table-click, .layui-table-header, .layui-table-hover, .layui-table-mend, .layui-table-patch, .layui-table-tool, .layui-table-total, .layui-table-total tr, .layui-table[lay-even] tr:nth-child(even) { background-color: #f2f2f2 }
.layui-table td, .layui-table th, .layui-table-col-set, .layui-table-fixed-r, .layui-table-grid-down, .layui-table-header, .layui-table-page, .layui-table-tips-main, .layui-table-tool, .layui-table-total, .layui-table-view, .layui-table[lay-skin=line], .layui-table[lay-skin=row] { border-width: 1px; border-style: solid; border-color: #e6e6e6 }
.layui-table td, .layui-table th { position: relative; padding: 9px 15px; min-height: 20px; line-height: 20px; font-size: 14px }
.layui-table[lay-skin=line] td, .layui-table[lay-skin=line] th { border-width: 0 0 1px }
.layui-table[lay-skin=row] td, .layui-table[lay-skin=row] th { border-width: 0 1px 0 0 }
.layui-table[lay-skin=nob] td, .layui-table[lay-skin=nob] th { border: none }
.layui-table img { max-width: 100px }
.layui-table[lay-size=lg] td, .layui-table[lay-size=lg] th { padding: 15px 30px }
.layui-table-view .layui-table[lay-size=lg] .layui-table-cell { height: 40px; line-height: 40px }
.layui-table[lay-size=sm] td, .layui-table[lay-size=sm] th { font-size: 12px; padding: 5px 10px }
.layui-table-view .layui-table[lay-size=sm] .layui-table-cell { height: 20px; line-height: 20px }
.layui-table[lay-data] { display: none }
.layui-table-box { position: relative; overflow: hidden }
.layui-table-view .layui-table { position: relative; width: auto; margin: 0 }
.layui-table-view .layui-table[lay-skin=line] { border-width: 0 1px 0 0 }
.layui-table-view .layui-table[lay-skin=row] { border-width: 0 0 1px }
.layui-table-view .layui-table td, .layui-table-view .layui-table th { padding: 5px 0; border-top: none; border-left: none }
.layui-table-view .layui-table th.layui-unselect .layui-table-cell span { cursor: pointer }
.layui-table-view .layui-table td { cursor: default }
.layui-table-view .layui-form-checkbox[lay-skin=primary] i { width: 18px; height: 18px }
.layui-table-view .layui-form-radio { line-height: 0; padding: 0 }
.layui-table-view .layui-form-radio>i { margin: 0; font-size: 20px }
.layui-table-init { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; z-index: 110 }
.layui-table-init .layui-icon { position: absolute; left: 50%; top: 50%; margin: -15px 0 0 -15px; font-size: 30px; color: #c2c2c2 }
.layui-table-header { border-width: 0 0 1px; overflow: hidden }
.layui-table-header .layui-table { margin-bottom: -1px }
.layui-table-tool .layui-inline[lay-event] { position: relative; width: 26px; height: 26px; padding: 5px; line-height: 16px; margin-right: 10px; text-align: center; color: #333; border: 1px solid #ccc; cursor: pointer; -webkit-transition: .5s all; transition: .5s all }
.layui-table-tool .layui-inline[lay-event]:hover { border: 1px solid #999 }
.layui-table-tool-temp { padding-right: 120px }
.layui-table-tool-self { position: absolute; right: 17px; top: 10px }
.layui-table-tool .layui-table-tool-self .layui-inline[lay-event] { margin: 0 0 0 10px }
.layui-table-tool-panel { position: absolute; top: 29px; left: -1px; padding: 5px 0; min-width: 150px; min-height: 40px; border: 1px solid #d2d2d2; text-align: left; overflow-y: auto; background-color: #fff; box-shadow: 0 2px 4px rgba(0,0,0,.12) }
.layui-table-cell, .layui-table-tool-panel li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.layui-table-tool-panel li { padding: 0 10px; line-height: 30px; -webkit-transition: .5s all; transition: .5s all }
.layui-table-tool-panel li .layui-form-checkbox[lay-skin=primary] { width: 100%; padding-left: 28px }
.layui-table-tool-panel li:hover { background-color: #f2f2f2 }
.layui-table-tool-panel li .layui-form-checkbox[lay-skin=primary] i { position: absolute; left: 0; top: 0 }
.layui-table-tool-panel li .layui-form-checkbox[lay-skin=primary] span { padding: 0 }
.layui-table-tool .layui-table-tool-self .layui-table-tool-panel { left: auto; right: -1px }
.layui-table-col-set { position: absolute; right: 0; top: 0; width: 20px; height: 100%; border-width: 0 0 0 1px; background-color: #fff }
.layui-table-sort { width: 10px; height: 20px; margin-left: 5px; cursor: pointer!important }
.layui-table-sort .layui-edge { position: absolute; left: 5px; border-width: 5px }
.layui-table-sort .layui-table-sort-asc { top: 3px; border-top: none; border-bottom-style: solid; border-bottom-color: #b2b2b2 }
.layui-table-sort .layui-table-sort-asc:hover { border-bottom-color: #666 }
.layui-table-sort .layui-table-sort-desc { bottom: 5px; border-bottom: none; border-top-style: solid; border-top-color: #b2b2b2 }
.layui-table-sort .layui-table-sort-desc:hover { border-top-color: #666 }
.layui-table-sort[lay-sort=asc] .layui-table-sort-asc { border-bottom-color: #000 }
.layui-table-sort[lay-sort=desc] .layui-table-sort-desc { border-top-color: #000 }
.layui-table-cell { height: 28px; line-height: 28px; padding: 0 15px; position: relative; box-sizing: border-box }
.layui-table-cell .layui-form-checkbox[lay-skin=primary] { top: -1px; padding: 0 }
.layui-table-cell .layui-table-link { color: #01AAED }
.laytable-cell-checkbox, .laytable-cell-numbers, .laytable-cell-radio, .laytable-cell-space { padding: 0; text-align: center }
.layui-table-body { position: relative; overflow: auto; margin-right: -1px; margin-bottom: -1px }
.layui-table-body .layui-none { line-height: 26px; padding: 15px; text-align: center; color: #999 }
.layui-table-fixed { position: absolute; left: 0; top: 0; z-index: 101 }
.layui-table-fixed .layui-table-body { overflow: hidden }
.layui-table-fixed-l { box-shadow: 0 -1px 8px rgba(0,0,0,.08) }
.layui-table-fixed-r { left: auto; right: -1px; border-width: 0 0 0 1px; box-shadow: -1px 0 8px rgba(0,0,0,.08) }
.layui-table-fixed-r .layui-table-header { position: relative; overflow: visible }
.layui-table-mend { position: absolute; right: -49px; top: 0; height: 100%; width: 50px }
.layui-table-tool { position: relative; z-index: 890; width: 100%; min-height: 50px; line-height: 30px; padding: 10px 15px; border-width: 0 0 1px }
.layui-table-tool .layui-btn-container { margin-bottom: -10px }
.layui-table-page, .layui-table-total { border-width: 1px 0 0; margin-bottom: -1px; overflow: hidden }
.layui-table-page { position: relative; width: 100%; padding: 7px 7px 0; height: 41px; font-size: 12px; white-space: nowrap }
.layui-table-page>div { height: 26px }
.layui-table-page .layui-laypage { margin: 0 }
.layui-table-page .layui-laypage a, .layui-table-page .layui-laypage span { height: 26px; line-height: 26px; margin-bottom: 10px; border: none; background: 0 0 }
.layui-table-page .layui-laypage a, .layui-table-page .layui-laypage span.layui-laypage-curr { padding: 0 12px }
.layui-table-page .layui-laypage span { margin-left: 0; padding: 0 }
.layui-table-page .layui-laypage .layui-laypage-prev { margin-left: -7px!important }
.layui-table-page .layui-laypage .layui-laypage-curr .layui-laypage-em { left: 0; top: 0; padding: 0 }
.layui-table-page .layui-laypage button, .layui-table-page .layui-laypage input { height: 26px; line-height: 26px }
.layui-table-page .layui-laypage input { width: 40px }
.layui-table-page .layui-laypage button { padding: 0 10px }
.layui-table-page select { height: 18px }
.layui-table-patch .layui-table-cell { padding: 0; width: 30px }
.layui-table-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0 14px 1px; border-radius: 0; box-shadow: 1px 1px 20px rgba(0,0,0,.15) }
.layui-table-edit:focus { border-color: #5FB878!important }
select.layui-table-edit { padding: 0 0 0 10px; border-color: #C9C9C9 }
.layui-table-view .layui-form-checkbox, .layui-table-view .layui-form-radio, .layui-table-view .layui-form-switch { top: 0; margin: 0; box-sizing: content-box }
.layui-table-view .layui-form-checkbox { top: -1px; height: 26px; line-height: 26px }
.layui-table-view .layui-form-checkbox i { height: 26px }
.layui-table-grid .layui-table-cell { overflow: visible }
.layui-table-grid-down { position: absolute; top: 0; right: 0; width: 26px; height: 100%; padding: 5px 0; border-width: 0 0 0 1px; text-align: center; background-color: #fff; color: #999; cursor: pointer }
.layui-table-grid-down .layui-icon { position: absolute; top: 50%; left: 50%; margin: -8px 0 0 -8px }
.layui-table-grid-down:hover { background-color: #fbfbfb }
body .layui-table-tips .layui-layer-content { background: 0 0; padding: 0; box-shadow: 0 1px 6px rgba(0,0,0,.12) }
.layui-table-tips-main { margin: -44px 0 0 -1px; max-height: 150px; padding: 8px 15px; font-size: 14px; overflow-y: scroll; background-color: #fff; color: #666 }
.layui-table-tips-c { position: absolute; right: -3px; top: -13px; width: 20px; height: 20px; padding: 3px; cursor: pointer; background-color: #666; border-radius: 50%; color: #fff }
.layui-table-tips-c:hover { background-color: #777 }
.layui-table-tips-c:before { position: relative; right: -2px }
.layui-upload-file { display: none!important; opacity: .01; filter: Alpha(opacity=1) }
.layui-upload-drag, .layui-upload-form, .layui-upload-wrap { display: inline-block }
.layui-upload-list { margin: 10px 0 }
.layui-upload-choose { padding: 0 10px; color: #999 }
.layui-upload-drag { position: relative; padding: 30px; border: 1px dashed #e2e2e2; background-color: #fff; text-align: center; cursor: pointer; color: #999 }
.layui-upload-drag .layui-icon { font-size: 50px; color: #009688 }
.layui-upload-drag[lay-over] { border-color: #009688 }
.layui-upload-iframe { position: absolute; width: 0; height: 0; border: 0; visibility: hidden }
.layui-upload-wrap { position: relative; vertical-align: middle }
.layui-upload-wrap .layui-upload-file { display: block!important; position: absolute; left: 0; top: 0; z-index: 10; font-size: 100px; width: 100%; height: 100%; opacity: .01; filter: Alpha(opacity=1); cursor: pointer }
.layui-tree { line-height: 26px }
.layui-tree li { text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.layui-tree li .layui-tree-spread, .layui-tree li a { display: inline-block; vertical-align: top; height: 26px; *display:inline;
*zoom:1;
cursor: pointer }
.layui-tree li a { font-size: 0 }
.layui-tree li a i { font-size: 16px }
.layui-tree li a cite { padding: 0 6px; font-size: 14px; font-style: normal }
.layui-tree li i { padding-left: 6px; color: #333; -moz-user-select: none }
.layui-tree li .layui-tree-check { font-size: 13px }
.layui-tree li .layui-tree-check:hover { color: #009E94 }
.layui-tree li ul { display: none; margin-left: 20px }
.layui-tree li .layui-tree-enter { line-height: 24px; border: 1px dotted #000 }
.layui-tree-drag { display: none; position: absolute; left: -666px; top: -666px; background-color: #f2f2f2; padding: 5px 10px; border: 1px dotted #000; white-space: nowrap }
.layui-tree-drag i { padding-right: 5px }
.layui-nav { position: relative; padding: 0 20px; background-color: #393D49; color: #fff; border-radius: 2px; font-size: 0; box-sizing: border-box }
.layui-nav * { font-size: 14px }
.layui-nav .layui-nav-item { position: relative; display: inline-block; *display:inline;
*zoom:1;
vertical-align: middle; line-height: 60px }
.layui-nav .layui-nav-item a { display: block; padding: 0 20px; color: #fff; color: rgba(255,255,255,.7); transition: all .3s; -webkit-transition: all .3s }
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after { position: absolute; left: 0; top: 0; width: 0; height: 5px; background-color: #5FB878; transition: all .2s; -webkit-transition: all .2s }
.layui-nav-bar { z-index: 1000 }
.layui-nav .layui-nav-item a:hover, .layui-nav .layui-this a { color: #fff }
.layui-nav .layui-this:after { content: ''; top: auto; bottom: 0; width: 100% }
.layui-nav-img { width: 30px; height: 30px; margin-right: 10px; border-radius: 50% }
.layui-nav .layui-nav-more { content: ''; width: 0; height: 0; border-style: solid dashed dashed; border-color: #fff transparent transparent; overflow: hidden; cursor: pointer; transition: all .2s; -webkit-transition: all .2s; position: absolute; top: 50%; right: 3px; margin-top: -3px; border-width: 6px; border-top-color: rgba(255,255,255,.7) }
.layui-nav .layui-nav-mored, .layui-nav-itemed>a .layui-nav-more { margin-top: -9px; border-style: dashed dashed solid; border-color: transparent transparent #fff }
.layui-nav-child { display: none; position: absolute; left: 0; top: 65px; min-width: 100%; line-height: 36px; padding: 5px 0; box-shadow: 0 2px 4px rgba(0,0,0,.12); border: 1px solid #d2d2d2; background-color: #fff; z-index: 100; border-radius: 2px; white-space: nowrap }
.layui-nav .layui-nav-child a { color: #333 }
.layui-nav .layui-nav-child a:hover { background-color: #f2f2f2; color: #000 }
.layui-nav-child dd { position: relative }
.layui-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this { background-color: #5FB878; color: #fff }
.layui-nav-child dd.layui-this:after { display: none }
.layui-nav-tree { width: 200px; padding: 0 }
.layui-nav-tree .layui-nav-item { display: block; width: 100%; line-height: 45px }
.layui-nav-tree .layui-nav-item a { position: relative; height: 45px; line-height: 45px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.layui-nav-tree .layui-nav-item a:hover { background-color: #4E5465 }
.layui-nav-tree .layui-nav-bar { width: 5px; height: 0; background-color: #009688 }
.layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover { background-color: #009688; color: #fff }
.layui-nav-tree .layui-this:after { display: none }
.layui-nav-itemed>a, .layui-nav-tree .layui-nav-title a, .layui-nav-tree .layui-nav-title a:hover { color: #fff!important }
.layui-nav-tree .layui-nav-child { position: relative; z-index: 0; top: 0; border: none; box-shadow: none }
.layui-nav-tree .layui-nav-child a { height: 40px; line-height: 40px; color: #fff; color: rgba(255,255,255,.7) }
.layui-nav-tree .layui-nav-child, .layui-nav-tree .layui-nav-child a:hover { background: 0 0; color: #fff }
.layui-nav-tree .layui-nav-more { right: 10px }
.layui-nav-itemed>.layui-nav-child { display: block; padding: 0; background-color: rgba(0,0,0,.3)!important }
.layui-nav-itemed>.layui-nav-child>.layui-this>.layui-nav-child { display: block }
.layui-nav-side { position: fixed; top: 0; bottom: 0; left: 0; overflow-x: hidden; z-index: 999 }
.layui-bg-blue .layui-nav-bar, .layui-bg-blue .layui-nav-itemed:after, .layui-bg-blue .layui-this:after { background-color: #93D1FF }
.layui-bg-blue .layui-nav-child dd.layui-this { background-color: #1E9FFF }
.layui-bg-blue .layui-nav-itemed>a, .layui-nav-tree.layui-bg-blue .layui-nav-title a, .layui-nav-tree.layui-bg-blue .layui-nav-title a:hover { background-color: #007DDB!important }
.layui-breadcrumb { visibility: hidden; font-size: 0 }
.layui-breadcrumb>* { font-size: 14px }
.layui-breadcrumb a { color: #999!important }
.layui-breadcrumb a:hover { color: #5FB878!important }
.layui-breadcrumb a cite { color: #666; font-style: normal }
.layui-breadcrumb span[lay-separator] { margin: 0 10px; color: #999 }
.layui-tab { margin: 10px 0; text-align: left!important }
.layui-tab[overflow]>.layui-tab-title { overflow: hidden }
.layui-tab-title { position: relative; left: 0; height: 40px; white-space: nowrap; font-size: 0; border-bottom-width: 1px; border-bottom-style: solid; transition: all .2s; -webkit-transition: all .2s }
.layui-tab-title li { display: inline-block; *display:inline;
*zoom:1;
vertical-align: middle; font-size: 14px; transition: all .2s; -webkit-transition: all .2s; position: relative; line-height: 40px; min-width: 65px; padding: 0 15px; text-align: center; cursor: pointer }
.layui-tab-title li a { display: block }
.layui-tab-title .layui-this { color: #000 }
.layui-tab-title .layui-this:after { position: absolute; left: 0; top: 0; content: ''; width: 100%; height: 41px; border-width: 1px; border-style: solid; border-bottom-color: #fff; border-radius: 2px 2px 0 0; box-sizing: border-box; pointer-events: none }
.layui-tab-bar { position: absolute; right: 0; top: 0; z-index: 10; width: 30px; height: 39px; line-height: 39px; border-width: 1px; border-style: solid; border-radius: 2px; text-align: center; background-color: #fff; cursor: pointer }
.layui-tab-bar .layui-icon { position: relative; display: inline-block; top: 3px; transition: all .3s; -webkit-transition: all .3s }
.layui-tab-item { display: none }
.layui-tab-more { padding-right: 30px; height: auto!important; white-space: normal!important }
.layui-tab-more li.layui-this:after { border-bottom-color: #e2e2e2; border-radius: 2px }
.layui-tab-more .layui-tab-bar .layui-icon { top: -2px; top: 3px\9; -webkit-transform: rotate(180deg); transform: rotate(180deg) }
:root .layui-tab-more .layui-tab-bar .layui-icon { top: -2px\0/IE9 }
.layui-tab-content { padding: 10px }
.layui-tab-title li .layui-tab-close { position: relative; display: inline-block; width: 18px; height: 18px; line-height: 20px; margin-left: 8px; top: 1px; text-align: center; font-size: 14px; color: #c2c2c2; transition: all .2s; -webkit-transition: all .2s }
.layui-tab-title li .layui-tab-close:hover { border-radius: 2px; background-color: #FF5722; color: #fff }
.layui-tab-brief>.layui-tab-title .layui-this { color: #009688 }
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after { border: none; border-radius: 0; border-bottom: 2px solid #5FB878 }
.layui-tab-brief[overflow]>.layui-tab-title .layui-this:after { top: -1px }
.layui-tab-card { border-width: 1px; border-style: solid; border-radius: 2px; box-shadow: 0 2px 5px 0 rgba(0,0,0,.1) }
.layui-tab-card>.layui-tab-title { background-color: #f2f2f2 }
.layui-tab-card>.layui-tab-title li { margin-right: -1px; margin-left: -1px }
.layui-tab-card>.layui-tab-title .layui-this { background-color: #fff }
.layui-tab-card>.layui-tab-title .layui-this:after { border-top: none; border-width: 1px; border-bottom-color: #fff }
.layui-tab-card>.layui-tab-title .layui-tab-bar { height: 40px; line-height: 40px; border-radius: 0; border-top: none; border-right: none }
.layui-tab-card>.layui-tab-more .layui-this { background: 0 0; color: #5FB878 }
.layui-tab-card>.layui-tab-more .layui-this:after { border: none }
.layui-timeline { padding-left: 5px }
.layui-timeline-item { position: relative; padding-bottom: 20px }
.layui-timeline-axis { position: absolute; left: -5px; top: 0; z-index: 10; width: 20px; height: 20px; line-height: 20px; background-color: #fff; color: #5FB878; border-radius: 50%; text-align: center; cursor: pointer }
.layui-timeline-axis:hover { color: #FF5722 }
.layui-timeline-item:before { content: ''; position: absolute; left: 5px; top: 0; z-index: 0; width: 1px; height: 100% }
.layui-timeline-item:last-child:before { display: none }
.layui-timeline-item:first-child:before { display: block }
.layui-timeline-content { padding-left: 25px }
.layui-timeline-title { position: relative; margin-bottom: 10px }
.layui-badge, .layui-badge-dot, .layui-badge-rim { position: relative; display: inline-block; padding: 0 6px; font-size: 12px; text-align: center; background-color: #FF5722; color: #fff; border-radius: 2px }
.layui-badge { height: 18px; line-height: 18px }
.layui-badge-dot { width: 8px; height: 8px; padding: 0; border-radius: 50% }
.layui-badge-rim { height: 18px; line-height: 18px; border-width: 1px; border-style: solid; background-color: #fff; color: #666 }
.layui-btn .layui-badge, .layui-btn .layui-badge-dot { margin-left: 5px }
.layui-nav .layui-badge, .layui-nav .layui-badge-dot { position: absolute; top: 50%; margin: -8px 6px 0 }
.layui-tab-title .layui-badge, .layui-tab-title .layui-badge-dot { left: 5px; top: -2px }
.layui-carousel { position: relative; left: 0; top: 0; background-color: #f8f8f8 }
.layui-carousel>[carousel-item] { position: relative; width: 100%; height: 100%; overflow: hidden }
.layui-carousel>[carousel-item]:before { position: absolute; content: '\e63d'; left: 50%; top: 50%; width: 100px; line-height: 20px; margin: -10px 0 0 -50px; text-align: center; color: #c2c2c2; font-family: layui-icon!important; font-size: 30px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.layui-carousel>[carousel-item]>* { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #f8f8f8; transition-duration: .3s; -webkit-transition-duration: .3s }
.layui-carousel-updown>* { -webkit-transition: .3s ease-in-out up; transition: .3s ease-in-out up }
.layui-carousel-arrow { display: none\9; opacity: 0; position: absolute; left: 10px; top: 50%; margin-top: -18px; width: 36px; height: 36px; line-height: 36px; text-align: center; font-size: 20px; border: 0; border-radius: 50%; background-color: rgba(0,0,0,.2); color: #fff; -webkit-transition-duration: .3s; transition-duration: .3s; cursor: pointer }
.layui-carousel-arrow[lay-type=add] { left: auto!important; right: 10px }
.layui-carousel:hover .layui-carousel-arrow[lay-type=add], .layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add] { right: 20px }
.layui-carousel[lay-arrow=always] .layui-carousel-arrow { opacity: 1; left: 20px }
.layui-carousel[lay-arrow=none] .layui-carousel-arrow { display: none }
.layui-carousel-arrow:hover, .layui-carousel-ind ul:hover { background-color: rgba(0,0,0,.35) }
.layui-carousel:hover .layui-carousel-arrow { display: block\9; opacity: 1; left: 20px }
.layui-carousel-ind { position: relative; top: -35px; width: 100%; line-height: 0!important; text-align: center; font-size: 0 }
.layui-carousel[lay-indicator=outside] { margin-bottom: 30px }
.layui-carousel[lay-indicator=outside] .layui-carousel-ind { top: 10px }
.layui-carousel[lay-indicator=outside] .layui-carousel-ind ul { background-color: rgba(0,0,0,.5) }
.layui-carousel[lay-indicator=none] .layui-carousel-ind { display: none }
.layui-carousel-ind ul { display: inline-block; padding: 5px; background-color: rgba(0,0,0,.2); border-radius: 10px; -webkit-transition-duration: .3s; transition-duration: .3s }
.layui-carousel-ind li { display: inline-block; width: 10px; height: 10px; margin: 0 3px; font-size: 14px; background-color: #e2e2e2; background-color: rgba(255,255,255,.5); border-radius: 50%; cursor: pointer; -webkit-transition-duration: .3s; transition-duration: .3s }
.layui-carousel-ind li:hover { background-color: rgba(255,255,255,.7) }
.layui-carousel-ind li.layui-this { background-color: #fff }
.layui-carousel>[carousel-item]>.layui-carousel-next, .layui-carousel>[carousel-item]>.layui-carousel-prev, .layui-carousel>[carousel-item]>.layui-this { display: block }
.layui-carousel>[carousel-item]>.layui-this { left: 0 }
.layui-carousel>[carousel-item]>.layui-carousel-prev { left: -100% }
.layui-carousel>[carousel-item]>.layui-carousel-next { left: 100% }
.layui-carousel>[carousel-item]>.layui-carousel-next.layui-carousel-left, .layui-carousel>[carousel-item]>.layui-carousel-prev.layui-carousel-right { left: 0 }
.layui-carousel>[carousel-item]>.layui-this.layui-carousel-left { left: -100% }
.layui-carousel>[carousel-item]>.layui-this.layui-carousel-right { left: 100% }
.layui-carousel[lay-anim=updown] .layui-carousel-arrow { left: 50%!important; top: 20px; margin: 0 0 0 -18px }
.layui-carousel[lay-anim=updown]>[carousel-item]>*, .layui-carousel[lay-anim=fade]>[carousel-item]>* { left: 0!important }
.layui-carousel[lay-anim=updown] .layui-carousel-arrow[lay-type=add] { top: auto!important; bottom: 20px }
.layui-carousel[lay-anim=updown] .layui-carousel-ind { position: absolute; top: 50%; right: 20px; width: auto; height: auto }
.layui-carousel[lay-anim=updown] .layui-carousel-ind ul { padding: 3px 5px }
.layui-carousel[lay-anim=updown] .layui-carousel-ind li { display: block; margin: 6px 0 }
.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this { top: 0 }
.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-prev { top: -100% }
.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-next { top: 100% }
.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-next.layui-carousel-left, .layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-prev.layui-carousel-right { top: 0 }
.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this.layui-carousel-left { top: -100% }
.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this.layui-carousel-right { top: 100% }
.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-next, .layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-prev { opacity: 0 }
.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-next.layui-carousel-left, .layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-prev.layui-carousel-right { opacity: 1 }
.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-this.layui-carousel-left, .layui-carousel[lay-anim=fade]>[carousel-item]>.layui-this.layui-carousel-right { opacity: 0 }
.layui-fixbar { position: fixed; right: 15px; bottom: 15px; z-index: 999999 }
.layui-fixbar li { width: 50px; height: 50px; line-height: 50px; margin-bottom: 1px; text-align: center; cursor: pointer; font-size: 30px; background-color: #9F9F9F; color: #fff; border-radius: 2px; opacity: .95 }
.layui-fixbar li:hover { opacity: .85 }
.layui-fixbar li:active { opacity: 1 }
.layui-fixbar .layui-fixbar-top { display: none; font-size: 40px }
body .layui-util-face { border: none; background: 0 0 }
body .layui-util-face .layui-layer-content { padding: 0; background-color: #fff; color: #666; box-shadow: none }
.layui-util-face .layui-layer-TipsG { display: none }
.layui-util-face ul { position: relative; width: 372px; padding: 10px; border: 1px solid #D9D9D9; background-color: #fff; box-shadow: 0 0 20px rgba(0,0,0,.2) }
.layui-util-face ul li { cursor: pointer; float: left; border: 1px solid #e8e8e8; height: 22px; width: 26px; overflow: hidden; margin: -1px 0 0 -1px; padding: 4px 2px; text-align: center }
.layui-util-face ul li:hover { position: relative; z-index: 2; border: 1px solid #eb7350; background: #fff9ec }
.layui-code { position: relative; margin: 10px 0; padding: 15px; line-height: 20px; border: 1px solid #ddd; border-left-width: 6px; background-color: #F2F2F2; color: #333; font-family: Courier New; font-size: 12px }
.layui-rate, .layui-rate * { display: inline-block; vertical-align: middle }
.layui-rate { padding: 10px 5px 10px 0; font-size: 0 }
.layui-rate li i.layui-icon { font-size: 20px; color: #FFB800; margin-right: 5px; transition: all .3s; -webkit-transition: all .3s }
.layui-rate li i:hover { cursor: pointer; transform: scale(1.12); -webkit-transform: scale(1.12) }
.layui-rate[readonly] li i:hover { cursor: default; transform: scale(1) }
.layui-colorpicker { width: 26px; height: 26px; border: 1px solid #e6e6e6; padding: 5px; border-radius: 2px; line-height: 24px; display: inline-block; cursor: pointer; transition: all .3s; -webkit-transition: all .3s }
.layui-colorpicker:hover { border-color: #d2d2d2 }
.layui-colorpicker.layui-colorpicker-lg { width: 34px; height: 34px; line-height: 32px }
.layui-colorpicker.layui-colorpicker-sm { width: 24px; height: 24px; line-height: 22px }
.layui-colorpicker.layui-colorpicker-xs { width: 22px; height: 22px; line-height: 20px }
.layui-colorpicker-trigger-bgcolor { display: block; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); border-radius: 2px }
.layui-colorpicker-trigger-span { display: block; height: 100%; box-sizing: border-box; border: 1px solid rgba(0,0,0,.15); border-radius: 2px; text-align: center }
.layui-colorpicker-trigger-i { display: inline-block; color: #FFF; font-size: 12px }
.layui-colorpicker-trigger-i.layui-icon-close { color: #999 }
.layui-colorpicker-main { position: absolute; z-index: 66666666; width: 280px; padding: 7px; background: #FFF; border: 1px solid #d2d2d2; border-radius: 2px; box-shadow: 0 2px 4px rgba(0,0,0,.12) }
.layui-colorpicker-main-wrapper { height: 180px; position: relative }
.layui-colorpicker-basis { width: 260px; height: 100%; position: relative }
.layui-colorpicker-basis-white { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(90deg, #FFF, hsla(0,0%,100%,0)) }
.layui-colorpicker-basis-black { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(0deg, #000, transparent) }
.layui-colorpicker-basis-cursor { width: 10px; height: 10px; border: 1px solid #FFF; border-radius: 50%; position: absolute; top: -3px; right: -3px; cursor: pointer }
.layui-colorpicker-side { position: absolute; top: 0; right: 0; width: 12px; height: 100%; background: linear-gradient(red, #FF0, #0F0, #0FF, #00F, #F0F, red) }
.layui-colorpicker-side-slider { width: 100%; height: 5px; box-shadow: 0 0 1px #888; box-sizing: border-box; background: #FFF; border-radius: 1px; border: 1px solid #f0f0f0; cursor: pointer; position: absolute; left: 0 }
.layui-colorpicker-main-alpha { display: none; height: 12px; margin-top: 7px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==) }
.layui-colorpicker-alpha-bgcolor { height: 100%; position: relative }
.layui-colorpicker-alpha-slider { width: 5px; height: 100%; box-shadow: 0 0 1px #888; box-sizing: border-box; background: #FFF; border-radius: 1px; border: 1px solid #f0f0f0; cursor: pointer; position: absolute; top: 0 }
.layui-colorpicker-main-pre { padding-top: 7px; font-size: 0 }
.layui-colorpicker-pre { width: 20px; height: 20px; border-radius: 2px; display: inline-block; margin-left: 6px; margin-bottom: 7px; cursor: pointer }
.layui-colorpicker-pre:nth-child(11n+1) { margin-left: 0 }
.layui-colorpicker-pre-isalpha { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==) }
.layui-colorpicker-pre.layui-this { box-shadow: 0 0 3px 2px rgba(0,0,0,.15) }
.layui-colorpicker-pre>div { height: 100%; border-radius: 2px }
.layui-colorpicker-main-input { text-align: right; padding-top: 7px }
.layui-colorpicker-main-input .layui-btn-container .layui-btn { margin: 0 0 0 10px }
.layui-colorpicker-main-input div.layui-inline { float: left; margin-right: 10px; font-size: 14px }
.layui-colorpicker-main-input input.layui-input { width: 150px; height: 30px; color: #666 }
.layui-slider { height: 4px; background: #e2e2e2; border-radius: 3px; position: relative; cursor: pointer }
.layui-slider-bar { border-radius: 3px; position: absolute; height: 100% }
.layui-slider-step { position: absolute; top: 0; width: 4px; height: 4px; border-radius: 50%; background: #FFF; -webkit-transform: translateX(-50%); transform: translateX(-50%) }
.layui-slider-wrap { width: 36px; height: 36px; position: absolute; top: -16px; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 10; text-align: center }
.layui-slider-wrap-btn { width: 12px; height: 12px; border-radius: 50%; background: #FFF; display: inline-block; vertical-align: middle; cursor: pointer; transition: .3s }
.layui-slider-wrap:after { content: ""; height: 100%; display: inline-block; vertical-align: middle }
.layui-slider-wrap-btn.layui-slider-hover, .layui-slider-wrap-btn:hover { transform: scale(1.2) }
.layui-slider-wrap-btn.layui-disabled:hover { transform: scale(1)!important }
.layui-slider-tips { position: absolute; top: -42px; z-index: 66666666; white-space: nowrap; display: none; -webkit-transform: translateX(-50%); transform: translateX(-50%); color: #FFF; background: #000; border-radius: 3px; height: 25px; line-height: 25px; padding: 0 10px }
.layui-slider-tips:after { content: ''; position: absolute; bottom: -12px; left: 50%; margin-left: -6px; width: 0; height: 0; border-width: 6px; border-style: solid; border-color: #000 transparent transparent }
.layui-slider-input { width: 70px; height: 32px; border: 1px solid #e6e6e6; border-radius: 3px; font-size: 16px; line-height: 32px; position: absolute; right: 0; top: -15px }
.layui-slider-input-btn { display: none; position: absolute; top: 0; right: 0; width: 20px; height: 100%; border-left: 1px solid #d2d2d2 }
.layui-slider-input-btn i { cursor: pointer; position: absolute; right: 0; bottom: 0; width: 20px; height: 50%; font-size: 12px; line-height: 16px; text-align: center; color: #999 }
.layui-slider-input-btn i:first-child { top: 0; border-bottom: 1px solid #d2d2d2 }
.layui-slider-input-txt { height: 100%; font-size: 14px }
.layui-slider-input-txt input { height: 100%; border: none }
.layui-slider-input-btn i:hover { color: #009688 }
.layui-slider-vertical { width: 4px; margin-left: 34px }
.layui-slider-vertical .layui-slider-bar { width: 4px }
.layui-slider-vertical .layui-slider-step { top: auto; left: 0; -webkit-transform: translateY(50%); transform: translateY(50%) }
.layui-slider-vertical .layui-slider-wrap { top: auto; left: -16px; -webkit-transform: translateY(50%); transform: translateY(50%) }
.layui-slider-vertical .layui-slider-tips { top: auto; left: 2px }

@media \0screen {
.layui-slider-wrap-btn { margin-left: -20px }
.layui-slider-vertical .layui-slider-wrap-btn { margin-left: 0; margin-bottom: -20px }
.layui-slider-vertical .layui-slider-tips { margin-left: -8px }
.layui-slider>span { margin-left: 8px }
}
.layui-anim { -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.layui-anim.layui-icon { display: inline-block }
.layui-anim-loop { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite }
.layui-trans, .layui-trans a { transition: all .3s; -webkit-transition: all .3s }
@-webkit-keyframes layui-rotate {
from {
-webkit-transform:rotate(0)
}
to {
-webkit-transform:rotate(360deg)
}
}
@keyframes layui-rotate {
from {
transform:rotate(0)
}
to {
transform:rotate(360deg)
}
}
.layui-anim-rotate { -webkit-animation-name: layui-rotate; animation-name: layui-rotate; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear }
@-webkit-keyframes layui-up {
from {
-webkit-transform:translate3d(0, 100%, 0);
opacity:.3
}
to {
-webkit-transform:translate3d(0, 0, 0);
opacity:1
}
}
@keyframes layui-up {
from {
transform:translate3d(0, 100%, 0);
opacity:.3
}
to {
transform:translate3d(0, 0, 0);
opacity:1
}
}
.layui-anim-up { -webkit-animation-name: layui-up; animation-name: layui-up }
@-webkit-keyframes layui-upbit {
from {
-webkit-transform:translate3d(0, 30px, 0);
opacity:.3
}
to {
-webkit-transform:translate3d(0, 0, 0);
opacity:1
}
}
@keyframes layui-upbit {
from {
transform:translate3d(0, 30px, 0);
opacity:.3
}
to {
transform:translate3d(0, 0, 0);
opacity:1
}
}
.layui-anim-upbit { -webkit-animation-name: layui-upbit; animation-name: layui-upbit }
@-webkit-keyframes layui-scale {
0% {
opacity:.3;
-webkit-transform:scale(.5)
}
100% {
opacity:1;
-webkit-transform:scale(1)
}
}
@keyframes layui-scale {
0% {
opacity:.3;
-ms-transform:scale(.5);
transform:scale(.5)
}
100% {
opacity:1;
-ms-transform:scale(1);
transform:scale(1)
}
}
.layui-anim-scale { -webkit-animation-name: layui-scale; animation-name: layui-scale }
@-webkit-keyframes layui-scale-spring {
0% {
opacity:.5;
-webkit-transform:scale(.5)
}
80% {
opacity:.8;
-webkit-transform:scale(1.1)
}
100% {
opacity:1;
-webkit-transform:scale(1)
}
}
@keyframes layui-scale-spring {
0% {
opacity:.5;
transform:scale(.5)
}
80% {
opacity:.8;
transform:scale(1.1)
}
100% {
opacity:1;
transform:scale(1)
}
}
.layui-anim-scaleSpring { -webkit-animation-name: layui-scale-spring; animation-name: layui-scale-spring }
@-webkit-keyframes layui-fadein {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes layui-fadein {
0% {
opacity:0
}
100% {
opacity:1
}
}
.layui-anim-fadein { -webkit-animation-name: layui-fadein; animation-name: layui-fadein }
@-webkit-keyframes layui-fadeout {
0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes layui-fadeout {
0% {
opacity:1
}
100% {
opacity:0
}
}
.layui-anim-fadeout { -webkit-animation-name: layui-fadeout; animation-name: layui-fadeout }
/* 部分参考Amaze UI Team |*/

@font-face {
  font-family: 'iconfont';
}
.iconfont { font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }
.layui-tab-brief>.layui-tab-title .layui-this { color: #ff9b00; }
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after { border-bottom: 2px solid #ff9b00; }
.layui-form-select dl dd.layui-this { background-color: #3a5381; }
.layui-container { max-width: 1230px; }
.layui-breadcrumb a:hover { color: #1D4686 !important }
.a-container { -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: auto; margin-right: auto; padding: 10px; width: 100%; max-width: 1220px; }
.a-container:before, .a-container:after { content: " "; display: table; }
.a-container:after { clear: both; }
.a-container > .a-g { width: auto; margin-left: -10px; margin-right: -10px; }
.a-g { margin: 0 auto; width: 100%; }
.a-g:before, .a-g:after { content: " "; display: table; }
.a-g:after { clear: both; }
.a-fixed {max-width: 1200px;margin: 0 auto; }


*, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }
body, html { min-height: 100%; }
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }
body { margin: 0; background-repeat: repeat; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline }
audio:not([controls]) { display: none; height: 0 }
[hidden], script, template { display: none }
a { background-color: transparent }
a:focus { outline: thin dotted }
a:active, a:hover { outline: 0 }
a, ins { text-decoration: none }
abbr[title] { border-bottom: 1px dotted }
b, strong { font-weight: 700 }
pre { white-space: pre-wrap }
q { quotes: "\201C" "\201D" "\2018" "\2019" }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -.5em }
sub { bottom: -.25em }
img { -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; border: 0 }
svg:not(:root) { overflow: hidden }
figure { margin: 0 }
code, kbd, pre, samp { font-family: Monaco, Menlo, Consolas, "Courier New", FontAwesome, monospace; font-size: 1em }
fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em }
legend { border: 0; padding: 0 }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0 }
button { overflow: visible }
button, input { line-height: normal }
button, select { text-transform: none }
button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer }
input[type=checkbox], input[type=radio] { cursor: pointer; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box }
button[disabled], html input[disabled] { cursor: default }
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
height:auto
}
input[type=search] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box }
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
textarea { overflow: auto; vertical-align: top; resize: vertical }
optgroup { font-weight: 700 }
table { border-collapse: collapse; border-spacing: 0 }
td, th { padding: 5px 10px; }
html { -webkit-tap-highlight-color: rgba(0,0,0,0) }
body { position: relative; font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "simsun", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 400; line-height: 1.6; color: #333; font-size: 14px }
body, button, input, select, textarea { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga", "kern" }
em { font-style: normal; }
a { color: #424242 }
a:focus, a:hover { color: #095f8a }
a:focus { outline: thin dotted; outline: 1px auto -webkit-focus-ring-color; outline-offset: -2px }
ins { background: #ffa; color: #333 }
mark { background: #ffa; color: #333 }
abbr[title], dfn[title] { cursor: help }
dfn[title] { border-bottom: 1px dotted; font-style: normal }
h1, h2, h3, h4, h5, h6 { font-weight: 500; line-height: 1.5; color: inherit }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small { font-weight: normal; line-height: 1; color: #999 }
h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small { font-size: 65% }
h4, h5, h6 { margin-top: 10px; margin-bottom: 10px }
h4 small, h5 small, h6 small, h4 .small, h5 .small, h6 .small { font-size: 75% }
h1 { font-size: 36px }
h2 { font-size: 30px }
h3 { font-size: 24px }
h4 { font-size: 18px }
h5 { font-size: 14px }
h6 { font-size: 12px }
ol, ul { padding-left: 2em }
ol>li>ol, ol>li>ul, ul>li>ol, ul>li>ul { margin: 1em 0 }
address { font-style: normal }
blockquote { padding-top: 5px; padding-bottom: 5px; padding-left: 15px; border-left: 4px solid #ddd; font-family: Georgia, "Times New Roman", Times, Kai, "Kaiti SC", KaiTi, BiauKai, FontAwesome, serif }
blockquote small { display: block; color: #999; font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; text-align: right }
blockquote p:last-of-type { margin-bottom: 0 }
iframe { border: 0 }
button, input:not([type=radio]):not([type=checkbox]), select { vertical-align: middle }
ol, ul { list-style: none; margin: 0; padding: 0; }
code, kbd, pre, samp { font-family: Monaco, Menlo, Consolas, "Courier New", FontAwesome, monospace }
code { padding: 2px 4px; font-size: 1.3rem; color: #c7254e; background-color: #f8f8f8; white-space: nowrap; border-radius: 0 }
pre { display: block; padding: 1rem; margin: 1rem 0; font-size: 1.3rem; line-height: 1.6; word-break: break-all; word-wrap: break-word; color: #555; background-color: #f8f8f8; border: 1px solid #dedede; border-radius: 0 }
pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0 }
/*固定元素 */
.am-sticky { position: fixed !important; z-index: 1010; -webkit-transform-origin: 0 0; transform-origin: 0 0; }
/* 主体 */
.a-del { font-family: Simsun }
.a-pos-r { position: relative }
.a-pos-a { position: absolute }
.a-pos-f { position: fixed }
.a-text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.a-cf:before, .a-cf:after { content: " "; display: table; }
.a-cf:after { clear: both; }
.a-fl { float: left; }
.a-fr { float: right; }
.a-nbfc { overflow: hidden; }
.a-center { display: block; margin-left: auto; margin-right: auto; }
.a-img-thumbnail { display: inline-block; max-width: 100%; height: auto; padding: 2px; line-height: 1.6; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out }
.a-img-thumbnail.a-radius { border-radius: 6px }
.a-img-responsive { display: block; max-width: 100%; height: auto }
/*分页*/
.a-pagination { padding-left: 0; margin: 0.9375rem 0; list-style: none; color: #e1e1e1; text-align: left; }
.a-pagination:before, .a-pagination:after { content: " "; display: table; }
.a-pagination:after { clear: both; }
.a-pagination > li { display: inline-block; }
.a-pagination .page-active a { background-color: #6487D9; color: #FFFFFF; }
.a-pagination > li > a, .a-pagination > li > span { position: relative; display: block; padding: 0.5em 1em; text-decoration: none; line-height: 1.2; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; margin-bottom: 5px; margin-right: 5px; }
.a-pagination > li:last-child > a, .a-pagination > li:last-child > span { margin-right: 0; }
.a-pagination > li > a:hover, .a-pagination > li > span:hover, .a-pagination > li > a:focus, .a-pagination > li > span:focus { background-color: #f0f0f0; }
.a-pagination > li > a.active, .a-pagination > .active > span, .a-pagination > .active > a:hover, .a-pagination > .active > span:hover, .a-pagination > .active > a:focus, .a-pagination > .active > span:focus { z-index: 2; color: #fff; background-color: #5085FF; border-color: #5085FF; cursor: default; }
.a-pagination > .a-disabled > span, .a-pagination > .a-disabled > span:hover, .a-pagination > .a-disabled > span:focus, .a-pagination > .a-disabled > a, .a-pagination > .a-disabled > a:hover, .a-pagination > .a-disabled > a:focus { color: #e1e1e1; background-color: #fff; border-color: #ddd; cursor: not-allowed; pointer-events: none; }
.a-pagination .a-pagination-prev { float: left; }
.a-pagination .a-pagination-prev a { border-radius: 4px; }
.a-pagination .a-pagination-next { float: right; }
.a-pagination .a-pagination-next a { border-radius: 4px; }
.a-pagination-centered { text-align: center; }
.a-pagination-right { text-align: right; }
/* 行高*/
.a-lh-16 { line-height: 16px }
.a-lh-18 { line-height: 18px }
.a-lh-20 { line-height: 20px }
.a-lh-22 { line-height: 22px }
.a-lh-24 { line-height: 24px }
.a-lh-26 { line-height: 26px }
.a-lh-28 { line-height: 28px }
.a-lh-30 { line-height: 30px }
.a-lh-32 { line-height: 32px }
.a-lh-34 { line-height: 34px }
.a-lh-36 { line-height: 36px }
/* Border-radius*/
.a-square { border-radius: 0; }
.a-radius { border-radius: 4px; }
.a-round { border-radius: 1000px; }
.a-circle { border-radius: 50%; }
/* Display */
.a-block { display: block !important; }
.a-inline { display: inline !important; }
.a-inline-block { display: inline-block !important; }
.a-hide { display: none !important; visibility: hidden !important; }
/* 自定义背景颜色 */
.a-bg-primary { background-color: #1C71C4; }
.a-bg-primary-dark { background-color: #3a5381 }
.a-bg-primary-light { background-color: #ecf3fa }
.a-bg-secondary { background-color: #ff9b00; }
.a-bg-dot { background-color: #cc2936; }
.a-bg-success { background-color: #d1ba77; }
.a-bg-warning { background-color: #AA0E11; }
.a-bg-danger { background-color: #AA0E11; }
.a-bg-black { background-color: #1F2D3D; }
.a-bg-black-light { background-color: #324057; }
.a-bg-black-lighter { background-color: #475669; }
.a-bg-Silver { background-color: #8492A6; }
.a-bg-Silver-light { background-color: #99A9BF; }
.a-bg-Silver-lighter { background-color: #C0CCDA; }
.a-bg-gray { background-color: #999; }
.a-bg-gray-light { background-color: #b2b2b2; }
.a-bg-gray-lighter { background-color: #ccc; }
.a-bg-white-dark { background-color: #f3f3f3; }
.a-bg-white-light { background-color: #f9f9fa; }
.a-bg-white { background-color: #fff; }
/* 自定义颜色 */
.a-text-primary { color: #1C71C4 }
.a-text-primary-dark { color: #355e92 }
.a-text-primary-light { color: #319bff }
.a-text-secondary { color: #f30000 }
.a-text-success { color: #ffa800 }
.a-text-warning { color: #d84141 }
.a-text-danger { color: #dd514c }
.a-text-black { color: #060606; }
.a-text-black-light { color: #333333; }
.a-text-black-lighter { color: #999999; }
.a-text-Silver { color: #8492A6; }
.a-text-Silver-light { color: #99A9BF; }
.a-text-Silver-lighter { color: #C0CCDA; }
.a-text-gray { color: #999; }
.a-text-gray-light { color: #b2b2b2; }
.a-text-gray-lighter { color: #ccc; }
.a-text-white-dark { color: #f8f8f8; }
.a-text-white { color: #fff; }
/* 自定义边框颜色 */
.a-border-primary { border: 1px solid #3f6ea4; }
.a-border-secondary { border-color: #741D1E; }
.a-border-black { border-color: #1F2D3D; }
.a-border-gray { color: #999; border: 1px solid #E3E3E3; }
.a-border-bot-gray { border-bottom: 1px solid #f3f3f3; }
/* 字体大小 */

.a-text-default { font-size: 14px; }
.a-text-xs { font-size: 12px; }
.a-text-sm { font-size: 16px; }
.a-text-lg { font-size: 18px; }
.a-text-xl { font-size: 20px; }
.a-text-xxl { font-size: 22px; }
.a-text-xxxl { font-size: 24px; }
.a-text-xxxxl { font-size: 30px; }
.a-text-l { text-align: left }
.a-text-r { text-align: right }
.a-text-c { text-align: center }
.a-va-t { vertical-align: top!important }
.a-va-m { vertical-align: middle!important }
.a-va-b { vertical-align: bottom!important }
.a-u-centered { margin-left: auto; margin-right: auto; float: none; }
.a-u-centered:last-child { float: none; }
.a-margin { margin: 10px; }
.a-margin-0 { margin: 0!important; }
.a-margin-xs { margin: 5px; }
.a-margin-sm { margin: 15px; }
.a-margin-lg { margin: 20px; }
.a-margin-xl { margin: 25px; }
.a-margin-h { margin-left: 10px; margin-right: 10px; }
.a-margin-h-0 { margin-left: 0!important; margin-right: 0!important; }
.a-margin-h-xs { margin-left: 5px; margin-right: 5px; }
.a-margin-h-sm { margin-left: 15px; margin-right: 15px; }
.a-margin-h-lg { margin-left: 20px; margin-right: 20px; }
.a-margin-h-xl { margin-left: 25px; margin-right: 25px; }
.a-margin-v { margin-top: 10px; margin-bottom: 10px; }
.a-margin-v-0 { margin-top: 0!important; margin-bottom: 0!important; }
.a-margin-v-xs { margin-top: 5px; margin-bottom: 5px; }
.a-margin-v-sm { margin-top: 15px; margin-bottom: 15px; }
.a-margin-v-lg { margin-top: 20px; margin-bottom: 20px; }
.a-margin-v-xl { margin-top: 25px; margin-bottom: 25px; }
.a-mt { margin-top: 10px; }
.a-mt-0 { margin-top: 0!important; }
.a-mt-xs { margin-top: 5px; }
.a-mt-sm { margin-top: 15px; }
.a-mt-lg { margin-top: 20px; }
.a-mt-xl { margin-top: 25px; }
.a-mb { margin-bottom: 10px; }
.a-mb-0 { margin-bottom: 0!important; }
.a-mb-xs { margin-bottom: 5px; }
.a-mb-sm { margin-bottom: 15px; }
.a-mb-lg { margin-bottom: 20px; }
.a-mb-xl { margin-bottom: 25px; }
.a-ml { margin-left: 10px; }
.a-ml-0 { margin-left: 0!important; }
.a-ml-xs { margin-left: 5px; }
.a-ml-sm { margin-left: 15px; }
.a-ml-lg { margin-left: 20px; }
.a-ml-xl { margin-left: 25px; }
.a-mr { margin-right: 10px; }
.a-mr-0 { margin-right: 0!important; }
.a-mr-xs { margin-right: 5px; }
.a-mr-sm { margin-right: 15px; }
.a-mr-lg { margin-right: 20px; }
.a-mr-xl { margin-right: 25px; }
/* Padding helpers */
.a-padding { padding: 10px; }
.a-padding-0 { padding: 0!important; }
.a-padding-xs { padding: 5px; }
.a-padding-sm { padding: 15px; }
.a-padding-lg { padding: 20px; }
.a-padding-xl { padding: 25px; }
.a-padding-h { padding-left: 10px; padding-right: 10px; }
.a-padding-h-0 { padding-left: 0!important; padding-right: 0!important; }
.a-padding-h-xs { padding-left: 5px; padding-right: 5px; }
.a-padding-h-sm { padding-left: 15px; padding-right: 15px; }
.a-padding-h-lg { padding-left: 20px; padding-right: 20px; }
.a-padding-h-xl { padding-left: 25px; padding-right: 25px; }
.a-padding-v { padding-top: 10px; padding-bottom: 10px; }
.a-padding-v-0 { padding-top: 0!important; padding-bottom: 0!important; }
.a-padding-v-xs { padding-top: 5px; padding-bottom: 5px; }
.a-padding-v-sm { padding-top: 15px; padding-bottom: 15px; }
.a-padding-v-lg { padding-top: 20px; padding-bottom: 20px; }
.a-padding-v-xl { padding-top: 25px; padding-bottom: 25px; }
.a-pt { padding-top: 10px; }
.a-pt-0 { padding-top: 0!important; }
.a-pt-xs { padding-top: 5px; }
.a-pt-sm { padding-top: 15px; }
.a-pt-lg { padding-top: 20px; }
.a-pt-xl { padding-top: 25px; }
.a-pb { padding-bottom: 10px; }
.a-pb-0 { padding-bottom: 0!important; }
.a-pb-xs { padding-bottom: 5px; }
.a-pb-sm { padding-bottom: 15px; }
.a-pb-lg { padding-bottom: 20px; }
.a-pb-xl { padding-bottom: 25px; }
.a-pl { padding-left: 10px; }
.a-pl-0 { padding-left: 0!important; }
.a-pl-xs { padding-left: 5px; }
.a-pl-sm { padding-left: 15px; }
.a-pl-lg { padding-left: 20px; }
.a-pl-xl { padding-left: 25px; }
.a-pr { padding-right: 10px; }
.a-pr-0 { padding-right: 0!important; }
.a-pr-xs { padding-right: 5px; }
.a-pr-sm { padding-right: 15px; }
.a-pr-lg { padding-right: 20px; }
.a-pr-xl { padding-right: 25px; }
.a-hide { display: none }
[hidden] { display: none }
.a-show { display: block }
[class*="a-avg-"] { display: block; padding: 0; margin: 0; list-style: none; }
[class*="a-avg-"]:before, [class*="l-avg-"]:after { content: " "; display: table; }
[class*="a-avg-"]:after { clear: both; }
[class*="a-avg-"] > li { display: block; height: auto; float: left; }
.a-avg-sm-1>li { width: 100% }
.a-avg-sm-1>li:nth-of-type(n) { clear: none }
.a-avg-sm-1>li:nth-of-type(1n+1) { clear: both }
.a-avg-sm-2>li { width: 50% }
.a-avg-sm-2>li:nth-of-type(n) { clear: none }
.a-avg-sm-2>li:nth-of-type(2n+1) { clear: both }
.a-avg-sm-3>li { width: 33.33333333% }
.a-avg-sm-3>li:nth-of-type(n) { clear: none }
.a-avg-sm-3>li:nth-of-type(3n+1) { clear: both }
.a-avg-sm-4>li { width: 25% }
.a-avg-sm-4>li:nth-of-type(n) { clear: none }
.a-avg-sm-4>li:nth-of-type(4n+1) { clear: both }
.a-avg-sm-5>li { width: 20% }
.a-avg-sm-5>li:nth-of-type(n) { clear: none }
.a-avg-sm-5>li:nth-of-type(5n+1) { clear: both }
.a-avg-sm-6>li { width: 16.66666667% }
.a-avg-sm-6>li:nth-of-type(n) { clear: none }
.a-avg-sm-6>li:nth-of-type(6n+1) { clear: both }
.a-avg-sm-7>li { width: 14.28571429% }
.a-avg-sm-7>li:nth-of-type(n) { clear: none }
.a-avg-sm-7>li:nth-of-type(7n+1) { clear: both }
.a-avg-sm-8>li { width: 12.5% }
.a-avg-sm-8>li:nth-of-type(n) { clear: none }
.a-avg-sm-8>li:nth-of-type(8n+1) { clear: both }
.a-avg-sm-9>li { width: 11.11111111% }
.a-avg-sm-9>li:nth-of-type(n) { clear: none }
.a-avg-sm-9>li:nth-of-type(9n+1) { clear: both }
.a-avg-sm-10>li { width: 10% }
.a-avg-sm-10>li:nth-of-type(n) { clear: none }
.a-avg-sm-10>li:nth-of-type(10n+1) { clear: both }
.a-avg-sm-11>li { width: 9.09090909% }
.a-avg-sm-11>li:nth-of-type(n) { clear: none }
.a-avg-sm-11>li:nth-of-type(11n+1) { clear: both }
.a-avg-sm-12>li { width: 8.33333333% }
.a-avg-sm-12>li:nth-of-type(n) { clear: none }
.a-avg-sm-12>li:nth-of-type(12n+1) { clear: both }
/*动画*/
.img-animation img { border: 1px solid #EAEAEA; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; box-shadow: 0px 0px 3px rgba(61, 269, 247, 0.2); }
.img-animation img:hover { transform: scale(1.02); -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -o-transform: scale(1.02); -ms-transform: scale(1.02); box-shadow: 0px 0px 3px rgba(61, 269, 247, 0.2); }

/*h b fjz.com鼠标触发反转图片*/
@keyframes egg_two {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.1, 1.1);
  }
}
@-ms-keyframes egg_two {
  from {
    -ms-transform: scale(1, 1);
  }
  to {
    -ms-transform: scale(1.1, 1.1);
  }
}
@-moz-keyframes egg_two {
  from {
    -moz-transform: scale(1, 1);
  }
  to {
    -moz-transform: scale(1.1, 1.1);
  }
}
@-webkit-keyframes egg_two {
  from {
    -webkit-transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(1.1, 1.1);
  }
}
@-o-keyframes egg_two {
  from {
    -o-transform: scale(1, 1);
  }
  to {
    -o-transform: scale(1.1, 1.1);
  }
}



/*header-topbar*/
.header-topbar { color: #FFF; height: 35px; line-height: 35px; position: fixed; width: 100%; z-index: 9999; -webkit-box-shadow: 0px 3px 12.2px 3.2px #b4d7ff; box-shadow: 0px 3px 12.2px 3.2px #b4d7ff; }
.header-topbar .city { background-color: #23476f; position: relative; width: 105px; height: 35px; color: #FFF; }
.header-topbar .city .city-select { cursor: pointer; position: relative; height: 35px; }
.header-topbar .city .city-select span { position: absolute; top: 0px; left: 10px; }
.header-topbar .city .city-select i { color: #E5E5E5; position: absolute; top: 0px; left: 75px; transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transition: -webkit-transform 0.3s ease 0s; transition: 0.3s ease 0s; }
.header-topbar .city-select.active i { transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transition: -webkit-transform 0.3s ease 0s; transition: 0.3s ease 0s; }
.header-topbar .city-hide { width: 630px;
    top: 35px;
    position: absolute;
    background-color: #fff;
    height: 447px;
    border: 1px solid #dcdcdc;
    padding: 10px 30px;
    z-index: 998;
    color: #323232;
    font-size: 16px; }
.header-topbar .city-hide li { }
.header-topbar .city-show a { float: left; padding-left: 20px; color: #a0ccff; }
.header-topbar .city-show a:hover { color: #FFF500; }
/*header-logo*/
.header-logo-wrap { background-image: url(../images/head_bg.png); background-repeat: no-repeat; background-position: center top; padding-top: 35px; }
.header-logo { position: relative; height: 215px;}
.header-logo .logo { position: absolute; top: 55px; left: 19%; max-width: 700px; height: 90px; }
.header-logo .logo img{width: 100%}
.header-logo .search-inner { position: absolute; left: 34%; bottom: 22px; width: 730px; height: 60px; }
.header-logo .search .layui-form-item { margin-bottom: 0px; padding: 2px; }
.header-logo .search .layui-inline { margin-bottom: 0px; margin-right: 0px; }
.header-logo .search .layui-input-inline { margin-right: 0px; }
.header-logo .search .layui-input { border-width: 0px; border-radius: 0px; }
.header-logo .layui-form-select dl { min-width: 80%; }
.header-logo .search-hot { clear: both; width: 600px; }
.header-logo .search-hot a { padding-right: 10px; color: #3f6ea4; }
.header-logo .tel { position: absolute; left: 64%; bottom: 29px; width: 270px; height: 60px; }
.header-logo .tel-con { position: relative; height: 60px; }
.header-logo .tel-con i { position: absolute; left: 0%; top: 0px; }
.header-logo .tel-con p:nth-of-type(1) { position: absolute; left: 45px; font-size: 30px; font-weight: bolder; color: #4285f4; top: -8px; }
.header-logo .tel-con p:nth-of-type(2) { position: absolute; left: 45px; font-size: 16px; bottom: 8px; }
.header nav { border-top: 1px solid #E0E7EF; border-bottom: 1px solid #518ccc; height: 53px; line-height: 53px; }
.header nav>div>ul { display: table; width: 100%; margin-top: 7px; }
.header nav>div>ul>li { display: table-cell; font-size: 18px; border-left: 1px dashed #dcdbdb; height: 35px; line-height: 35px; padding-top: 0px; }
.header nav>div>ul>li:nth-child(1) { width: 150px; border-left: 0px dashed #dcdbdb; }


.header nav>div>ul>li a { width: 80%; display: inline-block; text-align: center; margin: 0 16px; }
.header nav>div>ul>li:hover a { background-color: #1C71C4; color: #FFF; border-radius: 10px; }
.header nav>div>ul>li.active {   height: 35px; line-height: 35px; }
.header nav>div>ul>li.active a { background-color: #1C71C4; color: #FFF; border-radius: 10px; }
/*footer*/
.footer { background-color: #E7E7E7; border-top: 5px solid #355E92; }
.footer-link { padding: 20px; }
.footer-link a { color: #727272; }
.footer-link li { width: 150px; float: left; margin: 10px; height: 50px; line-height: 50px; }
.footer p { text-align: center; height: 30px; line-height: 30px; }
.footer-nav { display: table; width: 100%; }
.footer-nav li { display: table-cell; text-align: left; color: #0167b3; }
.footer-nav li p { text-align: left; }
.footer-nav li:nth-child(1) { width: 300px; }
.footer-nav li h4 { font-weight: bolder; font-size: 22px; }
/*公用*/
.fjz-title { border-bottom: 1px solid #DBDBDB; height: 18px; margin-bottom: 30px; }
.fjz-title h3 { font-size: 18px; border-left: 4px solid #416096; padding: 0 20px 0 10px; background-color: #FFF; display: inline-block; font-weight: bold; color: #0d4090 }
.fjz-correlation-list li { position: relative; }
.fjz-correlation-list p { position: absolute; bottom: 7px; background-color: hsla(0,0%,17%,0.7); color: #FFF; width: 95%; padding-left: 10px; }
.fjz-server .server-inner { background-color: #f9f9f9; padding: 20px; margin: 0em 0; }
.fjz-server .server-inner li { }
.fjz-server .server-inner li:nth-child(2) { padding-left: 20px; }
.fjz-server .server-inner li:nth-child(2) p { height: 110px; overflow-y: scroll; overflow-x: hidden; }
.fjz-server .server-inner li:nth-child(2) a { padding: 10px; display: inline-block; background-color: #FFFFFF; margin: 10px 10px 0 0; }
.fjz-server .server-inner li:nth-child(2) a:hover { background-color: #DFEBFF; }
.page-breadcrumb { height: 50px; line-height: 50px; overflow: hidden; }
.page-breadcrumb li { float: left; color: #6C6C6C; }
.fjz-ban-wrap { position: relative; width: 100%; overflow: hidden; }
.fjz-ban { position: absolute; left: 50%; width: 1920px; height: 100%; margin-left: -960px; top: 0; }
.fjz-aside { color: #5E5E5E; }
.fjz-aside h2 { padding: 15px; background-color: #FFF; font-size: 18px; border-left: 3px solid #0D7FB5; }
.fjz-aside .box1-title { background-color: #4693CB; color: #FFF; }
.fjz-aside .box1 li { line-height: 50px; border-bottom: 1px solid #f3f3f3; text-indent: 20px; overflow: hidden; }
.fjz-aside .box1 li a { display: inline-block; width: 80%; font-size: 16px; }
.fjz-aside .box1 li:hover, .fjz-aside .box1 li.active { background-color: #EFEFEF; }
.fjz-aside .box3 p:nth-child(1) { height: 30px; line-height: 30px; color: #FFF; padding-left: 10px; }
.fjz-law { border: 1px solid #153B88; }
.fjz-law .left { width: 700px; padding-left: 0px; margin-left: 50px; }
.fjz-ask { border: 1px solid #ececec; }
.fjz-ask .aside { background-color: #F9F9F9; border-right: 1px solid #DDDDDD; }
.fjz-ask .aside>ul>li { padding: 30px 15px; border-bottom: 1px solid #DDDDDD; }
.fjz-ask .aside>ul>li:last-child { border-bottom: 0px solid #DDDDDD; }
.fjz-ask .aside>ul>li p:nth-of-type(2) em { display: inline-block; border: 1px solid #ff7801; color: #ff7801; padding: 0 5px; margin: 5px 5px 5px 0; }
.fjz-ask .pic img { width: 70px; height: 70px; border-radius: 100px; border: 1px solid #E7E7E7; }
.fjz-ask .con-wrap { padding: 40px 20px 20px 20px; height: 670px; }
.fjz-ask .con-wrap li { position: relative; width: 745px; height: 210px; }
.fjz-ask .con-wrap li .pic1 { position: absolute; top: 0px; left: 0px; width: 100px; }
.fjz-ask .con-wrap li .pic1 img { width: 80px; height: 80px; border-radius: 100px; }
.fjz-ask .con-wrap li .txt { position: absolute; top: 0px; left: 105px; height: 170px; width: 510px; }
.fjz-ask .con-wrap li .feedback { position: relative; background-color: #fafafa; padding: 20px; font-size: 16px; border: 1px solid #eeeeee; margin-top: 15px; }
.fjz-ask .con-wrap li .feedback span { position: absolute; bottom: 10px; right: 24px; color: #b7b7b7; font-size: 14px; }
.fjz-ask .con-wrap li .feedback i { width: 0; height: 0; border: 10px solid transparent; border-left-color: #eeeeee; position: absolute; display: inline-block; top: 35px; right: -19px; }
.fjz-ask .con-wrap li .pic2 { position: absolute; top: 70px; right: 0px; width: 100px; }
.fjz-ask .con-wrap li .pic2 img { width: 80px; height: 80px; border-radius: 100px; }
.aside-kf { height: 575px; width: 150px; position: fixed; right: 5px; bottom: 40%;  background-repeat: no-repeat; background-position: 0px 0px; z-index: 9999; margin-bottom: -260px; }
.aside-kf-wrap { position: relative; height: 500px; color: #FFF; }
.aside-kf .close { position: absolute; top: 0px; left: 5px; cursor: pointer; width: 50px; height: 50px; cursor: pointer; }

/*hbhfz,com 浮动专家解答*/
.fjz-foot { background-color: #353A51; height: 120px; width: 100%; position: fixed; bottom: 0px; z-index: 1000; opacity: 0.95; color: #FFF;display: none; }
.fjz-foot .foot-inner { position: relative; }
.fjz-foot .box1 { background-image: url(../images/fjzkfd1.png); background-repeat: no-repeat; background-position: left top; top: -41px; left: -30px; height: 200px; position: absolute; width: 190px; }
.fjz-foot .box2 { top: 8px; left: 125px; height: 120px; position: absolute; width: 620px; }
.fjz-foot .box3 { background-repeat: no-repeat; background-position: left top; top: 0px; right: 10px; height: 120px; position: absolute; width: 450px; background-color: #1B1F2F; padding: 20px; color: #000; }
.fjz-foot .box3 input:nth-of-type(1) { position: absolute; top: 15px; left: 19px; width: 270px; }
.fjz-foot .box3 input:nth-of-type(2) { position: absolute; top: 68px; left: 19px; width: 270px; }
.fjz-foot .box3 p { position: absolute; top: 65px; right: 10px; width: 137px; color: #FFF; }
.fjz-foot .box3 .btn { position: absolute; top: 15px; right: 15px; width: 137px; color: #FFF; line-height: 40px; height: 40px; text-align: center; font-size: 16px; }
.fjz-foot .close { background-image: url(../images/fjzkfd3.png); background-repeat: no-repeat; background-position: center top; height: 45px; width: 45px; position: absolute; top: -8px; right: -25px; cursor: pointer; }

.fjz-aside-tag a { background-color: #ececec; border-radius: 20px; padding: 0 15px; margin-bottom: 5px; }
.js-zixun { cursor: pointer; }
/*弹出*/
.js-zixun-box h2, .js-kefu-box h2 { background-color: #2171CB; color: #FFF; text-align: center; height: 130px; font-weight: lighter; font-size: 24px; padding-top: 20px; }
.js-zixun-box h2 b, .js-kefu-box h2 b { font-size: 32px; }
.js-zixun-box .con label { height: 50px; font-size: 20px; line-height: 50px; padding: 0px; font-weight: bold; }
.js-zixun-box .con input { height: 50px; font-size: 20px; line-height: 50px; }
/* hbfjz专题*/
.hbfjz-aside-zt { position: fixed; left: 10px; bottom: 17%; z-index: 9999; }
.hbfjz-aside-zt .con { position: relative; }
.hbfjz-aside-zt .con .close { position: absolute; top: 0px; right: 0px; color: #FFFFFF; font-size: 14px; background-color: #F56A00; padding: 0 10px; cursor: pointer; }

.hbfjz-weixin{ border: 1px solid #DBDBDB; position: fixed; left: 10px; bottom: 20%; z-index: 99999; }
.hbfjz-weixin .con{ position: relative; }
.hbfjz-weixin .close{ background-image: url(../images/fjzkfd3.png); position: absolute;top: -14px;right: -11px;width: 30px;height: 30px;background-repeat: no-repeat; text-indent: -9999px;cursor:pointer; }