@charset "utf-8";

@font-face {

font-family: 'icomoon';

src: url('fonts/icomoon.eot?7jyvbf');

src: url('fonts/icomoon.eot?7jyvbf#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?7jyvbf') format('truetype'), url('fonts/icomoon.woff?7jyvbf') format('woff'), url('fonts/icomoon.svg?7jyvbf#icomoon') format('svg');

font-weight: normal;

font-style: normal;

}

[class^="icon-"],

[class*=" icon-"] {

/* use !important to prevent issues with browser extensions that change fonts */

font-family: 'icomoon' !important;

speak: none;

font-style: normal;

font-weight: normal;

font-variant: normal;

text-transform: none;

line-height: 1;

/* Better Font Rendering =========== */

-webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

}

.icon-arrow_upward:before {

content: "\e5d8";

}

.icon-chat_bubble_outline:before {

content: "\e0cb";

}

.icon-format_list_bulleted:before {

content: "\e241";

}

.icon-format_list_numbered:before {

content: "\e242";

}

.icon-close:before {

content: "\e5cd";

}

.icon-search:before {

content: "\e8b6";

}

.icon-chevron-down:before {

content: "\e900";

}

.icon-chevron-left:before {

content: "\e901";

}

.icon-chevron-right:before {

content: "\e902";

}

.icon-chevron-thin-down:before {

content: "\e903";

}

.icon-chevron-thin-left:before {

content: "\e904";

}

.icon-chevron-thin-right:before {

content: "\e905";

}

.icon-chevron-thin-up:before {

content: "\e906";

}

.icon-chevron-up:before {

content: "\e907";

}

.icon-mail:before {

content: "\e90d";

}

.icon-menu:before {

content: "\e908";

}

.icon-rss:before {

content: "\e90a";

}

.icon-user:before {

content: "\e90b";

}

.icon-vcard:before {

content: "\e909";

}

.icon-sina-weibo:before {

content: "\e90e";

}

.icon-facebook:before {

content: "\e90f";

}

.icon-github:before {

content: "\e910";

}

.icon-google:before {

content: "\e911";

}

.icon-instagram:before {

content: "\e912";

}

.icon-pinterest:before {

content: "\e913";

}

.icon-tumblr:before {

content: "\e914";

}

.icon-twitter:before {

content: "\e915";

}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**

* 1. Set default font family to sans-serif.

* 2. Prevent iOS text size adjust after orientation change, without disabling

* user zoom.

*/

html {

font-family: sans-serif;

/* 1 */

-ms-text-size-adjust: 100%;

/* 2 */

-webkit-text-size-adjust: 100%;

/* 2 */

}

/**

* Remove default margin.

*/

body {

margin: 0;

}

/* HTML5 display definitions

========================================================================== */

/**

* Correct `block` display not defined for any HTML5 element in IE 8/9.

* Correct `block` display not defined for `details` or `summary` in IE 10/11

* and Firefox.

* Correct `block` display not defined for `main` in IE 11.

*/

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

main,

menu,

nav,

section,

summary {

display: block;

}

/**

* 1. Correct `inline-block` display not defined in IE 8/9.

* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.

*/

audio,

canvas,

progress,

video {

display: inline-block;

/* 1 */

vertical-align: baseline;

/* 2 */

}

/**

* Prevent modern browsers from displaying `audio` without controls.

* Remove excess height in iOS 5 devices.

*/

audio:not([controls]) {

display: none;

height: 0;

}

/**

* Address `[hidden]` styling not present in IE 8/9/10.

* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.

*/

[hidden],

template {

display: none;

}

/* Links

========================================================================== */

/**

* Remove the gray background color from active links in IE 10.

*/

a {

background-color: transparent;

}

/**

* Improve readability when focused and also mouse hovered in all browsers.

*/

a:active,

a:hover {

outline: 0;

}

/* Text-level semantics

========================================================================== */

/**

* Address styling not present in IE 8/9/10/11, Safari, and Chrome.

*/

abbr[title] {

border-bottom: 1px dotted;

}

/**

* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.

*/

b,

strong {

font-weight: bold;

}

/**

* Address styling not present in Safari and Chrome.

*/

dfn {

font-style: italic;

}

/**

* Address variable `h1` font-size and margin within `section` and `article`

* contexts in Firefox 4+, Safari, and Chrome.

*/

h1 {

font-size: 2em;

margin: 0.67em 0;

}

/**

* Address styling not present in IE 8/9.

*/

mark {

background: #ff0;

color: #000;

}

/**

* Address inconsistent and variable font size in all browsers.

*/

small {

font-size: 80%;

}

/**

* Prevent `sub` and `sup` affecting `line-height` in all browsers.

*/

sub,

sup {

font-size: 75%;

line-height: 0;

position: relative;

vertical-align: baseline;

}

sup {

top: -0.5em;

}

sub {

bottom: -0.25em;

}

/* Embedded content

========================================================================== */

/**

* Remove border when inside `a` element in IE 8/9/10.

*/

img {

border: 0;

}

/**

* Correct overflow not hidden in IE 9/10/11.

*/

svg:not(:root) {

overflow: hidden;

}

/* Grouping content

========================================================================== */

/**

* Address margin not present in IE 8/9 and Safari.

*/

figure {

margin: 1em 40px;

}

/**

* Address differences between Firefox and other browsers.

*/

hr {

box-sizing: content-box;

height: 0;

}

/**

* Contain overflow in all browsers.

*/

pre {

overflow: auto;

}

/**

* Address odd `em`-unit font size rendering in all browsers.

*/

code,

kbd,

pre,

samp {

font-family: monospace, monospace;

font-size: 1em;

}

/* Forms

========================================================================== */

/**

* Known limitation: by default, Chrome and Safari on OS X allow very limited

* styling of `select`, unless a `border` property is set.

*/

/**

* 1. Correct color not being inherited.

* Known issue: affects color of disabled elements.

* 2. Correct font properties not being inherited.

* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.

*/

button,

input,

optgroup,

select,

textarea {

color: inherit;

/* 1 */

font: inherit;

/* 2 */

margin: 0;

/* 3 */

}

/**

* Address `overflow` set to `hidden` in IE 8/9/10/11.

*/

button {

overflow: visible;

}

/**

* Address inconsistent `text-transform` inheritance for `button` and `select`.

* All other form control elements do not inherit `text-transform` values.

* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.

* Correct `select` style inheritance in Firefox.

*/

button,

select {

text-transform: none;

}

/**

* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`

* and `video` controls.

* 2. Correct inability to style clickable `input` types in iOS.

* 3. Improve usability and consistency of cursor style between image-type

* `input` and others.

*/

button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

-webkit-appearance: button;

/* 2 */

cursor: pointer;

/* 3 */

}

/**

* Re-set default cursor for disabled elements.

*/

button[disabled],

html input[disabled] {

cursor: default;

}

/**

* Remove inner padding and border in Firefox 4+.

*/

button::-moz-focus-inner,

input::-moz-focus-inner {

border: 0;

padding: 0;

}

/**

* Address Firefox 4+ setting `line-height` on `input` using `!important` in

* the UA stylesheet.

*/

input {

line-height: normal;

}

/**

* It's recommended that you don't attempt to style these elements.

* Firefox's implementation doesn't respect box-sizing, padding, or width.

*

* 1. Address box sizing set to `content-box` in IE 8/9/10.

* 2. Remove excess padding in IE 8/9/10.

*/

input[type="checkbox"],

input[type="radio"] {

box-sizing: border-box;

/* 1 */

padding: 0;

/* 2 */

}

/**

* Fix the cursor style for Chrome's increment/decrement buttons. For certain

* `font-size` values of the `input`, it causes the cursor style of the

* decrement button to change from `default` to `text`.

*/

input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button {

height: auto;

}

/**

* 1. Address `appearance` set to `searchfield` in Safari and Chrome.

* 2. Address `box-sizing` set to `border-box` in Safari and Chrome

* (include `-moz` to future-proof).

*/

input[type="search"] {

-webkit-appearance: textfield;

/* 1 */

/* 2 */

box-sizing: content-box;

}

/**

* Remove inner padding and search cancel button in Safari and Chrome on OS X.

* Safari (but not Chrome) clips the cancel button when the search input has

* padding (and `textfield` appearance).

*/

input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

-webkit-appearance: none;

}

/**

* Define consistent border, margin, and padding.

*/

fieldset {

border: 1px solid #c0c0c0;

margin: 0 2px;

padding: 0.35em 0.625em 0.75em;

}

/**

* 1. Correct `color` not being inherited in IE 8/9/10/11.

* 2. Remove padding so people aren't caught out if they zero out fieldsets.

*/

legend {

border: 0;

/* 1 */

padding: 0;

/* 2 */

}

/**

* Remove default vertical scrollbar in IE 8/9/10/11.

*/

textarea {

overflow: auto;

}

/**

* Don't inherit the `font-weight` (applied by a rule above).

* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.

*/

optgroup {

font-weight: bold;

}

/* Tables

========================================================================== */

/**

* Remove most spacing between table cells.

*/

table {

border-collapse: collapse;

width: 100%;

}

table th {

background-color: #f9f9f9;

}

table td,

table th {

padding: 4px 8px;

border: 1px solid #F6F6F6;

}

td,

th {

padding: 0;

}

/* Basic Settings */

* {

box-sizing: border-box;

outline: none;

margin: 0;

padding: 0;

}

/* My Base */

html {

width: 100%;

height: 100%;

padding-top: 65px;

font-family: "Microsoft YaHei", 'Ubuntu', "Source Sans Pro", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Hiragino Sans GB W3", Menlo, Monaco, Source Han Sans CN Regular, WenQuanYi Micro Hei, Arial, sans-serif;

font-size: 16px;

line-height: 1.5rem;

color: #666666;

-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

-webkit-text-size-adjust: 100%;

-ms-text-size-adjust: 100%;

text-rendering: optimizelegibility;

}

body {

background-color: #F6F6F6;

}

body.modal-active {

overflow: hidden;

}

@media (max-width: 680px) {

body.modal-active {

position: fixed;

top: 0;

right: 0;

bottom: 0;

left: 0;

}

}

body.z_menu-open .menu-phone {

transform: translate3d(-20px, 0, 0);

}

@font-face {

font-family: "iconfont";

src: url('iconfont.eot?t=1548907540749');

/* IE9 */

src: url('iconfont.eot?t=1548907540749#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAS8AAsAAAAACSgAAARuAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDHAqFaIRyATYCJAMQCwoABCAFhG0HQRvdB8gOJRHBwADgoQZAPPy3n3nfzCQ7+VlgBQpQIhdcVI9HEqa+qlthq0RXVthaAiMyhGdeigeYF93mORTXLl+nGeRiFIIJ+J9r6uXzgeW3szlFBVZScSTgaMADii6aDXgDGjBNYcPYxWUsJ9CYEwu5KK8VACuF1i4Qz3G5CFjF9EoJLVRVO2doEVeAr6Z3nAuA9+7n47/ksCJpZVrX3sMyKSj8Ff9iFHfE/xG6bAQI+rOCGUXGOqAQj3Ptd3H9wDquRvoOzxagqhK/4p/teDHq/38oXIu86n95hCQTbZp8EJEbwcyveJMi+LWDIvFnlF6GeGld0eA7AHEIyJkXSQbEHuLlHmFn1+msDl73KHweE72G8lrxIHIu7T7nhvdq1tNIR8xnMBMlmFSOSdJ3lTOMp5kV0rR777SVaTTrGRCr7osMPsQIDGvmrvU8TWtV/Qxz3Y22k1d7bmcELmIOzF926Fxq0Qy7D3oZ5jYaTL7zF3mYjwkEboYQWWwdeam091koKommhTTbyrIeZkZKMRgDuamnUh0nqKCldMVpNngZI1ixa9Hi/TsXLigxmExms9FoGLwoAGMZjKKEggV+FG1rZj1H0HkrznivZCtOTn3Kc+GHWcRIu09mc64+0Vl7o434l6sZ5g/QQ628RyrPbrmdlMEbvOTF2J+/nk24pgva5FiGDrLFQP3XEi7y6fsuXgmvnZP0aIRVA1LFUTmiYJfb56IyZBBI7L0+vWUIADsf5wwloyotrpbYwisQ888ochBeymOvJ/JtZ3Ic3fvOWpvEX+KXPXydyhB81S228EGy19C408ucxs02RSFuHxvtGz2amnRtC7UvnLhO04uMtQ29ynsE6P1ci9dLJfxO/jwnaYYkN5xISQuSDk3VWi5utarh1kzV6WxwK+1Gu8vH2KxrvRIvuNfKOpoR9eFjU9bHj4v0xzu76Gu1NSDlg++OpyHt3GkDD4zmjuP2P8SdIk/7dIdnE1Jl9Tm5MjQsXDi6r1LkvxNx4+FEf9EQODpcGBaae/rnitwGWgB9Kh/iRgJA/pw+Av13uYnr9PM0c93d9rqXY+5XK9urV/ZlgNHNdfSpAtrx/wBBbcGvIqiZV2SRZihFFJt8JVS8ZXl/rTS6iR8kwrh7fSinakcTqqkQkgGzkFXzaCHXoaVrA9qqY2isqRjdNYHAFaWDVWMBhFGbIRl2Ddmoi2gh70LLtLfQNhpcaNwJ1ym7FgO3KSGgiIRSVDwQxSUatcwwkTaetRnKT05FREUuHYOEHnejSfGJyXAFVEOijx76fvJkkpShMkKjQsvBalCp1KBaQtMNJWR8H5LUZickyPIeFC/RqICNcwRIhARJocQGQuEkNNRkdmmSTer9zSC5vpREiJKkEicGIujhlaOSxEusgVbI1bWSzqW2Xj9yyUgkGW4lQ9BQQZVDK6TUAxoobX6jbpAEKV6fFj6tbAmomKyuPH58peoKC77XlNreJVLkKNHSvNEpNGp5Ny5S8/tDXKzhNDUBAAAA') format('woff2'), url('iconfont.woff?t=1548907540749') format('woff'), url('iconfont.ttf?t=1548907540749') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('iconfont.svg?t=1548907540749#iconfont') format('svg');

/* iOS 4.1- */

}

.iconfont {

font-family: "iconfont" !important;

font-size: 35px;

font-style: normal;

-webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

}

.icon-qqkongjian:before {

content: "\e62e";

color: #ffc817;

border: 1px solid #ffc817;

border-radius: 50%;

padding: 5px;

}

.icon-weibo:before {

content: "\e6b4";

color: #ff6868;

border: 1px solid #ff6868;

border-radius: 50%;

padding: 5px;

}

.icon-QQ:before {

content: "\e882";

color: #12b7f5;

border: 1px solid #12b7f5;

border-radius: 50%;

padding: 5px;

}

.z-depth-nav,

#u-search .modal .modal-header {

box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.24), 0 3px 6px 0px rgba(0, 0, 0, 0.1);

}

.z-depth-nav-raised,

#u-search .modal .modal-header:hover {

box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.1), 0 4px 8px 0px rgba(0, 0, 0, 0.1), 0 4px 8px 0px rgba(0, 0, 0, 0.1), 0 4px 8px 0px rgba(0, 0, 0, 0.1);

}

.z-depth-main,

.m_widget {

border: 1px solid #eaeaea;

}

.z-depth-main-raised {

box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.1), 0 4px 8px 0px rgba(0, 0, 0, 0.1), 0 4px 8px 0px rgba(0, 0, 0, 0.1), 0 4px 8px 0px rgba(0, 0, 0, 0.1);

}

.z-depth-0 {

box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.07);

}

.z-depth-1 {

box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08), 0 2px 4px 0 rgba(0, 0, 0, 0.1);

}

.z-depth-1-half {

box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.4), 0 0px 8px 0px rgba(0, 0, 0, 0.2);

}

.z-depth-2 {

box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.1);

}

.z-depth-3 {

box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.12), 0 8px 25px 0 rgba(0, 0, 0, 0.1);

}

.z-depth-4 {

box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.11), 0 12px 22px 0 rgba(0, 0, 0, 0.11);

}

.z-depth-5 {

box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.1), 0 20px 33px 0 rgba(0, 0, 0, 0.11);

}

.z-depth-0 {

box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08), 0 2px 4px 0 rgba(0, 0, 0, 0.08);

}

.hoverable {

transition: all 0.25s ease;

-moz-transition: all 0.25s ease;

-webkit-transition: all 0.25s ease;

-o-transition: all 0.25s ease;

box-shadow: 0;

}

.hoverable:hover {

transition: all 0.25s ease;

-moz-transition: all 0.25s ease;

-webkit-transition: all 0.25s ease;

-o-transition: all 0.25s ease;

box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}

::-moz-selection {

background: rgba(26, 163, 255, 0.25);

}

::selection {

background: rgba(26, 163, 255, 0.25);

}

h1,

h2,

h3,

h4,

h5,

h6 {

-webkit-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1;

-moz-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1;

-o-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1;

text-rendering: geometricPrecision;

margin: 0 0 0.4em 0;

}

h1 {

font-size: 24px;

}

h2 {

font-size: 22.4px;

}

h3 {

font-size: 19.2px;

}

h4 {

font-size: 17.6px;

}

h5 {

font-size: 16px;

}

h6 {

font-size: 14px;

}

a {

color: #444444;

cursor: pointer;

text-decoration: none;

}

a:hover {

text-decoration: none;

}

pre {

tab-size: 4;

-moz-tab-size: 4;

-o-tab-size: 4;

-webkit-tab-size: 4;

}

/*img {

max-width: 100%;

}

*/

/**

* Util

*/

.clearfix {

zoom: 1;

}

.clearfix:before,

.clearfix:after {

content: " ";

display: table;

}

.clearfix:after {

clear: both;

}

.container.clearfix {

display: -ms-flexbox;

display: flex;

}

@media (max-width: 1040px) {

.container.clearfix {

display: inherit;

margin-bottom: 20px;

}

}

.hidden {

text-indent: -9999px;

visibility: hidden;

display: none;

}

.inner {

position: relative;

width: 80%;

max-width: 710px;

margin: 0 auto;

}

.vertical {

display: table-cell;

vertical-align: middle;

}

.right {

float: right;

}

.left {

float: left;

}

.disable-trans {

transition: none !important;

}

.dark-btn {

display: inline-block;

background: rgba(0, 0, 0, 0.3);

border: 1px solid black;

padding: 0px 15px;

font-size: 13px;

font-family: "Microsoft YaHei", 'Ubuntu', "Source Sans Pro", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Hiragino Sans GB W3", Menlo, Monaco, Source Han Sans CN Regular, WenQuanYi Micro Hei, Arial, sans-serif;

text-align: center;

color: #c2c2c2;

}

.dark-btn:hover {

color: #f5f5f5;

}

.dark-btn .icon {

margin-right: 5px;

font-size: 16px;

vertical-align: middle;

line-height: 44px;

}

.dark-btn .text {

vertical-align: middle;

line-height: 44px;

}

.txt-ellipsis,

.m_widget .content ul.entry > li > a .name {

white-space: nowrap;

overflow: hidden;

text-overflow: ellipsis;

}

ul,

ol {

padding-left: 0;

}

li {

list-style: none;

}

.mark {

position: relative;

}

.mark a {

display: inline-block;

padding: 0 8px;

color: #444444;

background: transparent;

}

.mark a:hover {

border-radius: 50px;

background: rgba(0, 0, 0, 0.1);

}

ul.h-list {

display: -ms-flexbox;

display: flex;

height: 100%;

}

ul.h-list > li {

height: 100%;

-ms-flex-pack: center;

justify-content: center;

}

.container {

position: relative;

width: 100%;

max-width: 1200px;

margin: 0 auto;

}

.container--flex {

display: -ms-flexbox;

display: flex;

-ms-flex-wrap: nowrap;

flex-wrap: nowrap;

-ms-flex-pack: justify;

justify-content: space-between;

-ms-flex-align: center;

align-items: center;

}

.l_body {

position: relative;

padding: 20px 0 0px;

/*固定网站背景图*/

/* width:100%;

height:100%;

background:url("/img/bg-img.png") no-repeat;

background-size: cover;

background-attachment:fixed;*/

/*background: url(/img/bg-img.png) repeat top left scroll;*/

}

@media (max-width: 1040px) {

.l_body {

padding: 10px 0 0px;

border-radius: 0;

}

}

.zdydl {

overflow: hidden;

}

.zdya {

transition: all 0.25s ease;

-moz-transition: all 0.25s ease;

-webkit-transition: all 0.25s ease;

-o-transition: all 0.25s ease;

color: #666666;

font-size: 15px;

cursor: pointer;

text-decoration: none;

padding-left: 230px;

margin-bottom: 30px;

}

@media (max-width: 1040px) {

.zdya {

font-size: 12px;

padding-left: 0px;

margin-bottom: 0px;

}

}

.zdya:hover {

color: #0099FF;

}

.zdyhr {

text-align: center;

margin: 20px 20px;

border: 0;

height: 1px;

background-image: linear-gradient(to right, #ffffff, #0099FF, #00AD9F, #0099FF, #ffffff);

}

.post-copyright {

border: 1px solid #0099FF;

font-size: 15px;

padding: 8px 30px;

color: #0099FF;

text-align: center;

}

/*按钮基础样式*/

.button {

width: 80%;

background-color: #4CAF50;

/* Green */

border: none;

color: white;

padding: 16px 32px;

text-align: center;

text-decoration: none;

display: inline-block;

font-size: 18px;

margin: 4px 2px;

/* Safari */

transition-duration: 0.4s;

cursor: pointer;

border-radius: 50px;

}

/*主题颜色按钮*/

.button-main {

background-color: white;

color: #0099FF;

border: 2px solid #0099FF;

}

.button-main:hover {

background-color: #0099FF;

color: white;

}

/*返回顶部按钮样式*/

.cd-top {

display: inline-block;

border-radius: 50px;

position: fixed;

height: 50px;

width: 50px;

bottom: 90px;

right: 20px;

box-shadow: 0 0 10px #0099FF;

z-index: 9999;

overflow: hidden;

text-indent: 100%;

white-space: nowrap;

background: #0099FF url(/img/cd-top-arrow.svg) no-repeat center 50%;

visibility: hidden;

transition: all 0.0s;

}

.cd-top:hover {

/*鼠标指向按钮时显示的颜色*/

transition: all 0.25s ease;

-moz-transition: all 0.25s ease;

-webkit-transition: all 0.25s ease;

-o-transition: all 0.25s ease;

background-color: #62c0ff;

box-shadow: 0 0 15px #62c0ff;

}

.cd-top.cd-is-visible {

visibility: visible;

opacity: 0.8;

}

/*//手机端显示的右侧和下侧边距*/

@media only screen and (min-width: 768px) {

.cd-top {

right: 30px;

bottom: 40px;

}

}

/*//电脑端显示的右侧和下侧边距*/

@media only screen and (min-width: 1024px) {

.cd-top {

border-radius: 50px;

height: 60px;

width: 60px;

right: 50px;

bottom: 50px;

}

}

.catags {

font-weight: bold;

font-size: 18px;

margin-bottom: 10px;

background-color: #fff;

border: 1px solid #eaeaea;

border-radius: 4px;

margin-bottom: 15px;

padding: 15px 20px;

border-left: 5px solid #0099FF;

}

@media (max-width: 1040px) {

.catags {

margin-bottom: 10px;

}

}

/*顶部通知栏样式*/

.notice-bar {

font-family: '微软雅黑', '黑体';

width: 100%;

color: #333333;

font-size: 14px;

margin-top: -6px;

background-color: #daf0ff;

padding: 5px 5px;

border: 1px solid #90d5ff;

margin-bottom: 10px;

}

@media (max-width: 1040px) {

.notice-bar {

margin-bottom: 0px;

padding: 5px;

}

}

.notice-bar a:hover {

transition: all 0.25s ease;

-moz-transition: all 0.25s ease;

-webkit-transition: all 0.25s ease;

-o-transition: all 0.25s ease;

color: #0099FF;

}

/*公告栏图标样式*/

.notice-bar-img {

vertical-align: middle;

width: 30px;

height: 30px;

display: inline-block;

margin-right: 5px;

}

/*hot图标*/

/*.hot_gif {

position: absolute;

top: 2px;

left: 585px;

}

.hot_gif_phone {

position: absolute;

top: 185px;

left: 120px;

}*/

/*博客logo*/

.xwbk-logo {

cursor: pointer;

display: block;

height: 65px;

width: 160px;

margin-right: 20px;

}

@media (max-width: 1040px) {

.xwbk-logo {

margin-left: 10px;

margin-right: 0px;

}

}

/*夜间模式*/

.cover {

position: fixed;

top: 0px;

left: 0px;

outline: 5000px solid rgba(0, 0, 0, 0);

z-index: 99999;

}

.xuxian {

background: #fff url(img/h3_bor.png) left bottom no-repeat;

margin-left: 10px;

}

.banner {

position: relative;

overflow: auto;

margin-bottom: 30px;

}

.post_list_img {

position: absolute;

width: 220px;

height: 150px;

float: left;

top: 25px;