article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
 display: block
}

audio,
canvas,
video {
 display: inline-block
}

audio:not([controls]) {
 display: none
}

.none {
 display: none
}

html {
 font-size: 100%;
 -webkit-text-size-adjust: 100%;
 -ms-text-size-adjust: 100%
}

a:focus {
 outline: thin dotted #333;
 outline: 5px auto -webkit-focus-ring-color;
 outline-offset: -2px
}

a:active,
a:hover {
 outline: 0
}

sub,
sup {
 position: relative;
 vertical-align: baseline;
 font-size: 75%;
 line-height: 0
}

sup {
 top: -.5em
}

sub {
 bottom: -.25em
}

img {
 width: auto\9;
 height: auto;
 max-width: 100%;
 border: 0;
 border-radius: 5px;
 vertical-align: middle;
 -ms-interpolation-mode: bicubic
}

button,
input,
select,
textarea {
 margin: 0;
 vertical-align: middle;
 font-size: 100%
}

button,
input {
 line-height: normal
}

button::-moz-focus-inner,
input::-moz-focus-inner {
 padding: 0;
 border: 0
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
 cursor: pointer;
 -webkit-appearance: button
}

button,
input[type=button],
input[type=reset],
input[type=submit],
input[type=radio],
input[type=checkbox],
label,
select {
 cursor: pointer
}

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
}

textarea {
 overflow: auto;
 vertical-align: top
}

p {
 margin: 0 0 10px
}

.lead {
 margin-bottom: 20px;
 font-weight: 200;
 font-size: 18px;
 line-height: 30px
}

small {
 font-size: 85%
}

strong {
 font-weight: 700
}

em {
 font-style: italic
}

cite {
 font-style: normal
}

.muted {
 color: #999
}

.muted a {
 color: #999
}

a.muted:focus,
a.muted:hover {
 color: grey
}

.text-warning {
 color: #c09853
}

a.text-warning:focus,
a.text-warning:hover {
 color: #a47e3c
}

.text-error {
 color: #d9534f
}

a.text-error:focus,
a.text-error:hover {
 color: #c9302c
}

.text-info {
 color: #3a87ad
}

a.text-info:focus,
a.text-info:hover {
 color: #2d6987
}

.text-success {
 color: #56af45
}

a.text-success:focus,
a.text-success:hover {
 color: #448a37
}

.text-left {
 text-align: left
}

.text-right {
 text-align: right
}

.text-center {
 text-align: center
}

h1,
h2,
h3,
h4,
h5,
h6 {
 margin: 5px 0;
 color: inherit;
 font-weight: 700;
 font-family: inherit;
 line-height: 20px;
 text-rendering: optimizelegibility
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
 color: #999;
 font-weight: 400;
 line-height: 1
}

h1,
h2,
h3 {
 line-height: 25px
}

h1 {
 font-weight: 400;
 font-size: 20px
}

h2 {
 font-weight: 400;
 font-size: 17px
}

h3 {
 font-weight: 400;
 font-size: 14px
}

h4 {
 font-size: 12px
}

h5 {
 font-size: 12px
}

h6 {
 font-size: 10.2px
}

h1 small {
 font-size: 15px
}

h2 small {
 font-size: 12px
}

h3 small {
 font-size: 12px
}

h4 small {
 font-size: 12px
}

.page-header {
 margin: 20px 0 20px;
 padding-bottom: 9px;
 border-bottom: 1px solid #eee
}

ol,
ul {
 margin: 0;
 padding: 0;
 list-style: none
}

li {
 line-height: 20px
}

ol.inline,
ul.inline {
 margin-left: 0;
 list-style: none
}

ol.inline>li,
ul.inline>li {
 display: inline-block;
 padding-right: 5px;
 padding-left: 5px
}

dl {
 margin-bottom: 20px
}

dd,
dt {
 line-height: 20px
}

dt {
 font-weight: 700
}

dd {
 margin-left: 10px
}

.dl-horizontal:after,
.dl-horizontal:before {
 display: table;
 content: "";
 line-height: 0
}

.dl-horizontal:after {
 clear: both
}

.dl-horizontal dt {
 float: left;
 clear: left;
 overflow: hidden;
 width: 160px;
 text-align: right;
 text-overflow: ellipsis;
 white-space: nowrap
}

.dl-horizontal dd {
 margin-left: 180px
}

hr {
 margin: 20px 0;
 border: 0;
 border-top: 1px solid #eee;
 border-bottom: 1px solid #fff
}

blockquote {
 margin: 0 0 20px;
 padding: 0 0 0 15px;
 border-left: 5px solid #eee
}

blockquote p {
 margin-bottom: 0;
 font-weight: 300;
 font-size: 15px;
 line-height: 1.25
}

blockquote small {
 display: block;
 color: #999;
 line-height: 20px
}

blockquote small:before {
 content: '\2014 \00A0'
}

blockquote.pull-right {
 float: right;
 padding-right: 15px;
 padding-left: 0;
 border-right: 5px solid #eee;
 border-left: 0
}

blockquote.pull-right p,
blockquote.pull-right small {
 text-align: right
}

blockquote.pull-right small:before {
 content: ''
}

blockquote.pull-right small:after {
 content: '\00A0 \2014'
}

blockquote:after,
blockquote:before,
q:after,
q:before {
 content: ""
}

code,
pre {
 border-radius: 3px
}

code {}

pre {}

pre.prettyprint {
 margin-bottom: 20px
}

pre code {}

.pre-scrollable {
 overflow-y: scroll;
 max-height: 340px
}

.close {
 float: right;
 color: #000;
 text-shadow: 0 1px 0 #fff;
 font-weight: 700;
 font-size: 20px;
 line-height: 20px;
 opacity: .2;
 filter: alpha(opacity=20)
}

.close:focus,
.close:hover {
 color: #000;
 text-decoration: none;
 opacity: .4;
 cursor: pointer;
 filter: alpha(opacity=40)
}

button.close {
 padding: 0;
 border: 0;
 background: 0 0;
 cursor: pointer;
 -webkit-appearance: none
}

.clearfix:after,
.clearfix:before {
 display: table;
 content: "";
 line-height: 0
}

.clearfix:after {
 clear: both
}

.hide-text {
 border: 0;
 background-color: transparent;
 color: transparent;
 text-shadow: none;
 font: 0/0 a
}

.input-block-level {
 display: block;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 width: 100%;
 min-height: 30px
}

.row-fluid {
 width: 100%
}

.row-fluid:after,
.row-fluid:before {
 display: table;
 content: "";
 line-height: 0
}

.row-fluid:after {
 clear: both
}

.row-fluid [class*=span] {
 float: left;
 display: block;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 margin-left: 2%;
 width: 100%;
 min-height: 30px
}

.row-fluid [class*=span]:first-child {
 margin-left: 0
}

.row-fluid .controls-row [class*=span]+[class*=span] {
 margin-left: 2%
}

.row-fluid .span12 {
 width: 100%
}

.row-fluid .span11 {
 width: 91.5%
}

.row-fluid .span10 {
 width: 83%
}

.row-fluid .span9 {
 width: 74.5%
}

.row-fluid .span8 {
 width: 66%
}

.row-fluid .span7 {
 width: 57.5%
}

.row-fluid .span6 {
 width: 49%
}

.row-fluid .span5 {
 width: 40.5%
}

.row-fluid .span4 {
 width: 32%
}

.row-fluid .span3 {
 width: 23.5%
}

.row-fluid .span2 {
 width: 15%
}

.row-fluid .span1 {
 width: 6.5%
}

.row-fluid .offset12 {
 margin-left: 104%
}

.row-fluid .offset12:first-child {
 margin-left: 102%
}

.row-fluid .offset11 {
 margin-left: 95.5%
}

.row-fluid .offset11:first-child {
 margin-left: 93.5%
}

.row-fluid .offset10 {
 margin-left: 87%
}

.row-fluid .offset10:first-child {
 margin-left: 85%
}

.row-fluid .offset9 {
 margin-left: 78.5%
}

.row-fluid .offset9:first-child {
 margin-left: 76.5%
}

.row-fluid .offset8 {
 margin-left: 70%
}

.row-fluid .offset8:first-child {
 margin-left: 68%
}

.row-fluid .offset7 {
 margin-left: 61.5%
}

.row-fluid .offset7:first-child {
 margin-left: 59.5%
}

.row-fluid .offset6 {
 margin-left: 53%
}

.row-fluid .offset6:first-child {
 margin-left: 51%
}

.row-fluid .offset5 {
 margin-left: 44.5%
}

.row-fluid .offset5:first-child {
 margin-left: 42.5%
}

.row-fluid .offset4 {
 margin-left: 36%
}

.row-fluid .offset4:first-child {
 margin-left: 34%
}

.row-fluid .offset3 {
 margin-left: 27.5%
}

.row-fluid .offset3:first-child {
 margin-left: 25.5%
}

.row-fluid .offset2 {
 margin-left: 19%
}

.row-fluid .offset2:first-child {
 margin-left: 17%
}

.row-fluid .offset1 {
 margin-left: 10.5%
}

.row-fluid .offset1:first-child {
 margin-left: 8.5%
}

.row-fluid [class*=span].hide,
[class*=span].hide {
 display: none
}

.row-fluid [class*=span].pull-right,
[class*=span].pull-right {
 float: right
}

body {
 overflow-x: hidden;
 margin: 0;
 background: #f1f1f1;
 color: #555;
 font-size: 12px;
 font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
 line-height: 20px
}

a {
 color: #555;
 text-decoration: none
}

a:focus,
a:hover {
 color: #FD7300;
 text-decoration: none
}

::selection {
 background: #1266BD;
 color: #fff;
 text-shadow: none
}

::-moz-selection {
 background: #1266BD;
 color: #fff;
 text-shadow: none
}

.container {
 position: relative;
 margin: 0 auto;
 max-width: 1200px;
 text-align: left
}

.container:after,
.container:before,
.footer:after,
.footer:before,
.header:after,
.header:before {
 display: table;
 content: "";
 line-height: 0
}

.container:after,
.footer:after,
.header:after {
 clear: both
}

.header {
 position: fixed;
 top: 0;
 z-index: 999;
 margin-bottom: 20px;
 width: 100%;
 background: #e6efff;
 opacity: .95;
 filter: alpha(Opacity=90);
 -moz-opacity: .9
}

.container {
 margin-top: 70px;
 margin-bottom: 10px
}

.content-wrap {
 width: 100%
}

.content {
 float: left;
 width: 895px;
 margin-right: 305px
}

.content-page {
 position: relative;
 background-color: #fff
}

.page-sidebar {
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 width: 225px;
 height: 100%;
 border-right: 1px solid #eee
}

.content-title {
 margin: 0 0 1px;
 padding: 15px 20px 14px;
 border-bottom: 1px solid #eee;
 background-color: #F7FBFF;
 font-weight: 400;
 font-size: 20px;
 line-height: 20px
}

.sidebar {
 position: relative;
 float: right;
 margin-left: -290px;
 width: 290px
}

.footer {
 position: relative;
 z-index: 1;
 clear: both;
 width: 100%;
 background: #E6F0FF;
}

.trackcode {
 float: right
}

.copyright {
 float: left
}

.footer-inner {
 margin: 0 auto;
 padding: 16px 0 14px;
 width: 100%;
 max-width: 1200px;
 border-left: 0 solid #428bca;
 background-color: #E6F0FF;
}

.footer-inner:after,
.footer-inner:before {
 display: table;
 content: "";
 line-height: 0
}

.footer-inner:after {
 clear: both
}

.footer a {
 color: #aaa
}

.footer a:hover {
 color: #FE7400;
 text-decoration: underline
}

.pagewrapper {
 position: relative;
 background-color: #fff
}

.pageheader {
 position: relative;
 margin-bottom: 0;
 padding: 10px 20px 8px;
 border-bottom: 1px solid #eee;
 background-color: #F7FBFF;
 line-height: 24px
}

.pageheader h1 {
 margin: 0;
 padding: 0;
 font-weight: 400;
 font-size: 20px;
 line-height: 24px
}

.pageheader h1 a {
 color: #444
}

.pageheader h1 .avatar {
 float: left;
 margin-right: 5px
}

.pageheader h1 em {
 font-weight: 400;
 font-style: normal;
 font-size: 12px
}

.pagecontent .pageheader {
 margin-bottom: 20px;
 padding: 0 0 8px;
 background: 0 0
}

.pagecontent .pageheader h1 {
 font-weight: 400;
 font-size: 20px
}

.pagecontent .article-content {
 padding: 0
}

.pagecontent #postcomments,
.pagecontent #respond {
 margin: 0 -20px
}

.pagesidebar {
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 width: 200px;
 background-color: #F7FBFE
}

.pagesider-menu {
 font-size: 14px
}

.pagesider-menu .sub-menu {
 display: none
}

.pagesider-menu a {
 display: block;
 overflow: hidden;
 margin-bottom: 1px;
 padding: 10px 15px;
 border-bottom: 1px solid #EEE;
 border-left: solid 4px transparent;
 color: #1366BE;
 cursor: pointer
}

.pagesider-menu a:hover {
 background-color: #F7FBFF;
 color: #666
}

.pagesider-menu li.active a,
.pagesider-menu li.current-menu-item a,
.pagesider-menu li.current_page_item a {
 position: relative;
 z-index: 2;
 margin-right: -1px;
 background-color: #fff;
 color: #444;
 border-left-color: #1266BD
}

.pagesider-menu [class*=" icon-"],
.pagesider-menu [class^=icon-] {
 opacity: .7;
 filter: alpha(opacity=70)
}

.pagesider-menu li.active [class*=" icon-"],
.pagesider-menu li.active [class^=icon-] {
 opacity: .88;
 filter: alpha(opacity=88)
}

.pagecontent {
 margin-left: 200px;
 padding: 20px;
 min-height: 600px;
 border-left: 1px solid #eee
}

.page-navbar {
 margin-top: 50px
}

.page-navbar li a {
 display: block;
 padding: 10px 16px;
 border-left: 4px solid transparent;
 color: #1366BE;
 font-size: 14px
}

.page-navbar .dropdown-toggle .caret {
 margin-top: 8px
}

.page-navbar .active a,
.page-navbar .active a:focus,
.page-navbar .active a:hover {
 background-color: #F7FBFF;
 color: #666
}

.page-navbar>li>ul {
 font-size: 14px
}

.page-navbar>li>ul a {
 padding-left: 36px
}

.page-navbar li:hover a {
 background-color: #F7FBFF;
 color: #666
}

.page-navbar li ul,
.page-navbar li.current-menu-item a,
.page-navbar li.current-menu-parent a,
.page-navbar li.current-post-ancestor a,
.page-navbar li.current_page_item a {
 background-color: #F7FBFF;
 color: #666;
 border-left-color: #428BCA
}

fieldset {
 margin: 0;
 padding: 0;
 border: 0
}

legend {
 display: block;
 margin-bottom: 20px;
 padding: 0;
 width: 100%;
 border: 0;
 border-bottom: 1px solid #e5e5e5;
 color: #444;
 font-size: 18px;
 line-height: 40px
}

legend small {
 color: #999;
 font-size: 15px
}

button,
input,
label,
select,
textarea {
 font-weight: 400;
 font-size: 12px;
 line-height: 20px
}

button,
input,
select,
textarea {
 font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif
}

label {
 display: block;
 margin-bottom: 5px
}

.uneditable-input,
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=tel],
input[type=color],
input[type=search],
select,
textarea {
 display: inline-block;
 margin-bottom: 10px;
 padding: 5px 6px 3px;
 height: 20px;
 border-radius: 0;
 color: #555;
 vertical-align: middle;
 font-size: 12px;
 line-height: 20px
}

.uneditable-input,
input,
textarea {
 width: 206px
}

textarea {
 height: auto
}

.uneditable-input,
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=tel],
input[type=color],
input[type=search],
textarea {
 border: 1px solid #D9D9D9;
 background-color: #fff;
 -webkit-transition: border linear .2s;
 -moz-transition: border linear .2s;
 transition: border linear .2s;
 border-top-color: silver;
 border-left-color: #d0d0d0
}

.uneditable-input:focus,
.uneditable-input:hover,
input[type=text]:focus,
input[type=text]:hover,
input[type=password]:focus,
input[type=password]:hover,
input[type=datetime]:focus,
input[type=datetime]:hover,
input[type=datetime-local]:focus,
input[type=datetime-local]:hover,
input[type=date]:focus,
input[type=date]:hover,
input[type=month]:focus,
input[type=month]:hover,
input[type=time]:focus,
input[type=time]:hover,
input[type=week]:focus,
input[type=week]:hover,
input[type=number]:focus,
input[type=number]:hover,
input[type=email]:focus,
input[type=email]:hover,
input[type=url]:focus,
input[type=url]:hover,
input[type=tel]:focus,
input[type=tel]:hover,
input[type=color]:focus,
input[type=color]:hover,
input[type=search]:focus,
input[type=search]:hover,
textarea:focus,
textarea:hover {
 outline: 0;
 outline: thin dotted\9;
 border-color: #b9b9b9;
 border-top-color: #A0A0A0;
 border-left-color: #b0b0b0
}

.uneditable-input:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=time]:focus,
input[type=week]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=tel]:focus,
input[type=color]:focus,
input[type=search]:focus,
textarea:focus {
 border-color: #999
}

input[type=radio],
input[type=checkbox] {
 margin: 4px 0 0;
 margin-top: 1px/9;
 line-height: normal
}

input[type=button],
input[type=reset],
input[type=file],
input[type=submit],
input[type=image],
input[type=radio],
input[type=checkbox] {
 width: auto
}

input[type=file],
select {
 height: 30px;
 line-height: 30px
}

select {
 width: 220px;
 border: 1px solid #ccc;
 background-color: #F7FBFE
}

select[multiple],
select[size] {
 height: auto
}

input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus,
select:focus {
 outline: thin dotted #333;
 outline: 5px auto -webkit-focus-ring-color;
 outline-offset: -2px
}

input:-moz-placeholder,
textarea:-moz-placeholder {
 color: #999
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
 color: #999
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
 color: #999
}

.checkbox,
.radio {
 padding-left: 20px;
 min-height: 20px
}

.checkbox input[type=checkbox],
.radio input[type=radio] {
 float: left;
 margin-left: -20px
}

.controls>.checkbox:first-child,
.controls>.radio:first-child {
 padding-top: 5px
}

.checkbox.inline,
.radio.inline {
 display: inline-block;
 margin-bottom: 0;
 padding-top: 5px;
 vertical-align: middle
}

.checkbox.inline+.checkbox.inline,
.radio.inline+.radio.inline {
 margin-left: 10px
}

.input-mini {
 width: 60px
}

.input-small {
 width: 90px
}

.input-medium {
 width: 150px
}

.input-large {
 width: 210px
}

.input-xlarge {
 width: 270px
}

.input-xxlarge {
 width: 530px
}

input[disabled],
input[readonly],
select[disabled],
select[readonly],
textarea[disabled],
textarea[readonly] {
 background-color: #eee
}

input[type=radio][disabled],
input[type=radio][readonly],
input[type=checkbox][disabled],
input[type=checkbox][readonly] {
 background-color: transparent
}

.control-group.error .control-label,
.control-group.error .help-block,
.control-group.error .help-inline {
 color: #d9534f
}

.control-group.error .checkbox,
.control-group.error .radio,
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
 color: #d9534f
}

.control-group.error input,
.control-group.error select,
.control-group.error textarea {
 border-color: #d9534f
}

.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
 border-color: #c9302c
}

.control-group.error .input-append .add-on,
.control-group.error .input-prepend .add-on {
 border-color: #d9534f;
 background-color: #f2dede;
 color: #d9534f
}

.control-group.success .control-label,
.control-group.success .help-block,
.control-group.success .help-inline {
 color: #56af45
}

.control-group.success .checkbox,
.control-group.success .radio,
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
 color: #56af45
}

.control-group.success input,
.control-group.success select,
.control-group.success textarea {
 border-color: #56af45
}

.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
 border-color: #448a37
}

.control-group.success .input-append .add-on,
.control-group.success .input-prepend .add-on {
 border-color: #56af45;
 background-color: #dff0d8;
 color: #56af45
}

input:focus:invalid,
select:focus:invalid,
textarea:focus:invalid {
 border-color: #ee5f5b;
 color: #b94a48
}

input:focus:invalid:focus,
select:focus:invalid:focus,
textarea:focus:invalid:focus {
 border-color: #e9322d;
 box-shadow: 0 0 6px #f8b9b7
}

.form-actions {
 margin-top: 20px;
 margin-bottom: 20px;
 padding: 19px 20px 20px
}

.form-actions:after,
.form-actions:before {
 display: table;
 content: "";
 line-height: 0
}

.form-actions:after {
 clear: both
}

.help-block,
.help-inline {
 color: #7b7b7b;
 font-size: 12px
}

.help-block {
 display: block;
 margin-top: 7px;
 margin-bottom: 10px
}

.help-inline {
 display: inline-block;
 padding-left: 5px;
 vertical-align: middle
}

.form-horizontal .help-inline,
.form-horizontal input,
.form-horizontal select,
.form-horizontal textarea,
.form-inline .help-inline,
.form-inline input,
.form-inline select,
.form-inline textarea {
 display: inline-block;
 margin-bottom: 0;
 vertical-align: middle
}

.form-horizontal .hide,
.form-inline .hide {
 display: none
}

.form-inline .btn-group,
.form-inline label {
 display: inline-block
}

.form-inline .input-append,
.form-inline .input-prepend {
 margin-bottom: 0
}

.form-inline .checkbox,
.form-inline .radio {
 margin-bottom: 0;
 padding-left: 0;
 vertical-align: middle
}

.form-inline .checkbox input[type=checkbox],
.form-inline .radio input[type=radio] {
 float: left;
 margin-right: 3px;
 margin-left: 0
}

.control-group {
 margin-bottom: 10px
}

legend+.control-group {
 margin-top: 20px;
 -webkit-margin-top-collapse: separate
}

.form-horizontal .control-group {
 margin-bottom: 20px
}

.form-horizontal .control-group:after,
.form-horizontal .control-group:before {
 display: table;
 content: "";
 line-height: 0
}

.form-horizontal .control-group:after {
 clear: both
}

.form-horizontal .control-label {
 float: left;
 padding-top: 5px;
 width: 160px;
 text-align: right
}

.form-horizontal .controls {
 margin-left: 180px
}

.form-horizontal .help-block {
 margin-bottom: 0
}

.form-horizontal input+.help-block,
.form-horizontal select+.help-block,
.form-horizontal textarea+.help-block {
 margin-top: 10px
}

.form-horizontal .form-actions {
 padding-left: 180px
}

table {
 max-width: 100%;
 border-collapse: collapse;
 background-color: transparent;
 border-spacing: 0
}

.table {
 margin-bottom: 20px;
 width: 100%
}

.table td,
.table th {
 padding: 8px;
 border-top: 1px solid #ddd;
 vertical-align: middle;
 text-align: left;
 line-height: 20px
}

.table th {
 font-weight: 700
}

.table thead th {
 vertical-align: bottom
}

.table caption+thead tr:first-child td,
.table caption+thead tr:first-child th,
.table colgroup+thead tr:first-child td,
.table colgroup+thead tr:first-child th,
.table thead:first-child tr:first-child td,
.table thead:first-child tr:first-child th {
 border-top: 0
}

.table tbody+tbody {
 border-top: 2px solid #ddd
}

.table .table {
 background-color: #eee
}

.table-bordered {
 border: 1px solid #ddd;
 border-collapse: separate;
 border-left: 0;
 border-radius: 2px
}

.table-bordered td,
.table-bordered th {
 border-left: 1px solid #ddd
}

.table-bordered caption+tbody tr:first-child td,
.table-bordered caption+tbody tr:first-child th,
.table-bordered caption+thead tr:first-child th,
.table-bordered colgroup+tbody tr:first-child td,
.table-bordered colgroup+tbody tr:first-child th,
.table-bordered colgroup+thead tr:first-child th,
.table-bordered tbody:first-child tr:first-child td,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered thead:first-child tr:first-child th {
 border-top: 0
}

.table-striped tbody>tr:nth-child(odd)>td,
.table-striped tbody>tr:nth-child(odd)>th {
 background-color: #f9f9f9
}

.table-hover tbody tr:hover>td,
.table-hover tbody tr:hover>th {
 background-color: #f5f5f5
}

.table tbody tr.success>td {
 background-color: #dff0d8
}

.table tbody tr.error>td {
 background-color: #f2dede
}

.table tbody tr.warning>td {
 background-color: #fcf8e3
}

.table tbody tr.info>td {
 background-color: #d9edf7
}

.table-hover tbody tr.success:hover>td {
 background-color: #d0e9c6
}

.table-hover tbody tr.error:hover>td {
 background-color: #ebcccc
}

.table-hover tbody tr.warning:hover>td {
 background-color: #faf2cc
}

.table-hover tbody tr.info:hover>td {
 background-color: #c4e3f3
}

.dropdown,
.dropup {
 position: relative
}

.dropdown-toggle:active,
.open .dropdown-toggle {
 outline: 0
}

.caret {
 display: inline-block;
 width: 0;
 height: 0;
 border-top: 4px solid #000;
 border-right: 4px solid transparent;
 border-left: 4px solid transparent;
 content: "";
 vertical-align: top
}

.dropdown .caret {
 margin-top: 8px;
 margin-left: 2px
}

.dropdown-menu {
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 1000;
 float: left;
 display: none;
 margin: 2px 0 0;
 padding: 5px 0;
 min-width: 160px;
 border: 1px solid #ccc;
 border: 1px solid rgba(0, 0, 0, .2);
 border-radius: 0;
 background-color: #fff;
 background-clip: padding-box;
 box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
 list-style: none;
 -webkit-background-clip: padding-box;
 -moz-background-clip: padding
}

.dropdown-menu.pull-right {
 right: 0;
 left: auto
}

.dropdown-menu .divider {
 overflow: hidden;
 margin: 9px 1px;
 height: 1px;
 border-bottom: 1px solid #fff;
 background-color: #e5e5e5
}

.dropdown-menu>li>a {
 clear: both;
 display: block;
 padding: 3px 20px;
 color: #444;
 white-space: nowrap;
 font-weight: 400;
 line-height: 20px
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover,
.dropdown-submenu:focus>a,
.dropdown-submenu:hover>a {
 background-color: #428BCA;
 color: #fff;
 text-decoration: none
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
 outline: 0;
 background-color: #0081c2;
 background-image: -moz-linear-gradient(top, #428BD1, #0077b3);
 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#428BD1), to(#0077b3));
 background-image: -webkit-linear-gradient(top, #428BD1, #0077b3);
 background-image: linear-gradient(to bottom, #428BD1, #0077b3);
 background-repeat: repeat-x;
 color: #fff;
 text-decoration: none;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428BD1', endColorstr='#ff0077b3', GradientType=0)
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
 color: #999
}

.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
 background-color: transparent;
 background-image: none;
 text-decoration: none;
 cursor: default;
 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.open>.dropdown-menu {
 display: block
}

.pull-right>.dropdown-menu {
 right: 0;
 left: auto
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
 border-top: 0;
 border-bottom: 4px solid #000;
 content: ""
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
 top: auto;
 bottom: 100%;
 margin-bottom: 1px
}

.dropdown-submenu {
 position: relative
}

.dropdown-submenu>.dropdown-menu {
 top: 0;
 left: 100%;
 margin-top: -6px;
 margin-left: -1px;
 border-radius: 0 2px 2px 2px
}

.dropdown-submenu:hover>.dropdown-menu {
 display: block
}

.dropup .dropdown-submenu>.dropdown-menu {
 top: auto;
 bottom: 0;
 margin-top: 0;
 margin-bottom: -2px;
 border-radius: 2px 2px 2px 0
}

.dropdown-submenu>a:after {
 float: right;
 display: block;
 margin-top: 5px;
 margin-right: -10px;
 width: 0;
 height: 0;
 border-color: transparent;
 border-style: solid;
 border-width: 2px 0 2px 2px;
 content: " ";
 border-left-color: #ccc
}

.dropdown-submenu:hover>a:after {
 border-left-color: #fff
}

.dropdown-submenu.pull-left {
 float: none
}

.dropdown-submenu.pull-left>.dropdown-menu {
 left: -100%;
 margin-left: 10px;
 border-radius: 2px 0 2px 2px
}

.dropdown .dropdown-menu .nav-header {
 padding-right: 20px;
 padding-left: 20px
}

.btn {
 display: inline-block;
 margin-bottom: 0;
 padding: 6px 12px 4px;
 border: 0;
 border-radius: 0;
 vertical-align: middle;
 text-align: center;
 font-size: 12px;
 line-height: 20px;
 cursor: pointer
}

.btn:focus,
.btn:hover {
 text-decoration: none
}

.btn:focus {
 outline: thin dotted #333;
 outline: 5px auto -webkit-focus-ring-color;
 outline-offset: -2px
}

.btn.active,
.btn:active {
 outline: 0
}

.btn.disabled,
.btn[disabled] {
 opacity: .65;
 cursor: default;
 filter: alpha(opacity=65)
}

.btn-large {
 padding: 11px 19px;
 font-size: 15px
}

.btn-large [class*=" icon-"],
.btn-large [class^=icon-] {
 margin-top: 4px
}

.btn-mini {
 padding: 2px 10px;
 font-size: 12px
}

.btn-mini [class*=" icon-"],
.btn-mini [class^=icon-] {
 margin-top: 4px
}

.btn-block {
 display: block;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 padding-right: 0;
 padding-left: 0;
 width: 100%
}

.btn-block+.btn-block {
 margin-top: 5px
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
 width: 100%
}

.btn {
 background-color: #1266BD;
 color: #fff
}

.btn.active,
.btn.disabled,
.btn:active,
.btn:focus,
.btn:hover,
.btn[disabled] {
 background-color: #68AC27;
 color: #fff
}

.btn-primary {
 background-color: #1266BD;
 color: #fff
}

.btn-primary.active,
.btn-primary.disabled,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary[disabled] {
 background-color: #357EBD;
 color: #fff
}

.btn-warning {
 background-color: #f8a31f;
 color: #fff
}

.btn-warning.active,
.btn-warning.disabled,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover,
.btn-warning[disabled] {
 background-color: #f88a2a;
 color: #fff
}

.btn-danger {
 background-color: #d9534f;
 color: #fff
}

.btn-danger.active,
.btn-danger.disabled,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover,
.btn-danger[disabled] {
 background-color: #e51400;
 color: #fff
}

.btn-success {
 background-color: #666;
 color: #fff
}

.btn-success.active,
.btn-success.disabled,
.btn-success:active,
.btn-success:focus,
.btn-success:hover,
.btn-success[disabled] {
 background-color: #1266BD;
 color: #fff
}

.btn-info {
 background-color: #129FDB;
 color: #fff
}

.btn-info.active,
.btn-info.disabled,
.btn-info:active,
.btn-info:focus,
.btn-info:hover,
.btn-info[disabled] {
 background-color: #007877;
 color: #fff
}

.btn-inverse {
 background-color: #484848;
 color: #fff
}

.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse:active,
.btn-inverse:focus,
.btn-inverse:hover,
.btn-inverse[disabled] {
 background-color: #1266BD;
 color: #fff
}

button.btn {
 border-radius: 5px
}

input[type=submit].btn {
 border-radius: 0 5px 5px 0
}

button.btn::-moz-focus-inner,
input[type=submit].btn::-moz-focus-inner {
 padding: 0;
 border: 0
}

.btn-group {
 position: relative;
 display: inline-block;
 vertical-align: middle;
 white-space: nowrap;
 font-size: 0
}

.btn-group+.btn-group {
 margin-left: 5px
}

.btn-toolbar {
 margin-top: 10px;
 margin-bottom: 10px;
 font-size: 0
}

.btn-toolbar>.btn+.btn,
.btn-toolbar>.btn+.btn-group,
.btn-toolbar>.btn-group+.btn {
 margin-left: 5px
}

.btn-group>.btn {
 position: relative;
 border-radius: 0
}

.btn-group>.btn+.btn {
 margin-left: 1px
}

.btn-group>.btn,
.btn-group>.dropdown-menu,
.btn-group>.popover {
 border-radius: 5px;
 font-size: 12px
}

.btn-group>.btn-mini {
 font-size: 12px
}

.btn-group>.btn-large {
 font-size: 15px
}

.btn-group>.btn.large:first-child,
.btn-group>.btn:first-child {
 margin-left: 0
}

.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
 z-index: 2
}

.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-large+.dropdown-toggle {
 padding-right: 12px;
 padding-left: 12px
}

.btn-group.open .btn.dropdown-toggle {
 background-color: #DDD
}

.btn-group.open .btn-primary.dropdown-toggle {
 background-color: #357EBD
}

.btn-group.open .btn-danger.dropdown-toggle {
 background-color: #E51400
}

.btn-group.open .btn-success.dropdown-toggle {
 background-color: #4CAE4C
}

.btn-group.open .btn-inverse.dropdown-toggle {
 background-color: #333
}

.btn .caret {
 margin-top: 8px;
 margin-left: 0
}

.btn-large .caret {
 margin-top: 6px
}

.btn-large .caret {
 border-left-width: 5px;
 border-right-width: 5px;
 border-top-width: 5px
}

.btn-mini .caret,
.btn-small .caret {
 margin-top: 8px
}

.dropup .btn-large .caret {
 border-bottom-width: 5px
}

.btn-danger .caret,
.btn-info .caret,
.btn-inverse .caret,
.btn-primary .caret,
.btn-success .caret,
.btn-warning .caret {
 border-top-color: #fff;
 border-bottom-color: #fff
}

.btn-group-vertical {
 display: inline-block
}

.btn-group-vertical>.btn {
 float: none;
 display: block;
 max-width: 100%;
 border-radius: 0
}

.btn-group-vertical>.btn+.btn {
 margin-top: 1px;
 margin-left: 0
}

.alert {
 margin-bottom: 20px;
 padding: 10px 35px 10px 14px;
 border: 1px solid #fbeed5;
 border-radius: 2px;
 background-color: #fcf8e3;
 text-shadow: 0 1px 0 rgba(255, 255, 255, .5)
}

.alert {
 color: #c09853
}

.alert .close {
 position: relative;
 top: 0;
 right: -21px;
 line-height: 20px
}

.alert-success {
 border-color: #d6e9c6;
 background-color: #dff0d8;
 color: #56af45
}

.alert-error {
 border-color: #eed3d7;
 background-color: #f2dede;
 color: #d9534f
}

.alert-info {
 border-color: #bce8f1;
 background-color: #d9edf7;
 color: #3a87ad
}

.nav {
 list-style: none
}

.nav>li>a {
 display: block
}

.nav>li>a:focus,
.nav>li>a:hover {
 background-color: none;
 text-decoration: none
}

.nav>li>a>img {
 max-width: none
}

.nav>.pull-right {
 float: right
}

.nav-header {
 display: block;
 padding: 3px 15px;
 color: #999;
 text-transform: uppercase;
 text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
 font-weight: 700;
 font-size: 11px;
 line-height: 20px
}

.nav li+.nav-header {
 margin-top: 9px
}

.nav-list {
 margin-bottom: 10px;
 padding-right: 15px;
 padding-left: 15px
}

.nav-list .nav-header,
.nav-list>li>a {
 margin-right: -15px;
 margin-left: -15px;
 text-shadow: 0 1px 0 rgba(255, 255, 255, .5)
}

.nav-list>li>a {
 padding: 3px 15px
}

.nav-list>.active>a,
.nav-list>.active>a:focus,
.nav-list>.active>a:hover {
 background-color: #428BD1;
 color: #fff;
 text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}

.nav-list [class*=" icon-"],
.nav-list [class^=icon-] {
 margin-right: 2px
}

.nav-list .divider {
 overflow: hidden;
 margin: 9px 1px;
 height: 1px;
 border-bottom: 1px solid #fff;
 background-color: #e5e5e5
}

.nav-pills:after,
.nav-pills:before,
.nav-tabs:after,
.nav-tabs:before {
 display: table;
 content: "";
 line-height: 0
}

.nav-pills:after,
.nav-tabs:after {
 clear: both
}

.nav-pills>li,
.nav-tabs>li {
 float: left
}

.nav-pills>li>a,
.nav-tabs>li>a {
 margin-right: 2px;
 padding-right: 12px;
 padding-left: 12px;
 line-height: 14px
}

.nav-tabs {
 border-bottom: 1px solid #ddd
}

.nav-tabs>li {
 margin-bottom: -1px
}

.nav-tabs>li>a {
 padding-top: 8px;
 padding-bottom: 8px;
 border: 1px solid transparent;
 border-radius: 2px 2px 0 0;
 line-height: 20px
}

.nav-tabs>li>a:focus,
.nav-tabs>li>a:hover {
 border-color: #eee #eee #ddd
}

.nav-tabs>.active>a,
.nav-tabs>.active>a:focus,
.nav-tabs>.active>a:hover {
 border: 1px solid #ddd;
 background-color: #eee;
 color: #555;
 cursor: default;
 border-bottom-color: transparent
}

.nav-pills>li>a {
 margin-top: 2px;
 margin-bottom: 2px;
 padding-top: 8px;
 padding-bottom: 8px;
 border-radius: 2px
}

.nav-pills>.active>a,
.nav-pills>.active>a:focus,
.nav-pills>.active>a:hover {
 background-color: #428BD1;
 color: #fff
}

.nav-stacked>li {
 float: none
}

.nav-stacked>li>a {
 margin-right: 0
}

.nav-tabs.nav-stacked {
 border-bottom: 0
}

.nav-tabs.nav-stacked>li>a {
 border: 1px solid #ddd;
 border-radius: 0
}

.nav-tabs.nav-stacked>li:first-child>a {
 border-top-right-radius: 4px;
 border-top-left-radius: 4px
}

.nav-tabs.nav-stacked>li:last-child>a {
 border-bottom-right-radius: 4px;
 border-bottom-left-radius: 4px
}

.nav-tabs.nav-stacked>li>a:focus,
.nav-tabs.nav-stacked>li>a:hover {
 z-index: 2;
 border-color: #ddd
}

.nav-pills.nav-stacked>li>a {
 margin-bottom: 3px
}

.nav-pills.nav-stacked>li:last-child>a {
 margin-bottom: 1px
}

.nav-tabs .dropdown-menu {
 border-radius: 0 0 6px 6px
}

.nav-pills .dropdown-menu {
 border-radius: 6px
}

.nav .dropdown-toggle .caret {
 margin-top: 6px;
 border-top-color: #428BD1;
 border-bottom-color: #428BD1
}

.nav .dropdown-toggle:focus .caret,
.nav .dropdown-toggle:hover .caret {
 border-top-color: #357EBD;
 border-bottom-color: #357EBD
}

.nav-tabs .dropdown-toggle .caret {
 margin-top: 8px
}

.nav .active .dropdown-toggle .caret {
 border-top-color: #fff;
 border-bottom-color: #fff
}

.nav-tabs .active .dropdown-toggle .caret {
 border-top-color: #555;
 border-bottom-color: #555
}

.nav>.dropdown.active>a:focus,
.nav>.dropdown.active>a:hover {
 cursor: pointer
}

.nav-pills .open .dropdown-toggle,
.nav-tabs .open .dropdown-toggle,
.nav>li.dropdown.open.active>a:focus,
.nav>li.dropdown.open.active>a:hover {
 border-color: #999;
 background-color: #999;
 color: #fff
}

.nav li.dropdown.open .caret,
.nav li.dropdown.open a:focus .caret,
.nav li.dropdown.open a:hover .caret,
.nav li.dropdown.open.active .caret {
 opacity: 1;
 border-top-color: #fff;
 border-bottom-color: #fff;
 filter: alpha(opacity=100)
}

.tabs-stacked .open>a:focus,
.tabs-stacked .open>a:hover {
 border-color: #999
}

.tabbable:after,
.tabbable:before {
 display: table;
 content: "";
 line-height: 0
}

.tabbable:after {
 clear: both
}

.tab-content {
 overflow: auto
}

.tabs-below>.nav-tabs,
.tabs-left>.nav-tabs,
.tabs-right>.nav-tabs {
 border-bottom: 0
}

.pill-content>.pill-pane,
.tab-content>.tab-pane {
 display: none
}

.pill-content>.active,
.tab-content>.active {
 display: block
}

.tabs-below>.nav-tabs {
 border-top: 1px solid #ddd
}

.tabs-below>.nav-tabs>li {
 margin-top: -1px;
 margin-bottom: 0
}

.tabs-below>.nav-tabs>li>a {
 border-radius: 0 0 4px 4px
}

.tabs-below>.nav-tabs>li>a:focus,
.tabs-below>.nav-tabs>li>a:hover {
 border-bottom-color: transparent;
 border-top-color: #ddd
}

.tabs-below>.nav-tabs>.active>a,
.tabs-below>.nav-tabs>.active>a:focus,
.tabs-below>.nav-tabs>.active>a:hover {
 border-color: transparent #ddd #ddd #ddd
}

.tabs-left>.nav-tabs>li,
.tabs-right>.nav-tabs>li {
 float: none
}

.tabs-left>.nav-tabs>li>a,
.tabs-right>.nav-tabs>li>a {
 margin-right: 0;
 margin-bottom: 3px;
 min-width: 74px
}

.tabs-left>.nav-tabs {
 float: left;
 margin-right: 19px;
 border-right: 1px solid #ddd
}

.tabs-left>.nav-tabs>li>a {
 margin-right: -1px;
 border-radius: 4px 0 0 4px
}

.tabs-left>.nav-tabs>li>a:focus,
.tabs-left>.nav-tabs>li>a:hover {
 border-color: #eee #ddd #eee #eee
}

.tabs-left>.nav-tabs .active>a,
.tabs-left>.nav-tabs .active>a:focus,
.tabs-left>.nav-tabs .active>a:hover {
 border-color: #ddd transparent #ddd #ddd
}

.tabs-right>.nav-tabs {
 float: right;
 margin-left: 19px;
 border-left: 1px solid #ddd
}

.tabs-right>.nav-tabs>li>a {
 margin-left: -1px;
 border-radius: 0 4px 4px 0
}

.tabs-right>.nav-tabs>li>a:focus,
.tabs-right>.nav-tabs>li>a:hover {
 border-color: #eee #eee #eee #ddd
}

.tabs-right>.nav-tabs .active>a,
.tabs-right>.nav-tabs .active>a:focus,
.tabs-right>.nav-tabs .active>a:hover {
 border-color: #ddd #ddd #ddd transparent
}

.nav>.disabled>a {
 color: #999
}

.nav>.disabled>a:focus,
.nav>.disabled>a:hover {
 background-color: transparent;
 text-decoration: none;
 cursor: default
}

.navbar {
 margin: 0 auto;
 width: 1200px;
 height: 52px
}

.navbar:after,
.navbar:before {
 display: table;
 content: "";
 line-height: 0
}

.navbar:after {
 clear: both
}

.navbar .logo {
 float: left;
 overflow: hidden;
 margin: 0 20px 0 0;
 width: 123px;
 height: 52px;
 color: #fff;
 font-weight: 700;
 font-size: 18px;
 line-height: 208px
}

.navbar .logo a {
 display: block;
 overflow: hidden;
 height: 52px;
 color: #fff
}

.navbar .nav {
 position: relative;
 left: 0;
 float: left;
 display: block;
 margin: 0 10px 0 0;
 font-size: 14px
}

.navbar .nav.pull-right {
 float: right;
 margin-right: 0
}

.navbar .nav>li {
 position: relative;
 float: left;
 text-align: center
}

.navbar .nav li a {
 padding: 16px 18px;
 color: #000
}

.navbar .nav .dropdown-toggle .caret {
 margin-top: 8px
}

.navbar .nav li a:focus,
.navbar .nav li a:hover {
 background-color: #404040;
 color: #fff
}

.navbar .nav .active a,
.navbar .nav .active a:focus,
.navbar .nav .active a:hover {
 background-color: #404040;
 color: #fff
}

.navbar .nav li.current-menu-item a,
.navbar .nav li.current-menu-parent a,
.navbar .nav li.current-post-ancestor a,
.navbar .nav li.current_page_item a {
 position: relative;
 z-index: 2;
 color: #fff
}

.navbar .nav li:hover>ul {
 display: block
}

.navbar .nav>li>ul {
 display: none;
 position: absolute;
 left: 0;
 top: 100%;
 padding-bottom: 5px;
 min-width: 100%;
 text-align: left;
 font-size: 12px
}

.navbar .nav>li>ul>li>ul {
 position: absolute;
 top: 0;
 left: 100%;
 z-index: 10;
 display: none;
 padding-bottom: 10px;
 min-width: 140px;
 text-align: left;
 font-size: 12px
}

.navbar .nav>li>ul>li {
 position: relative;
 float: none;
 margin: 0;
 text-align: center
}

.navbar .nav>li>ul>li>a,
.navbar .nav>li>ul>li>ul>li>a {
 float: none;
 display: block;
 padding: 5px 12px;
 color: #eee
}

.navbar .nav>li>i {
 position: absolute;
 top: 0;
 right: 5px;
 line-height: 52px;
 color: #fff;
 z-index: 999;
}

.navbar .nav li li.current-menu-item a,
.navbar .nav>li>ul>li>a:hover {
 color: #fff
}

.navbar .nav li li a:hover,
.navbar .nav li li.current-menu-item a {
 background-color: #56A856
}

.navbar .nav li ul,
.navbar .nav li.current-menu-item a,
.navbar .nav li.current-menu-parent a,
.navbar .nav li.current-post-ancestor a,
.navbar .nav li.current_page_item a,
.navbar .nav li:hover a {
 background-color: #065fba
}

.navbar .btn-navbar {
 float: right;
 display: none;
 margin-top: 11px;
 margin-right: 5px;
 margin-left: 5px;
 padding: 5px 8px 6px;
 background-color: #065fba
}

.navbar .btn-navbar .icon-bar {
 display: block;
 width: 18px;
 height: 2px;
 background-color: #f9f9f9
}

.btn-navbar .icon-bar+.icon-bar {
 margin-top: 3px
}

.navbar .dropdown-menu:before {
 position: absolute;
 top: -5px;
 left: 9px;
 display: inline-block;
 border-right: 5px solid transparent;
 border-bottom: 5px solid #ccc;
 border-left: 5px solid transparent;
 content: '';
 border-bottom-color: rgba(0, 0, 0, .2)
}

.navbar .dropdown-menu:after {
 position: absolute;
 top: -4px;
 left: 10px;
 display: inline-block;
 border-right: 4px solid transparent;
 border-bottom: 4px solid #fff;
 border-left: 4px solid transparent;
 content: ''
}

.navbar .dropdown-menu.pull-right {
 right: 0;
 left: auto
}

.navbar .dropdown-menu.pull-right:before {
 right: 6px;
 left: auto
}

.navbar .dropdown-menu.pull-right:after {
 right: 7px;
 left: auto
}

.navbar .dropdown-menu.pull-right .dropdown-menu {
 right: 100%;
 left: auto;
 margin-right: -1px;
 margin-left: 0
}

.search-form {
 float: left;
 margin: 0 5px 0 0
}

input.search-input {
 float: left;
 margin-right: -30px;
 width: 185px;
 border: 1px solid #ccc;
 border-radius: 30px;
 color: #bbb;
 line-height: 14px
}

input.search-input:focus,
input.search-input:hover {
 border-color: #ccc;
 border-radius: 5px;
 border-radius: 30px;
 color: #444
}

.search-submit {
 float: left
}

.search-suggest.dropdown-menu>li>a {
 padding: 4px 7px 3px
}

.search-suggest span {
 float: right;
 color: #999
}

.search-suggest .active span {
 color: #fff
}

.nav-search {
 display: none;
 float: right;
 font-size: 18px;
 color: #1f6ec0;
 text-align: right;
 line-height: 40px;
 margin-top: 6px;
 margin-right: 15px;
}

.breadcrumb {
 margin: 0 0 20px;
 padding: 8px 15px;
 border-radius: 2px;
 background-color: #f5f5f5;
 list-style: none
}

.breadcrumb>li {
 display: inline-block;
 text-shadow: 0 1px 0 #fff
}

.breadcrumb>li>.divider {
 padding: 0 5px;
 color: #ccc
}

.breadcrumb>.active {
 color: #999
}

.pagination {
 padding: 20px;
 background-color: #fff;
 text-align: center
}

.pagination ul {
 display: inline-block;
 margin-bottom: 0;
 margin-left: 0
}

.pagination ul>li {
 display: inline
}

.pagination ul>li>a,
.pagination ul>li>span {
 float: left;
 margin: 0 1px;
 padding: 4px 12px 3px;
 border-radius: 5px;
 background-color: #f1f1f1;
 color: #666;
 text-decoration: none;
 line-height: 20px
}

.pagination ul>li>a:focus,
.pagination ul>li>a:hover {
 border-radius: 5px;
 background-color: #1266BD;
 color: #fff
}

.pagination ul>.active>a,
.pagination ul>.active>span {
 background-color: #666;
 color: #fff
}

.pagination ul>.active>a,
.pagination ul>.active>span {
 border-radius: 5px;
 cursor: default
}

.pagination ul>.disabled>a,
.pagination ul>.disabled>a:focus,
.pagination ul>.disabled>a:hover,
.pagination ul>.disabled>span,
.pagination ul>li>span {
 background-color: transparent;
 color: #999;
 cursor: default
}

.pagenav {
 overflow: hidden;
 padding: 20px;
 text-align: center
}

.pagenav .current,
.pagenav .page-numbers,
.pagenav a {
 display: inline-block;
 margin: 0 1px;
 padding: 4px 12px 3px;
 background-color: #eee;
 color: #666
}

.pagenav .current {
 background-color: #428BCA;
 color: #fff
}

.pagenav a:hover {
 background-color: #ccc;
 color: #444
}

.rollto {
 position: fixed;
 right: 15px;
 bottom: 8px;
 z-index: 999;
 display: none;
 width: 32px
}

.rollto .btn {
 margin-top: 1px;
 padding: 7px 12px
}

.rollto .btn i {
 margin-top: 2px
}

.speedbar {
 clear: both;
 overflow: hidden;
 margin-top: 10px;
 padding: 8px 20px 13px;
 height: 12px;
 background-color: #F7FBFF;
 color: #666
}

.speedbar i {
 opacity: .5;
 filter: alpha(opacity=50)
}

.speedbar .btn-group {
 float: right;
 margin-left: 6px
}

.speedmenu {
 float: right
}

.speedmenu li {
 position: relative;
 float: left
}

.speedmenu li a {
 position: relative;
 float: left;
 display: inline-block;
 margin-left: -1px;
 padding: 0 10px;
 height: 25px;
 border: 1px solid #ddd;
 border-radius: 0;
 background: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
 background: -moz-linear-gradient(top, #f5f5f5, #f1f1f1);
 background: linear-gradient(top, #f5f5f5, #f1f1f1);
 background-color: #fff;
 color: #666;
 vertical-align: middle;
 text-align: center;
 text-decoration: none;
 font-weight: 400;
 font-size: 12px;
 line-height: 25px;
 cursor: pointer
}

.speedmenu li a:hover,
.speedmenu li:hover a {
 position: relative;
 z-index: 2;
 border-color: #c6c6c6;
 background: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
 background: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
 background: linear-gradient(top, #f8f8f8, #f1f1f1);
 background-color: #f8f8f8;
 box-shadow: #ddd 0 1px 1px 0;
 color: #333
}

.speedmenu li a:active,
.speedmenu li.current-menu-item a,
.speedmenu li.current-menu-parent a,
.speedmenu li.current-post-ancestor a,
.speedmenu li.current_page_item a {
 position: relative;
 z-index: 2;
 border-color: #c6c6c6;
 box-shadow: #ddd 0 1px 2px 0 inset
}

.speedmenu li:hover ul {
 display: block
}

.speedmenu li ul {
 position: absolute;
 top: 27px;
 left: 0;
 z-index: 10;
 display: none;
 text-align: left;
 font-size: 12px;
 line-height: 18px
}

.speedmenu li li {
 position: relative;
 float: none;
 clear: both;
 margin: 0
}

.speedmenu li li a {
 display: block;
 margin-top: -1px;
 min-width: 80px;
 text-align: left
}

.speedmenu li li a:hover {
 color: #000
}

.modal-backdrop {
 position: fixed;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 z-index: 1040;
 background-color: #000
}

.modal-backdrop.fade {
 opacity: 0
}

.modal-backdrop,
.modal-backdrop.fade.in {
 opacity: .8;
 filter: alpha(opacity=80)
}

.modal {
 position: fixed;
 top: 10%;
 left: 50%;
 z-index: 1050;
 margin-left: -280px;
 width: 560px;
 outline: 0;
 border: 1px solid #999;
 border: 1px solid rgba(0, 0, 0, .3);
 border-radius: 4px;
 background-color: #fff;
 background-clip: padding-box;
 box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
 -webkit-background-clip: padding-box;
 -moz-background-clip: padding-box
}

.modal.fade {
 top: -25%;
 -webkit-transition: opacity .3s linear, top .3s ease-out;
 -moz-transition: opacity .3s linear, top .3s ease-out;
 transition: opacity .3s linear, top .3s ease-out
}

.modal.fade.in {
 top: 10%
}

.modal-header {
 padding: 9px 15px;
 border-bottom: 1px solid #eee
}

.modal-header .close {
 margin-top: 2px
}

.modal-header h3 {
 margin: 0;
 line-height: 30px
}

.modal-white {
 border: none;
 border-radius: 0;
 box-shadow: none
}

.modal-body {
 position: relative;
 overflow-y: auto;
 padding: 15px;
 max-height: 400px
}

.modal-form {
 margin-bottom: 0
}

.modal-footer {
 margin-bottom: 0;
 padding: 14px 15px 15px;
 border-top: 1px solid #ddd;
 border-radius: 0 0 6px 6px;
 background-color: #f5f5f5;
 box-shadow: inset 0 1px 0 #fff;
 text-align: right
}

.modal-footer:after,
.modal-footer:before {
 display: table;
 content: "";
 line-height: 0
}

.modal-footer:after {
 clear: both
}

.modal-footer .btn+.btn {
 margin-bottom: 0;
 margin-left: 5px
}

.modal-footer .btn-group .btn+.btn {
 margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
 margin-left: 0
}

.tooltip {
 position: absolute;
 z-index: 1030;
 display: block;
 visibility: visible;
 font-size: 12px;
 line-height: 20px;
 opacity: 0;
 filter: alpha(opacity=0)
}

.tooltip.in {
 opacity: .8;
 filter: alpha(opacity=80)
}

.tooltip.top {
 margin-top: -3px;
 padding: 5px 0
}

.tooltip.right {
 margin-left: 3px;
 padding: 0 5px
}

.tooltip.bottom {
 margin-top: 3px;
 padding: 5px 0
}

.tooltip.left {
 margin-left: -3px;
 padding: 0 5px
}

.tooltip-inner {
 padding: 3px 8px 2px;
 max-width: 200px;
 border-radius: 2px;
 background-color: #000;
 color: #fff;
 text-align: center;
 text-decoration: none
}

.tooltip-arrow {
 position: absolute;
 width: 0;
 height: 0;
 border-color: transparent;
 border-style: solid
}

.tooltip.top .tooltip-arrow {
 bottom: 0;
 left: 50%;
 margin-left: -5px;
 border-width: 5px 5px 0;
 border-top-color: #000
}

.tooltip.right .tooltip-arrow {
 top: 50%;
 left: 0;
 margin-top: -5px;
 border-width: 5px 5px 5px 0;
 border-right-color: #000
}

.tooltip.left .tooltip-arrow {
 top: 50%;
 right: 0;
 margin-top: -5px;
 border-width: 5px 0 5px 5px;
 border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
 top: 0;
 left: 50%;
 margin-left: -5px;
 border-width: 0 5px 5px;
 border-bottom-color: #000
}

.popover {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 1010;
 display: none;
 padding: 1px;
 max-width: 276px;
 border: 1px solid #ccc;
 border: 1px solid rgba(0, 0, 0, .2);
 border-radius: 4px;
 background-color: #fff;
 background-clip: padding-box;
 box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
 text-align: left;
 white-space: normal;
 -webkit-background-clip: padding-box;
 -moz-background-clip: padding
}

.popover.top {
 margin-top: -10px
}

.popover.right {
 margin-left: 10px
}

.popover.bottom {
 margin-top: 10px
}

.popover.left {
 margin-left: -10px
}

.popover-title {
 margin: 0;
 padding: 8px 14px;
 border-bottom: 1px solid #ebebeb;
 border-radius: 5px 5px 0 0;
 background-color: #F7FBFF;
 font-weight: 400;
 font-size: 14px;
 line-height: 18px
}

.popover-title:empty {
 display: none
}

.popover-content {
 padding: 9px 14px
}

.popover .arrow,
.popover .arrow:after {
 position: absolute;
 display: block;
 width: 0;
 height: 0;
 border-color: transparent;
 border-style: solid
}

.popover .arrow {
 border-width: 11px
}

.popover .arrow:after {
 border-width: 10px;
 content: ""
}

.popover.top .arrow {
 bottom: -11px;
 left: 50%;
 margin-left: -11px;
 border-bottom-width: 0;
 border-top-color: #999;
 border-top-color: rgba(0, 0, 0, .25)
}

.popover.top .arrow:after {
 bottom: 1px;
 margin-left: -10px;
 border-bottom-width: 0;
 border-top-color: #fff
}

.popover.right .arrow {
 top: 50%;
 left: -11px;
 margin-top: -11px;
 border-left-width: 0;
 border-right-color: #999;
 border-right-color: rgba(0, 0, 0, .25)
}

.popover.right .arrow:after {
 bottom: -10px;
 left: 1px;
 border-left-width: 0;
 border-right-color: #fff
}

.popover.bottom .arrow {
 top: -11px;
 left: 50%;
 margin-left: -11px;
 border-top-width: 0;
 border-bottom-color: #999;
 border-bottom-color: rgba(0, 0, 0, .25)
}

.popover.bottom .arrow:after {
 top: 1px;
 margin-left: -10px;
 border-top-width: 0;
 border-bottom-color: #fff
}

.popover.left .arrow {
 top: 50%;
 right: -11px;
 margin-top: -11px;
 border-right-width: 0;
 border-left-color: #999;
 border-left-color: rgba(0, 0, 0, .25)
}

.popover.left .arrow:after {
 right: 1px;
 bottom: -10px;
 border-right-width: 0;
 border-left-color: #fff
}

.badge,
.label {
 position: relative;
 display: inline-block;
 padding: 4px 6px 3px;
 background-color: #999;
 color: #fff;
 vertical-align: baseline;
 white-space: nowrap;
 font-size: 10.15px;
 line-height: 14px
}

.badge {
 padding: 1px 4px 0
}

.badge:empty,
.label:empty {
 display: none
}

a.badge:focus,
a.badge:hover,
a.label:focus,
a.label:hover {
 color: #fff;
 text-decoration: none;
 cursor: pointer
}

.label-arrow {
 position: absolute;
 width: 0;
 height: 0;
 content: "";
 vertical-align: top
}

.label .label-arrow {
 top: 7px;
 right: -4px;
 border-top: 4px solid transparent;
 border-bottom: 4px solid transparent;
 border-left: 4px solid #000
}

.badge-important,
.label-important {
 background-color: #d9534f
}

.badge-important .label-arrow,
.label-important .label-arrow {
 border-left-color: #d9534f
}

.badge-warning,
.label-warning {
 background-color: #f89406
}

.badge-warning .label-arrow,
.label-warning .label-arrow {
 border-left-color: #f89406
}

.badge-success,
.label-success {
 background-color: #56af45
}

.badge-success .label-arrow,
.label-success .label-arrow {
 border-left-color: #56af45
}

.badge-info,
.label-info {
 background-color: #3a87ad
}

.badge-info .label-arrow,
.label-info .label-arrow {
 border-left-color: #3a87ad
}

.badge-inverse,
.label-inverse {
 background-color: #4A4A4A
}

.badge-inverse .label-arrow,
.label-inverse .label-arrow {
 border-left-color: #4A4A4A
}

a.badge-important:hover,
a.label-important:hover {
 background-color: #d33632
}

a.badge-info:hover .label-arrow,
a.label-info:hover .label-arrow {
 border-left-color: #d33632
}

a.badge-warning:hover,
a.label-warning:hover {
 background-color: #d57f05
}

a.badge-warning:hover .label-arrow,
a.label-warning:hover .label-arrow {
 border-left-color: #d57f05
}

a.badge-success:hover,
a.label-success:hover {
 background-color: #49953b
}

a.badge-success:hover .label-arrow,
a.label-success:hover .label-arrow {
 border-left-color: #49953b
}

a.badge-info:hover,
a.label-info:hover {
 background-color: #317292
}

a.badge-info:hover .label-arrow,
a.label-info:hover .label-arrow {
 border-left-color: #317292
}

a.badge-inverse:hover,
a.label-inverse:hover {
 background-color: #383838
}

a.badge-inverse:hover .label-arrow,
a.label-inverse:hover .label-arrow {
 border-left-color: #383838
}

.btn .badge,
.btn .label {
 position: relative;
 top: -1px
}

.btn-mini .badge,
.btn-mini .label {
 top: 0
}

.fade {
 opacity: 0;
 -webkit-transition: opacity .15s linear;
 -moz-transition: opacity .15s linear;
 transition: opacity .15s linear
}

.fade.in {
 opacity: 1
}

.pull-right {
 float: right
}

.pull-left {
 float: left
}

.hide {
 display: none
}

.show {
 display: block
}

.invisible {
 visibility: hidden
}

.affix {
 position: fixed
}

.archive-header {
 margin-bottom: 1px;
 padding: 5px 20px;
 border-radius: 5px 5px 0 0;
 background-color: #F7FBFF;
 font-size: 12px
}

.archive-header h1 a {
 color: #444
}

.archive-header-info {
 margin: -4px 0 0;
 color: #999;
 font-size: 12px
}

.banner-your {
 display: block;
 border: 2px dashed #bbb;
 background-color: #F7FBFE;
 color: #aaa;
 text-align: center;
 font-size: 22px;
 line-height: 20px
}

.banner-your:hover {
 border-color: #aaa;
 color: #1366BE
}

.banner-your:active {
 border-color: #D9534F;
 color: #D9534F
}

.slider {
 position: relative
}

.slider-wrap {
 position: relative;
 overflow: hidden
}

.slider-roll {
 position: relative
}

.slider-roll .item {
 overflow: hidden
}

.focusbanner {
 overflow: hidden;
 margin-bottom: 10px;
 padding-left: 225px
}

.focushome {
 position: relative;
 float: left;
 overflow: hidden;
 margin-left: -225px;
 width: 220px;
 height: 200px
}

.focushome span {
 position: absolute;
 bottom: 15px;
 left: 0;
 display: inline-block;
 margin-right: 40px;
 padding: 6px 12px 5px;
 background-color: #D9534F;
 color: #fff;
 line-height: 20px;
 opacity: .85
}

.focusslider {
 position: relative;
 overflow: hidden
}

.focusslider .slider-wrap {
 height: 200px
}

.focusslider .slider-roll .item img {
 width: 100%
}

.slider-ctrl {
 position: absolute;
 right: 0;
 bottom: 0;
 left: 0;
 padding: 2px 0 14px;
 height: 8px;
 background-color: rgba(0, 0, 0, .5);
 text-align: center
}

.slider-ctrl li {
 display: inline-block;
 overflow: hidden;
 margin: 0 2px;
 width: 20px;
 height: 8px;
 background-color: #fff;
 line-height: 50px;
 opacity: .8;
 cursor: pointer
}

.slider-ctrl li.active {
 background-color: #D9534F
}

.slider-next,
.slider-prev {
 display: inline-block;
 padding: 4px;
 color: #fff;
 text-align: center;
 font-weight: 700;
 font-size: 14px;
 font-family: serif;
 cursor: pointer;
 -webkit-transition: all .4s ease-out;
 -moz-transition: all .4s ease-out;
 transition: all .4s ease-out
}

.title {
 position: relative;
 margin: 0;
 padding: 6px 20px;
 height: 20px;
 border-bottom: 1px solid #eaeaea;
 border-radius: 5px 5px 0 0;
 background-color: #F7FBFF;
 font-weight: 400;
 font-size: 15px;
 line-height: 20px
}

.sticky {
 overflow: hidden
}

.sticky ul {
 margin-right: -2px
}

.sticky li {
 float: left;
 margin-bottom: 1px;
 width: 50%
}

.sticky li span {
 margin-left: -20px
}

.sticky li a {
 display: block;
 margin-right: 1px;
 padding: 5px 20px 2px 140px;
 background-color: #fff
}

.sticky h3 {
 overflow: hidden;
 margin: 10px 0 0 0;
 height: 25px;
 font-weight: 700;
 font-size: 14px
}

.sticky img {
 float: left;
 margin: 8px 0 0 -120px;
 width: 110px;
 height: 80px
}

.sticky p {
 overflow: hidden;
 height: 55px
}

.sticky a:hover {
 background-color: #E6EFFF
}

.sticky a:hover span {
 background-color: #428BCA
}

.sticky2 {
 overflow: hidden;
 margin-bottom: 5px;
 padding: 0 0 0 120px;
 background-color: #fff
}

.sticky2 .slider-wrap {
 height: 32px;
 line-height: 32px
}

.sticky2 .item {
 line-height: 32px
}

.sticky2 .item a {
 display: inline-block;
 margin-right: 20px;
 font-size: 15px
}

.sticky2 .muted {
 margin-right: 20px
}

.sticky2 h3 {
 position: absolute;
 top: 0;
 left: 0;
 margin: 0;
 padding: 6px 0;
 width: 104px;
 background-color: #FD7100;
 color: #fff;
 text-align: center;
 font-weight: 400;
 font-size: 15px;
 line-height: 20px
}

.sticky2 .caret {
 position: absolute;
 top: 50%;
 right: 0;
 margin-top: -4px;
 border-right-color: #fff
}

.sticky2 .slider-next,
.sticky2 .slider-prev {
 position: absolute;
 top: 50%;
 right: 5px;
 margin-top: -12px;
 padding: 2px 7px;
 background-color: #e6e6e6;
 color: #aaa
}

.sticky2 .slider-prev {
 right: 29px
}

.sticky2 .slider-next:hover,
.sticky2 .slider-prev:hover {
 background-color: #4a4a4a;
 color: #fff
}

.excerpt {
 position: relative;
 margin-bottom: 1px;
 padding: 20px 20px 20px 256px;
 border-left: solid 4px #fff;
 background-color: #fff
}

.excerpt:after,
.excerpt:before {
 display: table;
 content: "";
 line-height: 0
}

.excerpt:after {
 clear: both
}

.excerpt header {
 margin: 5px 40px 5px 0
}

.excerpt .focus {
 position: relative;
 float: left;
 margin-top: 0;
 margin-left: -240px;
 width: 220px;
 text-align: center
}

.excerpt .thumbnail img {
 display: block;
 width: 220px;
 height: 150px
}

.excerpt .thumbnail:hover {
 border-color: #ccc;
 border-bottom-color: #bbb
}

.excerpt header .label {
 position: relative;
 top: -2px;
 margin-right: 5px
}

.excerpt h2 {
 position: relative;
 top: 1px;
 display: inline;
 margin: 0;
 font-weight: 700;
 font-size: 16px;
 line-height: 25px
}

.excerpt h2 strong {
 margin-right: 10px;
 color: #8CAC52
}

.excerpt h2 em {
 font-style: normal;
 color: #ff0000;
 border-radius: 3px;
}

.excerpt .note {
 font-size: 14px;
 line-height: 24px;
 word-break: break-all;
}

.excerpt .itag a {
 display: inline-block;
 margin-right: 3px;
 padding: 0 5px;
 border-color: #e2e2e2 #ddd #ddd #e2e2e2;
 border-style: solid;
 border-width: 1px;
 border-radius: 1px;
 line-height: 18px
}

.article-header .cate,
.article-header .muted,
.excerpt .muted {
 margin-right: 20px
}

.excerpt .muted>i {
 margin: 0 2px 0 0;
}

.excerpt .note {
 margin-bottom: 5px
}

.comm {
 position: absolute;
 top: 23px;
 right: 20px;
 padding: 1px 8px 0;
 min-width: 14px;
 background-color: #428bca;
 color: #fff;
 text-align: center
}

.comm i {
 position: absolute;
 bottom: -5px;
 left: 50%;
 display: inline-block;
 margin-left: -2px;
 border: 5px dotted;
 border-color: #428bca transparent;
 border-bottom-width: 0;
 border-left-width: 0
}

.comm:hover {
 background-color: #D9534F;
 color: #fff
}

.comm:hover i {
 border-color: #D9534F transparent
}

.excerpt:hover {
 margin-left: -4px;
 padding-left: 260px;
 background-color: #E6EFFF;
 border-left-color: #1266BD
}

.banner-excerpt {
 margin-bottom: 5px;
 padding-top: 4px
}

.icot {
 position: relative;
 display: inline-block;
 margin-right: 10px;
 padding: 0 6px;
 height: 23px;
 min-width: 36px;
 background-color: #eee;
 color: #999;
 text-align: center;
 font-size: 12px;
 line-height: 23px
}

.icot i {
 position: absolute;
 top: 50%;
 right: -5px;
 display: inline-block;
 margin-top: -5px;
 border: 5px dotted;
 border-color: transparent #eee;
 border-right-width: 0
}

.aside-tit {
 clear: both;
 margin-bottom: 10px;
 padding-bottom: 5px;
 border-bottom: 1px solid #BDD2DF;
 color: #333;
 font-size: 12px
}

.aside-tit span {
 float: right;
 font-weight: 400
}

.aside-tit a {
 margin-left: 8px
}

.base-tit {
 clear: both;
 margin: -20px -20px 20px;
 padding: 11px 20px 9px;
 border-bottom: solid 1px #e6e6e6;
 background-color: #F7FBFE;
 font-size: 15px
}

.base-tit:after,
.base-tit:before {
 display: table;
 content: "";
 line-height: 0
}

.base-tit:after {
 clear: both
}

.base-tit span {
 float: right;
 color: #390;
 font-weight: 400
}

.base-tit b {
 color: #D9534F
}

.queryinfo {
 padding-bottom: 6px
}

.bdshare_t {
 overflow: hidden;
 height: 20px;
 line-height: 14px
}

.share {
 overflow: hidden
}

.share-tit {
 float: left
}

.article-footer .share {
 float: none
}

.banner {
 clear: both;
 overflow: hidden;
 background-color: #fff
}

.banner-post {
 padding-top: 10px;
 padding-left: 20px
}

.banner-related {
 padding-left: 20px
}

.banner-navbar,
.banner-site {
 margin-bottom: 15px;
 background: 0 0
}

.banner-sticky {
 margin-bottom: 1px
}

.banner-contenttop {
 margin-bottom: 1px;
 border-radius: 5px 5px 0 0;
 background-color: #F7FBFF
}

.banner img {
 display: block;
 width: 100%;
}

.article-author,
.article-content,
.article-footer,
.article-header {
 position: relative;
 padding: 20px;
 background-color: #fff
}

.page .article-header {
 padding: 8px 20px
}

.article-author,
.article-footer {
 overflow: hidden;
 padding: 15px 20px
}

.article-header {
 margin-bottom: 1px;
 padding: 8px 20px 12px;
 background-color: #F7FBFF
}

.article-title a {
 color: #444
}

.article-content {
 padding-bottom: 5px;
 word-wrap: break-word;
 font-size: 14px;
 line-height: 25px;
 word-break: break-all
}

.article-content img {
 margin: auto;
 max-width: 100%;
 box-sizing: border-box;
}

.article-content img:hover {
 border-color: #ddd;
 background-color: #F7FBFE
}

.article-content h3,
.article-content h4， .article-content h5 {
 margin-bottom: 20px;
 padding-bottom: 5px;
 border-bottom: #eee 1px solid
}

.article-content h2 {
 margin: 20px -20px 20px -24px;
 padding: 10px 20px 9px 20px;
 border-left: 4px solid #428BCA;
 background-color: #F7FBFE;
 font-weight: 400;
 font-size: 18px;
 line-height: 18px
}

.article-content h3 {
 font-size: 16px
}

.article-content h4 {
 font-size: 14px
}

.article-content h5 {
 font-size: 12px
}

.article-content ul {
 margin: 0 0 16px 26px
}

.article-content ol {
 margin: 16px
}

.article-content ul li {
 margin-bottom: 10px;
 background: url(data:image/gif;line-height:25px;base64,R0lGODlhDQAFAKIAAKOjo6GhoampqYSEhJWVlZ2dnZmZmXx8fCH5BAAAAAAALAAAAAANAAUAAAMVKLfcB6PIScsZJuttLvlgSByK4wQJADs=) no-repeat 0 10px;
 padding-left: 20px
}

.article-content ol li {
 margin-left: 28px;
 list-style: decimal;
 line-height: 25px
}

.article-content p {
 overflow: hidden;
 margin-bottom: 15px
}

.article-content table {
 margin-bottom: 16px;
 width: 100%;
 border-top: solid 1px #ddd;
 border-left: solid 1px #ddd
}

.article-content table th {
 background-color: #f9f9f9;
 text-align: center
}

.article-content table td,
.article-content table th {
 padding: 5px 10px;
 border-right: solid 1px #ddd;
 border-bottom: solid 1px #ddd
}

.article-content .alignleft {
 float: left;
 margin-right: 10px;
 text-align: left
}

.article-content .aligncenter {
 text-align: center
}

.article-content .alignright {
 float: right;
 margin-left: 10px;
 text-align: right
}

.article-content a {
 color: #428bca
}

.article-content a:hover {
 color: #D9534F
}

.article-footer {
 border-top: 1px solid #F7FBFF;
 background-color: #fff
}

.article-tags {
 margin: 15px
}

.article-tags a {
 display: inline-block;
 margin: 0 1px;
 padding: 2px 7px 1px;
 background-color: #4a4a4a;
 color: #eee;
 font-size: 12px;
 opacity: .9;
 filter: alpha(opacity=90)
}

.article-tags a:hover {
 background-color: #428bca;
 color: #fff;
 opacity: 1;
 filter: alpha(opacity=100)
}

.article-tags a:nth-child(5n) {
 background-color: #4A4A4A
}

.article-tags a:nth-child(5n+1) {
 background-color: #428BCA
}

.article-tags a:nth-child(5n+2) {
 background-color: #FD7100
}

.article-tags a:nth-child(5n+3) {
 background-color: #D9534F
}

.article-tags a:nth-child(5n+4) {
 background-color: #F0AD4E
}

.tag-clouds {
 overflow: hidden
}

.tag-clouds li {
 float: left;
 overflow: hidden;
 margin-bottom: 12px;
 padding-bottom: 2px;
 width: 25%;
 height: 76px;
 border-bottom: 1px dotted #ddd
}

.tag-clouds strong {
 display: inline-block;
 margin-bottom: 10px;
 margin-left: 2px;
 color: #666
}

.article-info-text {
 margin-top: 15px;
 font-size: 14px
}

.article-content pre,
.comment pre {}

.article-content blockquote {
 margin: 15px auto;
 padding: 10px 15px 5px;
 border: 1px solid #bcdcff;
 background-color: #F7FCFF;
 font-size: 12px;
 line-height: 20px;
 border-left-width: 3px
}

.article-content blockquote p {
 margin: 0;
 margin-bottom: 5px;
 padding: 0;
 font-size: 14px;
 line-height: 30px
}

.art-copyright {
 line-height: 26px;
 margin: 20px -20px -5px -20px;
 padding: 20px;
 border-top: 1px solid #f7f3f3;
 border-bottom: 0;
 clear: both;
}

.art-copyright span {
 font-weight: 600;
}

.art_tags a {
 color: #555;
 margin-right: 5px;
}

.article-nav {
 overflow: hidden;
 padding: 15px 20px;
 border-top: 1px solid #f2f2f2;
 background-color: #F7FBFE;
 color: #bbb;
 font-size: 14px
}

.article-nav span {
 position: relative;
 float: left
}

.article-nav span.article-nav-next {
 float: right;
 text-align: right
}

.relates {
 overflow: hidden;
 margin-bottom: 10px;
 border-top: 1px solid #F2F2F2;
 background-color: #fff
}

.relates h3 {
 margin-bottom: 0;
 padding: 15px 20px 10px;
 border-bottom: 1px dotted #e4e4e4;
 font-size: 15px;
 line-height: 15px
}

.relates ul {
 position: relative;
 overflow: hidden;
 margin-left: -1px;
 font-size: 12px
}

.relates li {
 float: left;
 width: 25%
}

.relates img {
 margin-bottom: 10px;
 width: 140px;
 height: 100px
}

.relates a {
 display: block;
 padding: 10px;
 height: 144px;
 border-left: 1px dotted #eee;
 text-align: center
}

.relates a:hover {
 background-color: #F7FBFE
}

.rowpage {
 position: relative;
 padding: 0 20px;
 background-color: #fff
}

.rowpage-header {
 margin: 0 -20px 20px;
 padding: 8px 20px;
 height: 31px;
 border-bottom: 1px solid #eee;
 background-color: #F7FBFE;
 line-height: 16px
}

.page-title {
 margin: 0;
 padding: 0;
 font-size: 16px
}

.page-title strong {
 margin: 0 10px;
 color: #999;
 font: 700 12px/18px arial;
 font-style: normal
}

.page-title em {
 color: #080;
 font-weight: 400;
 font-style: normal;
 font-size: 12px
}

.page-title .btn {
 margin-left: 20px;
 font-weight: 400
}

.page-title .btn:active {
 border-bottom-color: #fff
}

.rowpage-header .share {
 margin: 3px 0 0
}

.plinks {
 overflow: hidden;
 margin-bottom: 10px;
 padding: 10px 0 20px;
 background-color: #fff;
 line-height: 36px
}

.plinks h2 {
 padding-bottom: 0;
 border-bottom: solid 1px #eee;
 color: #333333;
 font-size: 20px
}

.plinks li {
 margin-bottom: 20px
}

.plinks ul {
 clear: both;
 overflow: hidden
}

.plinks ul li {
 float: left;
 margin-bottom: 0;
 width: 20%
}

.plinks ul li a {
 display: inline-block;
 overflow: hidden;
 padding: 5px 0
}

.plinks ul li img {
 position: relative;
 top: -1px;
 margin-right: 5px
}

.readers a {
 display: inline-block;
 margin: 0 5px 5px 0
}

.tagcloud {
 padding: 10px 10px 10px 15px
}

.tagcloud a {
 display: inline-block;
 margin: 0 5px 5px 0
}

.archives {
 font-size: 14px
}

.archives .item {
 overflow: hidden;
 margin-bottom: 20px;
 border-bottom: 1px solid #eee
}

.archives h3 {
 float: left;
 margin-top: 0;
 margin-bottom: 10px;
 color: #1266BD;
 font-weight: 400;
 font-size: 20px;
 line-height: 20px
}

.archives-list {
 margin: 0 0 20px 140px;
 padding-left: 20px
}

.archives-list li {
 margin-bottom: 4px;
 margin-left: 20px;
 list-style: disc
}

.archives-list time {
 display: inline-block;
 width: 40px
}

.archives-list span {
 display: inline-block;
 margin-left: 10px;
 font-size: 12px
}

.meta-tit {
 margin-bottom: 20px;
 padding: 0 0 10px;
 border-bottom: solid 1px #e6e6e6
}

.widget {
 clear: both;
 margin-bottom: 10px;
 border-radius: 5PX;
 background-color: #fff;
 box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
}

.sidzr {
 clear: both;
 margin-bottom: 10px;
 background-color: #fff
}

.sidzr h3 {
 position: relative;
 margin: 0;
 padding: 6px 15px;
 height: 20px;
 border-bottom: 1px solid #eaeaea;
 background-color: #F7FBFF;
 font-weight: 400;
 font-size: 15px;
 line-height: 20px
}

.widgetbox {
 float: left;
 width: 190px;
 background: #fff
}

.widgetzrz {
 float: left;
 margin-top: 10px;
 margin-bottom: 10px;
 width: 140px;
 height: 190px;
 background: url(../images/cif_bg.gif) no-repeat 2px 0
}

.widgetzry {
 float: left;
 width: 140px
}

.widgetzry ul {
 background: url(../images/numb.png) no-repeat -2px -5px
}

.widgetzry li {
 margin: 8px 0;
 padding-left: 18px;
 height: 24px;
 font-size: 12px;
 line-height: 24px
}

.widgetzry li a {
 overflow: hidden;
 width: 125px;
 text-overflow: ellipsis;
 white-space: nowrap
}

.riqi img {
 padding: 5px;
 width: 130px;
 height: 170px
}

dd.tebie {
 display: block;
 margin-top: 10px;
 padding-left: 10px;
 width: 70px;
 height: 23px;
 background-image: url(../images/icon.gif);
 background-repeat: no-repeat;
 color: #FFF;
 font-size: 12px;
 line-height: 23px
}

.widget h3 {
 position: relative;
 margin: 0;
 padding: 11px 15px 10px;
 border-bottom: 1px solid #eaeaea;
 background-color: #F7FBFE;
 font-weight: 400;
 font-size: 18px;
 line-height: 20px
}

.widget h3 .btn {
 position: absolute;
 top: 5px;
 right: 10px;
 padding: 2px 7px 1px;
 font-weight: 400
}

.widget-notip {
 color: #666;
 line-height: 20px;
 border-top-color: red
}

.widget ul:after,
.widget ul:before {
 display: table;
 content: "";
 line-height: 0
}

.widget ul:after {
 clear: both
}

.widget-notip h3 {
 margin-bottom: 13px
}

.d_hotpost_txt li,
.widget_recent_entries li,
.widget_rss li,
.widget_views li {
 padding: 8px 15px;
 border-bottom: solid 1px #eee;
 font-size: 14px
}

.widget_links ul {
 padding: 10px 15px 5px;
 color: #999
}

.widget_links li {
 float: left;
 margin-bottom: 8px;
 padding: 0;
 width: 50%;
 height: 20px;
 border-bottom: none;
 line-height: 20px
}

.widget_pages ul {
 overflow: hidden;
 padding: 10px 15px 5px
}

.widget_pages li {
 float: left;
 margin-bottom: 5px;
 width: 50%
}

.widget_recent_entries span {
 display: block;
 margin-top: 2px;
 color: #999;
 font-size: 12px
}

.textwidget a {
 display: block;
}

.textwidget img {
 width: 100%;
}

.d_banner {
 margin-bottom: 10px
}

.d_banner img {
 display: block
}

.d_banner_inner {
 position: relative;
 overflow: hidden;
 text-align: center
}

.d_reader ul {
 padding: 15px 0 9px 9px
}

.d_reader li {
 float: left;
 margin: 0 0 6px 6px;
 width: 36px;
 height: 36px
}

.d_reader li a {
 display: block
}

.d_reader li a,
.d_reader li a:hover {
 color: #fff
}

.d_reader li:hover {
 z-index: 20
}

.d_reader li:hover .avatar-popup {
 display: block
}

.d_banner .sell {
 display: block;
 height: 123px;
 border: solid 1px #d6d6d6;
 color: #999;
 text-align: center;
 font-weight: 700;
 line-height: 123px
}

.d_banner .sell:hover {
 border-color: #bbb;
 color: #777
}

.d_comment ul a {
 position: relative;
 display: block;
 overflow: hidden;
 margin-left: -3px;
 padding: 6px 15px 6px 62px;
 border-bottom: 1px solid #eee;
 border-left: 3px solid transparent;
 color: #999
}

.d_comment ul img {
 float: left;
 margin: 3px 0 0 -47px;
 width: 36px
}

.d_comment ul strong {
 display: block;
 margin-bottom: 1px;
 color: #05a;
 font-weight: 400
}

.d_comment ul a:hover {
 background-color: #F8FCFE;
 color: #666;
 border-left-color: #428bca
}

.widget_calendar {
 overflow: hidden
}

#calendar_wrap {
 margin: 0 15px 10px
}

.widget_calendar table {
 width: 100%;
 text-align: center
}

.widget_calendar table caption {
 padding: 10px 0 5px;
 font-size: 15px
}

.widget_calendar table #next a,
.widget_calendar table #prev a {
 display: block;
 padding: 0 10px
}

.widget_calendar table #prev {
 text-align: left
}

.widget_calendar table #next {
 text-align: right
}

.widget_calendar table tbody td,
.widget_calendar table tfoot td,
.widget_calendar table thead th {
 padding: 5px 3px;
 border: 1px solid #eee
}

.widget_calendar table thead th {
 background-color: #F7FBFE
}

.widget_calendar table tbody td a {
 display: block;
 margin: 0 3px;
 background-color: #428BCA;
 color: #fff
}

.widget_calendar table tbody td a:hover {
 background-color: #357EBD
}

.widget_categories ul {
 overflow: hidden;
 padding: 10px 2px 10px 6px;
 color: #bbb
}

.widget_categories li {
 float: left;
 margin: 3px;
 height: 36px;
 border: 1px solid #eee;
 border-radius: 5px;
 background: #F6F6F6;
 line-height: 36px
}

.widget_categories li a {
 display: block;
 width: 85px;
 color: #129FDB;
 text-align: center
}

.widget_categories li a:hover {
 display: block;
 border-radius: 5px;
 background: #129FDB;
 color: #fff;
 text-decoration: none
}

.widget_categories li ul {
 padding: 0 0 0 15px
}

.widget_categories li li {
 float: none;
 width: auto
}

.widget_nav_menu ul {
 padding: 10px 15px 5px;
 color: #999
}

.widget_nav_menu ul li {
 margin-bottom: 8px
}

.widget_rss ul {
 color: #999
}

.widget_meta ul {
 padding: 0 15px 10px
}

.widget_meta ul li {
 margin-bottom: 5px
}

.d_textbanner a {
 display: block;
 padding: 0 15px 15px
}

.d_textbanner a h2 {
 font-weight: 400;
 font-size: 20px
}

.d_textbanner a p {
 margin-bottom: 0;
 color: #999
}

.d_textbanner a strong {
 display: inline-block;
 margin: -1px 0 0 -16px;
 padding: 3px 15px 4px;
 color: #fff;
 font-weight: 400;
 font-size: 14px
}

.d_textbanner a.style01 {
 color: #428BCA
}

.d_textbanner a.style01:hover {
 border-color: #428BCA;
 color: #357EBD
}

.d_textbanner a.style01 strong {
 background-color: #428BCA
}

.d_textbanner a.style01:hover strong {
 background-color: #357EBD
}

.d_textbanner a.style02 {
 color: #D9534F
}

.d_textbanner a.style02:hover {
 border-color: #D9534F;
 color: #D33632
}

.d_textbanner a.style02 strong {
 background-color: #D9534F
}

.d_textbanner a.style02:hover strong {
 background-color: #D33632
}

.d_textbanner a.style03 {
 color: #FD7100
}

.d_textbanner a.style03:hover {
 border-color: #FD7100;
 color: #1368BE
}

.d_textbanner a.style03 strong {
 border-radius: 5px 0;
 background-color: #FD7100
}

.d_textbanner a.style03:hover strong {
 background-color: #1368BE
}

.d_textbanner a.style04 {
 color: #C35BFF
}

.d_textbanner a.style04:hover {
 border-color: #C35BFF;
 color: #B433FF
}

.d_textbanner a.style04 strong {
 background-color: #C35BFF
}

.d_textbanner a.style04:hover strong {
 background-color: #B433FF
}

.d_textbanner a.style05 {
 color: #33BBBA
}

.d_textbanner a.style05:hover {
 border-color: #33BBBA;
 color: #00ABA9
}

.d_textbanner a.style05 strong {
 background-color: #33BBBA
}

.d_textbanner a.style05:hover strong {
 background-color: #00ABA9
}

.d_tags {
 padding: 12px 8px 10px 17px
}

.d_tags a:nth-child(1n) {
 background-color: #A1B4C5
}

.d_tags a {
 display: inline-block;
 margin: 0 5px 5px 0;
 padding: 0 6px;
 border-radius: 3px;
 background-color: #428BCA;
 color: #fff;
 line-height: 25px;
 opacity: .8;
 filter: alpha(opacity=80)
}

.d_tags a:hover {
 opacity: 1;
 filter: alpha(opacity=100)
}

.d_postlist li a {
 position: relative;
 display: block;
 overflow: hidden;
 margin-left: -3px;
 padding: 10px 15px 10px 105px;
 border-bottom: solid 1px #eee;
 border-left: 3px solid transparent;
 font-size: 14px
}

.d_postlist li a:hover {
 background-color: #E6EFFF;
 border-left-color: #1266BD
}

.d_postlist .text {
 display: block;
 margin-top: -4px;
 max-height: 40px;
 line-height: 20px;
 overflow: hidden;
}

.widget span.muted i.fa {
 margin: 0 2px 0 0;
}

.d_postlist .thumbnail {
 float: left;
 margin-left: -90px
}

.d_postlist .thumbnail img {
 width: 80px;
 height: 55px
}

.d_postlist .muted {
 margin-right: 20px;
 font-size: 12px
}

.d_postlist .muted:last-child {
 margin-right: 0px;
}

.d_postlist .nopic li a {
 padding: 8px 15px
}

.d_postlist .nopic .text {
 margin-top: 0
}

.d_slidebanner {
 position: relative
}

.d_slidebanner img {
 display: block
}

.d_slidebanner:hover .slider-next,
.d_slidebanner:hover .slider-prev {
 display: block
}

.d_slidebanner .slider-next,
.d_slidebanner .slider-prev {
 position: absolute;
 top: 50%;
 display: none;
 margin-top: -20px;
 padding: 10px;
 text-shadow: 1px 1px 2px #444;
 font-size: 42px;
 opacity: .5
}

.d_slidebanner .slider-prev {
 left: 0
}

.d_slidebanner .slider-next {
 right: 0
}

.d_slidebanner .slider-next:hover,
.d_slidebanner .slider-prev:hover {
 display: block;
 opacity: .95
}

.widget_meta .widget_tit {
 margin: 0 0 10px
}

.widget_meta ul {
 line-height: 24px
}

.widget_meta ul a {
 color: #999
}

.widget_meta ul a:hover {
 color: #333;
 text-decoration: underline
}

.widget_archive ul {
 overflow: hidden;
 padding: 10px 15px 5px;
 color: #999
}

.widget_archive li {
 float: left;
 margin-bottom: 5px;
 width: 50%
}

.widget_archive select,
.widget_categories select {
 margin-top: 10px;
 margin-left: 15px;
 padding: 2px;
 width: 91%;
 height: 32px;
 line-height: 32px
}

#postcomments,
#respond {
 position: relative;
 background-color: #fff
}

#respond .base-tit {
 display: none
}

.comment #respond {
 margin: 10px 0 0;
 padding: 0;
 border: 1px solid #ddd
}

.commentnew {
 background-color: #DFF0D8
}

.commentnew .c-main {
 margin-bottom: 5px
}

.comment {
 padding: 12px 0 10px 0
}

.commentlist {
 padding: 0 20px
}

.c-avatar {
 position: relative;
 float: left;
 display: inline;
 width: 36px;
 height: 36px;
 background-color: #FFF
}

.c-avatar .avatar {
 display: block
}

.c-main {
 margin-top: -2px;
 margin-left: 48px
}

.c-main p {
 margin-bottom: 0;
 font-size: 12px
}

.c-meta {
 color: #bbb
}

.c-author {
 margin-right: 10px
}

.comment-reply-link {
 margin-left: 6px;
 color: #428BCA
}

.comment-reply-link:hover {
 color: #D9534F
}

.comment pre {
 margin: 3px 0 5px;
 padding: 7px 10px;
 border-radius: 1px
}

.depth-1 {
 border-bottom: #f2f2f2 1px solid
}

.depth-1.odd {
 background-color: #fefefe
}

.depth-2 {
 margin-right: 48px
}

.depth-2,
.depth-4,
.depth-6,
.depth-8 {
 background-color: #F7FBFE
}

.depth-3,
.depth-5,
.depth-7,
.depth-9 {
 background-color: #fff
}

.children .comment {
 margin: 10px 0 0 50px;
 padding: 12px 12px 10px 10px;
 border-left: 2px solid #eee
}

.children .c-main p {
 margin-right: 0;
 font-size: 12px
}

.children .c-meta {
 padding-top: 1px
}

.c-floor {
 float: right;
 color: #ddd;
 font-size: 18px
}

.comment:hover .c-floor {
 color: #999
}

.c-approved {
 display: inline-block;
 margin-top: 4px;
 padding: 1px 5px;
 border: 1px solid #ccc;
 border-radius: 2px;
 background-color: #F7FBFE;
 color: #999
}

.wp-smiley {
 margin-bottom: 2px
}

#comments {
 margin: 0;
 padding: 10px 20px;
 border-bottom: dotted 1px #e6e6e6;
 color: #999;
 font-weight: 400;
 font-size: 14px;
 line-height: 14px
}

#comments b {
 font-weight: 400;
 font-size: 13px
}

#commentform {
 margin-bottom: 0
}

.comt-title {
 overflow: hidden;
 padding: 12px 20px;
 border-bottom: 1px solid #eee;
 background-color: #F7FBFF
}

.comt-count {
 float: right;
 margin-bottom: 5px;
 color: #999
}

.comt {
 position: relative;
 padding: 20px
}

.comt-avatar {
 width: 28px;
 height: 28px
}

.comt-avatar img {
 border-radius: 2px
}

.comt-author {
 margin: 5px 10px 0 10px;
 color: #666;
 font-size: 16px
}

.comt-author span {
 margin-left: 10px;
 color: #bbb
}

.comt-box {
 overflow: hidden
}

.comt-area {
 margin-bottom: 5px
}

.comt-ctrl {
 position: relative;
 overflow: hidden
}

.comt-addcode,
.comt-addsmilies {
 float: left;
 padding: 0 10px 0 10px;
 color: #999
}

.comt-addcode:hover,
.comt-addsmilies:hover {
 color: #666
}

.comt-mailme {
 display: none
}

.comt-smilie {
 display: inline-block;
 margin-top: 2px;
 cursor: pointer
}

.comt-smilie:hover {
 color: #666
}

#comment-smilies {
 position: relative;
 float: left;
 padding: 3px 5px;
 background-color: #EEE;
 line-height: 0
}

#comment-smilies img {
 display: inline-block;
 padding: 3px;
 cursor: pointer
}

#comment-smilies::after {
 position: absolute;
 top: -5px;
 left: 20px;
 width: 0;
 height: 0;
 border-right: 5px solid transparent;
 border-bottom: 5px solid #EEE;
 border-left: 5px solid transparent;
 content: "";
 vertical-align: top
}

.comt-ctrl .popover {
 width: 219px
}

.comt-ctrl .popover-content {
 padding: 2px 0 2px 1px
}

.comt-ctrl .popover-content a {
 float: left;
 display: inline-block;
 margin: -1px -1px 0 0;
 padding: 5px;
 width: 16px;
 height: 16px;
 border: solid 1px #eee;
 line-height: 0
}

.comt-ctrl .popover-content a img {
 display: block
}

.comt-ctrl label {
 margin: 0 5px
}

.comt-ctrl label input {
 margin-right: 4px
}

.comt-tips {
 margin-right: 10px;
 color: #999;
 text-align: right;
 line-height: 30px
}

.comt-error {
 color: #D9534F
}

.comt-submit {
 position: absolute;
 top: -1px;
 right: -1px;
 padding: 0 30px;
 width: 120px;
 height: 34px;
 border: solid 1px #ddd;
 border-radius: 0 0 3px 0;
 background-image: -webkit-linear-gradient(#F7FBFE, #f6f6f6);
 color: #666;
 text-shadow: 0 -1px 0 #fff;
 font-weight: 700;
 font-size: 12px;
 cursor: pointer
}

.comt-submit:hover {
 border-color: #d6d6d6;
 background-image: -webkit-linear-gradient(#f6f6f6, #eee);
 color: #444
}

.comt-submit:active {
 border-color: #c6c6c6;
 box-shadow: inset 0 2px 2px #e6e6e6
}

.comt-comterinfo {
 display: none;
 padding: 20px 0 0 210px;
 color: #444
}

.comt-comterinfo h4 {
 float: left;
 margin-left: -210px;
 width: 180px;
 text-align: right;
 font-size: 12px;
 line-height: 100px
}

.comt-comterinfo ul {
 padding-left: 30px;
 border-left: dotted 1px #ccc
}

.comt-comterinfo li {
 margin-bottom: 10px
}

.comt-comterinfo input {
 position: relative;
 margin-right: 10px
}

#cancel-comment-reply-link {
 display: none;
 margin: -12px -20px;
 padding: 12px 20px;
 color: #bbb;
 font-size: 14px;
 line-height: 28px
}

#cancel-comment-reply-link:hover {
 background-color: #999;
 color: #fff
}

.comment #cancel-comment-reply-link {
 display: block
}

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

.prettyprint {
 overflow: hidden;
 padding: 8px;
 border: 1px solid #272822;
 background-color: #272822
}

.prettyprint.linenums {
 -webkit-box-shadow: inset 40px 0 0 #39382E, inset 41px 0 0 #464741;
 -moz-box-shadow: inset 40px 0 0 #39382E, inset 41px 0 0 #464741;
 box-shadow: inset 40px 0 0 #39382E, inset 41px 0 0 #464741
}

.prettyprint.linenums ol {
 margin: 0 0 0 33px
}

.prettyprint.linenums ol li {
 padding-left: 12px;
 color: #bebec5;
 line-height: 20px
}

.prettyprint .com {
 color: #93a1a1
}

.prettyprint .lit {
 color: #195f91
}

.prettyprint .clo,
.prettyprint .opn,
.prettyprint .pun {
 color: #F8F8F2
}

.prettyprint .fun {
 color: #dc322f
}

.prettyprint .atv,
.prettyprint .str {
 color: #E6DB74
}

.prettyprint .kwd,
.prettyprint .tag {
 color: #F92659
}

.prettyprint .atn,
.prettyprint .dec,
.prettyprint .typ,
.prettyprint .var {
 color: #A6E22E
}

.prettyprint .pln {
 color: #66D9EF
}

.navbar .screen-mini {
 display: none
}

.tougao {
 clear: both;
 overflow: hidden;
 height: auto;
 border: 1px solid #DBDBDB;
 border-radius: 5px;
 background: none repeat scroll 0 0 #FFF
}

.tougao .entry {
 padding: 15px 0 15px 30px;
 padding: 15px;
 list-style: none outside none
}

#basicinfo p {
 position: relative;
 margin: 0 0 10px;
 width: 333px;
 border: 1px solid #CCC;
 border-radius: 2px;
 text-indent: 0
}

#basicinfo p #cat {
 width: 255px;
 border: 0 none
}

#basicinfo p.on,
#basicinfo p:hover {
 border-color: #BBB;
 box-shadow: 0 0 4px #DDD;
 color: #222
}

#basicinfo p.on label,
#basicinfo p:hover label {
 border-color: #BBB
}

#basicinfo label {
 display: inline-block;
 padding: 4px;
 width: 62px;
 height: 20px;
 border-right: 1px solid #CCC;
 border-bottom-left-radius: 2px;
 border-top-left-radius: 2px;
 text-align: right;
 line-height: 20px
}

#basicinfo p small {
 position: absolute;
 top: 4px;
 left: 336px;
 color: #1366BE;
 font-size: 12px
}

#basicinfo input {
 padding: 4px;
 width: 250px;
 height: 20px;
 outline: medium none;
 border: 0 none;
 border-radius: 2px;
 color: #444;
 font-size: 12px;
 font-family: microsoft yahei, verdana, arial;
 line-height: 20px
}

.post-area {
 position: relative;
 margin-bottom: 10px;
 border-radius: 2px;
 background: none repeat scroll 0 0 #FFF
}

.post-area textarea {
 position: relative;
 z-index: 2;
 padding: 4px 6px;
 width: 98%;
 height: 98px;
 min-height: 320px;
 border: medium none;
 background: none repeat scroll 0 0 transparent;
 line-height: 20px
}

.tougao .entry p input#submit {
 display: inline-block;
 padding: 5px 15px 6px;
 width: auto;
 border: 1px solid #016EBD;
 border-radius: 3px;
 background-color: #4D90FE;
 background-image: -moz-linear-gradient(#049CDB, #0179D2);
 box-shadow: 0 1px 1px #E6E6E6, 0 1px 0 #36AFE2 inset;
 color: #FFF;
 text-align: center;
 text-shadow: 0 0 1px #016EBD;
 cursor: pointer;
 -moz-transition: all .1s ease-out 0s
}

.tougao .entry p input#reset {
 display: inline-block;
 padding: 5px 15px 6px;
 width: auto;
 border: 1px solid #CCC;
 border-radius: 3px;
 background-color: #F9F9F9;
 background-image: -moz-linear-gradient(#F9F9F9, #F1F1F1);
 box-shadow: 0 1px 1px #E6E6E6, 0 1px 0 #FFF inset;
 color: #444;
 text-align: center;
 text-shadow: 0 0 1px #FEFEFE;
 cursor: pointer;
 -moz-transition: all .1s ease-out 0s
}

.tougao .entry p #reset:hover,
.tougao .entryp #submit:hover {
 color: red
}

.tougao p {
 line-height: 28px
}

.placeholder {
 overflow: hidden;
 width: 0;
 height: 0
}

.jobs-loop .cate {
 margin-bottom: 15px;
 padding: 0
}

.jobs-loop .cate ul {
 border-radius: 5px;
 border-bottom-right-radius: 0;
 border-bottom-left-radius: 0;
 background: #fff
}

.jobs-loop .cate ul li {
 float: left;
 display: inline;
 width: 108px;
 height: 43px;
 border-right: 1px solid #f1f1f1;
 text-align: center;
 line-height: 40px
}

.jobs-loop .cate ul a {
 display: block;
 width: 108px;
 border-bottom: 3px solid #fff;
 color: #333;
 font-size: 14px
}

.jobs-loop .cate ul a:hover {
 border-bottom-color: #1266BD
}

.jobs-loop .cate ul .current-cat a {
 border-bottom-color: #1266BD
}

.jobs-loop .pagination {
 padding-top: 0;
 background: 0 0
}

.jobs-loop .loop dl {
 overflow: hidden;
 margin: 0 -10px -20px
}

.jobs-loop .loop dd {
 float: left;
 display: inline;
 margin-bottom: 25px;
 margin-left: 0;
 width: 33.3334%;
 border-radius: 5px;
 line-height: 18px;
}

.loop dd a {
 display: block;
 margin: 0 10px;
 padding-bottom: 10px;
 background: #fff;
}

.jobs-loop .loop dd img {
 display: block;
 margin-bottom: 8px;
 width: 100%;
 height: 150px;
 border-bottom-right-radius: 0;
 border-bottom-left-radius: 0;
}

.jobs-loop .loop dd span {
 display: block;
 overflow: hidden;
 margin: 10px 14px 0;
 height: 36px;
 text-align: center;
 font-size: 14px;
 line-height: 18px
}

.jobs-loop .loop dd:hover img {
 opacity: .8;
 filter: alpha(opacity=80)
}

.pagenavi {
 float: left;
 margin-top: 15px;
 margin-bottom: 15px
}

.pagenav .page-numbers,
.pagenavi .current,
.pagenavi .dots,
.pagenavi a {
 display: inline-block;
 margin-right: 4px;
 padding: 5px 10px;
 border: 1px solid #d8d8d8;
 border-radius: 3px;
 background: #fff;
 -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .07);
 -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .07);
 box-shadow: 0 1px 2px rgba(0, 0, 0, .07);
 color: #555
}

.pagenavi .current,
.pagenavi a:hover {
 border-color: #1366BE;
 background: #1366BE;
 color: #fff
}

.article-content iframe {
 width: 100% !important;
 max-width: 800px;
 max-height: 667px
}

.navbar .menu {
 margin-top: 11px;
 width: 240px
}

.navbar .menu .button {
 margin-top: 1px;
 height: 28px;
 border: 0;
 border-radius: 5px;
 background: 0 0;
 color: #cbcbcb;
 font-size: 14px;
 line-height: 26px
}

.navbar .menu .button:hover {
 color: #333
}

.navbar .login {
 position: relative;
 margin: 10px 0 0 10px;
 height: 42px;
 color: #fff;
 font-size: 14px
}

.navbar .login .login-avatar {
 width: 40px;
 text-align: right
}

.navbar .login .login-avatar img {
 width: 30px;
 border-radius: 50%
}

.navbar .login .login-list {
 display: none
}

.navbar .login .login-list .minidot {
 position: absolute;
 top: 31px;
 right: 10px;
 z-index: 5;
 width: 0;
 height: 0;
 border: 6px solid;
 border-color: transparent transparent #fff transparent;
 border-style: dashed dashed solid dashed
}

.navbar .login .login-list ul {
 position: absolute;
 top: 42px;
 right: 0;
 z-index: 4;
 width: 120px;
 border: 1px solid #ddd;
 background: #fff
}

.navbar .login .login-list li {
 border-bottom: 1px solid #e4e4e4
}

.navbar .login .login-list li:last-child {
 border: 0
}

.navbar .login .login-list li a {
 display: block;
 padding: 0 20px;
 height: 35px;
 color: #333;
 line-height: 33px
}

.navbar .login .login-list li a:hover {
 color: #20ac42
}

.navbar .signup {
 position: relative;
 margin: 0 0 0 10px;
 height: 52px;
 color: #fff;
 font-size: 14px
}

.navbar .signup .signup-btn a {
 display: block;
 width: 41px;
 height: 52px;
 color: #fff;
 text-align: center;
 line-height: 50px
}

.navbar .signup .signup-btn a img {
 margin-top: -2px;
 margin-left: 1px;
 width: 30px;
 border-radius: 50%
}

.navbar .signup .signup-btn a:hover {
 background: #494949
}

.navbar .signup .signup-list {
 display: none
}

.navbar .signup .signup-con {
 position: absolute;
 top: 52px;
 right: 0;
 z-index: 4;
 padding: 15px;
 width: 120px;
 height: 80px;
 border: 1px solid #ddd;
 background: #fff;
 color: #333
}

.navbar .signup .signup-t {
 margin-bottom: 15px
}

.excerpt .jm-post-like.liked {
 color: #f78585
}

.excerpt .jm-post-like.liked i.fa {
 color: #f78585
}

.excerpt .jm-post-like:hover {
 color: #f78585
}

.article-header {
 position: relative
}

.article-header .article-title {
 width: 85%
}

.article-header .title-fav {
 position: absolute;
 top: 20px;
 right: 20px;
 height: 50px;
 min-width: 100px
}

.article-header .title-fav .jm-post-like {
 display: inline-block;
 padding: 0 20px;
 height: 30px;
 border: 1px solid #ccc;
 border-radius: 30px;
 color: #555;
 font-size: 16px;
 line-height: 30px
}

.article-header .title-fav .jm-post-like.liked {
 border-color: #f78585;
 color: #f78585
}

.article-header .title-fav .jm-post-like:hover {
 border-color: #f78585;
 color: #f78585
}

.article-header .meta i {
 margin: 0 2px 0 0
}

.article-content .article-fav {
 text-align: center
}

.article-content .article-fav .jm-post-like {
 display: inline-block;
 padding: 0 30px;
 height: 50px;
 border: 2px solid #ccc;
 border-radius: 30px;
 color: #555;
 font-size: 24px;
 line-height: 50px
}

.article-content .article-fav .jm-post-like.liked {
 border-color: #f78585;
 color: #f78585
}

.article-content .article-fav .jm-post-like:hover {
 border-color: #f78585;
 color: #f78585
}

.fav_none {
 width: 100%;
 height: 350px;
 background: url(../images/favnone.png) 50% 0 no-repeat
}

.container.authorcon {
 margin-top: 20px
}

.authorcon .pagenavi {
 margin-top: 0
}

.author-header {
 padding-top: 52px;
 height: 180px;
 background: #fff
}

.author-header .wrap {
 margin: 0 auto;
 width: 1200px
}

.author-header h2.name {
 font-size: 20px
}

.author-header .author {
 padding-top: 20px;
 height: 90px
}

.author-header .author .icon {
 float: left;
 display: block;
 margin-right: 20px;
 width: 90px;
 height: 90px
}

.author-header .author .icon img {
 display: block
}

.author-header .meta {
 margin-top: 15px;
 font-size: 14px;
 line-height: 16px
}

.author-header .tab {
 margin-top: 10px
}

.author-header .tab li {
 float: left;
 display: inline;
 width: 150px;
 height: 60px
}

.author-header .tab li a {
 display: block;
 text-align: center;
 font-weight: 700;
 font-size: 20px;
 line-height: 58px
}

.author-header .tab li a:hover {
 border-bottom: 2px solid #1266BD
}

.author-header .tab li.cur a {
 border-bottom: 2px solid #1266BD
}

.article-img-loop ul {
 overflow: hidden;
 margin-top: -25px;
 margin-left: -25px
}

.article-img-loop li {
 float: left;
 display: inline;
 margin-top: 25px;
 margin-left: 25px;
 width: 220px;
 height: auto;
 border-radius: 5px;
 background: #fff;
 line-height: 18px
}

.article-img-loop li img {
 display: block;
 margin-bottom: 8px;
 width: 220px;
 height: 150px;
 border-bottom-right-radius: 0;
 border-bottom-left-radius: 0
}

.article-img-loop li:hover img {
 opacity: .8;
 filter: alpha(opacity=80)
}

.article-img-loop .sub {
 overflow: hidden;
 margin: 15px 14px;
 height: 35px;
 font-size: 14px;
 line-height: 16px
}

.article-img-loop .info {
 margin: 5px 15px;
 color: #ccc
}

.article-img-loop .info span {
 margin-right: 5px;
 color: #999
}

.article-img-loop .jm-post-like.liked {
 color: #999
}

.article-img-loop .jm-post-like.liked i.fa {
 color: #999
}

.article-img-loop .jm-post-like:hover {
 color: #f78585
}

.article-img-loop .jm-post-like:hover i.fa {
 color: #f78585
}

.related-post {
 overflow: hidden;
 margin-top: 10px;
 background: #fff;
 padding: 20px 20px 5px;
}

.related-post h6 {
 margin-bottom: 10px;
 font-weight: 700;
 font-size: 14px
}

ul.related-box {
 margin: 0 -10px;
}

ul.related-box li {
 float: left;
 width: 20%;
 padding: 0 10px;
 box-sizing: border-box;
 margin: 0 0 20px;
}

ul.related-box li a,
ul.related-box li a span {
 display: block;
 width: 100%;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}

ul.related-box li a img {
 width: 100%;
 height: 100px;
}

ul.related-box li a span {
 margin: 5px 0 0;
}

.tab .tab-menu {
 margin: 10px 0 0 25px;
 padding-top: 20px
}

.tab .tab-menu a {
 float: left;
 padding: 5px 8px;
 background: #999;
 color: #fff;
 font-size: 12px
}

.tab .tab-menu a.current {
 background: #3d5caf
}

.tab {
 background: #fff
}

.tab .none {
 display: none
}

.pages {
 font-size: 0;
 text-align: center
}

.pages .pageinfo {
 font-size: 12px;
 padding: 6px 10px;
 border: 1px solid #CCC;
 background: #fff;
 color: #a4a4a4;
 line-height: 18px;
 border-radius: 3px
}

.pages li {
 display: inline
}

.pages a:hover,
.pages a.page-num-current {
 padding: 5px 10px;
 border: 1px solid #1366BE;
 border-radius: 3px;
 background: #1366BE;
 color: #fff;
 text-decoration: none
}

.pages a {
 display: inline-block;
 font-size: 12px;
 margin: 5px 3px;
 padding: 5px 10px;
 border: 1px solid #CCC;
 background: #fff;
 color: #A4A4A4;
 line-height: 18px
}

.index-pagenavi {
 padding: 20px;
 background: #fff;
 box-sizing: border-box;
}

.index-pagenavi .pages {
 text-align: left;
}

.tag_list ul {
 padding: 10px
}

.tag_list ul li {
 float: left;
 display: block;
 margin-right: 8px;
 margin-bottom: 15px
}

.tag_list ul li a {
 display: inline-block;
 padding: 4px 14px;
 border: 1px solid #438ED6;
 border-radius: 5px;
 background: #fff;
 color: #0065c7;
 font-size: 12px;
 transition: all .3s ease 0s
}

.tag_list ul li a:hover {
 background: #fff;
 color: #FD7200;
 border: 1px solid #FD7200
}

.com_list ul {
 padding: 20px 10px;
 font-size: 14px
}

.com_list ul li {
 padding-bottom: 15px;
 margin-bottom: 15px;
 border-bottom: 1px dashed #dadada
}

.com_list ul .comment_article {
 font-weight: 700
}

.com_list ul .comment_comment {
 display: block;
 margin-top: 5px;
 margin-right: 5px;
 word-wrap: break-word
}

.searchbtn {
 width: 16px;
 outline: 0;
 border: none;
 background: url(../images/searchbtn.png) no-repeat 0px 7px;
}

.backtop {
 z-index: 999;
 bottom: 77px;
 position: fixed;
 right: 0;
 margin-right: 15px;
 cursor: pointer;
}

.backtop .bt-box {
 padding: 10px 12px;
 margin-bottom: 5px;
 width: auto;
 height: auto;
 line-height: 18px;
 vertical-align: middle;
 background: #363e49;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 border-radius: 2px;
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
 text-align: center;
}

#backtop i.fa {
 font-size: 1.2em;
 font-weight: bold;
}

.backtop a,
.backtop i {
 color: #fff;
}

.backtop .top {
 display: none;
}

.comment_box {
 overflow: hidden;
 margin: 0 20px 20px 20px
}

.comment {
 position: relative;
 margin: 10px 0
}

.comment h3 {
 height: 28px;
 line-height: 28px
}

.com_form {
 position: relative;
 width: 100%
}

.textarea {
 padding: 10px;
 width: 100%;
 height: 88px;
 outline: 0;
 border: 1px solid #ccc;
 color: #333;
 font-size: 13px;
 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 line-height: 20px;
 box-sizing: border-box;
}

.textarea2 {
 width: 98%
}

.com_form p {
 position: relative;
}

span.emotion {
 padding-left: 20px;
 width: 42px;
 height: 20px;
 background: url(../images/icon.gif) no-repeat 2px 2px;
 color: #999;
 cursor: pointer
}

span.emotion:hover {
 background-position: 2px -28px;
 color: #666
}

.qqFace {
 margin-top: 4px;
 padding: 2px;
 border: 1px #dfe6f6 solid;
 background: #fff
}

.qqFace table td {
 padding: 0
}

.qqFace table td img {
 border: 1px #fff solid;
 cursor: pointer
}

.qqFace table td img:hover {
 border: 1px #06c solid
}

.sub_btn {
 position: absolute;
 top: 0;
 right: 0;
 margin-top: 8px;
 width: 100px;
 height: 32px;
 outline: 0;
 border-color: #ccc #ccc #aaa;
 border-style: solid;
 border-width: 1px;
 border-radius: 2px;
 border-bottom-right-radius: 3px;
 background-color: #e6e6e6;
 background-image: linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);
 background-repeat: no-repeat;
 box-shadow: 0 0 1px #fff inset;
 color: #555;
 text-align: center;
 text-shadow: 0 1px 0 #fff;
 font-weight: 700;
 font-size: 14px;
 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 cursor: pointer;
 transition: all .15s linear 0s
}

.sub_btn:hover {
 background-position: 0 -15px;
 color: #121212
}

.static {
 position: static;
 float: right
}

.comment_list {
 overflow: hidden;
 margin: 15px 0 35px;
 border: 1px solid #ccc
}

.comment_list_top {
 padding: 0 12px;
 height: 30px;
 border-bottom: 1px dotted #ddd;
 background: #F7FBFE;
 color: #555;
 font-weight: 700;
 font-size: 14px;
 line-height: 30px
}

.comment_list_body {
 margin: 20px 0 0 0;
}

.comment_list_body label {
 margin: 0;
}

.comment_list_body ul {
 padding: 0 12px;
}

.comment_list_body ul li {
 overflow: hidden;
 border-bottom: 1px dotted #ddd
}

.comment_list_body ul li:last-child {
 border-bottom: none
}

.comment_list_body ul li.no_comm {
 margin: 0 0 20px 0;
}

.comment_list_body ul+label+ul.no_comms {
 display: none;
}

.comm_right {
 margin-left: 50px;
 margin-bottom: 20px;
}

.comm_right>p>ul {
 margin: 20px 0 0 0;
}

.comm_right>p>ul .comm_right {
 margin: 0 0 0 50px;
}

.user_name {
 color: #017cb9
}

.user_pic {
 float: left
}

.user_pic img {
 width: 35px;
 height: 35px
}

.comm_right p {
 margin: 5px 0;
 color: #666;
 font-size: 14px;
 line-height: 1.5em
}

.comm_time {
 color: #999;
 font-size: 12px
}

.comm_a {
 margin: 0 5px;
 color: #999;
 font-size: 12px;
 transition: all .15s linear 0s
}

.comm_a:hover {
 color: #555
}

.cancel-reply {
 display: none;
}

.none {
 display: none
}

.rep_cont {
 padding: 10px 0
}

.yzm {
 float: right;
 margin-right: 120px
}

.yzm2 {
 float: right;
 margin-right: 20px
}

.yzm img {
 cursor: pointer;
 width: 90px;
 height: 30px;
}

.yzm input {
 margin-top: 10px;
 margin-left: 10px;
 width: 60px;
 text-transform: uppercase;
}

.page_left {
 position: relative;
 float: left;
 margin-right: -280px;
 width: 280px;
 background: #fff
}

.page_left ul li {
 height: 50px;
 border-bottom: 1px solid #e5e5e5;
 font-size: 14px;
 line-height: 50px
}

.page_left ul li a {
 display: block;
 padding: 0 20px;
 transition: all .15s linear 0s
}

.page_left ul li .cur,
.page_left ul li a:hover {
 background: #FD7200;
 color: #fff
}

.page_right {
 position: relative;
 float: right;
 width: 100%;
 max-width: 900px;
 background: #fff
}

.page_title {
 padding: 0 20px;
 height: 75px;
 border-bottom: 1px solid #e5e5e5;
 color: #333;
 font-size: 20px;
 line-height: 75px
}

.page_content {
 padding: 30px;
 font-size: 14px;
 line-height: 1.8
}

.message_table {
 margin: 0 auto;
 width: 100%;
 max-width: 500px
}

.xing {
 margin-left: 5px;
 color: red
}

.input_text,
.textarea_text {
 width: 100%;
 max-width: 300px
}

.dosubmit {
 top: 0;
 margin-top: 5px;
 width: 100px;
 height: 32px;
 outline: 0;
 border-color: #ccc #ccc #aaa;
 border-style: solid;
 border-width: 1px;
 border-radius: 2px;
 border-bottom-right-radius: 3px;
 background-color: #e6e6e6;
 background-image: linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);
 background-repeat: no-repeat;
 box-shadow: 0 0 1px #fff inset;
 color: #555;
 text-align: center;
 text-shadow: 0 1px 0 #fff;
 font-weight: 700;
 font-size: 14px;
 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 cursor: pointer;
 transition: all .15s linear 0s
}

.dosubmit:hover {
 background-position: 0 -15px;
 color: #121212
}

.mycode {
 border-top: 20px solid #0C0C0C;
 border-left: 10px solid #0C0C0C;
 padding: 10px;
 margin: 20px auto;
 color: #C2BE9E;
 background-color: #3F3F3F;
 white-space: pre-wrap;
 word-wrap: break-word;
 font-family: Courier New;
 line-height: 20px;
 font-size: 12px;
}

.sidebar_share {
 padding: 15px 13px;
 overflow: hidden
}

.sidebar_share a {
 float: left;
 width: 51px;
 margin: 0 19px 0 0;
 padding: 60px 0 0;
 color: #aaa;
 font-size: 15px;
 text-align: center;
 background: url(../images/share_icon.png);
 background-repeat: no-repeat;
 cursor: pointer;
 background-size: 206px
}

.sidebar_share a:hover {
 color: #454545
}

.sidebar_share .share_qzone {
 background-position: -52px 0
}

.sidebar_share .share_weibo {
 background-position: -155px 0
}

.sidebar_share .share_qq {
 background-position: 0 0
}

.sidebar_share .share_weixin {
 background-position: -104px 1px
}

.sidebar_share a:last-child {
 margin-right: 0
}

#share_wechat {
 position: fixed;
 left: 0%;
 top: 0%;
 z-index: 99;
 width: 100%;
 height: 100%;
 background: rgba(0, 0, 0, 0.3);
 display: none;
}

#share_wechat>div {
 position: fixed;
 border-radius: 3px;
 left: 50%;
 top: 50%;
 z-index: 100;
 width: 260px;
 margin-left: -155px;
 margin-top: -200px;
 background: #fff;
 padding: 20px 25px 15px 25px;
 text-align: center;
}

#share_wechat>div>span {
 width: 100%;
 font-size: 14px;
 color: #333;
 cursor: pointer;
 margin-bottom: 10px;
 float: right;
 text-align: right
}

#share_wechat>div>p {
 text-align: center;
 font-size: 16px;
 margin-top: 10px;
}

.ui-tooltip {
 padding: 6px;
 font-size: 12px;
 line-height: 100%;
 position: absolute;
 z-index: 9999;
 max-width: 300px;
 -webkit-box-shadow: 0 0 5px #aaa;
 box-shadow: 0 0 5px #aaa;
 background: #fff;
}

body .ui-tooltip {
 border-width: 2px;
}

.login_box {
 clear: both;
 /*width: 250px;*/
}

.login_button {
 background: url(../images/login_button.png) no-repeat transparent;
 width: 120px;
 height: 40px;
 line-height: 40px;
 cursor: pointer;
 display: inline-block;
 display: -moz-inline-stack;
 zoom: 1;
 *display: inline;
}

.login_icon_qq {
 background-position: 0px 0px;
 margin-right: 20px;
}

.login_icon_sina {
 background-position: 0px -45px;
}

.login_icon_wechat {
 background-position: 0px -1093px;
}

.lang_button {
 width: 20px;
 height: 20px;
 line-height: 20px;
 padding-right: 5px;
 cursor: pointer;
 display: inline-block;
 display: -moz-inline-stack;
 zoom: 1;
 *display: inline;
}

.os_show {
 display: block;
 padding-left: 10px;
 margin-bottom: 20px;
 margin-left: 5px;
 border-left: 2px solid gray;
}

.os_float_button {
 background: url(../images/share_button.png) no-repeat transparent;
 width: 32px;
 height: 32px;
 line-height: 32px;
 padding-right: 5px;
 cursor: pointer;
 display: inline-block;
 display: -moz-inline-stack;
 zoom: 1;
 *display: inline;
}

.float_icon_top {
 background-position: 0 -840px;
}

.float_icon_comment {
 background-position: 0 -882px;
}

#open_social_float_button {
 position: fixed;
 bottom: 38px;
 width: 35px;
 height: 90px;
 margin-left: -70px;
 display: none;
}

.IndexLinkListWrap {
 margin: 10px auto;
 width: 100%;
 max-width: 1200px
}

.moketitle {
 position: relative;
 padding: 10px 20px;
 border-bottom: 1px solid #f1f1f1;
 background-color: #FFF;
 font-size: 14px
}

.IndexLinkListWrap ul {
 position: relative;
 overflow: hidden;
 margin: 0;
 padding: 10px 20px;
 border-bottom: 1px solid #DCDCDC;
 background-color: #FFF;
 font-size: 14px
}

.IndexLinkListWrap ul li {
 float: left;
 margin-right: 6px;
 height: 2em;
 list-style: none;
 white-space: nowrap
}

.IndexLinkListWrap ul li a {
 margin-right: 8px;
 color: #333;
 text-align: center;
 text-decoration: none;
 font-size: 12px
}

.IndexLinkListWrap ul li a:hover {
 color: #FD7300;
 text-decoration: none
}

.content-attach a {
 display: block;
 margin: 0 0 15px 0;
}

.content-attach1 a {
 display: block;
 margin: 0;
}

div.nav_box {
 display: none;
}

.pcd_ad {
 display: block;
}

.mbd_ad {
 display: none
}

.pcd_ad img {
 border-radius: 0px
}

.mbd_ad img {
 border-radius: 0px
}

@media(max-width:768px) {
 .pcd_ad {
  display: none !important;
 }

 .mbd_ad {
  display: block !important;
 }
}

.ecomment {
 margin: 0;
 padding: 0;
}

.ecomment {
 margin-bottom: 12px;
 background: #FFFFEE;
 padding: 3px 8px;
 border-radius: 4px;
}

.ecommentauthor {
 float: left;
 color: #F96;
 font-weight: bold;
}

.ecommenttext {
 clear: left;
 margin: 0;
 padding: 0;
}

@media (max-width:1200px) {
 .navbar {
  width: 100%;
 }

 .content {
  float: none;
  width: 100%;
  overflow: hidden;
  margin-right: 0
 }

 .sidebar {
  display: none;
 }

 .navbar .screen-mini {
  float: left;
  display: block
 }

 .navbar .logo {
  position: relative;
  z-index: 99;
 }

 .navbar .menu {
  display: none;
  height: 76px;
  position: fixed;
  top: 52px;
  margin: 0 auto;
  width: 100%;
  padding: 20px 20px 26px;
  background: rgba(17, 17, 17, .8);
  box-sizing: border-box;
 }

 .navbar .menu form {
  position: relative;
  text-align: center;
  width: 230px;
  margin: 0 auto;
  overflow: hidden;
  white-space: nowrap;
 }

 .navbar .search-input {
  margin-bottom: 0;
  width: 100%;
 }

 .navbar .screen-mini .btn {
  padding: 5px 15px;
  background-color: #eee
 }

 .navbar .screen-mini .btn.active,
 .navbar .screen-mini .btn:hover {
  background-color: #ddd
 }

 .navbar .screen-mini .btn i {
  margin-top: 2px
 }

 .navbar .nav {
  display: none;
  position: fixed;
  padding-bottom: 30px;
  top: 52px;
  left: 0;
  width: 100%;
  background: rgba(1, 1, 1, .8);
 }

 .navbar .nav>li {
  float: none;
  font-size: 0;
  width: 100%;
  display: block;
  overflow: hidden;
  height: auto;
  vertical-align: top;
  text-align: center;
  font-size: 16px;
  line-height: 40px;
  margin: 0;
 }

 .navbar .nav>li>a {
  padding: 0;
  border-top: 1px solid #4A4A4A;
  border: 0;
  color: #fff;
  text-align: center
 }

 .navbar .nav li a:hover {
  background-color: #47a447;
  color: #fff
 }

 .navbar .nav>li>i {
  width: 40px;
  text-align: center;
  line-height: 40px;
  right: 0;
 }

 .navbar .nav li ul {
  position: static;
 }

 .navbar .nav>li:hover ul {
  display: none
 }

 .navbar .nav li.current-menu-item a {
  background: none;
 }

 .jobs-loop .loop dl {
  overflow: hidden;
  margin: 0 0 -20px
 }

 div.nav_box {
  display: block;
  width: 30px;
  height: 40px;
  color: #fff;
  text-align: right;
  font-size: 18px;
  line-height: 40px;
  margin-top: 5px;
  float: right;
  margin-right: 8px;
 }

 div.nav_box.open {
  width: 100%;
  background: rgba(1, 1, 1, .8);
  text-align: right
 }

 .navicon {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 5px;
  background-color: #eee;
  margin-bottom: 3px;
  margin-right: 10px
 }

 .navicon:after,
 .navicon:before {
  position: absolute;
  display: block;
  width: 30px;
  height: 5px;
  background: #eee;
  content: '';
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: margin, -webkit-transform;
  transition-property: margin, -webkit-transform;
  transition-property: margin, transform;
  transition-property: margin, transform, -webkit-transform
 }

 .navicon:before {
  margin-top: -10px
 }

 .navicon:after {
  margin-top: 10px
 }

 div.open {
  display: block;
  width: 30px;
  height: 40px;
  color: #fff;
  text-align: right;
  font-size: 18px;
  line-height: 40px;
  margin-top: 5px;
  float: right;
  margin-right: 8px;
 }

 div.open .navicon {
  background: 0
 }

 div.open .navicon:before {
  margin-top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
 }

 div.open .navicon:after {
  margin-top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
 }

 div.open .navicon:after,
 #mobile_nav div.open .navicon:before {
  position: absolute;
  display: block;
  width: 30px;
  height: 5px;
  background: #eee;
  content: '';
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: margin, -webkit-transform;
  transition-property: margin, -webkit-transform;
  transition-property: margin, transform;
  transition-property: margin, transform, -webkit-transform
 }

 .screen-search {
  display: none
 }

 .header {
  margin-bottom: 1px
 }

 ul.related-box li a img {
  height: 138px;
 }

 .footer-inner {
  border-left: none
 }

 .navbar .nav.roll-down {
  height: 101px;
  opacity: 1;
  -webkit-transform: translate3d(0, 314px, 0)
 }

 div.nav_box {
  display: block;
  width: 30px;
  height: 40px;
  color: #fff;
  text-align: right;
  font-size: 18px;
  line-height: 40px;
  margin-top: 5px;
  float: right;
  margin-right: 8px;
 }

 div.nav_box.open {
  width: 100%;
  background: rgba(1, 1, 1, .8);
  text-align: right
 }

 .navicon {
  position: relative;
  display: inline-block;
  width: 23px;
  height: 3px;
  background-color: #1f6ec0;
  margin-bottom: 3px;
  margin-right: 10px;
 }

 .navicon:after,
 .navicon:before {
  position: absolute;
  display: block;
  width: 23px;
  height: 3px;
  top: 0;
  background: #eee;
  content: '';
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: margin, -webkit-transform;
  transition-property: margin, -webkit-transform;
  transition-property: margin, transform;
  transition-property: margin, transform, -webkit-transform
 }

 .navicon:before {
  margin-top: -8px
 }

 .navicon:after {
  margin-top: 8px
 }

 .nav-search {
  display: block;
 }

 div.open {
  display: block;
  width: 30px;
  height: 40px;
  color: #fff;
  text-align: right;
  font-size: 18px;
  line-height: 40px;
  margin-top: 5px;
  float: right;
  margin-right: 8px;
 }

 div.open .navicon {
  background: 0
 }

 div.open .navicon:before {
  margin-top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
 }

 div.open .navicon:after {
  margin-top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
 }

 div.open .navicon:after,
 #mobile_nav div.open .navicon:before {
  position: absolute;
  display: block;
  width: 23px;
  height: 3px;
  background: #eee;
  content: '';
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: margin, -webkit-transform;
  transition-property: margin, -webkit-transform;
  transition-property: margin, transform;
  transition-property: margin, transform, -webkit-transform
 }

 .row-fluid {
  width: 100%
 }

 .row-fluid:after,
 .row-fluid:before {
  display: table;
  content: "";
  line-height: 0
 }

 .row-fluid:after {
  clear: both
 }

 .row-fluid [class*=span] {
  float: left;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 1.2987012987012987%;
  width: 100%;
  min-height: 30px
 }

 .row-fluid [class*=span]:first-child {
  margin-left: 0
 }

 .row-fluid .controls-row [class*=span]+[class*=span] {
  margin-left: 1.2987012987012987%
 }

 .row-fluid .span12 {
  width: 100%
 }

 .row-fluid .span11 {
  width: 91.55844155844156%
 }

 .row-fluid .span10 {
  width: 83.1168831168831%
 }

 .row-fluid .span9 {
  width: 74.67532467532467%
 }

 .row-fluid .span8 {
  width: 66.23376623376623%
 }

 .row-fluid .span7 {
  width: 57.79220779220779%
 }

 .row-fluid .span6 {
  width: 49.35064935064935%
 }

 .row-fluid .span5 {
  width: 40.90909090909091%
 }

 .row-fluid .span4 {
  width: 32.467532467532465%
 }

 .row-fluid .span3 {
  width: 24.025974025974023%
 }

 .row-fluid .span2 {
  width: 15.584415584415584%
 }

 .row-fluid .span1 {
  width: 7.142857142857142%
 }

 .row-fluid .offset12 {
  margin-left: 102.59740259740259%
 }

 .row-fluid .offset12:first-child {
  margin-left: 101.2987012987013%
 }

 .row-fluid .offset11 {
  margin-left: 94.15584415584415%
 }

 .row-fluid .offset11:first-child {
  margin-left: 92.85714285714286%
 }

 .row-fluid .offset10 {
  margin-left: 85.7142857142857%
 }

 .row-fluid .offset10:first-child {
  margin-left: 84.4155844155844%
 }

 .row-fluid .offset9 {
  margin-left: 77.27272727272727%
 }

 .row-fluid .offset9:first-child {
  margin-left: 75.97402597402598%
 }

 .row-fluid .offset8 {
  margin-left: 68.83116883116882%
 }

 .row-fluid .offset8:first-child {
  margin-left: 67.53246753246754%
 }

 .row-fluid .offset7 {
  margin-left: 60.38961038961039%
 }

 .row-fluid .offset7:first-child {
  margin-left: 59.090909090909086%
 }

 .row-fluid .offset6 {
  margin-left: 51.94805194805195%
 }

 .row-fluid .offset6:first-child {
  margin-left: 50.649350649350644%
 }

 .row-fluid .offset5 {
  margin-left: 43.506493506493506%
 }

 .row-fluid .offset5:first-child {
  margin-left: 42.2077922077922%
 }

 .row-fluid .offset4 {
  margin-left: 35.064935064935064%
 }

 .row-fluid .offset4:first-child {
  margin-left: 33.76623376623376%
 }

 .row-fluid .offset3 {
  margin-left: 26.623376623376622%
 }

 .row-fluid .offset3:first-child {
  margin-left: 25.324675324675322%
 }

 .row-fluid .offset2 {
  margin-left: 18.18181818181818%
 }

 .row-fluid .offset2:first-child {
  margin-left: 16.883116883116884%
 }

 .row-fluid .offset1 {
  margin-left: 9.74025974025974%
 }

 .row-fluid .offset1:first-child {
  margin-left: 8.441558441558442%
 }

 .nav-search {
  display: block;
 }

 .searchbtn {
  position: absolute;
  -webkit-appearance: none;
  right: 10px;
  top: 0;
  height: 30px;
  padding: 0;
 }

 input {
  cursor: pointer;
  -webkit-appearance: none;
 }

 .navbar .search-input {
  height: 30px;
  margin: 0;
  box-sizing: border-box;
 }
}

@media (max-width:979px) {
 .IndexLinkListWrap {
  margin: 10px auto
 }

 .moketitle {
  position: relative;
  padding: 10px 20px;
  border-bottom: 1px solid #f1f1f1;
  background-color: #FFF;
  font-size: 14px
 }

 .IndexLinkListWrap ul {
  position: relative;
  margin: 0;
  padding: 10px 20px;
  height: auto;
  background-color: #FFF;
  font-size: 14px
 }

 .IndexLinkListWrap ul li {
  float: left;
  margin-right: 6px;
  height: 2em;
  list-style: none;
  white-space: nowrap
 }

 .IndexLinkListWrap ul li a {
  margin-right: 8px;
  color: #333;
  text-align: center;
  text-decoration: none;
  font-size: 12px
 }

 .IndexLinkListWrap ul li a:hover {
  color: #FD7300;
  text-decoration: none
 }

 ul.related-box li a img {
  height: 110px;
 }
}

@media (max-width:979px) {
 .article-content img {
  margin: auto;
  padding: 0px;
  max-width: 100%;
  height: auto !important;
 }
}

@media (max-width:979px) {
 .article-content iframe {
  height: auto !important
 }
}

@media (max-width:767px) {
 body {
  margin-top: 0
 }

 .navbar .logo,
 .navbar .logo a {
  margin-top: 5px;
  height: 42px
 }

 .navbar {
  margin-bottom: 1px;
  height: 42px
 }

 .speedbar {
  display: none
 }

 .sticky li {
  float: none;
  margin-bottom: 1px;
  width: 100%;
 }

 .sticky p {
  height: 57px;
  line-height: 19px;
 }

 .sticky h3 {
  margin: 5px 0 0 0;
 }

 .backtop {
  display: none;
 }

 .navbar .nav {
  padding-bottom: 5px
 }

 .navbar .menu .btn-group.pull-left {
  display: none
 }

 .navbar .search-form {
  float: none;
  margin-right: 0;
  margin-right: 106px
 }

 .navbar .search-submit {
  position: absolute;
  top: 0;
  right: -94px;
  margin-bottom: 0;
  width: 80px
 }

 .navbar .menu.roll-down {
  opacity: 1;
  -webkit-transform: translate3d(0, 60px, 0)
 }

 .article-title {
  font-weight: 700;
  font-size: 15px;
  line-height: 20px
 }

 .screen-search {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block
 }

 .navbar .screen-mini {
  float: left;
  margin-right: 45px
 }

 .navbar .screen-mini .btn {
  margin-top: 10px;
  margin-right: 15px;
  padding: 5px 15px
 }

 .navbar .screen-mini .btn.screen-nav {
  position: absolute;
  right: 50px;
  padding: 5px 15px
 }

 .navbar .nav li:hover ul {
  display: none
 }

 .excerpt,
 .excerpt:hover {
  margin-left: -4px;
  padding-left: 20px
 }

 .excerpt .focus {
  margin: 0 10px 15px 0;
  width: 110px;
 }

 .excerpt .thumbnail img {
  display: block;
  width: 110px;
  height: 75px;
 }

 .excerpt header {
  margin: 0 40px 0 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
 }

 .excerpt h2 {
  line-height: 21px;
  font-size: 15px;
 }

 .excerpt .note {
  margin-bottom: 0;
  height: 35px;
  line-height: 35px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
 }

 .excerpt p.note+p {
  line-height: 16px;
  margin: 0 0 10px;
 }

 .excerpt .muted:last-child {
  display: none;
 }

 .header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 52px;
 }

 .jobs-loop .loop dd {
  width: 50%;
 }

 .relates li {
  float: left;
  width: 100%
 }

 .article-footer .share {
  float: none;
  clear: both
 }

 .article-nav span {
  float: none;
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
 }

 .article-nav span.article-nav-next {
  float: none;
  display: block;
  text-align: left;
  margin: 10px 0 0 0;
 }

 .page-sidebar {
  display: none
 }

 .content-page {
  padding-left: 0
 }

 ul.related-box li a img {
  height: 83px;
 }
}

@media screen and (max-width:640px) {
 .pages {
  margin-left: 5px
 }

 .index-pagenavi {
  padding: 20px 20px 20px 15px;
 }

 .pages .pageinfo {
  display: none
 }

 .trackcode,
 .copyright {
  float: none;
  text-align: center
 }

 .jobs-loop .loop dd {
  margin-bottom: 10px;
 }

 .loop dd a {
  margin: 0 5px;
 }

 .jobs-loop .loop dl {
  margin: 0 0 -20px;
 }

 .jobs-loop .loop dd img {
  height: 95px;
 }

 ul.related-box li {
  width: 50%;
 }

 ul.related-box li a img {
  height: 130px;
 }
}

@media screen and (max-width:420px) {
 ul.related-box li a img {
  height: 110px;
 }

 .article-header .cate,
 .article-header .muted,
 .excerpt .muted {
  margin-right: 10px;
 }
}


.sr-only {
 position: absolute;
 width: 1px;
 height: 1px;
 padding: 0;
 margin: -1px;
 overflow: hidden;
 clip: rect(0, 0, 0, 0);
 border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
 position: static;
 width: auto;
 height: auto;
 margin: 0;
 overflow: visible;
 clip: auto
}

.pagebar {
 padding: 20px;
 overflow: hidden;
 clear: both
}

.pagebar .pagination {
 display: flex;
 justify-content: center;
 margin-top: 10px;
}

.pagination a {
 background: #fff;
 border: 1px solid #ccc;
 color: #333;
 font-size: 12px;
 padding: 8px 10px;
 margin: 0 2px;
 border-radius: 3px;
 line-height: 100%
}

.pagination span {
 color: #333;
 font-size: 12px;
 padding: 7px 2px;
 margin: 0 2px;
 border-radius: 3px;
}

.pagination a:hover {
 color: #333;
 border: 1px solid #333;
}

.pagination a.page-num-current {
 color: #fff;
 background: #333;
 border: 1px solid #333;
}

.pagination .st {
 font-family: 宋体
}

.text-secondary {
 text-align: center;
 padding: 20px 0
}

/*gouzhuo*/
.consult_contact {
 position: fixed;
 bottom: 15%;
 right: 0;
 width: 114px;
 height: 114px;
 cursor: pointer;
}

.consult_wrap {
 position: relative;
 width: 114px;
 height: 114px;
}

.consult_wrap .tip {
 position: absolute;
 right: 95px;
 top: 45px;
 display: none;
 width: 150px;
 height: 24px;
 border-radius: 3px;
 font-size: 14px;
 line-height: 24px;
 text-align: center;
 background: #3091f2;
 color: #fff;
 -webkit-transition: display 1s ease;
 transition: display 1s ease;
}

.consult_wrap .tip:after {
 position: absolute;
 right: -8px;
 top: 50%;
 content: "";
 width: 0;
 height: 0;
 border-top: 4px solid transparent;
 border-right: 4px solid transparent;
 border-bottom: 4px solid transparent;
 border-left: 4px solid #3091f2;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
}

.consult_contact img {
 position: absolute;
 left: 50%;
 top: 50%;
 width: auto;
 -webkit-transform: translate3d(-50%, -50%, 0);
 transform: translate3d(-50%, -50%, 0);
}

.consult_contact .staff_img {
 z-index: 999;
}

@keyframes ballRotate {
 0% {
  transform: rotate(0);
 }

 100% {
  transform: rotate(360deg);
 }
}

.consult_contact .ball {
 top: 20px;
 width: auto;
 transform-origin: 0 38px;
 animation: ballRotate 2.5s infinite linear;
 z-index: 9999;
}

@keyframes bg2Animation {
 0% {
  opacity: 0;
 }

 50% {
  opacity: 1;
 }

 100% {
  opacity: 0;
 }
}

.consult_contact .bg-2 {
 animation: bg2Animation 2.5s infinite linear;
}

.consult_contact:hover .tip {
 display: block;
}