* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { -ms-touch-action: none; height: 100%; margin: 0; padding: 0; }
body { position: relative; margin: 0; padding: 0; border: none; background: #eee; background-size: cover; font-family: "Microsoft YaHei", 微软雅黑, "Microsoft JhengHei", 华文细黑, STHeiti, MingLiu; }
body,ul,li,h1,h2,h3,p { padding: 0; margin: 0; border: 0; }
ul,li,ol { list-style: none; }

button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner {
 padding: 0;
 border: 0;
}
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
 height: auto;
}
input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}
fieldset { padding: .35em .625em .75em; margin: 0 2px; border: 1px solid #c0c0c0; }
legend { padding: 0; border: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }

a{ background-color: transparent; text-decoration:none; }
a:active, a:hover { outline: 0; }
a { color: #428bca; text-decoration: none; }
a:hover, a:focus { color: #2a6496; text-decoration: underline; }
a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
/*表单*/
input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; }
input[type="file"] { display: block; }
input[type="range"] { display: block; width: 100%; }
select[multiple], select[size] { height: auto; }
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857143; color: #555; }
.form-control { display: block; width: 100%; height: 34px; padding: 7px 12px 6px; font-size: 14px;/* line-height: 1.42857143; */color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); }
.form-control::-moz-placeholder {
 color: #999;
 opacity: 1;
}
.form-control:-ms-input-placeholder {
 color: #999;
}
.form-control::-webkit-input-placeholder {
 color: #999;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: #eee; opacity: 1; }
textarea.form-control { height: auto; }
input[type="search"] { -webkit-appearance: none; }
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { line-height: 34px; line-height: 1.42857143 \0; }
input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm { line-height: 30px; line-height: 1.5 \0; }
input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg { line-height: 46px; line-height: 1.33 \0; }
_:-ms-fullscreen, :root input[type="date"], _:-ms-fullscreen, :root input[type="time"], _:-ms-fullscreen, :root input[type="datetime-local"], _:-ms-fullscreen, :root input[type="month"] {
 line-height: 1.42857143;
}
_:-ms-fullscreen.input-sm, :root input[type="date"].input-sm, _:-ms-fullscreen.input-sm, :root input[type="time"].input-sm, _:-ms-fullscreen.input-sm, :root input[type="datetime-local"].input-sm, _:-ms-fullscreen.input-sm, :root input[type="month"].input-sm {
 line-height: 1.5;
}
_:-ms-fullscreen.input-lg, :root input[type="date"].input-lg, _:-ms-fullscreen.input-lg, :root input[type="time"].input-lg, _:-ms-fullscreen.input-lg, :root input[type="datetime-local"].input-lg, _:-ms-fullscreen.input-lg, :root input[type="month"].input-lg {
 line-height: 1.33;
}
.form-group { margin-bottom: 15px; }
.radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; }
.radio label, .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; }
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-top: 4px \9; margin-left: -20px; }
.radio + .radio, .checkbox + .checkbox { margin-top: -5px; }
.radio-inline, .checkbox-inline { display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: normal; vertical-align: middle; cursor: pointer; }
.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; }
input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; }
.radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline { cursor: not-allowed; }
.radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label { cursor: not-allowed; }
.form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; }
.form-control-static.input-lg, .form-control-static.input-sm { padding-right: 0; padding-left: 0; }
.input-sm, .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }
select.input-sm, select.form-group-sm .form-control { height: 30px; line-height: 30px; }
textarea.input-sm, textarea.form-group-sm .form-control, select[multiple].input-sm, select[multiple].form-group-sm .form-control { height: auto; }
.input-lg, .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; }
select.input-lg, select.form-group-lg .form-control { height: 46px; line-height: 46px; }
textarea.input-lg, textarea.form-group-lg .form-control, select[multiple].input-lg, select[multiple].form-group-lg .form-control { height: auto; }

.btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; }
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.btn:hover, .btn:focus, .btn.focus { color: #333; text-decoration: none; }
.btn:active, .btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); }
.btn.disabled, .btn[disabled], fieldset[disabled] .btn { pointer-events: none; cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65; }
.btn-default { color: #333; background-color: #fff; border-color: #ccc; }
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #333; background-color: #e6e6e6; border-color: #adadad; }
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none; }
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #fff; border-color: #ccc; }
.btn-default .badge { color: #fff; background-color: #333; }
.btn-primary { color: #fff; background-color: #428bca; border-color: #357ebd; }
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #3071a9; border-color: #285e8e; }
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none; }
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #428bca; border-color: #357ebd; }
.btn-primary .badge { color: #428bca; background-color: #fff; }
.btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; }
.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #fff; background-color: #449d44; border-color: #398439; }
.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background-image: none; }
.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #4cae4c; }
.btn-success .badge { color: #5cb85c; background-color: #fff; }
.btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; }
.btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: #fff; background-color: #31b0d5; border-color: #269abc; }
.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { background-image: none; }
.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color: #46b8da; }
.btn-info .badge { color: #5bc0de; background-color: #fff; }
.btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; }
.btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: #fff; background-color: #ec971f; border-color: #d58512; }
.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { background-image: none; }
.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; border-color: #eea236; }
.btn-warning .badge { color: #f0ad4e; background-color: #fff; }
.btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; }
.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: #fff; background-color: #c9302c; border-color: #ac2925; }
.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { background-image: none; }
.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d43f3a; }
.btn-danger .badge { color: #d9534f; background-color: #fff; }
.btn-link { font-weight: normal; color: #428bca; border-radius: 0; }
.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; }
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; }
.btn-link:hover, .btn-link:focus { color: #2a6496; text-decoration: underline; background-color: transparent; }
.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #777; text-decoration: none; }
.btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; }
.btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }
.btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; }
.btn-block { display: block; width: 100%; }
.btn-block + .btn-block { margin-top: 5px; }
input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; }

.btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; }
.btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; }
.btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { z-index: 2; }
.btn-group > .btn:focus, .btn-group-vertical > .btn:focus { outline: 0; }
.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; }
.btn-toolbar { margin-left: -5px; }
.btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; }
.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; }
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; }
.btn-group > .btn:first-child { margin-left: 0; }
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.btn-group > .btn-group { float: left; }
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; }
.btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.btn-group > .btn-group:last-child > .btn:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; }
.btn-group > .btn + .dropdown-toggle { padding-right: 8px; padding-left: 8px; }
.btn-group > .btn-lg + .dropdown-toggle { padding-right: 12px; padding-left: 12px; }
.btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); }
.btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; }
.btn .caret { margin-left: 0; }
.btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0; }
.dropup .btn-lg .caret { border-width: 0 5px 5px; }
.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; }
.btn-group-vertical > .btn-group > .btn { float: none; }
.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; }
.btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; }
.btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.btn-group-vertical > .btn:last-child:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 4px; }
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; }
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-top-right-radius: 0; }
.btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; }
.btn-group-justified > .btn, .btn-group-justified > .btn-group { display: table-cell; float: none; width: 1%; }
.btn-group-justified > .btn-group .btn { width: 100%; }
.btn-group-justified > .btn-group .dropdown-menu { left: auto; }
[data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; }
.input-group { position: relative; display: table; border-collapse: separate; }
.input-group[class*="col-"] { float: none; padding-right: 0; padding-left: 0; }
.input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; }
.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; }
select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { height: 46px; line-height: 46px; }
textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn { height: auto; }
.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }
select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { height: 30px; line-height: 30px; }
textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn { height: auto; }
.input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; }
.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; }
.input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; }
.input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px; }
.input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 3px; }
.input-group-addon.input-lg { padding: 10px 16px; font-size: 18px; border-radius: 6px; }
.input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; }
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.input-group-addon:first-child { border-right: 0; }
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.input-group-addon:last-child { border-left: 0; }
.input-group-btn { position: relative; font-size: 0; white-space: nowrap; }
.input-group-btn > .btn { position: relative; }
.input-group-btn > .btn + .btn { margin-left: -1px; }
.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; }
.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; }
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { margin-left: -1px; }


.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger { text-shadow: 0 -1px 0 rgba(0,0,0,.2); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075) }
.btn-default:active, .btn-primary:active, .btn-success:active, .btn-info:active, .btn-warning:active, .btn-danger:active, .btn-default.active, .btn-primary.active, .btn-success.active, .btn-info.active, .btn-warning.active, .btn-danger.active { -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125) }
.btn-default .badge, .btn-primary .badge, .btn-success .badge, .btn-info .badge, .btn-warning .badge, .btn-danger .badge { text-shadow: none }
.btn:active, .btn.active { background-image: none }
.btn-default { text-shadow: 0 1px 0 #fff; background-image: -webkit-linear-gradient(top, #fff 0, #e0e0e0 100%); background-image: -o-linear-gradient(top, #fff 0, #e0e0e0 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0)); background-image: linear-gradient(to bottom, #fff 0, #e0e0e0 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
background-repeat: repeat-x; border-color: #dbdbdb; border-color: #ccc }
.btn-default:hover, .btn-default:focus { background-color: #e0e0e0; background-position: 0 -15px }
.btn-default:active, .btn-default.active { background-color: #e0e0e0; border-color: #dbdbdb }
.btn-default:disabled, .btn-default[disabled] { background-color: #e0e0e0; background-image: none }
.btn-primary { background-image: -webkit-linear-gradient(top, #428bca 0, #2d6ca2 100%); background-image: -o-linear-gradient(top, #428bca 0, #2d6ca2 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#428bca), to(#2d6ca2)); background-image: linear-gradient(to bottom, #428bca 0, #2d6ca2 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0);
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
background-repeat: repeat-x; border-color: #2b669a }
.btn-primary:hover, .btn-primary:focus { background-color: #2d6ca2; background-position: 0 -15px }
.btn-primary:active, .btn-primary.active { background-color: #2d6ca2; border-color: #2b669a }
.btn-primary:disabled, .btn-primary[disabled] { background-color: #2d6ca2; background-image: none }
.btn-success { background-image: -webkit-linear-gradient(top, #5cb85c 0, #419641 100%); background-image: -o-linear-gradient(top, #5cb85c 0, #419641 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641)); background-image: linear-gradient(to bottom, #5cb85c 0, #419641 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
background-repeat: repeat-x; border-color: #3e8f3e }
.btn-success:hover, .btn-success:focus { background-color: #419641; background-position: 0 -15px }
.btn-success:active, .btn-success.active { background-color: #419641; border-color: #3e8f3e }
.btn-success:disabled, .btn-success[disabled] { background-color: #419641; background-image: none }
.btn-info { background-image: -webkit-linear-gradient(top, #5bc0de 0, #2aabd2 100%); background-image: -o-linear-gradient(top, #5bc0de 0, #2aabd2 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2)); background-image: linear-gradient(to bottom, #5bc0de 0, #2aabd2 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
background-repeat: repeat-x; border-color: #28a4c9 }
.btn-info:hover, .btn-info:focus { background-color: #2aabd2; background-position: 0 -15px }
.btn-info:active, .btn-info.active { background-color: #2aabd2; border-color: #28a4c9 }
.btn-info:disabled, .btn-info[disabled] { background-color: #2aabd2; background-image: none }
.btn-warning { background-image: -webkit-linear-gradient(top, #f0ad4e 0, #eb9316 100%); background-image: -o-linear-gradient(top, #f0ad4e 0, #eb9316 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316)); background-image: linear-gradient(to bottom, #f0ad4e 0, #eb9316 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
background-repeat: repeat-x; border-color: #e38d13 }
.btn-warning:hover, .btn-warning:focus { background-color: #eb9316; background-position: 0 -15px }
.btn-warning:active, .btn-warning.active { background-color: #eb9316; border-color: #e38d13 }
.btn-warning:disabled, .btn-warning[disabled] { background-color: #eb9316; background-image: none }
.btn-danger { background-image: -webkit-linear-gradient(top, #d9534f 0, #c12e2a 100%); background-image: -o-linear-gradient(top, #d9534f 0, #c12e2a 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a)); background-image: linear-gradient(to bottom, #d9534f 0, #c12e2a 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
background-repeat: repeat-x; border-color: #b92c28 }
.btn-danger:hover, .btn-danger:focus { background-color: #c12e2a; background-position: 0 -15px }
.btn-danger:active, .btn-danger.active { background-color: #c12e2a; border-color: #b92c28 }
.btn-danger:disabled, .btn-danger[disabled] { background-color: #c12e2a; background-image: none }
.thumbnail, .img-thumbnail { -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075); box-shadow: 0 1px 2px rgba(0,0,0,.075) }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #e8e8e8; background-image: -webkit-linear-gradient(top, #f5f5f5 0, #e8e8e8 100%); background-image: -o-linear-gradient(top, #f5f5f5 0, #e8e8e8 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8)); background-image: linear-gradient(to bottom, #f5f5f5 0, #e8e8e8 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
background-repeat: repeat-x }
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { background-color: #357ebd; background-image: -webkit-linear-gradient(top, #428bca 0, #357ebd 100%); background-image: -o-linear-gradient(top, #428bca 0, #357ebd 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#428bca), to(#357ebd)); background-image: linear-gradient(to bottom, #428bca 0, #357ebd 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
background-repeat: repeat-x }
.navbar-default { background-image: -webkit-linear-gradient(top, #fff 0, #f8f8f8 100%); background-image: -o-linear-gradient(top, #fff 0, #f8f8f8 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8)); background-image: linear-gradient(to bottom, #fff 0, #f8f8f8 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
background-repeat: repeat-x; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075); box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075) }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.active>a { background-image: -webkit-linear-gradient(top, #dbdbdb 0, #e2e2e2 100%); background-image: -o-linear-gradient(top, #dbdbdb 0, #e2e2e2 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#e2e2e2)); background-image: linear-gradient(to bottom, #dbdbdb 0, #e2e2e2 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);
background-repeat: repeat-x; -webkit-box-shadow: inset 0 3px 9px rgba(0,0,0,.075); box-shadow: inset 0 3px 9px rgba(0,0,0,.075) }
.navbar-brand, .navbar-nav>li>a { text-shadow: 0 1px 0 rgba(255,255,255,.25) }
.navbar-inverse { background-image: -webkit-linear-gradient(top, #3c3c3c 0, #222 100%); background-image: -o-linear-gradient(top, #3c3c3c 0, #222 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#222)); background-image: linear-gradient(to bottom, #3c3c3c 0, #222 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
background-repeat: repeat-x }
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.active>a { background-image: -webkit-linear-gradient(top, #080808 0, #0f0f0f 100%); background-image: -o-linear-gradient(top, #080808 0, #0f0f0f 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#080808), to(#0f0f0f)); background-image: linear-gradient(to bottom, #080808 0, #0f0f0f 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);
background-repeat: repeat-x; -webkit-box-shadow: inset 0 3px 9px rgba(0,0,0,.25); box-shadow: inset 0 3px 9px rgba(0,0,0,.25) }
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a { text-shadow: 0 -1px 0 rgba(0,0,0,.25) }
.navbar-static-top, .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0 }
.alert { text-shadow: 0 1px 0 rgba(255,255,255,.2); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 2px rgba(0,0,0,.05) }
.alert-success { background-image: -webkit-linear-gradient(top, #dff0d8 0, #c8e5bc 100%); background-image: -o-linear-gradient(top, #dff0d8 0, #c8e5bc 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc)); background-image: linear-gradient(to bottom, #dff0d8 0, #c8e5bc 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
background-repeat: repeat-x; border-color: #b2dba1 }
.alert-info { background-image: -webkit-linear-gradient(top, #d9edf7 0, #b9def0 100%); background-image: -o-linear-gradient(top, #d9edf7 0, #b9def0 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0)); background-image: linear-gradient(to bottom, #d9edf7 0, #b9def0 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
background-repeat: repeat-x; border-color: #9acfea }
.alert-warning { background-image: -webkit-linear-gradient(top, #fcf8e3 0, #f8efc0 100%); background-image: -o-linear-gradient(top, #fcf8e3 0, #f8efc0 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0)); background-image: linear-gradient(to bottom, #fcf8e3 0, #f8efc0 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
background-repeat: repeat-x; border-color: #f5e79e }
.alert-danger { background-image: -webkit-linear-gradient(top, #f2dede 0, #e7c3c3 100%); background-image: -o-linear-gradient(top, #f2dede 0, #e7c3c3 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3)); background-image: linear-gradient(to bottom, #f2dede 0, #e7c3c3 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
background-repeat: repeat-x; border-color: #dca7a7 }
.progress { background-image: -webkit-linear-gradient(top, #ebebeb 0, #f5f5f5 100%); background-image: -o-linear-gradient(top, #ebebeb 0, #f5f5f5 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f5f5f5)); background-image: linear-gradient(to bottom, #ebebeb 0, #f5f5f5 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
background-repeat: repeat-x }
.progress-bar { background-image: -webkit-linear-gradient(top, #428bca 0, #3071a9 100%); background-image: -o-linear-gradient(top, #428bca 0, #3071a9 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#428bca), to(#3071a9)); background-image: linear-gradient(to bottom, #428bca 0, #3071a9 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0);
background-repeat: repeat-x }
.progress-bar-success { background-image: -webkit-linear-gradient(top, #5cb85c 0, #449d44 100%); background-image: -o-linear-gradient(top, #5cb85c 0, #449d44 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#449d44)); background-image: linear-gradient(to bottom, #5cb85c 0, #449d44 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
background-repeat: repeat-x }
.progress-bar-info { background-image: -webkit-linear-gradient(top, #5bc0de 0, #31b0d5 100%); background-image: -o-linear-gradient(top, #5bc0de 0, #31b0d5 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#31b0d5)); background-image: linear-gradient(to bottom, #5bc0de 0, #31b0d5 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
background-repeat: repeat-x }
.progress-bar-warning { background-image: -webkit-linear-gradient(top, #f0ad4e 0, #ec971f 100%); background-image: -o-linear-gradient(top, #f0ad4e 0, #ec971f 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#ec971f)); background-image: linear-gradient(to bottom, #f0ad4e 0, #ec971f 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
background-repeat: repeat-x }
.progress-bar-danger { background-image: -webkit-linear-gradient(top, #d9534f 0, #c9302c 100%); background-image: -o-linear-gradient(top, #d9534f 0, #c9302c 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c9302c)); background-image: linear-gradient(to bottom, #d9534f 0, #c9302c 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
background-repeat: repeat-x }
.progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent) }
.list-group { border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075); box-shadow: 0 1px 2px rgba(0,0,0,.075) }
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { text-shadow: 0 -1px 0 #3071a9; background-image: -webkit-linear-gradient(top, #428bca 0, #3278b3 100%); background-image: -o-linear-gradient(top, #428bca 0, #3278b3 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#428bca), to(#3278b3)); background-image: linear-gradient(to bottom, #428bca 0, #3278b3 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3278b3', GradientType=0);
background-repeat: repeat-x; border-color: #3278b3 }
.list-group-item.active .badge, .list-group-item.active:hover .badge, .list-group-item.active:focus .badge { text-shadow: none }
.panel { -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05); box-shadow: 0 1px 2px rgba(0,0,0,.05) }
.panel-default>.panel-heading { background-image: -webkit-linear-gradient(top, #f5f5f5 0, #e8e8e8 100%); background-image: -o-linear-gradient(top, #f5f5f5 0, #e8e8e8 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8)); background-image: linear-gradient(to bottom, #f5f5f5 0, #e8e8e8 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
background-repeat: repeat-x }
.panel-primary>.panel-heading { background-image: -webkit-linear-gradient(top, #428bca 0, #357ebd 100%); background-image: -o-linear-gradient(top, #428bca 0, #357ebd 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#428bca), to(#357ebd)); background-image: linear-gradient(to bottom, #428bca 0, #357ebd 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
background-repeat: repeat-x }
.panel-success>.panel-heading { background-image: -webkit-linear-gradient(top, #dff0d8 0, #d0e9c6 100%); background-image: -o-linear-gradient(top, #dff0d8 0, #d0e9c6 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6)); background-image: linear-gradient(to bottom, #dff0d8 0, #d0e9c6 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
background-repeat: repeat-x }
.panel-info>.panel-heading { background-image: -webkit-linear-gradient(top, #d9edf7 0, #c4e3f3 100%); background-image: -o-linear-gradient(top, #d9edf7 0, #c4e3f3 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3)); background-image: linear-gradient(to bottom, #d9edf7 0, #c4e3f3 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
background-repeat: repeat-x }
.panel-warning>.panel-heading { background-image: -webkit-linear-gradient(top, #fcf8e3 0, #faf2cc 100%); background-image: -o-linear-gradient(top, #fcf8e3 0, #faf2cc 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#faf2cc)); background-image: linear-gradient(to bottom, #fcf8e3 0, #faf2cc 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
background-repeat: repeat-x }
.panel-danger>.panel-heading { background-image: -webkit-linear-gradient(top, #f2dede 0, #ebcccc 100%); background-image: -o-linear-gradient(top, #f2dede 0, #ebcccc 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#ebcccc)); background-image: linear-gradient(to bottom, #f2dede 0, #ebcccc 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
background-repeat: repeat-x }
.well { background-image: -webkit-linear-gradient(top, #e8e8e8 0, #f5f5f5 100%); background-image: -o-linear-gradient(top, #e8e8e8 0, #f5f5f5 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#f5f5f5)); background-image: linear-gradient(to bottom, #e8e8e8 0, #f5f5f5 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
background-repeat: repeat-x; border-color: #dcdcdc; -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1); box-shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1) }





.clearfix:after,
.lin-list li a:before,
.lin-list li a:after,
.lin-list-l li a:before,
.lin-list-l li a:after,
#header:before,
#header:after,
#footer:before,
#footer:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
/*loader*/
.loader { display:none; z-index: 99999; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); }
.loader .loader-spinner { position: fixed; left: 50%; top: 50%; margin: -30px 0 0 -100px; width:200px; }
.loader .loader-txt { text-align:center; color:#fff; font-size:14px; height:20px; line-height:20px; margin-top:10px; }
.spinner { margin: auto; width: 40px; height: 40px; position: relative; }
.container1 > div,
.container2 > div,
.container3 > div { width: 10px; height: 10px; background-color: #fff; border-radius: 100%; position: absolute; -webkit-animation: bouncedelay 1.2s infinite ease-in-out; animation: bouncedelay 1.2s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.spinner .spinner-container { position: absolute; width: 100%; height: 100%; }
.container2 { -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); }
.container3 { -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg); }
.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }
.container2 .circle1 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
.container3 .circle1 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }
.container1 .circle2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
.container2 .circle2 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
.container3 .circle2 { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; }
.container1 .circle3 { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }
.container2 .circle3 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; }
.container3 .circle3 { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; }
.container1 .circle4 { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; }
.container2 .circle4 { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; }
.container3 .circle4 { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; }
 @-webkit-keyframes bouncedelay {
 0%, 80%, 100% {
-webkit-transform: scale(0.0)
}
 40% {
-webkit-transform: scale(1.0)
}
}
 @keyframes bouncedelay {
 0%, 80%, 100% {
 transform: scale(0.0);
 -webkit-transform: scale(0.0);
}
40% {
 transform: scale(1.0);
 -webkit-transform: scale(1.0);
}
}

.lin-tips {position:fixed; left:0; bottom:100px; width:100%; z-index:9999999999;text-align:center;  }
.lin-tips div{ display:inline-block; background:rgba(0,0,0,0.5); padding:5px 10px; border-radius:5px; color:#fff; text-align:center; }

#pullDown,
#pullUp { font-size: 14px; color: #888; text-align:center; white-space:nowrap; overflow:hidden; z-index:0; width:100%; height:60px; left:0; }
#pullDown { position:absolute; top:0px; }
#pullUp { position:relative; bottom:0px;}
#pullDown .pullDownIcon,
#pullUp .pullUpIcon {display: inline-block; width:20px; height:20px; font-size:20px; line-height:20px; text-align:center;-webkit-transition-property: -webkit-transform;-webkit-transition-duration: 250ms; margin-top:10px;}
.pullUpCove{ height:60px; z-index:0;}


/*头部*/
#header { position: fixed; z-index: 999; top: 0; left: 0; width: 100%; height: 44px; line-height: 44px; background: #a1c541; }
#header .header{ height:44px; }
#header .logo { padding:4px 15px 0; line-height:1em; text-align: center;}
#header .logo img{ width:auto; height:36px; margin-right: 10px; vertical-align: top;}
#header .header .header-title{ margin: 0 50px; line-height:44px; height:44px; text-align: center; color:#fff; font-size:20px; color:#fff; font-weight:normal; overflow: hidden;}
#header .header .header-title a{ color:#fff; text-decoration: none; line-height:44px; }
#header .header .header-title .logo { display: inline-block; margin: 4px 0 0; padding: 0; height: 40px; line-height:0;vertical-align: top;}
#header .header .header-title .logo img{ width:auto; width: 132px; height:36px; margin: 0; vertical-align: top;}


#header h1{ margin:0; font-size:20px; color:#fff; line-height:44px; font-weight:normal; display: inline;}
#header h1 a,
#header h1 a:hover{ color:#fff; }
#header .top-button{ position:absolute; top:0; display:block; width:48px; height:44px; line-height:44px; text-align:center; text-decoration:none; font-size:16px; color:#fff; cursor:pointer;}
#header .top-button:active{ background-color:#72a220}
#header .top-l{ left:0;}
#header .top-r{ right:0;}

.header-cate{ position:relative; background:#f8f8f8; height:44px; line-height:44px; white-space:nowrap; overflow:hidden; font-size:16px; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2); box-shadow: 0 1px 1px rgba(0,0,0,.2); }
.header-cate .header-cate-inner { margin:0; }
.header-cate .nav-l,
.header-cate .nav-r{ display:none; z-index:10; top:18px; border-left:1px solid #bbb; border-bottom:1px solid #bbb; position:absolute; height:7px; width:7px; overflow:hidden;}
.header-cate .nav-l{ left:10px;-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg); }
.header-cate .nav-r{ right:54px; -moz-transform: rotate(225deg);-o-transform: rotate(225deg);-webkit-transform: rotate(225deg);transform: rotate(225deg); }
.header-cate .nav-m { display:none; z-index:10; right:0px; top:0px; width:44px; height:44px; position:absolute; border-left:1px solid #eee; text-align:center;}
.header-cate .nav-m:active { background:#eee;}
.header-cate .nav-m-icon{ position:relative; margin:15px auto 0; display:block; border-left:2px solid #bbb; border-bottom:2px solid #bbb; height:9px; width:9px; overflow:hidden;-moz-transform: rotate(-45deg);	-o-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.header-cate .nav-m:active .nav-m-icon,
.header-cate .nav-m.active .nav-m-icon{ margin:18px auto 0;-moz-transform: rotate(-225deg);-o-transform: rotate(-225deg);-webkit-transform: rotate(-225deg);transform: rotate(-225deg);}

.header-cate .item{ float:left; width:16.666666666667%; white-space:nowrap; text-align:center; }
.header-cate .item a{ color:#888; height:44px; line-height:44px; padding:0 0px; display:block; }
.header-cate .item.active a{ color:#a1c541; border-bottom:3px solid #a1c541;}

.header-cate-more { background:#fff; box-shadow: 0px 2px 2px rgba(0,0,0,.3); display:none; }
.header-cate-more .item{ float:left; width:33.333%;}
.header-cate-more .item a{ display:block; text-decoration:none; height:50px; line-height:50px; text-align:center; padding:0 10px; font-size:16px; color:#333; background-color:#fefefe; border:1px solid #ddd; margin:-1px 0 0 -1px;}
.header-cate-more .item a:hover,
.header-cate-more .item a:active{ background-color:#eee;}

.header-cate .owl-carousel{ display:block }
.header-cate.owl-more .header-cate-inner{ margin:0 64px 0 20px;}
.header-cate.owl-more .nav-l,.header-cate.owl-more .nav-r,.header-cate.owl-more .nav-m { display:block;}


.lin-nav { position: fixed; z-index: 99; left: 0; right: 0; bottom: 0; height: 49px; border-top: 1px solid #ccc; background-color: #fafafa; color: #999; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; align-items: center; /*-webkit-box-shadow: 0px -5px 5px rgba(0,0,0,0.1); -moz-box-shadow: 0px -5px 5px rgba(0,0,0,0.1); box-shadow: 0px -5px 5px rgba(0,0,0,0.1);*/ }
.lin-nav .lin-nav-item { display: block; height: 49px; line-height: 49px; font-size: 18px; text-align: center; white-space: nowrap; text-overflow: ellipsis; background: none; border: none; color: #999; overflow: hidden; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.lin-nav .lin-nav-item.active { color: #a1c541; }
.lin-nav .lin-nav-item i { display: block; font-size: 18px; line-height:1.2em; margin-top:6px; }
.lin-nav .lin-nav-item span { display: block; font-size: 12px; line-height: 1.2em; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    .lin-nav { border-top: none; background-size: 100% 1px; background-repeat: no-repeat; background-position: top; background-image: linear-gradient(180deg,#ccc,#ccc 50%,transparent 50%); }
}

.footer {position: fixed; z-index: 970; bottom: 0; left:0; width: 100%; height: 48px; background: #a1c541; background: #fafcf5; color:#888; border-top:1px solid #888;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.footer a.tabs{ -webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1; display:block; text-align:center; color:#fff; font-size:13px; line-height:1em; text-decoration:none; color:#888;}
.footer a.tabs.active,
.footer a.tabs:hover,
.footer a.tabs:active{color:#a1c541;}
.footer a.tabs i{margin-top:3px;font-size:24px;width:30px;height:22px; line-height:24px;overflow:hidden;}
#tabsmore{position:absolute; left:0; bottom:48px; width:100%; background-color:#fff; display:none;-moz-box-shadow: 0 -2px 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 -2px 3px rgba(0,0,0,.2); box-shadow: 0 -3px 2px rgba(0,0,0,.2);}
.home-btns div{ padding:0;margin:0 auto;}
.home-btns div .fa-home{ font-size:24px;}
.home-btns a,
.home-btns a:hover{ display:block; height:50px; line-height:50px; text-align:center; font-size:16px; margin-top:-1px; border:1px solid #fff;border-left:none; background-color:#a1c541; color:#fff; text-decoration:none;}
.home-btns a:active{background-color:#72a220;}
.home-btns div:nth-child(3n+0) a{ border-right:none; }




.owl-focus .owl-page{ z-index:999; position:absolute; bottom:0; right:0; padding:0 15px; line-height:40px; color:#fff; font-size:12px; }
.owl-focus .owl-page .owl-page-index{ font-size:18px; }
.owl-focus .item{ position:relative; background:#fff url(images/loading.gif) no-repeat center center;}
.owl-focus .item span{width: 100%; padding:0 60px 0 15px; height: 44px; line-height:44px; overflow:hidden; position: absolute; bottom: 0; left: 0; background: -webkit-gradient(linear,0 0,0 bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.75))); color: #fff; font-weight: 800; font-size: 16px;}




.lin-list {}
.lin-list li{ border-top:1px solid #ddd; background-color:#fff; position:relative; overflow:hidden;}
.lin-list li:first-child{ border-top:none; }
.lin-list li a{ display:block; background-color:#fff; padding: 10px; font-size:14px; line-height:20px; text-decoration:none; }
.lin-list li a:active{ background-color:#efefef; }
.lin-list li img{ vertical-align:middle; }
.lin-list li .pic{ float:right;margin-left: 10px; width: 33.333333333333%; background-color:#efefef; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden;}
.lin-list li .pic .pic-box{ overflow: hidden; height: 0; padding-bottom: 60%;}
.lin-list li .pic img{ width: 100%; height: auto; overflow: hidden;}
.lin-list li .txt{ font-size:18px; line-height:24px; font-weight:normal; color:#333;}
.lin-list li .txt .tit{ margin-bottom: 10px; max-height:3em; line-height:1.5em; overflow:hidden; font-size:18px; font-weight:normal; color:#333;}
.lin-list li .txt .desc{ max-height:1.5em; line-height:1.5em; overflow:hidden; font-size:13px; color:#888; }
.lin-list li .txt .date{ margin-top:5px; max-height:1.5em; line-height:1.5em; overflow:hidden; font-size:13px; color:#888; }
.lin-list li.morepic a{ padding-bottom:10px;}
.lin-list li.morepic .pics{ padding:0 5px; overflow:hidden;}
.lin-list li.morepic .pics .pic{ float:left; margin:0; overflow:hidden; width:33.333333333333%; background-color:transparent;}
.lin-list li.morepic .pics .pic div{ margin:0 5px; overflow:hidden; max-height:75px; min-height:75px; background-color:#ccc; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.lin-list li.morepic .pics .pic div img{ max-width:400px; width:100%; height:auto; display:none; }
.lin-list li.nopic .txt .tit,
.lin-list li.morepic .txt .tit{ max-height:28px; height:28px;}

.lin-list li.pic-1 .pics { overflow:hidden;}
.lin-list li.pic-1 .pics .pic{ float: left; margin:0; width: 100%; overflow:hidden; background-color:transparent;}
.lin-list li.pic-1 .pics .pic img{ width:100%; height:auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  }

.lin-list li.pic-3 .pics { overflow:hidden;}
.lin-list li.pic-3 .pics .pic{ float:left; margin:0; overflow:hidden; width: 33.333333333333%; background-color:transparent;-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.lin-list li.pic-3 .pics .pic:first-child{ -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; }
.lin-list li.pic-3 .pics .pic:last-child { -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; }
.lin-list li.pic-3 .pics .pic div{ margin:0 1px; height: 0; padding-bottom: 60%; overflow:hidden; background-color:#ccc; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.lin-list li.pic-3 .pics .pic div img{ width:100%; height:auto; display:none; }

.lin-list li.morepic .pics { overflow:hidden; padding: 0; }
.lin-list li.morepic .pics .pic{ float:left; margin:0;  overflow:hidden; width: 33.333333333333%; background-color:transparent;-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.lin-list li.morepic .pics .pic:first-child{ -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; }
.lin-list li.morepic .pics .pic:last-child { -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; }
.lin-list li.morepic .pics .pic div{ margin:0 1px; height: 0; padding-bottom: 60%; overflow:hidden; background-color:#ccc; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.lin-list li.morepic .pics .pic div img{ width:100%; height:auto; display:none; }

.lin-list.lin-list-w li{ background: #fff;}
.lin-list.lin-list-w li a{ background: #fff;}



.lin-list-live {}
.lin-list-live li{ border-top:1px solid #ddd; background-color:#fff; position:relative; overflow:hidden; margin-bottom:10px;}
.lin-list-live li:first-child{ border-top:none; }
.lin-list-live li a{ display:block; background-color:#fafafa; font-size:14px; line-height:20px; text-decoration:none; }
.lin-list-live li a:active{ background-color:#efefef; }
.lin-list-live li .pic{ background:#fff url(images/loading.gif) no-repeat center center;}
.lin-list-live li .pic img{ vertical-align:middle; width:100%; height:auto; min-height:180px; }
.lin-list-live li .live-label{ font-size:12px; float:left; width:18px; line-height:14px; padding:3px 0; background:#f00; text-align:center; color:#fff; margin:4px 10px 0 -10px; }
.lin-list-live li .live-label.status-5{ background:#d9534f; }
.lin-list-live li .live-label.status-2{ background:#5cb85c; }
.lin-list-live li .live-label.status-0{ background:#888888; }
.lin-list-live li .txt{ position:absolute; left:0; bottom:0; width:100%; padding:10px; font-size:18px; line-height:26px; font-weight:normal; color:#fff;background: -webkit-gradient(linear,0 0,0 bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.75)));}
.lin-list-live li .txt .tit{ max-height:24px; line-height:24px; overflow:hidden; font-size:18px; font-weight:normal; color:#fff;}
.lin-list-live li .txt .desc{ max-height:36px; line-height:18px; overflow:hidden; font-size:13px; color:#eee; }











.lin-page-news-detail { padding: 15px; background:#fff; }
#news-title { margin: 10px 0 0; font-weight: normal; font-size: 22px; line-height: 1.2; color: #111; }
#news-title-info { border-bottom: 1px solid #ccc; color: #888; padding: 5px 0 10px; margin-bottom: 20px; font-size: 12px; line-height: 1.6em; position: relative; }
#news-title-info .triangle { position: absolute; left: 30px; bottom: -6px; display: inline-block; width: 10px; height: 10px; overflow: hidden; background-color: #FDFDFD; border-top: 1px solid #ccc; border-right: 1px solid #ccc; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: bottom .06s ease-in-out; -moz-transition: bottom .06s ease-in-out; transition: bottom .06s ease-in-out; }
#news-body { font-size: 18px; line-height: 1.6em; color: #111; }
#news-body .news-lead { font-size: 14px; line-height: 1.5em; border: 1px solid #eee; background: #fafafa; padding: 10px; margin-bottom: 20px; color: #999;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;  }
#news-body .news-lead strong { margin: 0 6px 0 -10px; background: #999; color: #fff; font-weight: normal; text-shadow: none; padding: 1px 9px; -webkit-border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0; }
#news-body p {  font-weight: normal; font-size: 18px; line-height: 1.6em; margin: 0 0 20px; }
#news-body img { max-width: 100%; max-height: auto; height: auto; background:#efefef url(img/imgload.gif) no-repeat center center; }
.detail-news-list li { font-size: 16px; line-height: 24px; height: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-bottom: 1px solid #ddd; padding: 8px 0; background: url(images/dot_ico.png) no-repeat left -42px; padding-left: 10px; }
.news-deail-pn { padding: 15px 15px; line-height: 2em; color: #888; }
.news-deail-pn div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news-deail-pn a { text-decoration: none; }
.news-footer-bar{ margin-bottom: 15px;}
.news-tag{ float: left;}
.news-tag span{ float: left; margin: 2px 4px 2px 0; padding: 0 10px; display:block; line-height: 28px; height: 30px; overflow: hidden; text-decoration: none; background: #fff; border: 1px solid #a1c541; color: #a1c541; text-align: center; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius:15px; font-size: 14px; }
.news-editor{ float: right; color:#888;line-height: 34px; }

.qrcode-footer { margin-top:8px; padding:10px; background: #fff; text-align:center;}
.qrcode-footer img{ margin:auto; width:100%; max-width:800px; height:auto;}




#special-title { margin: 10px 0 0; font-weight: normal; font-size: 22px; line-height: 1.2; color: #111; }
#special-title-info { border-bottom: 1px solid #ccc; color: #888; padding: 5px 0 10px; margin-bottom: 20px; font-size: 12px; line-height: 1.6em; position: relative; }
#special-title-info .triangle { position: absolute; left: 30px; bottom: -6px; display: inline-block; width: 10px; height: 10px; overflow: hidden; background-color: #FDFDFD; border-top: 1px solid #ccc; border-right: 1px solid #ccc; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: bottom .06s ease-in-out; -moz-transition: bottom .06s ease-in-out; transition: bottom .06s ease-in-out; }
#special-body { text-align: justify; font-size: 16px; line-height: 1.6em; color: #111; }
#special-body .special-lead { font-size: 16px; line-height: 1.5em; border-bottom: 1px solid #ddd; padding: 0 0 10px; margin-bottom: 20px; color: #666; }
#special-body .special-lead strong { color: #666; background: #888; color: #fff; font-weight: normal; text-shadow: none; padding: 1px 4px; margin-right: 6px; }
#special-body p { text-align: justify; font-weight: normal; font-size: 16px; line-height: 1.6em; margin: 0 0 20px; }
#special-body img { max-width: 100%; max-height: 100%; }











.owl-brandlogo {overflow:hidden; position:relative; overflow: hidden; padding:10px 10px 0px; margin-top:1px; background-color:#d0e2a0;}
.owl-brandlogo .item { margin: 0; position: relative; overflow: hidden;}
.owl-brandlogo .item a{ display:block; padding:1px; margin:1px; background-color:#fff; text-decoration:none;}
.owl-brandlogo .item img { display:inline; max-width: 100%; height: auto; margin:auto; vertical-align:middle;}
.owl-brandlogo .item h3 { font-size: 14px; background-color:#333; color: #fff; line-height: 24px; height: 24px; margin-top:2px; text-align:center; width: 100%; }
.owl-brandlogo .item h3 span { display: block; padding: 0 5px 0 5px; }
.owl-brandlogo .owl-controls { margin-top: 10px; text-align: center; position: absolute; bottom: 0px; left:50%; margin-left:-43px; display:none;}
.owl-brandlogo .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */
margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; }
.owl-brandlogo .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; }
.owl-brandlogo .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */
}
.owl-brandlogo .owl-controls .owl-page span { display: block; width: 8px; height: 8px; margin: 5px 2px; filter: Alpha(Opacity=30);/*IE7 fix*/ opacity: 0.3; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #fff; }
.owl-brandlogo .owl-controls .owl-page.active span,
.owl-brandlogo .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; background: #fff; }
.owl-brandlogo .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.owl-brandlogo .owl-item.loading { min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center }




.brand-cate-list { padding:0 5px;}
.brand-cate-list li{ float:left; width:33.33334%; margin-bottom:10px;}
.brand-cate-list li a{ display:block; text-decoration:none; height:60px; line-height:60px; text-align:center; padding:0 0px; font-size:16px; color:#333; background-color:#fefefe; border:1px solid #ddd; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius:6px; margin:0 5px; overflow:hidden;}
.brand-cate-list li a:hover,
.brand-cate-list li a:active{ background-color:#eee;}


.brand-topimg { }
.brand-topimg img { width: 100%; }

.ibox { background:#fff; }
.ibox .hd { background-color: #aaa; }
.ibox .hd h2 { color: #fff; padding: 0 15px; height: 30px; line-height: 30px; font-size:18px; }
.ibox .bd { text-align: justify; font-size: 16px; line-height: 1.6em; color: #111; padding: 15px; }
.ibox .bd p { text-align: justify; font-weight: normal; font-size: 16px; line-height: 1.6em; margin: 0 0 20px; }
.ibox .bd img { max-width: 100%; max-height: 100%; }











.activity-banner { text-align:center; }
.activity-banner img { max-width: 100%; max-height: 100%; height:auto !important; vertical-align:middle; }

.activity-title{ margin:0; padding:0; font-size:22px; line-height:26px; height:52px; font-weight:bold; color:#f60;}
.activity-title span{ font-size:12px; display:inline-block; float:left; padding:5px 2px; width:18px; line-height:1.2em; font-weight:normal; margin-left:-15px; margin-right:10px; text-align:center; background:#f60; color:#fff;}

.activity-info{ font-size:16px; line-height:1.2em; color:#f60; margin-top:15px;}
.activity-info li{ padding:6px 0; margin-left:5em; text-indent:-5em;}

.activity-desc { font-size:16px; line-height: 1.8em;}
.activity-body-tit { background:#efefef; color:#f60; margin:20px 0 10px;; padding:10px 15px; text-align:center;}
.activity-body-tit h2{ font-size:18px; font-weight:bold;}
.activity-body p { font-weight: normal; font-size: 16px; line-height: 1.8em; margin: 0 0 20px; }
.activity-body img { max-width: 100%; max-height: 100%; height:auto !important; }

.activity-box{ margin-top:30px;}
.activity-box .hd { position:relative; background:#f60; color:#fff; height:40px; line-height:40px; }
.activity-box .hd h2{ margin:0; padding:0 15px;; font-size:18px; font-weight:bold; height:40px; line-height:40px; }
.activity-box .hd .tit-icon { position:absolute; left:0px; bottom:0;}
.activity-box .hd .tit-icon img{ height:40px; vertical-align:middle;}
.activity-box .hd .tit-text { position:absolute; right:15px; bottom:0;}
.activity-box .hd .tit-text img{ width:60px; height:auto; vertical-align:middle;}
.activity-box .bd { }
.activity-box .bd img{ width:100%; height:auto; }

.lin-list-activity { }
.lin-list-activity li{ margin:15px; border:1px solid #ccc; background-color:#fafafa; position:relative;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;/*-moz-box-shadow: 0 1px 2px rgba(0,0,0,.3); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3); box-shadow: 0 1px 2px rgba(0,0,0,.3);*/ overflow:hidden;}
.lin-list-activity li a{ display:block; background-color:#fff; font-size:14px; line-height:20px; text-decoration:none; }
.lin-list-activity li a:active{ background-color:#efefef; }
.lin-list-activity li .pic{ position:relative; overflow:hidden; background-color:#efefef; overflow:hidden; border:1px solid #fff;; }
.lin-list-activity li .pic img{width:100%; max-width:100%; height:auto; background:#efefef url(images/loading.gif) no-repeat center center; animation: bigimg 8s linear alternate infinite; -moz-animation: bigimg 8s linear alternate infinite;-webkit-animation: bigimg 8s linear alternate infinite;-o-animation: bigimg 8s linear alternate infinite;}
.lin-list-activity li .cate{position:absolute; left:0; bottom:0; width:100%; padding:0 10px; height:24px; line-height:24px; background:rgba(0,0,0,.65); color:#fff; font-size:14px; }
.lin-list-activity li .city{display:inline-block; padding:0 5px; margin-right:5px; height:24px; line-height:24px; background:#F90; color:#fff; }
.lin-list-activity li .txt{ padding:15px; }
.lin-list-activity li .tit{ text-align:center; padding:20px 15px; font-weight:bold; line-height:20px; overflow:hidden; font-size:20px; font-weight:bold; color:#333;}
.lin-list-activity li .txt .desc{ line-height:22px; overflow:hidden; font-size:14px; color:#666; }
.lin-list-activity li .txt .tag{ margin-top:5px;}
.lin-list-activity li .btns { background:#f60; color:#fff; text-align:center; height:50px; line-height:50px; font-size:18px; font-weight:bold; display:block; }
.lin-list-activity li.morepic a{ padding-bottom:10px;}
.lin-list-activity li.morepic div.row{padding:0 20px; overflow:hidden;}
.lin-list-activity li.morepic div.col-xs-4{padding:0 5px; max-height:150px; overflow:hidden;}
.lin-list-activity li.morepic img{max-width:400px; width:100%; height:auto;}

@keyframes bigimg {
    from{ transform: scale(1);}
    to{ transform: scale(1.2);}
}
@-webkit-keyframes bigimg {
    from{ transform: scale(1);}
    to{ transform: scale(1.2);}
}
@-moz-keyframes bigimg {
    from{ transform: scale(1);}
    to{ transform: scale(1.2);}
}
@-o-keyframes bigimg {
    from{ transform: scale(1);}
    to{ transform: scale(1.2);}
}






.top-banner { position: relative;  text-align:center; }
.top-banner img { width: 100%; max-height: 100%; height:auto !important; vertical-align:middle; }
.top-title{ position: relative; text-align: center; margin:0; padding:0; font-size:28px; line-height:1.2em; font-weight:bold; color:#333333;}
.top-class{ position: relative; width: 100px; height: 100px; margin: -65px auto 10px; padding:20px 15px 0; line-height:100px; font-size:14px; font-weight:normal; text-align:center;  background:#fff; color:#007f41;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-moz-box-shadow: 0 -2px 10px rgba(0,0,0,.2); -webkit-box-shadow: 0 -2px 10px rgba(0,0,0,.2); box-shadow: 0 -2px 10px rgba(0,0,0,.2);}
.top-class:after{ content: " "; display: block; position: absolute; left: 50%; top: 10px; margin-left: -24px; width: 48px; height: 48px;

text-indent: -999999px; background-repeat: no-repeat;
background-image: url(http://t.baobei360.com/assets/css/images/icon_crown_48@1x.png);
background-image: -webkit-image-set(url(http://t.baobei360.com/assets/css/images/icon_crown_48@1x.png) 1x, url(http://t.baobei360.com/assets/css/images/icon_crown_48@2x.png) 2x);
}


.top-banner .top-title{ position:absolute; left: 0; right: 0; top: 40px; text-align: center; margin:0; padding:0 15px;; font-size:28px; line-height:1.2em; font-weight:bold; color:#fff;}
.top-info{ font-size:16px; line-height:1.2em; color:#627534; margin-top:15px;}
.top-info li{ padding:6px 0; margin-left:5em; text-indent:-5em;}

.top-desc { font-size:16px; line-height: 1.8em;}
.top-body-tit { background:#efefef; color:#627534; margin:20px 0 10px;; padding:10px 15px; text-align:center;}
.top-body-tit h2{ font-size:18px; font-weight:bold;}
.top-body p { font-weight: normal; font-size: 16px; line-height: 1.8em; margin: 0 0 20px; }
.top-body img { max-width: 100%; max-height: 100%; height:auto !important; }

.top-box{ margin-top:30px;}
.top-box .hd { position:relative; background:#627534; color:#fff; height:40px; line-height:40px; }
.top-box .hd h2{ margin:0; padding:0 15px;; font-size:18px; font-weight:bold; height:40px; line-height:40px; }
.top-box .hd .tit-icon { position:absolute; left:0px; bottom:0;}
.top-box .hd .tit-icon img{ height:40px; vertical-align:middle;}
.top-box .hd .tit-text { position:absolute; right:15px; bottom:0;}
.top-box .hd .tit-text img{ width:60px; height:auto; vertical-align:middle;}
.top-box .bd { }
.top-box .bd img{ width:100%; height:auto; }

.lin-list-top { }
.lin-list-top li{ margin:15px; border:1px solid #ccc; background-color:#fafafa; position:relative;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;/*-moz-box-shadow: 0 1px 2px rgba(0,0,0,.3); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3); box-shadow: 0 1px 2px rgba(0,0,0,.3);*/ overflow:hidden;}
.lin-list-top li a{ display:block; background-color:#fff; font-size:14px; line-height:20px; text-decoration:none; }
.lin-list-top li a:active{ background-color:#efefef; }
.lin-list-top li .pic{ position:relative; overflow:hidden; background-color:#efefef; overflow:hidden; border:1px solid #fff;; }
.lin-list-top li .pic img{width:100%; max-width:100%; height:auto; background:#efefef url(images/loading.gif) no-repeat center center; animation: bigimg 8s linear alternate infinite; -moz-animation: bigimg 8s linear alternate infinite;-webkit-animation: bigimg 8s linear alternate infinite;-o-animation: bigimg 8s linear alternate infinite;}
.lin-list-top li .cate{position:absolute; left:0; bottom:0; width:100%; padding:0 10px; height:24px; line-height:24px; background:rgba(0,0,0,.65); color:#fff; font-size:14px; }
.lin-list-top li .city{display:inline-block; padding:0 5px; margin-right:5px; height:24px; line-height:24px; background:#F90; color:#fff; }
.lin-list-top li .txt{ padding:15px; }
.lin-list-top li .tit{ text-align:center; padding:20px 15px; font-weight:bold; line-height:1.2em; overflow:hidden; font-size:20px; font-weight:bold; color:#333;}
.lin-list-top li .txt .desc{ line-height:22px; overflow:hidden; font-size:14px; color:#666; }
.lin-list-top li .txt .tag{ margin-top:5px;}
.lin-list-top li .btns { background:#f60; color:#fff; text-align:center; height:50px; line-height:50px; font-size:18px; font-weight:bold; display:block; }
.lin-list-top li.morepic a{ padding-bottom:10px;}
.lin-list-top li.morepic div.row{padding:0 20px; overflow:hidden;}
.lin-list-top li.morepic div.col-xs-4{padding:0 5px; max-height:150px; overflow:hidden;}
.lin-list-top li.morepic img{max-width:400px; width:100%; height:auto;}




#person-title { padding:5px 15px 0; font-size:16px; color:#888; text-align:center; }
#person-title h1{ margin: 10px 0 0; font-weight: normal; font-size: 22px; line-height: 1.2; color: #111;  }
#person-title-info { border-bottom: 1px solid #ccc; color: #888; padding:15px; margin-bottom: 20px; font-size: 14px; line-height: 1.6em; position: relative; }
#person-title-info .triangle { position: absolute; left: 30px; bottom: -6px; display: inline-block; width: 10px; height: 10px; overflow: hidden; background-color: #FDFDFD; border-top: 1px solid #ccc; border-right: 1px solid #ccc; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: bottom .06s ease-in-out; -moz-transition: bottom .06s ease-in-out; transition: bottom .06s ease-in-out; }
#person-title-info .brand_heart { position: absolute; left:0px; bottom: 0; display: inline-block; width: 30px; height: 30px; text-align:center; color:#a00; overflow: hidden; font-size:16px; opacity:0; font-size:28px; }



#person-body { text-align: justify; font-size: 16px; line-height: 1.6em; color: #111; }
#person-body .person-lead { font-size: 16px; line-height: 1.5em; border-bottom: 1px solid #ddd; padding: 0 0 10px; margin-bottom: 20px; color: #666; }
#person-body .person-lead strong { color: #666; background: #888; color: #fff; font-weight: normal; text-shadow: none; padding: 1px 4px; margin-right: 6px; }
#person-body .person-hd{ border-left:4px solid #333; font-weight:bold; color:#fff; background-color:#aaa; padding:0 10px; font-size:18px; height:30px; line-height:30px; font-weight:normal;}
#person-body .person-bd{ padding:15px 0;}
#person-body p { text-align: justify; font-weight: normal; font-size: 16px; line-height: 1.6em; margin: 0 0 20px;}
#person-body img { max-width: 100% !important; max-height: 100% !important; width:auto !important; height:auto !important; float:none !important; }


.person-honor{ padding:0 0 20px;}
.person-honor-tag li{ padding-left:26px; height:28px; line-height:28px; margin-left:16px; font-size:16px; position:relative;background:#e10000; -moz-border-radius: 5px;  -webkit-border-radius: 5px;border-radius:5px; }
.person-honor-tag li a{ color:#fff; }
.person-honor-tag li .icon-honor{ position:absolute; left:-24px; top:-12px; display:block; width:48px; height:48px; background:url(/assets/css/img/icon_honor.png) no-repeat left center; background-size:48px;}

.person-list{ padding:0 5px;}
.person-list li { overflow:hidden; margin-bottom:10px; padding:0 5px;}
.person-list li a{ text-decoration:none; overflow:hidden;}
.person-list li h3 { font-size:18px; line-height:24px; color:#333;}
.person-list li p { font-size:14px; height:40px; line-height:20px; overflow:hidden; color:#888 !important;}
.person-list li .thumb { display: block; padding: 4px; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out;transition: all .2s ease-in-out}
.person-list li .thumb>img,
.person-list li .thumb a>img {margin-right: auto; margin-left: auto; max-width:100%}
.person-list li a.thumb:hover,
.person-list li a.thumb:focus,
.person-list li a.thumb.active {border-color: #428bca}
.person-list li .thumb .caption { padding: 5px; color: #333}



.interview-list{ padding:0 5px;}
.interview-list li { overflow:hidden; margin-bottom:10px; padding:0 5px;}
.interview-list li a{ text-decoration:none; overflow:hidden; text-align:center;}
.interview-list li h3 { font-size:16px; color:#333; line-height:20px; height:20px; overflow:hidden;}
.interview-list li h3 em{ font-size:12px; background-color:#333; color:#fff; font-style:normal; padding:1px 3px; margin-right:5px;}
.interview-list li p { font-size:14px; height:40px; line-height:20px; overflow:hidden; color:#888 !important;}

.interview-list li .thumb { display: block; padding: 4px; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.interview-list li .thumb>img,
.interview-list li .thumb a>img {margin-right: auto; margin-left: auto; max-width:100%}
.interview-list li a.thumb:hover,
.interview-list li a.thumb:focus,
.interview-list li a.thumb.active {border-color: #428bca}
.interview-list li .thumb .caption { padding:8px 0px 0;color: #333;text-align:left;}

#interview-title { padding:5px 15px 0; font-size:16px; color:#888; }
#interview-title h1{ margin: 10px 0 0; font-weight: normal; font-size: 22px; line-height: 1.2; color: #111; }
#interview-title-info { border-bottom: 1px solid #ccc; color: #888; padding: 5px 0 5px; margin-bottom: 20px; font-size: 14px; line-height: 1.6em; position: relative; }
#interview-title-info .triangle { position: absolute; left: 30px; bottom: -6px; display: inline-block; width: 10px; height: 10px; overflow: hidden; background-color: #FDFDFD; border-top: 1px solid #ccc; border-right: 1px solid #ccc; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: bottom .06s ease-in-out; -moz-transition: bottom .06s ease-in-out; transition: bottom .06s ease-in-out; }
#interview-leads{ background-color:#efefef; padding:10px 15px; margin-bottom:20px; font-size:16px; line-height:1.5;}
#interview-leads h2{ font-size:18px; line-height:2; font-weight:bold;}
#interview-leads p{ font-size:16px; line-height:1.5;}


#interview-body { text-align: justify; font-size: 18px; line-height: 1.6em; color: #111; }
#interview-body .interview-lead { font-size: 16px; line-height: 1.5em; border-bottom: 1px solid #ddd; padding: 0 0 10px; margin-bottom: 20px; color: #666; }
#interview-body .interview-lead strong { color: #666; background: #888; color: #fff; font-weight: normal; text-shadow: none; padding: 1px 4px; margin-right: 6px; }
#interview-body .interview-hd{ border-left:4px solid #333; font-weight:bold; color:#fff; background-color:#aaa; padding:0 10px; font-size:18px; height:30px; line-height:30px; font-weight:normal;}
#interview-body .interview-bd{ padding:15px 0;}
#interview-body blockquote{ border:none; margin:0; padding:0; border-top:1px dotted #ccc; padding-top:30px;}
#interview-body .lin-reporter{ color:#093; clear:both;}
#interview-body .lin-reporter .lin-mic{ border-left:4px solid #093; line-height:1em; margin-bottom:5px; padding-left:10px; font-weight:bold; }
#interview-body .lin-chat{ margin-top:20px; height:24px; line-height:24px;}
#interview-body .lin-chat div{ border-left:4px solid #333; line-height:1em; margin-bottom:0; padding-left:10px; color:#333; font-weight:bold; float:left;}
#interview-body p { text-align: justify; font-weight: normal; font-size: 18px; line-height: 1.6em; margin: 0 0 20px; }
#interview-body img { max-width: 100%; max-height: 100%; }



/*2017版*/

.scrollWrap{ overflow:hidden; width: 100%;}

.page-none{ padding:120px 0; text-align:center; color:#888;}
.page-none i{ font-size:48px; color: #ccc; }
.page-none span{ display: block; padding: 0 15px; font-size: 14px; }



.body-text { padding: 15px; }
.body-text p { font-weight: normal; font-size: 18px; line-height: 1.6em; margin: 0 0 0.8em; }
.body-text img { max-width: 100%; height: auto !important; }


.more-block{ }
.more-block .more-box{ max-height:24em; overflow:hidden; }
.more-block.active .more-box{ max-height:none;}
.more-block .more-bar{ margin-top:20px; text-align:center;}
.more-block .more-btn{ display:inline-block; width:200px; height:32px; line-height:30px; margin:auto; border:1px solid #ddd; background:#fff; font-size:12px; color:#3388ff; text-align:center;text-decoration:none;-moz-border-radius:5px; -webkit-border-radius: 5px; border-radius: 5px;}
.more-block .more-btn:hover{  border:1px solid #3388ff; background:#3388ff ;color:#fff; text-decoration:none; }


.owl-series .owl-page{ z-index:999; position:absolute; bottom:0; right:0; padding:0 15px; line-height:40px; color:#fff; font-size:12px; }
.owl-series .owl-page .owl-page-index{ font-size:18px; }
.owl-series .item{ position:relative; background:#fff url(images/loading.gif) no-repeat center center;}
.owl-series .item .txt{width: 100%; padding:0 60px 0 10px; height: 75px; overflow:hidden; position: absolute; bottom: 0; left: 0; background: -webkit-gradient(linear,0 0,0 bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.75))); color: #fff; }
.owl-series .item .tit{ margin-top: 25px; height: 20px; line-height:20px; overflow:hidden; font-weight: 800; font-size: 16px;}
.owl-series .item .desc{ height: 20px; line-height:20px; overflow:hidden; font-size: 12px;}


.panel-box { margin-bottom: 8px; background:#fff; }
.panel-box .hd { height: 40px; padding: 10px 0; border-bottom: 1px solid #eee; background-color: #fff;}
.panel-box .hd h2 { float: left; border-left: 5px solid #a1c541; color: #a1c541; padding: 0 10px; line-height: 20px; font-size:18px; font-weight: bold;}
.panel-box .hd em { float: left; color: #ccc; padding: 0 0px; line-height: 20px; font-size:16px; font-style: normal;}
.panel-box .hd a { color: #a1c541;}
.panel-box .bd { font-size: 16px; line-height: 1.6em; color: #111; }

.brand-bar { margin-bottom: 15px; }
.brand-bar a{ display: block; padding: 10px 2px 2px; background: #a1c541; color: #fff; font-size: 16px; text-align: center; -moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius:10px;}
.brand-bar a img{ width: 100%; margin-top: 10px; -moz-border-radius:0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px;border-radius:0 0 8px 8px;}

.brand-bar-line { margin: 10px; }
.brand-bar-line a{ display: block; padding: 8px 10px; border: 1px solid #ddd; background: #fff; color: #a1c541; font-size: 16px; text-align: center; -moz-border-radius: 20px; -webkit-border-radius: 20px;border-radius:20px;}
.brand-bar-line a:hover{ border: 1px solid #a1c541; background: #a1c541; color: #fff; text-decoration: none;}

.brand-bar-pic { margin-bottom: 15px; }
.brand-bar-pic img{ width: 100%;-moz-border-radius:0 0 20px 20px; -webkit-border-radius: 0 0 20px 20px;border-radius:0 0 20px 20px;}


.lbl{ padding:0 2px; color:#fff; background:#870000; }
.lbl-1{ background:#16A085}
.lbl-2{ background:#27AE60}
.lbl-3{ background:#2980B9}
.lbl-4{ background:#8E44AD}
.lbl-5{ background:#D35400}
.lbl-6{ background:#F39C12}
.lbl-7{ background:#C0392B}
.lbl-8{ background:#2C3E50}
.lbl-9{ background:#870000}

.lin-list-l { }
.lin-list-l li{ position:relative; border-top:1px solid #ddd; overflow:hidden;}
.lin-list-l li:first-child{ border-top:none; }
.lin-list-l li a{ display:block; padding: 10px; font-size:14px; line-height:20px; text-decoration:none; }
.lin-list-l li a:active{ background-color:#efefef; }
.lin-list-l li img{ vertical-align:middle; }
.lin-list-l li .pic{ float:left; margin:0 10px 0 0; width: 100px; height: 75px; background:#efefef url(images/loading.gif) no-repeat center center;}
.lin-list-l li .txt{ font-size:18px; line-height:26px; font-weight:normal; color:#333;}
.lin-list-l li .txt .tit{ max-height:52px; line-height:28px; overflow:hidden; font-size:18px; font-weight:normal; color:#333;}

.lin-list-l li .txt .desc{ max-height:36px; line-height:18px; overflow:hidden; font-size:13px; color:#888; }
.lin-list-l li .date{ float: right; margin-top:5px; max-height:18px; line-height:18px; overflow:hidden; font-size:13px; color:#888; }
.lin-list-l li .lbl{ float: right; display: block; padding:0 2px; margin-left: 10px; margin-top:5px; max-height:18px; line-height:18px; overflow:hidden; font-size:12px; color:#fff; background:#870000; }
.lin-list-l li .lbl-1{ background:#16A085}
.lin-list-l li .lbl-2{ background:#27AE60}
.lin-list-l li .lbl-3{ background:#2980B9}
.lin-list-l li .lbl-4{ background:#8E44AD}
.lin-list-l li .lbl-5{ background:#D35400}
.lin-list-l li .lbl-6{ background:#F39C12}
.lin-list-l li .lbl-7{ background:#C0392B}
.lin-list-l li .lbl-8{ background:#2C3E50}
.lin-list-l li .lbl-9{ background:#870000}

.lin-list-l li .tag{ float: left; width: 50%; margin-top:5px; max-height:18px; line-height:18px; overflow:hidden; font-size:13px; color:#888; }
.lin-list-l li .pics .date{ float: right; margin-top:5px; margin-right: 5px; max-height:36px; line-height:18px; overflow:hidden; font-size:13px; color:#888; }
.lin-list-l li .pics .tag{ float: left; margin-top:5px; margin-left: 5px; max-height:36px; line-height:18px; overflow:hidden; font-size:13px; color:#888; }
.lin-list-l li.morepic a{ padding-bottom:10px;}
.lin-list-l li.morepic .tit{ margin-bottom: 5px; }
.lin-list-l li.morepic .pics{ margin: 0 -5px; overflow:hidden;}
.lin-list-l li.morepic .pics .pic{ float:left; margin:0; overflow:hidden; width:33.333333%; background-color:transparent;}
.lin-list-l li.morepic .pics .pic div{ margin:0 5px; overflow:hidden; max-height:75px; min-height:75px; background-color:#ccc; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.lin-list-l li.morepic .pics .pic div img{ max-width:400px; width:100%; height:auto; display:none; }
.lin-list-l li.nopic .txt .tit,
.lin-list-l li.morepic .txt .tit{ max-height:28px; height:28px;}
.lin-list-l li.nopic .tag,
.lin-list-l li.morepic .tag{ width:auto;}


.lin-list-l li .txt .num{ max-height:18px; line-height:18px; overflow:hidden; font-size:13px; color:#888; }
.lin-list-l li .txt .factory{ max-height:18px; line-height:18px; overflow:hidden; font-size:13px; color:#888; }



/*营养品课堂*/
.nutribaike-panel-box { margin-bottom: 8px; background:#fff; }
.nutribaike-panel-box .hd { height: 40px; padding: 10px 0; border-bottom: 1px solid #eee; background-color: #fff;}
.nutribaike-panel-box .hd h2 { float: left; border-left: 5px solid #a1c541; color: #a1c541; padding: 0 10px; line-height: 20px; font-size:18px; font-weight: bold;}
.nutribaike-panel-box .hd em { float: left; color: #ccc; padding: 0 0px; line-height: 20px; font-size:16px; font-style: normal;}
.nutribaike-panel-box .hd a { color: #a1c541;}
.nutribaike-panel-box .bd { font-size: 16px; line-height: 1.6em; color: #111; }


/*乳粉配方注册查询系统*/
.formula-panel-box { margin-bottom: 8px; background:#fff; }
.formula-panel-box .hd { height: 40px; padding: 10px 0; border-bottom: 1px solid #eee; background-color: #fff;}
.formula-panel-box .hd h2 { float: left; border-left: 5px solid #03b9ef; color: #03b9ef; padding: 0 10px; line-height: 20px; font-size:18px; font-weight: bold;}
.formula-panel-box .hd em { float: left; color: #ccc; padding: 0 0px; line-height: 20px; font-size:16px; font-style: normal;}
.formula-panel-box .hd a { color: #03b9ef;}
.formula-panel-box .bd { font-size: 16px; line-height: 1.6em; color: #111; }

.formula-data { padding: 0px 0; line-height: 1.2em; text-align: center;}
.formula-data li{ float: left; padding: 10px 0; width: 20%; text-align: center; font-size: 12px; color: #888; border-right: 1px solid #eee; border-bottom: 1px solid #eee;}
.formula-data li:first-child{border-left:none;}
.formula-data li:nth-child(5n+0){border-right:none;}
.formula-data li a{ color: #333; text-decoration: none;}
.formula-data li .tit{ font-size: 12px; font-weight: 100; color: #888;}
.formula-data li .num{ font-size: 18px; font-weight: 100; color: #03b9ef;}

.formula-factory { padding: 0px 0; }
.formula-factory li{ padding: 0 10px; height: 3em; line-height: 3em; font-size: 16px; color: #333;  border-bottom: 1px solid #eee; overflow: hidden;}
.formula-factory li:first-child{border-left:none;}
.formula-factory li:nth-child(3n+0){border-right:none;}
.formula-factory li a{ color: #333; text-decoration: none;}
.formula-factory li .status{ padding: 0 3px; font-size: 12px; font-weight: 100; background: #f00; color: #fff; margin-right: 5px;}
.formula-factory li .num{ font-size: 12px; font-weight: 100; color: #888; float: right;}

.formula-brand { padding: 0px 0; text-align: center;}
.formula-brand li{ float: left; height: 3em; line-height: 3em; width: 33.3333%; font-size: 14px; color: #333; border-right: 1px solid #eee; border-bottom: 1px solid #eee; overflow: hidden;}
.formula-brand li:first-child{border-left:none;}
.formula-brand li:nth-child(3n+0){border-right:none;}
.formula-brand li a{ color: #333; text-decoration: none;}
.formula-brand li .tit{ font-size: 12px; font-weight: 100; color: #888;}
.formula-brand li .num{ font-size: 18px; font-weight: 100; color: #03b9ef;}

.formula-qrcode { text-align: center; padding-bottom: 30px; }
.formula-qrcode img{ width: 150px; height: 150px; }
.formula-qrcode .txt{ text-align: center; color: #888; font-size:14px;}

.lin-list-formula { }
.lin-list-formula li{ position:relative; margin-bottom: 10px; border:1px solid #ddd;background-repeat: no-repeat;
    background-image: url(images/pass_icon.png);
    background-image: -webkit-image-set(url(images/pass_icon.png) 1x, url(images/pass_icon.png) 2x); background-position: right top; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;overflow:hidden; }
.lin-list-formula li:first-child{ }
.lin-list-formula li a{ display:block; padding: 10px; font-size:14px; text-decoration:none; }
.lin-list-formula li a:active{ background-color:#efefef; }
.lin-list-formula li img{ vertical-align:middle; }
.lin-list-formula li .pic{ float:left; margin:0px 10px 0px 0px; width: 54px; height: 54px; background:#efefef url(images/loading.gif) no-repeat center center;}
.lin-list-formula li .pic img{ vertical-align:middle; width: 54px; height: 54px;}
.lin-list-formula li .tit{ margin-bottom: 5px; height:1.2em; line-height:1.2em; overflow:hidden; font-size:16px; font-weight:normal; color:#333; white-space: normal;word-break: break-all;}
.lin-list-formula li .txt{ font-size:18px; line-height:26px; font-weight:normal; color:#333;}
.lin-list-formula li .txt .brand{ color:#4395ff; color: #bf1d2d;}
.lin-list-formula li .txt .desc{ max-height:36px; line-height:18px; overflow:hidden; font-size:13px; color:#888; }
.lin-list-formula li .date{ float: right; margin-top:5px; max-height:18px; line-height:18px; overflow:hidden; font-size:13px; color:#888; }
.lin-list-formula li .lbl{ float: right; display: block; padding:0 2px; margin-left: 10px; margin-top:0px; max-height:18px; line-height:18px; overflow:hidden; font-size:12px; color:#fff; background:#870000; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; }
.lin-list-formula li .lbl-1{ background:#F39C12}
.lin-list-formula li .lbl-2{ background:#27AE60}
.lin-list-formula li .lbl-3{ background:#2980B9}
.lin-list-formula li .lbl-4{ background:#8E44AD}
.lin-list-formula li .lbl-5{ background:#D35400}
.lin-list-formula li .lbl-6{ background:#16A085}
.lin-list-formula li .lbl-7{ background:#C0392B}
.lin-list-formula li .lbl-8{ background:#2C3E50}
.lin-list-formula li .lbl-9{ background:#870000}


.lin-list-formula li .txt .num{ max-height:18px; line-height:18px; overflow:hidden; font-size:13px; color:#888; }
.lin-list-formula li .txt .factory{ max-height:18px; line-height:18px; overflow:hidden; font-size:13px; color:#888; }

.formula-zan{ position: absolute; right: 0; top: -12px; text-align: center;}
.formula-hits{ margin-bottom: 0px;color: #bf1d2d;font-size: 14px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;}
.formula-hits .formula-hits-num{ }
.formula-seal img{ width: 90px; height: 90px;
	-webkit-animation-name: seal-1;
	-webkit-animation-duration: 400ms,;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0ms;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	animation-name: seal-1;
	animation-duration: 400ms;
	animation-timing-function: linear;
	animation-delay: 0ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

.formula-zan.active .formula-seal img{
	-webkit-animation-name: seal-2;
	-webkit-animation-duration: 400ms;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0ms;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	animation-name: seal-2;
	animation-duration: 400ms;
	animation-timing-function: linear;
	animation-delay: 0ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

@keyframes seal-1{
	from {
		-webkit-transform: scale(4);
		transform: scale(4);
	}
	to {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
@keyframes seal-2{
	from {
		-webkit-transform: scale(4);
		transform: scale(4);
	}
	to {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
@-webkit-keyframes seal-1{
	from {
		-webkit-transform: scale(4);
		transform: scale(4);
	}
	to {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
@-webkit-keyframes seal-2{
	from {
		-webkit-transform: scale(4);
		transform: scale(4);
	}
	to {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}


.formula-body { font-size: 18px; line-height: 1.6em; color: #111; }
.formula-body .news-lead { font-size: 16px; line-height: 1.5em; border-bottom: 1px solid #ddd; padding: 0 0 10px; margin-bottom: 20px; color: #666; }
.formula-body .news-lead strong { color: #666; background: #888; color: #fff; font-weight: normal; text-shadow: none; padding: 1px 4px; margin-right: 6px; }
.formula-body p { font-weight: normal; font-size: 18px; line-height: 1.6em; margin: 0 0 20px; }
.formula-body img { max-width: 100%; max-height: auto; height: auto; background:#efefef url(img/imgload.gif) no-repeat center center; }


.formula-fda{ position: relative; margin-bottom: 10px; padding: 10px; background:rgba(255,255,255,0.5); background: #00B642; font-size: 12px; line-height: 1.5em; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;} 
.formula-fda2{ margin-bottom: 10px; padding: 10px; border: 1px dotted #ddd; background:rgba(255,255,255,0.5); background: #fafafa; position: relative; font-size: 12px; line-height: 1.5em; color: #888; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;} 
.formula-info{ }
.formula-info li{ padding:3px 0px 3px 5em; text-indent: -5em;}

/*乳粉配方注册查询系统*/





/*生产许可证查询系统*/
.license-panel-box { margin-bottom: 8px; background:#fff; }
.license-panel-box .hd { height: 40px; padding: 10px 0; border-bottom: 1px solid #eee; background-color: #fff;}
.license-panel-box .hd h2 { float: left; border-left: 5px solid #83b11b; color: #83b11b; padding: 0 10px; line-height: 20px; font-size:18px; font-weight: bold;}
.license-panel-box .hd em { float: left; color: #ccc; padding: 0 0px; line-height: 20px; font-size:16px; font-style: normal;}
.license-panel-box .hd a { color: #83b11b;}
.license-panel-box .bd { font-size: 16px; line-height: 1.6em; color: #111; }

.license-data { padding: 0px 0; line-height: 1.2em; text-align: center;}
.license-data li{ float: left; padding: 10px 0; width: 20%; text-align: center; font-size: 12px; color: #888; border-right: 1px solid #eee; border-bottom: 1px solid #eee;}
.license-data li:first-child{border-left:none;}
.license-data li:nth-child(5n+0){border-right:none;}
.license-data li a{ color: #333; text-decoration: none;}
.license-data li .tit{ font-size: 12px; font-weight: 100; color: #888;}
.license-data li .num{ font-size: 18px; font-weight: 100; color: #83b11b;}

.license-factory { padding: 0px 0; }
.license-factory li{ padding: 0 10px; height: 3em; line-height: 3em; font-size: 16px; color: #333;  border-bottom: 1px solid #eee; overflow: hidden;}
.license-factory li:first-child{border-left:none;}
.license-factory li:nth-child(3n+0){border-right:none;}
.license-factory li a{ color: #333; text-decoration: none;}
.license-factory li .status{ padding: 0 3px; font-size: 12px; font-weight: 100; background: #f00; color: #fff; margin-right: 5px;}
.license-factory li .num{ font-size: 12px; font-weight: 100; color: #888; float: right;}

.license-brand { padding: 0px 0; text-align: center;}
.license-brand li{ float: left; height: 3em; line-height: 3em; width: 33.3333%; font-size: 14px; color: #333; border-right: 1px solid #eee; border-bottom: 1px solid #eee; overflow: hidden;}
.license-brand li:first-child{border-left:none;}
.license-brand li:nth-child(3n+0){border-right:none;}
.license-brand li a{ color: #333; text-decoration: none;}
.license-brand li .tit{ font-size: 12px; font-weight: 100; color: #888;}
.license-brand li .num{ font-size: 18px; font-weight: 100; color: #83b11b;}

.license-qrcode { text-align: center; padding-bottom: 30px; }
.license-qrcode img{ width: 150px; height: 150px; }
.license-qrcode .txt{ text-align: center; color: #888; font-size:14px;}

.lin-list-license { }
.lin-list-license li{ position:relative; margin-bottom: 10px; border:1px solid #ddd;background-repeat: no-repeat;
    background-image: url(images/pass_icon.png);
    background-image: -webkit-image-set(url(images/pass_icon.png) 1x, url(images/pass_icon.png) 2x); background-position: right top; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;overflow:hidden; }
.lin-list-license li:first-child{ }
.lin-list-license li a{ display:block; padding: 10px; font-size:14px; text-decoration:none; }
.lin-list-license li a:active{ background-color:#efefef; }
.lin-list-license li img{ vertical-align:middle; }
.lin-list-license li .pic{ float:left; margin:0px 10px 0px 0px; width: 54px; height: 54px; background:#efefef url(images/loading.gif) no-repeat center center;}
.lin-list-license li .pic img{ vertical-align:middle; width: 54px; height: 54px;}
.lin-list-license li .tit{ margin-bottom: 5px; height:1.2em; line-height:1.2em; overflow:hidden; font-size:16px; font-weight:normal; color:#333; white-space: normal;word-break: break-all;}
.lin-list-license li .txt{ font-size:18px; line-height:26px; font-weight:normal; color:#333;}
.lin-list-license li .txt .brand{ color:#4395ff; color: #bf1d2d;}
.lin-list-license li .txt .desc{ max-height:36px; line-height:18px; overflow:hidden; font-size:13px; color:#888; }
.lin-list-license li .date{ float: right; margin-top:5px; max-height:18px; line-height:18px; overflow:hidden; font-size:13px; color:#888; }
.lin-list-license li .lbl{ float: right; display: block; padding:0 2px; margin-left: 10px; margin-top:0px; max-height:18px; line-height:18px; overflow:hidden; font-size:12px; color:#fff; background:#870000; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; }
.lin-list-license li .lbl-1{ background:#F39C12}
.lin-list-license li .lbl-2{ background:#27AE60}
.lin-list-license li .lbl-3{ background:#2980B9}
.lin-list-license li .lbl-4{ background:#8E44AD}
.lin-list-license li .lbl-5{ background:#D35400}
.lin-list-license li .lbl-6{ background:#16A085}
.lin-list-license li .lbl-7{ background:#C0392B}
.lin-list-license li .lbl-8{ background:#2C3E50}
.lin-list-license li .lbl-9{ background:#870000}


.lin-list-license li .txt .num{ max-height:18px; line-height:18px; overflow:hidden; font-size:13px; color:#888; }
.lin-list-license li .txt .factory{ max-height:18px; line-height:18px; overflow:hidden; font-size:13px; color:#888; }

.license-zan{ position: absolute; right: 0; top: -30px; text-align: center;}
.license-hits{ margin-bottom: 0px;color: #bf1d2d;font-size: 14px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;}
.license-hits .license-hits-num{ }
.license-seal img{ width: 80px; height: 80px;
	-webkit-animation-name: seal-1;
	-webkit-animation-duration: 400ms,;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0ms;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	animation-name: seal-1;
	animation-duration: 400ms;
	animation-timing-function: linear;
	animation-delay: 0ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

.license-zan.active .license-seal img{
	-webkit-animation-name: seal-2;
	-webkit-animation-duration: 400ms;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0ms;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	animation-name: seal-2;
	animation-duration: 400ms;
	animation-timing-function: linear;
	animation-delay: 0ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

@keyframes seal-1{
	from {
		-webkit-transform: scale(4);
		transform: scale(4);
	}
	to {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
@keyframes seal-2{
	from {
		-webkit-transform: scale(4);
		transform: scale(4);
	}
	to {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
@-webkit-keyframes seal-1{
	from {
		-webkit-transform: scale(4);
		transform: scale(4);
	}
	to {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
@-webkit-keyframes seal-2{
	from {
		-webkit-transform: scale(4);
		transform: scale(4);
	}
	to {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}


.license-body { font-size: 18px; line-height: 1.6em; color: #111; }
.license-body .news-lead { font-size: 16px; line-height: 1.5em; border-bottom: 1px solid #ddd; padding: 0 0 10px; margin-bottom: 20px; color: #666; }
.license-body .news-lead strong { color: #666; background: #888; color: #fff; font-weight: normal; text-shadow: none; padding: 1px 4px; margin-right: 6px; }
.license-body p { font-weight: normal; font-size: 18px; line-height: 1.5em; margin: 0 0 0.5em; }
.license-body img { max-width: 100%; max-height: auto; height: auto; background:#efefef url(img/imgload.gif) no-repeat center center; }


.license-fda{ position: relative; margin-bottom: 10px; padding: 10px; background:rgba(255,255,255,0.5); background: #00B642; font-size: 12px; line-height: 1.5em; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;} 
.license-fda2{ margin-bottom: 10px; padding: 10px; border: 1px dotted #ddd; background:rgba(255,255,255,0.5); background: #fafafa; position: relative; font-size: 12px; line-height: 1.5em; color: #888; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;} 
.license-info{ }
.license-info li{ padding:3px 0px 3px 5em; text-indent: -5em;}

/*乳粉配方注册查询系统*/






.public-footer-msg{}



/*品牌*/

.brand-nav-bar{ position: relative; z-index: 99; background: rgba(161,197,65,0.02);background: #fff; 
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}

.brand-nav{ margin: 0 4px; }
.brand-nav li{ width: 20%; float: left; text-align: center;}
.brand-nav li a{ margin: 4px 0; display: block; height: 36px; line-height: 36px; color: #a1c541; font-size: 16px; font-weight: bold; text-decoration: none;; }
.brand-nav li a.active{ color: #fff; background: #a1c541;
	-moz-border-radius: 36px; -webkit-border-radius: 36px; border-radius:36px; }

.brand-infoex li { padding-left: 60px; margin: 8px 0; line-height: 1.6em; height: 1.6em; font-size: 16px; overflow: hidden;}
.brand-infoex li span{ margin-left: -60px; display:inline-block; padding: 0px 8px; margin-right: 10px; line-height: 1.5em; background: #fafafa; border: 1px solid #eee; text-align: center; -moz-border-radius: 20px; -webkit-border-radius: 20px;border-radius:20px; }
.brand-infoex li a{ color: #38f; }

.brand-panel-box { margin-bottom: 8px; background:#fff; }
.brand-panel-box .hd { height: 40px; padding: 10px 0; border-bottom: 1px solid #eee; background-color: #fff;}
.brand-panel-box .hd h2 { float: left; border-left: 5px solid #a1c541; color: #a1c541; padding: 0 10px; line-height: 20px; font-size:18px; font-weight: bold;}
.brand-panel-box .hd em { float: left; color: #ccc; padding: 0 0px; line-height: 20px; font-size:16px; font-style: normal;}
.brand-panel-box .hd a { color: #a1c541;}
.brand-panel-box .bd { font-size: 16px; line-height: 1.6em; color: #111; }

.public-footer-msg{ position: fixed; z-index: 9; left: 0; bottom: 0; right: 0; }
.public-footer-msg a{ display: inline-block; background: rgba(0,0,0,0.75)}

.public-footer-pop { position: fixed; z-index: 9; bottom: 60px; right: 5px; }
.public-footer-pop dl { margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.public-footer-pop dl dd { 
  display: block;
  position: relative;
  margin: 5px;
  width: 48px;
  height: 48px;
  text-align:center;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: none;
  border: none;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.public-footer-pop dl dd .wechat-qrcode { display: none; padding: 10px; width: 180px; background: #fff; position: absolute; z-index: 0; right: 24px; bottom: 24px;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.public-footer-pop dl dd:hover .wechat-qrcode { display: block; }
.public-footer-pop dl dd a { display: block; position: relative;z-index: 1;
  width: 48px;
  height: 48px;
  line-height: 48px;
  font-size: 24px;
  background: #a1c541; color: #fff; text-decoration: none;
  -moz-border-radius: 48px; -webkit-border-radius: 48px;border-radius:48px;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

.public-footer-bar { position: fixed; z-index: 9; left: 0; bottom: 0; right: 0; }
.public-footer-bar dl { margin: 0; background: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  -webkit-box-shadow: 0px -5px 5px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px -5px 5px rgba(0,0,0,0.1);
  box-shadow: 0px -5px 5px rgba(0,0,0,0.1);
}
.public-footer-bar dl dd { 
  display:block;
  margin: 0 5px;
  font-size: 18px;
  text-align:center;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: none;
  border: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.public-footer-bar dl dd a { display: block; margin: 4px 0;
  height: 36px;
  line-height: 36px;
  background: #a1c541; color: #fff; text-decoration: none;
  -moz-border-radius: 20px; -webkit-border-radius: 20px;border-radius:20px;
}


.product-infoex{}
.product-infoex li { margin: 2px 0; line-height: 2em; height: 2em; font-size: 16px; overflow: hidden;}
.product-infoex li span{ display:inline-block; padding: 0px 8px; margin-right: 10px; line-height: 1.5em; background: #fafafa; border: 1px solid #eee; text-align: center; -moz-border-radius: 20px; -webkit-border-radius: 20px;border-radius:20px; }
.product-infoex li a{ color: #38f; }


.contact-tab {}
.contact-tab .contact-tab-body{ display: none;}
.contact-tab .contact-tab-body.active{ display: block;}
.contact-tab-bar{ margin-bottom:10px; padding: 5px 4px 0; border-bottom: 2px solid #a1c541; }
.contact-tab-bar li { float: left; width: 50%; text-align: center; }
.contact-tab-bar .contact-tab-btn { display: block; margin:0 1px 0px; height: 40px; line-height: 40px; text-decoration: none; overflow: hidden; -moz-border-radius: 20px; background: #eee; color: #666; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius:10px 10px 0 0;}
.contact-tab-bar .contact-tab-btn:hover { background: #a1c541; color: #fff;}
.contact-tab-bar .contact-tab-btn.active { background: #a1c541; color: #fff;}


.comment-bottom{ position:relative; z-index: 1; padding:5px; background: rgba(0,0,0,0.5);}
.comment-bottom .comment-txt{ padding:0 10px; background:#fff; border:1px solid #ddd; display:block; width:100%; height:34px; line-height:34px; font-size:14px; color:#888; text-align:left;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.comment-bottom .comment-btn{ position:absolute; right:5px; top:5px; margin:0; padding:0; border:none; background:#FF0000; color:#fff; display:block; width:100px; height:34px; line-height:34px; font-size:14px; text-align:center;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}


.lin-series-list{ padding: 0px; margin: 2px; background: #fff; }
.lin-series-list .lin-item { width: 50%; padding: 2px; float: left;  overflow:hidden;}
.lin-series-list .lin-item a{ display: block; background: #f7f7f7; text-decoration: none;}
.lin-series-list .lin-item .pic { }
.lin-series-list .lin-item .pic-box { width: 100%; height: 0; padding-bottom: 56%; overflow: hidden; }
.lin-series-list .lin-item .pic img { width: 100%; height: auto; background:#efefef url(images/loading.gif) no-repeat center center; }
.lin-series-list .lin-item .pic:active{ border-color: #428bca}
.lin-series-list .lin-item .txt { padding:8px; font-size:16px; line-height:20px; overflow:hidden; color:#888 !important;}
.lin-series-list .lin-item .tit { font-size:16px; color:#333; line-height:20px; height:40px; overflow:hidden;}
.lin-series-list .lin-item .tit span{ color:#fa6d22 }
.lin-series-list .lin-item .desc { font-size:12px; color:#888; line-height:20px; height:20px; overflow:hidden;}
.lin-series-list .lin-item .label { display: inline-block;margin-right: 5px; padding:3px 5px; line-height: 1em; vertical-align: top; background: #333; color: #fff; font-size: 12px;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }


.lin-product-list{ padding: 0px; margin: 2px; background: #fff; }
.lin-product-list .lin-item { width: 50%; padding: 2px; float: left;  overflow:hidden;}
.lin-product-list .lin-item a{ display: block; background: #f7f7f7; text-decoration: none;}
.lin-product-list .lin-item .pic { }
.lin-product-list .lin-item .pic-box { width: 100%; height: 0; padding-bottom: 125%;; overflow: hidden; }
.lin-product-list .lin-item .pic img { width: 100%; height: auto; background:#efefef url(images/loading.gif) no-repeat center center; }
.lin-product-list .lin-item .pic:active{ border-color: #428bca}
.lin-product-list .lin-item .txt { padding:8px; font-size:16px; line-height:20px; overflow:hidden; color:#888 !important;}
.lin-product-list .lin-item .tit { font-size:16px; color:#333; line-height:20px; height:40px; overflow:hidden;}
.lin-product-list .lin-item .tit span{ color:#fa6d22 }
.lin-product-list .lin-item .desc { font-size:12px; color:#888; line-height:20px; height:20px; overflow:hidden;}
.lin-product-list .lin-item .label { display: inline-block;margin-right: 5px; padding:3px 5px; line-height: 1em; vertical-align: top; background: #333; color: #fff; font-size: 12px;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }

.series-title{ margin: 15px; font-size: 22px; text-align: center; color: #417e00; font-weight: bold;}
.series-pic{ position: relative; text-align:center; }
.series-pic img{ width: 100%; max-width: 100%; }
.product-prve-link{ position:absolute; display: block; width: 30%; height: 100%; left: 0; top:0;}
.product-next-link{ position:absolute; display: block; width: 30%; height: 100%; right: 0; top:0;}
.product-prve-link i{ position:absolute; left: 0; top: 50%; margin-top: -30px; font-size: 40px; color: rgba(0,0,0,0.3)}
.product-next-link i{ position:absolute; right: 0; top: 50%; margin-top: -30px; font-size: 40px; color: rgba(0,0,0,0.3)}
.series-lead{ margin: 0 15px 15px;  }
.series-lead .tit{ display:inline-block; padding: 0px 8px; margin-right: 10px; line-height: 1.5em; font-weight: bold; color: #fff; background: #417e00; border: 1px solid #417e00; text-align: center; -moz-border-radius: 20px; -webkit-border-radius: 20px;border-radius:20px;}
.series-body{ margin: 0 15px 15px; }
.series-body img { max-width: 100%; }
.series-product{ padding:10px 0;}


.series-cate-btnnav{ margin:5px 10px; }
.series-cate-btnnav li{ float: left; display:block; }
.series-cate-btnnav li.split{ padding: 0 1px; color: #a1c541; line-height: 34px; height: 34px; overflow: hidden; }
.series-cate-btnnav li a{ margin: 2px; padding: 0 10px; display:block; line-height: 30px; height: 30px; overflow: hidden; text-decoration: none; background: #a1c541; color: #fff; text-align: center; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius:15px; font-size: 12px; }
.series-cate-btnnav li a:hover{ background: #a1c541; color: #fff; }


.series-cate-btn{ margin: 5px 10px; }
.series-cate-btn li{ float: left; width: 33.3333333%; display:block; }
.series-cate-btn li a{ margin: 2px; padding: 0 5px; display:block; line-height:42px; height: 44px; overflow: hidden; text-decoration: none; background: #fafafa; color: #333; border: 1px solid #ccc; text-align: center; -moz-border-radius: 22px; -webkit-border-radius: 22px;border-radius:22px; }
.series-cate-btn li a:hover{ background: #ccc; color: #333; border: 1px solid #ccc; }






		
.cate-dir { overflow: hidden; } 
.cate-dir .cate-box { margin-top: -1px; background: #fff; border-top: 1px dotted #ddd; padding: 10px;} 
.cate-dir .cate-box h3 { width: 240px; margin-bottom: 10px; font-size: 14px; }
.cate-dir .cate-box h3 a{ display: block; margin-right: 20px; padding: 0 5px; height: 3em; line-height: 3em; text-align: center; background: #7aaf1c; color: #fff; -webkit-border-radius:21px; -moz-border-radius:21px; border-radius:21px;}
.cate-dir .cate-box dl { margin: 10px 0; font-size: 14px; }
.cate-dir .cate-box dl dd { }
.cate-dir .cate-box dl dd.lvl-1 { }
.cate-dir .cate-box dl dd.lvl-2 { text-align: center;}
.cate-dir .cate-box dl dd.lvl-2 dl { padding-left: 0px; }
.cate-dir .cate-box dl dd.lvl-3 { width: 33.33333333333333%; float: left; }
.cate-dir .cate-box dl dd a { padding: 0 15px; height: 2.2em; line-height: 2.2em; overflow: hidden; -webkit-border-radius:14px; -moz-border-radius:16px; border-radius:16px;}
.cate-dir .cate-box dl dd a:hover { background: #eee; }

.cate-dir .cate-box dl dd.lvl-1 a { display: block; background: #7aaf1c; font-weight: bold; font-size: 16px; color: #fff; -webkit-border-radius:2.2em; -moz-border-radius:2.2em; border-radius:2.2em; }
.cate-dir .cate-box dl dd.lvl-2 a { float: none; display: block; margin: 2px; background: #eee; border: 1px solid #eee; font-weight: normal; font-size: 14px; color: #333; }
.cate-dir .cate-box dl dd.lvl-2 a:hover { border: 1px solid #7aaf1c; background: #7aaf1c; color: #fff; }
.cate-dir .cate-box dl dd.lvl-3 a { display: block; float:none; margin: 2px; background: #fff; border: 1px solid #eee; font-weight: normal; font-size: 14px; color: #333; }
.cate-dir .cate-box dl dd.lvl-3 a:hover { border: 1px solid #eee; background: #fff; color: #333; }


.ad-text-detail { }
.ad-text-detail li a { display: block; margin-bottom: 1em; padding: 0 15px; height: 2.5em; line-height: 2.5em; font-size: 16px; text-align: center; background: #fafafa; color: #00f; border: 1px solid #ddd; text-decoration: none; overflow: hidden; -webkit-border-radius:3em; -moz-border-radius:3em; border-radius:3em; }





.pro-box { position: relative; margin: 10px 0; padding: 0px; font-size: 16px; line-height: 1.8em; background: #fff; }
.pro-box .pro-hd { margin: 0 15px 10px; padding-top:15px; font-size: 16px; color: #333; line-height: 1em; }
.pro-box .pro-hd h2 { margin: 0; padding: 0 10px; border-left: 3px solid #111; color: #a1c541; color:#111; line-height: 1em; font-size: 18px; font-weight: bold; }
.pro-box .pro-hd h2 a { color: #a1c541; color: #111; }
.pro-box .pro-hd .pro-hd-right { float: right; color: #888; font-size: 14px; }
.pro-box .pro-hd .pro-hd-right span { color: #a1c541; }
.pro-box .swiper-tab-hd { float: right; margin-top: -3px; color: #888; }
.pro-box .swiper-tab-hd a { float: left; margin-left: 2px; display: inline-block; padding: 0px 10px; line-height: 22px; height: 22px; border: 1px solid #ddd; background: #fff; font-size: 13px; color: #888; -webkit-border-radius: 3em; -moz-border-radius: 3em; border-radius: 3em; }
.pro-box .swiper-tab-hd a.active { border: 1px solid #a1c541; background: #a1c541; color: #fff; }


.ul-round { position: relative; }
.ul-round li { position: relative; font-size: 16px; height: 2em; line-height: 2em; padding-left: 12px; overflow: hidden }
.ul-round li a{ color:#333; }
.ul-round li:after { display: block; position: absolute; left: 0; top: 50%; margin-top: -2px; content: ""; background: #ccc; width: 4px; height: 4px; border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; }
.ul-round li em.lbl{ margin-right: 10px; padding-right: 10px; border-right: 1px solid #ccc; color: #77c; font-style:normal;}
.ul-round li em.lbl a{ color: #77c; }
.ul-round li .date{ float: right; font-size: 14px; color: #999; margin-left: 30px; }

.ul-round.ul-round-a { position: relative; font-size: 14px; overflow: hidden;/* border-bottom: 1px solid #ddd; margin-bottom: 11px;*/ }
.ul-round.ul-round-a li { position: relative; padding-left: 12px; margin-top: -1px; padding-top: 8px; padding-bottom: 8px; overflow: hidden; border-top: 1px dotted #ddd;}
.ul-round.ul-round-a li:after { content: ""; background: #ccc; width: 4px; height: 4px; border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; display: block; position: absolute; left: 0; top: 23px; margin-top: -2px }
.ul-round.ul-round-a li { height: 80px; line-height: 32px; }
.ul-round.ul-round-a li a{ display: block; height: 32px; line-height: 32px; overflow: hidden;}
.ul-round.ul-round-a li p{ height: 40px; line-height: 20px; overflow: hidden; font-size: 12px;}
.ul-round.ul-round-a li em.lbl{ margin-right: 10px; padding-right: 10px; border-right: 1px solid #ccc; color: #77c; font-style:normal;}
.ul-round.ul-round-a li em.lbl a{ color: #77c; }








.lin-hits-zan { position: fixed; z-index: 999; bottom: 60px; right: 10px; }
.lin-hits-zan a{ display: block; width: 64px; height: 64px; font-size: 14px; text-align: center; text-decoration: none; color: #fff; background: #a1c541; -webkit-border-radius: 4em; -moz-border-radius: 4em; border-radius: 4em; -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2); box-shadow: 0px 0px 5px rgba(0,0,0,0.2);}
.lin-hits-zan .fa { margin-right: 5px;}
.lin-hits-zan .lin-hits-zan-num { padding-top: 10px; display: block;font-weight: bold; }
.lin-hits-avatar-box { margin: 10px 0; background: #fff; 
  /*-webkit-border-radius: 5px; 
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px; 
  border-radius: 5px;
  -webkit-box-shadow: 0px 2px 10px rgba(0,0,0,0.1); 
  -moz-box-shadow: 0px 2px 10px rgba(0,0,0,0.1); 
  -ms-box-shadow: 0px 2px 10px rgba(0,0,0,0.1); 
  -o-box-shadow: 0px 2px 10px rgba(0,0,0,0.1); 
  box-shadow: 0px 2px 10px rgba(0,0,0,0.1);*/
}
.lin-hits-avatar-box .hd { font-size: 16px; text-align: center; }
.lin-hits-avatar-box .hd h2 { position: relative; display: inline-block; height: 40px; line-height: 40px; font-size: 18px; font-weight: bold; color: #a1c541; text-align: center; }
.lin-hits-avatar-box .hd h2:before,
.lin-hits-avatar-box .hd h2:after { position: absolute; top: 50%; width: 2em; height: 2px; display: inline-block; content: ""; background: #a1c541; }
.lin-hits-avatar-box .hd h2:before { left:-2.5em; }
.lin-hits-avatar-box .hd h2:after { right:-2.5em; }
.lin-hits-avatar-box .bd { }
.lin-hits-avatar { padding: 0 10px 10px; text-align: center; }
.lin-hits-avatar dl { margin: 0 -5px; padding: 5px 0; }
.lin-hits-avatar dl dd { float: left; width: 20%;}
.lin-hits-avatar dl dd div { margin: 5px; text-align: center; }
.lin-hits-avatar dl dd div figure { background-color: #fafafa; border: 1px solid #f5f5f5; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.lin-hits-avatar dl dd div figure img { width: 100%; }
.lin-hits-avatar dl dd div figcaption { height: 1.5em; line-height: 1.5em; overflow: hidden; color: #999; font-size: 10px;}
.lin-hits-avatar .lin-avatar-more { text-align: center; height: 40px; line-height: 40px; border-top: 1px dashed #eee; color: #999; text-align: center; font-size: 14px;}
.lin-hits-avatar.loading .lin-avatar-more .lin-avatar-load { padding-left: 24px; background: url(/assets/css/img/Loading.gif) no-repeat center left; }

@media all and (max-width: 1200px) {
  .lin-hits-avatar dl dd { width: calc(100%/20); }
}
@media all and (max-width: 1024px) {
  .lin-hits-avatar dl dd { width: calc(100%/17); }
}
@media all and (max-width: 768px) {
  .lin-hits-avatar dl dd { width: calc(100%/15); }
}
@media all and (max-width: 414px) {
  .lin-hits-avatar dl dd { width: calc(100%/8); }
}
@media all and (max-width: 375px) {
  .lin-hits-avatar dl dd { width: calc(100%/7); }
}
@media all and (max-width: 320px) {
  .lin-hits-avatar dl dd { width: calc(100%/6); }
}