section {
  padding-top: 80px; }
main>.content-w{}
#banner {
  height: 4.4rem;
  position: relative;
  background: #F6F6F9;
  padding-top: .533333rem;
  width: 100%; }
  #banner .swiper-button {
    position: absolute;
    z-index: 20;
    top: 50%;
    margin-top: -0.533333rem;
    cursor: pointer;
    width: 1.066667rem;
    height: 1.44rem;
    display: none; }
  #banner .siwper-next {
    right: 0; }
  #banner .siwper-prev {
    left: 0; }
  #banner .swiper-pagination {
    position: absolute;
    z-index: 20;
    bottom: -0.466667rem;
    width: 100%;
    text-align: center; }
    #banner .swiper-pagination span {
      cursor: pointer !important;
      display: inline-block;
      width: .106667rem;
      height: .106667rem;
      border-radius: 8px;
      background: #C5C7C7;
      margin: 0 .133333rem; }
    #banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background-color: #91979D; }
    #banner .swiper-pagination .swiper-active-switch {
      background-color: #91979D; }
  #banner img {
    width: 100%;
    height: 100%; }
  #banner .banner-box {
    height: 4.666667rem; }
  #banner .swiper-slide {
    width: 10rem;
    height: 4rem;
    overflow: hidden;
    border-radius: 10px; }
    #banner .swiper-slide > a {
      position: relative;
	  width: 10rem;
      height: 4rem; }
      #banner .swiper-slide > a .img-box {
        border-radius: 8px;
        overflow: hidden;
        width: 100%;
        height: 100%; }
  #banner .swiper-slide-active:hover a .img-box img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }
  #banner .swiper-slide-active > a .img-box img {
    -webkit-transition: all 1s;
    transition: all 1s; }

.spectrum_set_box {
	margin-top: .5rem;
   }
  .spectrum_set_box h1.title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .spectrum_set_box h1.title span.title-text {
      position: relative;
      color: #201F1C;
      font-size: .426667rem;
      z-index: 3;
      margin-right: 1.066667rem;
      font-weight: bold;
      padding-bottom: .266667rem; }
    .spectrum_set_box h1.title span.title-text::after {
      content: '';
      position: absolute;
      display: inline-block;
      background-image: url("../images/index/title-icon.png");
      background-size: 100% 100%;
      top: .1rem;
      width: 1.2rem;
      right: -0.5rem;
      height: .48rem;
      z-index: 1; }
    .spectrum_set_box h1.title .more {
      position: absolute;
      top: 0;
      right: 0;
      font-size: 16px;
      font-weight: 400;
      color: #91979D;
      height: 32px;
      line-height: 32px; }
      .spectrum_set_box h1.title .more .more-icon {
        position: relative;
        padding-right: 18px; }
        .spectrum_set_box h1.title .more .more-icon::after {
          content: '';
          position: absolute;
          right: 0;
          top: 0;
          background-image: url("../images/index/back.png");
          background-size: 100% 100%;
          display: block;
          width: 18px;
          height: 18px; }
  .spectrum_set_box main {
    margin-top: .693333rem; }
    .spectrum_set_box main ul.spectrum_ul {
      display: -webkit-box;
      display: -ms-flexbox;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin: 0 -0.63rem;
      display: flex;
      align-items: center;
      justify-content: center; }
      .spectrum_set_box main ul.spectrum_ul li {
        width: 2.133333rem;
        margin: 0 .5rem 0.5rem .5rem; }
        .spectrum_set_box main ul.spectrum_ul li .audio-box .icon {
          position: absolute;
          top: 0;
          left: 0;
          width: .56rem;
          height: .293333rem;
          z-index: 1; }
      .spectrum_set_box main ul.spectrum_ul .audio-box {
        width: 2.133333rem;
        height: 2.133333rem; }
      .spectrum_set_box main ul.spectrum_ul h1,
      .spectrum_set_box main ul.spectrum_ul h2 {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 100%; }
      .spectrum_set_box main ul.spectrum_ul h1 {
        margin: .2rem 0 .106667rem; }
        .spectrum_set_box main ul.spectrum_ul h1 a {
          font-size: .213333rem;
          color: #201F1C; }
      .spectrum_set_box main ul.spectrum_ul h2 {
        font-size: .16rem;
        color: #91979D; }
      .s_l_p {
          position: relative;
          left: 50%;
          -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
      }
      .spectrum_set_box main ._B_Pagination .s_l_pagination {
        margin-top: 0; }
#spectrum_header {
  position: fixed;
  display: none !important;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%; }
  #spectrum_header .h5 {
    display: none; }
    #spectrum_header .h5 .detail {
      height: 1.333333rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 0 .533333rem;
      background-color: #fff;
      -webkit-box-shadow: 0px 2px 0.64rem 0px rgba(0, 0, 0, 0.06);
      box-shadow: 0px 2px 0.64rem 0px rgba(0, 0, 0, 0.06); }
      #spectrum_header .h5 .detail a.back {
        display: block;
        width: .56rem;
        height: .56rem;
        background-image: url("../images/default/h5-back-2.png");
        background-size: 100% 100%; }
      #spectrum_header .h5 .detail p {
        font-size: .426667rem;
        color: #000; }
      #spectrum_header .h5 .detail a.search {
        display: block;
        width: .533333rem;
        height: .533333rem;
        background-image: url("../images/default/search-h5-2.png");
        background-size: 100% 100%; }
@media screen and (max-width: 1000px) {
  #header {}
  #spectrum_header {
    display: block !important; }
  main>.content-w{
	padding-top: 0; }
  section {
    padding-top: 3.1rem; }
  main {
    min-height: auto !important; }
    main h1.title .title-text {
      font-size: .533333rem !important; }
      main h1.title .title-text::after {
        top: .2rem !important; }
  main #banner.banner {
    padding-top: 0;
    background-color: #ffffff; }
    main #banner.banner .banner-box {
      width: 8.933333rem !important; }
    main #banner.banner .swiper-slide {
      border-radius: .106667rem;
      width: 8.933333rem;
      height: 3.573333rem; }
      main #banner.banner .swiper-slide > a {
        width: 8.933333rem;
        height: 3.573333rem; }
      main #banner.banner .swiper-slide > a .img-box {
        border-radius: .106667rem; }
    main #banner.banner .swiper-pagination {
      bottom: 1rem !important; }
      main #banner.banner .swiper-pagination span {
        width: .133333rem;
        height: .133333rem; }
      main #banner.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-image: url("../images/default/yf-icon.png");
        background-size: 100% 100%;
        background-color: transparent;
        width: .4rem;
        height: .4rem; }
   h1.title {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .spectrum_set_box {
    margin-top: .5rem; }
    .spectrum_set_box .content-w {
      width: auto !important; }
    .spectrum_set_box main ul.spectrum_ul li .audio-box .icon {
      width: .72rem;
      height: .373333rem; }
    .spectrum_set_box main ul.spectrum_ul {
      margin-left: -.8rem; }
    .spectrum_set_box main ul.spectrum_ul li {
      margin-left: .266667rem; }
	.Navigation-Tags{
	  display: none; }
  .spectrum_set_box main ul.spectrum_ul h1 a{
	font-size: 0.355555rem; }
  .spectrum_set_box main ul.spectrum_ul h2{
	font-size: 0.355555rem; } }