/* Reset: */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, code, form, input, button, textarea, p, th, td { margin: 0; padding: 0; outline: none; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body { font: 14px/1.6 "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-overflow-scrolling: touch; color: #222; }
img, input, select { vertical-align: middle; font-family: inherit; }
img { border: 0; }
li, ul, dl { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: none; }
button[disabled], input[disabled] { cursor: default; }
textarea { overflow: auto; vertical-align: top; resize: none; font-family: inherit; }
hr { height: 0; margin-top: 10px; margin-bottom: 10px; border: 0; border-top: 1px solid #e3e3e3; }
i, em { font-style: normal }
b, strong, dt { font-weight: bold; }
a { color: #666; text-decoration: none; cursor: pointer; }
a, a:hover, a:active { outline: 0; -webkit-tap-highlight-color: transparent; background-color: transparent; }
a:focus { outline: 0; }

/* Clear: */
.clear { clear: both; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; /*ie6,7*/ }
.group-box {border: 1px dashed #ccc;margin-bottom: 20px;padding: 10px;}

/* Public: */
html, body { height: 100%; display: inline; }
h1, h2, h3, h4 { font-weight: 100; }
a { color: #777; }
.w { width: 1200px; margin-right: auto; margin-left: auto; position: relative; }
.dpn { display: none; }
.pl { position: absolute; left: 0; }
.pr { position: absolute; right: 0; }
.fl { float: left; }
.fr { float: right; }
.row { border: 1px solid #ddd; background: #fff; margin: 10px; }
.lh30 { line-height: 30px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.ml-12 { margin-left: -12px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb30 { padding-bottom: 30px; }
.pd10 { padding-bottom: 10px; }
.w400 { width: 400px; }
.w500 { width: 500px; }
.w600 { width: 600px; }
.w700 { width: 700px; }
.w800 { width: 800px; }
.w820 { width: 820px; }
.pright-box { position: absolute; right: -10px; top: 38px; }
.pright-box .h30 .default-select { height: 30px; line-height: 30px; font-size: 14px; }
.pright-box .h30 .input-text1 { height: 30px; line-height: 30px; font-size: 14px; }
.pright-box .h30 .green-btn, .pright-box .h30 .border-btn, .pright-box .h30 .blue-btn, .pright-box .h30 .default-btn, .pright-box .h30 .infos-btn { line-height: 28px; font-size: 14px; }
.text-center { text-align: center; }
.text-danger { color: #ef0000; }
.text-operation { color: #0784dc; }
.f-nav2, small { color: #878787; font-size: 14px; }
.f-nav1 { color: #3e3f40; }
.label-success{color: #180 !important;}
.label-warning{color: #f9a42e !important;}
.label-infos{color: #3c84dd !important;}
.label-danger{color: #f33 !important;}
.hidden{display: none !important;}
a.blue-btn:hover,a.green-btn:hover,a.red-btn:hover { color: #fff;}
.help-block{margin-left: 5px;color: red;line-height: 38px;float: left;}

/* Ico: */
.ico-member, .ico-exit, .ico-home, .ico-line-right-arrow, .ico-manage, .ico-panel, .ico-excel, .ico-txt, .ico-site, .ico-white-help, .ico-help, .ico-api, .ico-sort, .ico-sort-asc, .ico-sort-desc { background: #fff; width: 24px; height: 24px; display: block; background: url('../images/ico-simple.png'); }
.ico-member { background-position: -24px 0; }
.ico-home { background-position: -48px -24px; }
.ico-line-right-arrow { background-position: -72px -24px; }
.ico-manage { background-position: -72px 0; }
.ico-panel { background-position: -96px 0; }
.ico-txt { background-position: -120px 0; }
.ico-site { background-position: -120px -24px; }
.ico-white-help { background-position: -144px 0; }
.ico-help { background-position: -144px -24px; }
.ico-api { background-position: -168px -24px; }
.ico-excel { background-position: -48px 0; }
.ico-sort { background-position: 0px -48px; }
.ico-sort-desc { background-position: -24px -48px; }
.ico-sort-asc { background-position: -48px -48px; }
.ico-bar, .ico-sign { display: block; float: left; }
.ico-bar { width: 4px; height: 20px; border-radius: 2px; background-color: #25a5ea; }
.ico-sign { width: 10px; height: 10px; border-radius: 2px; background-color: #74CE1A; border: 1px solid #6abf15; }
.ico-gray-bottom-arrow, .ico-gray-top-arrow, .ico-right-arrow { width: 0; height: 0; border-color: transparent; border-style: solid; }
.ico-gray-bottom-arrow { margin-left: -6px; border-width: 6px 6px 0; border-top-color: #666; }
.ico-gray-top-arrow { margin-left: -6px; border-width: 0 6px 6px; border-bottom-color: #666; }
.ico-right-arrow { border-width: 7px 7px 7px 0; border-right-color: #f3f3f3; position: absolute; }
.ico-sort, .ico-sort-asc, .ico-sort-desc { display: inline-block; vertical-align: bottom; }
.iconfont { vertical-align: middle; }

/* Ico Style: */
.member-name { width: 130px; background-color: #2873c9; }
.member-name:hover, .member-exit:hover { background-color: #2367b5; color: #fff; }
.member-name .ico-member { display: inline-block; margin-right: 2px; vertical-align: middle; }
.member-name:hover .ico-member, .member-name.active .ico-member { background-position: -24px -24px; }
.member-sites span { float: left; }
.member-sites .ico-gray-bottom-arrow { float: right; margin-top: 18px; margin-left: 4px; }
.member-sites:hover .ico-gray-bottom-arrow, .member-sites.active .ico-gray-bottom-arrow { border-top-color: #dedede; }
.member-exit span { float: left; margin-right: 5px; }
.member-exit i { vertical-align: middle; }
.member-exit .ico-exit { float: right; margin-top: 15px; }
.member-exit:hover .ico-exit { background-position: 0 -24px; }
.member-sites-box .ico-manage { float: left; margin-top: 4px; margin-right: -10px; margin-left: 10px; }
.breadcrumbs li .ico-home, .breadcrumbs li .ico-line-right-arrow { float: left; margin-top: 4px; }
.breadcrumbs li .ico-home { margin-right: 2px; }
.breadcrumbs li .ico-line-right-arrow { margin-right: 4px; margin-left: 4px; }
.list-group-title a .ico-bar { margin-top: 10px; margin-right: 16px; margin-left: 18px; }
.list-group-title .ico-right-arrow, .list-group-list a .ico-right-arrow { top: 14px; right: 0px; }
.list-group-title .ico-panel { float: left; margin-top: 8px; margin-right: 8px; margin-left: 14px; }
.list-group-title .ico-site { float: left; margin-top: 8px; margin-right: 8px; margin-left: 14px; }
.default-btn .ico-excel { float: left; margin-top: 6px; margin-right: 6px; }
.top-btn .ico-txt { float: left; margin-top: 6px; margin-right: 6px; }
p.infos-btn .ico-white-help { float: right; margin-top: 6px; margin-right: -10px; margin-left: 4px; }
.welcome-entry .ico-help, .welcome-entry .ico-api { float: left; margin-top: -1px; margin-left: -2px; margin-right: 1px; }

/* Login: */
.login-wrap { width: 480px; margin-top: 10%; margin-right: auto; margin-left: auto; border-radius: 10px; background-color: #4f8cd3; text-align: center; }
.login-logo { text-align: center; padding: 35px 0 21px; }
.login-logo h2 { color: #fff; font-size: 38px; line-height: 38px; }
.login-form .item { position: relative; font-size: 16px; overflow: hidden; }
.login-form .label { color: #aaa; position: absolute; z-index: 1; top: 24px; left: 65px; }
.login-form i { margin-right: 5px; font-size: 18px; vertical-align: middle; }
.login-form .input { margin-top: 14px; width: 368px; padding-left: 12px; border: none; height: 46px; line-height: 46px; font-size: 16px; color: #666; }
.login-form .form-error { color: #f22; padding: 4px 0; }
.login-btn { background: #68bd1b; width: 380px; line-height: 52px; margin-bottom: 50px; border: none; cursor: pointer; font-size: 20px; color: #fff; letter-spacing: 8px; }
.login-btn:hover { background: #64b513; }

/* Header: */
.header { width: 100%; position: relative; height: 54px; background: #2873c9; }
.logo { position: absolute; left: 22px; }
.logo img { width: 140px; }
.member-infos { position: absolute; right: 0px; }
.member-infos ul li, .header-sites-infos ul li { float: left; position: relative; border-left: solid 1px #276cbc; }
.member-infos .tit a { padding-right: 8px; padding-left: 8px; line-height: 54px; display: block; float: left; color: #ffffff; text-align: center; }
.member-infos .tit a.active { color: #dedede; background: #266dbf; color: #fff; }
.member-infos .tit .member-exit { padding-left: 12px; }
.member-infos .tit .member-sites { padding-right: 14px; padding-left: 14px; }
.member-infos .box, .header-sites-infos .box { position: absolute; z-index: 10; top: 54px; }
.member-infos .box li, .header-sites-infos .box li { display: block; float: none; }
.member-infos .box li a, .header-sites-infos .box li a { width: 100%; line-height: 40px; display: block; color: #fff; background: #266dbf; text-align: center; }
.member-infos .box li a:hover, .header-sites-infos .box li a:hover { color: #fff; background: #2367b5; }
.member-name-box { width: 120px; display: none; }
.member-sites-box { width: 190px; display: none; }

/* Main Nav: */
.main-nav { position: absolute; left: 190px; height: 40px; top: 14px; }
.main-nav li { float: left; margin-right: 5px; }
.main-nav li a { font-size: 15px; padding: 0 22px; display: block; height: 38px; line-height: 38px; border-radius: 4px 4px 0 0; background: #3c84dd; color: #fff; }
.main-nav li:last-child a { border-right: none; }
.main-nav li.active a { background: #fff; color: #333; border-top: 2px solid #25A5EA;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}

/* Form: */

/*.form-group { padding-top: 20px; }*/
.form-group .item { margin-bottom: 14px; display: inline-block; width: 100%; position: relative; }
.form-infos-success, .form-infos-error, .form-infos-infos { padding: 15px; margin: 10px 20px; position: relative; }
.form-infos-success .close, .form-infos-error .close, .form-infos-infos .close { font-size: 24px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=30); opacity: 0.3; position: absolute; top: 2px; right: 5px; cursor: pointer; }
.form-infos-success { color: #3c763d; background: #d6e9c6; border: 1px solid #a8d383; }
.form-infos-error { color: #a94442; background-color: #ebccd1; border: 1px solid #dbadb4; }
.form-infos-infos { color: #3c763d; background-color: #d6e9c6; border: 1px solid #a8d383; line-height: 28px; }
.form-group .tip { margin-bottom: 6px; margin-right: 10px; margin-left: 110px; color: #777; }
.form-group-box{}
.form-group-box .form-group{float:left;}

/* Input: */
.ml-12 .control-label { margin: 0 20px 0 12px; width: 92px; }
.ml-12 .ipt { float: left; color: #f33; margin-left: -18px; line-height: 36px; display: inline-block; width: 8px; }
.input-label, .control-label { width: 100px; line-height: 36px; margin-right: 12px; text-align: right; font-weight: bold; float: left; }
.input-label em, .control-label em { color: #f33; width: 8px; display: inline-block; }
.input-text, .form-control, .input-hidden, .input-text-disable, .input-textarea { padding-left: 12px; float: left; border: 1px solid #d6d6d6; line-height: 24px; }
.long-text { width: 460px !important; }
.input-text, .form-control, .input-hidden, .input-text-disable { width: 230px; height: 36px; line-height: 36px; }
.input-text-disable { color: #777; }
.input-textarea { width: 300px; height: 80px; padding-top: 10px; padding-bottom: 10px; }
.mult-textarea { width: 900px; height: 400px; }
.input-text, .form-control { background: #fff; }
.input-text-success { border: 0px solid #0e547b; }
.input-text-disable { background: #f6f6f6; }
.input-textarea:focus, .input-text:focus, .input-textarea:hover, .input-text:hover, .form-control:focus, .form-control:hover { border: 1px solid #34aeef; }
.input-hidden { background-color: #f9f9f9; border: solid 1px #e9e9e9; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none; }
.input-hidden { cursor: not-allowed; }
.input-checkbox { float: left; line-height: 36px; margin-right: 20px; }
.input-checkbox input { margin-right: 2px; }
.input-select { width: 140px; height: 36px; line-height: 36px; float: left; border: 1px solid #d6d6d6; margin-right: 8px; }
.input-btn { margin-left: 112px; width: 140px; height: 44px; line-height: 44px; font-size: 16px; letter-spacing: 1px; color: #fff; border: none; cursor: pointer; }
.input-btn-wrap { margin-left: 112px; }
.input-btn-blue { background: #189BE6; border: 1px solid #0f92d8; }
.input-btn-blue:hover { background: #0f92d8; }
.input-btn-green { background: #74ce1a; border: 1px solid #64b712; }
.input-btn-green:hover { background: #64b712; }
.input-box { display: block; width: 460px; border: 1px solid #d6d6d6; border-bottom: none; float: left; background: #fff; }
.input-row { display: block; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; border-bottom: 1px solid #ddd; overflow: hidden; zoom: 1; }
.input-row strong { float: left; display: block; margin-right: 10px; line-height: 36px; }
.input-row input { float: right; }
.input-error { float: left; line-height: 36px; margin-left: 10px; color: #f33; }
.input-tips { padding-left: 114px; color: #b3b3b3; }
.hint-block { float: left; margin-left: 10px; }
input::-webkit-input-placeholder { color: #666; }
input::-moz-placeholder { color: #666; }
input:-moz-placeholder { color: #666; }
input:-ms-input-placeholder { color: #666; }
.radio-group { margin-top: 6px; }
.radio-group label { margin-right: 6px; }
.checkbox-group { width: 800px; float: left; background: #fff; border-bottom: 2px solid #25A5EA; }
.checkbox-group .checkbox-box { border-top: 2px solid #25A5EA; }
.checkbox-group .checkbox-head, .checkbox-group .checkbox-content { padding-left: 10px; padding-right: 10px; }
.checkbox-group .checkbox-head { overflow: hidden; zoom: 1; font-weight: bold; }
.checkbox-group .checkbox-content { overflow: hidden; zoom: 1; background: #f7f7f7; border-top: 1px solid #e3e3e3; padding-top: 2px; padding-bottom: 2px; }

/* select */
.select { position: relative; cursor: pointer; border: solid 1px #3c84dd; float: left; }
.select:after { content: ""; position: absolute; top: 50%; right: 10px; margin-top: -2px; border-top: 5px solid #666; border-right: 5px solid transparent; border-left: 5px solid transparent; }
.select .select_text { padding: 0 20px 0 10px; height: 36px; line-height: 36px; }
.select_ul { display: none; position: absolute; top: 36px; left: -1px; z-index: 9999; width: auto; min-width: 134px; max-height: 400px; overflow-y: auto; border: 1px solid #3c84dd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; background: #fff; }
.select_ul li { line-height: 38px; text-indent: 10px; display: block ruby; }
.select_ul li:hover { color: #fff; background: #3c84dd; }
.select_ul li.cur { color: #fff; background: #3c84dd; }
.select_co { border: solid 1px #d6d6d6; }

/* Button: */
.red-btn, .green-btn, .border-btn, .blue-btn, .default-btn, .infos-btn { padding: 0 16px; line-height: 36px; display: block; float: left; font-size: 16px; color: #fff; }
.red-btn { background: #f04c4c; border: 1px solid #f04c4c; }
.red-btn:hover { background: #f04c4c; }
.green-btn { background: #74ce1a; border: 1px solid #64b712; }
.green-btn:hover { background: #64b712; }
.border-btn { color: #777; background: #fff; border: 1px solid #ddd; }
.border-btn:hover { background: #f6f6f6; }
.blue-btn { background: #3c84dd; border: 1px solid #3c84dd; }
.blue-btn:hover { background: #387bcf; }
.default-btn { background: #f1f6fc; border: 1px solid #8ab8f1; color: #1e92e4; }
.default-btn:hover { background: #f1f6fc; border: 1px solid #3c84dd; color: #0784dc; }
.infos-btn { font-size: 14px; background: #25A5EA; border: 1px solid #1f9bdd; }
p.infos-btn { padding-left: 12px; }
.small-btn { color: #666; background: #fff; border: 1px solid #ddd; padding: 0 12px; margin-right: 4px; line-height: 28px; display: block; float: left; font-size: 14px; }
.small-btn:hover { background: #f6f6f6; }
.btn { width: 140px; height: 38px; line-height: 38px; color: #fff; text-align: center; font-size: 14px; border: 0px; }
.btn:hover { opacity: 0.9; }
.btn-primary { background-color: #3c84dd; }
.btn-success { background-color: #68bd1b; }
.btn-warning { background-color: #f9a42e; }
.btn-danger { background-color: #f04c4c; }
.btn-hidden { background-color: #bcbdbe; cursor: not-allowed; }
.form-delete-btn { width: 100px; background-color: #fef5f5; color: #f56e6a !important; border: solid 1px #faaaa8; }
.form-delete-btn:hover { background-color: #fef5f5; color: #ef0000; border: solid 1px #f04c4c; }
.to-draft { margin-left: 112px; width: 140px; height: 44px; line-height: 44px; font-size: 16px; letter-spacing: 1px; border: 1px solid #68bd1b; background: #68bd1b; color: #fff; display: block; text-align: center; margin-top: 20px; }
.to-draft:hover { background: #68bd1b; color: #fff; opacity: 0.9 }
.hidden { display: none; }

/* Table: */
.table { width: 100%; }
.table tr { border-bottom: 1px solid #d6d6d6; }
.table th { padding: 8px 8px; white-space: nowrap; background-color: #f6f6f6; font-weight: normal; text-align: center; }
.table th.visible-lg { display: none; }
.table td.visible-lg { display: none; }
.table td { padding: 8px 8px; white-space: nowrap; }
.table td { color: #222; overflow: hidden; zoom: 1; text-align: center; }
.table td span.red { padding: 0; color: #f33; }
.table td span.sred { color: #f33; }
.table td span.green { padding: 0; color: #180; }
.table td span.blue { padding: 0; color: #0f92d8; }
.table td span.baby-blue { padding: 0; color: #73c0ec; }
.table td span.yellow { padding: 0; color: #f09f2d; }
.table td span.default { padding: 0; }
.table td span.red-infos { color: #fff; background: #f44; border-radius: 4px; padding-left: 4px; padding-right: 4px; margin-left: -2px; display: inline; float: none; }
.table em>b.red{color:#f33;font-weight: normal;}
.table em>b.green{color:#180;font-weight: normal;}
.table em>b.green>a{color:#180;font-weight: normal;float: unset; border-bottom: unset;}
.table em>b.blue{color:#0f92d8;font-weight: normal;}
.table em>b.baby-blue{color:#73c0ec;font-weight: normal;}
.table em>b.grey{color:#999999;font-weight: normal;}
.table em>b.yellow{color:#f09f2d;font-weight: normal;}
.table div.table-more { height: 22px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.table span { float: left; padding:0px 6px; color: #666; }
.table a { /*float: left; display: inline;*/display: inline-block;color: #222; border-bottom: 1px solid #189BE6; }
.table a:hover { color: #189BE6; border-color:#2fa5e8; }
.table th a { float: right; border: none; }
.table thead tr { text-align: left; border-bottom: 1px solid #c3c3c3; background-color: #f6f6f6; }
.table tbody td b a { color: #f33; border-bottom: 1px dashed #f33; }
.table-border td, .table-border th { border-left: 1px solid #d6d6d6; }
.table-border { border-top: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; margin-bottom: -1px; }
.table-striped tr { background: #fff; }
.table-striped tr[data-key="new"] { background: #f3ffe8}
.table-striped thead tr { background: #fff; }
.table-hover tr.active, .table-hover tr:hover { background: #eee; }
.table-hover td { position: relative; overflow: inherit; max-width: 400px; height: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.table .input-text { width: 270px; height: 28px; line-height: 28px; float: none; display: block; }
.table .default-btn { padding: 0 12px; line-height: 28px; color: #222; font-size: 14px; }
.table .default-btn:hover { text-decoration: none; }
.table-more { width: 240px; margin: 0; }
.table-more-hover { position: absolute; top: -1px; left: -1px; border: 1px solid #189BE6; padding: 8px; height: auto; min-height: 100px; max-height: 150px; width: calc(100% - 16px) !important; z-index: 999; overflow: auto !important; white-space: normal !important; background: #eee; }
.table .review-site { height: 22px; margin-right: 4px; float: left; text-indent: 4px; }
.table .add { font-size: 12px; line-height: 22px; border: 1px solid #68bd1b; background: #68bd1b; color: #fff; padding-right: 6px; padding-left: 6px; margin-right: 4px; border-radius: 2px }
.table .add:hover { border: 1px solid #68bd1b; color: #fff; background: #68bd1b; }
.table .del { font-size: 12px; line-height: 22px; border: 1px solid #d58512; background: #f09f2d; color: #fff; padding-right: 6px; padding-left: 6px; margin-right: 4px; border-radius: 2px; }
.table .del:hover { border: 1px solid #d58512; color: #fff; background: #ec971f; }
.table .blue { font-size: 12px; line-height: 22px; border: 1px solid #3c84dd; background: #3c84dd; color: #fff !important; padding-right: 6px; padding-left: 6px; margin-right: 4px; border-radius: 2px; }
.table .blue:hover { border: 1px solid #3c84dd;color: #fff; }
.table .baby-blue { font-size: 12px; line-height: 22px; border: 1px solid #73c0ec; background: #73c0ec; color: #fff !important; padding-right: 6px; padding-left: 6px; margin-right: 4px; border-radius: 2px; }
.table .baby-blue:hover { border: 1px solid #73c0ec;color: #fff; }
.table .red { font-size: 12px; line-height: 22px; border: 1px solid #e9595b; background: #e9595b; color: #fff !important; padding-right: 6px; padding-left: 6px; margin-right: 4px; border-radius: 2px; }
.table .red:hover { border: 1px solid #e9595b;color: #fff; }
.table .green { font-size: 12px; line-height: 22px; border: 1px solid #68bd1b; background: #68bd1b; color: #fff !important; padding-right: 6px; padding-left: 6px; margin-right: 4px; border-radius: 2px; }
.table .green:hover { border: 1px solid #68bd1b; color: #fff; }
.table .grey { font-size: 12px; line-height: 22px; border: 1px solid #999999; background: #999999; color: #fff !important; padding-right: 6px; padding-left: 6px; margin-right: 4px; border-radius: 2px; }
.table .grey:hover { border: 1px solid #999999; color: #fff; }
.table .yellow { font-size: 12px; line-height: 22px; border: 1px solid #f09f2d; background: #f09f2d; color: #fff !important; padding-right: 6px; padding-left: 6px; margin-right: 4px; border-radius: 2px; }
.table .yellow:hover { border: 1px solid #f09f2d; color: #fff; }

/* Thumb: */
.list-img { padding-top: 15px; }
.list-img li { float: left; width: 266px; }
.list-img li img { width: 100%; height: auto; }
.list-img li p { font-size: 16px; padding-top: 10px; padding-bottom: 8px; height: 26px; text-align: center; line-height: 32px; overflow: hidden; color: #09f }
.list-img li p span { font-size: 14px; }
.list-img li a:hover { color: #09f }
.list-img li .img { display: block; height: 165px; overflow: hidden }
.list-img li .item { margin: 0 12px 12px 0; border: solid 1px #f0f0f0; background: #fff }

/* Panel: */
.panel-wrap { padding-top: 10px; padding-right: 20px; }
.panel { width: 50%; float: left; }
.panel-header { position: relative; border-top: 1px solid #d6d6d6; border-left: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; margin-left: 20px; color: #555; line-height: 42px; height: 42px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; text-indent: 16px; }
.panel-header::before { display: inline-block; content: ''; width: 4px; height: 22px; background-color: #3c84dd; position: absolute; left: -1px; top: 10px; }
.panel-body { display: flex; display: -webkit-flex; flex-wrap: wrap; background: #fff; border: 1px solid #d6d6d6; border-top: none; margin-left: 20px; padding: 10px; margin-bottom: 20px; }
.panel-body .item { display: inline-block; width: 100%; flex-grow: 100%; margin-bottom: 14px; }
.panel-100 { width: 100%; float: left; }
.panel-50 { width: 50%; float: left; }
.panel-33 { width: 33.3333%; float: left; }
.panel-25 { width: 25%; float: left; }
@media screen and (min-width:1280px){
	.panel { width: 33.33% }
}
@media screen and (min-width:1600px){
	.panel { width: 25% }
}

/* Pager: */
.pager-wrap { padding-top: 20px; text-align: center; padding-bottom: 30px; overflow: hidden; zoom: 1; }
.pager-info { color: #999; float: left; }
.pager { float: left; margin-right: 10px; }
.pager li { display: inline; }
.pager-all li { line-height: 36px; display: block; float: left; margin-right: 6px; }
.pager li a { border: 1px solid #d6d6d6; background: #fff; padding: 3px 9px; }
.pager li.active a { color: #fff; background: #3c84dd; border: 1px solid #3c84dd; }
.pager li a:hover { color: #189BE6; border: 1px solid #3c84dd; }
.pager li.active a:hover { color: #fff; }
.pager li.disable a { color: #e3e3e3; border: 1px solid #e3e3e3; }
.pager li.disable a:hover { color: #e3e3e3; }
.pager-jump { float: left; margin-right: 6px; }
.pager-jump p { float: left; color: #999; }
.pager-jump .input-text { width: 30px; height: 22px; vertical-align: bottom; padding-left: 2px; padding-right: 2px; margin-right: 4px; margin-left: 4px; color: #999; text-align: center; }
.rf-page-skip-input { border: 1px solid rgb(214, 214, 214); background: rgb(255, 255, 255); padding: 3px 4px; margin-top: -4px; width: 50px; text-align: center; }
.rf-page-skip { margin-right: 10px; color: #777; }
.perPage { height: 28px; line-height: 28px; margin-top: -4px; margin-right: 10px; color: #777; }

/* Ueditor: */
.ueditor-box { float: left; }

/* Modal: */
.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; }
.modal-dialog { width: 600px; margin: 120px auto; }
.modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; }
.modal-header h4 { font-size: 18px; }
.modal-header .close { float: right; font-size: 24px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=30); opacity: 0.3; }
.modal-content { background-color: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, .5); position: relative; z-index: 10; }
.modal-body { padding: 20px 15px; font-size: 16px; }
.modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; overflow: hidden; zoom: 1; }
.modal-footer a { float: right; margin-left: 10px; }
.mask { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; filter: Alpha(Opacity=20); background: rgba(0, 0, 0, 0.2); z-index: 0; }

/* Side Nav: */
.side-nav { width: 189px; min-width: 189px; max-width: 189px; flex-grow: 0; flex: 1; border-right: solid 1px #e3e4e4; background: #f0f1f2; position: relative; -webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.list-group a { width: 100%; display: block; line-height: 40px; }
.list-group-list a.active { color: #0784dc; background-color: #fff; border-left: solid 3px #0784dc; border-top: solid 1px #e3e4e4; border-bottom: solid 1px #e3e4e4; }
.list-group-title a { font-size: 15px; color: #3e3f40; position: relative; background: #f0f1f2; border-top: 1px solid #e3e4e4; border-bottom: 1px solid #e3e4e4; }
.list-group-title i { margin-left: 20px; vertical-align: middle; }
.list-group-list { margin-bottom: -1px; text-indent: 38px; }
.list-group-list a { color: #878787; position: relative; background-color: #fafafa; }
.list-group-title a .ico-right-arrow, .list-group-list a .ico-right-arrow { display: none; }
.list-group-list a:hover { color: #0784dc; }
.list-group-title a.active .ico-right-arrow, .list-group-list a.active .ico-right-arrow, .list-group-list a:hover .ico-right-arrow { display: block; }

/* Breadcrumbs: */
.breadcrumbs { width: 100%; height: 34px; line-height: 34px; background: #fff; }
.breadcrumbs ul { padding-left: 20px; overflow: hidden; zoom: 1; }
.breadcrumbs li { float: left; }
.breadcrumbs li i { margin: 0 4px; }
.breadcrumbs ul li:first-child i { margin-left: 0; }
.breadcrumbs li a, .breadcrumbs li i { float: left; }
.breadcrumbs li a:hover { color: #333; }

/* Main: */
.main { position: relative; flex-grow: 1; flex: 1; width: auto; padding-bottom: 40px; width: auto; min-height: 100%; overflow-y: auto; background: #fff; }

/* Animation: */
.list-group-title a i.ico-bar { transition: transform 0.2s; -moz-transition: -moz-transform 0.2s; -webkit-transition: -webkit-transform 0.2s; -o-transition: -o-transform 0.2s; }
.list-group-title a.active i.ico-bar { transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); }

/* Welcome: */
.welcome { margin: 10px 20px; }
.welcome h3 { font-size: 16px; padding-right: 10px; border-bottom: 2px solid #1890D5; padding-bottom: 8px; }
.welcome .welcome-infos { padding-top: 18px; }
.welcome .welcome-infos p { color: #333; line-height: 28px; }
.welcome .welcome-infos p a { color: #1890D5; }
.welcome .welcome-infos p a:hover { text-decoration: underline; }
.welcome p { color: #999; }
.welcome-announce { margin-bottom: 8px; padding: 10px; color: #a94442; background-color: #f2dede; border: 1px solid #edd3d3; }

/* Error: */
.site-error { margin: 10px; margin-left: 20px; }

/* Style: */
.grid-view { margin: 10px 20px 20px 20px; }
.top-btn { display: flex; margin-bottom: 20px; zoom: 1; }
.top-btn .green-btn, .top-btn .blue-btn, .top-btn .default-btn { margin-right: 10px; }
.default-select { padding-left: 8px; padding-right: 8px; text-align: left; float: left; height: 36px; line-height: 36px; background: #fff; color: #666; font-size: 14px; vertical-align: middle; margin-right: 10px; border: 1px solid #d6d6d6;}
.import-excel { position: relative; }
.file-btn { cursor: pointer; overflow: hidden; display: block; position: relative; }
.file-excel { position: absolute; left: 0; top: 0; z-index: 10; display: block; width: 100%; height: 100%; font-size: 60px; opacity: 0; filter: alpha(opacity=0); cursor: pointer; }
.top-btn label { line-height: 38px; color: #777; display: inline-block; }
.form-top-btn { padding-bottom: 10px; overflow: hidden; zoom: 1; }
.form-top-btn .default-btn, .form-top-btn .blue-btn, .form-top-btn .red-btn, .form-top-btn .green-btn { margin-right: 4px; font-size: 14px; padding: 0 12px; line-height: 28px; color: #666; }
.form-top-btn .green-btn { color: #fff; }
.form-top-btn .blue-btn { color: #fff; }
.form-top-btn .red-btn { color: #fff; }
.form-top-btn .default-select { padding-left: 10px; width: 110px; text-align: left; float: left; height: 30px; line-height: 30px; background: #fff; border: 1px solid #d6d6d6; color: #666; vertical-align: middle; margin-right: 4px; }
.form-top-btn .input-group { margin-left: 4px; float: left; line-height: 30px; }
.input-time-group { padding-right: 14px; float: left; }
.input-time { width: 100px; border: 1px solid #d6d6d6; text-align: center; padding-left: 0px; }
.input-time-group span { float: left; height: 38px; line-height: 38px; margin: 0 4px; }
.input-time-group .input-time:last-child { background-color: #fafafa; }
.tabs { height: 42px; margin-top: 10px; background: #f5f5f5; border: 1px solid #d6d6d6; border-bottom: 2px solid #189BE6; position: relative; bottom: -1px; }
.tabs ul { font-size: 16px; overflow: hidden; zoom: 1; }
.tabs li { float: left; }
.tabs a { line-height: 42px; color: #999; padding: 0 22px; border-right: 1px solid #d6d6d6; display: block; overflow: hidden; }
.tabs li.active a { background: #fff; color: #222; }
.welcome-entry { padding-top: 4px; overflow: hidden; zoom: 1; }
.welcome-entry a { color: #1890D5; float: left; margin-right: 16px; }
.welcome-entry a:hover { text-decoration: underline; }
.show-infos { background: #fff; display: block; padding: 10px; border: 1px solid #d6d6d6; }
.show-infos p { color: #555; line-height: 28px; }
.show-infos p a { color: #189BE6; }
.show-infos p a.on { color: #ff1a1a; font-weight: bold; }
.export-wrap ul { padding-top: 10px; }
.export-wrap li { background: #fff; border: 1px solid #d6d6d6; display: block; float: left; margin-right: 10px; }
.export-wrap li a { color: #189BE6; display: block; width: 100%; height: 100%; padding: 5px 14px; }
#ajax-tip { margin: 0 20px 20px; text-align: center; background: #d9edf7; border: 1px solid #c0e7f9; padding: 20px 0; }
#ajax-tip-loading { padding-bottom: 5px; }
#ajax-tip-infos { padding-bottom: 10px; }
#ajax-tip-infos strong { color: #f33; font-size: 18px; }
#ajax-tip-error { color: #f33; }

/* Copyright: */
.copyright { display: table; width: 100%; line-height: 40px; font-size: 12px; text-align: center; color: #777; }
.copyright div { display: table-cell; line-height: 40px; background: #f0f1f2; width: 189px; border-right: solid 1px #e3e4e4; }
.copyright p { display: table-cell; margin-left: 190px; }
.smallimg { width: 50px; height: 35px; }
.small-img { width: 35px; height: 35px; }

#batchBox{margin-right: 4px;}
#batchBox .batchBox select{line-height: 30px;height: 30px;color:#666;border:1px solid #d6d6d6;}

select.default-select{height: 38px;line-height: 38px;}
.form-group{margin-bottom: 0;}
.list-group-item{padding: 0;border:none;margin-bottom: 0;}
.list-group{margin-bottom: 0;}
.help-block{margin-top: 0; line-height: 34px;}
.input-label, .select2{float: left;}