/*
 * Author: clovis(706706)
 * Version: 0.1.0
 * Compile Date: 2022-06-14 18:12
*/ 
/*
 * @description: 其他板块
 * @Author: hjj(191639)
 * @Date: 2021-08-13 09:34
 * @LastEditors:hjj(191639)
 * @LastEditTime: 2021-08-16 19:40:12
 */
/***********************reset***********************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, span, object, iframe {
  padding: 0;
  margin: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

ol, ul {
  list-style: none; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-size: 100%; }

body {
  font: 12px/1.6 "Microsoft YaHei"; }

a {
  text-decoration: none;
  -webkit-transition: color 0.4s;
  -moz-transition: color 0.4s;
  -o-transition: color 0.4s;
  transition: color 0.4s; }

a:active {
  outline: 0; }

img {
  border: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic; }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #b9b9b9; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #b9b9b9; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #b9b9b9; }

input {
  outline: 0;
  border: 0;
  font-family: "Microsoft YaHei"; }

.lhgdialog_default .inpt1 {
  border: 1px solid #000;
  width: 50px;
  text-align: center; }

textarea {
  overflow: auto;
  resize: none; }

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

.clearfix {
  zoom: 1; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.fl {
  float: left; }

.fr {
  float: right; }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none; }

input[type="number"] {
  -moz-appearance: textfield; }

/* CSS Document */
/*
 * Author: hjj(191639)
 * Version: 0.1.0
 * Compile Date: 2021-08-13 09:34
*/
* {
  box-sizing: border-box; }

body, html {
  height: 100%; }

body {
  background: #e4e2eb;
  min-width: 1200px;
  box-sizing: border-box;
  font-family: "Microsoft YaHei"; }

.public_top_full_bg * {
  box-sizing: content-box !important; }

.qdpop * {
  box-sizing: content-box !important; }

.full-bg {
  position: relative;
  min-width: 1200px;
  max-width: 1920px;
  min-height: 1080px;
  margin: -45px auto 0;
  padding: 370px 0 60px;
  background: url("../img/bg.jpg") no-repeat top; }

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

.wrapper {
  position: relative;
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  z-index: 2; }

.btn {
  display: inline-block;
  text-align: center; }
  .btn:hover {
    filter: brightness(1.1); }
  .btn.dis, .btn.has {
    cursor: default;
    opacity: 1;
    filter: brightness(1); }

.nav {
  width: 1200px;
  height: 50px;
  background: url("../img/nav-bg.png") no-repeat center;
  font-size: 0;
  position: relative; }
  .nav a {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #fefefe;
    text-align: center;
    font-weight: bold; }
    .nav a.btn1, .nav a.btn2 {
      width: 91px;
      height: 33px;
      background: url(../img/btn1.png) no-repeat;
      line-height: 33px;
      text-align: center;
      position: absolute;
      top: 8.5px;
      right: 110px; }
      .nav a.btn1:hover, .nav a.btn2:hover {
        background: none;
        text-align: center;
        width: 91px;
        color: #fefefe; }
    .nav a.n1 {
      width: 142px; }
      .nav a.n1:hover, .nav a.n1.on {
        color: #211b60;
        background: url(../img/sprite.png) no-repeat;
        height: 50px;
        width: 142px;
        background-position: -2px -2px; }
    .nav a.btn2 {
      right: 10px; }
  .nav .login {
    display: none; }
    .nav .login.show {
      display: block; }
  .nav .logined {
    display: none;
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 14px;
    color: #fefefe; }
    .nav .logined.show {
      display: block; }
    .nav .logined .img-head {
      display: inline-block;
      *display: inline;
      *zoom: 1; }
      .nav .logined .img-head img {
        height: 43px; }
    .nav .logined .name {
      display: inline-block;
      *display: inline;
      *zoom: 1;
      font-size: 14px;
      color: #fefefe;
      margin-right: 10px;
      margin-left: 10px; }
    .nav .logined a {
      min-width: 50px;
      font-size: 14px;
      font-weight: normal; }
      .nav .logined a:hover {
        text-decoration: underline; }

.nav-side {
  display: none;
  background: url("../img/nav-side-bg.png") no-repeat center;
  width: 160px;
  height: 480px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -240px;
  margin-left: -770px;
  text-align: center;
  z-index: 4;
  padding-top: 74px; }
  @media screen and (max-width: 1560px) {
    .nav-side {
      left: 0;
      margin-left: 0; }
 }
  .nav-side:before {
    position: absolute;
    top: -106px;
    left: -26px;
    content: '';
    width: 201px;
    height: 192px; }
  .nav-side li {
    width: 100%;
    height: 58px;
    line-height: 55px;
    background: url("../img/nav-side-line.png") no-repeat center bottom; }
    .nav-side li a {
      display: inline-block;
      width: 124px;
      height: 40px;
      font-size: 16px;
      line-height: 40px;
      font-weight: bold;
      color: #fff;
      vertical-align: middle; }
    .nav-side li.on a, .nav-side li:hover a {
      color: #211b60;
      background: url(../img/sprite.png) no-repeat;
      height: 40px;
      width: 124px;
      background-position: -2px -56px; }
  .nav-side li:last-child {
    background: none; }

.breadcrumb-box {
  padding: 15px 0 8px; }

.breadcrumb {
  position: relative;
  padding: 0 30px;
  float: left;
  line-height: 28px; }
  .breadcrumb:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    background: url(../img/sprite.png) no-repeat;
    height: 22px;
    width: 23px;
    background-position: -95px -164px; }
  .breadcrumb li {
    display: inline-block;
    vertical-align: middle;
    color: #777;
    font-size: 14px;
    line-height: 22px; }
    .breadcrumb li a {
      color: #777; }
    .breadcrumb li a:hover {
      color: #9494de; }

.search-box {
  float: right; }
  .search-box .search-input {
    display: inline-block;
    vertical-align: middle;
    width: 270px;
    height: 30px;
    border: 1px solid #d0d0f1; }
    .search-box .search-input input {
      border: none;
      padding: 0 10px;
      line-height: 28px;
      width: 100%; }
  .search-box .select-box {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #d0d0f1;
    width: 90px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    z-index: 1;
    cursor: pointer; }
    .search-box .select-box:after {
      position: absolute;
      content: '';
      right: 10px;
      top: 12px;
      width: 0px;
      height: 0px;
      border-top: 6px solid #d0d0f1;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent; }
    .search-box .select-box p {
      font-size: 13px;
      color: #999; }
    .search-box .select-box .sub-select {
      display: none;
      position: absolute;
      left: -1px;
      top: 28px;
      width: 90px;
      border: 1px solid #d0d0f1;
      background: #fff;
      font-size: 13px;
      color: #999; }
      .search-box .select-box .sub-select span {
        display: block;
        height: 20px;
        line-height: 20px;
        padding-left: 10px;
        cursor: pointer; }
        .search-box .select-box .sub-select span:hover, .search-box .select-box .sub-select span.on {
          background: #f3f2f8; }
    .search-box .select-box.on .sub-select {
      display: block; }
  .search-box .search-btn {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 90px;
    height: 30px;
    background: #6364d2;
    font-size: 14px;
    color: #fff;
    padding-left: 25px;
    outline: none;
    border: none;
    cursor: pointer; }
    .search-box .search-btn:before {
      position: absolute;
      content: '';
      width: 18px;
      height: 22px;
      background: url(../img/spr-cl.png) -45px 0 no-repeat;
      left: 12px;
      top: 5px; }

.sec .sec-left {
  width: 860px; }
.sec .sec-right {
  width: 330px; }
  .sec .sec-right h3 {
    font-size: 18px;
    color: #2e2e2e;
    font-weight: bold;
    height: 37px;
    border-bottom: 1px solid #cecdee; }
.sec .sec-left, .sec .sec-right {
  display: inline-block;
  overflow: hidden; }
.sec .sec-right {
  float: right; }

.sec-top {
  margin: 12px 0 28px;
  height: 290px;
  overflow: hidden; }

.con-swiper, .con-img-swiper, .con-intro, .con-qrcode {
  height: 291px;
  display: inline-block;
  vertical-align: top; }

.con-swiper {
  position: relative;
  width: 502px;
  height: 290px; }
  .con-swiper .swiper-view, .con-swiper .swiper-prev {
    display: inline-block;
    vertical-align: top;
    font-size: 0; }
  .con-swiper .swiper-view {
    position: relative;
    width: 360px;
    height: 100%; }
  .con-swiper .swiper-prev {
    width: 130px;
    height: 300px;
    margin-left: 4px; }
    .con-swiper .swiper-prev a {
      height: 90px;
      overflow: hidden; }
      .con-swiper .swiper-prev a .desc {
        display: none; }
    .con-swiper .swiper-prev .active-nav a {
      background: #e0be79;
      border: 3px solid #e0be79; }
  .con-swiper a {
    display: inline-block; }
  .con-swiper a, .con-swiper img {
    width: 100%; }
  .con-swiper .desc {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 48px;
    line-height: 46px;
    padding: 0 100px 0 10px;
    text-align: justify;
    background: rgba(0, 0, 0, 0.6); }
    .con-swiper .desc p {
      display: inline-block;
      vertical-align: middle;
      line-height: 16px;
      font-size: 14px;
      color: #fff; }
  .con-swiper .swiper-container {
    width: 100%;
    height: 100%; }
  .con-swiper .swiper-slide {
    position: relative;
    overflow: hidden; }
  .con-swiper .pagination {
    position: absolute;
    z-index: 20;
    right: 8px;
    bottom: 15px;
    text-align: center; }
  .con-swiper .swiper-pagination-switch {
    display: inline-block;
    margin: 0 5px;
    cursor: pointer;
    vertical-align: middle;
    opacity: 1;
    background: url(../img/sprite.png) no-repeat;
    height: 15px;
    width: 15px;
    background-position: -212px -176px; }
  .con-swiper .swiper-active-switch {
    height: 15px;
    width: 15px;
    background-position: -191px -66px; }

.con-intro {
  width: 350px;
  padding: 8px 30px;
  background: #fff; }
  .con-intro h4 {
    font-size: 16px;
    color: #6464d2;
    line-height: 45px;
    text-align: center; }
  .con-intro .desc {
    height: 60px;
    font-size: 12px;
    color: #777777; }
  .con-intro .btn-detail {
    color: #f8654c; }
  .con-intro .icon {
    background: url(../img/sprite.png) no-repeat; }
  .con-intro .icon-activity {
    height: 18px;
    width: 39px;
    background-position: -148px -66px; }
  .con-intro .icon-news {
    height: 18px;
    width: 39px;
    background-position: -130px -100px; }
  .con-intro .icon-notice {
    height: 18px;
    width: 39px;
    background-position: -130px -122px; }
  .con-intro .icon {
    display: inline-block;
    vertical-align: middle;
    width: 39px;
    height: 18px;
    font-size: 12px;
    text-align: center;
    line-height: 17px;
    color: #ffffff; }
  .con-intro ul {
    font-size: 12px; }
    .con-intro ul li {
      margin-bottom: 12px; }
    .con-intro ul a {
      color: #777777;
      width: 228px;
      display: inline-block;
      vertical-align: middle;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .con-intro ul a:hover {
        color: #6464d2; }

.con-qrcode {
  width: 330px;
  height: 291px;
  padding: 20px 25px 0 20px;
  background: #fff; }
  .con-qrcode h3 {
    line-height: 37px; }
  .con-qrcode .qrcode-info {
    margin-bottom: 15px; }
    .con-qrcode .qrcode-info .img-box, .con-qrcode .qrcode-info .info {
      display: inline-block;
      vertical-align: top; }
    .con-qrcode .qrcode-info .img-box {
      width: 108px;
      height: 108px;
      background: url("../img/qrcode-bg.png") no-repeat center;
      text-align: center;
      line-height: 108px; }
      .con-qrcode .qrcode-info .img-box img {
        width: 90px; }
    .con-qrcode .qrcode-info .info {
      font-size: 18px;
      color: #2e2e2e;
      font-weight: bold;
      padding: 10px 0 0 14px; }
    .con-qrcode .qrcode-info .wechat-num {
      display: inline-block;
      color: #6464d2;
      text-align: center;
      margin: 0px 5px;
      width: 124px;
      height: 31px;
      line-height: 31px;
      font-size: 16px;
      background: url("../img/txt-bg.png") no-repeat center; }
  .con-qrcode .qrcode-fast .fast-list {
    margin: -3px -20px 0 0; }
  .con-qrcode .qrcode-fast a {
    display: inline-block;
    text-align: center;
    margin: 0 25px 0 7px; }
    .con-qrcode .qrcode-fast a span {
      display: inline-block;
      margin-top: 16px;
      background: url(../img/sprite.png) no-repeat; }
    .con-qrcode .qrcode-fast a p {
      font-size: 14px;
      line-height: 15px;
      font-weight: bold; }
    .con-qrcode .qrcode-fast a.on {
      cursor: default; }
    .con-qrcode .qrcode-fast a.on, .con-qrcode .qrcode-fast a:hover {
      background: url("../img/tab-on-line.png") no-repeat center top; }
  .con-qrcode .qrcode-fast .fast-1 {
    color: #08c4de; }
    .con-qrcode .qrcode-fast .fast-1 span {
      height: 60px;
      width: 60px;
      background-position: -2px -100px; }
  .con-qrcode .qrcode-fast .fast-2 {
    color: #23a8ee; }
    .con-qrcode .qrcode-fast .fast-2 span {
      height: 60px;
      width: 60px;
      background-position: -148px -2px; }
  .con-qrcode .qrcode-fast .fast-3 {
    color: #c39e65; }
    .con-qrcode .qrcode-fast .fast-3 span {
      height: 60px;
      width: 60px;
      background-position: -66px -100px; }

.con-board, .con-posts, .thread_notice {
  width: 100%;
  padding: 15px 17px 20px;
  margin-bottom: 10px;
  background: #fff; }

.thread_notice h4 {
  font-size: 16px;
  margin-bottom: 10px; }
  .thread_notice h4 a:hover {
    text-decoration: underline; }
  .thread_notice h4 .cancel_topshow {
    margin-left: 30px; }
    .thread_notice h4 .cancel_topshow a {
      font-size: 14px;
      text-decoration: underline;
      color: #999; }
      .thread_notice h4 .cancel_topshow a:hover {
        text-decoration: none; }
.thread_notice .object_infor_content_right_con {
  font-size: 14px; }

.con-board .board-box {
  width: 100%;
  border-radius: 10px;
  padding: 10px;
  margin-top: 10px;
  border: 1px solid #6169c4; }
  .con-board .board-box .tab-list {
    line-height: 14px;
    margin: 0 0 2px -6px;
    font-size: 0; }
    .con-board .board-box .tab-list a {
      display: inline-block;
      font-size: 14px;
      padding: 0 6px;
      color: #6464d2;
      border-right: 1px solid #6464d2; }
      .con-board .board-box .tab-list a.on, .con-board .board-box .tab-list a:hover {
        text-decoration: underline; }
      .con-board .board-box .tab-list a:last-child {
        border-right: none; }
  .con-board .board-box .moderator {
    font-size: 12px;
    line-height: 20px;
    color: #999; }
    .con-board .board-box .moderator a {
      color: #999; }
      .con-board .board-box .moderator a.gm {
        margin-left: 20px;
        text-decoration: underline;
        color: #6464d2; }
    .con-board .board-box .moderator a:hover {
      text-decoration: underline; }

.con-posts .con-top {
  height: 36px;
  margin-bottom: 12px;
  border-bottom: 1px solid #cecdee; }
.con-posts .tab-list {
  display: inline-block; }
  .con-posts .tab-list a {
    position: relative;
    display: inline-block;
    font-size: 14px;
    color: #777;
    height: 36px;
    line-height: 36px; }
    .con-posts .tab-list a.on {
      cursor: default; }
    .con-posts .tab-list a.on, .con-posts .tab-list a:hover {
      color: #2e2e2e;
      font-weight: bold; }
      .con-posts .tab-list a.on:before, .con-posts .tab-list a:hover:before {
        position: absolute;
        bottom: -3px;
        left: 50%;
        margin-left: -34px;
        content: '';
        width: 67px;
        height: 6px;
        background: url("../img/tab-on-line2.png") no-repeat center; }
  .con-posts .tab-list .tab2 {
    margin-left: 20px; }
.con-posts .select-box {
  float: right; }
  .con-posts .select-box .select {
    position: relative;
    display: inline-block;
    width: 132px;
    line-height: 28px;
    border: 1px solid #d0d0f1; }
    .con-posts .select-box .select:after {
      content: '';
      position: absolute;
      top: 50%;
      margin-top: -5px;
      right: 8px;
      background: url(../img/sprite.png) no-repeat;
      height: 9px;
      width: 12px;
      background-position: -130px -56px; }
  .con-posts .select-box span {
    font-size: 13px;
    color: #777;
    padding: 0 5px; }
  .con-posts .select-box select {
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 28px;
    padding: 0 10px;
    font-size: 13px;
    line-height: 28px;
    color: #999999;
    background-color: transparent; }
  .con-posts .select-box option {
    height: 45px;
    line-height: 45px; }
.con-posts table {
  width: 828px;
  margin: auto;
  border: 1px solid #6464d2;
  border-top: 0; }
  .con-posts table th {
    font-size: 16px;
    color: #fff; }
  .con-posts table td {
    font-size: 12px;
    color: #777777; }
  .con-posts table thead tr {
    height: 50px;
    background: url("../img/thead-bg2.png") no-repeat 0 0; }
  .con-posts table tbody tr:nth-of-type(2n) {
    background: #f1f1f8; }
  .con-posts table h4 {
    padding: 0 13px;
    line-height: 35px;
    color: #211b60;
    font-weight: bold;
    text-align: left; }
  .con-posts table .popular-val, .con-posts table .theme-val {
    vertical-align: top; }
  .con-posts table .popular-val {
    padding: 18px 0; }
    .con-posts table .popular-val p {
      height: 25px;
      line-height: 25px;
      color: #6464d2;
      text-align: center;
      background: #dadaf3; }
  .con-posts table .theme-val {
    padding: 18px 5px;
    word-break: break-all; }
    .con-posts table .theme-val .tit-val {
      font-size: 14px; }
      .con-posts table .theme-val .tit-val a {
        color: #2e2e2e;
        vertical-align: middle;
        margin-right: 5px; }
        .con-posts table .theme-val .tit-val a:hover {
          text-decoration: underline; }
      .con-posts table .theme-val .tit-val span.jinghua {
        content: '';
        display: inline-block;
        vertical-align: middle;
        background: url(../img/sprite.png) no-repeat;
        height: 18px;
        width: 29px;
        background-position: -173px -100px; }
    .con-posts table .theme-val span.zan {
      font-size: 12px;
      color: #6464d2;
      font-weight: normal; }
      .con-posts table .theme-val span.zan img {
        margin-top: -8px; }
      .con-posts table .theme-val span.zan i {
        font-style: normal;
        vertical-align: bottom; }
    .con-posts table .theme-val .zan {
      display: inline-block;
      vertical-align: middle; }
      .con-posts table .theme-val .zan:before {
        content: '';
        display: inline-block;
        margin-right: 2px;
        background: url(../img/sprite.png) no-repeat;
        height: 19px;
        width: 18px;
        background-position: -212px -105px; }
  .con-posts table .theme-val-common .tit-val a {
    display: inline-block;
    width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .con-posts table .name {
    font-size: 14px;
    margin: 0 0 2px; }
    .con-posts table .name a {
      color: #777; }
      .con-posts table .name a:hover {
        text-decoration: underline;
        color: #6464d2; }
  .con-posts table .name, .con-posts table .time {
    text-align: center; }
  .con-posts table .page {
    margin-top: 20px;
    font-size: 12px; }
    .con-posts table .page a, .con-posts table .page span, .con-posts table .page input {
      display: inline-block;
      vertical-align: top;
      color: #777;
      padding: 0 5px;
      height: 14px;
      line-height: 14px;
      margin: 0 2px; }
    .con-posts table .page .prev, .con-posts table .page .next {
      display: none; }
    .con-posts table .page .active {
      color: #d3d3f2; }
  .con-posts table .img-box {
    margin-top: 10px;
    width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .con-posts table .img-box a {
      display: inline-block;
      width: 111px;
      height: 80px;
      margin-right: 4px;
      line-height: 80px;
      vertical-align: middle; }
    .con-posts table .img-box img {
      max-width: 111px;
      max-height: 80px; }

.con-btns {
  margin-top: 20px; }
  .con-btns .btn-group, .con-btns .page {
    display: inline-block; }
  .con-btns .btn {
    width: 118px;
    height: 32px;
    line-height: 34px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    vertical-align: top;
    background: #6366d1;
    box-shadow: 0 0 5px 2px #7e84d8 inset; }
    .con-btns .btn:before {
      content: '';
      display: inline-block;
      vertical-align: top;
      margin: 7px 12px 0 -8px;
      background: url(../img/sprite.png) no-repeat; }
  .con-btns .btn-post:before {
    height: 19px;
    width: 18px;
    background-position: -212px -82px; }
  .con-btns .btn-vote:before {
    height: 16px;
    width: 15px;
    background-position: -212px -156px; }

.page-style1 {
  text-align: center;
  font-size: 14px;
  float: right;
  margin-top: 10px; }
  .page-style1 a, .page-style1 span, .page-style1 input {
    display: inline-block;
    vertical-align: top;
    color: #999999;
    min-width: 30px;
    height: 30px;
    line-height: 28px;
    margin: 0 2px;
    border: 1px solid #d3d3f2; }
  .page-style1 .active, .page-style1 a:hover {
    color: #fff;
    background-color: #d3d3f2; }
  .page-style1 .prev, .page-style1 .next {
    width: 80px; }
  .page-style1 .prev:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin: -2px 8px 0 -10px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
    border-right: 8px solid #d0d0f1;
    width: 0;
    height: 0;
    border-radius: 3px; }
  .page-style1 .prev:hover:before {
    border-right: 8px solid #fff; }
  .page-style1 .next:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin: -2px -10px 0 8px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid transparent;
    border-left: 8px solid #d0d0f1;
    width: 0;
    height: 0;
    border-radius: 3px; }
  .page-style1 .next:hover:after {
    border-left: 8px solid #fff; }
  .page-style1 .jump-btn {
    padding: 0 10px; }
  .page-style1 input {
    width: 30px;
    text-align: center;
    border-radius: 5px;
    background: transparent; }

.topic-list {
  width: 100%;
  padding: 20px 15px 20px 20px;
  margin-bottom: 10px;
  font-size: 13px;
  background: #fff; }
  .topic-list h3 {
    position: relative;
    padding-left: 25px; }
  .topic-list h3:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 11px; }
  .topic-list li {
    margin: 10px 0 15px;
    overflow: hidden; }
  .topic-list .name {
    color: #2e2e2e;
    line-height: 22px;
    text-align: justify;
    width: 285px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block; }
    .topic-list .name:hover {
      text-decoration: underline; }
  .topic-list .num-box {
    display: inline-block;
    float: right;
    margin-top: 2px; }
  .topic-list .num {
    position: relative;
    color: #999; }
    .topic-list .num:before {
      content: '';
      position: absolute;
      left: 0;
      top: 1px;
      background: url(../img/sprite.png) no-repeat; }
  .topic-list .see-num {
    padding: 0 6px 0 28px; }
    .topic-list .see-num:before {
      height: 15px;
      width: 23px;
      background-position: -173px -122px; }
  .topic-list .message-mun {
    padding: 0 0 0 23px; }
    .topic-list .message-mun:before {
      height: 19px;
      width: 19px;
      background-position: -212px -29px; }

.topic-list-hot h3:before {
  background: url(../img/sprite.png) no-repeat;
  height: 23px;
  width: 19px;
  background-position: -212px -2px; }
.topic-list-hot .name {
  color: #2e2e2e;
  line-height: 20px;
  width: 285px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block; }
  .topic-list-hot .name:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin: -2px 6px 0 0px;
    background: url(../img/sprite.png) no-repeat;
    height: 14px;
    width: 24px;
    background-position: -130px -144px; }

.topic-list-gl h3:before {
  background: url(../img/sprite.png) no-repeat;
  height: 19px;
  width: 20px;
  background-position: -174px -164px; }

.btn-feedbacks {
  margin-top: 40px; }
  .btn-feedbacks a {
    display: inline-block;
    margin-right: 20px;
    line-height: 30px;
    font-size: 14px;
    color: #777; }
    .btn-feedbacks a:before {
      content: '';
      display: inline-block;
      vertical-align: top;
      margin: 3px 10px 0 0;
      background: url(../img/sprite.png) no-repeat; }
  .btn-feedbacks .btn-bug:before {
    height: 20px;
    width: 21px;
    background-position: -149px -164px; }
  .btn-feedbacks .btn-question:before {
    height: 20px;
    width: 23px;
    background-position: -122px -164px; }

.footer {
  padding: 15px 0;
  color: #777777;
  z-index: 66666;
  background: #fcfbfa; }
  .footer a {
    color: #777777; }

select {
  /*隐藏select的下拉图标*/
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
  border: none; }

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
  display: none; }