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 } pre.prettyprint { margin-bottom: 20px } .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; 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: #4eae30; text-decoration: none } ::selection { background: #81c53f; color: #fff; text-shadow: none } ::-moz-selection { background: #81c53f; color: #fff; text-shadow: none } .container { position: relative; margin: 0 auto; max-width: 1200px; text-align: left; min-height: 820px; } .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: #222; opacity: .95; filter: alpha(Opacity=90); -moz-opacity: .9 } .container { margin-top: 70px; margin-bottom: 10px } .content-wrap { float: left; width: 100% } .content { 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: #f7f7f7; 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: #414141; color: #ddd; text-shadow: 0 -1px 0 #333 } .trackcode { float: right } .footer-inner { margin: 0 auto; padding: 16px 0 14px; width: 100%; max-width: 1200px; border-left: 0 solid #428bca; background-color: #414141; color: #aaa; text-shadow: 0 -1px 0 #333 } .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: #ddd; 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: #f7f7f7; 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 } .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: #fbfbfb } .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: #888; cursor: pointer } .pagesider-menu a:hover { background-color: #f7f7f7; 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: #81c53f } .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: #888; 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: #f7f7f7; color: #666 } .page-navbar>li>ul { font-size: 14px } .page-navbar>li>ul a { padding-left: 36px } .page-navbar li:hover a { background-color: #f7f7f7; 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: #f7f7f7; 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: #fbfbfb } 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 } [class*=" icon-"], [class^=icon-] { display: inline-block; margin-top: 4px; width: 14px; height: 14px; background-image: url(../images/glyphicons-halflings.png); background-position: 14px 14px; background-repeat: no-repeat; vertical-align: text-top; line-height: 14px } .icon-white { background-image: url(../images/glyphicons-halflings.png) } .icon12 { margin-top: 2px } .muted [class*=" icon-"], .muted [class^=icon-] { opacity: .5; filter: alpha(opacity=40) } .icon-glass { background-position: 0 0 } .icon-music { background-position: -24px 0 } .icon-search { background-position: -48px 0 } .icon-envelope { background-position: -72px 0 } .icon-heart { background-position: -96px 0 } .icon-star { background-position: -120px 0 } .icon-star-empty { background-position: -144px 0 } .icon-user { background-position: -168px 0 } .icon-film { background-position: -192px 0 } .icon-th-large { background-position: -216px 0 } .icon-th { background-position: -240px 0 } .icon-th-list { background-position: -264px 0 } .icon-ok { background-position: -288px 0 } .icon-remove { background-position: -312px 0 } .icon-zoom-in { background-position: -336px 0 } .icon-zoom-out { background-position: -360px 0 } .icon-off { background-position: -384px 0 } .icon-signal { background-position: -408px 0 } .icon-cog { background-position: -432px 0 } .icon-trash { background-position: -456px 0 } .icon-home { background-position: 0 -24px } .icon-file { background-position: -24px -24px } .icon-time { background-position: -48px -24px } .icon-road { background-position: -72px -24px } .icon-download-alt { background-position: -96px -24px } .icon-download { background-position: -120px -24px } .icon-upload { background-position: -144px -24px } .icon-inbox { background-position: -168px -24px } .icon-play-circle { background-position: -192px -24px } .icon-repeat { background-position: -216px -24px } .icon-refresh { background-position: -240px -24px } .icon-list-alt { background-position: -264px -24px } .icon-lock { background-position: -287px -24px } .icon-flag { background-position: -312px -24px } .icon-headphones { background-position: -336px -24px } .icon-volume-off { background-position: -360px -24px } .icon-volume-down { background-position: -384px -24px } .icon-volume-up { background-position: -408px -24px } .icon-qrcode { background-position: -432px -24px } .icon-barcode { background-position: -456px -24px } .icon-tag { background-position: 0 -48px } .icon-tags { background-position: -25px -48px } .icon-book { background-position: -48px -48px } .icon-bookmark { background-position: -72px -48px } .icon-print { background-position: -96px -48px } .icon-camera { background-position: -120px -48px } .icon-font { background-position: -144px -48px } .icon-bold { background-position: -167px -48px } .icon-italic { background-position: -192px -48px } .icon-text-height { background-position: -216px -48px } .icon-text-width { background-position: -240px -48px } .icon-align-left { background-position: -264px -48px } .icon-align-center { background-position: -288px -48px } .icon-align-right { background-position: -312px -48px } .icon-align-justify { background-position: -336px -48px } .icon-list { background-position: -360px -48px } .icon-indent-left { background-position: -384px -48px } .icon-indent-right { background-position: -408px -48px } .icon-facetime-video { background-position: -432px -48px } .icon-picture { background-position: -456px -48px } .icon-pencil { background-position: 0 -72px } .icon-map-marker { background-position: -24px -72px } .icon-adjust { background-position: -48px -72px } .icon-tint { background-position: -72px -72px } .icon-edit { background-position: -96px -72px } .icon-share { background-position: -120px -72px } .icon-check { background-position: -144px -72px } .icon-move { background-position: -168px -72px } .icon-step-backward { background-position: -192px -72px } .icon-fast-backward { background-position: -216px -72px } .icon-backward { background-position: -240px -72px } .icon-play { background-position: -264px -72px } .icon-pause { background-position: -288px -72px } .icon-stop { background-position: -312px -72px } .icon-forward { background-position: -336px -72px } .icon-fast-forward { background-position: -360px -72px } .icon-step-forward { background-position: -384px -72px } .icon-eject { background-position: -408px -72px } .icon-chevron-left { background-position: -432px -72px } .icon-chevron-right { background-position: -456px -72px } .icon-plus-sign { background-position: 0 -96px } .icon-minus-sign { background-position: -24px -96px } .icon-remove-sign { background-position: -48px -96px } .icon-ok-sign { background-position: -72px -96px } .icon-question-sign { background-position: -96px -96px } .icon-info-sign { background-position: -120px -96px } .icon-screenshot { background-position: -144px -96px } .icon-remove-circle { background-position: -168px -96px } .icon-ok-circle { background-position: -192px -96px } .icon-ban-circle { background-position: -216px -96px } .icon-arrow-left { background-position: -240px -96px } .icon-arrow-right { background-position: -264px -96px } .icon-arrow-up { background-position: -289px -96px } .icon-arrow-down { background-position: -312px -96px } .icon-share-alt { background-position: -336px -96px } .icon-resize-full { background-position: -360px -96px } .icon-resize-small { background-position: -384px -96px } .icon-plus { background-position: -408px -96px } .icon-minus { background-position: -433px -96px } .icon-asterisk { background-position: -456px -96px } .icon-exclamation-sign { background-position: 0 -120px } .icon-gift { background-position: -24px -120px } .icon-leaf { background-position: -48px -120px } .icon-fire { background-position: -72px -120px } .icon-eye-open { background-position: -96px -120px } .icon-eye-close { background-position: -120px -120px } .icon-warning-sign { background-position: -144px -120px } .icon-plane { background-position: -168px -120px } .icon-calendar { background-position: -192px -120px } .icon-random { width: 16px; background-position: -216px -120px } .icon-comment { background-position: -240px -120px } .icon-magnet { background-position: -264px -120px } .icon-chevron-up { background-position: -288px -120px } .icon-chevron-down { background-position: -313px -119px } .icon-retweet { background-position: -336px -120px } .icon-shopping-cart { background-position: -360px -120px } .icon-folder-close { width: 16px; background-position: -384px -120px } .icon-folder-open { width: 16px; background-position: -408px -120px } .icon-resize-vertical { background-position: -432px -119px } .icon-resize-horizontal { background-position: -456px -118px } .icon-hdd { background-position: 0 -144px } .icon-bullhorn { background-position: -24px -144px } .icon-bell { background-position: -48px -144px } .icon-certificate { background-position: -72px -144px } .icon-thumbs-up { background-position: -96px -144px } .icon-thumbs-down { background-position: -120px -144px } .icon-hand-right { background-position: -144px -144px } .icon-hand-left { background-position: -168px -144px } .icon-hand-up { background-position: -192px -144px } .icon-hand-down { background-position: -216px -144px } .icon-circle-arrow-right { background-position: -240px -144px } .icon-circle-arrow-left { background-position: -264px -144px } .icon-circle-arrow-up { background-position: -288px -144px } .icon-circle-arrow-down { background-position: -312px -144px } .icon-globe { background-position: -336px -144px } .icon-wrench { background-position: -360px -144px } .icon-tasks { background-position: -384px -144px } .icon-filter { background-position: -408px -144px } .icon-briefcase { background-position: -432px -144px } .icon-fullscreen { background-position: -456px -144px } .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: #81c53f; color: #fff } .btn.active, .btn.disabled, .btn:active, .btn:focus, .btn:hover, .btn[disabled] { background-color: #68ac27; color: #fff } .btn-primary { background-color: #81c53f; 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: #81c53f; 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: #81c53f; 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; width: 200px; height: 52px; } .navbar .logo a { display: block; overflow: hidden; height: 52px; color: #fff } .navbar .logo a img{ width: auto; height: 100%; display: block; } .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; margin-right: 1px; width: 110px; text-align: center } .navbar .nav li a { padding: 16px 20px; color: #eee } .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 { position: absolute; top: 52px; left: 0; z-index: 10; display: none; padding-bottom: 0; min-width: 110px; 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 20px 4px; color: #eee } .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: #404040 } .navbar .btn-navbar { float: right; display: none; margin-top: 11px; margin-right: 5px; margin-left: 5px; padding: 5px 8px 6px; background-color: #404040 } .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: -35px; padding-right: 35px; width: 195px; 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 } .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: #81c53f; 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: #f7f7f7; 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: 0; 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: #f7f7f7; 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: #f7f7f7; 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: #fbfbfb; color: #aaa; text-align: center; font-size: 22px; line-height: 20px } .banner-your:hover { border-color: #aaa; color: #888 } .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: #f7f7f7; 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: #fafff8 } .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: #5cb85c; 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 .note { color: #888; font-size: 14px; line-height: 24px } .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 .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: #fafff8; border-left-color: #81c53f } .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: #fbfbfb; 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; max-height: 313px; 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 } .banner-sticky { margin-bottom: 1px } .banner-contenttop { margin-bottom: 1px; border-radius: 5px 5px 0 0; background-color: #f7f7f7 } .banner img { display: block } .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: #f7f7f7 } .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; padding: 5px; max-width: 860px; } @media(max-width:979px) { .article-content img { margin: auto; padding: 5px; max-width: 95% } } .article-content img:hover { border-color: #ddd; background-color: #fbfbfb } .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: #fbfbfb; 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 { 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 #f7f7f7; 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: #5cb85c } .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 blockquote { margin: 15px auto; padding: 10px 15px 5px; border: 1px solid #d6e9c6; background-color: #f4ffef; 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 } .article-nav { overflow: hidden; padding: 15px 20px; border-top: 1px solid #f2f2f2; background-color: #fbfbfb; color: #bbb; font-size: 14px } .article-nav span { position: relative; float: left; width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .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: #fbfbfb } .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: #fbfbfb; 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: #81c53f; 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: #f7f7f7; 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(404.png) no-repeat 2px 0 } .widgetzry { float: left; width: 140px } .widgetzry ul { background: url(404.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: #fbfbfb; 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: 0; 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 } .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: #fbfbfb } .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: #5cb85c } .d_textbanner a.style03:hover { border-color: #5cb85c; color: #4cae4c } .d_textbanner a.style03 strong { border-radius: 5px 0; background-color: #5cb85c } .d_textbanner a.style03:hover strong { background-color: #4cae4c } .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: #fafff8; border-left-color: #81c53f } .d_postlist .text { display: block; margin-top: -4px } .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 .nopic li a { padding: 8px 15px } .d_postlist .nopic .text { margin-top: 0 } .yzm-archives { padding-bottom: 15px } .yzm-archives ul { margin-top: 15px; overflow: hidden; width: 100% } .yzm-archives ul li { line-height: 30px; width: 50%; float: left; text-align: center } .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: #fbfbfb } .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: #fbfbfb; 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: #f7f7f7 } .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(#fbfbfb, #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 } @media(max-width:979px) { .navbar .screen-mini { float: left; display: block } .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 { position: absolute; top: -230px; left: 0; z-index: 9; padding: 20px 0 20px; width: 100%; background-color: #404040; opacity: 0; -webkit-transition-duration: .4s } .navbar .nav>li { margin-right: 0; width: 20%; font-size: 12px } .navbar .nav>li>a { margin-bottom: -1px; padding: 7px 0 7px 0; border-top: 1px solid #4a4a4a; border-right: 1px solid #4a4a4a; border-bottom: 1px solid #4a4a4a; color: #ccc; text-align: center } .navbar .nav li a:hover { background-color: #47a447; color: #fff } .navbar .nav>li:hover ul { display: none } .navbar .nav::before { position: absolute; top: 10px; left: 20px; color: #aaa; content: '菜单栏'; font-size: 15px } .screen-search { display: none } .sidebar { display: none } .content { overflow: hidden; margin-right: 0 } .jobs-loop{ padding: 0 10px !important; margin-right: unset !important; } .jobs-loop .loop dl { margin-left: unset !important; } .jobs-loop .loop dd { float: unset!important; display: inline-block !important; margin: 0 0 15px 0!important; width: 100% !important; height: 50%!important; } .jobs-loop .loop dd img { width: 100% !important; height: 50% !important; } .header { margin-bottom: 1px } .footer-inner { border-left: none } .navbar .nav.roll-down { height: 101px; opacity: 1; -webkit-transform: translate3d(0, 314px, 0) } .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% } } @media(max-width:767px) { body { margin-top: 0 } .navbar .logo, .navbar .logo a { margin-top: 5px; height: 42px } .navbar { margin-bottom: 1px; height: 56px } .speedbar { display: none } .sticky { display: none } .navbar .nav { padding-bottom: 5px } .navbar .nav>li { width: 25% } .navbar .nav { top: -335px } .navbar .menu .btn-group.pull-left { display: none } .navbar .search-form { float: none; margin-right: 0; margin-right: 106px } .navbar .search-input { margin-bottom: 0; width: 100% } .navbar .search-submit { position: absolute; top: 0; right: -94px; margin-bottom: 0; width: 80px } .navbar .menu { position: absolute; top: -72px; left: 0; z-index: 9; padding: 6px; padding-top: 15px; width: 100%; height: 40px; background-color: #404040; opacity: 0; -webkit-transition-duration: .2s } .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 } .container { min-height: 605px; } .excerpt, .excerpt:hover { margin-left: -4px; padding-left: 20px } .excerpt .focus { float: none; margin: 0 auto 15px; width: 100%; } .excerpt .thumbnail img { display: block; width: 100%; height: 50%; } .header { position: fixed; top: 0; left: 0; z-index: 99; width: 100% } .relates li { float: left; width: 100% } .article-footer .share { float: none; clear: both } .related-post { width: 100%!important; } .related-post dd { width: 174px!important; height: 162px!important; } .related-post dd a img { width: 100%!important; height: 120px!important; } .article-nav span { float: none; width: 100%; } .article-nav span.article-nav-next { float: left; text-align: left; } .page-sidebar { display: none } .content-page { padding-left: 0 } } .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: #4eae30; text-decoration: none } @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: #4eae30; text-decoration: 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: #888; 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: #81c53f } .jobs-loop .cate ul .current-cat a { border-bottom-color: #81c53f } .jobs-loop .pagination { padding-top: 0; background: 0 } .jobs-loop .loop dl { overflow: hidden; margin-left: -25px } .jobs-loop .loop dd { float: left; display: inline; margin-bottom: 25px; margin-left: 25px; width: 281px; height: 200px; border-radius: 5px; background: #fff; line-height: 18px } .jobs-loop .loop dd img { display: block; margin-bottom: 8px; width: 280px; height: 150px; border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .jobs-loop .loop dd span { display: block; overflow: hidden; margin: 15px 14px; height: 35px; text-align: center; font-size: 14px; line-height: 16px } .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: #888; background: #888; color: #fff } .article-content iframe { width: 100% !important; max-width: 800px; max-height: 667px } @media(max-width:979px) { .article-content iframe { height: auto !important } } .navbar .menu { margin-top: 10px; width: 240px } .navbar .menu .button { margin-top: 1px; height: 28px; border: 0; border-radius: 5px; background: 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-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(404.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 #81c53f } .author-header .tab li.cur a { border-bottom: 2px solid #81c53f } .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; padding-top: 20px; width: 850px } .related-post h6 { margin-bottom: 10px; font-weight: 700; font-size: 14px } .related-post dl { margin-left: -25px } .related-post dd { float: left; display: inline; margin: 0 0 20px 25px; width: 150px; height: 140px } .related-post dd a img { display: block; overflow: hidden; margin-bottom: 5px; padding: 0; width: 150px; height: 100px; border: 0 } .related-post dd:hover img { opacity: .8; filter: alpha(opacity=80) } .related-post dd span { display: block; overflow: hidden; height: 38px; color: #333; font-size: 12px; line-height: 18px } .related-post dd:hover span { color: #999 } .tab .tab-menu { margin: 10px 0 0 25px; padding-top: 15px } .tab .tab-menu a { float: left; padding: 5px 8px; background: #999; color: #fff; font-size: 12px } .tab .tab-menu a.current { background: #81c269 } .tab { background: #fff } .tab .none { display: none } .pages { text-align: center } .pages .pageinfo { 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.curpage { padding: 5px 10px; border: 1px solid #888; border-radius: 3px; background: #888; color: #fff; text-decoration: none } .pages a { padding: 5px 10px; border: 1px solid #CCC; background: #fff; color: #a4a4a4; line-height: 18px } .pages a.no-pointer { pointer-events: none; } .tag_list ul { padding: 20px } .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 #ccc; border-radius: 5px; background: #fff; color: #666; font-size: 12px; transition: all .3s ease 0s } .tag_list ul li a:hover { background: #fff; color: #00c3b6; border: 1px solid #00c3b6 } .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: 0; background: url(../images/searchbtn.png) no-repeat 0 6px } #button { bottom: 85px; right: 5%; position: fixed; z-index: 2; width: 30px } #button a { background-image: url(../images/top.png); background-repeat: no-repeat; display: block; width: 50px; height: 50px; margin-bottom: 2px; overflow: hidden; text-indent: -999px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out } #button a.totop { background-position: 0 0 } #button a.totop:hover { background-position: -50px 0 } #button .guanwang { background-position: 0 -50px } #button a.guanwang:hover { background-position: -50px -50px } #button .lianxi { background-position: 0 -100px } #button a.lianxi:hover { background-position: -50px -100px } .comment_box { overflow: hidden; margin: 0 20px 20px 20px } .comment { position: relative; margin: 20px 0 } .comment h3 { height: 28px; line-height: 28px } .com_form { position: relative; width: 100% } .textarea { padding: 5px 5px; width: 98%; height: 78px; outline: 0; border: 1px solid #ccc; color: #333; font-size: 13px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 20px } .textarea2 { width: 98% } .com_form p { position: relative; height: 28px; line-height: 28px } 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: 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 } .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: #fbfbfb; color: #555; font-weight: 700; font-size: 14px; line-height: 30px } .comment_list_body ul { padding: 0 12px } .comment_list_body ul li { overflow: hidden; padding: 10px 0; border-bottom: 1px dotted #ddd } .comment_list_body ul li:last-child { border-bottom: 0 } .comm_right { margin-left: 50px } .user_name { color: #017cb9 } .user_name:hover { color: #2a6496; text-decoration: underline; transition: all .15s linear 0s } .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 } .none { display: none } .original_comment { display: block } .rep_cont { padding: 10px 0 } .yzm { float: right; margin-right: 120px } .yzm2 { float: right; margin-right: 20px } .yzm img { cursor: pointer } .yzm input { margin-top: 10px; margin-left: 10px; width: 60px } .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: #00c3b6; 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: 314px!important; 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 }