@font-face { font-family: iconfont; src: url(../font/font_868_pgbqx3kwrmqp8pvi.eot); src: url(../font/font_868_pgbqx3kwrmqp8pvi.eot) format("embedded-opentype"), url(../font/font_868_pgbqx3kwrmqp8pvi.woff) format("woff"), url(../font/font_868_pgbqx3kwrmqp8pvi.ttf) format("truetype"), url(../font/font_868_pgbqx3kwrmqp8pvi.svg) format("svg") }
.iconfont { font-family: iconfont; font-style: normal; font-weight: 400; font-size: 125%; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: .2px }
.crs-label { display: inline-block; margin: 0 10px 0 0; min-height: 20px; line-height: 20px; cursor: pointer; white-space: nowrap; vertical-align: middle; zoom: 1 }
.crs-label:hover { color: #09a4ec }
.lt-ie8 .crs-label { display: inline; zoom: 1 }
.c-box, .r-box { float: left; width: 14px; height: 14px; margin-top: 2px; margin-right: 5px; background: url(../image/c-box-checked.png) no-repeat 0 0; overflow: hidden }
.r-box { background-position: 100% 0 }
.c-box input, .r-box input { position: absolute; clip: rect(0 0 0 0) }
.c-selected { background-position: left -14px }
.r-selected { background-position: right -14px }
.c-disabled, .r-disabled { cursor: not-allowed; color: #a0a0a0 }
.c-disabled .c-box { background-position: left -28px }
.c-disabled .c-selected { background-position: 0 100% }
.r-disabled .r-box { background-position: right -28px }
.r-disabled .r-selected { background-position: 100% 100% }
.s-box { position: relative; height: 26px; cursor: pointer; display: inline-block; vertical-align: middle; text-align: left }
.s-box input { display: none; width: 100%!important; min-height: 26px; margin-top: -1px; box-sizing: border-box; box-shadow: inset 0 1px 3px #ccc; *width:94%!important
}
.s-box .s-ico { float: left; max-width: 16px; margin: 1px 3px 0 0 }
.s-box .s-box-list { position: absolute; display: none; max-height: 240px; margin: -1px 0 0; border: 1px solid #ccc; border-top: none; list-style: none; overflow-y: auto }
.s-box-list-dropup .s-box-list { bottom: 100%; margin-bottom: -1px; border-bottom: none; border-top: 1px solid #ccc }
.s-box .caret { position: absolute; right: 8px; top: 11px; display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: "" }
.s-box-open { z-index: 22; box-shadow: 0 0 3px #6d6d6d }
.s-box-open .s-box-list, .s-box-open input { display: block }
.s-box .s-box-item-head, .s-box .s-box-item-selected, .s-box li { padding: 3px 6px; height: 18px; background-color: #fff; line-height: 18px; white-space: nowrap; font-weight: 400 }
.s-box .s-box-item-head { color: #aaa }
.s-box .s-box-opt-child { padding-left: 2em }
.s-box .s-box-item-selected { border: 1px solid #afafaf }
.s-box .s-box-item-current { background-color: #f8f8f8 }
.s-box-open .s-box-item-current { background-color: #7fc7f0; color: #fff }
.s-hidden { position: absolute; clip: rect(0 0 0 0); z-index: -1 }
.s-disabled { cursor: not-allowed }
.s-disabled .s-box-item-selected { background-color: #ddd }
.lt-ie8 .s-box { display: inline; zoom: 1 }
.lt-ie7 .s-box .caret { border-right: 4px solid #fff; border-left: 4px solid #fff; border-bottom: 4px solid #fff; line-height: 0 }
.close { float: right; width: 20px; font-size: 20px; font-weight: 700; line-height: 20px; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; filter: alpha(opacity=20) }
button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none }
.close:focus, .close:hover { color: #000; text-decoration: none; cursor: pointer; opacity: .4; filter: alpha(opacity=40) }
button::-moz-focus-inner, input::-moz-focus-inner {
border:0 none;
padding:0
}
.btn { display: inline-block; padding: 4px 14px; background-image: none; background-color: #fff; border: 1px solid #ccc; font-size: 12px; font-weight: 400; font-family: inherit; line-height: 20px; text-align: center; text-shadow: none; white-space: nowrap; cursor: pointer; vertical-align: middle; box-sizing: border-box; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; box-shadow: none }
.btn, .btn:hover { text-decoration: none; color: #555 }
.btn:hover { background-color: #ebebeb; border-color: #adadad }
.btn:focus { text-decoration: none; outline: none }
.btn:active { box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05) }
button.btn, input.btn { *margin-left:4px;
*padding:5px 14px 2px;
*line-height:17px
}
.btn-info, .btn-info:focus, .btn-submit, .btn-submit:focus { background-color: #428bca; border-color: #357ebd; color: #fff }
.btn-info:hover, .btn-submit:hover { background-color: #3276b1; border-color: #285e8e; color: #fff }
.btn-success, .btn-success:focus { background-color: #5cb85c; border-color: #4cae4c; color: #fff }
.btn-success:hover { background-color: #47a447; border-color: #398439; color: #fff }
.btn-warning, .btn-warning:focus { background-color: #f0ad4e; border-color: #eea236; color: #fff }
.btn-warning:hover { background-color: #ed9c28; border-color: #d58512; color: #fff }
.btn-error, .btn-error:focus { background-color: #d9534f; border-color: #d43f3a; color: #fff }
.btn-error:hover { background-color: #d2322d; border-color: #ac2925; color: #fff }
.btn.disabled, .btn[disabled] { border-color: #ccc }
.btn.disabled:hover, .btn[disabled]:hover { background: #ebebeb; border-color: #ccc; color: #555 }
.btn-link { color: #08c; cursor: pointer; border-color: transparent; border-radius: 0 }
.btn-link, .btn-link:active, .btn-link[disabled] { background-color: transparent; background-image: none; box-shadow: none }
.btn-link:focus, .btn-link:hover { color: #005580; text-decoration: underline; background-color: transparent }
.btn-link[disabled]:focus, .btn-link[disabled]:hover { color: #333; text-decoration: none }
@-webkit-keyframes modalEffect { 0% {
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
to { -webkit-transform: scale(1); transform: scale(1) }
}
@keyframes modalEffect { 0% {
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
to { -webkit-transform: scale(1); transform: scale(1) }
}
.modal { position: fixed; top: 10%; left: 50%; z-index: 1050; max-width: 1100px; width: 80%; border: 1px solid #999; outline: 0; background-clip: padding-box; -webkit-animation: modalEffect 70ms ease-in; animation: modalEffect 70ms ease-in; background-color:#fff; }
#msgbox-mask, .mask-screen { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; filter: alpha(opacity=30); opacity: .3; z-index: 256 }
#msgbox { position: fixed; top: 0; z-index: 2048; display: none; border: none; background-color: #fff }
#msgbox-header { padding: 9px 15px; border-bottom: 1px solid #eee }
#msgbox-header h3 { float: left; margin: 0; line-height: 30px; font-weight: 400 }
#msgbox-body, #msgbox-footer { padding: 9px 15px }
#msgbox-body { max-height: 300px; overflow: auto }
#msgbox-body p { word-break: break-all }
.lt-ie7 #msgbox-mask { zoom: 1; position: absolute }
#msgbox-footer { text-align: right }
.msgbox-active { -webkit-backface-visibility: hidden }
.poptip { width: 80%; max-width: 300px; position: fixed; bottom: 20px; left: 50%; word-break: break-all; display: none; -webkit-transition: bottom .15s; transition: bottom .15s; font-size: 16px }
.GZIDC-scroller { position: absolute; top: 0; right: 0; background-color: #ccc; border-radius: 4px }
.GZIDC-scroller-hover, .GZIDC-scroller:hover { background-color: #aaa }
.GZIDC-scroller:active { background-color: #999 }
.progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f7f7f7; background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: linear-gradient(180deg, #f5f5f5, #f9f9f9); border-radius: 4px; box-shadow: inset 0 1px 2px rgba(0,0,0,.1) }
.progress, .progress .bar { background-repeat: repeat-x }
.progress .bar { width: 0; height: 100%; font-size: 12px; color: #fff; text-align: center; text-shadow: 0 -1px 0 rgba(0,0,0,.25); background-color: #0e90d2; background-image: -webkit-linear-gradient(top, #149bdf, #0480be); background-image: linear-gradient(180deg, #149bdf, #0480be); box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); box-sizing: border-box; -webkit-transition: width .6s ease; transition: width .6s ease }
.progress-field { margin-bottom: 20px }
.progress-field .progress { margin-bottom: 5px }
.progress-field .progress .bar { background-image: none }
.progress-field .progress-tip { position: absolute }
.progress-field .progress-tip span { float: left; text-align: center; color: #555 }
.timeline-field { position: relative; margin-top: 30px }
.timeline-field .timeline { height: 4px; padding: 1px; margin-bottom: 5px; overflow: hidden; background-color: #ebebeb; background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: linear-gradient(180deg, #f5f5f5, #f9f9f9); background-repeat: repeat-x; border-radius: 4px; box-shadow: inset 0 1px 2px rgba(0,0,0,.1) }
.timeline-field .timeline .timeline-bar { width: 0; height: 100%; font-size: 12px; color: #fff; text-align: center; text-shadow: 0 -1px 0 rgba(0,0,0,.25); background-color: #ffbd80; box-sizing: border-box; border-radius: 4px; -webkit-transition: width .6s ease; transition: width .6s ease }
.timeline-field .timeline-tip { text-align: right; overflow: hidden }
.timeline-field .timeline-tip span { color: #555; text-align: left }
.timeline-field .timeline-tip .timeline-tip-start { float: left }
.timeline-field .timeline-tip .current-time { display: block; position: absolute; top: -24px; width: 80px; height: 20px; background-color: #f3aa81; text-align: center; line-height: 20px; color: #fff; border-radius: 10px }
.pop-layer { position: absolute; padding: 5px; top: 0; left: 50%; background-color: #888\9; background-color: rgba(83,83,83,.31); border-radius: 4px; z-index: 1280 }
.pop-layer .pop-layer-body, .pop-layer .pop-layer-footer, .pop-layer .pop-layer-header { padding: 9px 15px; background-color: #fff }
.pop-layer .pop-layer-header { background-color: #f8f8f8; border-bottom: 1px solid #eee }
.pop-layer .pop-layer-header .popLayer-close { *background-color:#f8f8f8
}
.pop-layer .pop-layer-header .pop-layer-title { float: left; margin: 0; line-height: 30px; font-weight: 400 }
.pop-layer .pop-layer-footer { text-align: right }
.alert { margin-bottom: 20px; padding: 8px 14px; background-color: #fcf8e3; border: 1px solid #fbeed5; text-shadow: 0 1px 0 hsla(0,0%,100%,.5); border-radius: 4px }
.alert, .alert h4 { color: #c09853 }
.alert-default { background-color: #fff; border-color: #d8d8d8; color: #555 }
.alert h4 { margin: 0 }
.alert .close { position: relative; top: -2px; right: -21px; line-height: 20px }
.alert-success { color: #468847; background-color: #dff0d8; border-color: #d6e9c6 }
.alert-success h4 { color: #468847 }
.alert-warning { background-color: #fcf8e3; border-color: #fbeed5 }
.alert-danger, .alert-error { color: #b94a48; background-color: #f2dede; border-color: #eed3d7 }
.alert-danger h4, .alert-error h4 { color: #b94a48 }
.alert-info { background-color: #d9edf7; border-color: #bce8f1 }
.alert-info, .alert-info h4 { color: #3a87ad }
.popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; max-width: 276px; padding: 1px; text-align: left; white-space: normal; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.2); border-radius: 6px; box-shadow: 0 5px 10px rgba(0,0,0,.2); background-clip: padding-box }
.popover.top { margin-top: -10px }
.popover.right { margin-left: 10px }
.popover.bottom { margin-top: 10px }
.popover.left { margin-left: -10px }
.popover-title { padding: 8px 14px; margin: 0; font-size: 14px; font-weight: 400; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0 }
.popover-title:empty { display: none }
.popover-content { padding: 9px 14px }
.popover .arrow { border: 11px solid transparent }
.popover .arrow, .popover .arrow:after { position: absolute; display: block; width: 0; height: 0 }
.popover .arrow:after { border: 10px solid transparent; content: "" }
.popover.top .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0,0,0,.25); border-bottom-width: 0 }
.popover.top .arrow:after { bottom: 1px; margin-left: -10px; border-top-color: #fff; border-bottom-width: 0 }
.popover.right .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999; border-right-color: rgba(0,0,0,.25); border-left-width: 0 }
.popover.right .arrow:after { bottom: -10px; left: 1px; border-right-color: #fff; border-left-width: 0 }
.popover.bottom .arrow { top: -11px; left: 50%; margin-left: -11px; border-bottom-color: #999; border-bottom-color: rgba(0,0,0,.25); border-top-width: 0 }
.popover.bottom .arrow:after { top: 1px; margin-left: -10px; border-bottom-color: #fff; border-top-width: 0 }
.popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; border-left-color: #999; border-left-color: rgba(0,0,0,.25); border-right-width: 0 }
.popover.left .arrow:after { right: 1px; bottom: -10px; border-left-color: #fff; border-right-width: 0 }
.loading-tip { position: relative; margin: 5px auto; line-height: 24px; font-size: 12px; text-align: center }
.loading-tip span { display: inline-block; min-height: 24px; padding-left: 30px; background: url(404.png) no-repeat; line-height: 24px; *display:inline;
*zoom:1
}
.loading-tip .loading-progress { width: 50%; height: 10px; margin: 10px auto 0; padding: 1px; border: 1px solid #ebebeb }
.loading-tip .loading-progress .loading-bar { float: left; width: 0; height: 100%; padding-left: 0; background: #5d9cec; -webkit-transition: width .5s ease; transition: width .5s ease }
.divider { margin: 10px 0; border-top: 1px solid #eee; border-bottom: 1px solid #fff; line-height: 0; font-size: 0 }
span.sep { margin-right: 2px; margin-left: 2px; color: #a0a0a0 }
#layer-img { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 2048 }
#layer-img .inner { cursor: pointer; z-index: 2048 }
#layer-img .inner a { display: block; height: 100% }
#layer-img .inner .close { position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; text-align: center; opacity: 1; filter: alpha(opacity=100); z-index: 1 }
#layer-img .mask-screen { display: block }
@media (max-width:767px) {
#layer-img .inner { left: 0!important; right: 0; bottom: 0; margin: auto!important; background-size: contain!important; background-position: 50%!important }
#layer-img .close, #layer-img .inner { top: 0!important; width: 100%!important }
#layer-img .close { right: 0!important; height: 100%!important }
}