@charset "UTF-8";
html {
  color: #000;
  background: #fff;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

html * {
  outline: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: transparent; }

html,
body {
  font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; }

/* 内外边距通常让各个浏览器样式的表现位置不同 */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0; }

input,
select,
textarea {
  font-size: 100%; }

/* 去掉各 Table  cell 的边距并让其边重合 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* 去除默认边框 */
fieldset,
img {
  border: 0; }

/* 去掉 firefox 下此元素的边框 */
abbr,
acronym {
  border: 0;
  font-variant: normal; }

/* 一致的 del 样式 */
del {
  text-decoration: line-through; }

address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-style: normal;
  font-weight: 500; }

/* 去掉列表前的标识, li 会继承 */
ol,
ul {
  list-style: none; }

/* 对齐是排版最重要的因素, 别让什么都居中 */
caption,
th {
  text-align: left; }

/* 来自 yahoo, 让标题都自定义, 适应多个系统应用 */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 500; }

q:before,
q:after {
  content: ''; }

/* 统一上标和下标 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* 正常链接 未访问 */
/* 鼠标悬停 */
a:hover {
  text-decoration: underline; }

/* 默认不显示下划线，保持页面简洁 */
ins,
a {
  text-decoration: none; }
  ins:hover,
  a:hover {
    text-decoration: none; }

/*整体部分*/
::-webkit-scrollbar {
  width: 10px;
  height: 10px; }

/*滑动轨道*/
::-webkit-scrollbar-track {
  border-radius: 5px; }

/*滑块*/
::-webkit-scrollbar-thumb {
  height: 40px;
  border-radius: 5px;
  background: #d7d7d7; }

/*滑块效果*/
::-webkit-scrollbar-thumb:hover {
  background: #999; }

/*滑块效果*/
::-webkit-scrollbar-thumb:active {
  background: #949494; }

.fz-12 {
  font-size: 6px; }
  [data-dpr="2"] .fz-12 {
    font-size: 12px; }
  [data-dpr="3"] .fz-12 {
    font-size: 18px; }
  [data-dpr="4"] .fz-12 {
    font-size: 24px; }

.fz-14 {
  font-size: 7px; }
  [data-dpr="2"] .fz-14 {
    font-size: 14px; }
  [data-dpr="3"] .fz-14 {
    font-size: 21px; }
  [data-dpr="4"] .fz-14 {
    font-size: 28px; }

.fz-16 {
  font-size: 8px; }
  [data-dpr="2"] .fz-16 {
    font-size: 16px; }
  [data-dpr="3"] .fz-16 {
    font-size: 24px; }
  [data-dpr="4"] .fz-16 {
    font-size: 32px; }

.fz-18 {
  font-size: 9px; }
  [data-dpr="2"] .fz-18 {
    font-size: 18px; }
  [data-dpr="3"] .fz-18 {
    font-size: 27px; }
  [data-dpr="4"] .fz-18 {
    font-size: 36px; }

.fz-20 {
  font-size: 10px; }
  [data-dpr="2"] .fz-20 {
    font-size: 20px; }
  [data-dpr="3"] .fz-20 {
    font-size: 30px; }
  [data-dpr="4"] .fz-20 {
    font-size: 40px; }

.fz-22 {
  font-size: 11px; }
  [data-dpr="2"] .fz-22 {
    font-size: 22px; }
  [data-dpr="3"] .fz-22 {
    font-size: 33px; }
  [data-dpr="4"] .fz-22 {
    font-size: 44px; }

.fz-24 {
  font-size: 12px; }
  [data-dpr="2"] .fz-24 {
    font-size: 24px; }
  [data-dpr="3"] .fz-24 {
    font-size: 36px; }
  [data-dpr="4"] .fz-24 {
    font-size: 48px; }

.fz-26 {
  font-size: 13px; }
  [data-dpr="2"] .fz-26 {
    font-size: 26px; }
  [data-dpr="3"] .fz-26 {
    font-size: 39px; }
  [data-dpr="4"] .fz-26 {
    font-size: 52px; }

.fz-28 {
  font-size: 14px; }
  [data-dpr="2"] .fz-28 {
    font-size: 28px; }
  [data-dpr="3"] .fz-28 {
    font-size: 42px; }
  [data-dpr="4"] .fz-28 {
    font-size: 56px; }

.fz-30 {
  font-size: 15px; }
  [data-dpr="2"] .fz-30 {
    font-size: 30px; }
  [data-dpr="3"] .fz-30 {
    font-size: 45px; }
  [data-dpr="4"] .fz-30 {
    font-size: 60px; }

.fz-32 {
  font-size: 16px; }
  [data-dpr="2"] .fz-32 {
    font-size: 32px; }
  [data-dpr="3"] .fz-32 {
    font-size: 48px; }
  [data-dpr="4"] .fz-32 {
    font-size: 64px; }

.fz-34 {
  font-size: 17px; }
  [data-dpr="2"] .fz-34 {
    font-size: 34px; }
  [data-dpr="3"] .fz-34 {
    font-size: 51px; }
  [data-dpr="4"] .fz-34 {
    font-size: 68px; }

.fz-36 {
  font-size: 18px; }
  [data-dpr="2"] .fz-36 {
    font-size: 36px; }
  [data-dpr="3"] .fz-36 {
    font-size: 54px; }
  [data-dpr="4"] .fz-36 {
    font-size: 72px; }

.fz-38 {
  font-size: 19px; }
  [data-dpr="2"] .fz-38 {
    font-size: 38px; }
  [data-dpr="3"] .fz-38 {
    font-size: 57px; }
  [data-dpr="4"] .fz-38 {
    font-size: 76px; }

body {
  font-family: "Microsoft Yahei"; }

.clearfix:after {
  content: "";
  display: table;
  clear: both; }

.fl, .left {
  float: left; }

.fr, .right {
  float: right; }

.hide {
  display: none !important; }

.f12 {
  font-size: 12px; }

.f14 {
  font-size: 14px; }

.f16 {
  font-size: 16px; }

.fb {
  font-weight: 700; }

.ta_l {
  text-align: left; }

.ta_c {
  text-align: center; }

.ta_r {
  text-align: right; }

.none {
  display: none; }

/*文字超出省略*/
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

/*光标*/
.cursor {
  cursor: pointer; }

html, body {
  background-color: #6a10d1;
  box-sizing: content-box !important; }

.clearfix:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

div.view {
  min-width: 990px;
  margin-top: 0\9;
  margin-top: 0\0;
  *margin-top: 0; }

div.head {
  height: 812px;
  padding-top: 45px;
  background: url("../images/smashEgg/banner2.png") no-repeat center;
  text-align: center; }
  div.head .activetime {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    margin-top: 278px;
    *margin-top: 318px; }
  div.head .prizebox {
    width: 1080px;
    height: 312px;
    text-align: center;
    margin: 0 auto;
    position: relative; }
    div.head .prizebox a {
      display: block;
      position: absolute;
      cursor: pointer;
      text-align: center; }
    div.head .prizebox a.egg1 {
      width: 205px;
      height: 251px;
      top: 48px;
      left: 102px;
      background: url("../images/smashEgg/egg1.png") no-repeat center; }
    div.head .prizebox a.egg2 {
      width: 190px;
      height: 233px;
      top: 20px;
      left: 450px;
      background: url("../images/smashEgg/egg22.png") no-repeat center; }
    div.head .prizebox a.eggmain {
      width: 221px;
      height: 233px;
      top: 20px;
      left: 440px;
      background: url("../images/smashEgg/egg2.png") no-repeat center; }
      div.head .prizebox a.eggmain .memberInfo {
        font-size: 15.6px;
        color: #fff;
        line-height: 332px;
        _line-height: 0px;
        _height: 16px;
        _padding-top: 167px;
        _display: inline-block; }
    div.head .prizebox a.egg3 {
      width: 205px;
      height: 251px;
      top: 48px;
      left: 788px;
      background: url("../images/smashEgg/egg3.png") no-repeat center; }
    div.head .prizebox a:hover em.hammer {
      position: absolute;
      left: 128px;
      top: -38px;
      width: 146px;
      height: 148px;
      background: url("../images/smashEgg/ico_hammer.png") no-repeat center;
      _position: absolute;
      _left: 128px;
      _top: -38px;
      _width: 146px;
      _height: 148px;
      _background: url("../images/smashEgg/ico_hammer.png") no-repeat center;
      display: inline-block;
      _background: none;
      _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/smashEgg/ico_hammer.png',sizingMethod='crop'); }
    div.head .prizebox a:active em.split {
      display: inline-block;
      position: absolute;
      left: 32px;
      top: 0px;
      width: 146px;
      height: 148px;
      background: url("../images/smashEgg/ico_split.png") no-repeat center;
      _position: absolute;
      _left: 32px;
      _top: 0px;
      _width: 146px;
      _height: 148px;
      _background: url("../images/smashEgg/ico_split.png") no-repeat center;
      _background: none;
      _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/smashEgg/ico_split.png',sizingMethod='crop'); }
  div.head .infobox {
    width: 225px;
    height: 112px;
    top: -24px;
    margin: 0 auto;
    text-align: center;
    position: relative; }
    div.head .infobox a.btn-prize {
      display: block;
      width: 225px;
      height: 66px;
      line-height: 66px;
      margin: 0 auto;
      background: url("../images/smashEgg/btn_looknum.png") no-repeat center;
      position: relative; }
      div.head .infobox a.btn-prize span {
        position: absolute;
        left: 143px;
        top: 0;
        font-size: 34px;
        color: #fff;
        width: 40px;
        text-align: center; }
    div.head .infobox a.look-prize {
      height: 36px;
      line-height: 36px;
      font-size: 16px;
      color: #fff601;
      text-decoration: underline;
      display: block;
      width: 96px;
      margin: 0 auto; }

div.head1 {
  width: 1008px;
  height: 143px;
  background: url("../images/smashEgg/bg_scroll.png") no-repeat center;
  margin: -80px auto 0px;
  text-align: center;
  line-height: 140px; }
  div.head1 div.awardsbox {
    padding-top: 34px; }
    div.head1 div.awardsbox div.awardsInfo {
      height: 50px;
      overflow: hidden; }
      div.head1 div.awardsbox div.awardsInfo ul.awardsList {
        margin-top: 0px; }
        div.head1 div.awardsbox div.awardsInfo ul.awardsList li {
          height: 50px;
          line-height: 50px;
          font-size: 18px;
          color: #edc9ff;
          text-align: center; }
          div.head1 div.awardsbox div.awardsInfo ul.awardsList li span {
            display: inline-block;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis; }
          div.head1 div.awardsbox div.awardsInfo ul.awardsList li span.winnerName {
            max-width: 188px;
            text-align: right; }
          div.head1 div.awardsbox div.awardsInfo ul.awardsList li span.awardsDetail {
            max-width: 207px;
            color: #fffc01;
            text-align: left; }

div.panel1 {
  width: 982px;
  height: 564px;
  background: url("../images/smashEgg/bg_title33.png") no-repeat center;
  margin: 0 auto;
  position: relative; }
  div.panel1 a.btn-download {
    width: 181px;
    height: 62px;
    background: url("../images/smashEgg/btn_download1.png") no-repeat center;
    position: absolute;
    right: 86px;
    bottom: 82px; }
  div.panel1 a:hover.btn-download {
    background: url("../images/smashEgg/btn_download2.png") no-repeat center; }

div.panel2 {
  width: 982px;
  height: 1280px;
  background: url("../images/smashEgg/bg_title2.png") no-repeat center;
  margin: 50px auto 90px;
  /*   page   */ }
  div.panel2 ul.articleList {
    padding-top: 152px; }
    div.panel2 ul.articleList li {
      width: 794px;
      height: 140px;
      *height: 110px;
      margin: 0 auto;
      background-color: #fff;
      padding: 15px;
      box-sizing: border-box;
      margin-bottom: 18px; }
      div.panel2 ul.articleList li a.linkInfo {
        display: block;
        width: 100%;
        height: 100%;
        cursor: pointer; }
        div.panel2 ul.articleList li a.linkInfo img {
          float: left;
          width: 165px;
          height: 110px;
          margin-right: 20px; }
        div.panel2 ul.articleList li a.linkInfo div.articleRight {
          float: left; }
          div.panel2 ul.articleList li a.linkInfo div.articleRight h3 {
            font-size: 18px;
            color: #363636;
            width: 570px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
            div.panel2 ul.articleList li a.linkInfo div.articleRight h3 em.icoText {
              display: inline-block;
              width: 35px;
              height: 20px;
              background: url("../images/smashEgg/jing.png") no-repeat center;
              margin-bottom: -2px;
              margin-right: 5px; }
          div.panel2 ul.articleList li a.linkInfo div.articleRight p.intro {
            width: 573px;
            height: 52px;
            line-height: 26px;
            margin-top: 10px;
            font-size: 14px;
            color: #696969;
            text-overflow: -o-ellipsis-lastline;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            text-overflow: ellipsis;
            overflow: hidden; }
          div.panel2 ul.articleList li a.linkInfo div.articleRight div.icoAll p.userName {
            font-size: 12px;
            color: #696969;
            float: left;
            line-height: 24px; }
            div.panel2 ul.articleList li a.linkInfo div.articleRight div.icoAll p.userName img.icoImg {
              width: 24px;
              height: 24px;
              border-radius: 50%;
              margin-right: 10px; }
          div.panel2 ul.articleList li a.linkInfo div.articleRight div.icoAll p.icoOpt {
            float: right;
            margin-top: 4px; }
            div.panel2 ul.articleList li a.linkInfo div.articleRight div.icoAll p.icoOpt span {
              font-size: 12px;
              color: #666;
              margin-right: 40px;
              position: relative;
              display: inline-block;
              cursor: pointer; }
            div.panel2 ul.articleList li a.linkInfo div.articleRight div.icoAll p.icoOpt span.icoLook em {
              width: 19px;
              height: 11px;
              background: url("../images/smashEgg/ico_look.png") no-repeat center;
              position: absolute;
              left: -24px;
              top: 3px; }
            div.panel2 ul.articleList li a.linkInfo div.articleRight div.icoAll p.icoOpt span.icoLike em {
              width: 15px;
              height: 14px;
              background: url("../images/smashEgg/ico_like.png") no-repeat center;
              position: absolute;
              left: -20px;
              top: 0px; }
            div.panel2 ul.articleList li a.linkInfo div.articleRight div.icoAll p.icoOpt span.icoComment em {
              width: 14px;
              height: 12px;
              background: url("../images/smashEgg/ico_comment.png") no-repeat center;
              position: absolute;
              left: -19px;
              top: 3px; }
            div.panel2 ul.articleList li a.linkInfo div.articleRight div.icoAll p.icoOpt span.icoShare em {
              width: 14px;
              height: 12px;
              background: url("../images/smashEgg/ico_share.png") no-repeat center;
              position: absolute;
              left: -19px;
              top: 3px; }
  div.panel2 div.pageBox {
    height: 38px;
    margin: 0 auto; }
    div.panel2 div.pageBox .zq-page-content {
      width: 100%;
      height: 38px;
      font-size: 14px;
      padding-top: 46px; }
      div.panel2 div.pageBox .zq-page-content .zq-page-wrapper, div.panel2 div.pageBox .zq-page-content .zq-page-control {
        position: relative;
        height: 100%;
        float: left;
        display: inline-block; }
      div.panel2 div.pageBox .zq-page-content .zq-page-wrapper {
        left: 50%; }
        div.panel2 div.pageBox .zq-page-content .zq-page-wrapper .zq-page-control {
          left: -50%;
          height: 38px; }
          div.panel2 div.pageBox .zq-page-content .zq-page-wrapper .zq-page-control a {
            float: left;
            display: block;
            width: auto;
            cursor: pointer;
            height: 38px;
            line-height: 38px;
            font-size: 14px;
            color: #fff;
            filter: Alpha(opacity=60);
            background: #af0904;
            background: #8f44db;
            padding: 0 18px;
            margin: 0 4px; }
          div.panel2 div.pageBox .zq-page-content .zq-page-wrapper .zq-page-control a.zq-page-item:hover, div.panel2 div.pageBox .zq-page-content .zq-page-wrapper .zq-page-control a.current {
            filter: Alpha(opacity=30);
            background: #af0904;
            background: #b377f4;
            color: #fff100;
            cursor: pointer; }
          div.panel2 div.pageBox .zq-page-content .zq-page-wrapper .zq-page-control ul {
            float: left;
            display: block;
            width: auto;
            height: 38px; }
            div.panel2 div.pageBox .zq-page-content .zq-page-wrapper .zq-page-control ul li {
              float: left;
              height: 38px;
              line-height: 24px; }
          div.panel2 div.pageBox .zq-page-content .zq-page-wrapper .zq-page-control a.zq-page-point {
            width: 27px;
            height: 36px;
            background: url("../images/smashEgg/page-point-bg.png") no-repeat center;
            display: none; }
          div.panel2 div.pageBox .zq-page-content .zq-page-wrapper .zq-page-control a.pageing {
            font-size: 20px !important; }

/*导航样式*/
/*div.nav3y{
    background-color: #8f44db;
    li.navItemSub:hover{
        background-color: #b377f4;
        a.nuvSubTitle{
            background-color: #b377f4 !important;
        }
        span.navSubItemFlage{
            
        }
    }
}
div.nav3ySubBg{
    background-color: #6d1fb9 !important;
    color: #fff100 !important;
}*/
/*---------------------------------*/
div.shadowlayer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  background: url("../images/shadow.png") repeat 0 0;
  _position: absolute;
  _top: expression(eval(document.documentElement.scrollTop));
  _left: expression(eval(document.documentElement.scrollLeft));
  _width: expression(eval(document.documentElement.clientWidth));
  _height: expression(eval(document.documentElement.clientHeight));
  /*.popbox.size2{
        width: 480px; margin-left: -240px;
        .pophead{ width:100%; height: 135px; @include setbg('../images/smashEgg/popheadbg2.png', center); position: relative; background-size: 100% 100%; }
    }*/ }
  div.shadowlayer .popbox {
    height: 520px;
    margin-top: -260px;
    padding-top: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1005; }
    div.shadowlayer .popbox .pophead {
      width: 100%;
      height: 135px;
      background: url("../images/smashEgg/popheadbg.png") no-repeat center;
      position: relative;
      background-size: 100% 100%; }
    div.shadowlayer .popbox .btn-close {
      display: block;
      height: 20px;
      width: 20px;
      background: url("../images/icon_close.png") no-repeat center;
      position: absolute;
      bottom: 10px;
      right: 10px;
      cursor: pointer; }
    div.shadowlayer .popbox .popwin {
      background-color: #fff;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
      box-sizing: border-box; }
    div.shadowlayer .popbox .subview {
      height: 227px; }
    div.shadowlayer .popbox .result-tip1 {
      font-size: 24px;
      color: #575757;
      text-align: center;
      padding: 60px 0; }
    div.shadowlayer .popbox .continue1 {
      margin: 0 auto; }
    div.shadowlayer .popbox .result-tip2 {
      font-size: 20px;
      color: #575757;
      text-align: center;
      padding: 36px 0 16px; }
    div.shadowlayer .popbox .frendlytip2 {
      font-size: 26px;
      font-weight: bolder;
      color: #c9393d;
      text-align: center; }
    div.shadowlayer .popbox .continue2 {
      margin: 30px auto 0; }
    div.shadowlayer .popbox .result-tip3 {
      font-size: 20px;
      color: #575757;
      text-align: center;
      padding: 30px 0 20px; }
    div.shadowlayer .popbox .frendlytip3 {
      font-size: 24px;
      font-weight: bolder;
      color: #c9393d;
      text-align: center; }
    div.shadowlayer .popbox .greettip3 {
      font-size: 14px;
      color: #575757;
      text-align: center;
      padding: 18px 0 16px; }
    div.shadowlayer .popbox .subview4 {
      height: 255px;
      background: url("../images/smashEgg/bg_tip.png") no-repeat center; }
    div.shadowlayer .popbox .result-tip4 {
      font-size: 20px;
      color: #575757;
      text-align: center;
      padding: 40px 0 20px; }
    div.shadowlayer .popbox .frendlytip4 {
      font-size: 24px;
      font-weight: bolder;
      color: #c9393d;
      text-align: center; }
    div.shadowlayer .popbox .greettip4 {
      font-size: 14px;
      color: #575757;
      text-align: center;
      padding: 20px 0 30px; }
    div.shadowlayer .popbox .result-tip5 {
      font-size: 22px;
      color: #c9393d;
      text-align: center;
      padding: 46px 0 20px; }
    div.shadowlayer .popbox .frendlytip5 {
      font-size: 14px;
      color: #575757;
      text-align: center;
      padding-bottom: 40px; }
    div.shadowlayer .popbox .btn-continue {
      display: block;
      height: 43px;
      width: 136px;
      background: url("../images/smashEgg/btn_continue.png") no-repeat center;
      cursor: pointer;
      text-align: center;
      line-height: 40px;
      font-size: 16px;
      color: #fff; }
    div.shadowlayer .popbox .article-info {
      display: block;
      position: relative;
      height: 124px;
      margin-top: 20px;
      padding: 10px 15px;
      background-color: #faeceb;
      border-radius: 5px; }
      div.shadowlayer .popbox .article-info .atitle {
        height: 30px;
        margin-bottom: 10px;
        font-size: 16px;
        color: #c84c40;
        line-height: 30px;
        font-weight: bolder;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      div.shadowlayer .popbox .article-info .abox {
        display: inline-block;
        height: 75px;
        width: 296px;
        position: absolute;
        top: 45px;
        right: 24px; }
      div.shadowlayer .popbox .article-info .covery1 {
        width: 114px;
        height: 68px;
        vertical-align: top; }
      div.shadowlayer .popbox .article-info .atitle1 {
        height: 22px;
        margin-bottom: 6px;
        line-height: 22px;
        font-size: 14px;
        color: #666;
        font-weight: bolder;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      div.shadowlayer .popbox .article-info .abstract {
        height: 40px;
        line-height: 22px;
        font-size: 12px;
        color: #666;
        overflow: hidden; }
      div.shadowlayer .popbox .article-info .btn-view {
        display: inline-block;
        height: 22px;
        width: 80px;
        position: absolute;
        bottom: 25px;
        right: 20px;
        cursor: pointer;
        background: url("../images/btnview.png") no-repeat center; }
  div.shadowlayer .popbox.size1 {
    width: 446px;
    margin-left: -210px; }
    div.shadowlayer .popbox.size1 .pophead {
      width: 100%;
      height: 135px;
      background: url("../images/smashEgg/popheadbg.png") no-repeat center;
      position: relative;
      background-size: 100% 100%; }

p.logo {
  width: 178px;
  height: 94px;
  margin: 0 auto;
  position: relative;
  top: -40px;
  background: url("../images/logo.png") no-repeat center; }

#vv_comment {
  width: 880px;
  margin: 0 auto; }
  #vv_comment .talk_box {
    background-color: #fef9e4; }

#footer_link_info a, #footer_link_info p, #footer_link_info span {
  color: #fff; }

#asidelay {
  display: block;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background: url("../images/aside/grey_bg.png") repeat; }

#asidelay {
  _position: absolute;
  _top: expression(eval(document.documentElement.scrollTop));
  _left: expression(eval(document.documentElement.scrollLeft));
  _width: expression(eval(document.documentElement.clientWidth));
  _height: expression(eval(document.documentElement.clientHeight)); }

.asidebox {
  width: 175px;
  position: fixed;
  right: 0;
  bottom: 70px;
  z-index: 500;
  height: 491px;
  background: url("../images/aside/asidebg.png") no-repeat; }

@media screen and (max-height: 768px) {
  .asidebox {
    bottom: 10px; } }

@media screen and (max-width: 1100px) {
  .asidebox {
    bottom: 10px; } }

.asidebox {
  _position: absolute;
  /* _bottom: auto;*/
  _margin-bottom: 70px;
  _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); }

.topshare {
  width: 114px;
  height: 48px;
  margin-top: 100px;
  margin-left: 29px;
  background: url("../images/aside/vp-adv.png") no-repeat; }

.topshare a {
  display: block;
  width: 114px;
  height: 48px; }

.asidebox_inner {
  width: 114px;
  margin-left: 29px; }

.asideul {
  width: 114px; }

.asideitem {
  float: left;
  display: inline;
  position: relative;
  width: 114px;
  height: 32px;
  line-height: 32px; }

.asideitem a {
  text-decoration: none; }

.asidea {
  float: left;
  _display: inline;
  cursor: pointer;
  margin-left: 5px;
  font-size: 14px;
  height: 32px;
  color: #a40000; }

.asideitem:hover {
  background-color: #e6b700;
  cursor: pointer; }

.asideitem:hover .asidea {
  color: #e60012;
  background-color: #e6b700; }

.gzbox {
  display: none;
  position: absolute;
  width: 121px;
  height: 133px;
  left: -130px;
  top: 0; }

.asideitem:hover .gzbox {
  display: block; }

#bds_more {
  float: left;
  font-size: 14px;
  padding-left: 0px;
  line-height: 34px;
  height: 32px;
  background-image: none;
  background-repeat: no-repeat;
  cursor: pointer;
  margin: 0;
  margin-left: 5px;
  color: #a40000; }

#bds_more:hover {
  color: #e60012; }

.gonglue {
  position: fixed;
  top: 50%;
  z-index: 9999;
  margin-top: -196px;
  left: 50%;
  margin-left: -224px;
  width: 448px;
  height: 392px;
  background-color: #fbfafc;
  border-radius: 8px;
  _position: absolute;
  _top: expression(eval(document.documentElement.scrollTop + document.documentElement.clientHeight/2));
  _left: expression(eval(document.documentElement.scrollLeft + document.documentElement.clientWidth/2)); }

.gonglueTop {
  position: relative;
  width: 448px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background-color: #b75147;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px; }

.glwz {
  font-size: 24px;
  font-weight: bold;
  color: #fff100; }

.gonglueclosebtn {
  position: absolute;
  cursor: pointer;
  top: 12px;
  right: 17px;
  width: 20px;
  height: 20px;
  background: url("../images/aside/closebtn.png") no-repeat; }

.gonglueclosebtn {
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/aside/closebtn.png',sizingMethod='crop'); }

.gonglueclosebtn:hover {
  background: url("../images/aside/closebtnh.png") no-repeat; }

.glwindow {
  float: left;
  _display: inline;
  width: 184px;
  margin-top: 22px;
  margin-left: 24px; }

.glwindowtitWrap {
  width: 140px;
  height: 58px;
  margin: 0 auto; }

.glwindowtit {
  width: 140px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-size: 18px;
  color: #fff100;
  background: url("../images/aside/jf.png") no-repeat; }

.glwindowtit {
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/aside/jf.png',sizingMethod='crop'); }

.jfjieshao {
  width: 100%;
  text-align: center;
  margin-top: 5px;
  font-size: 14px;
  color: #9800fe; }

.asidebox_inner .backTop {
  width: 114px;
  height: 32px; }

.asidebox_inner .backTop .bottom {
  display: block;
  width: 114px;
  height: 32px; }

.gonglueitem {
  float: left;
  _display: inline;
  margin-bottom: 12px;
  width: 184px;
  height: 74px;
  text-align: center;
  position: relative; }

.gonglueitembg1 {
  background: url("../images/aside/bgbg1.png") no-repeat; }

.gonglueitembg2 {
  background: url("../images/aside/bgbg2.png") no-repeat; }

.glitemtit {
  font-size: 16px;
  color: #fff100;
  font-weight: bold;
  padding-top: 6px; }

.glitema {
  color: #fff100;
  text-decoration: none; }

.glitema:hover {
  color: #fff; }

.glitemdes {
  font-size: 12px;
  color: #fff100;
  padding-top: 4px;
  padding-bottom: 4px; }

.glitemtime {
  font-size: 12px;
  color: #ffffff; }

.ml24 {
  margin-left: 24px; }

.ml30 {
  margin-left: 30px; }

.unstart-float {
  display: none;
  width: 184px;
  height: 74px;
  position: absolute;
  left: 0;
  top: 0;
  background: url("../images/aside/unstart.png") no-repeat; }

/* nav3y */
* html {
  background-image: url(about:blank);
  background-attachment: fixed; }

i, cite, em, var, address, dfn {
  font-style: normal; }

.nav3yBg {
  width: 100%;
  height: 45px;
  background: #b12622;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
  /*filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;*/
  display: block; }

.nav3yBg {
  _position: absolute;
  _margin-top: 0;
  _background: #b12622;
  _top: expression(eval(document.documentElement.scrollTop));
  _left: expression(eval(document.documentElement.scrollLeft)); }

.nav3ySubBg {
  display: none;
  width: 100%;
  height: 45px;
  background: #b12622;
  position: fixed;
  top: 45px;
  left: 0;
  z-index: 101;
  /*filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75;*/ }

.nav3ySubBg {
  _position: absolute;
  _top: expression(eval(document.documentElement.scrollTop));
  _left: expression(eval(document.documentElement.scrollLeft));
  _margin-top: 45px;
  _background: #b12622; }

.nav3y {
  width: 100%;
  height: 45px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 102;
  background-color: #bc2a2c; }

.nav3y {
  _position: absolute;
  _top: expression(eval(document.documentElement.scrollTop));
  _left: expression(eval(document.documentElement.scrollLeft));
  _margin-top: 0; }

.nav3y a {
  font-size: 16px;
  color: #fddbee;
  text-decoration: none; }

.nav3y .userNoLoginList a {
  font-size: 12px; }

.uquit {
  float: left;
  _display: inline;
  margin-top: 2px;
  _line-height: 46px; }

.userNoLoginList li.userLogin a {
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 48px;
  overflow: hidden;
  float: left;
  _display: inline;
  max-width: 80px;
  /*_width:50px;  _margin-top:2px;*/ }

.vvv_name, .vvv_id {
  _width: 50px; }

.urgistera {
  *line-height: 48px; }

.thickbox {
  _width: 24px; }

/*.userNoLoginList li.userLoginName*/
.nav3y ul li span {
  color: #feefcb;
  margin: 0 6px; }

.nav3y .nav3yListBox {
  width: 1010px;
  margin: 0 auto;
  height: 45px; }

.nav3y ul.navList {
  height: 45px;
  float: left;
  _display: inline; }

.nav3y ul.navList li.navItem {
  padding: 0 3px;
  position: relative;
  float: left;
  _display: inline;
  _white-space: nowrap;
  _width: 60px; }

.nav3y ul.navList li.navItem a.navItemLink {
  display: block;
  height: 45px;
  line-height: 45px;
  padding: 0 7px; }

.nav3y ul.navList li.navItem a.navItemLink:hover, .nav3y ul.navSubList li.navSubItem a:hover {
  color: #fff; }

.nav3y ul.navList li.navItem a.nuvSubTitle {
  display: block;
  height: 45px;
  line-height: 45px;
  background: url("../images/commonNav/angleDown.png") right center no-repeat;
  /*_background:none;*/
  padding: 0 15px; }

/*.nav3y ul.navList li.navItem a.nuvSubTitle { _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/commonNav/angleDown.png',sizingMethod='crop'); }*/
.nav3y ul.navList li.navItem a.nuvSubTitle:hover {
  color: #ffffff;
  background-color: #b12622; }

.nav3y span.navSubItemFlage {
  display: none;
  position: absolute;
  width: 12px;
  height: 6px;
  /*background:url("../images/commonNav/angleDY.png") no-repeat;*/
  /*_background:none;*/
  top: 45px;
  left: 50%;
  margin-left: -6px; }

.nav3y ul.navSubList {
  display: none;
  position: absolute;
  width: 960px;
  height: 45px;
  top: 45px;
  left: -135px; }

.nav3y ul.navSubList2 {
  display: none;
  position: absolute;
  width: 960px;
  height: 30px;
  top: 45px;
  left: -235px; }

.nav3y ul.navSubList li.navSubItem {
  float: left;
  _display: inline;
  height: 45px;
  line-height: 45px; }

.nav3y ul.navSubList li.navSubItem span, .userCenter3y ul li span {
  padding: 0 5px;
  color: #feefcb; }

.fengexian {
  float: left;
  _display: inline;
  font-size: 12px;
  margin-left: 5px;
  margin-right: 5px;
  color: #feefcb; }

.nav3yListBox .userCenter3y {
  height: 45px;
  line-height: 45px;
  display: block;
  float: right;
  _display: inline;
  _overflow: hidden; }

.nav3yListBox .userCenter3y ul.userNoLoginList {
  height: 45px;
  float: right;
  _display: inline; }

.nav3yListBox .userCenter3y ul.userNoLoginList li {
  float: left;
  _display: inline;
  height: 45px;
  line-height: 45px; }

.nav3yListBox .userCenter3y ul.userNoLoginList li.userRegister {
  float: left;
  _display: inline;
  height: 45px;
  line-height: 45px; }

.loginBox .inps em input[type="text"], .loginBox .inps em input[type="password"] {
  width: 218px; }

.userCenter3y a:hover {
  color: #feefcb; }

.userRegister a:hover, .userLoginMyId a:hover {
  color: #ffc516; }

.navlogo {
  width: 30px;
  height: 40px;
  float: left;
  margin-top: 3px;
  background: url("../images/commonNav/navlogo.png") center no-repeat; }

.navlogo {
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/commonNav/navlogo.png',sizingMethod='crop'); }

@media screen and (max-width: 1020px) {
  .nav3y .nav3yListBox {
    width: 900px; } }

.login-zz {
  display: none;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background: url("//www.51vv.com/images_1405/grey_bg.png") repeat 0 0; }

.loginBox {
  display: none;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 1010;
  width: 100%;
  height: 100%; }

.login-zz,
.loginBox {
  _position: absolute;
  _top: expression(eval(document.documentElement.scrollTop));
  _left: expression(eval(document.documentElement.scrollLeft));
  _width: expression(eval(document.documentElement.clientWidth));
  _height: expression(eval(document.documentElement.clientHeight)); }

input {
  outline: 0 none; }

#login_message {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 390px;
  height: 440px;
  margin-left: -195px;
  margin-top: -220px;
  background: #ffffff;
  border-radius: 2px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.4); }

#login_message {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 390px;
  height: 515px;
  margin-left: -195px;
  margin-top: -258px;
  background: none;
  border-radius: 2px;
  box-shadow: none; }

#login_form {
  background-color: #fff;
  padding-bottom: 0px; }

#login_message p {
  margin: 0 40px;
  *width: 308px;
  overflow: hidden; }

#login_message p.top {
  margin: 0;
  width: 100%;
  height: 60px;
  padding-top: 60px;
  background: none;
  background: url("../images/commonNav/ht.png") no-repeat; }

#login_message p.top {
  margin: 0;
  width: 100%;
  height: 60px;
  padding-top: 57px;
  background: none;
  background: url("../images/commonNav/ht1.png") no-repeat; }

#login_message p.top a.closed {
  display: block;
  float: right;
  width: 34px;
  height: 34px;
  margin: 13px;
  cursor: pointer; }

#login_message p.top a.closed span.closed {
  display: block;
  width: 14px;
  height: 14px;
  margin: 10px;
  background: url("//www.51vv.com/images_1405/loginBox/close.png") no-repeat 0 0;
  overflow: hidden; }

#login_message p.top a.closed span.closed {
  display: block;
  width: 14px;
  height: 14px;
  margin: 10px;
  background: url("../images/commonNav/close1.png") no-repeat 0 0;
  overflow: hidden; }

#login_message p.top a.closed span.closed {
  /*margin-top:20px*/ }

#login_message p.top a.closed:hover span.closed {
  background-position: 0 -14px; }

#login_message p.top a.closed:hover span.closed:hover {
  background-position: 0 -14px; }

#login_message p.top a.closed span.closed:hover {
  background-position: 0 -14px; }

#login_message p input::-ms-clear {
  display: none; }

#login_message p input {
  float: left;
  display: block;
  height: 16px;
  padding: 12px;
  font-size: 14px;
  line-height: 16px;
  color: #333;
  border: 0 none;
  background-color: #fff;
  _display: inline; }

#login_message p.tip {
  height: 14px;
  line-height: 14px;
  font-size: 12px;
  padding: 8px 0;
  color: #bd4847;
  text-align: left; }

#login_message p.userID {
  text-align: left;
  border-radius: 2px;
  border: 1px solid #eaeaea;
  background: url("//www.51vv.com/images_1405/loginBox/inpIco.png") no-repeat 0 0; }

#login_message p.userID input {
  width: 238px;
  margin-left: 44px;
  *margin-left: 4px; }

#login_message p.password {
  text-align: left;
  border-radius: 2px;
  border: 1px solid #eaeaea;
  background: url("//www.51vv.com/images_1405/loginBox/inpIco.png") no-repeat 0 -40px; }

#login_message p.password input {
  width: 238px;
  margin-left: 44px;
  *margin-left: 4px; }

#login_message p.focus {
  border: 1px solid #ff5000; }

.focusfocus {
  border: 1px solid #ff5000; }

#login_message p.error {
  border: 1px solid #bd4847; }

#login_message p.verifycode {
  text-align: left; }

#login_message p.verifycode input {
  width: 84px;
  border-radius: 2px;
  border: 1px solid #eaeaea;
  *margin-left: -40px; }

#login_message p.verifycode input.focus {
  border: 1px solid #ff5000; }

#login_message p.verifycode input.error {
  border: 1px solid #bd4847; }

#login_message p.verifycode a.changeCodeImg {
  float: left;
  width: 100px;
  height: 40px;
  border: 1px solid #eaeaea;
  margin: 0 10px; }

#login_message p.verifycode a.changeCodeImg img {
  display: block;
  width: 100px;
  height: 40px; }

#login_message p.verifycode a.changeCodeBtn {
  text-decoration: none;
  float: left;
  padding: 12px 4px;
  height: 16px;
  font-size: 14px;
  color: #333;
  line-height: 16px; }

#login_message p.verifycode a.changeCodeBtn:hover {
  text-decoration: underline; }

#login_message p.btn {
  text-align: left; }

#login_message p.btn a.loginBtn {
  float: left;
  display: block;
  width: 304px;
  height: 42px;
  text-align: center;
  line-height: 42px;
  font-size: 18px;
  color: #fff;
  background-color: #b1cd58;
  cursor: pointer;
  _display: inline; }

/*2016*/
#login_message p.btn a.loginBtn {
  text-decoration: none;
  float: left;
  display: block;
  width: 304px;
  height: 42px;
  text-align: center;
  line-height: 42px;
  font-size: 18px;
  color: #fff;
  background-color: #ff5000;
  cursor: pointer;
  _display: inline; }

/*#login_message p.btn a.loginBtn:hover { background-color: #ff5000; }*/
#login_message p.btn a.loginBtn:hover {
  background-color: #fe6722; }

#login_message p.other a {
  line-height: 32px;
  font-size: 12px;
  color: #333; }

#login_message p.other a:hover {
  text-decoration: underline; }

#login_message p.other a.reg {
  float: left;
  text-decoration: none; }

#login_message p.other a.lost {
  float: right;
  text-decoration: none; }

#login_message p.bottom {
  padding: 0px 0px 10px 40px;
  _width: 100%;
  /*width:100%;*/
  margin: 0 auto;
  background-color: #fff;
  color: #b8b8b8;
  line-height: 32px;
  font-size: 12px; }

#login_message p.bottom a {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-left: 12px;
  vertical-align: top;
  background: url("//www.51vv.com/images_1405/loginBox/3.png") no-repeat 0 0; }

#login_message p.bottom a.login_qq {
  margin-left: 20px; }

#login_message p.bottom a.login_weixin {
  background-position: -31px 0; }

#login_message p.bottom a.login_weibo {
  background-position: -62px 0; }

#otherLogin {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 770px;
  height: 490px;
  overflow: hidden;
  margin-left: -385px;
  margin-top: -245px;
  background: #333;
  z-index: 999; }

#otherLogin p {
  font-size: 14px;
  line-height: 40px;
  color: #7e7e7e;
  text-indent: 10px;
  text-align: left;
  background-color: #f9f9f9; }

#otherLogin a.closed {
  float: right;
  display: block;
  width: 24px;
  height: 24px;
  margin: 8px;
  background: url("//www.51vv.com/images_1405/loginBox/closeIframe.png") no-repeat 0 0;
  cursor: pointer; }

#otherLogin a.closed:hover {
  background-position: 0 -24px; }

#otherLoginIframe {
  display: block;
  width: 770px;
  height: 450px;
  overflow: hidden; }