.bannerImg {
  width: 100%;
  height: 3.2rem;
  margin-top: .94rem;
  background: url("../images/search/banner .png");
  background-size: 100% 100%; }
  .bannerImg .form-box {
    -webkit-box-flex: .8;
    -ms-flex: .8;
    flex: .8; }
    .bannerImg .form-box .f-b-input-box {
      padding-top: 1.066667rem;
      height: 1.653333rem;
      line-height: 1.653333rem; }
    .bannerImg .form-box .f-b-i-top {
      width: 10.133333rem;
      height: .72rem;
      overflow: hidden;
      border-radius: .106667rem;
      line-height: .586667rem;
      margin: 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
    .bannerImg .form-box #s_keyword {
      background-color: #FFFFFF;
      display: inline-block;
      height: 100%;
      border: none;
      width: 100%;
      padding: 0;
      margin: 0;
      font-size: .186667rem;
      padding: 0 .2rem; }
      .bannerImg .form-box #s_keyword:focus {
        outline: none; }
    .bannerImg .form-box .submit {
      height: 100%;
      width: 1.146667rem;
      padding: 0;
      margin: 0;
      overflow: hidden;
      cursor: pointer;
      background-color: #E7E7E7;
      text-align: center; }
      .bannerImg .form-box .submit img {
        width: .4rem;
        height: .4rem;
        position: relative;
        top: 8%; }
  .bannerImg .f-b-i-bottom {
    line-height: normal;
    font-size: .186667rem;
    color: #E8EAEB;
    overflow: hidden;
    margin: .2rem auto 0;
    width: 10.133333rem; }
    .bannerImg .f-b-i-bottom .info-box li {
      float: left; }
    .bannerImg .f-b-i-bottom a {
      color: #E8EAEB;
      cursor: pointer;
      text-decoration: underline; }

.search_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: 10rem;
  margin-bottom: 1rem; }
  .search_container .search_right {
    display: inline-block;
    width: 11.733333rem;
    display: none; }
    .search_container .search_right .search_navigation {
      height: .96rem;
      line-height: .96rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      border-bottom: 1px solid #e8eaeb; }
      .search_container .search_right .search_navigation h2 {
        font-size: .32rem;
        color: #201f1c;
        font-weight: 600; }
      .search_container .search_right .search_navigation ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: .213333rem;
        line-height: 1.1rem;
        margin-left: .106667rem;
        cursor: pointer; }
        .search_container .search_right .search_navigation ul li {
          margin-left: .533333rem; }
          .search_container .search_right .search_navigation ul li.active a {
            font-weight: bold;
          }
        .search_container .search_right .search_navigation ul a {
          font-weight: 400;
          color: #201f1c; }
        .search_container .search_right .search_navigation ul a:focus {
          font-weight: 600; }
    .search_container .search_right .search_result {
      height: .64rem;
      line-height: .693333rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .search_container .search_right .search_result .search_result_data {
        font-size: .213333rem;
        font-weight: 400;
        color: #7c818a; }
        .search_container .search_right .search_result .search_result_data span {
          color: #fe7526; }
      .search_container .search_right .search_result .search_r_option {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .search_container .search_right .search_result .search_r_option span {
          font-size: .213333rem;
          color: #91979d;
          font-weight: 400; }
        .search_container .search_right .search_result .search_r_option ul {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          font-size: .213333rem;
          font-weight: 500; }
          .search_container .search_right .search_result .search_r_option ul li {
            margin-left: .533333rem;
            line-height: .67rem;
            cursor: pointer; }
            .search_container .search_right .search_result .search_r_option ul li a {
              color: #7c818a; }
          .search_container .search_right .search_result .search_r_option ul li:nth-child(1) {
            margin-left: .106667rem; }
          .search_container .search_right .search_result .search_r_option ul a:focus {
            color: #35D4A5; }
  .search_container .search_left {
    width: 3.466667rem;
    display: none;
    margin-top: .4rem; }
    .search_container .search_left .search_left_box {
      padding: .266667rem .133333rem .266667rem .133333rem;
      border: 1px solid #e8eaeb;
      min-height: 1.926667rem; }
      .search_container .search_left .search_left_box .search_history_top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-left: .133333rem; }
        .search_container .search_left .search_left_box .search_history_top .search_history_top_title {
          font-size: .213333rem;
          font-weight: 600;
          color: #201f1c; }
          .search_container .search_left .search_left_box .search_history_top .search_history_top_title img {
            width: .266667rem;
            height: .266667rem;
            position: relative;
            top: -0.026667rem; }
          .search_container .search_left .search_left_box .search_history_top .search_history_top_title span {
            margin-left: .053333rem; }
        .search_container .search_left .search_left_box .search_history_top .search_history_top_delete img {
          width: .266667rem;
          height: .266667rem;
          cursor: pointer; }
      .search_container .search_left .search_left_box .search_history_box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        .search_container .search_left .search_left_box .search_history_box div {
          height: .32rem;
          margin-top: .213333rem;
          min-width: .413333rem;
          padding: 0 .133333rem;
          margin-left: .133333rem;
          border-radius: .146667rem;
          border: 1px solid #c5c7c7;
          text-align: center;
          line-height: .32rem;
          color: #201f1c; 
          overflow:hidden;
       	  max-width: 3rem;
	      overflow: hidden;
	      white-space: nowrap;
	      text-overflow: ellipsis;
	      word-break: break-all;
          }
      .search_container .search_left .search_left_box .search_history_box div:hover{
		  color: #FF7526;
		  border: 1px solid #FF7526; }
      .search_container .search_left .search_left_box .search_line {
        width: 2.933333rem;
        height: 1px;
        background-color: #e7eaeb;
        margin: .266667rem auto .32rem; }
    .search_container .search_left .search_feedback {
      display: block;
      font-size: .186667rem;
      color: #008aff;
      margin-top: .266667rem; }
  .search_container .search_user {
    width: 100%; }
    .search_container .search_user .user_box {
      height: 2rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      border-top: 1px solid #e7eaeb; }
      .search_container .search_user .user_box .u_l_box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; 
        padding:0 0 0 .26rem;
        }
      .search_container .search_user .user_box .user_avatar {
        width: 1.2rem;
        height: 1.2rem;
        overflow: hidden;
        border-radius: 50%;
        margin: auto 0; }
        .search_container .search_user .user_box .user_avatar img {
          width: 100%;
          height: 100%; }
      .search_container .search_user .user_box .user_d {
        margin: auto 0 auto .32rem; }
      .search_container .search_user .user_box .username {
        font-size: .266667rem;
        font-weight: 600; }
        .search_container .search_user .user_box .username a {
          color: #201f1c; }
      .search_container .search_user .user_box .s_u_fansBox {
        margin-top: .066667rem; }
        .search_container .search_user .user_box .s_u_fansBox .userFans {
          margin-left: .426667rem; }
      .search_container .search_user .user_box span {
        font-size: .186667rem;
        font-weight: 500;
        color: #7c818a; }
      .search_container .search_user .user_box .s_btn_box {
        margin: auto 0;
		display: none; }
      .search_container .search_user .user_box button {
        width: 1.066667rem;
        height: .426667rem;
        border-radius: .053333rem;
        color: #fff;
        border: 0;
        outline: none; }
      .search_container .search_user .user_box .b_follow {
        background-color: #201f1c; }
      .search_container .search_user .user_box .g_follow {
        background-color: #c5c7c7;
        display: none; }
    .search_container .search_user .user_box:first-child {
      border-top: 0; }
    .search_container .search_user .user_box:hover {
      background-color: #F6F6F9; }
  .search_container .search_artist_box {}
.search_container .search_artist {
    width: calc(100% + .573333rem);
    position: relative;
    top: -0.266667rem;
    left: -0.56rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .search_container .search_artist .s_artist_box {
      height: 2.346667rem;
      width: 1.866667rem;
      font-size: .213333rem;
      font-weight: 400;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      text-align: center;
      margin-top: .64rem;
      margin-left: .573333rem; }
      .search_container .search_artist .s_artist_box .s_artist_img {
        width: 1.866667rem;
        height: 1.866667rem;
        background-color: #f6f6f6;
        border-radius: 50%;
        overflow: hidden; }
        .search_container .search_artist .s_artist_box .s_artist_img img {
          width: 100%;
          height: 100%;
          -webkit-transition: all 1s;
          transition: all 1s; }
        .search_container .search_artist .s_artist_box .s_artist_img a::before {
          background-image: ''; }
      .search_container .search_artist .s_artist_box .s_artist_img:hover img {
        -webkit-transform: scale(1.2);
        transform: scale(1.2); }
      .search_container .search_artist .s_artist_box a {
        color: #201f1c;
      	display: block;
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap; }
    .search_container .search_artist .artUserBox {
      display: none; }
    .search_container .search_artist .user_box {
      height: 2rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      border-top: 1px solid #e7eaeb;
      padding: 0 .266667rem; }
      .search_container .search_artist .user_box .u_l_box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
      .search_container .search_artist .user_box .user_avatar {
        width: 1.2rem;
        height: 1.2rem;
        overflow: hidden;
        border-radius: 50%;
        margin: auto 0; }
        .search_container .search_artist .user_box .user_avatar img {
          width: 100%;
          height: 100%; }
      .search_container .search_artist .user_box .user_d {
        margin: auto 0 auto .32rem; }
      .search_container .search_artist .user_box .username {
        font-size: .266667rem;
        font-weight: 600; }
        .search_container .search_artist .user_box .username a {
          color: #201f1c; }
      .search_container .search_artist .user_box .s_u_fansBox {
        margin-top: .066667rem; }
        .search_container .search_artist .user_box .s_u_fansBox .userFans {
          margin-left: .426667rem; }
      .search_container .search_artist .user_box span {
        font-size: .186667rem;
        font-weight: 500;
        color: #7c818a; }
      .search_container .search_artist .user_box .s_btn_box {
        margin: auto 0; }
      .search_container .search_artist .user_box button {
        width: 1.066667rem;
        height: .426667rem;
        border-radius: .053333rem;
        color: #fff;
        border: 0;
        outline: none; }
      .search_container .search_artist .user_box .b_follow {
        background-color: #201f1c; }
      .search_container .search_artist .user_box .g_follow {
        background-color: #c5c7c7;
        display: none; }
    .search_container .search_artist .s_artist_box:hover a {
      color: #35D4A5; }
  .search_container .search_video_box {
    margin-top: .333333rem; }
  .search_container .search_video {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 12.08rem;
    position: relative;
    left: -0.346667rem; }
    .search_container .search_video .video_box {
      width: 3.68rem;
      color: #91979d;
      margin-left: .346667rem;
      margin-bottom: .4rem; }
      .search_container .search_video .video_box .video_img {
        width: 3.68rem;
        height: 2.106667rem;
        border-radius: .133333rem;
        overflow: hidden; }
      .search_container .search_video .video_box .video_title {
        font-size: .266667rem;
        font-weight: 500;
        color: #201f1c;
        margin-top: .266667rem;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap; }
        .search_container .search_video .video_box .video_title a {
          color: #201f1c; }
      .search_container .search_video .video_box .video_name {
        font-size: .24rem;
        font-weight: 400;
        margin-top: .106667rem; }
        .search_container .search_video .video_box .video_name a {
          color: #91979d; }
      .search_container .search_video .video_box .video_num {
        font-size: .213333rem;
        font-weight: 400;
        margin-top: .106667rem; }
      	.search_container .search_video .video_box .video_num span{
	    font-size: .3rem; }
        .search_container .search_video .video_box .video_num .flower {
          margin-left: .426667rem; }
        .search_container .search_video .video_box .video_num img {
          width: .373333rem;
          height: .373333rem;
          position: relative;
          top: -0.036667rem; }
  .search_container .search_no_result {
    font-size: .213333rem;
    font-weight: 400;
    color: #7c818a;
    height: 9.44rem; }
    .search_container .search_no_result .s_n_r_title {
      font-size: .32rem;
      margin-bottom: .053333rem; }
      .search_container .search_no_result .s_n_r_title span {
        color: #fe7526; }
  .search_container .SL_right {
    width: 100%;
    font-weight: 600; }
    .search_container .SL_right .spectral_set {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .search_container .SL_right .spectral_set .spectral_set_i {
        width: 25%;
        margin-top: .64rem; }
        .search_container .SL_right .spectral_set .spectral_set_i .spectral_set_img {
          width: 2.13rem;
          height: 2.13rem; }
          .search_container .SL_right .spectral_set .spectral_set_i .spectral_set_img .s_s_img {
            width: 100%;
            height: 100%; }
        .search_container .SL_right .spectral_set .spectral_set_i .spectral_set_title {
          width: 2.13rem;
          font-size: 0.21rem;
          color: #201f1c;
          margin-top: 0.1rem;
          margin-bottom:.05rem;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
        .search_container .SL_right .spectral_set .spectral_set_i .spectral_set_t {
          width: 2.13rem;
          font-size: 0.16rem;
          line-height: 0.16rem;
          color: #91979D;
          display: block;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
      .search_container .SL_right .spectral_set div:nth-child(1) {
        margin-left: 0; }
      .search_container .SL_right .spectral_set div:nth-child(5) {
        margin-left: 0; }
    .search_container .SL_right .recommend_single_spectrum {
      margin-top: 1.33rem;
      font-weight: 600;
      color: #201f1c; }
      .search_container .SL_right .recommend_single_spectrum .recommend_single_spectrum_title {
        font-size: 0.42rem; }
      .search_container .SL_right .recommend_single_spectrum .recommend_single_spectrum_option {
        font-size: 0.21rem;
        margin-left: 0.53rem; }
      .search_container .SL_right .recommend_single_spectrum span:nth-child(2) {
        margin-left: 1.06rem; }
      .search_container .SL_right .recommend_single_spectrum .single_spectrum_container {
        margin-top: 0.42rem; }
        .search_container .SL_right .recommend_single_spectrum .single_spectrum_container .s_s_c_song {
          height: 1.7rem;
          background-color: #fff;
          padding: 0.26rem;
          border-top: 0.01rem solid #e7eaeb;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; }
          .search_container .SL_right .recommend_single_spectrum .single_spectrum_container .s_s_c_song .s_s_c_song_left {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; }
            .search_container .SL_right .recommend_single_spectrum .single_spectrum_container .s_s_c_song .s_s_c_song_left .song_img {
              width: 1.17rem;
              height: 1.17rem; }
            .search_container .SL_right .recommend_single_spectrum .single_spectrum_container .s_s_c_song .s_s_c_song_left .song_detail {
              margin-left: 0.21rem;
              font-size: 0.16rem;
              color: #91979D; }
              .search_container .SL_right .recommend_single_spectrum .single_spectrum_container .s_s_c_song .s_s_c_song_left .song_detail .song_title {
                font-size: 0.26rem;
                font-weight: 500;
                color: #201f1c; }
              .search_container .SL_right .recommend_single_spectrum .single_spectrum_container .s_s_c_song .s_s_c_song_left .song_detail .song_detail_1 {
                margin-top: 0.1rem; }
                .search_container .SL_right .recommend_single_spectrum .single_spectrum_container .s_s_c_song .s_s_c_song_left .song_detail .song_detail_1 span {
                  margin-left: 0.26rem; }
                .search_container .SL_right .recommend_single_spectrum .single_spectrum_container .s_s_c_song .s_s_c_song_left .song_detail .song_detail_1 span:nth-child(1) {
                  margin-left: 0; }
              .search_container .SL_right .recommend_single_spectrum .single_spectrum_container .s_s_c_song .s_s_c_song_left .song_detail .song_detail_2 {
                margin-top: 0.16rem;
                position: relative; }
                .search_container .SL_right .recommend_single_spectrum .single_spectrum_container .s_s_c_song .s_s_c_song_left .song_detail .song_detail_2 span {
                  margin-left: 0.26rem; }
                .search_container .SL_right .recommend_single_spectrum .single_spectrum_container .s_s_c_song .s_s_c_song_left .song_detail .song_detail_2 .tv_color {
                  color: #ff7526; }
                .search_container .SL_right .recommend_single_spectrum .single_spectrum_container .s_s_c_song .s_s_c_song_left .song_detail .song_detail_2 span:nth-child(1) {
                  margin-left: 0; }
                .search_container .SL_right .recommend_single_spectrum .single_spectrum_container .s_s_c_song .s_s_c_song_left .song_detail .song_detail_2 .song_detail_2_img {
                  position: relative;
                  top: -0.03rem;
                  width: 0.29rem;
                  height: 0.27rem; }
          .search_container .SL_right .recommend_single_spectrum .single_spectrum_container .s_s_c_song .s_s_c_song_right {
            width: 1.46rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin: auto 0;
            margin-right: 0.21rem; }
            .search_container .SL_right .recommend_single_spectrum .single_spectrum_container .s_s_c_song .s_s_c_song_right .s_s_c_song_right_box1 {
              width: 0.64rem;
              height: 0.64rem;
              border-radius: 50%;
              background-color: #e4e4f1;
              padding: 0.1rem;
              margin-right: 0.37rem; }
              .search_container .SL_right .recommend_single_spectrum .single_spectrum_container .s_s_c_song .s_s_c_song_right .s_s_c_song_right_box1 .s_s_c_song_right_img {
                width: 0.42rem;
                height: 0.42rem; }
            .search_container .SL_right .recommend_single_spectrum .single_spectrum_container .s_s_c_song .s_s_c_song_right .s_s_c_song_right_box2 {
              width: 0.64rem;
              height: 0.64rem;
              padding: 0.1rem; }
              .search_container .SL_right .recommend_single_spectrum .single_spectrum_container .s_s_c_song .s_s_c_song_right .s_s_c_song_right_box2 .s_s_c_song_right_img2 {
                width: 0.42rem;
                height: 0.42rem; }
        .search_container .SL_right .recommend_single_spectrum .single_spectrum_container .s_s_c_song:focus,
        .search_container .SL_right .recommend_single_spectrum .single_spectrum_container .s_s_c_song:hover {
          background-color: #f6f6f9; }
          .search_container .SL_right .recommend_single_spectrum .single_spectrum_container .s_s_c_song:focus .s_s_c_song_right_show,
          .search_container .SL_right .recommend_single_spectrum .single_spectrum_container .s_s_c_song:hover .s_s_c_song_right_show {
            display: none; }

.search_dialog {
  display: none;
  width: 7.6rem;
  height: 5.973333rem; }

.add-pop-up-windows {
  position: fixed;
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99999;
  display: none; }

.add-pop-up-windows-content {
  background-color: white;
  width: 6.9rem;
  padding: 0;
  width: 7.6rem;
  height: 3.973333rem;
  background: #FFFFFF;
  border-radius: .053333rem;
  margin: 0 auto;
  position: relative;
  top: 50%;
  left: 0;
  margin-top: -3rem; }
  .add-pop-up-windows-content .closeBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: .16rem;
    padding-top: .16rem; }
    .add-pop-up-windows-content .closeBox .closeBtn {
      width: .186667rem;
      height: .186667rem;
      cursor: pointer; }
  .add-pop-up-windows-content .feedBack_title {
    width: 100%;
    text-align: center;
    font-weight: 500;
    font-size: .213333rem;
    color: #201F1C; }
  .add-pop-up-windows-content .feedBak_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 .24rem 0 .4rem;
    margin-top: .426667rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #91979D;
    font-size: .186667rem;
    font-weight: 400; }
    .add-pop-up-windows-content .feedBak_content textarea {
      width: 5.626667rem;
      height: 1.6rem;
      border: 1px solid #E8EAEB;
      outline: none;
      padding: .133333rem; }
  .add-pop-up-windows-content .upload_pictures {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 .24rem 0 .4rem;
    margin-top: .213333rem;
    color: #91979D; }
    .add-pop-up-windows-content .upload_pictures .upload_pictures_title {
      margin-top: .16rem; }
    .add-pop-up-windows-content .upload_pictures .add_p_box {
      width: 5.626667rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .add-pop-up-windows-content .upload_pictures .add_pic {
      width: 1.333333rem;
      height: 1.333333rem;
      background: #F6F6F9;
      border-radius: .053333rem;
      border: 1px solid #E8EAEB; }
      .add-pop-up-windows-content .upload_pictures .add_pic .heng {
        position: relative;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-43%);
        transform: translateX(-43%);
        z-index: 2;
        width: .346667rem;
        height: .053333rem;
        background: #C5C7C7;
        border-radius: .026667rem; }
      .add-pop-up-windows-content .upload_pictures .add_pic .shu {
        position: relative;
        top: 50%;
        left: 50%;
        -webkit-transform: translateY(-56%);
        transform: translateY(-56%);
        width: .053333rem;
        height: .346667rem;
        background: #C5C7C7;
        border-radius: .026667rem; }
    .add-pop-up-windows-content .upload_pictures .pic_box {
      margin-left: .16rem;
      width: 1.333333rem;
      height: 1.333333rem;
      border-radius: .053333rem;
      border: 1px solid #E8EAEB; }
  .add-pop-up-windows-content .explain {
    width: 5.626667rem;
    height: .453333rem;
    font-size: .16rem;
    font-weight: 400;
    color: #91979D;
    margin-left: 1.733333rem;
    margin-top: .16rem; }
  .add-pop-up-windows-content .submitBtn_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: .32rem;
    padding: 0 .4rem; }
  .add-pop-up-windows-content .submit {
    width: 1.2rem;
    height: .48rem;
    background: #35D4A5;
    border-radius: .053333rem;
    border: 0;
    outline: none;
    font-size: .186667rem;
    font-weight: 500;
    color: #fff;
    cursor: pointer; }

h1.title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.43rem; }
  h1.title span.title-text {
    position: relative;
    color: #201F1C;
    font-size: .426667rem;
    z-index: 3;
    margin-right: 1.066667rem;
    font-weight: bold; }
  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; }
  h1.title .more {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 16px;
    font-weight: 400;
    color: #91979D;
    height: 32px;
    line-height: 32px; }
    h1.title .more .more-icon {
      position: relative;
      padding-right: 18px; }
      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; }
  h1.title .other-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #7C818A;
    font-size: .213333rem; }
    h1.title .other-info .time {
      margin-right: .266667rem; }
    h1.title .other-info .rule {
      position: relative; }
      h1.title .other-info .rule:hover .rule-dialog {
        display: block; }
      h1.title .other-info .rule .rule-dialog {
        position: absolute;
        display: none;
        top: 25px;
        right: 0;
        width: 4.666667rem;
        background-color: #ffffff;
        border-radius: .106667rem;
        -webkit-box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.1);
        border: 1px solid #E8EAEB;
        z-index: 10; }
        h1.title .other-info .rule .rule-dialog .rule-dialog-content-box {
          position: relative;
          padding: 0 .266667rem .32rem; }
          h1.title .other-info .rule .rule-dialog .rule-dialog-content-box h2 {
            font-size: .266667rem;
            padding: .333333rem 0 .133333rem;
            color: #201F1C; }
          h1.title .other-info .rule .rule-dialog .rule-dialog-content-box p {
            font-size: .186667rem; }
            h1.title .other-info .rule .rule-dialog .rule-dialog-content-box p span {
              color: #201F1C; }
          h1.title .other-info .rule .rule-dialog .rule-dialog-content-box .tips {
            margin-bottom: .266667rem; }
          h1.title .other-info .rule .rule-dialog .rule-dialog-content-box .update_time {
            margin-bottom: .066667rem; }
          h1.title .other-info .rule .rule-dialog .rule-dialog-content-box:before {
            -webkit-box-sizing: content-box;
            box-sizing: content-box;
            width: 0px;
            height: 0px;
            position: absolute;
            top: -16px;
            right: .546667rem;
            padding: 0;
            border-bottom: .106667rem solid #FFFFFF;
            border-top: .106667rem solid transparent;
            border-left: .106667rem solid transparent;
            border-right: .106667rem solid transparent;
            display: block;
            content: '';
            z-index: 12; }
          h1.title .other-info .rule .rule-dialog .rule-dialog-content-box:after {
            -webkit-box-sizing: content-box;
            box-sizing: content-box;
            width: 0px;
            height: 0px;
            position: absolute;
            top: -18px;
            right: .533333rem;
            padding: 0;
            border-bottom: .12rem solid #cccccc;
            border-top: .12rem solid transparent;
            border-left: .12rem solid transparent;
            border-right: .12rem solid transparent;
            display: block;
            content: '';
            z-index: 10; }
  h1.title .ranking-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    h1.title .ranking-tab ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-top: .2rem; }
      h1.title .ranking-tab ul li {
        margin-right: .533333rem; }
        h1.title .ranking-tab ul li:hover, h1.title .ranking-tab ul li.active {
          border-bottom: .106667rem solid #57EBC0; }
          h1.title .ranking-tab ul li:hover a, h1.title .ranking-tab ul li.active a {
            font-weight: bold; }
        h1.title .ranking-tab ul li a {
          font-size: .213333rem;
          color: #201F1C; }
    h1.title .ranking-tab .right_box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 2.13rem;
      height: 0.48rem;
      border: 0.01rem solid #eaeaea;
      border-radius: 0.25rem;
      text-align: center;
      line-height: 0.48rem;
      position: relative;
      right: -8.97rem;
      top: 0.3rem; }
      h1.title .ranking-tab .right_box .right_box_t {
        width: 1.07rem;
        height: 0.48rem;
        background-color: #35d4a5;
        border-radius: 0.25rem 0rem 0rem 0.25rem;
        color: #fff;
        font-size: 0.19rem;
        font-weight: 400; }
      h1.title .ranking-tab .right_box .right_box_z {
        width: 1.07rem;
        height: 0.48rem;
        background-color: #fff;
        border-radius: 0 0.25rem 0.25rem 0;
        font-size: 0.19rem;
        font-weight: 400;
        color: #201f1c; }

.right-box {
  width: 100%; }

.ranking-box ul {
  width: 100%; }

.ranking-box li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: .266667rem;
  height: 1.71rem;
  cursor: pointer; }
  .ranking-box li:nth-of-type(1) .index {
    color: #FC1832; }
  .ranking-box li:nth-of-type(2) .index {
    color: #FD7247; }
  .ranking-box li:nth-of-type(3) .index {
    color: #FDC42E; }
  .ranking-box li + li {
    border-top: 1px solid #E7EAEB; }
  .ranking-box li .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .ranking-box li:hover {
    background-color: #F6F6F9; }
  .ranking-box li .index {
    font-size: .213333rem;
    color: #91979D;
    width: .8rem;
    text-align: center; }
  .ranking-box li .audio-info {
    margin-left: .213333rem; }
    .ranking-box li .audio-info h1 {
      font-size: .266667rem;
      color: #201F1C;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .ranking-box li .audio-info h2 {
      color: #91979D;
      font-size: .16rem;
      margin: .16rem 0 .28rem; }
      .ranking-box li .audio-info h2 span {
        margin-left: 0.27rem; }
      .ranking-box li .audio-info h2 span:nth-child(1) {
        margin-left: 0; }
    .ranking-box li .audio-info h3 {
      font-size: .16rem;
      color: #91979D; }
      .ranking-box li .audio-info h3 span {
        margin-right: .266667rem; }
  .ranking-box li .right {
    display: none; }
    .ranking-box li .right .p_q_type_box {
      width: .64rem;
      height: .64rem;
      margin-top: .306667rem;
      margin-right: .4rem;
      color: #FF7526; }
      .ranking-box li .right .p_q_type_box .h_img {
        display: none; }
      .ranking-box li .right .p_q_type_box .o_img {
        display: block; }
      .ranking-box li .right .p_q_type_box p {
        display: none;
        text-align: center;
        margin-top: 0.08rem;
        font-size: 0.19rem;
        font-weight: 500; }
      .ranking-box li .right .p_q_type_box .img-box {
        width: .64rem;
        height: .64rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        overflow: hidden; }
      .ranking-box li .right .p_q_type_box img {
        width: .4rem;
        height: .4rem;
        margin: 0 auto; }
      .ranking-box li .right .p_q_type_box:hover .h_img {
        display: block; }
      .ranking-box li .right .p_q_type_box:hover .o_img {
        display: none; }
      .ranking-box li .right .p_q_type_box:hover p {
        display: block; }
      .ranking-box li .right .p_q_type_box:hover .img-box {
        background-color: #ebebf1;
        border-radius: 50%; }
    .ranking-box li .right .type1 {
      width: .64rem;
      height: .64rem;
      margin-top: .306667rem;
      margin-right: .4rem;
      color: #FF7526; }
      .ranking-box li .right .type1 .img-box,
      .ranking-box li .right .type1 img {
        width: 100%;
        height: 100%; }
      .ranking-box li .right .type1 .h_img {
        display: none; }
      .ranking-box li .right .type1 .o_img {
        display: block; }
      .ranking-box li .right .type1 p {
        display: none;
        text-align: center; }
    .ranking-box li .right .type2 {
      margin-top: .306667rem;
      margin-right: .4rem;
      text-align: center;
      color: #FF7526;
      font-size: .186667rem;
      text-align: center; }
      .ranking-box li .right .type2 .img-box {
        width: .64rem;
        height: .64rem;
        line-height: .64rem;
        overflow: hidden; }
      .ranking-box li .right .type2 img {
        width: .4rem;
        height: .4rem;
        margin: 0 auto; }
    .ranking-box li .right .type1:hover .h_img {
      display: block; }
#show_search_history, .search_line{
  display: none;}
.search_container .search_right .search_navigation .search_navigationUl {
    font-size: .213333rem;
    margin-top: .28rem; }
.searchJPContainer {}
.right-box {
  width: 100%; }
.audio-box{
  background: black; }
@media screen and (max-width: 1024px) {
  aside {
    display: none; }
  main .bannerImg {
    display: none; }
  main .search_container {
    margin: 1.333333rem auto  0 !important; }
    main .search_container .search_left {
      width: 100%;
      margin-top: .533333rem; }
      main .search_container .search_left .search_left_box {
        width: 100%;
        border: 0;
        padding: 0 .08rem; }
        main .search_container .search_left .search_left_box .search_line {
          display: none; }
        main .search_container .search_left .search_left_box .search_history {
          margin-bottom: 1.066667rem; }
          main .search_container .search_left .search_left_box .search_history .search_history_top {
            padding: 0; }
            main .search_container .search_left .search_left_box .search_history .search_history_top .search_history_top_title {
              font-size: .533333rem;
              margin-bottom: .133333rem; }
              main .search_container .search_left .search_left_box .search_history .search_history_top .search_history_top_title img {
                width: .533333rem;
                height: .533333rem; }
              main .search_container .search_left .search_left_box .search_history .search_history_top .search_history_top_title span {
                margin-left: .133333rem;
                font-weight: 600; }
            main .search_container .search_left .search_left_box .search_history .search_history_top .search_history_top_delete img {
              width: .533333rem;
              height: .533333rem; }
          main .search_container .search_left .search_left_box .search_history .search_history_box {
            position: relative;
            left: -0.266667rem;
            width: calc(100% + .266667rem); }
            main .search_container .search_left .search_left_box .search_history .search_history_box div {
              height: .853333rem;
              border-radius: .453333rem;
              padding: 0 .4rem;
              margin-left: .266667rem;
              margin-top: .4rem;
              line-height: .853333rem; }
              main .search_container .search_left .search_left_box .search_history .search_history_box div a {
                font-size: .373333rem;
                font-weight: 500; }
      main .search_container .search_left .search_feedback {
        display: none; }
    main .search_container .search_right {
      margin: 0 auto;
      padding-bottom: .666667rem; }
      main .search_container .search_right .search_navigation {
        border-bottom: 0; }
        main .search_container .search_right .search_navigation h2 {
          display: none; }
        main .search_container .search_right .search_navigation .search_navigationUlBox {
          overflow-y: auto;
          width: 8.933333rem;
          margin-top: .226667rem; }
          main .search_container .search_right .search_navigation .search_navigationUlBox ul {
            margin-left: 0;
            width: 10rem; }
            main .search_container .search_right .search_navigation .search_navigationUlBox ul li {
              margin-left: .72rem; }
              main .search_container .search_right .search_navigation .search_navigationUlBox ul li a {
                font-size: .426667rem;
                font-weight: 500; }
            main .search_container .search_right .search_navigation .search_navigationUlBox ul li:nth-child(1) {
              margin-left: 0; }
      main .search_container .search_right .search_result {
        display: none; }
      main .search_container .search_right .searchUserContainer .search_user .user_box {
        border: 0; }
        main .search_container .search_right .searchUserContainer .search_user .user_box .u_l_box .user_avatar {
          width: 1.2rem;
          height: 1.2rem; }
        main .search_container .search_right .searchUserContainer .search_user .user_box .u_l_box .user_d .username {
          font-size: .373333rem;
          font-weight: 500; }
        main .search_container .search_right .searchUserContainer .search_user .user_box .u_l_box .user_d .s_u_fansBox {
          font-size: .266667rem;
          font-weight: 400;
          margin-top: .32rem; }
        main .search_container .search_right .searchUserContainer .search_user .user_box .s_btn_box button {
          width: 1.6rem;
          height: .72rem;
          border-radius: .36rem;
          font-size: .32rem;
          font-weight: 500; }
      main .search_container .search_right .searchVideoContainer .search_video_box .search_video {
        width: 100%;
        position: relative;
        left: 0; }
        main .search_container .search_right .searchVideoContainer .search_video_box .search_video .video_box {
          width: 100%;
          height: 1.68rem;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          margin-top: .48rem;
          margin-left: 0; }
          main .search_container .search_right .searchVideoContainer .search_video_box .search_video .video_box .video_img {
            width: 2.933333rem;
            height: 1.68rem;
            border-radius: .106667rem; }
            main .search_container .search_right .searchVideoContainer .search_video_box .search_video .video_box .video_img .s_v_timeBox {
              position: absolute;
              bottom: .08rem;
              left: .0rem;
              margin-left: .106667rem; }
          main .search_container .search_right .searchVideoContainer .search_video_box .search_video .video_box div:nth-child(2) {
            margin-left: .426667rem; }
          main .search_container .search_right .searchVideoContainer .search_video_box .search_video .video_box .video_title {
            width: 5.44rem;
            font-size: .373333rem;
            font-weight: 500;
            margin-top: .106667rem;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden; }
          main .search_container .search_right .searchVideoContainer .search_video_box .search_video .video_box .video_name {
            font-size: .32rem;
            font-weight: 400;
            margin-top: .213333rem; }
          main .search_container .search_right .searchVideoContainer .search_video_box .search_video .video_box .video_num {
            margin-top: .16rem; }
            main .search_container .search_right .searchVideoContainer .search_video_box .search_video .video_box .video_num img {
              width: .48rem;
              height: .48rem; }
      main .search_container .search_right .searchPujiContainer .SL_right .spectral_set .spectral_set_i {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: .48rem; }
        main .search_container .search_right .searchPujiContainer .SL_right .spectral_set .spectral_set_i .spectral_set_img {
          width: 1.866667rem;
          height: 1.866667rem; }
        main .search_container .search_right .searchPujiContainer .SL_right .spectral_set .spectral_set_i div:nth-child(2) {
          margin-left: .693333rem; }
        main .search_container .search_right .searchPujiContainer .SL_right .spectral_set .spectral_set_i .spectral_set_title {
          width: 5.6rem;
          font-size: .373333rem;
          font-weight: 500;
          margin-top: .4rem; }
          main .search_container .search_right .searchPujiContainer .SL_right .spectral_set .spectral_set_i .spectral_set_title a {
            color: #181818;
          	width: 100%; }
        main .search_container .search_right .searchPujiContainer .SL_right .spectral_set .spectral_set_i .spectral_set_t {
          display: block;
          margin-top: .373333rem;
          font-size: .373333rem;
          font-weight: 400;
		  line-height: initial; }
      main .search_container .search_right .searchArtistContainer .search_artist_box .search_artist {
        width: 100%;
        position: relative;
        top: 0;
        left: 0; }
        main .search_container .search_right .searchArtistContainer .search_artist_box .search_artist .s_artist_box {
          display: none; }
        main .search_container .search_right .searchArtistContainer .search_artist_box .search_artist .artUserBox {
          display: block; }
          main .search_container .search_right .searchArtistContainer .search_artist_box .search_artist .artUserBox .user_box {
            border: 0;
            width: 9.2rem; }
            main .search_container .search_right .searchArtistContainer .search_artist_box .search_artist .artUserBox .user_box .u_l_box .user_avatar {
              width: 1.2rem;
              height: 1.2rem; }
            main .search_container .search_right .searchArtistContainer .search_artist_box .search_artist .artUserBox .user_box .u_l_box .user_d .username {
              font-size: .373333rem;
              font-weight: 500; }
            main .search_container .search_right .searchArtistContainer .search_artist_box .search_artist .artUserBox .user_box .u_l_box .user_d .s_u_fansBox {
              font-size: .266667rem;
              font-weight: 400;
              margin-top: .32rem; }
            main .search_container .search_right .searchArtistContainer .search_artist_box .search_artist .artUserBox .user_box .s_btn_box button {
              width: 1.6rem;
              height: .72rem;
              border-radius: .36rem;
              font-size: .32rem;
              font-weight: 500; }
  .mInputBox {
    position: relative;
    width: 7.76rem; }
  .mSearchImg {
    width: .426667rem;
    height: .426667rem;
    position: absolute;
    left: .213333rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  .m_searchInput {
    width: 7.76rem;
    height: .746667rem;
    border-radius: .533333rem;
    background-color: #F6F6F9;
    border: 0;
    padding: 0 .8rem 0 .766667rem; }
  .mCloseImg {
    display: none;
    width: .533333rem;
    height: .533333rem;
    position: absolute;
    right: .266667rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  .m_cancel {
    font-size: .373333rem;
    font-weight: 400;
    color: #201F1C; }
  .searchMusicContainer,
  .searchJPContainer {
    margin-top: .426667rem; }
  .searchPujiContainer {
    margin-top: .266667rem; }
  .searchUserContainer,
  .searchArtistContainer {
    margin-top: .32rem; }
  .video_img .audio-box a::before {
    display: block;
    width: .693333rem !important;
    height: .693333rem !important; }
  .user_box:hover {
    background-color: #fff !important; }
  .ranking-box li{
	height: auto;
    padding: .266667rem 0 .266667rem 0; }
  .search_container .search_user .user_box .s_btn_box {
    display: block; }
  .audio-box{
	background: black; }
  .ranking-box li .audio-info h2 span {
	font-size: .3rem; }
  .search_container .search_no_result{
	margin-top: 1rem; } }