@charset "UTF-8";
.banner-wrap {
  position: relative;
  height: 320px;
  max-width: 100%;
  z-index: 21;
  overflow: hidden; }
  .banner-wrap.mt0 {
    margin-top: 0; }
  .banner-wrap li {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
    .banner-wrap li:first-child {
      z-index: 1; }
  .banner-wrap a {
    display: block;
    height: 100%;
    max-width: 100%;
    background-color: #f3f3f3;
    background-image: url("/res/default/img/loading.gif");
    /*我把他分开写是因为线上css打包脚本太蠢（╯' - ')╯︵ ┻━┻    -----很无语*/
    background-repeat: no-repeat;
    background-position: center; }
    .banner-wrap a.default {
      cursor: default; }

.banner-pointer {
  position: relative;
  z-index: 22;
  height: 34px; }
  .banner-pointer a {
    float: left;
    display: block;
    position: relative;
    height: 34px;
    line-height: 34px;
    color: #333;
    text-align: center;
    width: 20%;
    background-color: #FFF; }
    .banner-pointer a.active {
      color: #fff; }
      .banner-pointer a.active:before {
        position: absolute;
        display: block;
        content: ' ';
        top: -10px;
        left: 50%;
        margin-left: -5px;
        border: 5px solid; }

.banner-thumb {
  position: relative;
  top: -68px;
  text-align: center;
  font-size: 0;
  z-index: 22; }
  .banner-thumb li {
    display: inline-block;
    position: relative;
    margin: 0 5px; }
    .banner-thumb li.active a {
      border: 2px solid;
      background-color: transparent; }
  .banner-thumb a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #FFF;
    border: none;
    opacity: 0.7;
    filter: alpha(opacity=70); }

.circle-type {
  position: absolute;
  bottom: 40px;
  text-align: center;
  font-size: 0;
  width: 100%;
  z-index: 22;
  left: 0; }
  .circle-type .item {
    display: inline-block;
    position: relative;
    margin: 0 5px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #FFF; }

/* CSS Document */
/***
-----------------------------
index
----------------------------
**/
.tessst {
  background: #f3f3f3 url("/res/default/img/loading.gif") no-repeat center; }

.mode-content-wrap.no-title-mode-content {
  padding-top: 24px; }
  .mode-content-wrap.no-title-mode-content .no-data {
    padding-bottom: 24px; }
.mode-content-wrap.have-inner-a .no-data {
  clear: none; }
.mode-content-wrap.have-inner-a ul {
  padding-left: 10px; }
.mode-content-wrap .inner-a {
  width: 180px;
  float: left;
  margin: 0 10px 24px 24px; }
  .mode-content-wrap .inner-a img {
    width: 100%;
    display: block; }

#ajax-wrap .notice-wrap .single-cover {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 3;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s; }
#ajax-wrap .img-box:hover .single-cover {
  opacity: 0.2;
  filter: alpha(opacity=20); }
#ajax-wrap .notice-countdown:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  box-shadow: 2px 2px 4px #ccc; }

.index-pic-news li {
  float: left;
  position: relative;
  width: 50%;
  padding: 24px 24px 24px 185px;
  border-top: 1px solid #e6e6e6;
  min-height: 105px;
  box-sizing: border-box; }
  .index-pic-news li:first-child {
    border-top: 0; }
  .index-pic-news li:nth-child(2) {
    border-top: 0; }
.index-pic-news .img-box {
  position: absolute;
  left: 24px;
  top: 24px;
  width: 145px;
  height: 108px; }
  .index-pic-news .img-box .cover {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s; }
  .index-pic-news .img-box:hover .cover {
    opacity: 0.2;
    filter: alpha(opacity=20); }
  .index-pic-news .img-box:before {
    display: block;
    content: 'NEWS';
    font-size: 28px;
    text-align: center;
    line-height: 108px; }
  .index-pic-news .img-box img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%; }
.index-pic-news .h3 {
  display: block;
  font-size: 18px;
  padding-bottom: 15px; }
  .index-pic-news .h3:hover {
    text-decoration: underline; }
.index-pic-news .summary {
  display: block;
  overflow: hidden;
  height: 72px;
  line-height: 24px;
  color: #333; }
  .index-pic-news .summary:hover {
    text-decoration: underline; }

.index-news .mode-content-wrap.have-inner-a ul {
  clear: none;
  padding-left: 10px;
  top: -15px; }
  .index-news .mode-content-wrap.have-inner-a ul li {
    padding-left: 10px; }
.index-news .mode-content-wrap.have-inner-a ul:before {
  width: 0; }

.index-pic-news .mode-content-wrap.have-inner-a ul {
  clear: none;
  padding-left: 10px;
  top: -24px; }
  .index-pic-news .mode-content-wrap.have-inner-a ul li {
    padding-left: 161px; }
    .index-pic-news .mode-content-wrap.have-inner-a ul li .img-box {
      left: 0; }
.index-pic-news .mode-content-wrap.have-inner-a ul:before {
  width: 0; }

.index-news ul, .index-pic-news ul {
  position: relative;
  clear: both;
  background-color: #FFF;
  overflow: hidden; }

.index-news li {
  float: left;
  position: relative;
  box-sizing: border-box;
  bottom: -1px;
  width: 50%;
  padding: 15px 33px 25px 25px;
  border-bottom: 1px solid #e6e6e6; }
.index-news .h3 {
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 5px; }
  .index-news .h3:hover {
    text-decoration: underline; }
.index-news .summary {
  display: block;
  overflow: hidden;
  height: 48px;
  line-height: 24px;
  color: #333; }
  .index-news .summary:hover {
    text-decoration: underline; }

.bbs .summary {
  margin-bottom: 10px; }

.index-news ul:before, .index-pic-news ul:before {
  content: ' ';
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: #e6e6e6; }

.index-news1 ul:before, .index-pic-news1 ul:before {
  width: 0; }

.index-news.index-news1 ul li {
  width: 100%; }

.index-pic-news.index-pic-news1 ul li {
  width: inherit;
  float: none; }
  .index-pic-news.index-pic-news1 ul li:nth-child(2) {
    border-top: 1px solid #e6e6e6; }

.in-pic1 .album-border-bottom {
  border-bottom: 1px solid #eee;
  margin: 0 25px;
  padding: 10px 0; }

.in-pic1 .mode-content-wrap.have-inner-a li {
  width: 273.3333333333px;
  height: 182px; }

.in-pic1 .no-title {
  margin-top: -24px; }
.in-pic1 .album-slide-box {
  transition: initial;
  height: 680px;
  position: relative;
  overflow: hidden; }
  .in-pic1 .album-slide-box .leftBox, .in-pic1 .album-slide-box .rightBox {
    width: 130px;
    height: 300px;
    position: absolute;
    top: 50%;
    margin-top: -150px;
    z-index: 21; }
  .in-pic1 .album-slide-box .leftBox {
    left: 0; }
  .in-pic1 .album-slide-box .rightBox {
    right: 0; }
  .in-pic1 .album-slide-box .album-bg {
    width: 100%;
    height: 100%;
    z-index: 9; }
    .in-pic1 .album-slide-box .album-bg img {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      opacity: 0;
      filter: alpha(opacity=0);
      -webkit-filter: blur(6px);
      -moz-filter: blur(6px);
      -o-filter: blur(6px);
      -ms-filter: blur(6px);
      filter: blur(6px); }
.in-pic1 .album-slide {
  position: absolute;
  z-index: 19;
  margin-top: -226px;
  top: 50%;
  white-space: nowrap; }
  .in-pic1 .album-slide .noImgLi {
    width: 130px;
    height: 300px;
    background-color: #ccc;
    box-sizing: border-box;
    text-align: center;
    padding-top: 140px;
    margin-top: 75px;
    color: #666; }
  .in-pic1 .album-slide li {
    float: left;
    vertical-align: middle;
    position: relative;
    overflow: hidden; }
    .in-pic1 .album-slide li .cover-bg {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-color: #333;
      opacity: 0; }
    .in-pic1 .album-slide li table {
      transition: top 0.4s; }
    .in-pic1 .album-slide li:hover table {
      top: 0; }
    .in-pic1 .album-slide li:hover .title {
      opacity: 1;
      filter: alpha(opacity=100); }
.in-pic1 .album-noSlide {
  padding: 0 0 14px 24px;
  background-color: #FFF;
  overflow: hidden; }
  .in-pic1 .album-noSlide li {
    float: left;
    position: relative;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 250px;
    height: 167px;
    overflow: hidden; }
    .in-pic1 .album-noSlide li img {
      width: 100%;
      height: 100%; }
    .in-pic1 .album-noSlide li:hover table {
      top: 0; }
    .in-pic1 .album-noSlide li:hover .title {
      opacity: 1;
      filter: alpha(opacity=100); }
.in-pic1 table {
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%; }
.in-pic1 td {
  height: 100%; }
  .in-pic1 td .title {
    position: relative;
    z-index: 2;
    font-size: 14px;
    text-align: center;
    color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    line-height: 16px; }
.in-pic1 .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000;
  opacity: 0.4;
  filter: alpha(opacity=40); }
.in-pic1 .album-noSlide {
  transition: all 0.4s; }

.in-pic1 li img, .in-pic2 li img {
  width: 100%;
  height: 100%;
  transition: 0.4s; }

.in-pic2 .mode-content-wrap.have-inner-a li {
  width: 273.3333333333px;
  height: 273.3333333333px; }
  .in-pic2 .mode-content-wrap.have-inner-a li td .title {
    max-width: 232px; }

.in-pic2 ul {
  padding: 0 0 14px 25px;
  background-color: #FFF;
  overflow: hidden; }
.in-pic2 li {
  float: left;
  position: relative;
  margin-right: 10px;
  margin-bottom: 10px;
  width: 250px;
  height: 250px; }
.in-pic2 table {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 28px; }
.in-pic2 td {
  text-align: center;
  color: #fff;
  font-size: 14px;
  line-height: 28px;
  height: 100%; }
.in-pic2 .title {
  position: relative;
  z-index: 2;
  max-width: 210px;
  padding: 0 20px; }
.in-pic2 .city {
  display: none;
  position: relative;
  z-index: 2; }
.in-pic2 .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000;
  opacity: 0.6;
  filter: alpha(opacity=60); }
.in-pic2 * {
  transition: all 0.4s; }

.in-pic2 li:hover table {
  height: 100%; }

.in-pic2 li:hover .city {
  display: block; }

.in-pic3 ul {
  padding: 0 0 14px 24px;
  background-color: #FFF;
  overflow: hidden; }

.in-pic3 .mode-content-wrap.have-inner-a li {
  width: 273.3333333333px;
  height: 315px; }
  .in-pic3 .mode-content-wrap.have-inner-a li .img-box {
    height: 182.2222222222px; }
    .in-pic3 .mode-content-wrap.have-inner-a li .img-box .cover {
      line-height: 182.2222222222px; }

.in-pic3 li {
  float: left;
  position: relative;
  margin-right: 10px;
  margin-bottom: 10px;
  width: 250px;
  height: 300px;
  background: #f3f3f3; }
  .in-pic3 li:hover {
    box-shadow: 2px 2px 4px #ccc; }
    .in-pic3 li:hover .img-box .cover {
      visibility: visible; }
      .in-pic3 li:hover .img-box .cover .state span.blr {
        top: 0;
        bottom: 0; }
      .in-pic3 li:hover .img-box .cover .state span.btb {
        left: 0;
        right: 0; }
      .in-pic3 li:hover .img-box .cover .cover-bg {
        opacity: 0.5;
        filter: alpha(opacity=50); }

.in-pic3 .img-box {
  display: block;
  position: relative;
  height: 166.6666666667px;
  overflow: hidden; }
  .in-pic3 .img-box .cover {
    visibility: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center;
    line-height: 166.6666666667px; }
    .in-pic3 .img-box .cover .state {
      position: relative;
      display: inline-block;
      height: 32px;
      z-index: 3;
      font-size: 16px;
      line-height: 32px;
      color: #fff;
      padding: 0 10px; }
      .in-pic3 .img-box .cover .state span {
        position: absolute;
        background-color: #fff;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s; }
        .in-pic3 .img-box .cover .state span.blr {
          top: 50%;
          bottom: 50%;
          width: 1px; }
          .in-pic3 .img-box .cover .state span.blr.bl {
            left: 0; }
          .in-pic3 .img-box .cover .state span.blr.br {
            right: 0; }
        .in-pic3 .img-box .cover .state span.btb {
          left: 50%;
          right: 50%;
          height: 1px; }
          .in-pic3 .img-box .cover .state span.btb.bt {
            top: 0; }
          .in-pic3 .img-box .cover .state span.btb.bb {
            bottom: 0; }
    .in-pic3 .img-box .cover .cover-bg {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-color: #000;
      opacity: 0;
      filter: alpha(opacity=0);
      -webkit-transition: all .5s;
      -moz-transition: all .5s;
      -o-transition: all .5s;
      transition: all .5s; }

.in-pic3 .text-wrap {
  position: absolute;
  bottom: 5px;
  right: 0;
  height: 36px; }

.in-pic3 .price-wrap {
  font-size: 18px;
  line-height: 36px;
  padding-left: 14px; }

.in-pic3 .price-wrap span {
  font-family: Georgia, "Microsoft Yahei"; }

.in-pic3 .bg {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.5; }

.in-pic3 .img-box img {
  width: 100%;
  height: 100%; }

.in-pic3 .img-box sub {
  font-size: 12px;
  line-height: 36px;
  vertical-align: baseline; }

.in-pic3 .title {
  display: block;
  padding: 10px 10px 0 14px;
  height: 36px;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  overflow: hidden; }

.in-pic3 .time, .in-pic3 .place {
  padding: 0 14px;
  font-size: 14px;
  line-height: 24px;
  height: 24px; }

.in-pic3 .price {
  line-height: 24px;
  margin-right: 20px; }

.in-pic4 .mode-content-wrap.have-inner-a li {
  margin-right: 2px;
  width: 278.6666666667px;
  height: 216px; }
  .in-pic4 .mode-content-wrap.have-inner-a li:hover .td {
    height: 172px; }
  .in-pic4 .mode-content-wrap.have-inner-a li .td {
    width: 258px; }
  .in-pic4 .mode-content-wrap.have-inner-a li .name {
    max-width: 250px; }
  .in-pic4 .mode-content-wrap.have-inner-a li .topic-name {
    max-width: 258px; }

.in-pic4 ul {
  padding: 0 0 14px 25px;
  background-color: #FFF;
  overflow: hidden; }
  .in-pic4 ul li {
    position: relative;
    float: left;
    width: 255px;
    height: 190px;
    margin-bottom: 2px;
    margin-right: 2px;
    overflow: hidden; }

.in-pic4 li:first-child {
  margin-right: 10px;
  width: 510px;
  height: 382px; }

.in-pic4 .table {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 36px;
  color: #FFF;
  transition: all 0.5s; }

.in-pic4 .td {
  position: relative;
  display: table-cell;
  height: 36px;
  width: 235px;
  padding: 0 10px;
  vertical-align: middle;
  text-align: center;
  transition: all 0.5s; }

.in-pic4 li:first-child .td {
  width: 490px; }

.in-pic4 .avatar {
  margin-right: 10px;
  width: 24px;
  height: 24px;
  border-radius: 50%; }

.in-pic4 .username {
  display: none;
  position: relative;
  z-index: 2;
  font-size: 14px;
  line-height: 24px;
  text-align: center; }

.in-pic4 .username .name {
  display: inline-block;
  max-width: 170px; }

.in-pic4 li:first-child .username .name {
  max-width: 360px; }

.in-pic4 li:hover .table {
  height: 100%; }

.in-pic4 li:hover .td {
  height: 172px; }

.in-pic4 li:first-child:hover .td {
  height: 345px; }

.in-pic4 li:hover .username {
  display: block;
  color: #FFF; }

.in-pic4 li > img {
  width: 100%;
  height: 100%; }

.in-pic4 .bg {
  position: absolute;
  width: 100%;
  height: 36px;
  left: 0;
  bottom: 0;
  background: #000;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s; }

.in-pic4 li:hover .bg {
  height: 100%; }

.in-pic4 .topic-name {
  position: relative;
  max-width: 235px;
  z-index: 2;
  padding: 10px 0; }

.in-pic4 li:first-child .topic-name {
  max-width: 490px; }

.in-goods .mode-content-wrap.have-inner-a li {
  width: 273.3333333333px;
  height: 252px; }
  .in-goods .mode-content-wrap.have-inner-a li .img-box {
    height: 178px; }
    .in-goods .mode-content-wrap.have-inner-a li .img-box .cover {
      height: 178px;
      line-height: 178px; }

.in-goods ul {
  padding: 0 0 14px 25px;
  background-color: #FFF;
  overflow: hidden; }

.in-goods li {
  float: left;
  position: relative;
  margin-right: 10px;
  margin-bottom: 10px;
  width: 250px;
  height: 220px; }
  .in-goods li:hover {
    box-shadow: 2px 2px 4px #ccc; }
    .in-goods li:hover .img-box .cover {
      visibility: visible; }
      .in-goods li:hover .img-box .cover .state span.blr {
        top: 0;
        bottom: 0; }
      .in-goods li:hover .img-box .cover .state span.btb {
        left: 0;
        right: 0; }
      .in-goods li:hover .img-box .cover .cover-bg {
        opacity: 0.5;
        filter: alpha(opacity=50); }

.in-goods ul a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border: 1px solid #e6e6e6; }

.in-goods .img-box {
  height: 149px;
  border-bottom: 0; }

.in-goods .img-box img {
  display: block;
  width: 100%;
  height: 100%; }

.in-goods .img-box .cover {
  visibility: hidden;
  position: absolute;
  width: 100%;
  height: 149px;
  left: 0;
  top: 0;
  text-align: center;
  line-height: 149px; }
  .in-goods .img-box .cover .state {
    position: relative;
    display: inline-block;
    height: 32px;
    z-index: 3;
    font-size: 16px;
    line-height: 32px;
    color: #fff;
    padding: 0 10px; }
    .in-goods .img-box .cover .state span {
      position: absolute;
      background-color: #fff;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      transition: all 0.5s; }
      .in-goods .img-box .cover .state span.blr {
        top: 50%;
        bottom: 50%;
        width: 1px; }
        .in-goods .img-box .cover .state span.blr.bl {
          left: 0; }
        .in-goods .img-box .cover .state span.blr.br {
          right: 0; }
      .in-goods .img-box .cover .state span.btb {
        left: 50%;
        right: 50%;
        height: 1px; }
        .in-goods .img-box .cover .state span.btb.bt {
          top: 0; }
        .in-goods .img-box .cover .state span.btb.bb {
          bottom: 0; }
  .in-goods .img-box .cover .cover-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s; }

.in-goods .goods-data {
  padding: 12px 10px;
  height: 45px;
  border-top: 0;
  background: #f3f3f3; }

.in-goods .goods-data .title {
  margin-bottom: 3px;
  font: bold 14px "Microsoft Yahei", "冬青黑体";
  color: #333; }

.in-goods .goods-data .price {
  font: 18px Arial; }

.in-goods .goods-data .fr {
  font-size: 14px;
  color: #666;
  margin-top: 3px; }

.in-goods .goods-data .fr span {
  font-weight: bold;
  color: #333; }

.in-ad .mode-content-wrap {
  padding: 0 0 10px 24px; }
  .in-ad .mode-content-wrap.no-title-mode-content {
    padding-top: 24px; }
  .in-ad .mode-content-wrap .scrollWrap {
    white-space: nowrap;
    overflow: hidden;
    height: 160px; }
    .in-ad .mode-content-wrap .scrollWrap .container2 {
      margin-left: 14px; }
    .in-ad .mode-content-wrap .scrollWrap ul {
      white-space: nowrap;
      display: inline-block; }
      .in-ad .mode-content-wrap .scrollWrap ul li {
        display: inline-block;
        margin-right: 14px; }
        .in-ad .mode-content-wrap .scrollWrap ul li a {
          display: block; }
        .in-ad .mode-content-wrap .scrollWrap ul li .img-cover {
          position: relative; }
          .in-ad .mode-content-wrap .scrollWrap ul li .img-cover .cover {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background-color: #000;
            opacity: 0;
            filter: alpha(opacity=0);
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
            -ms-transition: all 0.5s;
            transition: all 0.5s; }
          .in-ad .mode-content-wrap .scrollWrap ul li .img-cover:hover .cover {
            opacity: 0.2;
            filter: alpha(opacity=20); }
        .in-ad .mode-content-wrap .scrollWrap ul li img {
          width: 193px;
          height: 130px; }
        .in-ad .mode-content-wrap .scrollWrap ul li span {
          text-align: center;
          display: block;
          font-size: 14px;
          margin-top: 8px;
          width: 186px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          word-wrap: normal;
          height: 20px;
          color: #333; }
      .in-ad .mode-content-wrap .scrollWrap ul li:last-child {
        margin: 0; }

.in-ad2 .mode-content-wrap {
  padding: 0 25px 10px; }
  .in-ad2 .mode-content-wrap.no-title-mode-content {
    padding-top: 24px; }
  .in-ad2 .mode-content-wrap .scrollWrap {
    overflow: hidden;
    height: 120px; }
    .in-ad2 .mode-content-wrap .scrollWrap ul li {
      position: relative;
      display: inline-block;
      padding-left: 30px; }
      .in-ad2 .mode-content-wrap .scrollWrap ul li:before {
        content: "";
        width: 2px;
        height: 2px;
        background: #636363;
        position: absolute;
        left: 18px;
        top: 14px; }
      .in-ad2 .mode-content-wrap .scrollWrap ul li a {
        font-size: 14px;
        line-height: 2;
        /* line-height: 28px; */
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        width: 224px;
        display: inline-block;
        color: #333;
        height: 25px; }

.search-box {
  padding-bottom: 24px;
  text-align: center;
  background: #FFF; }
  .search-box .code-wrap {
    display: inline-block;
    position: relative; }
  .search-box .split-line {
    height: 26px;
    position: absolute;
    border-left: 1px solid #ddd;
    top: 6px; }
  .search-box input {
    padding: 5px 10px;
    width: 420px;
    height: 24px;
    border: 1px solid #e6e6e6; }
    .search-box input.name-input {
      width: 130px;
      margin-right: -4px;
      border-right: none; }
    .search-box input.code-input {
      width: 250px;
      margin-right: -4px;
      border-left: none; }
  .search-box .submit {
    width: 80px;
    font-size: 14px;
    height: 36px;
    color: #FFF; }

.in-cooperation {
  padding-bottom: 30px;
  margin: 40px auto;
  border: 1px solid #e6e6e6;
  background: #FFF; }

.in-cooperation h3 {
  padding-top: 8px;
  font: bold 24px/62px "Microsoft Yahei", "冬青黑体";
  text-align: center;
  color: #333; }

.in-cooperation ul {
  padding: 0 10px;
  font-size: 0;
  overflow: hidden; }

.in-cooperation li {
  display: inline-block;
  position: relative; }
  .in-cooperation li .cover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s; }
  .in-cooperation li:hover {
    box-shadow: 2px 2px 4px #ccc; }
    .in-cooperation li:hover .cover {
      opacity: 0.2;
      filter: alpha(opacity=20); }

.in-cooperation .img-box {
  display: block;
  height: 100%;
  text-align: center; }

.in-cooperation .img-box img {
  line-height: inherit;
  vertical-align: middle; }

.no-data {
  clear: both;
  line-height: 36px;
  text-align: center;
  color: #999; }

.u-nav {
  margin-bottom: 0; }

.in-pic .mode-content {
  background: #fff;
  padding: 0 24px 20px; }

.in-pic .pic-wrap {
  position: relative;
  z-index: 21; }

.in-pic .pic-wrap > li {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: #fff; }

.in-pic p {
  text-align: center; }

.in-pic .pic-wrap img {
  display: inline-block;
  height: 100%;
  max-width: 100%; }

.display-0 {
  padding: 0 !important; }

.in-video .mode-content-wrap.have-inner-a .videoList video {
  margin: 0; }
.in-video .mode-content-wrap.have-inner-a .videoList .video {
  width: 270.6666666667px; }
.in-video .mode-content-wrap.have-inner-a .videoList .cover {
  height: 203px; }
.in-video .mode-content-wrap.have-inner-a .videoList.large .video {
  width: 413px; }
.in-video .mode-content-wrap.have-inner-a .videoList.large .cover {
  height: 309.75px; }

.videoList {
  text-align: center; }
  .videoList.large > .video {
    width: 508px; }
    .videoList.large > .video .cover {
      height: 338.6666666667px; }
  .videoList > .video {
    width: 334px;
    float: left;
    margin-bottom: 25px;
    margin-left: 0;
    margin-right: 14px; }
    .videoList > .video img {
      width: 100%;
      height: 100%;
      background: url(/res/img/spinner.gif) no-repeat 50% 50%;
      max-width: 100% !important; }
    .videoList > .video .cover {
      position: relative;
      width: 100%;
      height: 250.5px; }
    .videoList > .video .title {
      width: 100%;
      font-size: 15px;
      line-height: 26px;
      margin-top: 6px;
      color: #333; }
    .videoList > .video:hover .title {
      text-decoration: underline; }
    .videoList > .video .cover > .mask {
      visibility: hidden;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.2) url(/res/default/img/bg_video.png) no-repeat 50% 50%; }
    .videoList > .video .cover > .duration {
      position: absolute;
      right: 12px;
      bottom: 12px;
      padding: 4px 5px;
      font-size: 14px;
      background: #000;
      background: rgba(0, 0, 0, 0.5);
      filter: alpha(opacity=20);
      border-radius: 4px;
      color: #fff; }
    .videoList > .video:hover .mask {
      visibility: visible; }
    .videoList > .video > .stat > span {
      color: #999; }

.videoList {
  margin-left: 0 !important;
  padding: 0 0 0 25px;
  background-color: #FFF;
  overflow: hidden; }
  .videoList video {
    display: block;
    margin: 0 auto; }

.videoList embed, .videoList object {
  background: #000; }

.in-shoe .mode-content-wrap.have-inner-a ul {
  padding-left: 120px; }
  .in-shoe .mode-content-wrap.have-inner-a ul li {
    margin-right: 30px; }

.in-shoe ul {
  overflow: hidden;
  background: #fff;
  padding: 0 0 24px 180px; }
.in-shoe li {
  float: left;
  margin-right: 40px; }
.in-shoe .btn {
  padding: 8px 14px;
  font-size: 16px;
  width: 194px;
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal; }
  .in-shoe .btn .icon {
    font-size: 28px;
    margin-right: 4px;
    vertical-align: middle; }
  .in-shoe .btn:hover {
    color: #fff !important; }

.mode-title-wrap {
  padding: 10px 24px;
  line-height: 48px; }
  .mode-title-wrap.title-margin {
    padding-bottom: 24px; }
  .mode-title-wrap .ch {
    float: left;
    font-size: 0;
    line-height: 48px;
    height: 48px; }
    .mode-title-wrap .ch .titleIcon {
      height: 30px;
      width: 30px;
      vertical-align: middle; }
    .mode-title-wrap .ch .title-setColor {
      display: inline-block;
      vertical-align: middle;
      font-size: 24px;
      margin-left: 5px; }
  .mode-title-wrap .more {
    float: right;
    line-height: 48px; }
    .mode-title-wrap .more:after {
      content: '>'; }
  .mode-title-wrap:after {
    content: '';
    display: block;
    clear: both; }

.u-mode {
  z-index: 1; }
  .u-mode.u-search .mode-title {
    padding-bottom: 0; }
  .u-mode.in-pic {
    border: none; }
    .u-mode.in-pic.pic-display-3 {
      border: 1px solid #e6e6e6; }
      .u-mode.in-pic.pic-display-3.pic-no-title .display-3 {
        padding-top: 20px; }
    .u-mode.in-pic.pic-display-0 .title-margin {
      border: 1px solid #e6e6e6;
      border-bottom: none; }
  .u-mode.no-border {
    border: none; }

.en .search-box input {
  width: 440px; }

/*# sourceMappingURL=index.css.map */