@charset "UTF-8";
.content-w {
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 10px;
  overflow: hidden;}
main a:hover,
section a:hover {
  align-items: center;
  color: #FF7526 !important; }

/* 播放器样式 */
.audio-box {
  width: 1.18rem;
  height: 1.18rem;
  border-radius: .17rem;
  position: relative; }
  .audio-box.has_right::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: .386667rem;
    height: 100%;
    background-image: url("../images/default/aduioR.png");
    background-size: 100% 100%;
    right: -.386667rem; }
  .audio-box .audio-time {
    position: absolute;
    bottom: .08rem;
    left: .106667rem;
    color: #fff;
    font-size: 14px;
    z-index: 1;
    text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5); }
  .audio-box:hover a > img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }
  .audio-box a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: .1rem;
	text-align: center; }
    .audio-box a img {
      width: auto;
      height: 100%;
      overflow: hidden;
      -webkit-transition: all 1s;
      transition: all 1s; }
    .audio-box a:hover::before {
      display: block; }
    .audio-box a::before {
      content: '';
      display: none;
      position: absolute;
      top: 50%;
      margin-left: -0.32rem;
      margin-top: -0.32rem;
      left: 50%;
      background-color: rgba(0, 0, 0, 0.3);
      border-radius: 50%;
      z-index: 1;
      width: .64rem;
      height: .64rem;
      background-image: url("../images/index/triangle.png");
      background-size: 100% 100%; }

@media screen and (min-width: 1000px) and (max-width: 1200px) {
  .content-w {
    max-width: 1220px;
    margin: 0 auto;
    padding: 0 30px; } }
@media screen and (max-width: 1360px) {
  #header .pc div.top-box .h-t-buttons {
    display: none; } }
@media screen and (max-width: 1200px) {
  #header .pc div.top-box .form-box .f-b-i-top {
    min-width: 233px; } }
@media screen and (max-width: 1100px) {
  #header .pc div.top-box nav ul li + li,
  #header .pc div.top-box nav.right ul.clearfix li + li {
    margin-left: .05rem; } }
@media screen and (max-width: 1070px) {
  section.opern-detail .score_details_box .score_details_aside {
    width: 5.8rem !important; } }
@media screen and (max-width: 1050px) {
  section.opern-detail .score_details_box .score_details_aside {
    width: 5.6rem !important; } }
@media screen and (max-width: 1030px) {
  section.opern-detail .score_details_box .score_details_aside {
    width: 5.4rem !important; } }
@media screen and (max-width: 1010px) {
  section.opern-detail .score_details_box .score_details_aside {
    width: 5.2rem !important; } }
.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 0;
  height: auto;
  border-radius: .053333rem; }
  .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:hover .right {
      display: none; }
  .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 {
      max-width: 6.666667rem;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .ranking-box li .audio-info h1 a {
        font-size: .266667rem;
        color: #201F1C; }
    .ranking-box li .audio-info h2 {
      color: #91979D;
      font-size: .16rem;
      margin: .16rem 0 .28rem; }
      .ranking-box li .audio-info h2 a {
        color: #91979D;
	    display: inline-block;
	    max-width: 2rem;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap; }
      .ranking-box li .audio-info h2 span {
        margin-right: 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;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .ranking-box li .audio-info h3 a {
        color: #91979D; }
      .ranking-box li .audio-info h3 span {
        margin-right: .266667rem; }
      .ranking-box li .audio-info h3 span.robot {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .ranking-box li .audio-info h3 span.robot .robot-icon {
          margin-right: 4px;
          margin-bottom: 2px; }
  .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; }

ul.tabs-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  ul.tabs-box > li {
    cursor: pointer;
    float: left;
    height: .426667rem;
    line-height: .426667rem;
    font-size: .213333rem;
    position: relative; }
    ul.tabs-box > li::before {
      content: '';
      position: absolute;
      display: block;
      width: .426667rem;
      height: .106667rem;
      left: 0;
      bottom: .066667rem; }
    ul.tabs-box > li a {
      color: #201F1C;
      position: relative;
      z-index: 1; }
  ul.tabs-box > li.active::before,
  ul.tabs-box > li:hover::before {
    background-color: #57EBC0; }
  ul.tabs-box > li.active a,
  ul.tabs-box > li:hover a {
    color: #201F1C !important;
    font-weight: bold; }
  ul.tabs-box li + li {
    margin-left: .533333rem; }

@media screen and (max-width: 1024px) {
  .content-w {
    width: 100vw !important;
    overflow: hidden;
    padding: 0 .5rem; }
  ::-webkit-scrollbar {
    display: none;
    /* Chrome Safari */ }
  div {
    scrollbar-width: none;
    /* firefox */
    -ms-overflow-style: none;
    /* IE 10+ */ } }

._B_Pagination {
  width: 100%;
  margin-bottom: 1rem; }
  ._B_Pagination .s_l_pagination {
    margin-top: 0.64rem; }
    ._B_Pagination .s_l_pagination .s_d_p {
      position: relative;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%); }
    ._B_Pagination .s_l_pagination li a {
      padding: 0;
      font-size: .186667rem;
      width: .586667rem;
      height: .586667rem;
      text-align: center;
      line-height: .586667rem;
      margin: 0 .133333rem;
      text-align: center; }
    ._B_Pagination .s_l_pagination li a:hover {
      color: #fff !important; }
    ._B_Pagination .s_l_pagination li span {
      font-size: .24rem; }
    ._B_Pagination .s_l_pagination li.active a {
      background-color: #35D4A5; }

.more-box {
  text-align: center;
  margin-top: .666667rem; }
  .more-box a {
    display: block;
    margin: 0 auto;
    width: 2.346667rem;
    height: .56rem;
    line-height: .56rem;
    border-radius: .28rem;
    color: #ffffff;
    background-color: #35D4A5; }
    .more-box a:hover {
      color: #ffffff !important; }

.follow {
  background: #201F1C;
  color: #ffffff; }
  .follow.active {
    background-color: #C5C7C7;
    color: #ffffff; }

.icon.video {
  display: inline-block;
  width: .266667rem;
  height: .266667rem;
  background-image: url("../images/default/icon-sp.png");
  background-size: 100% 100%; }

.icon.hua {
  display: inline-block;
  width: .266667rem;
  height: .266667rem;
  background-image: url("../images/default/icon-h.png");
  background-size: 100% 100%; }
.more-box {
  text-align: center;
  margin-top: .666667rem;}
.more-box a,
.more-box span {
  display: block;
  margin: 0 auto;
  width: 2.346667rem;
  height: .56rem;
  line-height: .56rem;
  border-radius: .28rem;
  color: #ffffff;
  background-color: #35D4A5;
  cursor: pointer;}
.more-box a:hover{
  color: #ffffff;}
.icon.time {
  display: inline-block;
  width: .24rem;
  height: .24rem;
  vertical-align: middle;
  background-image: url("../images/default/time.png");
  background-size: 100% 100%; }

.robot-icon {
  background-image: url("../images/default/icon2.png");
  background-size: 100% 100%;
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle; }
.oneClass {
  background-color: #35d4a5 !important;
  color: #fff !important; }
.login_iframe {
  position: fixed;
  top: 0;
  right: 9999;
  z-index: 99999;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5); }
  .login_iframe .login_iframe_box {
    position: relative; }
    .login_iframe .login_iframe_box .login_close {
      position: absolute;
      right: -0.866667rem;
      cursor: pointer;
      top: 0;
      width: .48rem;
      height: .48rem; }
.self_select {
  position: relative;
  cursor: pointer; }
  .self_select.active .icon.arrow {
    -webkit-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important; }
  .self_select .select_val_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    border: 1px solid #DCDFE6;
    width: 1.28rem;
    height: .533333rem;
    border-radius: .053333rem;
    padding-left: .2rem; }
    .self_select .select_val_box .select_val {
      width: 60%; }
    .self_select .select_val_box .icon.arrow {
      width: .213333rem;
      height: .213333rem;
      background-image: url("../images/login/arrow.png");
      background-size: 100% 100%;
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
  .self_select .select_list_box {
    position: absolute;
    top: .62rem;
    left: 0;
    z-index: 1;
    background-color: #ffffff; }
    .self_select .select_list_box::before {
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
      width: 0px;
      height: 0px;
      position: absolute;
      top: -.16rem;
      left: 0.41rem;
      padding: 0;
      border-right: .093333rem solid transparent;
      border-top: .093333rem solid transparent;
      border-bottom: .093333rem solid #FFFFFF;
      border-left: .093333rem solid transparent;
      display: block;
      content: '';
      z-index: 12; }
    .self_select .select_list_box::after {
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
      width: 0px;
      height: 0px;
      position: absolute;
      top: -.23rem;
      left: 0.4rem;
      padding: 0;
      -webkit-filter: blur(3px);
      filter: blur(3px);
      border-right: .106667rem solid transparent;
      border-top: .106667rem solid transparent;
      border-bottom: 0.10667rem solid rgba(0, 0, 0, 0.1);
      border-left: .106667rem solid transparent;
      display: block;
      content: '';
      z-index: 10; }
    .self_select .select_list_box ul {
      border-radius: .106667rem;
      -webkit-box-shadow: 0px 1px 0.16rem 0px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 1px 0.16rem 0px rgba(0, 0, 0, 0.1);
      width: 1.253333rem;
      height: 3.733333rem;
      overflow-x: hidden;
      width: 1.253333rem;
      position: relative; }
      .self_select .select_list_box ul li {
        height: .453333rem;
        line-height: .453333rem;
        padding: 0 .266667rem;
        color: #5F6266; }
        .self_select .select_list_box ul li:hover {
          background-color: #F6F6F9; }
.btn-primary{
  border: none;
  padding: .1rem;
  border-radius: 0.04rem;}
.close{
	opacity: 1 !important;}
@media screen and (max-width: 1000px) {
  .content-w {
    width: 100vw !important;
    overflow: hidden;
    padding: 0 .5rem; }
  ::-webkit-scrollbar {
    display: none;
    /* Chrome Safari */ }
  .ranking-box li .audio-info h2 {
  	font-size: .38rem !important;
    margin: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .ranking-box li {
    height: auto;
    padding: .266667rem 0 .266667rem 0; }
    .ranking-box li:hover {
      background-color: transparent; }
    .ranking-box li + li {
      border-top: none; }
    .ranking-box li .audio-box {
      width: 1.653333rem;
      height: 1.653333rem; }
    .ranking-box li .audio-info {
      margin-left: .426667rem; }
      .ranking-box li .audio-info h1 {
        margin-bottom: .373333rem; }
        .ranking-box li .audio-info h1 a {
          font-weight: bold;
          font-size: .373333rem;
	      overflow: hidden;
	      text-overflow: ellipsis;
	      white-space: nowrap;
	      display: initial; }
      .ranking-box li .audio-info h3 {
        display: none; }
  .more-box a {
    width: 4rem;
    height: 34px;
    line-height: 34px;
    border-radius: 17px;
    margin-bottom: 1.5rem; }
  ul.tabs-box li a {
    color: #7D818A;
	font-size: 0.355555rem; }
  ul.tabs-box > li.active::before {
    width: .586667rem;
    height: .213333rem;
    bottom: -0.04rem; }
  .audio-box a::before, .audio-box a:hover::before {
    content: '';
    display: none;
    width: .693333rem;
    height: .693333rem;
    margin: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    ._B_Pagination .s_l_pagination li a{
	  font-size: .45rem; }
	.ranking-box li:hover .right{
      display: none; }
	.ranking-box li{
	  height: auto;
      padding: .266667rem 0 .266667rem 0; } }
footer b {
    margin: 0 7px;
    color: rgba(255, 255, 255, 0.6); }
.toast-message{
	top: 90px !important; }
.login-iframe {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999;
}