/*! 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 {
  -moz-box-sizing: content-box;
  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"], /* 1 */
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 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 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;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}
body,
button,
input,
select,
textarea {
  font-size: 14px;
  line-height: 1.5;
  font-family: Arial, "Hiragino Sans GB", "冬青黑", "Microsoft YaHei", "微软雅黑", "SimSun", "宋体", Helvetica, Tahoma, Arial sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;
}
body {
  color: #363636;
  background-color: #eeeeee;
}
body .page-content {
  width: 1190px;
  padding: 0 90px;
  margin: 90px auto 0;
}
a {
  color: #0f1419;
  vertical-align: top;
  text-decoration: none;
}
img {
  vertical-align: top;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
p {
  margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  color: #0f1419;
}
textarea:active,
a:active,
select:active,
option:active,
input:active,
textarea:focus,
a:focus,
select:focus,
option:focus,
input:focus {
  outline: 0;
}
textarea {
  resize: none;
}
::-webkit-input-placeholder {
  color: #cccccc;
}
::-moz-placeholder {
  color: #cccccc;
}
:-ms-input-plcaeholder {
  color: #cccccc;
}
input:-moz-placeholder {
  color: #cccccc;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.dib-wrapper {
  font-size: 0;
}
.dib-wrapper .dib {
  display: inline-block;
}
.com-seo {
  position: absolute;
  left: -999999px;
  top: -99999px;
}
.com-notification {
  position: fixed;
  z-index: 10900;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 4px;
  font-size: 14px;
  color: #ffffff;
  padding: 10px 24px;
}
.showmore-wrapper {
  display: none;
  text-align: center;
  margin-top: 40px;
}
.showmore-wrapper .showmore {
  color: #ffffff;
  font-size: 18px;
  line-height: 18px;
  padding: 15px 50px;
}
.nomore-wrapper {
  display: none;
  padding-top: 50px;
  text-align: center;
  font-size: 18px;
  color: #bbbbbb;
}
.nomore-wrapper .nomore {
  display: inline-block;
  position: relative;
  padding: 0 18px;
}
.nomore-wrapper .nomore:before,
.nomore-wrapper .nomore:after {
  content: '';
  position: absolute;
  width: 40px;
  height: 1px;
  background-color: #dddddd;
}
.nomore-wrapper .nomore:before {
  right: -40px;
  top: 10px;
}
.nomore-wrapper .nomore:after {
  left: -40px;
  top: 10px;
}
.avatar {
  display: inline-block;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 60px;
}
.avatar img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
}
.avatar.circle img {
  border-radius: 50%;
  overflow: hidden;
}
.avatar.x25 {
  width: 25px;
  height: 25px;
  line-height: 25px;
}
.avatar.x32 {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.avatar.x40 {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.avatar.x42 {
  width: 42px;
  height: 42px;
  line-height: 42px;
}
.avatar.x44 {
  width: 44px;
  height: 44px;
  line-height: 44px;
}
.avatar.x48 {
  width: 48px;
  height: 48px;
  line-height: 48px;
}
.avatar.x50 {
  width: 50px;
  height: 50px;
  line-height: 50px;
}
.avatar.x54 {
  width: 54px;
  height: 54px;
  line-height: 54px;
}
.avatar.x58 {
  width: 58px;
  height: 58px;
  line-height: 58px;
}
.avatar.x60 {
  width: 60px;
  height: 60px;
  line-height: 60px;
}
.avatar.x64 {
  width: 64px;
  height: 64px;
  line-height: 64px;
}
.avatar.x70 {
  width: 70px;
  height: 70px;
  line-height: 70px;
}
.avatar.x78 {
  width: 78px;
  height: 78px;
  line-height: 78px;
}
.avatar.x80 {
  width: 80px;
  height: 80px;
  line-height: 80px;
}
.avatar.x100 {
  width: 100px;
  height: 100px;
  line-height: 100px;
}
.avatar.x110 {
  width: 110px;
  height: 110px;
  line-height: 110px;
}
.avatar.x120 {
  width: 120px;
  height: 120px;
  line-height: 120px;
}
.avatar.x150 {
  width: 150px;
  height: 150px;
  line-height: 150px;
}
.btn {
  display: inline-block;
  text-decoration: none;
  color: #000000;
  padding: 10px 36px;
  background-color: #ffc81f;
  font-size: 14px;
  line-height: 14px;
}
.hidden {
  display: none !important;
}
.vertical-wrapper {
  width: 100%;
  height: 100%;
  display: table;
}
.vertical-wrapper .vertical {
  display: table-cell;
  vertical-align: middle;
}
.vertical-wrapper .vertical > * {
  vertical-align: middle;
}
.vertical-wrapper .vertical span {
  display: inline-block;
}
.vertical-wrapper .vertical img {
  display: inline-block;
}
.vertical-wrapper.center .vertical {
  text-align: center;
}
.imgcover {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.imgcover img {
  position: absolute;
  width: auto;
  height: auto;
  left: -100%;
  right: -100%;
  top: -100%;
  bottom: -100%;
  margin: auto;
  min-width: 100%;
  min-height: 100%;
}
.smart-lines .line {
  display: inline-block;
  margin-bottom: 5px;
  padding: 0px 10px;
  color: #ffffff;
  background-color: #000000;
  overflow: hidden;
  white-space: nowrap;
}
.smart-lines .line.isolated {
  position: absolute;
  width: auto;
  overflow: hidden;
  white-space: nowrap;
}
.smart-lines .line.hidden {
  display: none;
}
.smart-lines .line:last-child {
  margin-bottom: 0;
}
.ripple {
  user-select: none;
  overflow: hidden;
  position: relative;
}
.ripple .ink {
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 100%;
  transform: scale(0);
}
.ripple .ink.animate {
  animation: ripple 0.5s linear;
}
@keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}
.category {
  height: 30px;
  line-height: 30px;
  color: #ffffff;
}
.category img {
  float: left;
  height: 100%;
}
.category span {
  display: inline-block;
  line-height: 30px;
  margin-left: 5px;
}
.category.x20 {
  height: 20px;
  line-height: 20px;
}
.category.x20 span {
  line-height: 20px;
}
.category.x25 {
  height: 25px;
  line-height: 25px;
}
.category.x25 span {
  line-height: 25px;
}
.category.x44 {
  height: 44px;
  line-height: 44px;
}
.category.x44 span {
  line-height: 44px;
}
.category.x60 {
  height: 60px;
  line-height: 60px;
}
.category.x60 span {
  line-height: 60px;
}
.mfp-close-btn-in .mfp-close {
  cursor: pointer;
  font-size: 26px;
  padding: 0;
  width: 28px;
  height: 28px;
  line-height: 28px;
  margin-top: 20px;
  margin-right: 20px;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.mfp-slide-bottom .zoom-anim-dialog {
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  transform: translateY(-20px) perspective(600px) rotateX(10deg);
}
.mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  -webkit-transform: translateY(0) perspective(600px) rotateX(0);
  -moz-transform: translateY(0) perspective(600px) rotateX(0);
  -ms-transform: translateY(0) perspective(600px) rotateX(0);
  -o-transform: translateY(0) perspective(600px) rotateX(0);
  transform: translateY(0) perspective(600px) rotateX(0);
}
.mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
  opacity: 0;
  -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  transform: translateY(-10px) perspective(600px) rotateX(10deg);
}
.mfp-slide-bottom.mfp-bg {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
.mfp-slide-bottom.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-slide-bottom.mfp-removing.mfp-bg {
  opacity: 0;
}
/* Magnific Popup CSS */

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 5045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 5044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 5046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }
/*

 *
 * 

 */
.mfp-search-popup .mfp-container .white-popup {
  position: relative;
  background: #ffffff;
  width: 1010px;
  padding: 95px 95px 140px;
  margin: 0 auto;
}
.com-search-popup {
  margin-top: 10px;
}
.com-search-popup .search-popup-hd form {
  position: relative;
}
.com-search-popup .search-popup-hd form input {
  width: 100%;
  height: 100px;
  border: none;
  border-radius: 2px;
  background-color: #f2f2f2;
  color: #aaaaaa;
  padding-left: 110px;
  font-size: 40px;
}
.com-search-popup .search-popup-hd form .icon-search {
  color: #aaaaaa;
  font-size: 54px;
  height: 60px;
  line-height: 60px;
  position: absolute;
  left: 26px;
  top: 20px;
}
.com-search-popup .search-popup-bd {
  margin-top: 55px;
}
.com-search-popup .search-popup-bd .tip {
  color: #000000;
  font-size: 40px;
  line-height: 40px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ffc81f;
}
.com-search-popup .search-popup-bd .hotwords {
  padding-top: 25px;
}
.com-search-popup .search-popup-bd .hotwords .hotword {
  float: left;
  width: 25%;
  margin-bottom: 12px;
  padding-right: 20px;
}
.com-search-popup .search-popup-bd .hotwords .hotword a {
  font-size: 18px;
  display: inline-block;
  line-height: 20px;
  color: #808080;
}
.com-search-popup .search-popup-bd .hotwords .hotword a:hover {
  color: #ffc81f;
}
.webuploader-container {
	position: relative;
}
.webuploader-element-invisible {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px,1px,1px,1px);
}
.webuploader-pick {
	position: relative;
	display: inline-block;
	cursor: pointer;
	background: #00b7ee;
	padding: 10px 15px;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	overflow: hidden;
}
.webuploader-pick-hover {
	background: #00a2d4;
}

.webuploader-pick-disable {
	opacity: 0.6;
	pointer-events:none;
}

/*!
 * Cropper v0.10.0
 * https://github.com/fengyuanchen/cropper
 *
 * Copyright (c) 2014-2015 Fengyuan Chen and other contributors
 * Released under the MIT license
 *
 * Date: 2015-06-08T14:57:26.353Z
 */

.cropper-container {
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.cropper-container img {
  display: block;
  width: 100%;
  min-width: 0 !important;
  max-width: none !important;
  height: 100%;
  min-height: 0 !important;
  max-height: none !important;

  image-orientation: 0deg !important;
}
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.cropper-drag-box {
  background-color: #fff;
  filter: alpha(opacity=0);
  opacity: 0;
}
.cropper-modal {
  background-color: #000;
  filter: alpha(opacity=50);
  opacity: .5;
}
.cropper-view-box {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 1px solid #69f;
  outline-color: rgba(102, 153, 255, .75);
}
.cropper-dashed {
  position: absolute;
  display: block;
  filter: alpha(opacity=50);
  border: 0 dashed #fff;
  opacity: .5;
}
.cropper-dashed.dashed-h {
  top: 33.33333333%;
  left: 0;
  width: 100%;
  height: 33.33333333%;
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.cropper-dashed.dashed-v {
  top: 0;
  left: 33.33333333%;
  width: 33.33333333%;
  height: 100%;
  border-right-width: 1px;
  border-left-width: 1px;
}
.cropper-face,
.cropper-line,
.cropper-point {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  filter: alpha(opacity=10);
  opacity: .1;
}
.cropper-face {
  top: 0;
  left: 0;
  background-color: #fff;
}
.cropper-line {
  background-color: #69f;
}
.cropper-line.line-e {
  top: 0;
  right: -3px;
  width: 5px;
  cursor: e-resize;
}
.cropper-line.line-n {
  top: -3px;
  left: 0;
  height: 5px;
  cursor: n-resize;
}
.cropper-line.line-w {
  top: 0;
  left: -3px;
  width: 5px;
  cursor: w-resize;
}
.cropper-line.line-s {
  bottom: -3px;
  left: 0;
  height: 5px;
  cursor: s-resize;
}
.cropper-point {
  width: 5px;
  height: 5px;
  background-color: #69f;
  filter: alpha(opacity=75);
  opacity: .75;
}
.cropper-point.point-e {
  top: 50%;
  right: -3px;
  margin-top: -3px;
  cursor: e-resize;
}
.cropper-point.point-n {
  top: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: n-resize;
}
.cropper-point.point-w {
  top: 50%;
  left: -3px;
  margin-top: -3px;
  cursor: w-resize;
}
.cropper-point.point-s {
  bottom: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: s-resize;
}
.cropper-point.point-ne {
  top: -3px;
  right: -3px;
  cursor: ne-resize;
}
.cropper-point.point-nw {
  top: -3px;
  left: -3px;
  cursor: nw-resize;
}
.cropper-point.point-sw {
  bottom: -3px;
  left: -3px;
  cursor: sw-resize;
}
.cropper-point.point-se {
  right: -3px;
  bottom: -3px;
  width: 20px;
  height: 20px;
  cursor: se-resize;
  filter: alpha(opacity=100);
  opacity: 1;
}
.cropper-point.point-se:before {
  position: absolute;
  right: -50%;
  bottom: -50%;
  display: block;
  width: 200%;
  height: 200%;
  content: " ";
  background-color: #69f;
  filter: alpha(opacity=0);
  opacity: 0;
}
@media (min-width: 768px) {
  .cropper-point.point-se {
    width: 15px;
    height: 15px;
  }
}
@media (min-width: 992px) {
  .cropper-point.point-se {
    width: 10px;
    height: 10px;
  }
}
@media (min-width: 1200px) {
  .cropper-point.point-se {
    width: 5px;
    height: 5px;
    filter: alpha(opacity=75);
    opacity: .75;
  }
}
.cropper-bg {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}
.cropper-invisible {
  filter: alpha(opacity=0);
  opacity: 0;
}
.cropper-hide {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: auto!important;
  min-width: 0!important;
  max-width: none!important;
  height: auto!important;
  min-height: 0!important;
  max-height: none!important;
  filter: alpha(opacity=0);
  opacity: 0;
}
.cropper-hidden {
  display: none !important;
}
.cropper-move {
  cursor: move;
}
.cropper-crop {
  cursor: crosshair;
}
.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}
/*



 *
 * 

 */
.mfp-devise-popup .mfp-container .white-popup {
  position: relative;
  background: #ffffff;
  width: 620px;
  height: 650px;
  padding: 20px 80px 20px;
  margin: 0 auto;
}
.com-devise-popup {
  color: #808080;
  background-color: #ffffff;
}
.com-devise-popup .devise-popup-bd {
  font-size: 14px;
  height: 100%;
}
.com-devise-popup .devise-popup-bd .vertical-wrapper {
  width: 100%;
  height: 100%;
}
.com-devise-popup .devise-popup-bd form,
.com-devise-popup .devise-popup-bd .com-avatar-cropper {
  position: absolute;
  left: -99999px;
  top: -99999px;
}
.com-devise-popup .devise-popup-bd form.active,
.com-devise-popup .devise-popup-bd .com-avatar-cropper.active {
  position: static;
  left: 0;
  top: 0;
}
.com-devise-popup .devise-popup-bd form .small-title {
  font-size: 16px;
  position: relative;
  text-align: center;
  color: #b3b3b3;
}
.com-devise-popup .devise-popup-bd form .small-title:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  height: 1px;
  background-color: #cccccc;
  width: 100%;
}
.com-devise-popup .devise-popup-bd form .small-title span {
  background-color: #ffffff;
  position: relative;
  padding: 0 10px;
}
.com-devise-popup .devise-popup-bd form .social-login {
  font-size: 0;
  text-align: center;
  padding: 22px 0;
}
.com-devise-popup .devise-popup-bd form .social-login .social {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  overflow: hidden;
  margin-left: 110px;
}
.com-devise-popup .devise-popup-bd form .social-login .social.iconfont {
  color: #ffffff;
  font-size: 30px;
}
.com-devise-popup .devise-popup-bd form .social-login .social.icon-weibo {
  background-color: #f3543f;
}
.com-devise-popup .devise-popup-bd form .social-login .social.icon-qq {
  background-color: #198ef2;
}
.com-devise-popup .devise-popup-bd form .social-login .social:first-child {
  margin-left: 0;
}
.com-devise-popup .devise-popup-bd form .form-hd {
  text-align: center;
}
.com-devise-popup .devise-popup-bd form .form-hd .icon-login-logo {
  display: inline-block;
  width: 134px;
  height: 55px;
  margin: 0 auto 30px;
  background: transparent url(/img/sprites/icon-login-logo.png) 0 0 no-repeat;
  background-size: contain;
}
.com-devise-popup .devise-popup-bd form .form-hd .title {
  color: #000000;
  font-size: 30px;
}
.com-devise-popup .devise-popup-bd form .form-bd {
  margin-top: 40px;
}
.com-devise-popup .devise-popup-bd form .form-bd .form-control {
  margin-top: 20px;
}
.com-devise-popup .devise-popup-bd form .form-bd .form-control input {
  color: #cccccc;
  width: 100%;
  font-size: 20px;
  padding: 12px 20px;
  border: 1px solid #e5e5e5;
  border-radius: 0;
}
.com-devise-popup .devise-popup-bd form .form-bd .form-control input[type="radio"] {
  display: inline-block;
  width: auto;
}
.com-devise-popup .devise-popup-bd form .form-bd .form-control a {
  font-size: 12px;
  color: #b3b3b3;
  border-bottom: 1px solid #d6d6d6;
}
.com-devise-popup .devise-popup-bd form .form-bd .form-control:first-child {
  margin-top: 0;
}
.com-devise-popup .devise-popup-bd form .form-bd .form-action {
  margin-top: 30px;
}
.com-devise-popup .devise-popup-bd form .form-bd .form-action .btn {
  display: block;
  text-align: center;
  width: 100%;
  height: 50px;
  font-size: 20px;
  line-height: 20px;
  padding: 15px 0;
  color: #ffffff;
  background-color: #ffc81f;
}
.com-devise-popup .devise-popup-bd form .form-bd .form-action .btn.cancel {
  margin-top: 20px;
  background-color: #ffffff;
  border: 1px solid #eaeaea;
  color: #808080;
}
.com-devise-popup .devise-popup-bd form .form-bd .form-links {
  margin-top: 20px;
  font-size: 19px;
  line-height: 20px;
}
.com-devise-popup .devise-popup-bd form .form-bd .form-links a {
  color: #808080;
}
.com-devise-popup .devise-popup-bd form .form-bd .form-links a:first-child {
  float: left;
}
.com-devise-popup .devise-popup-bd form .form-bd .form-links a:last-child {
  float: right;
}
.com-devise-popup .devise-popup-bd form .form-bd:first-child {
  margin-top: 0;
}
.com-devise-popup .devise-popup-bd form.login .form-bd {
  margin-top: 20px;
}
.com-devise-popup .devise-popup-bd form.info {
  text-align: center;
}
.com-devise-popup .devise-popup-bd form.info .form-bd {
  margin-top: 20px;
}
.com-devise-popup .devise-popup-bd form.info .preview-uploader {
  display: inline-block;
  width: 150px;
}
.com-devise-popup .devise-popup-bd form.info .preview-uploader .img-preview {
  display: inline-block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
}
.com-devise-popup .devise-popup-bd form.info .preview-uploader .img-preview img {
  width: 100%;
  height: 100%;
}
.com-devise-popup .devise-popup-bd form.info .preview-uploader .webuploader {
  display: inline-block;
}
.com-devise-popup .devise-popup-bd form.info .preview-uploader .webuploader .webuploader-pick {
  background-color: transparent;
  font-size: 18px;
  color: #b3b3b3;
}
.com-devise-popup .devise-popup-bd form.info .preview-uploader .webuploader > div {
  width: 100% !important;
  height: 100% !important;
  left: 0 !important;
  top: 0 !important;
}
.com-devise-popup .devise-popup-bd form.info .preview-uploader .webuploader > div input {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.com-devise-popup .devise-popup-bd form.info .preview-uploader .webuploader:before {
  display: none;
  width: 100%;
  height: 100%;
  font-size: 90px;
  line-height: 100px;
}
.com-devise-popup .devise-popup-bd form.info .preview-uploader.nopic .img-preview {
  display: none;
}
.com-devise-popup .devise-popup-bd form.info .preview-uploader.nopic .webuploader:before {
  display: block;
}
.com-devise-popup .devise-popup-bd .com-avatar-cropper .avatar-cropper-hd {
  text-align: center;
}
.com-devise-popup .devise-popup-bd .com-avatar-cropper .avatar-cropper-hd .title {
  color: #000000;
  font-size: 30px;
}
.com-devise-popup .devise-popup-bd .com-avatar-cropper .avatar-cropper-bd {
  margin-top: 25px;
}
.com-devise-popup .devise-popup-bd .com-avatar-cropper .avatar-cropper-bd .tip {
  text-align: center;
  color: #b3b3b3;
  font-size: 16px;
  margin-bottom: 12px;
}
.com-devise-popup .devise-popup-bd .com-avatar-cropper .avatar-cropper-bd .cropper {
  float: left;
}
.com-devise-popup .devise-popup-bd .com-avatar-cropper .avatar-cropper-bd .cropper .img-container {
  width: 270px;
  height: 270px;
}
.com-devise-popup .devise-popup-bd .com-avatar-cropper .avatar-cropper-bd .cropper .img-container img {
  width: 100%;
}
.com-devise-popup .devise-popup-bd .com-avatar-cropper .avatar-cropper-bd .cropper-preview {
  float: left;
  text-align: center;
  margin-top: 25px;
  margin-left: 30px;
  width: 150px;
}
.com-devise-popup .devise-popup-bd .com-avatar-cropper .avatar-cropper-bd .cropper-preview .tip {
  font-size: 20px;
  margin-bottom: 0;
}
.com-devise-popup .devise-popup-bd .com-avatar-cropper .avatar-cropper-bd .cropper-preview .img-preview {
  margin-top: 12px;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  overflow: hidden;
}
.com-devise-popup .devise-popup-bd .com-avatar-cropper .avatar-cropper-bd .cropper-preview .img-preview img {
  width: 100%;
  height: 100%;
}
.com-devise-popup .devise-popup-bd .com-avatar-cropper .avatar-cropper-bd .cropper-preview .webuploader {
  margin-top: 20px;
  height: 40px;
  line-height: 40px;
}
.com-devise-popup .devise-popup-bd .com-avatar-cropper .avatar-cropper-bd .cropper-preview .webuploader .webuploader-pick {
  background-color: transparent;
  font-size: 18px;
  color: #b3b3b3;
  border: 1px solid #b3b3b3;
  border-radius: 0;
  padding: 0;
}
.com-devise-popup .devise-popup-bd .com-avatar-cropper .avatar-cropper-bd .cropper-preview .webuploader > div {
  width: 100% !important;
  height: 100% !important;
  left: 0 !important;
  top: 0 !important;
}
.com-devise-popup .devise-popup-bd .com-avatar-cropper .avatar-cropper-bd .cropper-preview .webuploader > div input {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.com-devise-popup .devise-popup-bd .com-avatar-cropper .avatar-cropper-bd .cropper-preview .webuploader:before {
  display: none;
}
.com-devise-popup .devise-popup-bd .com-avatar-cropper .avatar-cropper-ft {
  margin-top: 30px;
}
.com-devise-popup .devise-popup-bd .com-avatar-cropper .avatar-cropper-ft .btn {
  display: block;
  text-align: center;
  width: 100%;
  height: 50px;
  font-size: 20px;
  line-height: 20px;
  padding: 15px 0;
  color: #ffffff;
  background-color: #ffc81f;
}
.com-devise-popup .devise-popup-bd .com-avatar-cropper .avatar-cropper-ft .btn.cancel {
  margin-top: 20px;
  background-color: #ffffff;
  border: 1px solid #eaeaea;
  color: #808080;
}
/*


 * 
 * 

 */
.com-page-header {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 80px;
  line-height: 80px;
  transition: all 250ms;
  -webkit-transition: all 250ms;
  background-color: #000000;
  -webkit-backface-visibility: hidden;
}
.com-page-header .page-header-bd {
  position: relative;
  background-color: #000000;
  min-width: 1190px;
  max-width: 1400px;
  margin: 0 auto;
  height: 100%;
}
.com-page-header .page-header-bd .main-cates,
.com-page-header .page-header-bd .app,
.com-page-header .page-header-bd .search,
.com-page-header .page-header-bd .ribbon {
  border-right: 1px solid #4d4d4d;
  padding: 0 20px;
}
.com-page-header .page-header-bd .section-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 550px;
  height: 100%;
}
.com-page-header .page-header-bd .section-left .logo {
  position: absolute;
  z-index: 4;
  background-color: #000000;
  width: 90px;
  height: 120px;
  text-align: center;
  line-height: 0;
}
.com-page-header .page-header-bd .section-left .logo .pic,
.com-page-header .page-header-bd .section-left .logo .text {
  transition: all 350ms;
  -webkit-transition: all 350ms;
}
.com-page-header .page-header-bd .section-left .logo .pic {
  display: block;
  margin: 12px auto 0;
  width: 30px;
}
.com-page-header .page-header-bd .section-left .logo .text {
  display: block;
  margin: 5px auto 0;
  width: 50px;
}
.com-page-header .page-header-bd .section-left .main-cates {
  padding-right: 40px;
  height: 100%;
  float: right;
}
.com-page-header .page-header-bd .section-left .main-cates .main-cate {
  float: left;
  margin-left: 40px;
}
.com-page-header .page-header-bd .section-left .main-cates .main-cate h2 {
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
}
.com-page-header .page-header-bd .section-left .main-cates .main-cate a {
  transition: color 350ms;
  -webkit-transition: color 350ms;
  -moz-transition: color 350ms;
  color: #ffffff;
}
.com-page-header .page-header-bd .section-left .main-cates .main-cate a .iconfont {
  font-size: 18px;
  margin-right: 5px;
}
.com-page-header .page-header-bd .section-left .main-cates .main-cate a .iconfont.icon-10getu,
.com-page-header .page-header-bd .section-left .main-cates .main-cate a .iconfont.icon-labs {
  font-size: 20px;
}
.com-page-header .page-header-bd .section-left .main-cates .main-cate a:hover {
  color: #ffc81f;
}
.com-page-header .page-header-bd .section-left .main-cates .main-cate:before {
  transition: color 350ms;
  -webkit-transition: color 350ms;
  -moz-transition: color 350ms;
  color: #ffffff;
  font-size: 18px;
  margin-right: 6px;
}
.com-page-header .page-header-bd .section-left .main-cates .main-cate.current a {
  color: #ffc81f;
}
.com-page-header .page-header-bd .section-left .main-cates .main-cate.current:before {
  color: #ffc81f;
}
.com-page-header .page-header-bd .section-center {
  position: relative;
  margin-left: 550px;
  margin-right: 350px;
  height: 100%;
  border-right: 1px solid #4d4d4d;
}
.com-page-header .page-header-bd .section-center .cates {
  padding: 0 20px;
  width: 100%;
  overflow: hidden;
  height: 100%;
}
.com-page-header .page-header-bd .section-center .cates .cate {
  float: left;
  padding-left: 20px;
}
.com-page-header .page-header-bd .section-center .cates .cate a {
  color: #808080;
}
.com-page-header .page-header-bd .section-center .cates .cate a:hover {
  color: #ffc81f;
}
.com-page-header .page-header-bd .section-center .cates .cate.current a {
  color: #ffc81f;
}
.com-page-header .page-header-bd .section-center .cates .cate:first-child {
  padding-left: 0;
}
.com-page-header .page-header-bd .section-center .cates .cate:last-child {
  position: absolute;
  height: 100%;
  padding-right: 20px;
  top: 0;
  right: 1px;
  font-size: 16px;
  background-color: #000000;
}
.com-page-header .page-header-bd .section-center .cates .cate:last-child a {
  color: #ffffff;
}
.com-page-header .page-header-bd .section-center .cates .cate:last-child a:after {
  content: '';
  position: relative;
  top: 15px;
  right: -4px;
  width: 0;
  height: 0;
  border-width: 6px 5px;
  border-style: solid;
  border-color: #ffffff transparent transparent transparent;
}
.com-page-header .page-header-bd .section-center .cates .cate:last-child:before {
  content: '';
  position: absolute;
  z-index: 2;
  width: 10px;
  height: 100%;
  top: 0px;
  left: -10px;
  background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  background: -moz-linear-gradient(right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  background: -o-linear-gradient(right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  background: linear-gradient(right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
}
.com-page-header .page-header-bd .section-center.unfold .cates .cate:last-child a:after {
  top: -12px;
  border-color: transparent transparent #ffffff transparent;
}
.com-page-header .page-header-bd .section-center.unfold:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -1px;
  z-index: 4;
  width: 100%;
  height: 1px;
  background-color: #000000;
}
.com-page-header .page-header-bd .section-right {
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  width: 350px;
}
.com-page-header .page-header-bd .section-right .user {
  float: left;
  display: none;
  overflow: hidden;
}
.com-page-header .page-header-bd .section-right .app,
.com-page-header .page-header-bd .section-right .search,
.com-page-header .page-header-bd .section-right .ribbon {
  float: left;
}
.com-page-header .page-header-bd .section-right .app {
  color: #ffffff;
}
.com-page-header .page-header-bd .section-right .app:hover {
  color: #ffc81f;
}
.com-page-header .page-header-bd .section-right .search {
  color: #ffffff;
}
.com-page-header .page-header-bd .section-right .ribbon {
  border-right: 0;
}
.com-page-header .page-header-bd .section-right .ribbon a {
  color: #ffffff;
}
.com-page-header .page-header-bd .section-right .ribbon a:hover {
  color: #ffc81f;
}
.com-page-header .page-header-bd .section-right .ribbon .iconfont {
  font-size: 18px;
}
.com-page-header .page-header-bd .section-right .ribbon .icon-weixin {
  position: relative;
}
.com-page-header .page-header-bd .section-right .ribbon .icon-weixin .weixin-qrcode {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  line-height: 12px;
  font-size: 12px;
  position: absolute;
  z-index: 4;
  width: 160px;
  height: 170px;
  top: 39px;
  right: 0;
  background-color: #ffc71f;
  text-align: center;
  padding: 14px 0;
  transition: all 500ms;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
}
.com-page-header .page-header-bd .section-right .ribbon .icon-weixin .weixin-qrcode .qrcode {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 126px;
  height: 126px;
  background-color: #ffffff;
  padding: 12px;
}
.com-page-header .page-header-bd .section-right .ribbon .icon-weixin .weixin-qrcode span {
  color: #000000;
  font-weight: normal;
  margin-top: 5px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.com-page-header .page-header-bd .section-right .ribbon .icon-weixin:hover .weixin-qrcode {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.com-page-header .page-header-bd .section-right .ribbon .contact-us,
.com-page-header .page-header-bd .section-right .ribbon .icon-weibo {
  margin-right: 12px;
}
.com-page-header .page-header-ft {
  position: absolute;
  top: 80px;
  left: 0;
  width: 100%;
  min-width: 1190px;
  z-index: 3;
  background-color: #000000;
  border-top: 1px solid #4d4d4d;
}
.com-page-header .page-header-ft .cates {
  width: 1010px;
  margin: 0 auto;
  position: relative;
  padding: 10px 20px;
  overflow: hidden;
}
.com-page-header .page-header-ft .cates .cate {
  float: left;
  width: 190px;
  padding: 0 10px;
  line-height: 32px;
}
.com-page-header .page-header-ft .cates .cate a {
  display: inline-block;
  color: #ffffff;
  font-size: 14px;
  height: 16px;
  line-height: 16px;
}
.com-page-header .page-header-ft .cates .cate a img {
  float: left;
  height: 100%;
  margin-right: 5px;
}
.com-page-header .page-header-ft .cates .cate a span {
  display: inline-block;
}
.com-page-header .page-header-ft .cates .cate a:hover {
  color: #ffc81f;
}
.com-page-header .page-header-ft .cates .cate.current a {
  color: #ffc81f;
}
.com-page-header .page-header-ft .cates .cate:first-child {
  margin-left: 0;
}
.com-page-header.collapse {
  height: 60px;
  line-height: 60px;
}
.com-page-header.collapse .page-header-bd .section-left .logo {
  width: 130px;
  height: 60px;
}
.com-page-header.collapse .page-header-bd .section-left .logo .pic {
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  margin: 14px 0 0 0;
}
.com-page-header.collapse .page-header-bd .section-left .logo .text {
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  margin: 14px 0 0 6px;
}
.com-page-header.collapse .page-header-bd .section-center {
  margin-left: 550px;
  margin-right: 520px;
}
.com-page-header.collapse .page-header-bd .section-center .cates {
  height: 60px;
}
.com-page-header.collapse .page-header-bd .section-right {
  width: 520px;
}
.com-page-header.collapse .page-header-bd .section-right .user {
  display: inline-block;
  width: 200px;
}
.com-page-header.collapse .page-header-bd .section-right .user .avatar {
  vertical-align: middle;
  border-radius: 50%;
  overflow: hidden;
}
.com-page-header.collapse .page-header-bd .section-right .user .text {
  margin-left: 8px;
  display: inline-block;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.com-page-header.collapse .page-header-bd .section-right .user .logout {
  margin-left: 8px;
}
.com-page-header.collapse .page-header-ft {
  top: 60px;
}
/*
 *
 * 

 */
.com-page-footer {
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 1190px;
  background-color: #000000;
  margin-top: 50px;
}
.com-page-footer .page-footer-bd {
  width: 1010px;
  margin: 0 auto;
  padding: 18px 0;
}
.com-page-footer .page-footer-bd .items {
  float: left;
  width: 150px;
  padding-left: 12px;
  line-height: 30px;
}
.com-page-footer .page-footer-bd .items .item a {
  color: #ffffff;
  color: rgba(255, 255, 255, 0.6);
}
.com-page-footer .page-footer-bd .items .item a:hover {
  color: #ffc81f;
}
.com-page-footer .page-footer-bd .search {
  position: relative;
  float: right;
  width: 245px;
  height: 36px;
}
.com-page-footer .page-footer-bd .search input {
  color: #ffffff;
  color: rgba(255, 255, 255, 0.6);
  width: 100%;
  height: 100%;
  padding: 7px 10px 7px 10px;
  border: 1px solid #999999;
  background-color: #000000;
}
.com-page-footer .page-footer-bd .search .icon-search {
  position: absolute;
  right: 10px;
  top: 7px;
  font-size: 22px;
  color: #ffffff;
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.com-page-footer .page-footer-bd .weixin {
  position: relative;
}
.com-page-footer .page-footer-bd .weixin .weixin-qrcode {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  line-height: 12px;
  font-size: 12px;
  position: absolute;
  width: 160px;
  height: 170px;
  bottom: 30px;
  right: -66px;
  background-color: #ffc71f;
  text-align: center;
  padding: 14px 0;
  transition: all 350ms;
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
}
.com-page-footer .page-footer-bd .weixin .weixin-qrcode .qrcode {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 126px;
  height: 126px;
  background-color: #ffffff;
  padding: 12px;
}
.com-page-footer .page-footer-bd .weixin .weixin-qrcode span {
  color: #000000;
  font-weight: normal;
  margin-top: 5px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.com-page-footer .page-footer-bd .weixin:hover .weixin-qrcode {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.com-page-footer .page-footer-ft {
  background-color: #191919;
  text-align: center;
}
.com-page-footer .page-footer-ft .copyright {
  position: relative;
  display: inline-block;
  text-align: left;
  margin: 0 auto;
  padding: 18px 0;
}
.com-page-footer .page-footer-ft .copyright .icon-logo {
  position: absolute;
  color: #d1d1d1;
  font-size: 40px;
  line-height: 40px;
}
.com-page-footer .page-footer-ft .copyright p {
  color: #ffffff;
  color: rgba(255, 255, 255, 0.8);
  margin-left: 44px;
  line-height: 20px;
}
/*

 *
 * 

 */
.com-grid-login {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.com-grid-login .grid-login-hd {
  height: 215px;
}
.com-grid-login .grid-login-hd img {
  width: 100%;
  height: 100%;
}
.com-grid-login .grid-login-bd {
  position: absolute;
  font-size: 0;
  top: 3px;
  left: 7px;
  z-index: 2;
}
.com-grid-login .grid-login-bd .radar {
  vertical-align: top;
  width: 230px;
  height: 210px;
}
.com-grid-login .grid-login-bd .avatar {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -32px;
  margin-top: -32px;
  border-radius: 50%;
  overflow: hidden;
}
.com-grid-login .grid-login-ft {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 65px;
  text-align: center;
  color: #848484;
}
.com-grid-login .grid-login-ft .btn {
  padding: 0;
  width: 100%;
  height: 30px;
  line-height: 30px;
}
.com-grid-login .grid-login-ft p {
  margin: 8px 0 0;
}
.com-grid-login .grid-login-ft p a {
  color: #000000;
  margin: 0 5px;
  padding-bottom: 2px;
  border-bottom: 1px solid #ffc81f;
}
/*
 *
 * 

 */
.com-share-favor .share-favor-bd .share {
  float: left;
  margin-right: 9px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid #000000;
  text-align: center;
  line-height: 32px;
  font-size: 20px;
}
.com-share-favor .share-favor-bd .share.icon-weixin {
  position: relative;
  color: #7bc549;
  border-color: #7bc549;
}
.com-share-favor .share-favor-bd .share.icon-weixin .weixin-qrcode {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  position: absolute;
  z-index: 9;
  top: -205px;
  left: -84px;
  width: 200px;
  height: 192px;
  color: #666666;
  font-size: 12px;
  text-align: center;
  background-color: #ffffff;
  box-shadow: 0 2px 10px #aaaaaa;
  transition: all 200ms;
  -webkit-tansition: all 350ms;
  -moz-transition: all 350ms;
}
.com-share-favor .share-favor-bd .share.icon-weixin .weixin-qrcode h4 {
  font-weight: normal;
  height: 26px;
  line-height: 26px;
  background-color: #f3f3f3;
}
.com-share-favor .share-favor-bd .share.icon-weixin .weixin-qrcode .qrcode {
  width: 105px;
  height: 105px;
  margin: 10px auto;
}
.com-share-favor .share-favor-bd .share.icon-weixin .weixin-qrcode .help p {
  line-height: 16px;
}
.com-share-favor .share-favor-bd .share.icon-weixin .weixin-qrcode:after {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -6px;
  bottom: -13px;
  width: 0;
  height: 0;
  border-width: 8px 6px 6px 6px;
  border-style: solid;
  border-color: #ffffff transparent transparent transparent;
}
.com-share-favor .share-favor-bd .share.icon-weixin:hover .weixin-qrcode {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.com-share-favor .share-favor-bd .share.icon-weibo {
  color: #ff763b;
  border-color: #ff763b;
}
.com-share-favor .share-favor-bd .share.icon-tengxunweibo {
  font-size: 19px;
  color: #56b6e7;
  border-color: #56b6e7;
}
.com-share-favor .share-favor-bd .share.icon-kongjian {
  color: #ffe21f;
  border-color: #ffe21f;
}
.com-share-favor .share-favor-bd .share.icon-douban {
  font-size: 17px;
  color: #33b045;
  border-color: #33b045;
}
.com-share-favor .share-favor-bd .share.icon-linkedin {
  font-size: 18px;
  color: #39b4f3;
  border-color: #39b4f3;
}
.com-share-favor .share-favor-bd .share.icon-linkedin:before {
  position: relative;
  top: -1px;
}
.com-share-favor .share-favor-bd .favor {
  float: left;
  min-width: 32px;
  height: 32px;
  padding: 0 5px;
  border-radius: 16px;
  color: #cccccc;
  border: 1px solid #cccccc;
  text-align: center;
  line-height: 32px;
  font-size: 14px;
}
.com-share-favor .share-favor-bd .favor .num {
  margin-left: 4px;
  float: right;
}
.com-share-favor .share-favor-bd .favor.marked {
  color: #ffd101;
  border: 1px solid #ffd101;
}
.com-share-favor .share-favor-bd .favor:before {
  font-size: 20px;
}
/*

 * 
 * 

 */
.com-article-detail {
  background-color: #ffffff;
}
.com-article-detail .article-detail-hd {
  position: relative;
}
.com-article-detail .article-detail-hd .banner {
  width: 100%;
  height: 448px;
}
.com-article-detail .article-detail-hd .category-title {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0 40px 30px;
}
.com-article-detail .article-detail-hd .category-title .title {
  position: relative;
  padding-top: 15px;
  margin-top: 20px;
  font-weight: normal;
  color: #ffffff;
  font-size: 36px;
  line-height: 45px;
}
.com-article-detail .article-detail-hd .category-title .title:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background: transparent url(/img/display2/icons.png) 0 0px repeat-x;
  background-size: 5px auto;
}
.com-article-detail .article-detail-hd:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}
.com-article-detail .article-detail-bd {
  padding: 20px 50px 0px;
}
.com-article-detail .article-detail-bd .author-share {
  line-height: 32px;
}
.com-article-detail .article-detail-bd .author-share .author {
  float: left;
  width: 330px;
  color: #000000;
}
.com-article-detail .article-detail-bd .author-share .author .avatar {
  float: left;
  display: block;
}
.com-article-detail .article-detail-bd .author-share .author .name,
.com-article-detail .article-detail-bd .author-share .author .date {
  float: left;
  width: 280px;
  margin-left: 12px;
  font-size: 14px;
  line-height: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.com-article-detail .article-detail-bd .author-share .author .date {
  color: #a6a6a6;
  margin-top: 4px;
}
.com-article-detail .article-detail-bd .author-share .com-share-favor {
  float: right;
}
.com-article-detail .article-detail-bd .excerpt {
  position: relative;
  color: #a6a6a6;
  font-size: 18px;
  padding: 40px 90px;
  margin-top: 60px;
  text-align: center;
  font-weight: normal;
}
.com-article-detail .article-detail-bd .excerpt:before,
.com-article-detail .article-detail-bd .excerpt:after {
  content: '';
  position: absolute;
  left: 50%;
  width: 160px;
  margin-left: -80px;
  height: 1px;
  background-color: #d0d0d0;
}
.com-article-detail .article-detail-bd .excerpt:before {
  top: 0;
  bottom: auto;
}
.com-article-detail .article-detail-bd .excerpt:after {
  top: auto;
  bottom: 0;
}
.com-article-detail .article-detail-bd .detail {
  color: #000000;
  line-height: 30px;
  margin-top: 30px;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: normal;
  word-wrap: break-word;
  word-break: break-word;
  text-align: justify;
}
.com-article-detail .article-detail-bd .detail > * {
  margin-bottom: 24px;
}
.com-article-detail .article-detail-bd .detail pre {
  white-space: normal;
}
.com-article-detail .article-detail-bd .detail a {
  text-decoration: none;
  border-bottom: 1px solid #ffc81f;
  padding-bottom: 4px;
}
.com-article-detail .article-detail-bd .detail blockquote {
  margin: 0 16px !important;
}
.com-article-detail .article-detail-bd .detail img {
  display: block;
  margin: 0 auto 8px;
  width: 100%;
  height: auto;
  max-width: 100% !important;
}
.com-article-detail .article-detail-bd .detail ul {
  list-style: initial;
  padding-left: 20px;
}
.com-article-detail .article-detail-bd .detail iframe,
.com-article-detail .article-detail-bd .detail embed {
  width: 100%;
  height: 500px;
  max-width: 100% !important;
  margin: 0 auto;
}
.com-article-detail .article-detail-bd .detail span,
.com-article-detail .article-detail-bd .detail p,
.com-article-detail .article-detail-bd .detail pre,
.com-article-detail .article-detail-bd .detail b,
.com-article-detail .article-detail-bd .detail i,
.com-article-detail .article-detail-bd .detail blockquote,
.com-article-detail .article-detail-bd .detail em,
.com-article-detail .article-detail-bd .detail ul,
.com-article-detail .article-detail-bd .detail li,
.com-article-detail .article-detail-bd .detail div {
  font-family: Tahoma, Arial, "Hiragino Sans GB", "冬青黑", "Microsoft YaHei", "微软雅黑", "SimSun", "宋体", "Heiti", "黑体", sans-serif !important;
  font-size: 16px !important;
  line-height: 32px !important;
  color: #363636 !important;
  letter-spacing: normal !important;
}
.com-article-detail .article-detail-bd .detail h1,
.com-article-detail .article-detail-bd .detail h2,
.com-article-detail .article-detail-bd .detail h3,
.com-article-detail .article-detail-bd .detail h4,
.com-article-detail .article-detail-bd .detail h5,
.com-article-detail .article-detail-bd .detail h6 {
  font-family: Tahoma, Arial, "Hiragino Sans GB", "冬青黑", "Microsoft YaHei", "微软雅黑", "SimSun", "宋体", "Heiti", "黑体", sans-serif !important;
  display: block !important;
  background-color: transparent !important;
  border-left: 5px solid #ffc81f !important;
  color: #363636 !important;
  padding-left: 15px !important;
  font-size: 24px !important;
  line-height: 32px !important;
  font-weight: bold !important;
  text-align: left !important;
  margin-top: 28px !important;
  margin-bottom: 14px !important;
}
.com-article-detail .article-detail-ft {
  padding: 0px 55px 60px;
}
.com-article-detail .article-detail-ft .items.tags {
  font-size: 12px;
  line-height: 12px;
}
.com-article-detail .article-detail-ft .items.tags .item.tag {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}
.com-article-detail .article-detail-ft .items.tags .item.tag a {
  display: inline-block;
  color: #ffffff;
  padding: 4px 6px;
  background-color: #d2d2d2;
}
.com-article-detail .article-detail-ft .items.tags .item.tag:last-child {
  margin-right: 0;
}
.com-article-detail .article-detail-ft .items.tags.noicon .tag a {
  color: #000000;
}
.com-article-detail .article-detail-ft .makemoney {
  margin-top: 10px;
  margin-bottom: 0;
}
.com-article-detail .article-detail-ft .share-wrapper {
  margin-top: 20px;
  line-height: 32px;
}
.com-article-detail .article-detail-ft .share-wrapper .text {
  float: left;
}
.com-article-detail .article-detail-ft .share-wrapper .com-share-favor {
  float: left;
}
/*
 * 
 * 

 */
.guoqing-banner {
  position: relative;
  top: 79px;
  height: 400px;
  margin: 0 auto;
}
.guoqing-banner .bg {
  width: 100%;
  height: 100%;
  min-width: 1190px;
}
.guoqing-banner .banner {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -640px;
  width: 1280px;
  height: 400px;
}
.com-guoqing-detail {
  width: 1010px;
  margin: 0 auto;
}
.com-guoqing-detail .guoqing-detail-hd {
  width: 100%;
  background-color: #ffffff;
  padding: 0 35px;
  font-size: 0;
}
.com-guoqing-detail .guoqing-detail-hd .headline-share {
  padding-top: 38px;
  margin-bottom: 25px;
  display: inline-block;
  width: 100%;
}
.com-guoqing-detail .guoqing-detail-hd .headline-share .headline {
  float: left;
  font-size: 64px;
  line-height: 80px;
  font-weight: bold;
}
.com-guoqing-detail .guoqing-detail-hd .headline-share .vertical-wrapper {
  float: right;
  height: 80px;
  width: 350px;
  text-align: right;
}
.com-guoqing-detail .guoqing-detail-hd .headline-share .vertical-wrapper .com-share-favor {
  display: inline-block;
}
.com-guoqing-detail .guoqing-detail-hd .separation {
  width: 910px;
  height: 1px;
  margin-left: 17px;
}
.com-guoqing-detail .guoqing-detail-hd .brief {
  display: inline-block;
  margin-left: 17px;
  width: 910px;
  padding-top: 20px;
  font-size: 16px;
  line-height: 30px;
  padding-bottom: 30px;
}
.com-guoqing-detail .guoqing-detail-bd {
  overflow: hidden;
  position: relative;
  margin-bottom: 11px;
}
.com-guoqing-detail .guoqing-detail-bd .line {
  position: absolute;
  left: 504px;
  top: 66px;
  height: 100%;
  width: 1px;
  z-index: 3;
}
.com-guoqing-detail .guoqing-detail-bd:before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #f4c12b;
  border: 2px solid rgba(253, 249, 236, 0.5);
  position: absolute;
  bottom: -1px;
  right: 502px;
}
.com-guoqing-detail .guoqing-detail-bd .side {
  width: 505px;
  display: inline-block;
}
.com-guoqing-detail .guoqing-detail-bd .side .reporter {
  position: relative;
  margin: 25px auto;
  width: 257px;
  height: 75px;
  border-radius: 38px;
  background-color: #ffc81f;
}
.com-guoqing-detail .guoqing-detail-bd .side .reporter .portrait {
  width: 65px;
  height: 65px;
  margin-top: 5px;
  margin-left: 7px;
  margin-right: 14px;
  border-radius: 50%;
}
.com-guoqing-detail .guoqing-detail-bd .side .reporter .author-weibo {
  display: inline-block;
  padding-top: 13px;
}
.com-guoqing-detail .guoqing-detail-bd .side .reporter .author-weibo .author {
  font-size: 24px;
  line-height: 24px;
}
.com-guoqing-detail .guoqing-detail-bd .side .reporter .author-weibo .weibo {
  margin-top: 10px;
  font-size: 18px;
  line-height: 18px;
}
.com-guoqing-detail .guoqing-detail-bd .side .circle {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #f4c12b;
  border: 2px solid rgba(253, 249, 236, 0.5);
  position: absolute;
  top: 50%;
  right: -30px;
}
.com-guoqing-detail .guoqing-detail-bd .side .circle:first-child {
  right: -127px;
}
.com-guoqing-detail .guoqing-detail-bd .side .detail-article {
  width: 478px;
  display: inline-block;
  background-color: #ffffff;
  margin-top: 11px;
  border-bottom: 1px solid #dad9d9;
}
.com-guoqing-detail .guoqing-detail-bd .side .detail-article:first-of-type {
  margin-top: 0;
}
.com-guoqing-detail .guoqing-detail-bd .side .detail-article .detail-article-hd {
  width: 100%;
  height: 216px;
  display: inline-block;
  position: relative;
}
.com-guoqing-detail .guoqing-detail-bd .side .detail-article .detail-article-hd:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
}
.com-guoqing-detail .guoqing-detail-bd .side .detail-article .detail-article-hd .pic img {
  height: 100%;
}
.com-guoqing-detail .guoqing-detail-bd .side .detail-article .detail-article-hd .countdown {
  position: absolute;
  left: 0;
  top: 18px;
  width: 70px;
  height: 56px;
  z-index: 2;
}
.com-guoqing-detail .guoqing-detail-bd .side .detail-article .detail-article-hd .countdown .iconfont {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  color: #ffc81f;
  text-align: center;
}
.com-guoqing-detail .guoqing-detail-bd .side .detail-article .detail-article-hd .countdown .iconfont:before {
  position: relative;
  left: -8px;
  display: inline-block;
  height: 100%;
  font-size: 52px;
  line-height: 56px;
}
.com-guoqing-detail .guoqing-detail-bd .side .detail-article .detail-article-hd .countdown .iconfont.icon-countdown-bg {
  color: rgba(0, 0, 0, 0.6);
  z-index: 0;
}
.com-guoqing-detail .guoqing-detail-bd .side .detail-article .detail-article-hd .countdown .iconfont.icon-countdown-bg:before {
  position: relative;
  left: -4px;
  display: inline-block;
  height: 100%;
  font-size: 76px;
  line-height: 56px;
}
.com-guoqing-detail .guoqing-detail-bd .side .detail-article .detail-article-hd .title {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
  display: inline-block;
  padding: 0 32px;
  margin: 18px 0;
  color: #ffffff;
  font-size: 24px;
  line-height: 29px;
  max-height: 58px;
  overflow: hidden;
}
.com-guoqing-detail .guoqing-detail-bd .side .detail-article .detail-article-bd {
  padding: 0 30px;
  position: relative;
}
.com-guoqing-detail .guoqing-detail-bd .side .detail-article .detail-article-bd .date-ribbon {
  padding-top: 15px;
  font-size: 16px;
  line-height: 17px;
}
.com-guoqing-detail .guoqing-detail-bd .side .detail-article .detail-article-bd .date-ribbon .smart-time {
  display: inline-block;
  height: 17px;
}
.com-guoqing-detail .guoqing-detail-bd .side .detail-article .detail-article-bd .date-ribbon .ribbon {
  float: right;
}
.com-guoqing-detail .guoqing-detail-bd .side .detail-article .detail-article-bd .date-ribbon .ribbon .iconfont {
  color: #b2b2b2;
  margin-right: 14px;
}
.com-guoqing-detail .guoqing-detail-bd .side .detail-article .detail-article-bd .date-ribbon .ribbon .iconfont:before {
  margin-right: 3px;
}
.com-guoqing-detail .guoqing-detail-bd .side .detail-article .detail-article-bd .date-ribbon .ribbon .iconfont:last-child {
  margin-right: 0;
}
.com-guoqing-detail .guoqing-detail-bd .side .detail-article .detail-article-bd .description {
  display: inline-block;
  margin: 12px 0;
  font-size: 18px;
  line-height: 21px;
  height: 42px;
  overflow: hidden;
}
.com-guoqing-detail .guoqing-detail-bd .float-left {
  float: left;
  position: relative;
}
.com-guoqing-detail .guoqing-detail-bd .float-right {
  float: right;
}
.com-guoqing-detail .guoqing-detail-bd .float-right .circle {
  left: -31px;
}
.com-guoqing-detail .guoqing-detail-bd .float-right .circle:first-child {
  left: -127px;
}
.com-guoqing-detail .guoqing-detail-bd .float-right .detail-article {
  margin-left: 27px;
}
/*
 * 
 * 

 */
.com-hollywood-detail {
  position: relative;
  background-color: #ffffff;
  padding: 0 50px 110px;
}
.com-hollywood-detail .hollywood-detail-hd .title {
  position: absolute;
  top: -165px;
  left: 0;
  width: 100%;
  color: #ffffff;
  font-size: 70px;
  padding: 30px 0;
}
.com-hollywood-detail .hollywood-detail-hd .authors-social {
  height: 130px;
}
.com-hollywood-detail .hollywood-detail-hd .authors-social .authors {
  float: left;
  height: 100%;
  width: 550px;
}
.com-hollywood-detail .hollywood-detail-hd .authors-social .authors .author {
  float: left;
  width: 270px;
  height: 70px;
  margin-right: 10px;
  padding: 30px 0;
}
.com-hollywood-detail .hollywood-detail-hd .authors-social .authors .author .author-left {
  float: left;
}
.com-hollywood-detail .hollywood-detail-hd .authors-social .authors .author .author-left .avatar {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 0;
}
.com-hollywood-detail .hollywood-detail-hd .authors-social .authors .author .author-left .avatar img {
  width: 100%;
  height: 100%;
}
.com-hollywood-detail .hollywood-detail-hd .authors-social .authors .author .author-right {
  float: right;
  width: 200px;
  color: #000000;
}
.com-hollywood-detail .hollywood-detail-hd .authors-social .authors .author .author-right .name {
  float: none;
  margin-right: 0;
  font-size: 24px;
  line-height: 32px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.com-hollywood-detail .hollywood-detail-hd .authors-social .authors .author .author-right .description {
  float: none;
  margin-right: 0;
  font-size: 18px;
  line-height: 32px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.com-hollywood-detail .hollywood-detail-hd .authors-social .authors .author:nth-child(2n) {
  margin-right: 0;
}
.com-hollywood-detail .hollywood-detail-hd .authors-social .com-share-favor {
  float: right;
  display: inline-block;
  margin-top: 56px;
}
.com-hollywood-detail .hollywood-detail-bd .description {
  font-size: 16px;
  line-height: 30px;
  margin-top: 0px;
  margin-bottom: 40px;
  word-break: break-word;
}
.com-hollywood-detail .hollywood-detail-bd .description:before {
  content: '';
  display: block;
  margin-bottom: 10px;
  width: 100%;
  height: 1px;
  background: transparent url(/img/display2/articles/sep-dot.png) 0 0 repeat-x;
  background-size: auto 3px;
}
.com-hollywood-detail .hollywood-detail-bd .items.articles .item.article,
.com-hollywood-detail .hollywood-detail-bd .items.articles .com-grid-paper {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  position: relative;
  display: inline-block;
  width: 450px;
  height: 215px;
}
.com-hollywood-detail .hollywood-detail-bd .items.articles .item.article:nth-child(2n),
.com-hollywood-detail .hollywood-detail-bd .items.articles .com-grid-paper:nth-child(2n) {
  margin-right: 0;
}
.com-hollywood-detail .hollywood-detail-bd .items.articles .com-grid-paper .grid-paper-ft .title-description .title {
  font-size: 24px;
  line-height: 28px;
}
.com-hollywood-detail .hollywood-detail-bd .items.articles .com-grid-paper .grid-paper-ft .title-description .description {
  display: none;
}
.com-hollywood-detail .hollywood-detail-bd .items.articles .item.article img {
  vertical-align: top;
  width: 100%;
  height: 100%;
}
.com-hollywood-detail .hollywood-detail-bd .items.articles .item.article .date-title {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  padding: 0 20px 10px;
}
.com-hollywood-detail .hollywood-detail-bd .items.articles .item.article .date-title .title {
  color: #ffffff;
  font-weight: normal;
  font-size: 24px;
  margin-top: 4px;
  line-height: 28px;
  word-break: break-word;
  max-height: 84px;
  overflow: hidden;
}
.com-hollywood-detail .hollywood-detail-bd .items.articles .item.article .date-title:after {
  position: absolute;
  content: '';
  z-index: -1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
  background: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}
.com-hollywood-detail .hollywood-detail-bd .items.articles .item.article .date-title .date {
  color: #ffd200;
  font-size: 16px;
  line-height: 22px;
}
/*
 * 
 * 

 */
.com-long-article-detail {
  position: relative;
  background-color: #ffffff;
  padding-left: 150px;
  padding-right: 150px;
}
.com-long-article-detail .long-article-detail-hd .category-title {
  position: relative;
  width: 100%;
  padding-bottom: 30px;
}
.com-long-article-detail .long-article-detail-hd .category-title .category {
  position: absolute;
  top: -44px;
}
.com-long-article-detail .long-article-detail-hd .category-title .title {
  font-weight: normal;
  color: #000000;
  padding-top: 44px;
  font-size: 50px;
  line-height: 70px;
}
.com-long-article-detail .long-article-detail-bd {
  padding-top: 20px;
}
.com-long-article-detail .long-article-detail-bd .author-share {
  line-height: 32px;
}
.com-long-article-detail .long-article-detail-bd .author-share .author {
  float: left;
  width: 390px;
  color: #000000;
}
.com-long-article-detail .long-article-detail-bd .author-share .author .avatar {
  float: left;
  display: block;
}
.com-long-article-detail .long-article-detail-bd .author-share .author .name,
.com-long-article-detail .long-article-detail-bd .author-share .author .date {
  float: left;
  width: 340px;
  margin-left: 12px;
  font-size: 14px;
  line-height: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.com-long-article-detail .long-article-detail-bd .author-share .author .date {
  color: #a6a6a6;
  margin-top: 4px;
}
.com-long-article-detail .long-article-detail-bd .author-share .com-share-favor {
  float: right;
}
.com-long-article-detail .long-article-detail-bd .excerpt {
  position: relative;
  color: #a6a6a6;
  font-size: 18px;
  padding: 40px 90px;
  margin-top: 60px;
  text-align: center;
}
.com-long-article-detail .long-article-detail-bd .excerpt:before,
.com-long-article-detail .long-article-detail-bd .excerpt:after {
  content: '';
  position: absolute;
  left: 50%;
  width: 160px;
  margin-left: -80px;
  height: 1px;
  background-color: #d0d0d0;
}
.com-long-article-detail .long-article-detail-bd .excerpt:before {
  top: 0;
  bottom: auto;
}
.com-long-article-detail .long-article-detail-bd .excerpt:after {
  top: auto;
  bottom: 0;
}
.com-long-article-detail .long-article-detail-bd .detail {
  line-height: 30px;
  margin-top: 30px;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: normal;
  word-wrap: break-word;
  word-break: break-word;
  text-align: justify;
}
.com-long-article-detail .long-article-detail-bd .detail > * {
  margin-bottom: 24px;
}
.com-long-article-detail .long-article-detail-bd .detail pre {
  white-space: normal;
}
.com-long-article-detail .long-article-detail-bd .detail a {
  text-decoration: none;
  border-bottom: 1px solid #ffc81f;
  padding-bottom: 4px;
}
.com-long-article-detail .long-article-detail-bd .detail blockquote {
  margin: 0 16px !important;
}
.com-long-article-detail .long-article-detail-bd .detail img {
  display: block;
  margin: 0 auto 8px;
  width: 100%;
  height: auto;
  max-width: 100% !important;
}
.com-long-article-detail .long-article-detail-bd .detail ul {
  list-style: initial;
  padding-left: 20px;
}
.com-long-article-detail .long-article-detail-bd .detail iframe,
.com-long-article-detail .long-article-detail-bd .detail embed {
  width: 100%;
  height: 500px;
  max-width: 100% !important;
  margin: 0 auto;
}
.com-long-article-detail .long-article-detail-bd .detail span,
.com-long-article-detail .long-article-detail-bd .detail p,
.com-long-article-detail .long-article-detail-bd .detail pre,
.com-long-article-detail .long-article-detail-bd .detail b,
.com-long-article-detail .long-article-detail-bd .detail i,
.com-long-article-detail .long-article-detail-bd .detail blockquote,
.com-long-article-detail .long-article-detail-bd .detail em,
.com-long-article-detail .long-article-detail-bd .detail ul,
.com-long-article-detail .long-article-detail-bd .detail li,
.com-long-article-detail .long-article-detail-bd .detail div {
  font-family: Tahoma, Arial, "Hiragino Sans GB", "冬青黑", "Microsoft YaHei", "微软雅黑", "SimSun", "宋体", "Heiti", "黑体", sans-serif !important;
  font-size: 16px !important;
  line-height: 32px !important;
  color: #363636 !important;
  letter-spacing: normal !important;
}
.com-long-article-detail .long-article-detail-bd .detail h1,
.com-long-article-detail .long-article-detail-bd .detail h2,
.com-long-article-detail .long-article-detail-bd .detail h3,
.com-long-article-detail .long-article-detail-bd .detail h4,
.com-long-article-detail .long-article-detail-bd .detail h5,
.com-long-article-detail .long-article-detail-bd .detail h6 {
  font-family: Tahoma, Arial, "Hiragino Sans GB", "冬青黑", "Microsoft YaHei", "微软雅黑", "SimSun", "宋体", "Heiti", "黑体", sans-serif !important;
  display: block !important;
  background-color: transparent !important;
  border-left: 5px solid #ffc81f !important;
  color: #363636 !important;
  padding-left: 15px !important;
  font-size: 24px !important;
  line-height: 32px !important;
  font-weight: bold !important;
  text-align: left !important;
  margin-top: 28px !important;
  margin-bottom: 14px !important;
}
.com-long-article-detail .long-article-detail-ft {
  padding-bottom: 60px;
}
.com-long-article-detail .long-article-detail-ft .items.tags {
  font-size: 12px;
  line-height: 12px;
}
.com-long-article-detail .long-article-detail-ft .items.tags .item.tag {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}
.com-long-article-detail .long-article-detail-ft .items.tags .item.tag a {
  display: inline-block;
  color: #ffffff;
  padding: 4px 6px;
  background-color: #d2d2d2;
}
.com-long-article-detail .long-article-detail-ft .items.tags .item.tag:last-child {
  margin-right: 0;
}
.com-long-article-detail .long-article-detail-ft .items.tags.noicon .tag a {
  color: #000000;
}
.com-long-article-detail .long-article-detail-ft .bottom-download {
  display: block;
  margin-top: 30px;
}
.com-long-article-detail .long-article-detail-ft .bottom-download img {
  width: 100%;
}
.com-long-article-detail .long-article-detail-ft .share-wrapper {
  margin-top: 30px;
  line-height: 32px;
}
.com-long-article-detail .long-article-detail-ft .share-wrapper .text {
  float: left;
}
.com-long-article-detail .long-article-detail-ft .share-wrapper .com-share-favor {
  float: left;
}
/*
 *
 * 

 */
.com-full-banner {
  margin-top: 80px;
}
.com-full-banner .full-banner-bd {
  position: relative;
}
.com-full-banner .full-banner-bd img {
  width: 100%;
  height: 100%;
  min-width: 1190px;
  min-height: 280px;
}
.com-full-banner .full-banner-bd:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}
/*
 * 

 */
.com-reply {
  font-size: 0;
  padding-top: 24px;
}
.com-reply .reply-left {
  display: inline-block;
  vertical-align: top;
}
.com-reply .reply-right {
  position: relative;
  display: inline-block;
  width: 545px;
  margin-left: 15px;
}
.com-reply .reply-right .name-date .name {
  display: block;
  font-size: 18px;
  height: 18px;
  line-height: 18px;
  color: #000000;
}
.com-reply .reply-right .name-date .date {
  display: block;
  margin-top: 10px;
  font-size: 12px;
  height: 12px;
  line-height: 12px;
  color: #aaaaaa;
}
.com-reply .reply-right .reply-text {
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
}
.com-reply .reply-right .replies {
  margin-top: 20px;
}
.com-reply:last-child {
  padding-bottom: 0;
}
.com-comment {
  font-size: 0;
  padding: 25px 0 20px;
  border-bottom: 1px solid #eaeaea;
}
.com-comment .comment-left {
  display: inline-block;
  vertical-align: top;
}
.com-comment .comment-right {
  position: relative;
  display: inline-block;
  width: 600px;
  margin-left: 15px;
}
.com-comment .comment-right .name-date {
  display: inline-block;
}
.com-comment .comment-right .name-date .name {
  display: block;
  font-size: 18px;
  height: 18px;
  line-height: 18px;
  color: #000000;
}
.com-comment .comment-right .name-date .date {
  display: block;
  margin-top: 10px;
  font-size: 12px;
  height: 12px;
  line-height: 12px;
  color: #aaaaaa;
}
.com-comment .comment-right .comment-text {
  font-size: 14px;
  margin-top: 10px;
  line-height: 20px;
}
.com-comment .comment-right .ribbon {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 24px;
}
.com-comment .comment-right .ribbon .iconfont {
  font-size: 14px;
  margin-right: 26px;
  cursor: pointer;
  color: #b3b3b3;
}
.com-comment .comment-right .ribbon .iconfont.marked {
  color: #ffc81f;
}
.com-comment .comment-right .ribbon .iconfont:before {
  font-size: 16px;
  margin-right: 8px;
  position: relative;
  top: -1px;
}
.com-comment .comment-right .ribbon .iconfont:last-child {
  margin-right: 0;
}
.com-comment .comment-right .reply-form {
  margin-left: 0;
}
.com-related-comments {
  margin-top: 10px;
  background-color: #ffffff;
  padding: 50px;
}
.com-related-comments form textarea {
  width: 100%;
  height: 40px;
  padding: 10px;
  line-height: 18px;
  border: 1px solid #000000;
  color: #aaaaaa;
}
.com-related-comments form .share-submit .share {
  float: left;
  margin-top: 18px;
}
.com-related-comments form .share-submit .btn.submit {
  float: right;
  margin-top: 7px;
  padding: 8px 22px;
  font-size: 20px;
  line-height: 20px;
  color: #ffffff;
  background-color: #202020;
}
.com-related-comments form.reply-form {
  margin: 25px 0 0 55px;
}
.com-related-comments .related-comments-hd .count {
  font-size: 40px;
  color: #000000;
  margin-bottom: 30px;
}
.com-related-comments .related-comments-hd .avatar {
  float: left;
}
.com-related-comments .related-comments-hd form {
  float: right;
  width: 600px;
}
.com-related-comments .related-comments-bd {
  margin-top: 50px;
  border-top: 1px solid #cccccc;
}
.com-related-comments .related-comments-bd .comments .com-comment:last-child {
  border-bottom: none;
}
.com-related-comments.wide {
  padding: 45px 100px;
}
.com-related-comments.wide .related-comments-hd .comment-form {
  width: 755px;
}
.com-related-comments.wide .related-comments-bd .com-comment .comment-right {
  width: 755px;
}
.com-related-comments.wide .related-comments-bd .com-comment .comment-right .com-reply .reply-right {
  width: 700px;
}
.com-related-comments.wide .related-comments-bd .com-comment .reply-form {
  width: 750px;
}
/*
 *
 * 

 */
.com-grid-article {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.com-grid-article .grid-article-hd {
  position: relative;
  height: 185px;
}
.com-grid-article .grid-article-hd .pic {
  width: 100%;
  height: 100%;
}
.com-grid-article .grid-article-hd .category {
  position: absolute;
  left: 10px;
  top: 10px;
  height: 18px;
  line-height: 18px;
}
.com-grid-article .grid-article-hd .category img {
  height: 100%;
  max-height: 100%;
}
.com-grid-article .grid-article-hd .category span {
  margin-left: 6px;
  color: #ffffff;
  font-size: 12px;
  line-height: 18px;
}
.com-grid-article .grid-article-bd {
  padding: 12px 10px 0;
}
.com-grid-article .grid-article-bd h1 {
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  max-height: 44px;
  overflow: hidden;
}
.com-grid-article .grid-article-ft {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0 10px 10px;
  color: #666666;
  font-size: 12px;
}
.com-grid-article .grid-article-ft .smart-date {
  float: left;
}
.com-grid-article .grid-article-ft .ribbon {
  float: right;
}
.com-grid-article .grid-article-ft .ribbon .iconfont {
  color: #d1d1d1;
  font-size: 12px;
  margin-right: 15px;
}
.com-grid-article .grid-article-ft .ribbon .iconfont:before {
  margin-right: 5px;
}
.com-grid-article .grid-article-ft .ribbon .iconfont:last-child {
  margin-right: 0;
}
/*
 *
 * 

 */
.com-grid-key-article {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.com-grid-key-article .grid-key-article-hd {
  position: relative;
  height: 185px;
}
.com-grid-key-article .grid-key-article-hd .pic {
  width: 100%;
  height: 100%;
}
.com-grid-key-article .grid-key-article-hd .category {
  position: absolute;
  left: 10px;
  top: 10px;
  height: 18px;
  line-height: 18px;
}
.com-grid-key-article .grid-key-article-hd .category img {
  height: 100%;
  max-height: 100%;
}
.com-grid-key-article .grid-key-article-hd .category span {
  margin-left: 6px;
  color: #ffffff;
  font-size: 12px;
  line-height: 18px;
}
.com-grid-key-article .grid-key-article-bd {
  padding: 5px 7px 0;
}
.com-grid-key-article .grid-key-article-bd .title {
  line-height: 0;
}
.com-grid-key-article .grid-key-article-bd .title span {
  display: inline-block;
  font-size: 24px;
  line-height: 32px;
  font-weight: normal;
  max-height: 64px;
  overflow: hidden;
}
.com-grid-key-article .grid-key-article-bd .title.smart-lines .line {
  font-size: 20px;
  line-height: 25px;
}
.com-grid-key-article .grid-key-article-ft {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0 10px 10px;
  color: #666666;
  font-size: 12px;
}
.com-grid-key-article .grid-key-article-ft .smart-date {
  float: left;
}
.com-grid-key-article .grid-key-article-ft .ribbon {
  float: right;
}
.com-grid-key-article .grid-key-article-ft .ribbon .iconfont {
  font-size: 12px;
  color: #d1d1d1;
  margin-right: 15px;
}
.com-grid-key-article .grid-key-article-ft .ribbon .iconfont:before {
  margin-right: 5px;
}
.com-grid-key-article .grid-key-article-ft .ribbon .iconfont:last-child {
  margin-right: 0;
}
/*


 *
 * 

 */
.com-related-articles {
  margin-top: 10px;
}
.com-related-articles .related-articles-bd .packery-container {
  position: relative;
}
.com-related-articles .related-articles-bd .packery-container .packery-item {
  background-color: #ffffff;
  width: 245px;
  height: 280px;
  visibility: hidden;
}
.com-related-articles .related-articles-bd .packery-container .packery-item.size1x2 {
  width: 500px;
}
/*
 *
 * 

 */
.com-grid-paper {
  display: inline-block;
  position: relative;
  background-color: #ffffff;
  width: 100%;
  height: 100%;
}
.com-grid-paper .grid-paper-bd {
  position: relative;
  width: 100%;
  height: 100%;
}
.com-grid-paper .grid-paper-bd .imgcover .pic {
  width: auto;
  height: 100%;
}
.com-grid-paper .grid-paper-bd .category {
  position: absolute;
  top: 15px;
  left: 20px;
}
.com-grid-paper .grid-paper-bd .count {
  position: absolute;
  top: 0;
  right: 20px;
  width: 86px;
  height: 106px;
  background-color: rgba(0, 0, 0, 0.6);
  text-align: center;
}
.com-grid-paper .grid-paper-bd .count .icon-join {
  display: inline-block;
  width: 70px;
  height: 56px;
  line-height: 60px;
  color: #ffc81f;
  font-size: 64px;
  text-align: center;
}
.com-grid-paper .grid-paper-bd .count .num,
.com-grid-paper .grid-paper-bd .count .text {
  display: block;
}
.com-grid-paper .grid-paper-bd .count .num {
  font-weight: bold;
  color: #ffffff;
  font-size: 16px;
  line-height: 20px;
}
.com-grid-paper .grid-paper-bd .count .text {
  margin-top: 2px;
  color: #d2d2d2;
  font-size: 14px;
  line-height: 18px;
}
.com-grid-paper .grid-paper-bd .count.new .text {
  color: #ffc81f;
  font-weight: bold;
  font-size: 20px;
  margin-top: 12px;
}
.com-grid-paper .grid-paper-ft {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 170px;
}
.com-grid-paper .grid-paper-ft .title-description {
  position: absolute;
  left: 0px;
  bottom: 0px;
  padding: 0 20px 12px;
}
.com-grid-paper .grid-paper-ft .title-description .title {
  color: #ffffff;
  font-size: 20px;
  line-height: 24px;
  font-weight: normal;
}
.com-grid-paper .grid-paper-ft .title-description .description {
  color: #d2d2d2;
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 22px;
}
.com-grid-paper .grid-paper-ft:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  background: linear-gradient(bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
}
.com-grid-paper.normal .grid-paper-bd .imgcover .pic,
.com-grid-paper.large .grid-paper-bd .imgcover .pic {
  width: 100%;
  height: auto;
}
.com-grid-paper.normal .grid-paper-bd .count,
.com-grid-paper.large .grid-paper-bd .count {
  right: 30px;
}
.com-grid-paper.normal .grid-paper-bd .category,
.com-grid-paper.large .grid-paper-bd .category {
  left: 30px;
}
.com-grid-paper.normal .grid-paper-ft .title-description,
.com-grid-paper.large .grid-paper-ft .title-description {
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
}
/*
 *
 * 

 */
.com-grid-paper-votable {
  display: inline-block;
  position: relative;
  background-color: #ffffff;
  width: 100%;
  height: 100%;
}
.com-grid-paper-votable .grid-paper-votable-bd {
  position: relative;
  width: 100%;
  height: 100%;
}
.com-grid-paper-votable .grid-paper-votable-bd .imgcover .pic {
  width: auto;
  height: 100%;
}
.com-grid-paper-votable .grid-paper-votable-bd .category {
  position: absolute;
  top: 15px;
  left: 20px;
}
.com-grid-paper-votable .grid-paper-votable-bd .count {
  position: absolute;
  top: 0;
  right: 20px;
  width: 86px;
  height: 106px;
  background-color: rgba(0, 0, 0, 0.6);
  text-align: center;
}
.com-grid-paper-votable .grid-paper-votable-bd .count .icon-join {
  display: inline-block;
  width: 70px;
  height: 56px;
  line-height: 60px;
  color: #ffc81f;
  font-size: 64px;
  text-align: center;
}
.com-grid-paper-votable .grid-paper-votable-bd .count .num,
.com-grid-paper-votable .grid-paper-votable-bd .count .text {
  display: block;
}
.com-grid-paper-votable .grid-paper-votable-bd .count .num {
  font-weight: bold;
  color: #ffffff;
  font-size: 16px;
  line-height: 20px;
}
.com-grid-paper-votable .grid-paper-votable-bd .count .text {
  margin-top: 2px;
  color: #d2d2d2;
  font-size: 14px;
  line-height: 18px;
}
.com-grid-paper-votable .grid-paper-votable-bd .count.new .text {
  color: #ffc81f;
  font-weight: bold;
  font-size: 20px;
  margin-top: 12px;
}
.com-grid-paper-votable .grid-paper-votable-bd .title-description {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 20px 12px;
}
.com-grid-paper-votable .grid-paper-votable-bd .title-description .title {
  color: #ffffff;
  font-size: 20px;
  line-height: 24px;
  font-weight: normal;
}
.com-grid-paper-votable .grid-paper-votable-bd .title-description .description {
  color: rgba(255, 255, 255, 0.5);
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 22px;
}
.com-grid-paper-votable .grid-paper-votable-bd:before {
  content: '';
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  background: linear-gradient(bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
}
.com-grid-paper-votable .grid-paper-votable-ft {
  padding: 45px 50px 35px;
}
.com-grid-paper-votable .grid-paper-votable-ft .vote .options,
.com-grid-paper-votable .grid-paper-votable-ft .result .options {
  line-height: 0;
  list-style: none;
  margin-top: 10px;
}
.com-grid-paper-votable .grid-paper-votable-ft .vote .options .option,
.com-grid-paper-votable .grid-paper-votable-ft .result .options .option {
  position: relative;
  float: left;
  width: 25%;
  text-align: center;
}
.com-grid-paper-votable .grid-paper-votable-ft .vote .options .option .order {
  font-family: 'DIN Condensed';
  display: inline-block;
  font-weight: bold;
  font-size: 30px;
  width: 72px;
  height: 72px;
  line-height: 72px;
  border: 3px solid #ffc81f;
  margin: 5px;
  border-radius: 50%;
  color: #ffc81f;
  transition: backgroun-color 150ms;
  -webkit-transition: backgroun-color 150ms;
}
.com-grid-paper-votable .grid-paper-votable-ft .vote .options .option .text {
  color: #363636;
  padding: 0 2px;
  margin-top: 12px;
  font-size: 16px;
  line-height: 20px;
}
.com-grid-paper-votable .grid-paper-votable-ft .vote .options .option.selected .order {
  color: #ffffff;
  background-color: #ffc81f;
}
.com-grid-paper-votable .grid-paper-votable-ft .vote .options:first-child {
  margin-top: 0;
}
.com-grid-paper-votable .grid-paper-votable-ft .vote .options.count-1 .option {
  width: 100%;
}
.com-grid-paper-votable .grid-paper-votable-ft .vote .options.count-2 .option {
  width: 50%;
}
.com-grid-paper-votable .grid-paper-votable-ft .vote .options.count-3 .option {
  width: 33.33333333%;
}
.com-grid-paper-votable .grid-paper-votable-ft .result {
  display: none;
}
.com-grid-paper-votable .grid-paper-votable-ft .result .options .option .pie {
  position: relative;
  display: inline-block;
  width: 82px;
  height: 82px;
}
.com-grid-paper-votable .grid-paper-votable-ft .result .options .option .pie canvas {
  width: 82px;
  height: 82px;
}
.com-grid-paper-votable .grid-paper-votable-ft .result .options .option .pie .num {
  position: absolute;
  left: 5px;
  top: 5px;
  font-family: 'DIN Condensed';
  display: inline-block;
  font-weight: bold;
  text-align: center;
  font-size: 30px;
  width: 72px;
  height: 72px;
  line-height: 72px;
  border: 3px solid #ffc81f;
  border-radius: 50%;
  color: #ffc81f;
  background-color: #ffffff;
}
.com-grid-paper-votable .grid-paper-votable-ft .result .options .option .text {
  color: #363636;
  padding: 0 2px;
  margin-top: 12px;
  font-size: 16px;
  line-height: 20px;
}
.com-grid-paper-votable .grid-paper-votable-ft .result .options .option.selected .num {
  color: #ffffff;
  background-color: #ffc81f;
  border: 2px solid #ffc81f;
}
.com-grid-paper-votable .grid-paper-votable-ft .result .options:first-child {
  margin-top: 0;
}
.com-grid-paper-votable .grid-paper-votable-ft .result .options.count-1 .option {
  width: 100%;
}
.com-grid-paper-votable .grid-paper-votable-ft .result .options.count-2 .option {
  width: 50%;
}
.com-grid-paper-votable .grid-paper-votable-ft .result .options.count-3 .option {
  width: 33.33333333%;
}
.com-grid-paper-votable .grid-paper-votable-ft .btn-wrapper {
  text-align: center;
  margin-top: 40px;
}
.com-grid-paper-votable .grid-paper-votable-ft .btn-wrapper .btn {
  position: relative;
  font-weight: bold;
  display: inline-block;
  width: 200px;
  color: #ffffff;
  background-color: #ffc81f;
  font-size: 17px;
  line-height: 17px;
  height: 40px;
  padding: 12px 0;
  border-radius: 20px;
}
.com-grid-paper-votable .grid-paper-votable-ft .btn-wrapper .btn .icon-vote {
  position: absolute;
  font-weight: normal;
  left: 2px;
  top: 2px;
  font-size: 36px;
  height: 36px;
  line-height: 36px;
}
.com-grid-paper-votable .grid-paper-votable-ft .btn-wrapper .btn.disabled {
  background-color: #ffe38f;
}
.com-grid-paper-votable.normal .grid-paper-votable-bd .imgcover .pic,
.com-grid-paper-votable.large .grid-paper-votable-bd .imgcover .pic {
  width: 100%;
  height: auto;
}
.com-grid-paper-votable.normal .grid-paper-votable-bd .count,
.com-grid-paper-votable.large .grid-paper-votable-bd .count {
  right: 30px;
}
.com-grid-paper-votable.normal .grid-paper-votable-bd .category,
.com-grid-paper-votable.large .grid-paper-votable-bd .category {
  left: 30px;
}
.com-grid-paper-votable.normal .grid-paper-votable-ft .title-description,
.com-grid-paper-votable.large .grid-paper-votable-ft .title-description {
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
}
/*
 *
 * 

 */
.com-grid-banner-article {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.com-grid-banner-article .grid-banner-article-hd {
  height: 100%;
}
.com-grid-banner-article .grid-banner-article-hd .pic {
  width: 100%;
  height: auto;
}
.com-grid-banner-article .grid-banner-article-hd .category {
  position: absolute;
  left: 10px;
  top: 10px;
  height: 18px;
  line-height: 18px;
}
.com-grid-banner-article .grid-banner-article-hd .category img {
  height: 100%;
  max-height: 100%;
}
.com-grid-banner-article .grid-banner-article-hd .category span {
  margin-left: 6px;
  color: #ffffff;
  font-size: 12px;
  line-height: 18px;
}
.com-grid-banner-article .grid-banner-article-bd {
  position: absolute;
  font-size: 12px;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 170px;
  color: #666666;
}
.com-grid-banner-article .grid-banner-article-bd .title-ribbon {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0 14px 14px;
}
.com-grid-banner-article .grid-banner-article-bd .title-ribbon h1 {
  color: #ffffff;
  font-weight: normal;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 4px;
}
.com-grid-banner-article .grid-banner-article-bd .title-ribbon .smart-date {
  float: left;
  color: #d2d2d2;
}
.com-grid-banner-article .grid-banner-article-bd .title-ribbon .ribbon {
  float: right;
}
.com-grid-banner-article .grid-banner-article-bd .title-ribbon .ribbon .iconfont {
  color: #d2d2d2;
  font-size: 12px;
  margin-right: 15px;
}
.com-grid-banner-article .grid-banner-article-bd .title-ribbon .ribbon .iconfont:before {
  margin-right: 5px;
}
.com-grid-banner-article .grid-banner-article-bd .title-ribbon .ribbon .iconfont:last-child {
  margin-right: 0;
}
.com-grid-banner-article .grid-banner-article-bd:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  background: linear-gradient(bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
}
.com-grid-banner-article.large .grid-banner-article-hd .category,
.com-grid-banner-article.normal .grid-banner-article-hd .category {
  top: 20px;
  left: 30px;
}
.com-grid-banner-article.large .grid-banner-article-bd .title-ribbon,
.com-grid-banner-article.normal .grid-banner-article-bd .title-ribbon {
  padding-left: 30px;
  padding-right: 30px;
}
/*



 *
 * 

 */
.com-related-banners .related-banners-bd .com-grid-paper,
.com-related-banners .related-banners-bd .com-grid-key-paper,
.com-related-banners .related-banners-bd .com-grid-banner-article,
.com-related-banners .related-banners-bd .makemoney,
.com-related-banners .related-banners-bd .map-wrapper {
  display: inline-block;
  width: 100%;
  height: 320px;
  margin-top: 10px;
}
.com-related-banners .related-banners-bd .com-grid-paper-votable {
  display: inline-block;
  width: 100%;
  margin-top: 10px;
}
.com-related-banners .related-banners-bd .com-grid-paper-votable .grid-paper-votable-bd {
  height: 320px;
}
.com-related-banners .related-banners-bd .map-wrapper {
  position: relative;
  background-color: #ffffff;
  padding: 10px;
}
.com-related-banners .related-banners-bd .map-wrapper .map {
  width: 100%;
  height: 100%;
}
.com-related-banners .related-banners-bd .map-wrapper .marker {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -88px;
  margin-top: -20px;
}
.com-related-banners .related-banners-bd .makemoney img {
  width: 100%;
}
/*
 *
 * 

 */
.com-recommend-articles {
  margin-top: 5px;
  padding: 24px 16px;
  background-color: #ffffff;
}
.com-recommend-articles .recommend-articles-hd p {
  text-align: center;
  color: #000000;
  font-size: 14px;
  font-weight: bold;
}
.com-recommend-articles .recommend-articles-bd .title-articles {
  text-align: center;
  margin-top: 25px;
}
.com-recommend-articles .recommend-articles-bd .title-articles .title {
  position: relative;
  display: inline-block;
  color: #000000;
  font-size: 14px;
  font-weight: bold;
}
.com-recommend-articles .recommend-articles-bd .title-articles .title:before,
.com-recommend-articles .recommend-articles-bd .title-articles .title:after {
  content: '';
  position: absolute;
  width: 10px;
  height: 1px;
  background-color: #ffc81f;
}
.com-recommend-articles .recommend-articles-bd .title-articles .title:before {
  left: -18px;
  top: 9px;
}
.com-recommend-articles .recommend-articles-bd .title-articles .title:after {
  right: -16px;
  top: 9px;
}
.com-recommend-articles .recommend-articles-bd .title-articles .articles {
  width: 100%;
}
.com-recommend-articles .recommend-articles-bd .title-articles .articles .article {
  position: relative;
  display: block;
  padding: 16px 0;
}
.com-recommend-articles .recommend-articles-bd .title-articles .articles .article img {
  margin: 0 auto;
  width: 160px;
  height: 120px;
}
.com-recommend-articles .recommend-articles-bd .title-articles .articles .article p {
  margin: 0 auto;
  width: 160px;
  margin-top: 15px;
  font-size: 16px;
  line-height: 18px;
}
.com-recommend-articles .recommend-articles-bd .title-articles .articles .article:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: transparent url(/img/display2/icons.png) 0 -2px repeat-x;
  background-size: 5px auto;
}
.com-recommend-articles .recommend-articles-bd .title-articles .articles .article:last-child:after {
  display: none;
}
.com-recommend-articles .recommend-articles-bd .title-articles.nopic .articles .article {
  padding: 38px 0;
}
.com-recommend-articles .recommend-articles-bd .title-articles.nopic .articles .article img {
  display: none;
}
@font-face {
  font-family: "iconfont";
  src: url('/fonts/display2/iconfont.eot?1443083280173');
  src: url('/fonts/display2/iconfont.eot?1443083280173#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/display2/iconfont.woff?1443083280173') format('woff'), /* chrome、firefox */ url('/fonts/display2/iconfont.ttf?1443083280173') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('/fonts/display2/iconfont.svg?1443083280173#iconfont') format('svg');
  
  /* IE9*/
  /* iOS 4.1- */
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-apple:before {
  content: "\e626";
}
.icon-android:before {
  content: "\e627";
}
.icon-kongjian:before {
  content: "\e60e";
}
.icon-logout:before {
  content: "\e61e";
}
.icon-right-bold:before {
  content: "\e624";
}
.icon-01message:before {
  content: "\e620";
}
.icon-douban:before {
  content: "\e60f";
}
.icon-tengxunweibo:before {
  content: "\e619";
}
.icon-weibo:before {
  content: "\e610";
}
.icon-qq:before {
  content: "\e611";
}
.icon-weixin:before {
  content: "\e612";
}
.icon-scale:before {
  content: "\e61f";
}
.icon-setting:before {
  content: "\e621";
}
.icon-user:before {
  content: "\e622";
}
.icon-10getu:before {
  content: "\e60c";
}
.icon-long-article:before {
  content: "\e60d";
}
.icon-labs:before {
  content: "\e600";
}
.icon-praise:before {
  content: "\e601";
}
.icon-heart:before {
  content: "\e602";
}
.icon-message:before {
  content: "\e603";
}
.icon-search:before {
  content: "\e604";
}
.icon-camera:before {
  content: "\e605";
}
.icon-heart-sharp:before {
  content: "\e606";
}
.icon-right:before {
  content: "\e607";
}
.icon-left:before {
  content: "\e608";
}
.icon-join:before {
  content: "\e609";
}
.icon-linkedin:before {
  content: "\e60a";
}
.icon-praise-empty:before {
  content: "\e60b";
}
.icon-eye:before {
  content: "\e613";
}
.icon-checkbox-light:before {
  content: "\e614";
}
.icon-checkbox-selected:before {
  content: "\e615";
}
.icon-close:before {
  content: "\e616";
}
.icon-selected:before {
  content: "\e617";
}
.icon-avatar-upload:before {
  content: "\e618";
}
.icon-logo:before {
  content: "\e61a";
}
.icon-vote:before {
  content: "\e61b";
}
.icon-checkbox:before {
  content: "\e61c";
}
.icon-explore:before {
  content: "\e61d";
}
.icon-safe:before {
  content: "\e623";
}
.icon-double-right:before {
  content: "\e625";
}
.icon-location:before {
  content: "\e628";
}
.icon-email:before {
  content: "\e629";
}
.icon-telephone:before {
  content: "\e62a";
}
.icon-chengshi:before {
  content: "\e62b";
}
.icon-cidian:before {
  content: "\e62c";
}
.icon-dianying:before {
  content: "\e62d";
}
.icon-jinriyingyong:before {
  content: "\e62e";
}
.icon-ribenyu:before {
  content: "\e62f";
}
.icon-sheji:before {
  content: "\e630";
}
.icon-shishang:before {
  content: "\e631";
}
.icon-shuzi:before {
  content: "\e632";
}
.icon-wanwujianshi:before {
  content: "\e633";
}
.icon-yule:before {
  content: "\e634";
}
.icon-zhegeshejilebuqi:before {
  content: "\e635";
}
.icon-zheshijie:before {
  content: "\e636";
}
.icon-zhineng:before {
  content: "\e637";
}
.icon-bestontheweb:before {
  content: "\e638";
}
.icon-shangye:before {
  content: "\e639";
}
.icon-bg-10getu:before {
  content: "\e63a";
}
.icon-bg-labs:before {
  content: "\e63b";
}
.icon-bg-long-article:before {
  content: "\e63c";
}
.icon-bg-top15:before {
  content: "\e63d";
}
.icon-fachudepinglun:before {
  content: "\e63e";
}
.icon-shoudaodepinglun:before {
  content: "\e63f";
}
.icon-shoudaodezan:before {
  content: "\e640";
}
.icon-canjiadeyanjiusuo:before {
  content: "\e641";
}
.icon-fenxiang:before {
  content: "\e642";
}
.icon-countdown-bg:before {
  content: "\e643";
}
.icon-day1:before {
  content: "\e644";
}
.icon-day2:before {
  content: "\e645";
}
.icon-day3:before {
  content: "\e646";
}
.icon-day4:before {
  content: "\e647";
}
.icon-day5:before {
  content: "\e648";
}
.icon-day6:before {
  content: "\e649";
}
.icon-day7:before {
  content: "\e64a";
}
.icon-day8:before {
  content: "\e64b";
}
.icon-day9:before {
  content: "\e64c";
}
.icon-day10:before {
  content: "\e64d";
}
.icon-day11:before {
  content: "\e64e";
}
.icon-day12:before {
  content: "\e64f";
}
.icon-day0:before {
  content: "\e650";
}
/*

 *
 *













 *
 *

 *
 * 

 */
body .page-content .makemoney {
  display: block;
  margin-bottom: 10px;
}
body .page-content .makemoney img {
  width: 100%;
}
body .page-content .main {
  float: left;
  width: 755px;
}
body .page-content .main.long-article {
  float: none;
  width: 1010px;
}
body .page-content .main.long-article .com-long-article-detail {
  margin-top: -270px;
}
body .page-content .main.hollywood {
  float: left;
  width: 1010px;
  margin-top: -90px;
}
body .page-content .main.guoqing {
  width: 1010px;
  float: left;
  margin-top: -10px;
}
body .page-content .sidebar {
  float: right;
  width: 245px;
}
body .page-content .sidebar .grid-login-wrapper {
  background-color: #ffffff;
  height: 280px;
}