@charset "UTF-8";
@font-face {
  font-family: 'tahoma2';
  src: url("../font/Tahoma.ttf") format("truetype");
  /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ }

@font-face {
  font-family: 'iconfont';
  src: url("../font/iconfont.eot?v2");
  /* IE9*/
  src: url("../font/iconfont.eot?v2#iefix") format("embedded-opentype"), url("../font/iconfont.woff?v2") format("woff"), url("../font/iconfont.ttf?v2") format("truetype"), url("../font/iconfont.svg?v2#iconfont") format("svg");
  /* iOS 4.1- */ }

#page-authenticate {
  width: 320px;
  font-size: 14px;
  margin: 0 auto; }
  #page-authenticate > .wrapper {
    width: 290px;
    border-bottom: 1px #BFBFBF solid;
    border-top: 5px #F18C73 solid;
    background: #ffffff;
    padding: 15px 15px;
    margin: 30px 0; }
  #page-authenticate .code-input {
    margin: 10px auto;
    width: 250px;
    border: 1px solid #666666;
    border-radius: 3px;
    padding: 10px;
    font-weight: 600;
    font-size: 16px;
    height: 18px;
    box-shadow: none; }
  #page-authenticate .buttons {
    margin-top: 20px;
    text-align: center; }
    #page-authenticate .buttons .white-btn {
      margin-left: 15px; }

@charset "UTF-8";
@font-face {
  font-family: 'tahoma2';
  src: url("../font/Tahoma.ttf") format("truetype");
  /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ }

@font-face {
  font-family: 'iconfont';
  src: url("../font/iconfont.eot?v2");
  /* IE9*/
  src: url("../font/iconfont.eot?v2#iefix") format("embedded-opentype"), url("../font/iconfont.woff?v2") format("woff"), url("../font/iconfont.ttf?v2") format("truetype"), url("../font/iconfont.svg?v2#iconfont") format("svg");
  /* iOS 4.1- */ }

.board-head {
  padding: 0 15px;
  line-height: 0;
  position: relative;
  background-color: white;
  border-top: 1px solid #e7e7e7;
  color: #959595; }
  .board-head .row {
    width: 100%;
    margin: 5px 0 0 0;
    display: inline-block;
    line-height: 20px;
    font-size: 10px; }
  .board-head .title {
    font-size: 18px;
    color: #959595;
    line-height: 18px;
    margin-top: 15px;
    max-width: 270px; }
    .board-head .title .cn {
      color: black; }
  .board-head .row .item {
    float: left;
    margin-right: 15px; }
  .board-head .info {
    margin-top: 10px; }
  .board-head .info .num,
  .board-head .info .txt {
    color: #F18C73; }
  .board-head .fav {
    font-size: 18px;
    position: absolute;
    height: 18px;
    width: 18px;
    right: 15px;
    top: 24px; }
    .board-head .fav:before {
      content: "\e603"; }
    .board-head .fav.active {
      color: #F8CEA8; }
      .board-head .fav.active:before {
        content: "\e602"; }

@charset "UTF-8";
@font-face {
  font-family: 'tahoma2';
  src: url("../font/Tahoma.ttf") format("truetype");
  /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ }

@font-face {
  font-family: 'iconfont';
  src: url("../font/iconfont.eot?v2");
  /* IE9*/
  src: url("../font/iconfont.eot?v2#iefix") format("embedded-opentype"), url("../font/iconfont.woff?v2") format("woff"), url("../font/iconfont.ttf?v2") format("truetype"), url("../font/iconfont.svg?v2#iconfont") format("svg");
  /* iOS 4.1- */ }

#page-board .card {
  padding: 0 15px 20px;
  border-bottom: 1px solid #e7e7e7;
  background-color: white;
  margin-bottom: 10px;
  display: block;
  border-top: 5px solid #F18C73; }
  #page-board .card:last-child {
    margin-bottom: 0; }
  #page-board .card .title {
    border-bottom: 1px solid #e7e7e7;
    padding: 15px 0 10px;
    line-height: 18px;
    margin-bottom: 20px; }
    #page-board .card .title .name {
      font-size: 18px; }
  #page-board .card > h5 {
    font-size: 18px;
    font-weight: normal;
    margin: 15px 0 6px;
    color: #959595; }
  #page-board .card .item {
    margin: 15px 0;
    position: relative; }
    #page-board .card .item .item-link {
      width: 100%;
      height: 64px;
      display: block;
      position: absolute;
      left: 0; }
    #page-board .card .item > p {
      margin: 0 0 4px;
      color: #959595;
      font-size: 10px; }
      #page-board .card .item > p:first-of-type {
        margin-bottom: 6px;
        font-size: 16px;
        height: 18px;
        line-height: 18px; }
        #page-board .card .item > p:first-of-type > span {
          display: inline-block;
          vertical-align: top; }
        #page-board .card .item > p:first-of-type > :first-child {
          display: inline-block;
          max-width: 210px;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
          margin-right: 10px;
          position: relative;
          top: 1px; }
          #page-board .card .item > p:first-of-type > :first-child > span:nth-child(2) {
            color: black; }
      #page-board .card .item > p:nth-of-type(2) > span {
        color: #F18C73; }
    #page-board .card .item .star {
      position: absolute;
      font-size: 18px;
      right: 0;
      top: 0;
      color: #959595; }
      #page-board .card .item .star.icon_like_down {
        color: #F18C73;
        display: none; }
    #page-board .card .item.favorite .star.icon_like_normal {
      display: none; }
    #page-board .card .item.favorite .star.icon_like_down {
      display: block; }
  #page-board .card:nth-child(4n+2) {
    border-top: 5px solid #66D5B6; }
  #page-board .card:nth-child(4n+3) {
    border-top: 5px solid #F8CEA8; }
  #page-board .card:nth-child(4n) {
    border-top: 5px solid #7CB2B8; }

@charset "UTF-8";
@font-face {
  font-family: 'tahoma2';
  src: url("../font/Tahoma.ttf") format("truetype");
  /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ }

@font-face {
  font-family: 'iconfont';
  src: url("../font/iconfont.eot?v2");
  /* IE9*/
  src: url("../font/iconfont.eot?v2#iefix") format("embedded-opentype"), url("../font/iconfont.woff?v2") format("woff"), url("../font/iconfont.ttf?v2") format("truetype"), url("../font/iconfont.svg?v2#iconfont") format("svg");
  /* iOS 4.1- */ }

#page-chat {
  position: relative;
  display: block;
  background: white;
  min-height: 100vh;
  width: 320px;
  overflow: hidden;
  top: 0;
  left: 0; }
  #page-chat .chat-header {
    position: fixed;
    display: inline-block;
    z-index: 50;
    top: 0;
    left: 0;
    height: 60px;
    line-height: 60px;
    width: 320px;
    border-bottom: 1px solid #e7e7e7;
    background: #f6f6f6;
    text-align: center;
    color: #454545;
    font-size: 16px; }
    #page-chat .chat-header .back {
      display: inline-block;
      position: absolute;
      left: 15px;
      color: #959595;
      font-size: 12px; }
    #page-chat .chat-header .hide {
      display: inline-block;
      position: absolute;
      right: 15px;
      color: #66D5B6;
      font-size: 12px; }
  #page-chat .chat-footer {
    position: fixed;
    display: inline-block;
    z-index: 51;
    bottom: 0;
    left: 0;
    height: 50px;
    line-height: 50px;
    width: 320px;
    background: white;
    border-top: 1px solid #e7e7e7; }
    #page-chat .chat-footer .textarea-wrapper {
      position: relative;
      display: inline-block;
      width: 270px;
      height: 50px; }
      #page-chat .chat-footer .textarea-wrapper::-webkit-scrollbar {
        width: 0; }
      #page-chat .chat-footer .textarea-wrapper .main-textarea {
        position: relative;
        border: none;
        outline: none;
        resize: none;
        background: white;
        width: 250px;
        padding: 0 9px;
        font-size: 14px;
        line-height: 21px;
        height: 50px;
        word-break: break-all;
        text-overflow: ellipsis;
        box-shadow: none;
        border-radius: 0; }
    #page-chat .chat-footer .send-button {
      position: absolute;
      display: inline-block;
      width: 60px;
      height: 50px;
      line-height: 50px;
      text-align: center;
      right: 0;
      font-size: 14px;
      color: #F18C73; }
  #page-chat .main {
    position: relative; }
  #page-chat .main-message-wrapper {
    margin: 61px 0 51px 0;
    display: inline-block;
    width: 320px;
    padding-bottom: 10px;
    background: white; }
    #page-chat .main-message-wrapper .main-message {
      margin-top: 10px; }
      #page-chat .main-message-wrapper .main-message:last-of-type {
        margin-bottom: 10px; }
    #page-chat .main-message-wrapper .main-message-info {
      text-align: center;
      -webkit-transform: scale(0.8333);
      -o-transform: scale(0.8333);
      -moz-transform: scale(0.8333);
      -ms-transform: scale(0.8333);
      transform: scale(0.8333); }
      #page-chat .main-message-wrapper .main-message-info > span {
        color: #BFBFBF;
        font-size: 12px; }
      #page-chat .main-message-wrapper .main-message-info.main-message-info-right {
        margin-top: 6px;
        text-align: right;
        -webkit-transform-origin: right top;
        -o-transform-origin: right top;
        -moz-transform-origin: right top;
        -ms-transform-origin: right top;
        transform-origin: right top; }
        #page-chat .main-message-wrapper .main-message-info.main-message-info-right > span {
          margin-right: 60px; }
    #page-chat .main-message-wrapper .main-message-chat {
      position: relative; }
      #page-chat .main-message-wrapper .main-message-chat:after {
        display: table;
        line-height: 0;
        content: "";
        clear: both; }
      #page-chat .main-message-wrapper .main-message-chat .main-message-chat-avatar {
        position: absolute;
        display: inline-block;
        width: 40px;
        height: 40px;
        border-radius: 20px;
        background: #79caf3;
        overflow: hidden; }
        #page-chat .main-message-wrapper .main-message-chat .main-message-chat-avatar > img {
          width: 100%;
          height: 100%;
          border: none; }
      #page-chat .main-message-wrapper .main-message-chat .main-message-chat-content {
        position: relative;
        display: inline-block;
        padding: 10px;
        max-width: 220px;
        border-radius: 8px; }
        #page-chat .main-message-wrapper .main-message-chat .main-message-chat-content a {
          text-decoration: underline;
          cursor: pointer;
          color: #F18C73; }
        #page-chat .main-message-wrapper .main-message-chat .main-message-chat-content > span {
          display: inline-block;
          font-size: 12px;
          color: #454545;
          word-wrap: break-word;
          word-break: break-all;
          width: 100%; }
          #page-chat .main-message-wrapper .main-message-chat .main-message-chat-content > span img {
            height: 16px; }
          #page-chat .main-message-wrapper .main-message-chat .main-message-chat-content > span > * {
            vertical-align: middle;
            white-space: pre-wrap;
            word-break: initial; }
      #page-chat .main-message-wrapper .main-message-chat .main-message-chat-warning:before {
        position: absolute;
        display: inline-block;
        width: 16px;
        height: 16px;
        border-radius: 8px;
        background: #F75A4F;
        color: white;
        font-size: 12px;
        text-align: center;
        line-height: 16px;
        content: "!"; }
      #page-chat .main-message-wrapper .main-message-chat.main-message-chat-left .main-message-chat-avatar {
        top: 0;
        left: 9px; }
      #page-chat .main-message-wrapper .main-message-chat.main-message-chat-left .main-message-chat-content {
        background: #D3EDF5;
        float: left;
        margin-left: 60px; }
      #page-chat .main-message-wrapper .main-message-chat.main-message-chat-right .main-message-chat-avatar {
        display: none;
        top: 0;
        right: 9px; }
      #page-chat .main-message-wrapper .main-message-chat.main-message-chat-right .main-message-chat-content {
        background: #e6e6e6;
        float: right;
        margin-right: 15px; }
      #page-chat .main-message-wrapper .main-message-chat.main-message-chat-right .main-message-chat-warning:before {
        left: -24px; }
  #page-chat.wechat-fix .chat-header {
    position: absolute; }
  #page-chat.wechat-fix .chat-footer {
    position: absolute; }
  #page-chat.wechat-fix .main {
    position: absolute;
    top: 61px;
    margin-bottom: 51px;
    background: white;
    height: calc(100vh - 61px - 51px);
    overflow-y: scroll; }
  #page-chat.wechat-fix .main-message-wrapper {
    margin: 0; }

@charset "UTF-8";
@font-face {
  font-family: 'tahoma2';
  src: url("../font/Tahoma.ttf") format("truetype");
  /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ }

@font-face {
  font-family: 'iconfont';
  src: url("../font/iconfont.eot?v2");
  /* IE9*/
  src: url("../font/iconfont.eot?v2#iefix") format("embedded-opentype"), url("../font/iconfont.woff?v2") format("woff"), url("../font/iconfont.ttf?v2") format("truetype"), url("../font/iconfont.svg?v2#iconfont") format("svg");
  /* iOS 4.1- */ }

#page-collection-read {
  padding: 15px 0 0;
  position: relative;
  background: white; }
  #page-collection-read .back {
    display: inline-block;
    position: relative;
    left: 15px;
    color: #959595;
    font-size: 12px; }
  #page-collection-read .share, #page-collection-read .spread {
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 15px;
    color: #66D5B6;
    font-size: 12px; }
  #page-collection-read .spread {
    color: #959595; }
  #page-collection-read .show-all-pic {
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 15px;
    color: #66D5B6;
    font-size: 12px; }
  #page-collection-read .title {
    font-size: 18px;
    line-height: 27px;
    color: #454545;
    padding: 10px 15px;
    letter-spacing: 1px;
    word-break: break-all; }
  #page-collection-read .collection-card {
    position: relative;
    border-top: 1px solid #e7e7e7;
    padding: 10px 15px; }
    #page-collection-read .collection-card .author {
      position: relative;
      display: block; }
      #page-collection-read .collection-card .author .name {
        position: absolute;
        left: 50px;
        top: 3px;
        font-size: 14px;
        color: #454545;
        max-width: 200px; }
      #page-collection-read .collection-card .author .time {
        position: absolute;
        left: 50px;
        top: 25px;
        font-size: 10px;
        color: #BFBFBF; }
    #page-collection-read .collection-card .star {
      position: absolute;
      right: 15px;
      top: 17px;
      font-size: 18px; }
    #page-collection-read .collection-card .icon_like_normal {
      color: #959595;
      display: inline-block; }
    #page-collection-read .collection-card .icon_like_down {
      color: #F18C73;
      display: none; }
    #page-collection-read .collection-card.marked .icon_like_normal {
      display: none; }
    #page-collection-read .collection-card.marked .icon_like_down {
      display: inline-block; }
    #page-collection-read .collection-card .body {
      margin-top: 12px; }
    #page-collection-read .collection-card .attachment {
      position: relative;
      border-top: 1px solid #e7e7e7;
      border-bottom: 1px solid #e7e7e7;
      background-color: #FBFBFB;
      margin-top: 15px; }
      #page-collection-read .collection-card .attachment .iconfont {
        font-size: 18px;
        color: #BFBFBF;
        position: absolute;
        left: 10px;
        top: 10px; }
      #page-collection-read .collection-card .attachment ul {
        display: inline-block;
        padding: 10px 10px 10px 40px; }
        #page-collection-read .collection-card .attachment ul li {
          padding-bottom: 10px;
          line-height: normal;
          font-size: 12px;
          color: #454545;
          font-weight: 600;
          word-break: break-all; }
          #page-collection-read .collection-card .attachment ul li a {
            position: relative;
            color: inherit; }
            #page-collection-read .collection-card .attachment ul li a > img {
              max-height: 118px;
              max-width: 118px;
              border: 6px solid #e5e5e5; }
          #page-collection-read .collection-card .attachment ul li:last-child {
            padding-bottom: 0; }
          #page-collection-read .collection-card .attachment ul li > .size {
            color: #959595; }
          #page-collection-read .collection-card .attachment ul li .pic-tag {
            position: absolute;
            display: inline-block;
            right: 6px;
            bottom: 8px;
            background: #ea6242;
            padding: 0 3px;
            height: 16px;
            color: #ffffff;
            line-height: 16px;
            font-weight: normal;
            font-size: 12px;
            text-decoration: none; }
    #page-collection-read .collection-card .operations {
      position: relative;
      height: 20px;
      margin-top: 15px; }
      #page-collection-read .collection-card .operations > a {
        display: inline-block;
        width: 94px;
        border-right: 1px solid #BFBFBF;
        font-size: 14px;
        color: #959595;
        line-height: 20px;
        text-align: center; }
        #page-collection-read .collection-card .operations > a:nth-of-type(3) {
          border-right: none; }
      #page-collection-read .collection-card .operations > ul {
        position: absolute;
        display: inline-block;
        top: 20px;
        right: 0;
        width: 120px;
        border: 1px solid #e7e7e7;
        border-radius: 5px;
        z-index: 30;
        background: #FFFFFF;
        box-shadow: 0 2px 4px 0 #BFBFBF; }
        #page-collection-read .collection-card .operations > ul > li {
          position: relative;
          display: block;
          height: 35px;
          font-size: 14px;
          line-height: 35px;
          color: #959595;
          text-align: center; }
          #page-collection-read .collection-card .operations > ul > li:not(:nth-of-type(1)) {
            border-top: 1px solid #F0F0F0; }
          #page-collection-read .collection-card .operations > ul > li > a {
            display: inline-block;
            height: 100%;
            width: 100%; }
    #page-collection-read .collection-card:not(:nth-of-type(1)) {
      border-top: 5px solid #F8CEA8; }
  #page-collection-read .operation-dialog {
    display: inline-block;
    width: 260px;
    padding: 30px 15px; }
    #page-collection-read .operation-dialog .content {
      text-align: left; }
    #page-collection-read .operation-dialog .title {
      font-size: 14px;
      color: #454545;
      padding: 0; }
    #page-collection-read .operation-dialog input {
      width: 260px;
      margin: 10px 0 15px; }
    #page-collection-read .operation-dialog .orange-btn {
      width: 220px; }
    #page-collection-read .operation-dialog .instruction {
      font-size: 12px;
      line-height: 18px;
      margin-top: 15px; }
      #page-collection-read .operation-dialog .instruction > span {
        color: #F18C73; }
      #page-collection-read .operation-dialog .instruction > p {
        text-indent: 2em;
        color: #959595; }
  #page-collection-read .pagination {
    margin-bottom: -10px;
    padding-top: 0; }

@charset "UTF-8";
@font-face {
  font-family: 'tahoma2';
  src: url("../font/Tahoma.ttf") format("truetype");
  /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ }

@font-face {
  font-family: 'iconfont';
  src: url("../font/iconfont.eot?v2");
  /* IE9*/
  src: url("../font/iconfont.eot?v2#iefix") format("embedded-opentype"), url("../font/iconfont.woff?v2") format("woff"), url("../font/iconfont.ttf?v2") format("truetype"), url("../font/iconfont.svg?v2#iconfont") format("svg");
  /* iOS 4.1- */ }

@charset "UTF-8";
@font-face {
  font-family: 'tahoma2';
  src: url("../font/Tahoma.ttf") format("truetype");
  /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ }

@font-face {
  font-family: 'iconfont';
  src: url("../font/iconfont.eot?v2");
  /* IE9*/
  src: url("../font/iconfont.eot?v2#iefix") format("embedded-opentype"), url("../font/iconfont.woff?v2") format("woff"), url("../font/iconfont.ttf?v2") format("truetype"), url("../font/iconfont.svg?v2#iconfont") format("svg");
  /* iOS 4.1- */ }

#page-error .error-img {
  margin: 30px 15px 0; }

#page-error > p {
  margin: 22px 0 0 0;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  color: #959595;
  letter-spacing: 1px; }
  #page-error > p a {
    color: #F18C73; }

@charset "UTF-8";
@font-face {
  font-family: 'tahoma2';
  src: url("../font/Tahoma.ttf") format("truetype");
  /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ }

@font-face {
  font-family: 'iconfont';
  src: url("../font/iconfont.eot?v2");
  /* IE9*/
  src: url("../font/iconfont.eot?v2#iefix") format("embedded-opentype"), url("../font/iconfont.woff?v2") format("woff"), url("../font/iconfont.ttf?v2") format("truetype"), url("../font/iconfont.svg?v2#iconfont") format("svg");
  /* iOS 4.1- */ }

#page-favorite {
  background-color: white;
  border-top: 1px solid #e7e7e7; }
  #page-favorite .tabs {
    display: table;
    width: 100%;
    height: 40px;
    margin: 0;
    line-height: 40px;
    table-layout: fixed; }
    #page-favorite .tabs > a {
      display: table-cell;
      text-align: center; }
      #page-favorite .tabs > a span {
        display: inline-block;
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        color: #959595; }
      #page-favorite .tabs > a.active span {
        font-weight: 400;
        color: #454545;
        position: relative; }
        #page-favorite .tabs > a.active span:after {
          content: "";
          position: absolute;
          display: inline-block;
          width: 100%;
          height: 2px;
          right: 0;
          bottom: 0;
          background: #F18C73; }
  #page-favorite .favorite-list {
    padding: 0 15px 15px; }
    #page-favorite .favorite-list .item {
      margin: 15px 0 15px 6px;
      position: relative; }
      #page-favorite .favorite-list .item.unread:before {
        position: absolute;
        content: "\2022";
        right: 100%;
        margin-right: 3px;
        font-size: 16px;
        color: #F18C73; }
      #page-favorite .favorite-list .item .item-link {
        width: 100%;
        height: 64px;
        display: block;
        position: absolute;
        left: 0; }
      #page-favorite .favorite-list .item > p {
        margin: 0 0 4px;
        color: #959595;
        font-size: 10px; }
        #page-favorite .favorite-list .item > p:first-of-type {
          margin-bottom: 6px;
          font-size: 16px;
          height: 18px;
          line-height: 18px; }
          #page-favorite .favorite-list .item > p:first-of-type > span {
            display: inline-block;
            vertical-align: top; }
          #page-favorite .favorite-list .item > p:first-of-type > span:nth-child(2) {
            color: black;
            margin-right: 10px;
            max-width: 160px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap; }
          #page-favorite .favorite-list .item > p:first-of-type > span:nth-child(3) {
            float: right; }
        #page-favorite .favorite-list .item > p:nth-of-type(2) > span {
          color: #F18C73; }
  #page-favorite .favorite-list-collection {
    padding: 5px 15px 15px; }
    #page-favorite .favorite-list-collection .item {
      margin: 15px 0;
      position: relative; }
      #page-favorite .favorite-list-collection .item .item-link {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0; }
      #page-favorite .favorite-list-collection .item .root {
        display: block;
        color: #F18C73;
        font-size: 12px;
        margin-bottom: 5px; }
      #page-favorite .favorite-list-collection .item .name {
        display: block;
        color: black;
        font-size: 15px;
        margin-bottom: 10px; }
      #page-favorite .favorite-list-collection .item small {
        display: block;
        color: #959595;
        font-size: 10px; }
  #page-favorite .favorite-warning {
    margin: 60px 15px 0;
    padding: 60px 0;
    font-size: 16px;
    text-align: center;
    color: #BFBFBF;
    border-radius: 5px;
    border: 1px solid #e7e7e7;
    background-color: #f6f6f6; }
    #page-favorite .favorite-warning figure.empty {
      font-size: 30px;
      color: white;
      background-color: #d3edf5;
      border: 2px solid #c5e5ea;
      border-radius: 100vw;
      width: 70px;
      height: 70px;
      position: relative;
      display: inline-block;
      margin: 0; }
      #page-favorite .favorite-warning figure.empty span {
        position: absolute;
        top: 50%;
        left: 50%;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
    #page-favorite .favorite-warning a {
      color: #F18C73; }
      #page-favorite .favorite-warning a.large-margin {
        margin-top: 10px;
        display: block; }

@charset "UTF-8";
@font-face {
  font-family: 'tahoma2';
  src: url("../font/Tahoma.ttf") format("truetype");
  /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ }

@font-face {
  font-family: 'iconfont';
  src: url("../font/iconfont.eot?v2");
  /* IE9*/
  src: url("../font/iconfont.eot?v2#iefix") format("embedded-opentype"), url("../font/iconfont.woff?v2") format("woff"), url("../font/iconfont.ttf?v2") format("truetype"), url("../font/iconfont.svg?v2#iconfont") format("svg");
  /* iOS 4.1- */ }

#page-friend {
  background-color: white;
  border-top: 1px transparent solid;
  margin-top: 8px; }
  #page-friend > h2 {
    margin: 15px 0;
    text-align: center;
    font-size: 16px;
    color: #454545;
    font-weight: 500; }
  #page-friend > .list > div, #page-friend > .list > a {
    border-bottom: 1px dashed #e7e7e7;
    display: block;
    padding: 10px 15px;
    height: 40px;
    line-height: 40px;
    position: relative; }
    #page-friend > .list > div:first-child, #page-friend > .list > a:first-child {
      border-top: 1px dashed #e7e7e7; }
    #page-friend > .list > div .portrait, #page-friend > .list > a .portrait {
      display: inline-block;
      width: 40px;
      height: 40px;
      vertical-align: middle; }
      #page-friend > .list > div .portrait > img, #page-friend > .list > a .portrait > img {
        width: 40px;
        height: 40px;
        border-radius: 20px; }
      #page-friend > .list > div .portrait.verified, #page-friend > .list > a .portrait.verified {
        position: relative; }
        #page-friend > .list > div .portrait.verified:after, #page-friend > .list > a .portrait.verified:after {
          content: "v";
          display: inline-block;
          width: 13px;
          height: 13px;
          line-height: 13px;
          text-align: center;
          border-radius: 10px;
          position: absolute;
          font-size: 10px;
          overflow: auto;
          color: white;
          border: 2px solid white;
          bottom: 0;
          right: -7px; }
        #page-friend > .list > div .portrait.verified.vip-0:after, #page-friend > .list > a .portrait.verified.vip-0:after {
          background-color: #45C2FE; }
        #page-friend > .list > div .portrait.verified.vip-1:after, #page-friend > .list > a .portrait.verified.vip-1:after {
          background-color: #EF6474; }
        #page-friend > .list > div .portrait.verified.vip-2:after, #page-friend > .list > a .portrait.verified.vip-2:after {
          background-color: #F3B467; }
    #page-friend > .list > div .info, #page-friend > .list > a .info {
      display: inline-block;
      padding-left: 16px;
      vertical-align: middle; }
      #page-friend > .list > div .info > p, #page-friend > .list > a .info > p {
        margin: 0;
        width: 195px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      #page-friend > .list > div .info > p:first-child, #page-friend > .list > a .info > p:first-child {
        font-size: 16px;
        color: #454545;
        line-height: 20px; }
        #page-friend > .list > div .info > p:first-child .nickname, #page-friend > .list > a .info > p:first-child .nickname {
          color: #959595;
          padding-left: 6px; }
      #page-friend > .list > div .info > p:last-child, #page-friend > .list > a .info > p:last-child {
        width: 195px;
        margin-top: 2px;
        font-size: 12px;
        color: #959595;
        line-height: 18px; }
    #page-friend > .list > div .status, #page-friend > .list > a .status {
      font-size: 12px;
      padding: 5px;
      background-color: #f6f6f6;
      border-radius: 7px;
      color: #959595;
      display: inline-block;
      line-height: 14px;
      position: absolute;
      right: 15px;
      top: 18px; }
      #page-friend > .list > div .status.online, #page-friend > .list > a .status.online {
        color: #66D5B6; }

@charset "UTF-8";
@font-face {
  font-family: 'tahoma2';
  src: url("../font/Tahoma.ttf") format("truetype");
  /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ }

@font-face {
  font-family: 'iconfont';
  src: url("../font/iconfont.eot?v2");
  /* IE9*/
  src: url("../font/iconfont.eot?v2#iefix") format("embedded-opentype"), url("../font/iconfont.woff?v2") format("woff"), url("../font/iconfont.ttf?v2") format("truetype"), url("../font/iconfont.svg?v2#iconfont") format("svg");
  /* iOS 4.1- */ }

body {
  font-family: "tahoma2", "tahoma", -apple-system, "BlinkMacSystemFont", "Helvetica Neue", "Arial", "PingFang SC", "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "Microsoft JhengHei", "Source Han Sans SC", "Noto Sans CJK SC", "Source Han Sans CN", "Noto Sans SC", "Source Han Sans TC", "Noto Sans CJK TC", "WenQuanYi Micro Hei", SimSun, sans-serif;
  font-weight: 400;
  font-size: 0;
  margin: 0;
  padding: 0;
  width: 320px;
  background: #f7f7f7; }

div, a, img, p, ul, li {
  margin: 0;
  padding: 0; }

a {
  text-decoration: none;
  color: inherit; }
  a:visited {
    color: inherit; }

ul {
  list-style: none; }

input {
  box-shadow: none;
  outline: none;
  border: 0;
  padding: 0; }

.clearfix {
  overflow: auto; }

.iconfont {
  font-family: "iconfont" !important;
  font-size: inherit;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale; }

#top-search {
  position: relative;
  display: inline-block;
  font-size: 0;
  width: 320px;
  height: 50px;
  line-height: 50px;
  background: #293134;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  z-index: 100; }
  #top-search > .logo {
    position: absolute;
    display: inline-block;
    left: 15px;
    height: 50px;
    line-height: 50px;
    top: 0;
    font-size: 20px;
    font-weight: 500;
    color: white;
    letter-spacing: 2px; }
  #top-search > .search {
    position: absolute;
    display: inline-block;
    width: 189px;
    height: 32px;
    right: 15px;
    top: 9px; }
    #top-search > .search > input {
      position: absolute;
      display: inline-block;
      top: 0;
      left: 0;
      padding: 6px 40px 6px 10px;
      border: none;
      border-radius: 5px;
      width: 139px;
      height: 20px;
      font-size: 14px;
      color: white;
      background: rgba(255, 255, 255, 0.2); }
      #top-search > .search > input:focus {
        background: rgba(255, 255, 255, 0.4); }
    #top-search > .search > a {
      position: absolute;
      display: inline-block;
      top: 6px;
      right: 6px;
      height: 20px;
      line-height: 20px; }
      #top-search > .search > a > .iconfont {
        font-size: 18px;
        color: rgba(255, 255, 255, 0.3); }

#top-nav {
  position: relative;
  display: inline-block;
  font-size: 0;
  width: 320px;
  height: 40px;
  line-height: 40px;
  background: #FFFFFF;
  border-bottom: 1px solid #e7e7e7;
  z-index: 95; }
  #top-nav > a {
    position: relative;
    display: inline-block;
    width: 62px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #959595; }
    #top-nav > a:nth-of-type(1) {
      margin-left: 5px; }
    #top-nav > a.active {
      font-weight: 400;
      color: #454545; }
      #top-nav > a.active:after {
        content: "";
        position: absolute;
        display: inline-block;
        width: 40px;
        height: 2px;
        left: 10px;
        bottom: 0;
        background: #F18C73; }
  #top-nav > ul {
    position: absolute;
    display: inline-block;
    top: 40px;
    width: 120px;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    z-index: 96;
    background: #FFFFFF;
    box-shadow: 0 2px 4px 0 #BFBFBF; }
    #top-nav > ul > li {
      position: relative;
      display: block;
      height: 35px;
      font-size: 14px;
      line-height: 35px;
      color: #959595;
      text-align: center; }
      #top-nav > ul > li:not(:nth-of-type(1)) {
        border-top: 1px solid #F0F0F0; }
      #top-nav > ul > li > a {
        display: inline-block;
        height: 100%;
        width: 100%; }
    #top-nav > ul:nth-of-type(1) {
      left: 38px; }
    #top-nav > ul:nth-of-type(2) {
      left: 100px; }
    #top-nav > ul:nth-of-type(3) {
      left: 162px; }
    #top-nav > ul:nth-of-type(4) {
      right: 0; }
  #top-nav .num {
    font-size: 9px;
    text-align: center;
    color: white;
    background-color: #F18C73;
    margin-left: 3px;
    border-radius: 7px;
    min-width: 8px;
    padding: 0 3px;
    line-height: 14px;
    display: inline-block; }
  #top-nav.alert-num > a {
    width: 59px; }
    #top-nav.alert-num > a:nth-of-type(1) {
      margin-left: 0; }
    #top-nav.alert-num > a:nth-of-type(4) {
      width: 80px; }
    #top-nav.alert-num > a:nth-of-type(5) {
      width: 55px; }

#page-content {
  min-height: calc(100vh - 100px - 50px - 40px - 1px - 1px);
  border-top: 1px solid transparent;
  margin-top: 10px; }

#footer {
  position: relative;
  height: 40px;
  padding: 40px 0 20px; }
  #footer > p {
    font-size: 14px;
    line-height: 14px;
    color: #959595;
    text-align: center; }
    #footer > p > a, #footer > p > span {
      color: #454545; }
    #footer > p > span {
      margin: 0 10px; }
    #footer > p:nth-of-type(1) {
      margin-bottom: 12px; }

#big-title-header {
  width: 150px;
  display: block;
  height: 60px;
  margin: 50px auto 20px; }

#big-title-content {
  min-height: calc(100vh - 150px - 30px - 14px - 15px); }

#big-title-footer {
  margin: 30px 0 15px;
  font-size: 12px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  color: #959595;
  width: 100%; }

input[type=text], input[type=number], input[type=password], input[type=email], input[type=tel], textarea {
  height: 38px;
  border: 1px solid #e7e7e7;
  border-radius: 6px;
  font-size: 14px;
  background-color: white;
  color: #454545;
  text-indent: 10px;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none; }
  input[type=text]::-webkit-input-placeholder, input[type=text]:-moz-placeholder, input[type=text]::-moz-placeholder, input[type=text]:-ms-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=number]:-moz-placeholder, input[type=number]::-moz-placeholder, input[type=number]:-ms-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=password]:-moz-placeholder, input[type=password]::-moz-placeholder, input[type=password]:-ms-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=email]:-moz-placeholder, input[type=email]::-moz-placeholder, input[type=email]:-ms-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=tel]:-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=tel]:-ms-input-placeholder, textarea::-webkit-input-placeholder, textarea:-moz-placeholder, textarea::-moz-placeholder, textarea:-ms-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #d9d9d9; }
  input[type=text]:focus, input[type=text]:active, input[type=number]:focus, input[type=number]:active, input[type=password]:focus, input[type=password]:active, input[type=email]:focus, input[type=email]:active, input[type=tel]:focus, input[type=tel]:active, textarea:focus, textarea:active {
    border-color: #F18C73; }

.warning-info {
  font-size: 12px;
  display: block;
  color: #EF6474;
  margin-top: 5px; }

input[type=checkbox] {
  display: none; }
  input[type=checkbox] + label {
    z-index: 0;
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    display: inline-block;
    color: #959595; }
    input[type=checkbox] + label:before {
      content: "";
      vertical-align: bottom;
      display: inline-block;
      width: 18px;
      height: 18px;
      line-height: 18px;
      border-radius: 3px;
      border: 1px solid #e7e7e7;
      margin-right: 10px;
      background-color: white; }
  input[type=checkbox]:checked + label:before {
    content: "\2713";
    color: white;
    text-align: center;
    background-color: #F18C73; }
  input[type=checkbox]:disabled + label:before {
    content: "\2717";
    color: white;
    text-align: center;
    background-color: #BFBFBF; }

input[type=radio] {
  display: none; }
  input[type=radio] + label {
    z-index: 0;
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    display: inline-block;
    color: #959595; }
    input[type=radio] + label:before {
      content: "";
      vertical-align: bottom;
      display: inline-block;
      width: 18px;
      height: 18px;
      line-height: 18px;
      border-radius: 9px;
      border: 1px solid #e7e7e7;
      margin-right: 10px;
      background-color: white; }
  input[type=radio]:checked + label:before {
    background-image: radial-gradient(transparent 28%, #F18C73 28%); }

select {
  border: solid 1px #e7e7e7;
  -moz-appearance: none;
  -webkit-appearance: none;
  padding: 10px 40px 10px 20px;
  border-radius: 6px;
  font-size: 14px;
  color: #454545;
  background-image: linear-gradient(45deg, transparent 50%, #BFBFBF 50%), linear-gradient(135deg, #BFBFBF 50%, transparent 50%), linear-gradient(white, #f7f7f7);
  background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), top;
  background-size: 5px 5px, 5px 5px, auto;
  background-repeat: no-repeat, no-repeat, repeat-x; }

.orange-btn {
  display: inline-block;
  border: 1px solid #BFBFBF;
  border-radius: 6px;
  text-align: center;
  padding: 12px 20px;
  font-size: 12px;
  color: white;
  background-color: #F18C73;
  border-color: #F18C73; }
  .orange-btn:visited {
    color: white; }
  .orange-btn:active {
    background-color: #F0937D;
    border-color: #F0937D; }
  .orange-btn:focus {
    background-color: #CD5E44;
    border-color: #CD5E44; }
  .orange-btn.disabled {
    background-color: #959595;
    border-color: #959595; }

.white-btn {
  display: inline-block;
  border: 1px solid #BFBFBF;
  border-radius: 6px;
  text-align: center;
  padding: 12px 20px;
  font-size: 12px;
  color: white;
  color: #959595;
  background-color: white; }
  .white-btn:visited {
    color: white; }
  .white-btn:active, .white-btn:focus {
    background-color: #F6F6F6; }
  .white-btn:visited {
    color: #959595; }

.gray-btn {
  display: inline-block;
  border: 1px solid #BFBFBF;
  border-radius: 6px;
  text-align: center;
  padding: 12px 20px;
  font-size: 12px;
  color: white;
  color: white;
  background-color: #BFBFBF;
  border-color: #BFBFBF; }
  .gray-btn:visited {
    color: white; }
  .gray-btn:active, .gray-btn:focus {
    background-color: #BFBFBF; }

.green-btn {
  display: inline-block;
  border: 1px solid #BFBFBF;
  border-radius: 6px;
  text-align: center;
  padding: 12px 20px;
  font-size: 12px;
  color: white;
  color: white;
  background-color: #66D5B6;
  border-color: #66D5B6; }
  .green-btn:visited {
    color: white; }
  .green-btn:active, .green-btn:focus {
    background-color: #66D5B6; }
  .green-btn:visited {
    color: #66D5B6; }

.pagination {
  font-size: 14px;
  color: #959595;
  padding: 10px 15px; }
  .pagination .row {
    margin: 10px 0; }
    .pagination .row:first-child {
      line-height: 30px;
      height: 30px; }
      .pagination .row:first-child > span {
        margin-right: 10px; }
  .pagination .iconfont {
    vertical-align: middle;
    display: inline-block;
    font-size: 24px;
    margin-right: 9px; }
    .pagination .iconfont.reverse {
      -moz-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
      -o-transform: scaleX(-1);
      -webkit-transform: scaleX(-1);
      transform: scaleX(-1); }
    .pagination .iconfont.disabled {
      color: #d9d9d9; }
  .pagination input[type=number] {
    width: 60px;
    height: 25px;
    font-size: 14px;
    line-height: 25px; }
  .pagination .jump {
    margin-left: 10px;
    color: #7CB2B8;
    display: inline-block;
    -webkit-appearance: none;
    background: none; }

.text-limit {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.popup-bkg {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999; }
  .popup-bkg .popup-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: white;
    border-radius: 12px;
    box-shadow: rgba(0, 0, 0, 0.3) 0 0 8px;
    width: 240px; }
    .popup-bkg .popup-dialog .content {
      text-align: center;
      font-size: 14px;
      color: #454545; }
      .popup-bkg .popup-dialog .content span {
        color: #F18C73; }
      .popup-bkg .popup-dialog .content small {
        display: block;
        line-height: 18px;
        color: #959595;
        font-size: 12px; }
    .popup-bkg .popup-dialog .buttons {
      text-align: center; }
      .popup-bkg .popup-dialog .buttons > *:not(:last-child) {
        margin-right: 20px; }
    .popup-bkg .popup-dialog.single-line {
      padding: 30px 30px 20px; }
      .popup-bkg .popup-dialog.single-line .content {
        margin-bottom: 20px; }
    .popup-bkg .popup-dialog.multi-line {
      padding: 25px 30px 20px; }
      .popup-bkg .popup-dialog.multi-line .content {
        line-height: 21px;
        margin-bottom: 15px; }
    .popup-bkg .popup-dialog.plain {
      height: 125px; }
      .popup-bkg .popup-dialog.plain .content {
        position: absolute;
        top: 50%;
        left: 30px;
        right: 30px;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%); }
    .popup-bkg .popup-dialog .close {
      display: none;
      position: absolute;
      top: 5px;
      right: 5px;
      color: #959595;
      font-size: 12px;
      vertical-align: top; }
    .popup-bkg .popup-dialog.with-close .close {
      display: inherit; }

.file-read p {
  margin: 0;
  font-size: 14px;
  line-height: 21px;
  color: #454545;
  word-break: normal;
  word-break: break-word; }

.file-read .blockquote, .file-read .quotehead {
  color: #BFBFBF;
  margin: 10px 0 0;
  padding-left: 16px;
  border-left: 4px solid #A6DDE3; }

.file-read p.blockquote + p.blockquote, .file-read p.quotehead + p.blockquote {
  margin: 0; }

.file-read .zz-info {
  color: #F18C73; }

.file-read img {
  max-width: 290px; }

.preview-image {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  text-align: center;
  line-height: 100vh; }
  .preview-image > img {
    display: inline-block;
    vertical-align: middle;
    max-height: 100%;
    max-width: 100%; }

.avatar {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px; }
  .avatar > img {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 20px; }
    .avatar > img.avatar-frame {
      position: absolute;
      width: 130%;
      height: 130%;
      top: -15%;
      left: -15%;
      border-radius: 0; }
  .avatar > span {
    position: absolute;
    display: inline-block;
    width: 13px;
    height: 13px;
    line-height: 14px;
    color: white;
    font-size: 10px;
    border-radius: 9px;
    border: 2px solid white;
    right: -8px;
    bottom: -2px;
    text-align: center; }
    .avatar > span:before {
      content: "V"; }
    .avatar > span.vip-0 {
      background: #45C2FE; }
    .avatar > span.vip-1 {
      background: #EF6474; }
    .avatar > span.vip-2 {
      background: #F3B467; }

.verified-min:before {
  content: "[V]";
  font-style: normal; }

.vip-min-1 {
  color: #EF6474 !important; }

.vip-min-2 {
  color: #F3B467 !important; }

.vip-min-0 {
  color: #45C2FE !important; }

@charset "UTF-8";
@font-face {
  font-family: 'tahoma2';
  src: url("../font/Tahoma.ttf") format("truetype");
  /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ }

@font-face {
  font-family: 'iconfont';
  src: url("../font/iconfont.eot?v2");
  /* IE9*/
  src: url("../font/iconfont.eot?v2#iefix") format("embedded-opentype"), url("../font/iconfont.woff?v2") format("woff"), url("../font/iconfont.ttf?v2") format("truetype"), url("../font/iconfont.svg?v2#iconfont") format("svg");
  /* iOS 4.1- */ }

#page-home .banner {
  display: inline-block;
  margin: 0 0 10px;
  width: 100%; }
  #page-home .banner img {
    width: 100%; }

#page-home .card {
  padding: 0 15px;
  border-bottom: 1px solid #e7e7e7;
  background-color: white;
  margin-bottom: 10px;
  border-top: 5px solid #F18C73; }
  #page-home .card:last-child {
    margin-bottom: 0; }
  #page-home .card .title {
    border-bottom: 1px solid #e7e7e7;
    padding: 15px 0 10px;
    line-height: 18px; }
    #page-home .card .title .name {
      font-size: 18px; }
    #page-home .card .title .more-link {
      font-size: 12px;
      vertical-align: top;
      float: right; }
  #page-home .card > ul {
    padding: 5px 0; }
    #page-home .card > ul li {
      position: relative;
      font-size: 14px;
      padding: 10px 0;
      border-bottom: 1px dashed #e7e7e7; }
      #page-home .card > ul li .post-info {
        color: #BFBFBF;
        font-size: 10px; }
        #page-home .card > ul li .post-info .iconfont {
          margin: 0 2px 0 8px; }
      #page-home .card > ul li .post-title {
        display: block;
        color: black;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }
        #page-home .card > ul li .post-title.inline {
          display: inline-block;
          width: 140px; }
      #page-home .card > ul li .post-link {
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%; }
      #page-home .card > ul li:last-child {
        border-bottom: none; }
    #page-home .card > ul .not-available {
      color: #959595; }
  #page-home .card:nth-child(4n+2) {
    border-top: 5px solid #66D5B6; }
  #page-home .card:nth-child(4n+3) {
    border-top: 5px solid #F8CEA8; }
  #page-home .card:nth-child(4n) {
    border-top: 5px solid #7CB2B8; }

#page-home .big-ten > ul > li .rank-digit {
  position: absolute;
  left: 5px;
  top: 12px;
  color: white;
  text-align: center;
  width: 26px;
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  vertical-align: middle;
  display: inline-block;
  border-radius: 8px;
  background-color: #BFBFBF; }

#page-home .big-ten > ul > li:nth-child(1) .rank-digit {
  background-color: #EF6474; }

#page-home .big-ten > ul > li:nth-child(2) .rank-digit {
  background-color: #F18C73; }

#page-home .big-ten > ul > li:nth-child(3) .rank-digit {
  background-color: #F8CEA8; }

#page-home .big-ten > ul > li .post-title, #page-home .big-ten > ul > li .post-info {
  margin-left: 40px; }

#page-home .contract-us .sn-block {
  display: inline-block;
  margin-bottom: 20px; }
  #page-home .contract-us .sn-block:last-child {
    float: right; }
  #page-home .contract-us .sn-block > a {
    display: inline-block; }
  #page-home .contract-us .sn-block .sn-link {
    margin: 20px 0;
    font-size: 14px;
    line-height: 20px; }
    #page-home .contract-us .sn-block .sn-link > img {
      height: 20px;
      vertical-align: bottom;
      margin-right: 5px; }
    #page-home .contract-us .sn-block .sn-link > a {
      text-decoration: none;
      color: black; }
  #page-home .contract-us .sn-block .qr-code {
    height: 120px; }

#page-home .download > div:last-child {
  padding: 20px 0; }
  #page-home .download > div:last-child a {
    display: inline-block;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    margin-left: 10px; }
    #page-home .download > div:last-child a:last-child {
      margin-left: 25px; }

@charset "UTF-8";
@font-face {
  font-family: 'tahoma2';
  src: url("../font/Tahoma.ttf") format("truetype");
  /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ }

@font-face {
  font-family: 'iconfont';
  src: url("../font/iconfont.eot?v2");
  /* IE9*/
  src: url("../font/iconfont.eot?v2#iefix") format("embedded-opentype"), url("../font/iconfont.woff?v2") format("woff"), url("../font/iconfont.ttf?v2") format("truetype"), url("../font/iconfont.svg?v2#iconfont") format("svg");
  /* iOS 4.1- */ }

#page-iaaa-bind .success-content, #page-iaaa-callback .success-content, #page-iaaa-login .success-content {
  margin: auto;
  margin-top: 50px;
  width: 260px;
  position: relative; }
  #page-iaaa-bind .success-content p, #page-iaaa-callback .success-content p, #page-iaaa-login .success-content p {
    font-size: 14px;
    color: #959595;
    margin: 10px 0;
    line-height: 21px;
    text-indent: 28px; }
    #page-iaaa-bind .success-content p .orange, #page-iaaa-callback .success-content p .orange, #page-iaaa-login .success-content p .orange {
      color: #F18C73; }
  #page-iaaa-bind .success-content .orange-btn, #page-iaaa-callback .success-content .orange-btn, #page-iaaa-login .success-content .orange-btn {
    margin-top: 30px;
    display: block; }
  #page-iaaa-bind .success-content .two-buttons, #page-iaaa-callback .success-content .two-buttons, #page-iaaa-login .success-content .two-buttons {
    margin-top: 30px; }
    #page-iaaa-bind .success-content .two-buttons > a, #page-iaaa-callback .success-content .two-buttons > a, #page-iaaa-login .success-content .two-buttons > a {
      display: inline-block;
      width: 80px;
      margin-top: 0; }
      #page-iaaa-bind .success-content .two-buttons > a:last-child, #page-iaaa-callback .success-content .two-buttons > a:last-child, #page-iaaa-login .success-content .two-buttons > a:last-child {
        float: right; }
  #page-iaaa-bind .success-content .users-list, #page-iaaa-callback .success-content .users-list, #page-iaaa-login .success-content .users-list {
    margin-top: 20px; }
    #page-iaaa-bind .success-content .users-list > li, #page-iaaa-callback .success-content .users-list > li, #page-iaaa-login .success-content .users-list > li {
      display: inline-block;
      width: 240px;
      padding: 10px 10px;
      border: 1px solid #e97c62;
      border-radius: 5px;
      margin-bottom: 20px;
      text-align: left; }
      #page-iaaa-bind .success-content .users-list > li > *, #page-iaaa-callback .success-content .users-list > li > *, #page-iaaa-login .success-content .users-list > li > * {
        vertical-align: middle; }
      #page-iaaa-bind .success-content .users-list > li label, #page-iaaa-callback .success-content .users-list > li label, #page-iaaa-login .success-content .users-list > li label {
        z-index: 0;
        font-size: 14px;
        line-height: 20px;
        height: 20px;
        display: inline-block;
        color: #959595; }
        #page-iaaa-bind .success-content .users-list > li label:before, #page-iaaa-callback .success-content .users-list > li label:before, #page-iaaa-login .success-content .users-list > li label:before {
          content: "";
          vertical-align: bottom;
          display: inline-block;
          width: 18px;
          height: 18px;
          line-height: 18px;
          border-radius: 9px;
          border: 1px solid #e7e7e7;
          margin-right: 10px;
          background-color: white; }
      #page-iaaa-bind .success-content .users-list > li img, #page-iaaa-callback .success-content .users-list > li img, #page-iaaa-login .success-content .users-list > li img {
        height: 50px;
        width: 50px;
        border-radius: 25px; }
      #page-iaaa-bind .success-content .users-list > li span:nth-last-child(2), #page-iaaa-callback .success-content .users-list > li span:nth-last-child(2), #page-iaaa-login .success-content .users-list > li span:nth-last-child(2) {
        font-size: 14px;
        margin-left: 5px; }
      #page-iaaa-bind .success-content .users-list > li span:nth-last-child(1), #page-iaaa-callback .success-content .users-list > li span:nth-last-child(1), #page-iaaa-login .success-content .users-list > li span:nth-last-child(1) {
        font-size: 10px; }
      #page-iaaa-bind .success-content .users-list > li.active, #page-iaaa-callback .success-content .users-list > li.active, #page-iaaa-login .success-content .users-list > li.active {
        border: 1px solid #e97c62; }
        #page-iaaa-bind .success-content .users-list > li.active label:before, #page-iaaa-callback .success-content .users-list > li.active label:before, #page-iaaa-login .success-content .users-list > li.active label:before {
          background-image: radial-gradient(transparent 28%, #F18C73 28%); }
      #page-iaaa-bind .success-content .users-list > li.disabled, #page-iaaa-callback .success-content .users-list > li.disabled, #page-iaaa-login .success-content .users-list > li.disabled {
        border: 1px solid #959595; }
        #page-iaaa-bind .success-content .users-list > li.disabled span, #page-iaaa-callback .success-content .users-list > li.disabled span, #page-iaaa-login .success-content .users-list > li.disabled span {
          color: #959595; }
  #page-iaaa-bind .success-content .auto-login, #page-iaaa-callback .success-content .auto-login, #page-iaaa-login .success-content .auto-login {
    margin-left: 10px; }

@charset "UTF-8";
@font-face {
  font-family: 'tahoma2';
  src: url("../font/Tahoma.ttf") format("truetype");
  /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ }

@font-face {
  font-family: 'iconfont';
  src: url("../font/iconfont.eot?v2");
  /* IE9*/
  src: url("../font/iconfont.eot?v2#iefix") format("embedded-opentype"), url("../font/iconfont.woff?v2") format("woff"), url("../font/iconfont.ttf?v2") format("truetype"), url("../font/iconfont.svg?v2#iconfont") format("svg");
  /* iOS 4.1- */ }

#page-login {
  margin: auto;
  margin-top: 40px;
  width: 260px;
  position: relative; }
  #page-login input[type=text], #page-login input[type=password] {
    padding-left: 10px;
    margin: auto;
    display: block;
    height: 60px;
    width: 238px;
    font-size: 18px; }
    #page-login input[type=text]:active, #page-login input[type=text]:focus, #page-login input[type=password]:active, #page-login input[type=password]:focus {
      border-color: #e7e7e7; }
    #page-login input[type=text][name=username], #page-login input[type=password][name=username] {
      border-bottom: 0;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
    #page-login input[type=text][name=password], #page-login input[type=password][name=password] {
      border-top-left-radius: 0;
      border-top-right-radius: 0; }
  #page-login .auto-login {
    margin-top: 20px; }
    #page-login .auto-login .right {
      float: right;
      color: #959595;
      font-size: 14px; }
  #page-login .buttons {
    margin-top: 30px; }
    #page-login .buttons > a {
      width: 80px; }
      #page-login .buttons > a:last-child {
        float: right; }
  #page-login .links {
    margin-top: 30px;
    font-size: 12px;
    color: #959595;
    text-align: center; }
  #page-login .error {
    display: inline-block;
    font-size: 14px;
    color: #EF6474;
    padding-left: 20px;
    top: -25px;
    position: absolute; }

@charset "UTF-8";
@font-face {
  font-family: 'tahoma2';
  src: url("../font/Tahoma.ttf") format("truetype");
  /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ }

@font-face {
  font-family: 'iconfont';
  src: url("../font/iconfont.eot?v2");
  /* IE9*/
  src: url("../font/iconfont.eot?v2#iefix") format("embedded-opentype"), url("../font/iconfont.woff?v2") format("woff"), url("../font/iconfont.ttf?v2") format("truetype"), url("../font/iconfont.svg?v2#iconfont") format("svg");
  /* iOS 4.1- */ }

#page-mail-new {
  padding: 10px;
  line-height: 0;
  position: relative;
  background: white;
  overflow-x: hidden;
  overflow-y: auto;
  border-top: 1px solid #e7e7e7; }
  #page-mail-new .back {
    display: inline-block;
    position: absolute;
    top: 25px;
    left: 15px;
    color: #959595;
    font-size: 14px; }
  #page-mail-new .title {
    font-size: 16px;
    color: black;
    font-weight: 400;
    text-align: center;
    line-height: 20px;
    margin-bottom: 20px;
    margin-top: 5px; }
  #page-mail-new .row input[type=text], #page-mail-new .row textarea {
    padding: 0;
    width: 100%;
    font-size: 12px; }
  #page-mail-new .row textarea {
    min-height: 100px;
    line-height: 18px;
    max-width: 280px;
    text-indent: 0;
    padding: 10px; }
  #page-mail-new .row span {
    font-size: 14px;
    color: #959595;
    margin-right: 10px; }
  #page-mail-new .row select {
    height: 40px;
    width: 100px;
    box-shadow: 0 0 2px #BFBFBF; }
  #page-mail-new .row .btn {
    height: 16px;
    line-height: 16px;
    font-size: 14px; }
  #page-mail-new .row .r {
    float: right; }
  #page-mail-new .row label:nth-last-child(1) {
    margin-left: 15px; }
  #page-mail-new .title-wrapper {
    margin-bottom: 10px; }
  #page-mail-new .content-wrapper {
    margin-bottom: 15px; }
  #page-mail-new .images-wrapper {
    margin-bottom: 15px; }
  #page-mail-new .image-wrapper {
    position: relative;
    display: inline-block;
    width: 65px;
    height: 55px;
    text-align: center;
    line-height: 55px;
    box-shadow: 0 0 4px #BFBFBF; }
    #page-mail-new .image-wrapper > img {
      display: inline-block;
      max-width: 65px;
      max-height: 55px;
      vertical-align: middle; }
    #page-mail-new .image-wrapper > a {
      position: absolute;
      display: inline-block;
      font-size: 8px;
      height: 14px;
      width: 14px;
      top: -7px;
      right: -7px;
      text-align: center;
      line-height: 14px;
      color: white;
      background: #BFBFBF;
      border-radius: 7px;
      z-index: 10; }
    #page-mail-new .image-wrapper:nth-of-type(n+5) {
      margin-top: 15px; }
    #page-mail-new .image-wrapper:not(:nth-of-type(4n)) {
      margin-right: 10px; }
  #page-mail-new .split-line {
    display: inline-block;
    height: 0;
    width: 320px;
    position: relative;
    left: -10px;
    border-top: 1px solid #e7e7e7;
    margin-bottom: 15px; }
  #page-mail-new .submit-btn {
    width: 300px;
    padding: 18px 0; }
  #page-mail-new .input-file {
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    opacity: 0; }

@charset "UTF-8";
@font-face {
  font-family: 'tahoma2';
  src: url("../font/Tahoma.ttf") format("truetype");
  /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ }

@font-face {
  font-family: 'iconfont';
  src: url("../font/iconfont.eot?v2");
  /* IE9*/
  src: url("../font/iconfont.eot?v2#iefix") format("embedded-opentype"), url("../font/iconfont.woff?v2") format("woff"), url("../font/iconfont.ttf?v2") format("truetype"), url("../font/iconfont.svg?v2#iconfont") format("svg");
  /* iOS 4.1- */ }

#page-mail-read {
  padding: 15px 0 0;
  position: relative;
  background: white;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7; }
  #page-mail-read .back {
    display: inline-block;
    position: relative;
    left: 15px;
    color: #959595;
    font-size: 12px; }
  #page-mail-read .share, #page-mail-read .spread {
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 15px;
    color: #66D5B6;
    font-size: 12px; }
  #page-mail-read .spread {
    color: #959595; }
  #page-mail-read .show-all-pic {
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 15px;
    color: #66D5B6;
    font-size: 12px; }
  #page-mail-read .title {
    font-size: 18px;
    line-height: 27px;
    color: #454545;
    padding: 10px 15px;
    letter-spacing: 1px;
    word-break: break-all; }
  #page-mail-read .mail-card {
    position: relative;
    border-top: 1px solid #e7e7e7;
    padding: 10px 15px; }
    #page-mail-read .mail-card .author {
      position: relative;
      display: block; }
      #page-mail-read .mail-card .author .name {
        position: absolute;
        left: 50px;
        top: 3px;
        font-size: 14px;
        color: #454545;
        max-width: 200px; }
        #page-mail-read .mail-card .author .name > span {
          color: #959595;
          margin-right: 10px; }
      #page-mail-read .mail-card .author .time {
        position: absolute;
        left: 50px;
        top: 25px;
        font-size: 10px;
        color: #BFBFBF; }
    #page-mail-read .mail-card .star {
      position: absolute;
      right: 15px;
      top: 17px;
      font-size: 18px; }
    #page-mail-read .mail-card .icon_like_normal {
      color: #959595;
      display: inline-block; }
    #page-mail-read .mail-card .icon_like_down {
      color: #F18C73;
      display: none; }
    #page-mail-read .mail-card.marked .icon_like_normal {
      display: none; }
    #page-mail-read .mail-card.marked .icon_like_down {
      display: inline-block; }
    #page-mail-read .mail-card .body {
      margin-top: 12px; }
    #page-mail-read .mail-card .attachment {
      position: relative;
      border-top: 1px solid #e7e7e7;
      border-bottom: 1px solid #e7e7e7;
      background-color: #FBFBFB;
      margin-top: 15px; }
      #page-mail-read .mail-card .attachment .iconfont {
        font-size: 18px;
        color: #BFBFBF;
        position: absolute;
        left: 10px;
        top: 10px; }
      #page-mail-read .mail-card .attachment ul {
        display: inline-block;
        padding: 10px 10px 10px 40px; }
        #page-mail-read .mail-card .attachment ul li {
          padding-bottom: 10px;
          line-height: normal;
          font-size: 12px;
          color: #454545;
          font-weight: 600;
          word-break: break-all; }
          #page-mail-read .mail-card .attachment ul li a {
            position: relative;
            color: inherit; }
            #page-mail-read .mail-card .attachment ul li a > img {
              max-height: 118px;
              max-width: 118px;
              border: 6px solid #e5e5e5; }
          #page-mail-read .mail-card .attachment ul li:last-child {
            padding-bottom: 0; }
          #page-mail-read .mail-card .attachment ul li > .size {
            color: #959595; }
          #page-mail-read .mail-card .attachment ul li .pic-tag {
            position: absolute;
            display: inline-block;
            right: 6px;
            bottom: 8px;
            background: #ea6242;
            padding: 0 3px;
            height: 16px;
            color: #ffffff;
            line-height: 16px;
            font-weight: normal;
            font-size: 12px;
            text-decoration: none; }
    #page-mail-read .mail-card .operations {
      position: relative;
      height: 20px;
      margin-top: 15px; }
      #page-mail-read .mail-card .operations > a {
        display: inline-block;
        width: 94px;
        border-right: 1px solid #BFBFBF;
        font-size: 14px;
        color: #959595;
        line-height: 20px;
        text-align: center; }
        #page-mail-read .mail-card .operations > a:nth-of-type(3) {
          border-right: none; }
      #page-mail-read .mail-card .operations > ul {
        position: absolute;
        display: inline-block;
        top: 20px;
        right: 0;
        width: 120px;
        border: 1px solid #e7e7e7;
        border-radius: 5px;
        z-index: 30;
        background: #FFFFFF;
        box-shadow: 0 2px 4px 0 #BFBFBF; }
        #page-mail-read .mail-card .operations > ul > li {
          position: relative;
          display: block;
          height: 35px;
          font-size: 14px;
          line-height: 35px;
          color: #959595;
          text-align: center; }
          #page-mail-read .mail-card .operations > ul > li:not(:nth-of-type(1)) {
            border-top: 1px solid #F0F0F0; }
          #page-mail-read .mail-card .operations > ul > li > a {
            display: inline-block;
            height: 100%;
            width: 100%; }
    #page-mail-read .mail-card:not(:nth-of-type(1)) {
      border-top: 5px solid #F8CEA8; }
  #page-mail-read .operation-dialog {
    display: inline-block;
    width: 260px;
    padding: 30px 15px; }
    #page-mail-read .operation-dialog .content {
      text-align: left; }
    #page-mail-read .operation-dialog .title {
      font-size: 14px;
      color: #454545;
      padding: 0; }
    #page-mail-read .operation-dialog input {
      width: 260px;
      margin: 10px 0 15px; }
    #page-mail-read .operation-dialog .orange-btn {
      width: 220px; }
    #page-mail-read .operation-dialog .instruction {
      font-size: 12px;
      line-height: 18px;
      margin-top: 15px; }
      #page-mail-read .operation-dialog .instruction > span {
        color: #F18C73; }
      #page-mail-read .operation-dialog .instruction > p {
        text-indent: 2em;
        color: #959595; }
  #page-mail-read .share-mask {
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999; }
    #page-mail-read .share-mask > .iconfont {
      position: absolute;
      top: 15px;
      right: 20px;
      font-size: 40px;
      color: white; }
    #page-mail-read .share-mask > p {
      position: relative;
      top: 60px;
      text-align: center;
      color: white;
      font-size: 18px; }
  #page-mail-read .pagination {
    margin-bottom: -10px;
    padding-top: 0; }

@charset "UTF-8";
@font-face {
  font-family: 'tahoma2';
  src: url("../font/Tahoma.ttf") format("truetype");
  /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ }

@font-face {
  font-family: 'iconfont';
  src: url("../font/iconfont.eot?v2");
  /* IE9*/
  src: url("../font/iconfont.eot?v2#iefix") format("embedded-opentype"), url("../font/iconfont.woff?v2") format("woff"), url("../font/iconfont.ttf?v2") format("truetype"), url("../font/iconfont.svg?v2#iconfont") format("svg");
  /* iOS 4.1- */ }

#page-mail {
  padding: 0;
  line-height: 0;
  position: relative;
  background: white;
  overflow-x: hidden;
  overflow-y: auto; }

#page-mail .board-body .r {
  float: right; }

#page-mail .board-body ul {
  position: absolute;
  top: 45px;
  width: 120px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  z-index: 96;
  background: white;
  color: #959595;
  margin-left: -110px;
  display: none;
  box-shadow: 0 2px 4px 0 #BFBFBF; }

#page-mail .board-body li {
  font-size: 14px;
  text-align: center;
  line-height: 35px; }

#page-mail .board-body li .num,
#page-mail .board-body .board-option .option-list .btn .num {
  font-size: 9px;
  text-align: center;
  color: white;
  background-color: #F18C73;
  margin-left: 3px;
  border-radius: 7px;
  min-width: 8px;
  padding: 0 3px;
  line-height: 14px;
  display: inline-block; }

#page-mail .board-body .board-option .orange-btn {
  line-height: 10px;
  font-size: 10px;
  padding: 11px 20px;
  margin: 10px 0; }

#page-mail .board-body li a {
  display: inline-block;
  width: 100%;
  height: 100%; }

#page-mail .board-body .btn {
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 14px;
  color: #959595; }

#page-mail .board-body .row {
  width: 290px;
  margin: 0 15px 0 15px;
  padding: 0;
  display: inline-block;
  line-height: 20px; }

#page-mail .board-body .board-option {
  border-bottom: 1px solid #e7e7e7;
  border-top: 1px solid #e7e7e7;
  padding: 0 15px;
  position: relative;
  margin: 0; }

#page-mail .board-body .board-option .option-list {
  float: left; }
  #page-mail .board-body .board-option .option-list ul {
    display: inline-block;
    left: 125px; }
    #page-mail .board-body .board-option .option-list ul > li {
      position: relative;
      display: block;
      height: 35px;
      font-size: 14px;
      line-height: 35px;
      color: #959595;
      text-align: center; }
      #page-mail .board-body .board-option .option-list ul > li:not(:nth-of-type(1)) {
        border-top: 1px solid #F0F0F0; }
      #page-mail .board-body .board-option .option-list ul > li > a {
        display: inline-block;
        height: 100%;
        width: 100%; }
  #page-mail .board-body .board-option .option-list .btn {
    color: #454545; }

#page-mail .board-body .board-option .btn {
  margin: 20px 0; }
  #page-mail .board-body .board-option .btn:nth-of-type(1) {
    margin-right: 20px; }

#page-mail .board-body .board-option > .btn {
  color: #66D5B6; }

#page-mail .board-body .mail-item {
  position: relative;
  padding: 10px 0;
  margin: 0 15px 0 15px;
  border-bottom: 1px dashed #e7e7e7; }

#page-mail .board-body .mail-item .mail-link {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 30; }

#page-mail .board-body .mail-item .dot {
  position: absolute;
  background: #F18C73;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  left: 0;
  top: 27px;
  display: none; }

#page-mail .board-body .mail-item .avatar {
  position: absolute;
  top: 10px;
  left: 11px; }

#page-mail .board-body .mail-item.unread .dot {
  display: inline-block; }

#page-mail .board-body .mail-item .author,
#page-mail .board-body .mail-item .title {
  font-size: 14px;
  color: #454545;
  margin: 10px 0 0 62px;
  line-height: 14px; }

#page-mail .board-body .mail-item .author {
  margin-top: 0;
  width: 130px; }

#page-mail .board-body .mail-item .time {
  position: absolute;
  right: 0;
  top: 18px;
  font-size: 10px;
  color: #BFBFBF; }

#page-mail .board-body .mail-item .id {
  font-weight: bold; }

#page-mail .board-body .mail-item .name,
#page-mail .board-body .mail-item .content {
  margin-left: 5px;
  color: #959595; }

#page-mail .board-body .mail-item .title,
#page-mail .board-body .mail-item .content {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

#page-mail .board-body .mail-item .content {
  font-size: 12px;
  line-height: 16px;
  margin-left: 11px;
  margin-top: 10px;
  height: 32px;
  white-space: pre-wrap;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

#page-mail .board-body .pagination {
  padding: 15px 0 50px 0; }

@charset "UTF-8";
@font-face {
  font-family: 'tahoma2';
  src: url("../font/Tahoma.ttf") format("truetype");
  /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ }

@font-face {
  font-family: 'iconfont';
  src: url("../font/iconfont.eot?v2");
  /* IE9*/
  src: url("../font/iconfont.eot?v2#iefix") format("embedded-opentype"), url("../font/iconfont.woff?v2") format("woff"), url("../font/iconfont.ttf?v2") format("truetype"), url("../font/iconfont.svg?v2#iconfont") format("svg");
  /* iOS 4.1- */ }

#page-message {
  background-color: white;
  border-top: 1px transparent solid;
  margin-top: 8px; }
  #page-message > h2 {
    margin: 15px 0;
    text-align: center;
    font-size: 16px;
    color: #454545;
    font-weight: 500; }
  #page-message > .list > div, #page-message > .list > a {
    border-bottom: 1px dashed #e7e7e7;
    display: block;
    padding: 10px 15px;
    height: 40px;
    line-height: 40px;
    position: relative; }
    #page-message > .list > div:first-child, #page-message > .list > a:first-child {
      border-top: 1px dashed #e7e7e7; }
    #page-message > .list > div .portrait, #page-message > .list > a .portrait {
      display: inline-block;
      width: 40px;
      height: 40px;
      vertical-align: middle; }
      #page-message > .list > div .portrait > img, #page-message > .list > a .portrait > img {
        width: 40px;
        height: 40px;
        border-radius: 20px; }
      #page-message > .list > div .portrait.verified, #page-message > .list > a .portrait.verified {
        position: relative; }
        #page-message > .list > div .portrait.verified:after, #page-message > .list > a .portrait.verified:after {
          content: "v";
          display: inline-block;
          width: 13px;
          height: 13px;
          line-height: 13px;
          text-align: center;
          border-radius: 10px;
          position: absolute;
          font-size: 10px;
          overflow: auto;
          color: white;
          border: 2px solid white;
          bottom: 0;
          right: -7px; }
        #page-message > .list > div .portrait.verified.vip-0:after, #page-message > .list > a .portrait.verified.vip-0:after {
          background-color: #45C2FE; }
        #page-message > .list > div .portrait.verified.vip-1:after, #page-message > .list > a .portrait.verified.vip-1:after {
          background-color: #EF6474; }
        #page-message > .list > div .portrait.verified.vip-2:after, #page-message > .list > a .portrait.verified.vip-2:after {
          background-color: #F3B467; }
    #page-message > .list > div .info, #page-message > .list > a .info {
      display: inline-block;
      padding-left: 16px;
      vertical-align: middle; }
      #page-message > .list > div .info > p, #page-message > .list > a .info > p {
        margin: 0;
        width: 135px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      #page-message > .list > div .info > p:first-child, #page-message > .list > a .info > p:first-child {
        font-size: 16px;
        color: #454545;
        line-height: 20px; }
        #page-message > .list > div .info > p:first-child .nickname, #page-message > .list > a .info > p:first-child .nickname {
          color: #959595;
          padding-left: 6px; }
      #page-message > .list > div .info > p:last-child, #page-message > .list > a .info > p:last-child {
        width: 220px;
        margin-top: 2px;
        font-size: 12px;
        color: #959595;
        line-height: 18px; }
    #page-message > .list > div .time, #page-message > .list > a .time {
      position: absolute;
      right: 15px;
      top: 0;
      font-size: 10px;
      color: #BFBFBF; }
    #page-message > .list > div .count, #page-message > .list > a .count {
      font-size: 9px;
      background-color: #F18C73;
      border-radius: 14px;
      color: white;
      display: inline-block;
      line-height: 14px;
      height: 14px;
      min-width: 14px;
      text-align: center;
      position: absolute;
      right: 15px;
      top: 34px; }

@charset "UTF-8";
@font-face {
  font-family: 'tahoma2';
  src: url("../font/Tahoma.ttf") format("truetype");
  /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ }

@font-face {
  font-family: 'iconfont';
  src: url("../font/iconfont.eot?v2");
  /* IE9*/
  src: url("../font/iconfont.eot?v2#iefix") format("embedded-opentype"), url("../font/iconfont.woff?v2") format("woff"), url("../font/iconfont.ttf?v2") format("truetype"), url("../font/iconfont.svg?v2#iconfont") format("svg");
  /* iOS 4.1- */ }

#page-other-page {
  padding: 0 0 10px 0;
  line-height: 0;
  position: relative;
  background: white;
  overflow-x: hidden;
  overflow-y: auto; }
  #page-other-page .clearfix {
    overflow: auto;
    zoom: 1; }
  #page-other-page .other-page-head {
    padding: 0 15px;
    line-height: 0;
    position: relative;
    background-color: white;
    border-top: 1px solid #e7e7e7; }
    #page-other-page .other-page-head .title {
      font-size: 18px;
      color: black;
      line-height: 18px;
      margin-top: 15px; }
    #page-other-page .other-page-head .description {
      font-size: 10px;
      color: #959595;
      line-height: 20px;
      margin-top: 5px; }
      #page-other-page .other-page-head .description a {
        color: #F18C73; }
  #page-other-page .other-page-body {
    margin: 0 15px;
    width: 290px;
    font-size: 14px;
    color: #454545;
    line-height: 21px;
    word-break: normal;
    word-break: break-word; }
    #page-other-page .other-page-body .r {
      float: right; }
    #page-other-page .other-page-body .row {
      padding: 0;
      line-height: 20px;
      display: block; }
    #page-other-page .other-page-body .other-page-option {
      border-bottom: 1px solid #e7e7e7;
      padding: 15px 0;
      position: relative;
      margin: 0; }
    #page-other-page .other-page-body .option-list .btn {
      position: relative;
      display: inline-block;
      font-size: 14px;
      line-height: 40px;
      color: #959595; }
    #page-other-page .other-page-body .option-list ul {
      position: absolute;
      right: 5px;
      top: 50px;
      width: 120px;
      border: 1px solid #e7e7e7;
      border-radius: 5px;
      z-index: 96;
      background: white;
      color: #959595;
      margin-left: -110px;
      box-shadow: 0 2px 4px 0 #BFBFBF;
      display: inline-block; }
      #page-other-page .other-page-body .option-list ul > li {
        position: relative;
        display: block;
        height: 35px;
        font-size: 14px;
        line-height: 35px;
        color: #959595;
        text-align: center; }
        #page-other-page .other-page-body .option-list ul > li:not(:nth-of-type(1)) {
          border-top: 1px solid #F0F0F0; }
        #page-other-page .other-page-body .option-list ul > li > a {
          display: inline-block;
          height: 100%;
          width: 100%; }
    #page-other-page .other-page-body .other-page-content {
      width: 290px; }
    #page-other-page .other-page-body div {
      display: inline-block; }
    #page-other-page .other-page-body img {
      display: inline-block; }
    #page-other-page .other-page-body h2 {
      font-size: 14px;
      font-weight: 600; }
    #page-other-page .other-page-body .content {
      font-size: 12px;
      line-height: 18px;
      padding: 0 0 16px;
      border-bottom: 1px dashed #e7e7e7; }
      #page-other-page .other-page-body .content:last-child {
        border-bottom: 0; }
      #page-other-page .other-page-body .content > p {
        margin: 0; }
      #page-other-page .other-page-body .content a {
        color: #F18C73; }
      #page-other-page .other-page-body .content .identity-0 {
        color: #45C2FE; }
      #page-other-page .other-page-body .content .identity-1 {
        color: #EF6474; }
      #page-other-page .other-page-body .content .identity-2 {
        color: #F3B467; }
    #page-other-page .other-page-body ul.hot-topic {
      margin: 10px 0 0;
      border-top: 1px solid #e7e7e7; }
      #page-other-page .other-page-body ul.hot-topic li {
        position: relative;
        font-size: 14px;
        line-height: 18px;
        padding: 10px 0;
        border-bottom: 1px dashed #e7e7e7; }
        #page-other-page .other-page-body ul.hot-topic li .rank-digit {
          position: absolute;
          left: 5px;
          top: 12px;
          color: white;
          text-align: center;
          width: 26px;
          height: 16px;
          line-height: 16px;
          font-size: 12px;
          vertical-align: middle;
          display: inline-block;
          border-radius: 8px;
          background-color: #BFBFBF; }
        #page-other-page .other-page-body ul.hot-topic li:nth-child(1) .rank-digit {
          background-color: #EF6474; }
        #page-other-page .other-page-body ul.hot-topic li:nth-child(2) .rank-digit {
          background-color: #F18C73; }
        #page-other-page .other-page-body ul.hot-topic li:nth-child(3) .rank-digit {
          background-color: #F8CEA8; }
        #page-other-page .other-page-body ul.hot-topic li .post-info {
          display: block;
          color: #BFBFBF;
          font-size: 10px;
          margin-left: 40px;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden; }
          #page-other-page .other-page-body ul.hot-topic li .post-info .iconfont {
            margin: 0 2px 0 8px; }
        #page-other-page .other-page-body ul.hot-topic li .post-title {
          display: block;
          color: black;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          margin-left: 40px; }
        #page-other-page .other-page-body ul.hot-topic li .post-link {
          position: absolute;
          z-index: 1;
          left: 0;
          top: 0;
          height: 100%;
          width: 100%; }
        #page-other-page .other-page-body ul.hot-topic li:last-child {
          border-bottom: 1px solid #e7e7e7; }

@charset "UTF-8";
@font-face {
  font-family: 'tahoma2';
  src: url("../font/Tahoma.ttf") format("truetype");
  /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ }

@font-face {
  font-family: 'iconfont';
  src: url("../font/iconfont.eot?v2");
  /* IE9*/
  src: url("../font/iconfont.eot?v2#iefix") format("embedded-opentype"), url("../font/iconfont.woff?v2") format("woff"), url("../font/iconfont.ttf?v2") format("truetype"), url("../font/iconfont.svg?v2#iconfont") format("svg");
  /* iOS 4.1- */ }

#page-post-new {
  padding: 10px;
  line-height: 0;
  position: relative;
  background: white;
  overflow-x: hidden;
  overflow-y: auto;
  border-top: 1px solid #e7e7e7; }
  #page-post-new .back {
    display: inline-block;
    position: absolute;
    top: 25px;
    left: 15px;
    color: #959595;
    font-size: 14px; }
  #page-post-new .title {
    font-size: 16px;
    color: black;
    font-weight: 400;
    text-align: center;
    line-height: 20px;
    margin-bottom: 20px;
    margin-top: 5px; }
  #page-post-new .notice {
    font-size: 12px;
    color: black;
    font-weight: 400;
    text-align: center;
    line-height: 20px;
    margin-bottom: 20px;
    margin-top: 5px; }
  #page-post-new .row input[type=text], #page-post-new .row textarea {
    padding: 0;
    width: 100%;
    font-size: 12px; }
  #page-post-new .row input[type=text] {
    width: 298px; }
  #page-post-new .row textarea {
    min-height: 100px;
    line-height: 18px;
    max-width: 278px;
    text-indent: 0;
    padding: 10px; }
  #page-post-new .row span {
    font-size: 14px;
    color: #959595;
    margin-right: 10px; }
  #page-post-new .row select {
    height: 40px;
    width: 100px;
    box-shadow: 0 0 2px #BFBFBF; }
  #page-post-new .row .btn {
    height: 16px;
    line-height: 16px;
    font-size: 14px; }
  #page-post-new .row .r {
    float: right; }
  #page-post-new .row label:nth-last-child(1) {
    margin-left: 15px; }
  #page-post-new .title-wrapper {
    margin-bottom: 10px; }
  #page-post-new .content-wrapper {
    margin-bottom: 15px; }
  #page-post-new .images-wrapper {
    margin-bottom: 15px; }
  #page-post-new .image-wrapper {
    position: relative;
    display: inline-block;
    width: 65px;
    height: 55px;
    text-align: center;
    line-height: 55px;
    box-shadow: 0 0 4px #BFBFBF; }
    #page-post-new .image-wrapper > img {
      display: inline-block;
      max-width: 65px;
      max-height: 55px;
      vertical-align: middle; }
    #page-post-new .image-wrapper > a {
      position: absolute;
      display: inline-block;
      font-size: 8px;
      height: 14px;
      width: 14px;
      top: -7px;
      right: -7px;
      text-align: center;
      line-height: 14px;
      color: white;
      background: #BFBFBF;
      border-radius: 7px;
      z-index: 10; }
    #page-post-new .image-wrapper:nth-of-type(n+5) {
      margin-top: 15px; }
    #page-post-new .image-wrapper:not(:nth-of-type(4n)) {
      margin-right: 10px; }
  #page-post-new .split-line {
    display: inline-block;
    height: 0;
    width: 320px;
    position: relative;
    left: -10px;
    border-top: 1px solid #e7e7e7;
    margin-bottom: 15px; }
  #page-post-new .submit-btn {
    width: 300px;
    padding: 18px 0; }
  #page-post-new .input-file {
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    opacity: 0; }

@charset "UTF-8";
@font-face {
  font-family: 'tahoma2';
  src: url("../font/Tahoma.ttf") format("truetype");
  /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ }

@font-face {
  font-family: 'iconfont';
  src: url("../font/iconfont.eot?v2");
  /* IE9*/
  src: url("../font/iconfont.eot?v2#iefix") format("embedded-opentype"), url("../font/iconfont.woff?v2") format("woff"), url("../font/iconfont.ttf?v2") format("truetype"), url("../font/iconfont.svg?v2#iconfont") format("svg");
  /* iOS 4.1- */ }

#page-post-read, #page-post-read-single {
  padding: 15px 0 0;
  position: relative;
  background: white;
  border-top: 1px solid #e7e7e7; }
  #page-post-read .assistive-touch, #page-post-read-single .assistive-touch {
    position: fixed;
    right: 2px;
    bottom: 5px;
    width: 71px;
    height: 71px;
    z-index: 10; }
    #page-post-read .assistive-touch .ball, #page-post-read-single .assistive-touch .ball {
      position: absolute;
      display: inline-block;
      z-index: 55;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      line-height: 71px;
      text-align: center;
      transition: all 0.3s ease;
      -webkit-tap-highlight-color: transparent; }
      #page-post-read .assistive-touch .ball.active, #page-post-read-single .assistive-touch .ball.active {
        transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        /* IE 9 */
        -moz-transform: rotate(90deg);
        /* Firefox */
        -webkit-transform: rotate(90deg);
        /* Safari 和 Chrome */
        -o-transform: rotate(90deg); }
      #page-post-read .assistive-touch .ball > img, #page-post-read-single .assistive-touch .ball > img {
        display: inline-block;
        height: 100%;
        width: 100%; }
    #page-post-read .assistive-touch .panel, #page-post-read-single .assistive-touch .panel {
      position: absolute;
      display: inline-block;
      z-index: 50;
      bottom: 40px;
      right: 13px;
      width: 281px;
      height: 91px;
      line-height: 41px;
      padding-top: 11px;
      padding-left: 17px;
      background: rgba(255, 255, 255, 0.9);
      border: 1px solid #e7e7e7;
      border-radius: 5px;
      -webkit-box-shadow: 0 0 7px rgba(204, 204, 204, 0.5);
      -moz-box-shadow: 0 0 7px rgba(204, 204, 204, 0.5);
      box-shadow: 0 0 7px rgba(204, 204, 204, 0.5);
      transition: all 0.3s ease;
      text-align: center;
      transform-origin: right bottom;
      -ms-transform-origin: right bottom;
      -moz-transform-origin: right bottom;
      -webkit-transform-origin: right bottom;
      -o-transform-origin: right bottom;
      transform: scale(0.01, 0.01);
      -ms-transform: scale(0.01, 0.01);
      /* IE 9 */
      -moz-transform: scale(0.01, 0.01);
      /* Firefox */
      -webkit-transform: scale(0.01, 0.01);
      /* Safari 和 Chrome */
      -o-transform: scale(0.01, 0.01); }
      #page-post-read .assistive-touch .panel.active, #page-post-read-single .assistive-touch .panel.active {
        transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        /* IE 9 */
        -moz-transform: scale(1, 1);
        /* Firefox */
        -webkit-transform: scale(1, 1);
        /* Safari 和 Chrome */
        -o-transform: scale(1, 1); }
      #page-post-read .assistive-touch .panel > a, #page-post-read-single .assistive-touch .panel > a {
        float: left;
        display: inline-block;
        width: 86px;
        height: 41px;
        line-height: 41px;
        color: #959595;
        font-size: 14px;
        border-left: 1px solid #e7e7e7;
        border-bottom: 1px solid #e7e7e7;
        margin: 0;
        padding: 0; }
        #page-post-read .assistive-touch .panel > a:nth-of-type(3n+1), #page-post-read-single .assistive-touch .panel > a:nth-of-type(3n+1) {
          border-left: none; }
        #page-post-read .assistive-touch .panel > a:nth-of-type(n+4), #page-post-read-single .assistive-touch .panel > a:nth-of-type(n+4) {
          border-bottom: none; }
        #page-post-read .assistive-touch .panel > a.active, #page-post-read-single .assistive-touch .panel > a.active {
          color: #F18C73; }
        #page-post-read .assistive-touch .panel > a.disable, #page-post-read-single .assistive-touch .panel > a.disable {
          color: #BFBFBF; }
  #page-post-read .back, #page-post-read-single .back {
    display: inline-block;
    position: relative;
    left: 15px;
    color: #959595;
    font-size: 12px; }
  #page-post-read .share, #page-post-read .spread, #page-post-read-single .share, #page-post-read-single .spread {
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 15px;
    color: #66D5B6;
    font-size: 12px; }
  #page-post-read .spread, #page-post-read-single .spread {
    color: #959595; }
  #page-post-read .show-all-pic, #page-post-read-single .show-all-pic {
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 45px;
    color: #66D5B6;
    font-size: 12px; }
  #page-post-read .share-options, #page-post-read-single .share-options {
    position: absolute;
    display: inline-block;
    padding: 0;
    top: 35px;
    right: 15px;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    z-index: 30;
    background: #FFFFFF;
    width: 180px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
    opacity: 0.95; }
    #page-post-read .share-options > li, #page-post-read-single .share-options > li {
      position: relative;
      display: inline-block;
      margin: 10px 10px 0 0;
      width: 40px;
      height: 40px;
      line-height: 40px; }
      #page-post-read .share-options > li > a, #page-post-read-single .share-options > li > a {
        position: absolute;
        left: 0;
        top: 0;
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        border-radius: 20px; }
        #page-post-read .share-options > li > a > .iconfont, #page-post-read-single .share-options > li > a > .iconfont {
          font-size: 24px;
          color: white; }
      #page-post-read .share-options > li .weibo, #page-post-read-single .share-options > li .weibo {
        background: #FB6522; }
      #page-post-read .share-options > li .weixin, #page-post-read-single .share-options > li .weixin {
        background: #5FC94D; }
      #page-post-read .share-options > li .py, #page-post-read-single .share-options > li .py {
        background: #FCCB23; }
      #page-post-read .share-options > li:last-child, #page-post-read-single .share-options > li:last-child {
        margin-right: 0; }
  #page-post-read .title, #page-post-read-single .title {
    font-size: 18px;
    line-height: 27px;
    color: #454545;
    padding: 10px 15px;
    letter-spacing: 1px;
    word-break: break-all; }
  #page-post-read .post-card, #page-post-read-single .post-card {
    position: relative;
    border-top: 1px solid #e7e7e7;
    padding: 10px 15px; }
    #page-post-read .post-card.post-highlight, #page-post-read-single .post-card.post-highlight {
      background: #fff8f0; }
      #page-post-read .post-card.post-highlight .floor, #page-post-read-single .post-card.post-highlight .floor {
        color: #F18C73; }
      #page-post-read .post-card.post-highlight .attachment, #page-post-read-single .post-card.post-highlight .attachment {
        background-color: #fffaf4; }
    #page-post-read .post-card.post-fold-up, #page-post-read-single .post-card.post-fold-up {
      background: #fff8f0;
      color: #F18C73;
      text-align: center;
      font-size: 14px;
      padding: 10px 0;
      cursor: pointer; }
    #page-post-read .post-card .author, #page-post-read-single .post-card .author {
      position: relative;
      display: block; }
      #page-post-read .post-card .author .name, #page-post-read-single .post-card .author .name {
        position: absolute;
        left: 50px;
        top: 3px;
        font-size: 14px;
        color: #454545;
        max-width: 200px; }
        #page-post-read .post-card .author .name.name-lz, #page-post-read-single .post-card .author .name.name-lz {
          max-width: 170px; }
        #page-post-read .post-card .author .name > span, #page-post-read-single .post-card .author .name > span {
          color: #959595;
          margin-left: 10px; }
        #page-post-read .post-card .author .name.identity-0, #page-post-read-single .post-card .author .name.identity-0 {
          color: #45c2ee; }
          #page-post-read .post-card .author .name.identity-0 > span, #page-post-read-single .post-card .author .name.identity-0 > span {
            color: #45c2ee; }
        #page-post-read .post-card .author .name.identity-1, #page-post-read-single .post-card .author .name.identity-1 {
          color: #e63229; }
          #page-post-read .post-card .author .name.identity-1 > span, #page-post-read-single .post-card .author .name.identity-1 > span {
            color: #e63229; }
        #page-post-read .post-card .author .name.identity-2, #page-post-read-single .post-card .author .name.identity-2 {
          color: #f3b467; }
          #page-post-read .post-card .author .name.identity-2 > span, #page-post-read-single .post-card .author .name.identity-2 > span {
            color: #f3b467; }
      #page-post-read .post-card .author .time, #page-post-read-single .post-card .author .time {
        position: absolute;
        left: 50px;
        top: 25px;
        font-size: 10px;
        color: #BFBFBF; }
    #page-post-read .post-card .post-art-block, #page-post-read-single .post-card .post-art-block {
      position: absolute;
      right: 15px;
      top: 15px;
      font-size: 12px;
      color: #BFBFBF; }
      #page-post-read .post-card .post-art-block .floor, #page-post-read-single .post-card .post-art-block .floor {
        float: right; }
    #page-post-read .post-card .body, #page-post-read-single .post-card .body {
      margin-top: 12px; }
      #page-post-read .post-card .body .quote-segment, #page-post-read-single .post-card .body .quote-segment {
        position: relative;
        overflow: hidden; }
        #page-post-read .post-card .body .quote-segment.quote-collapse, #page-post-read-single .post-card .body .quote-segment.quote-collapse {
          height: 115px; }
        #page-post-read .post-card .body .quote-segment .quote-expand, #page-post-read-single .post-card .body .quote-segment .quote-expand {
          position: absolute;
          font-size: 12px;
          line-height: 12px;
          bottom: 0;
          right: 0;
          color: #FFFFFF;
          background-color: #A6DDE3;
          padding: 4px;
          border-radius: 4px; }
    #page-post-read .post-card .post-vote-line, #page-post-read-single .post-card .post-vote-line {
      display: inline-block;
      width: 100%;
      height: 33px;
      text-align: center;
      margin-top: 15px; }
      #page-post-read .post-card .post-vote-line .post-vote-container, #page-post-read-single .post-card .post-vote-line .post-vote-container {
        display: inline-block;
        position: relative;
        min-width: 150px;
        height: 100%;
        border-radius: 16.5px;
        border: 1px solid #e7e7e7;
        padding: 0 3px;
        transition: width 0.3s;
        -moz-transition: width 0.3s;
        /* Firefox 4 */
        -webkit-transition: width 0.3s;
        /* Safari 和 Chrome */
        -o-transition: width 0.3s;
        /* Opera */ }
        #page-post-read .post-card .post-vote-line .post-vote-container > div, #page-post-read-single .post-card .post-vote-line .post-vote-container > div {
          display: inline-block;
          height: 100%;
          min-width: 74.5px;
          font-size: 12px;
          line-height: 33px;
          cursor: pointer;
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none; }
          #page-post-read .post-card .post-vote-line .post-vote-container > div .icon, #page-post-read-single .post-card .post-vote-line .post-vote-container > div .icon {
            display: inline-block;
            position: relative;
            width: 16px;
            height: 16px;
            vertical-align: middle;
            margin-left: 10px;
            background-image: url("../images/post/vote.png"); }
          #page-post-read .post-card .post-vote-line .post-vote-container > div .text, #page-post-read-single .post-card .post-vote-line .post-vote-container > div .text {
            display: inline-block;
            vertical-align: middle;
            margin-right: 9px;
            margin-left: 8px; }
          #page-post-read .post-card .post-vote-line .post-vote-container > div.right, #page-post-read-single .post-card .post-vote-line .post-vote-container > div.right {
            border-left: 1px solid #e7e7e7;
            color: #F18C73; }
            #page-post-read .post-card .post-vote-line .post-vote-container > div.right .icon, #page-post-read-single .post-card .post-vote-line .post-vote-container > div.right .icon {
              background-position: -2px -22px; }
            #page-post-read .post-card .post-vote-line .post-vote-container > div.right.checked .icon, #page-post-read-single .post-card .post-vote-line .post-vote-container > div.right.checked .icon {
              background-position: -22px -22px; }
          #page-post-read .post-card .post-vote-line .post-vote-container > div.left, #page-post-read-single .post-card .post-vote-line .post-vote-container > div.left {
            color: #5FC8AA; }
            #page-post-read .post-card .post-vote-line .post-vote-container > div.left .icon, #page-post-read-single .post-card .post-vote-line .post-vote-container > div.left .icon {
              background-position: -2px -2px; }
            #page-post-read .post-card .post-vote-line .post-vote-container > div.left.checked .icon, #page-post-read-single .post-card .post-vote-line .post-vote-container > div.left.checked .icon {
              background-position: -22px -2px; }
    #page-post-read .post-card .attachment, #page-post-read-single .post-card .attachment {
      position: relative;
      border-top: 1px solid #e7e7e7;
      border-bottom: 1px solid #e7e7e7;
      background-color: #FBFBFB;
      margin-top: 15px; }
      #page-post-read .post-card .attachment .iconfont, #page-post-read-single .post-card .attachment .iconfont {
        font-size: 18px;
        color: #BFBFBF;
        position: absolute;
        left: 10px;
        top: 10px; }
      #page-post-read .post-card .attachment ul, #page-post-read-single .post-card .attachment ul {
        display: inline-block;
        padding: 10px 10px 10px 40px; }
        #page-post-read .post-card .attachment ul li, #page-post-read-single .post-card .attachment ul li {
          padding-bottom: 10px;
          line-height: normal;
          font-size: 12px;
          color: #454545;
          font-weight: 600;
          word-break: break-all; }
          #page-post-read .post-card .attachment ul li a, #page-post-read-single .post-card .attachment ul li a {
            position: relative;
            color: inherit; }
            #page-post-read .post-card .attachment ul li a > img, #page-post-read-single .post-card .attachment ul li a > img {
              max-height: 118px;
              max-width: 118px;
              border: 6px solid #e5e5e5; }
          #page-post-read .post-card .attachment ul li:last-child, #page-post-read-single .post-card .attachment ul li:last-child {
            padding-bottom: 0; }
          #page-post-read .post-card .attachment ul li > .size, #page-post-read-single .post-card .attachment ul li > .size {
            color: #959595; }
          #page-post-read .post-card .attachment ul li .pic-tag, #page-post-read-single .post-card .attachment ul li .pic-tag {
            position: absolute;
            display: inline-block;
            right: 6px;
            bottom: 8px;
            background: #ea6242;
            padding: 0 3px;
            height: 16px;
            color: #ffffff;
            line-height: 16px;
            font-weight: normal;
            font-size: 12px;
            text-decoration: none; }
    #page-post-read .post-card .signature p, #page-post-read-single .post-card .signature p {
      font-size: 12px;
      line-height: 18px; }
    #page-post-read .post-card .signature h5, #page-post-read-single .post-card .signature h5 {
      font-size: 12px;
      color: #BFBFBF;
      margin-top: 10px;
      margin-bottom: 6px;
      font-weight: normal; }
    #page-post-read .post-card .signature.hide > *:not(h5), #page-post-read-single .post-card .signature.hide > *:not(h5) {
      display: none; }
    #page-post-read .post-card .signature.hide > h5:after, #page-post-read-single .post-card .signature.hide > h5:after {
      content: " ▼"; }
    #page-post-read .post-card .operations, #page-post-read-single .post-card .operations {
      position: relative;
      height: 20px;
      margin-top: 15px; }
      #page-post-read .post-card .operations > a, #page-post-read-single .post-card .operations > a {
        display: inline-block;
        width: 94px;
        border-right: 1px solid #BFBFBF;
        font-size: 14px;
        color: #959595;
        line-height: 20px;
        text-align: center; }
        #page-post-read .post-card .operations > a:nth-of-type(3), #page-post-read-single .post-card .operations > a:nth-of-type(3) {
          border-right: none; }
      #page-post-read .post-card .operations > ul, #page-post-read-single .post-card .operations > ul {
        position: absolute;
        display: inline-block;
        top: 20px;
        right: 0;
        width: 120px;
        border: 1px solid #e7e7e7;
        border-radius: 5px;
        z-index: 30;
        background: #FFFFFF;
        box-shadow: 0 2px 4px 0 #BFBFBF; }
        #page-post-read .post-card .operations > ul > li, #page-post-read-single .post-card .operations > ul > li {
          position: relative;
          display: block;
          height: 35px;
          font-size: 14px;
          line-height: 35px;
          color: #959595;
          text-align: center; }
          #page-post-read .post-card .operations > ul > li:not(:nth-of-type(1)), #page-post-read-single .post-card .operations > ul > li:not(:nth-of-type(1)) {
            border-top: 1px solid #F0F0F0; }
          #page-post-read .post-card .operations > ul > li > a, #page-post-read-single .post-card .operations > ul > li > a {
            display: inline-block;
            height: 100%;
            width: 100%; }
    #page-post-read .post-card:not(:nth-of-type(1)), #page-post-read-single .post-card:not(:nth-of-type(1)) {
      border-top: 5px solid #F8CEA8; }
  #page-post-read .operation-dialog, #page-post-read-single .operation-dialog {
    display: inline-block;
    width: 260px;
    padding: 30px 15px; }
    #page-post-read .operation-dialog .content, #page-post-read-single .operation-dialog .content {
      text-align: left; }
    #page-post-read .operation-dialog .title, #page-post-read-single .operation-dialog .title {
      font-size: 14px;
      color: #454545;
      padding: 0; }
    #page-post-read .operation-dialog input, #page-post-read-single .operation-dialog input {
      width: 260px;
      margin: 10px 0 15px; }
    #page-post-read .operation-dialog .orange-btn, #page-post-read-single .operation-dialog .orange-btn {
      width: 220px; }
    #page-post-read .operation-dialog .instruction, #page-post-read-single .operation-dialog .instruction {
      font-size: 12px;
      line-height: 18px;
      margin-top: 15px; }
      #page-post-read .operation-dialog .instruction > span, #page-post-read-single .operation-dialog .instruction > span {
        color: #F18C73; }
      #page-post-read .operation-dialog .instruction > p, #page-post-read-single .operation-dialog .instruction > p {
        text-indent: 2em;
        color: #959595; }
  #page-post-read .share-mask, #page-post-read-single .share-mask {
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999; }
    #page-post-read .share-mask > .iconfont, #page-post-read-single .share-mask > .iconfont {
      position: absolute;
      top: 15px;
      right: 20px;
      font-size: 40px;
      color: white; }
    #page-post-read .share-mask > p, #page-post-read-single .share-mask > p {
      position: relative;
      top: 60px;
      text-align: center;
      color: white;
      font-size: 18px; }
  #page-post-read .pagination, #page-post-read-single .pagination {
    margin-bottom: -10px;
    padding-top: 0; }

#page-post-read .post-card:nth-last-of-type(5) {
  border-bottom: 1px solid #e7e7e7; }

#page-post-read-single {
  border-bottom: 1px solid #e7e7e7; }

@charset "UTF-8";
@font-face {
  font-family: 'tahoma2';
  src: url("../font/Tahoma.ttf") format("truetype");
  /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ }

@font-face {
  font-family: 'iconfont';
  src: url("../font/iconfont.eot?v2");
  /* IE9*/
  src: url("../font/iconfont.eot?v2#iefix") format("embedded-opentype"), url("../font/iconfont.woff?v2") format("woff"), url("../font/iconfont.ttf?v2") format("truetype"), url("../font/iconfont.svg?v2#iconfont") format("svg");
  /* iOS 4.1- */ }

#page-preference {
  padding: 15px;
  background-color: white;
  border-top: 1px solid #e7e7e7; }
  #page-preference > header {
    font-size: 16px;
    color: black;
    text-align: center;
    margin-bottom: 20px; }
  #page-preference .form-group {
    padding-bottom: 5px; }
    #page-preference .form-group > label {
      color: #BFBFBF;
      font-size: 14px; }
    #page-preference .form-group > .row {
      margin: 10px 0; }
    #page-preference .form-group input + label {
      margin-right: 15px; }
  #page-preference .orange-btn {
    width: 100%; }

@charset "UTF-8";
@font-face {
  font-family: 'tahoma2';
  src: url("../font/Tahoma.ttf") format("truetype");
  /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ }

@font-face {
  font-family: 'iconfont';
  src: url("../font/iconfont.eot?v2");
  /* IE9*/
  src: url("../font/iconfont.eot?v2#iefix") format("embedded-opentype"), url("../font/iconfont.woff?v2") format("woff"), url("../font/iconfont.ttf?v2") format("truetype"), url("../font/iconfont.svg?v2#iconfont") format("svg");
  /* iOS 4.1- */ }

#page-recaptcha {
  width: 320px;
  font-size: 14px;
  margin: 0 auto; }
  #page-recaptcha > .wrapper {
    width: 290px;
    border-bottom: 1px #BFBFBF solid;
    border-top: 5px #F18C73 solid;
    background: #ffffff;
    padding: 15px 15px;
    margin: 30px 0; }
  #page-recaptcha .loading {
    margin-top: 15px; }

@charset "UTF-8";
@font-face {
  font-family: 'tahoma2';
  src: url("../font/Tahoma.ttf") format("truetype");
  /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ }

@font-face {
  font-family: 'iconfont';
  src: url("../font/iconfont.eot?v2");
  /* IE9*/
  src: url("../font/iconfont.eot?v2#iefix") format("embedded-opentype"), url("../font/iconfont.woff?v2") format("woff"), url("../font/iconfont.ttf?v2") format("truetype"), url("../font/iconfont.svg?v2#iconfont") format("svg");
  /* iOS 4.1- */ }

#page-refill-form > h2 {
  font-size: 16px;
  color: #BFBFBF;
  margin: 15px 0;
  text-align: center;
  font-weight: 500; }

#page-refill-form .form-content > div:not(:first-child) {
  margin-left: 15px;
  margin-right: 15px; }

#page-refill-form .hidden {
  display: none; }

#page-refill-form .tabs {
  display: -webkit-box;
  display: flex;
  justify-content: space-between;
  -webkit-box-pack: justify;
  /* for uc */
  width: 290px px;
  height: 40px;
  margin: 0;
  line-height: 40px;
  padding: 0 15px;
  background: white;
  border-bottom: 1px solid #e7e7e7; }
  #page-refill-form .tabs > a {
    display: block;
    font-size: 14px;
    padding: 0 2px;
    height: 40px;
    line-height: 40px;
    color: #959595; }
    #page-refill-form .tabs > a .long {
      display: none; }
    #page-refill-form .tabs > a .short {
      display: inline; }
    #page-refill-form .tabs > a.active {
      font-weight: 400;
      color: #454545;
      position: relative; }
      #page-refill-form .tabs > a.active:after {
        content: "";
        position: absolute;
        display: inline-block;
        width: 100%;
        height: 2px;
        right: 0;
        bottom: 0;
        background: #F18C73; }
      #page-refill-form .tabs > a.active .long {
        display: inline; }
      #page-refill-form .tabs > a.active .short {
        display: none; }

#page-refill-form .form {
  margin-top: 30px;
  font-size: 14px;
  color: #959595;
  line-height: 20px; }
  #page-refill-form .form .row {
    margin: 10px 0 0;
    display: block;
    width: 100%; }
  #page-refill-form .form .warning-info {
    display: none; }
  #page-refill-form .form .error .warning-info {
    display: block; }
  #page-refill-form .form .error input[type=text], #page-refill-form .form .error input[type=number], #page-refill-form .form .error input[type=password], #page-refill-form .form .error input[type=email], #page-refill-form .form .error input[type=tel], #page-refill-form .form .error textarea {
    border-color: #EF6474; }
  #page-refill-form .form label .instruction {
    padding-left: 10px; }
  #page-refill-form .form .instruction {
    color: #BFBFBF;
    font-size: 14px; }
    #page-refill-form .form .instruction p {
      line-height: 21px;
      text-indent: 28px;
      margin: 15px 0; }
    #page-refill-form .form .instruction .red-link {
      color: #F18C73; }
  #page-refill-form .form.agreement {
    margin: 30px 0; }
  #page-refill-form .form .inline-label {
    display: inline-block;
    margin: 10px;
    height: 20px; }
  #page-refill-form .form input.tiny {
    width: 100px;
    margin-right: 15px; }
  #page-refill-form .form input.ex-tiny {
    width: 60px;
    margin-right: 15px; }
  #page-refill-form .form select[data-role=emailsuf] {
    width: 248px;
    float: right; }
  #page-refill-form .form input[data-role=gender] + label {
    margin-right: 10px; }
  #page-refill-form .form input[data-role=hide_gender] + label {
    margin-left: 30px; }
  #page-refill-form .form.error p {
    text-align: center;
    margin-top: 45px; }

#page-refill-form .buttons.row {
  margin-top: 30px; }
  #page-refill-form .buttons.row > a {
    margin-right: 20px; }

@charset "UTF-8";
@font-face {
  font-family: 'tahoma2';
  src: url("../font/Tahoma.ttf") format("truetype");
  /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ }

@font-face {
  font-family: 'iconfont';
  src: url("../font/iconfont.eot?v2");
  /* IE9*/
  src: url("../font/iconfont.eot?v2#iefix") format("embedded-opentype"), url("../font/iconfont.woff?v2") format("woff"), url("../font/iconfont.ttf?v2") format("truetype"), url("../font/iconfont.svg?v2#iconfont") format("svg");
  /* iOS 4.1- */ }

#page-register .form-content > div:not(:first-child) {
  margin-left: 15px;
  margin-right: 15px; }

#page-register .form-content {
  margin-top: 30px; }

#page-register .hidden {
  display: none; }

#page-register .tabs {
  display: -webkit-box;
  display: flex;
  justify-content: space-between;
  -webkit-box-pack: justify;
  /* for uc */
  width: 290px px;
  height: 40px;
  margin: 0;
  line-height: 40px;
  padding: 0 15px;
  background: white;
  border-bottom: 1px solid #e7e7e7; }
  #page-register .tabs > a {
    display: block;
    font-size: 14px;
    padding: 0 2px;
    height: 40px;
    line-height: 40px;
    color: #959595; }
    #page-register .tabs > a .long {
      display: none; }
    #page-register .tabs > a .short {
      display: inline; }
    #page-register .tabs > a.active {
      font-weight: 400;
      color: #454545;
      position: relative; }
      #page-register .tabs > a.active:after {
        content: "";
        position: absolute;
        display: inline-block;
        width: 100%;
        height: 2px;
        right: 0;
        bottom: 0;
        background: #F18C73; }
      #page-register .tabs > a.active .long {
        display: inline; }
      #page-register .tabs > a.active .short {
        display: none; }

#page-register .tab-infos {
  margin-top: 10px;
  margin-bottom: 30px;
  font-size: 12px;
  line-height: 18px;
  color: #BFBFBF; }
  #page-register .tab-infos .tab-info > span {
    display: block;
    text-indent: 24px; }

#page-register .form {
  font-size: 14px;
  color: #959595;
  line-height: 20px; }
  #page-register .form .reg-hint {
    font-size: 12px;
    padding: 8px;
    line-height: 16px;
    margin-bottom: 16px;
    color: #e97c62;
    box-sizing: border-box;
    border: 1px dashed #e97c62; }
    #page-register .form .reg-hint .red-link {
      text-decoration: underline; }
  #page-register .form .row {
    margin: 10px 0 0;
    display: block;
    width: 100%; }
  #page-register .form .warning-info {
    display: none; }
  #page-register .form .error .warning-info {
    display: block; }
  #page-register .form .error input[type=text], #page-register .form .error input[type=number], #page-register .form .error input[type=password], #page-register .form .error input[type=email], #page-register .form .error input[type=tel], #page-register .form .error textarea {
    border-color: #EF6474; }
  #page-register .form label .instruction {
    padding-left: 10px; }
  #page-register .form .instruction {
    color: #BFBFBF;
    font-size: 14px; }
    #page-register .form .instruction p {
      line-height: 21px;
      text-indent: 28px;
      margin: 15px 0; }
    #page-register .form .instruction .red-link {
      color: #F18C73; }
  #page-register .form.agreement {
    margin: 30px 0; }
  #page-register .form .inline-label {
    display: inline-block;
    margin: 10px;
    height: 20px; }
  #page-register .form input.tiny {
    width: 100px;
    margin-right: 15px; }
  #page-register .form input.ex-tiny {
    width: 60px;
    margin-right: 15px; }
  #page-register .form select[data-role=emailsuf] {
    width: 248px;
    float: right; }
  #page-register .form input[data-role=gender] + label {
    margin-right: 10px; }
  #page-register .form input[data-role=hide_gender] + label {
    margin-left: 30px; }
  #page-register .form .orange-btn {
    display: block; }

#page-register .success-content {
  margin: auto;
  width: 260px;
  position: relative; }
  #page-register .success-content .image-wrapper {
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-radius: 35px;
    background-color: #D3EDF5;
    margin: auto;
    text-align: center; }
    #page-register .success-content .image-wrapper > img {
      width: 70px;
      vertical-align: middle; }
  #page-register .success-content p {
    font-size: 14px;
    color: #959595;
    margin: 10px 0;
    line-height: 21px;
    text-indent: 28px; }
    #page-register .success-content p .orange {
      color: #F18C73; }
  #page-register .success-content .orange-btn {
    margin-top: 30px;
    display: block; }

@charset "UTF-8";
@font-face {
  font-family: 'tahoma2';
  src: url("../font/Tahoma.ttf") format("truetype");
  /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ }

@font-face {
  font-family: 'iconfont';
  src: url("../font/iconfont.eot?v2");
  /* IE9*/
  src: url("../font/iconfont.eot?v2#iefix") format("embedded-opentype"), url("../font/iconfont.woff?v2") format("woff"), url("../font/iconfont.ttf?v2") format("truetype"), url("../font/iconfont.svg?v2#iconfont") format("svg");
  /* iOS 4.1- */ }

#page-reset-password .form-content > div:not(:first-child), #page-bind-email .form-content > div:not(:first-child), #page-bind-wechat .form-content > div:not(:first-child) {
  margin-left: 15px;
  margin-right: 15px; }

#page-reset-password .form-content, #page-bind-email .form-content, #page-bind-wechat .form-content {
  margin-top: 30px; }

#page-reset-password .hidden, #page-bind-email .hidden, #page-bind-wechat .hidden {
  display: none; }

#page-reset-password .tabs, #page-bind-email .tabs, #page-bind-wechat .tabs {
  display: -webkit-box;
  display: flex;
  justify-content: space-between;
  -webkit-box-pack: justify;
  /* for uc */
  width: 290px px;
  height: 40px;
  margin: 0;
  line-height: 40px;
  padding: 0 15px;
  background: white;
  border-bottom: 1px solid #e7e7e7; }
  #page-reset-password .tabs > a, #page-bind-email .tabs > a, #page-bind-wechat .tabs > a {
    display: block;
    font-size: 14px;
    padding: 0 2px;
    height: 40px;
    line-height: 40px;
    color: #959595; }
    #page-reset-password .tabs > a .long, #page-bind-email .tabs > a .long, #page-bind-wechat .tabs > a .long {
      display: none; }
    #page-reset-password .tabs > a .short, #page-bind-email .tabs > a .short, #page-bind-wechat .tabs > a .short {
      display: inline; }
    #page-reset-password .tabs > a.active, #page-bind-email .tabs > a.active, #page-bind-wechat .tabs > a.active {
      font-weight: 400;
      color: #454545;
      position: relative; }
      #page-reset-password .tabs > a.active:after, #page-bind-email .tabs > a.active:after, #page-bind-wechat .tabs > a.active:after {
        content: "";
        position: absolute;
        display: inline-block;
        width: 100%;
        height: 2px;
        right: 0;
        bottom: 0;
        background: #F18C73; }
      #page-reset-password .tabs > a.active .long, #page-bind-email .tabs > a.active .long, #page-bind-wechat .tabs > a.active .long {
        display: inline; }
      #page-reset-password .tabs > a.active .short, #page-bind-email .tabs > a.active .short, #page-bind-wechat .tabs > a.active .short {
        display: none; }

#page-reset-password .tab-infos, #page-bind-email .tab-infos, #page-bind-wechat .tab-infos {
  margin-top: 10px;
  margin-bottom: 30px;
  font-size: 12px;
  line-height: 18px;
  color: #BFBFBF; }
  #page-reset-password .tab-infos .tab-info > span, #page-bind-email .tab-infos .tab-info > span, #page-bind-wechat .tab-infos .tab-info > span {
    display: block;
    text-indent: 24px; }

#page-reset-password .form, #page-bind-email .form, #page-bind-wechat .form {
  font-size: 14px;
  color: #959595;
  line-height: 20px; }
  #page-reset-password .form .row, #page-bind-email .form .row, #page-bind-wechat .form .row {
    margin: 10px 0 0;
    display: block;
    width: 100%; }
  #page-reset-password .form .warning-info, #page-bind-email .form .warning-info, #page-bind-wechat .form .warning-info {
    display: none; }
  #page-reset-password .form .error .warning-info, #page-bind-email .form .error .warning-info, #page-bind-wechat .form .error .warning-info {
    display: block; }
  #page-reset-password .form .error input[type=text], #page-reset-password .form .error input[type=number], #page-reset-password .form .error input[type=password], #page-reset-password .form .error input[type=email], #page-reset-password .form .error input[type=tel], #page-reset-password .form .error textarea, #page-bind-email .form .error input[type=text], #page-bind-email .form .error input[type=number], #page-bind-email .form .error input[type=password], #page-bind-email .form .error input[type=email], #page-bind-email .form .error input[type=tel], #page-bind-email .form .error textarea, #page-bind-wechat .form .error input[type=text], #page-bind-wechat .form .error input[type=number], #page-bind-wechat .form .error input[type=password], #page-bind-wechat .form .error input[type=email], #page-bind-wechat .form .error input[type=tel], #page-bind-wechat .form .error textarea {
    border-color: #EF6474; }
  #page-reset-password .form label .instruction, #page-bind-email .form label .instruction, #page-bind-wechat .form label .instruction {
    padding-left: 10px; }
  #page-reset-password .form .instruction, #page-bind-email .form .instruction, #page-bind-wechat .form .instruction {
    color: #BFBFBF;
    font-size: 14px; }
    #page-reset-password .form .instruction p, #page-bind-email .form .instruction p, #page-bind-wechat .form .instruction p {
      line-height: 21px;
      text-indent: 28px;
      margin: 15px 0; }
    #page-reset-password .form .instruction .red-link, #page-bind-email .form .instruction .red-link, #page-bind-wechat .form .instruction .red-link {
      color: #F18C73; }
  #page-reset-password .form.agreement, #page-bind-email .form.agreement, #page-bind-wechat .form.agreement {
    margin: 30px 0; }
  #page-reset-password .form .inline-label, #page-bind-email .form .inline-label, #page-bind-wechat .form .inline-label {
    display: inline-block;
    margin: 10px;
    height: 20px; }
  #page-reset-password .form input.tiny, #page-bind-email .form input.tiny, #page-bind-wechat .form input.tiny {
    width: 100px;
    margin-right: 15px; }
  #page-reset-password .form input.ex-tiny, #page-bind-email .form input.ex-tiny, #page-bind-wechat .form input.ex-tiny {
    width: 60px;
    margin-right: 15px; }
  #page-reset-password .form select[data-role=emailsuf], #page-bind-email .form select[data-role=emailsuf], #page-bind-wechat .form select[data-role=emailsuf] {
    width: 248px;
    float: right; }
  #page-reset-password .form input[data-role=gender] + label, #page-bind-email .form input[data-role=gender] + label, #page-bind-wechat .form input[data-role=gender] + label {
    margin-right: 10px; }
  #page-reset-password .form input[data-role=hide_gender] + label, #page-bind-email .form input[data-role=hide_gender] + label, #page-bind-wechat .form input[data-role=hide_gender] + label {
    margin-left: 30px; }
  #page-reset-password .form .orange-btn, #page-reset-password .form .white-btn, #page-bind-email .form .orange-btn, #page-bind-email .form .white-btn, #page-bind-wechat .form .orange-btn, #page-bind-wechat .form .white-btn {
    display: block; }
    #page-reset-password .form .orange-btn:nth-child(2), #page-reset-password .form .white-btn:nth-child(2), #page-bind-email .form .orange-btn:nth-child(2), #page-bind-email .form .white-btn:nth-child(2), #page-bind-wechat .form .orange-btn:nth-child(2), #page-bind-wechat .form .white-btn:nth-child(2) {
      margin-top: 10px; }

#page-reset-password .success-content, #page-bind-email .success-content, #page-bind-wechat .success-content {
  margin: auto;
  width: 260px;
  position: relative; }
  #page-reset-password .success-content .image-wrapper, #page-bind-email .success-content .image-wrapper, #page-bind-wechat .success-content .image-wrapper {
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-radius: 35px;
    background-color: #D3EDF5;
    margin: auto;
    text-align: center; }
    #page-reset-password .success-content .image-wrapper > img, #page-bind-email .success-content .image-wrapper > img, #page-bind-wechat .success-content .image-wrapper > img {
      width: 50px;
      vertical-align: middle; }
  #page-reset-password .success-content p, #page-bind-email .success-content p, #page-bind-wechat .success-content p {
    font-size: 14px;
    color: #959595;
    margin: 10px 0;
    line-height: 21px;
    text-indent: 28px; }
    #page-reset-password .success-content p .orange, #page-bind-email .success-content p .orange, #page-bind-wechat .success-content p .orange {
      color: #F18C73; }
  #page-reset-password .success-content .red-link, #page-bind-email .success-content .red-link, #page-bind-wechat .success-content .red-link {
    color: #F18C73;
    border-bottom: 1px solid #F18C73;
    cursor: pointer; }
  #page-reset-password .success-content .orange-btn, #page-bind-email .success-content .orange-btn, #page-bind-wechat .success-content .orange-btn {
    margin-top: 30px;
    display: block; }

@charset "UTF-8";
@font-face {
  font-family: 'tahoma2';
  src: url("../font/Tahoma.ttf") format("truetype");
  /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ }

@font-face {
  font-family: 'iconfont';
  src: url("../font/iconfont.eot?v2");
  /* IE9*/
  src: url("../font/iconfont.eot?v2#iefix") format("embedded-opentype"), url("../font/iconfont.woff?v2") format("woff"), url("../font/iconfont.ttf?v2") format("truetype"), url("../font/iconfont.svg?v2#iconfont") format("svg");
  /* iOS 4.1- */ }

#page-search {
  padding: 0 18px 0;
  position: relative;
  background: white;
  border-top: 1px solid #e7e7e7; }
  #page-search .filters {
    position: relative;
    height: 20px;
    margin-top: 15px; }
    #page-search .filters > a {
      display: inline-block;
      width: 94px;
      border-right: 1px solid #BFBFBF;
      font-size: 14px;
      color: #959595;
      line-height: 20px;
      text-align: center; }
      #page-search .filters > a:nth-of-type(3) {
        border-right: none; }
    #page-search .filters > ul {
      position: absolute;
      display: inline-block;
      top: 20px;
      right: 0;
      width: 120px;
      border: 1px solid #e7e7e7;
      border-radius: 5px;
      z-index: 30;
      background: #FFFFFF;
      box-shadow: 0 2px 4px 0 #BFBFBF; }
      #page-search .filters > ul > li {
        position: relative;
        display: block;
        height: 35px;
        font-size: 14px;
        line-height: 35px;
        color: #959595;
        text-align: center; }
        #page-search .filters > ul > li:not(:nth-of-type(1)) {
          border-top: 1px solid #F0F0F0; }
        #page-search .filters > ul > li > a {
          display: inline-block;
          height: 100%;
          width: 100%; }
  #page-search .result-list {
    margin-top: 20px; }
    #page-search .result-list.empty {
      text-align: center;
      font-size: 16px;
      padding-top: 50px; }
    #page-search .result-list .item {
      position: relative;
      padding: 10px 0;
      border-bottom: 1px dashed #e7e7e7; }
      #page-search .result-list .item:first-of-type {
        border-top: 1px dashed #e7e7e7; }
      #page-search .result-list .item .item-link {
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        left: 0;
        top: 0; }
    #page-search .result-list .board > p {
      margin: 0 0 4px;
      color: #959595;
      font-size: 10px; }
      #page-search .result-list .board > p:first-of-type {
        margin-bottom: 6px;
        font-size: 16px;
        height: 18px;
        line-height: 18px; }
        #page-search .result-list .board > p:first-of-type > span {
          display: inline-block;
          vertical-align: top; }
        #page-search .result-list .board > p:first-of-type > :first-child {
          display: inline-block;
          max-width: 210px;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
          margin-right: 10px;
          position: relative;
          top: 1px; }
          #page-search .result-list .board > p:first-of-type > :first-child > span:nth-child(2) {
            color: black; }
      #page-search .result-list .board > p:last-of-type {
        margin: 0; }
    #page-search .result-list .board .star {
      position: absolute;
      font-size: 18px;
      right: 0;
      top: 10px;
      color: #959595; }
      #page-search .result-list .board .star.icon_like_down {
        color: #F18C73;
        display: none; }
    #page-search .result-list .board.favorite .star.icon_like_normal {
      display: none; }
    #page-search .result-list .board.favorite .star.icon_like_down {
      display: block; }
    #page-search .result-list .user .avatar {
      vertical-align: middle; }
    #page-search .result-list .user .info {
      display: inline-block;
      padding-left: 16px;
      vertical-align: middle; }
      #page-search .result-list .user .info > p {
        margin: 0;
        width: 195px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      #page-search .result-list .user .info > p:first-child {
        font-size: 16px;
        color: #454545;
        line-height: 20px; }
        #page-search .result-list .user .info > p:first-child .nickname {
          color: #959595;
          padding-left: 6px; }
      #page-search .result-list .user .info > p:last-child {
        width: 180px;
        margin-top: 2px;
        font-size: 12px;
        color: #959595;
        line-height: 18px; }
    #page-search .result-list .user .status {
      font-size: 12px;
      padding: 5px;
      background-color: #f6f6f6;
      border-radius: 7px;
      color: #959595;
      display: inline-block;
      line-height: 14px;
      position: absolute;
      right: 2px;
      top: 18px; }
      #page-search .result-list .user .status.online {
        color: #66D5B6; }
    #page-search .result-list .post .post-info {
      color: #BFBFBF;
      font-size: 10px; }
      #page-search .result-list .post .post-info .iconfont {
        margin: 0 2px 0 8px; }
    #page-search .result-list .post .right {
      float: right; }
    #page-search .result-list .post .post-title {
      display: block;
      color: black;
      font-size: 16px;
      margin: 3px 0; }
      #page-search .result-list .post .post-title.inline {
        display: inline-block;
        width: 140px; }
  #page-search .pagination {
    padding-left: 0;
    padding-right: 0; }
  #page-search .red {
    color: #F18C73 !important; }

@charset "UTF-8";
@font-face {
  font-family: 'tahoma2';
  src: url("../font/Tahoma.ttf") format("truetype");
  /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ }

@font-face {
  font-family: 'iconfont';
  src: url("../font/iconfont.eot?v2");
  /* IE9*/
  src: url("../font/iconfont.eot?v2#iefix") format("embedded-opentype"), url("../font/iconfont.woff?v2") format("woff"), url("../font/iconfont.ttf?v2") format("truetype"), url("../font/iconfont.svg?v2#iconfont") format("svg");
  /* iOS 4.1- */ }

#page-spindex {
  margin: auto;
  width: 260px;
  position: relative; }
  #page-spindex p {
    font-size: 14px;
    color: #959595;
    margin: 10px 0;
    line-height: 21px;
    text-indent: 28px; }
    #page-spindex p .orange {
      color: #F18C73; }
  #page-spindex .orange-btn {
    margin-top: 30px;
    display: block; }

@charset "UTF-8";
@font-face {
  font-family: 'tahoma2';
  src: url("../font/Tahoma.ttf") format("truetype");
  /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ }

@font-face {
  font-family: 'iconfont';
  src: url("../font/iconfont.eot?v2");
  /* IE9*/
  src: url("../font/iconfont.eot?v2#iefix") format("embedded-opentype"), url("../font/iconfont.woff?v2") format("woff"), url("../font/iconfont.ttf?v2") format("truetype"), url("../font/iconfont.svg?v2#iconfont") format("svg");
  /* iOS 4.1- */ }

#page-thread {
  padding: 0 0 10px 0;
  line-height: 0;
  position: relative;
  background: white;
  overflow-x: hidden;
  overflow-y: auto; }

#page-thread .board-body .r {
  float: right; }

#page-thread .board-body ul {
  position: absolute;
  top: 55px;
  width: 120px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  z-index: 96;
  background: white;
  color: #959595;
  margin-left: -110px;
  display: none;
  box-shadow: 0 2px 4px 0 #BFBFBF; }

#page-thread .board-body li {
  font-size: 14px;
  text-align: center;
  line-height: 35px; }

#page-thread .board-body li .num,
#page-thread .board-body .board-option .option-list .btn .num {
  font-size: 9px;
  text-align: center;
  color: white;
  background-color: #F18C73;
  margin-left: 3px;
  border-radius: 7px;
  min-width: 8px;
  padding: 0 3px;
  line-height: 14px;
  display: inline-block; }

#page-thread .board-body li a {
  display: inline-block;
  width: 100%;
  height: 100%; }

#page-thread .board-body .btn {
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 40px;
  color: #959595; }

#page-thread .board-body .button-placeholder {
  display: inline-block;
  width: 290px;
  height: 42px; }

#page-thread .board-body .submit-btn {
  padding: 18px 22px;
  position: fixed;
  right: 15px;
  bottom: 15px;
  z-index: 60; }

#page-thread .board-body .row {
  width: 290px;
  margin: 0 15px 0 15px;
  padding: 0;
  display: inline-block;
  line-height: 20px; }

#page-thread .board-body .board-option {
  border-bottom: 1px solid #e7e7e7;
  padding: 15px 15px 0 15px;
  position: relative;
  margin: 0; }

#page-thread .board-body .board-option .option-list {
  margin-left: 30px; }
  #page-thread .board-body .board-option .option-list:nth-of-type(1) ul {
    right: 5px; }
  #page-thread .board-body .board-option .option-list:nth-of-type(2) ul {
    left: 230px; }
  #page-thread .board-body .board-option .option-list ul {
    display: inline-block; }
    #page-thread .board-body .board-option .option-list ul > li {
      position: relative;
      display: block;
      height: 35px;
      font-size: 14px;
      line-height: 35px;
      color: #959595;
      text-align: center; }
      #page-thread .board-body .board-option .option-list ul > li:not(:nth-of-type(1)) {
        border-top: 1px solid #F0F0F0; }
      #page-thread .board-body .board-option .option-list ul > li > a {
        display: inline-block;
        height: 100%;
        width: 100%; }

#page-thread .board-body .board-option > .btn {
  color: #66D5B6; }

#page-thread .board-body .thread-item {
  position: relative;
  border-radius: 10px;
  padding: 10px 8px;
  margin: 0 15px 0 15px; }
  #page-thread .board-body .thread-item:nth-of-type(odd) {
    background-color: #f6f6f6; }

#page-thread .board-body .thread-item .row {
  margin: 0px;
  width: 100%; }

#page-thread .board-body .thread-item .row .item {
  line-height: 12px;
  color: #959595;
  font-size: 9px;
  float: left; }
  #page-thread .board-body .thread-item .row .item.author {
    max-width: 100px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }

#page-thread .board-body .thread-item .head {
  position: relative; }

#page-thread .board-body .thread-item .head .title {
  float: none; }
  #page-thread .board-body .thread-item .head .title.highlight {
    color: #ea6242; }

#page-thread .board-body .thread-item .head .item {
  line-height: 14px;
  color: black;
  font-size: 14px;
  display: inline;
  vertical-align: middle; }

#page-thread .board-body .thread-item .head .tag {
  display: inline-block;
  text-align: center;
  font-size: 8px;
  vertical-align: middle;
  margin: 0 0 0 5px; }

#page-thread .board-body .thread-item .head .dot {
  position: absolute;
  background: #F18C73;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  left: -6px;
  top: 8px;
  display: inline-block; }

#page-thread .board-body .thread-item .info {
  margin-top: 10px; }

#page-thread .board-body .thread-item .info .time {
  margin-left: 20px; }

#page-thread .board-body .thread-item .info .reply {
  float: right; }
  #page-thread .board-body .thread-item .info .reply .iconfont {
    font-size: 10px;
    margin-right: 3px; }

#page-thread .board-body .thread-item .ad,
#page-thread .board-body .thread-item .top {
  border: 1px solid #F18C73;
  border-radius: 4px;
  width: 24px;
  height: 14px;
  line-height: 14px;
  color: #F18C73;
  font-size: 8px; }

#page-thread .board-body .thread-item .zd,
#page-thread .board-body .thread-item .yc,
#page-thread .board-body .thread-item .bl,
#page-thread .board-body .thread-item .wz {
  padding: 0 5px;
  border-radius: 7px;
  height: 15px;
  line-height: 15px;
  color: #7CB2B8;
  background-color: rgba(124, 178, 184, 0.2); }

#page-thread .board-body .thread-item .head .tag.nr,
#page-thread .board-body .thread-item .head .tag.attach {
  height: 15px;
  line-height: 15px;
  font-size: 10px;
  margin-left: 3px; }

#page-thread .board-body .thread-item .head .tag.nr {
  color: #BFBFBF; }

#page-thread .board-body .thread-item .head .tag.attach {
  color: #7CB2B8; }

#page-thread .board-body .thread-item.ad {
  padding: 10px 8px; }
  #page-thread .board-body .thread-item.ad .ad, #page-thread .board-body .thread-item.ad .top {
    margin: 0 5px 0 0; }

#page-thread .board-body .thread-item.top .ad, #page-thread .board-body .thread-item.top .top {
  margin: 0 5px 0 0; }

#page-thread .board-body .thread-item.ad .info {
  display: none; }

#page-thread .board-body .thread-item.deleted .reply,
#page-thread .board-body .thread-item.deleted .time .txt,
#page-thread .board-body .thread-item.single .reply,
#page-thread .board-body .thread-item.single .time .txt {
  display: none; }

#page-thread .board-body .thread-item.deleted {
  padding-right: 44px; }
  #page-thread .board-body .thread-item.deleted .undo {
    display: block; }

#page-thread .board-body .thread-item .undo {
  font-size: 12px;
  color: #7CB2B8;
  display: none;
  top: 50%;
  right: 0;
  margin-right: 10px;
  position: absolute; }

#page-thread .board-body .thread-item .thread-link {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 30; }

#page-thread .board-body .blank-page {
  margin: 15px 15px 0 15px;
  border-radius: 8px;
  border: 1px solid #e7e7e7;
  background: #f6f6f6;
  display: inline-block;
  width: 290px; }

#page-thread .board-body .blank-page .logo {
  font-size: 36px;
  color: white;
  width: 70px;
  height: 70px;
  background: #d3edf5;
  border: 2px solid #c4e5e9;
  border-radius: 35px;
  line-height: 70px;
  margin: 60px auto 15px auto;
  text-align: center; }

#page-thread .board-body .blank-page .txt {
  font-size: 16px;
  color: #BFBFBF;
  text-align: center;
  line-height: 20px;
  margin: 0 auto 60px auto; }

#page-thread .board-body .blank-page .link {
  color: #F18C73;
  font-weight: bold; }

#page-thread .board-body .denied-page {
  padding: 80px 0 100px 0; }
  #page-thread .board-body .denied-page .txt {
    margin: 0 auto 15px auto; }

#page-thread .board-body .note-page {
  font-size: 12px;
  color: #454545;
  line-height: 12px;
  max-width: 290px;
  overflow-x: scroll; }

#page-thread .board-body .note-container {
  width: 480px; }

#page-thread .board-body .pre {
  white-space: pre-wrap;
  font-family: "SimSun", "AR PL UMing CN", monospace;
  letter-spacing: 0; }

#page-thread .board-body .updir {
  font-size: 12px;
  color: #959595;
  padding: 10px 0 0 0; }

#page-thread .board-body .curdir {
  font-size: 14px;
  color: #454545;
  padding: 5px 0 20px 0;
  text-align: center;
  margin-top: 15px; }

#page-thread .board-body .updir + .curdir {
  margin-top: 0; }

#page-thread .board-body .collection-item {
  padding-left: 35px; }
  #page-thread .board-body .collection-item:nth-of-type(even) {
    background-color: white; }
  #page-thread .board-body .collection-item:nth-of-type(odd) {
    background-color: #f6f6f6; }

#page-thread .board-body .collection-item .head .iconfont {
  position: absolute;
  color: #959595;
  font-size: 16px;
  left: -24px;
  top: 1px; }

@charset "UTF-8";
@font-face {
  font-family: 'tahoma2';
  src: url("../font/Tahoma.ttf") format("truetype");
  /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ }

@font-face {
  font-family: 'iconfont';
  src: url("../font/iconfont.eot?v2");
  /* IE9*/
  src: url("../font/iconfont.eot?v2#iefix") format("embedded-opentype"), url("../font/iconfont.woff?v2") format("woff"), url("../font/iconfont.ttf?v2") format("truetype"), url("../font/iconfont.svg?v2#iconfont") format("svg");
  /* iOS 4.1- */ }

#page-user-modify {
  padding: 15px;
  background-color: white;
  border-top: 1px solid #e7e7e7; }
  #page-user-modify #modify-avatar {
    display: table;
    width: 100%; }
    #page-user-modify #modify-avatar > * {
      vertical-align: middle;
      display: table-cell; }
      #page-user-modify #modify-avatar > *:last-child {
        text-align: right; }
    #page-user-modify #modify-avatar .portrait {
      width: 52px; }
      #page-user-modify #modify-avatar .portrait .avatar {
        width: 52px;
        height: 52px; }
        #page-user-modify #modify-avatar .portrait .avatar > img {
          width: 52px;
          height: 52px;
          border-radius: 26px; }
        #page-user-modify #modify-avatar .portrait .avatar > span {
          width: 13px;
          height: 13px;
          line-height: 14px;
          right: 0;
          bottom: 0; }
    #page-user-modify #modify-avatar .upload-btn {
      position: relative; }
      #page-user-modify #modify-avatar .upload-btn input {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: 2; }
  #page-user-modify .form-group {
    padding-bottom: 5px; }
    #page-user-modify .form-group > label, #page-user-modify .form-group .row > label {
      color: #BFBFBF;
      font-size: 14px; }
    #page-user-modify .form-group > .row {
      margin: 10px 0 0;
      display: block;
      width: 100%; }
    #page-user-modify .form-group .warning-info {
      display: none; }
    #page-user-modify .form-group.error .warning-info {
      display: block; }
    #page-user-modify .form-group.error input[type=text], #page-user-modify .form-group.error input[type=number], #page-user-modify .form-group.error input[type=password], #page-user-modify .form-group.error input[type=email], #page-user-modify .form-group.error input[type=tel], #page-user-modify .form-group.error textarea {
      border-color: #EF6474; }
    #page-user-modify .form-group input + label {
      margin-right: 15px; }
    #page-user-modify .form-group input.tiny {
      width: 100px;
      margin-right: 15px; }
    #page-user-modify .form-group input.ex-tiny {
      width: 60px;
      margin-right: 15px; }
  #page-user-modify .orange-btn {
    width: 100%;
    margin-top: 20px; }

@charset "UTF-8";
@font-face {
  font-family: 'tahoma2';
  src: url("../font/Tahoma.ttf") format("truetype");
  /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ }

@font-face {
  font-family: 'iconfont';
  src: url("../font/iconfont.eot?v2");
  /* IE9*/
  src: url("../font/iconfont.eot?v2#iefix") format("embedded-opentype"), url("../font/iconfont.woff?v2") format("woff"), url("../font/iconfont.ttf?v2") format("truetype"), url("../font/iconfont.svg?v2#iconfont") format("svg");
  /* iOS 4.1- */ }

#page-user {
  border-top: 1px solid #e7e7e7;
  padding: 15px; }
  #page-user label {
    color: #959595;
    margin-right: 6px; }
  #page-user a:link, #page-user a.link {
    color: #F18C73; }
  #page-user hr {
    border: none;
    border-top: 1px dashed #e7e7e7;
    margin: 10px 0; }
  #page-user .head {
    display: table;
    width: 100%;
    margin-bottom: 5px; }
    #page-user .head .portrait {
      display: table-cell;
      vertical-align: middle;
      width: 52px; }
      #page-user .head .portrait .avatar {
        position: relative;
        width: 52px;
        height: 52px; }
        #page-user .head .portrait .avatar > img {
          width: 52px;
          height: 52px;
          border-radius: 26px; }
          #page-user .head .portrait .avatar > img.avatar-frame {
            position: absolute;
            width: 130%;
            height: 130%;
            top: -15%;
            left: -15%;
            border-radius: 0; }
        #page-user .head .portrait .avatar > span {
          width: 13px;
          height: 13px;
          line-height: 14px;
          right: 0;
          bottom: 0; }
    #page-user .head .nick {
      display: table-cell;
      padding-left: 10px;
      font-size: 12px;
      vertical-align: middle;
      max-width: 180px;
      min-height: 54px;
      word-break: break-all; }
      #page-user .head .nick p {
        margin: 0 0 6px;
        line-height: 12px; }
        #page-user .head .nick p:first-child {
          line-height: 16px; }
        #page-user .head .nick p:last-child {
          margin-bottom: 0; }
      #page-user .head .nick .bbsid, #page-user .head .nick .nickname {
        font-size: 16px;
        margin-right: 6px; }
      #page-user .head .nick .nickname {
        color: #959595; }
    #page-user .head .status-container {
      display: table-cell;
      vertical-align: top;
      font-size: 12px;
      text-align: right; }
      #page-user .head .status-container .status {
        background-color: #f6f6f6;
        padding: 2px 4px;
        border-radius: 5px;
        color: #959595;
        text-align: right; }
        #page-user .head .status-container .status.online {
          color: #8CE4CB; }
        #page-user .head .status-container .status.banned {
          color: #CD5E44; }
  #page-user .operations {
    position: relative;
    height: 20px;
    margin-top: 15px; }
    #page-user .operations > a {
      display: inline-block;
      width: 80px;
      border-right: 1px solid #BFBFBF;
      font-size: 14px;
      color: #454545;
      line-height: 20px;
      text-align: center; }
      #page-user .operations > a:nth-child(4) {
        border-right: none;
        width: 40px; }
      #page-user .operations > a i {
        font-weight: normal; }
    #page-user .operations > ul {
      position: absolute;
      display: inline-block;
      top: 20px;
      right: 0;
      width: 120px;
      border: 1px solid #e7e7e7;
      border-radius: 5px;
      z-index: 30;
      background: #FFFFFF;
      box-shadow: 0 2px 4px 0 #BFBFBF; }
      #page-user .operations > ul > li {
        position: relative;
        display: block;
        height: 35px;
        font-size: 14px;
        line-height: 35px;
        color: #454545;
        text-align: center; }
        #page-user .operations > ul > li:not(:nth-of-type(1)) {
          border-top: 1px solid #F0F0F0; }
        #page-user .operations > ul > li > a {
          display: inline-block;
          height: 100%;
          width: 100%; }
    #page-user .operations .disabled {
      color: #BFBFBF; }
  #page-user .profile {
    font-size: 12px;
    position: relative;
    margin-top: 15px;
    line-height: 18px; }
    #page-user .profile a.modify-profile {
      position: absolute;
      top: 0;
      right: 0;
      font-size: 14px;
      color: #7CB2B8; }
    #page-user .profile h2 {
      font-size: 16px;
      font-weight: normal;
      margin: 10px 0; }
    #page-user .profile .signature p {
      font-size: 12px; }

@charset "UTF-8";
@font-face {
  font-family: 'tahoma2';
  src: url("../font/Tahoma.ttf") format("truetype");
  /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ }

@font-face {
  font-family: 'iconfont';
  src: url("../font/iconfont.eot?v2");
  /* IE9*/
  src: url("../font/iconfont.eot?v2#iefix") format("embedded-opentype"), url("../font/iconfont.woff?v2") format("woff"), url("../font/iconfont.ttf?v2") format("truetype"), url("../font/iconfont.svg?v2#iconfont") format("svg");
  /* iOS 4.1- */ }

#page-vote .board-body {
  background-color: white;
  padding-bottom: 20px; }
  #page-vote .board-body .r {
    float: right; }
  #page-vote .board-body .board-option {
    border-bottom: 1px solid #e7e7e7;
    padding: 15px 15px 0 15px;
    position: relative;
    margin: 0;
    width: 290px;
    display: inline-block;
    line-height: 20px; }
    #page-vote .board-body .board-option .btn {
      position: relative;
      display: inline-block;
      font-size: 14px;
      line-height: 40px;
      color: #959595; }
    #page-vote .board-body .board-option .option-list {
      margin-left: 30px; }
      #page-vote .board-body .board-option .option-list:nth-of-type(1) ul {
        right: 5px; }
      #page-vote .board-body .board-option .option-list:nth-of-type(2) ul {
        left: 230px; }
      #page-vote .board-body .board-option .option-list ul {
        display: inline-block; }
        #page-vote .board-body .board-option .option-list ul > li {
          position: relative;
          display: block;
          height: 35px;
          font-size: 14px;
          line-height: 35px;
          color: #959595;
          text-align: center; }
          #page-vote .board-body .board-option .option-list ul > li:not(:nth-of-type(1)) {
            border-top: 1px solid #F0F0F0; }
          #page-vote .board-body .board-option .option-list ul > li > a {
            display: inline-block;
            height: 100%;
            width: 100%; }
    #page-vote .board-body .board-option > .btn {
      color: #66D5B6; }
    #page-vote .board-body .board-option ul {
      position: absolute;
      top: 55px;
      width: 120px;
      border: 1px solid #e7e7e7;
      border-radius: 5px;
      z-index: 96;
      background: white;
      color: #959595;
      margin-left: -110px;
      display: none;
      box-shadow: 0 2px 4px 0 #BFBFBF; }
    #page-vote .board-body .board-option li {
      font-size: 14px;
      text-align: center;
      line-height: 35px; }
    #page-vote .board-body .board-option li .num,
    #page-vote .board-body .board-option .option-list .btn .num {
      font-size: 9px;
      text-align: center;
      color: white;
      background-color: #F18C73;
      margin-left: 3px;
      border-radius: 7px;
      min-width: 8px;
      padding: 0 3px;
      line-height: 14px;
      display: inline-block; }
    #page-vote .board-body .board-option li a {
      display: inline-block;
      width: 100%;
      height: 100%; }
  #page-vote .board-body .vote-item {
    margin: 0 15px;
    border-radius: 8px; }
    #page-vote .board-body .vote-item:first-child {
      margin-top: 3px; }
    #page-vote .board-body .vote-item:nth-child(2n) .abstract {
      background-color: #f6f6f6; }
    #page-vote .board-body .vote-item.voted .abstract > h5 > span:nth-of-type(2) {
      max-width: 154px; }
    #page-vote .board-body .vote-item.voted .abstract > h5 .orange {
      display: inline-block;
      font-size: 12px; }
    #page-vote .board-body .vote-item .abstract {
      padding: 8px 10px 7px;
      border-radius: 8px;
      position: relative; }
      #page-vote .board-body .vote-item .abstract > h5 {
        font-size: 14px;
        font-weight: normal;
        color: #454545;
        margin: 0 0 2px; }
        #page-vote .board-body .vote-item .abstract > h5 .tag {
          display: inline-block;
          line-height: 15px;
          height: 15px;
          background-color: rgba(191, 191, 191, 0.2);
          border-radius: 7px;
          font-size: 8px;
          color: #959595;
          padding: 0 4px;
          position: relative;
          top: -2px;
          margin-right: 5px; }
        #page-vote .board-body .vote-item .abstract > h5 > span:nth-of-type(2) {
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
          display: inline-block;
          max-width: 184px;
          vertical-align: bottom; }
        #page-vote .board-body .vote-item .abstract > h5 .orange {
          color: #F18C73;
          display: none; }
      #page-vote .board-body .vote-item .abstract > p {
        font-size: 9px;
        color: #BFBFBF;
        margin: 0; }
        #page-vote .board-body .vote-item .abstract > p:nth-of-type(1) {
          margin-bottom: 3px; }
      #page-vote .board-body .vote-item .abstract .count {
        color: #BFBFBF;
        font-size: 12px;
        position: absolute;
        right: 10px;
        top: 8px; }
      #page-vote .board-body .vote-item .abstract .action {
        color: #959595;
        font-size: 12px;
        position: absolute;
        right: 10px;
        bottom: 7px; }
    #page-vote .board-body .vote-item .detail {
      display: none;
      font-size: 14px;
      line-height: 21px;
      padding: 0 10px;
      color: #454545; }
      #page-vote .board-body .vote-item .detail .content {
        padding: 15px 0;
        border-bottom: 1px solid #e7e7e7; }
        #page-vote .board-body .vote-item .detail .content > p {
          margin: 0; }
      #page-vote .board-body .vote-item .detail .form {
        font-size: 14px;
        margin-top: 15px;
        color: #454545; }
        #page-vote .board-body .vote-item .detail .form .row {
          margin: 10px 0; }
        #page-vote .board-body .vote-item .detail .form textarea {
          width: 250px;
          text-indent: 0;
          padding: 10px;
          height: 60px; }
        #page-vote .board-body .vote-item .detail .form input.tiny {
          width: 80px;
          margin-right: 10px; }
        #page-vote .board-body .vote-item .detail .form .orange {
          color: #F18C73; }
        #page-vote .board-body .vote-item .detail .form .instructions {
          font-size: 12px;
          line-height: 18px;
          color: #BFBFBF; }
        #page-vote .board-body .vote-item .detail .form .buttons {
          text-align: center; }
          #page-vote .board-body .vote-item .detail .form .buttons > .orange-btn {
            margin-right: 20px; }
          #page-vote .board-body .vote-item .detail .form .buttons > * {
            padding: 10px 22px; }
    #page-vote .board-body .vote-item.active .abstract {
      background-color: #ececec; }
    #page-vote .board-body .vote-item.active .abstract .action .iconfont {
      display: inline-block;
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg); }
  #page-vote .board-body > .new-vote {
    text-align: center;
    margin: 30px 0 0; }
    #page-vote .board-body > .new-vote .orange-btn {
      width: 250px; }

@charset "UTF-8";
@font-face {
  font-family: 'tahoma2';
  src: url("../font/Tahoma.ttf") format("truetype");
  /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ }

@font-face {
  font-family: 'iconfont';
  src: url("../font/iconfont.eot?v2");
  /* IE9*/
  src: url("../font/iconfont.eot?v2#iefix") format("embedded-opentype"), url("../font/iconfont.woff?v2") format("woff"), url("../font/iconfont.ttf?v2") format("truetype"), url("../font/iconfont.svg?v2#iconfont") format("svg");
  /* iOS 4.1- */ }

#page-zone .card {
  padding: 0 15px 20px;
  border-bottom: 1px solid #e7e7e7;
  background-color: white;
  margin-bottom: 10px;
  display: block;
  border-top: 5px solid #F18C73; }
  #page-zone .card:last-child {
    margin-bottom: 0; }
  #page-zone .card .block-link {
    width: 100%;
    height: 210px;
    display: block;
    position: absolute;
    left: 0; }
  #page-zone .card .title {
    border-bottom: 1px solid #e7e7e7;
    padding: 15px 0 10px;
    line-height: 18px;
    margin-bottom: 20px; }
    #page-zone .card .title .name {
      font-size: 18px; }
  #page-zone .card > h5 {
    font-size: 12px;
    font-weight: normal;
    margin: 15px 0 6px;
    color: #454545; }
  #page-zone .card .row {
    line-height: 14px;
    font-size: 14px;
    position: relative; }
    #page-zone .card .row a {
      color: #F18C73;
      display: inline-block;
      margin-right: 5px; }
    #page-zone .card .row.tall {
      line-height: 21px; }
  #page-zone .card:nth-child(4n+2) {
    border-top: 5px solid #66D5B6; }
  #page-zone .card:nth-child(4n+3) {
    border-top: 5px solid #F8CEA8; }
  #page-zone .card:nth-child(4n) {
    border-top: 5px solid #7CB2B8; }

#page-zone .board-card {
  padding: 0 15px 20px;
  border-bottom: 1px solid #e7e7e7;
  background-color: white;
  margin-bottom: 10px;
  display: block;
  border-top: 5px solid #F18C73; }
  #page-zone .board-card:last-child {
    margin-bottom: 0; }
  #page-zone .board-card .title {
    border-bottom: 1px solid #e7e7e7;
    padding: 15px 0 10px;
    line-height: 18px;
    margin-bottom: 20px; }
    #page-zone .board-card .title .name {
      font-size: 18px; }
  #page-zone .board-card > h5 {
    font-size: 18px;
    font-weight: normal;
    margin: 15px 0 6px;
    color: #959595; }
  #page-zone .board-card .item {
    margin: 15px 0;
    position: relative; }
    #page-zone .board-card .item .item-link {
      width: 100%;
      height: 64px;
      display: block;
      position: absolute;
      left: 0; }
    #page-zone .board-card .item > p {
      margin: 0 0 4px;
      color: #959595;
      font-size: 10px; }
      #page-zone .board-card .item > p:first-of-type {
        margin-bottom: 6px;
        font-size: 16px;
        height: 18px;
        line-height: 18px; }
        #page-zone .board-card .item > p:first-of-type > span {
          display: inline-block;
          vertical-align: top; }
        #page-zone .board-card .item > p:first-of-type > :first-child {
          display: inline-block;
          max-width: 210px;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
          margin-right: 10px;
          position: relative;
          top: 1px; }
          #page-zone .board-card .item > p:first-of-type > :first-child > span:nth-child(2) {
            color: black; }
      #page-zone .board-card .item > p:nth-of-type(2) > span {
        color: #F18C73; }
    #page-zone .board-card .item .star {
      position: absolute;
      font-size: 18px;
      right: 0;
      top: 0;
      color: #959595; }
      #page-zone .board-card .item .star.icon_like_down {
        color: #F18C73;
        display: none; }
    #page-zone .board-card .item.favorite .star.icon_like_normal {
      display: none; }
    #page-zone .board-card .item.favorite .star.icon_like_down {
      display: block; }
  #page-zone .board-card:nth-child(4n+2) {
    border-top: 5px solid #66D5B6; }
  #page-zone .board-card:nth-child(4n+3) {
    border-top: 5px solid #F8CEA8; }
  #page-zone .board-card:nth-child(4n) {
    border-top: 5px solid #7CB2B8; }