/* header */
.ws_head_wrap .top_nav .app_box {
  left: 20px;
}

.ws_head_wrap .top_nav ul ul li {
  float: none;
  display: block;
}

.ws_head_wrap .top_nav li a i {
  float: left;
  margin: 12px 10px 12px 5px;
  background-image: url(../images/head_sprite.png);
  background-repeat: no-repeat;
}

.ws_head_wrap .top_nav ul ul a {
  color: #3c3c46;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
}

.ws_head_wrap .top_nav .icon_phone {
  width: 9px;
  height: 16px;
  background-position: 0 -36px;
}

.ws_head_wrap .top_nav .icon_upload {
  width: 16px;
  height: 14px;
  background-position: -33px -36px;
}

.ws_head_wrap .top_nav .icon_msg {
  width: 14px;
  height: 11px;
  margin-top: 15px;
  background-position: -14px -36px;
  position: relative;
}

.ws_head_wrap .top_nav .head_box {
  display: none;
  width: 290px;
  height: 318px;
  border: 0;
  border-top: 3px solid #32b150;
  left: -70px;
  top: 60px;
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.ws_head_wrap .top_nav .head_box_top {
  height: 52px;
  background: #232323;
  padding: 4px 15px;
}

.ws_head_wrap .top_nav .head_box_top .item {
  height: 26px;
  line-height: 26px;
  color: #999;
}

.ws_head_wrap .top_nav .head_box_top .sign_box {
  min-width: 140px;
  max-width: 155px;
  float: left;
  text-align: left;
}

.ws_head_wrap .top_nav .head_box_top .sign_box .day {
  color: #fff;
  padding: 0 5px;
}

.ws_head_wrap .top_nav .head_box_top .signBtn {
  float: right;
  width: 44px;
  height: 20px;
  background: url(../images/head_sprite.png) -218px -36px no-repeat;
  text-indent: -9999px;
  margin-top: 3px;
  padding: 0;
  line-height: 100%;
}

.ws_head_wrap .top_nav .head_box_top .signBtned {
  background-position: -174px -36px;
}

.ws_head_wrap .top_nav .head_box_top .coin_box {
  max-width: 110px;
  float: right;
  text-align: left;
  overflow: hidden;
}

.ws_head_wrap .top_nav .head_box_top .coin_box i {
  width: 14px;
  height: 16px;
  background: url(../images/head_sprite.png) -54px -36px no-repeat;
  float: left;
  margin: 5px 5px 0 0;
}

.ws_head_wrap .top_nav .head_box_top .coin_box .coin {
  color: #fff;
  padding: 0 5px;
}

.ws_head_wrap .top_nav .head_box_top .icon {
  float: left;
  width: 20px;
  height: 20px;
  padding: 0;
  line-height: 100%;
  margin-right: 5px;
  margin-top: 3px;
  height: 16px;
  width: 16px;
}

.ws_head_wrap .top_nav .head_box_top .icon img {
  width: 100%;
  height: 100%;
}

.ws_head_wrap .top_nav .head_box_ct ul {
  display: block;
  position: static;
  border: 0;
  margin: 0 10px 8px;
  overflow: hidden;
}

.ws_head_wrap .top_nav .head_box_ct li {
  float: left;
  border-bottom: 1px solid #f3f3f3;
  border-left: 1px solid #f3f3f3;
  margin-left: -1px;
  width: 33%;
  height: 70px;
  text-align: center;
}

.ws_head_wrap .top_nav .head_box_ct li a {
  padding: 0;
  display: block;
  height: 70px;
  padding-top: 10px;
  color: #999;
}

.ws_head_wrap .top_nav .head_box_ct li a:hover {
  color: #32b150;
}

.ws_head_wrap .top_nav .head_box_ct li a i {
  float: none;
  display: block;
  margin: 0 auto;
  background-image: url(../images/headboxsprite.png);
  width: 24px;
  height: 24px;
}

.ws_head_wrap .icon_box {
  background-position: -96px -48px;
}

.ws_head_wrap .top_nav .head_box_ct li a:hover .icon_box {
  background-position: -120px -48px;
}

.ws_head_wrap .icon_gqgl {
  background-position: -96px 0;
}

.ws_head_wrap .top_nav .head_box_ct li a:hover .icon_gqgl {
  background-position: -120px 0;
}

.ws_head_wrap .icon_grzx {
  background-position: 0 0;
}

.ws_head_wrap .top_nav .head_box_ct li a:hover .icon_grzx {
  background-position: -24px 0;
}

.ws_head_wrap .icon_cert {
  background-position: -48px -48px;
}

.ws_head_wrap .top_nav .head_box_ct li a:hover .icon_cert {
  background-position: -72px -48px;
}

.ws_head_wrap .icon_wdcf {
  background-position: -48px -24px;
}

.ws_head_wrap .top_nav .head_box_ct li a:hover .icon_wdcf {
  background-position: -72px -24px;
}

.ws_head_wrap .icon_wdhy {
  background-position: 0 -24px;
}

.ws_head_wrap .top_nav .head_box_ct li a:hover .icon_wdhy {
  background-position: -24px -24px;
}

.ws_head_wrap .icon_wdzy {
  background-position: -48px 0;
}

.ws_head_wrap .top_nav .head_box_ct li a:hover .icon_wdzy {
  background-position: -72px 0;
}

.ws_head_wrap .icon_yyr {
  background-position: 0 -48px;
}

.ws_head_wrap .top_nav .head_box_ct li a:hover .icon_yyr {
  background-position: -24px -48px;
}

.ws_head_wrap .icon_zhsz {
  background-position: -96px -24px;
}

.ws_head_wrap .top_nav .head_box_ct li a:hover .icon_zhsz {
  background-position: -120px -24px;
}

.ws_head_wrap .top_nav ul ul a.logout {
  text-align: center;
  background: #f3f3f3;
  font-size: 14px;
  height: 38px;
  line-height: 38px;
}

.ws_head_wrap .top_nav ul ul a.logout:hover {
  color: #333;
  background: #e0e0e0;
}

.ws_head_wrap .top_nav ul .arr {
  width: 14px;
  height: 5px;
  position: absolute;
  top: -8px;
  left: 138px;
  background: url(../images/head_sprite.png) -72px -36px no-repeat;
}

.new_head_wrap {
  position: fixed;
  height: 72px;
  width: 100%;
  min-width: 1120px;
  top: 0;
  left: 0;
  z-index: 1000;
  background: #fff;
  text-align: center;
  line-height: 1.5;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.04);
}

.new_head_wrap * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.new_head_wrap a:link,
.new_head_wrap a:visited {
  color: inherit;
  text-decoration: none;
}

.new_head_wrap input::-webkit-input-placeholder {
  color: rgba(146, 146, 146, 0.6);
}

.new_head_wrap #usertags a {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  padding: 0;
  margin-right: 10px;
}

.new_head_wrap .top_nav {
  line-height: 1.5;
}

.new_head_wrap .head {
  width: auto;
  max-width: 1440px;
  margin: 0 auto;
}

.new_head_wrap .head .ct {
  width: auto;
  border: none;
}

.new_head_wrap .head .logo {
  width: 124px;
  height: 44px;
  float: left;
  padding: 0;
  margin: 14px 54px 14px 48px;
}

.new_head_wrap .head .logo img {
  width: 100%;
  height: 100%;
}

.new_head_wrap .ser_box {
  position: relative;
  width: 315px;
  height: 40px;
  padding: 0;
  margin: 16px 0;
  float: left;
  border-radius: 20px;
  background-color: #f8f8f8;
}

.new_head_wrap .serach {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  background: transparent;
  /* justify-content: center; */
}

.new_head_wrap .serach .seh_v {
  width: 270px;
  height: 100%;
  float: left;
  border: 0;
  padding-left: 28px;
  color: #000;
  font-size: 14px;
  background: transparent;
}

.new_head_wrap .serach .seh_b {
  width: 16px;
  height: 16px;
  float: right;
  text-indent: -9999px;
  background-size: contain;
  background-image: url(../../v5.0/images/nav/search.png);
}

.new_head_wrap .serach .seh_b:hover {
  background-image: url(../../v5.0/images/nav/search_black.png);
}

.new_head_wrap .serach .split {
  width: 1px;
  height: 20px;
  margin-right: 12px;
  background-color: #e5e5e5;
}

.new_head_wrap .top_nav {
  float: right;
  display: flex;
  align-items: center;
  height: 72px;
  color: #2a2a2a;
  font-size: 14px;
}

.new_head_wrap .top_nav .top_nav_login li:first-child {
  margin-right: 4px;
}

.new_head_wrap .top_nav .top_nav_login li a {
  cursor: pointer;
}

.new_head_wrap .top_nav .top_nav_info {
  display: flex;
  align-items: center;
}

.new_head_wrap .top_nav .top_nav_info .user {
    margin-right: 12px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.new_head_wrap .top_nav .top_nav_info .user > a {
  max-width: 190px;
  height: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.new_head_wrap .top_nav .top_nav_info .user a {
  padding: 10px 0;
}

.new_head_wrap .top_nav .top_nav_info .head_box {
  height: 316px;
  font-size: 12px;
  border-radius: 12px;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.12);
  border-top: none;
  overflow: hidden;
  top: 70px;
}

.new_head_wrap .top_nav .top_nav_info .head_box .head_box_top {
  height: 60px;
}

.new_head_wrap .top_nav .top_nav_info .head_box a.logout {
  padding: 0;
}

.new_head_wrap .top_nav .top_nav_info .head_box .box {
  width: auto;
  border: none;
}

.new_head_wrap .top_nav .top_nav_info .head_box #usertags {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.new_head_wrap .top_nav .top_nav_info .head_box #usertags a {
  margin-top: 0;
}

.new_head_wrap .top_nav .top_nav_info .head_box #usertags img {
  float: left;
}

.new_head_wrap .top_nav .top_nav_info .headpic_s {
  margin-right: 8px;
}

.new_head_wrap .top_nav .top_nav_info .headpic_s img {
  width: 44px;
  height: 44px;
  border: 1px solid rgba(0, 0, 0, 0.04);
  border-radius: 100%;
  vertical-align: middle;
}

.new_head_wrap .top_nav .top_nav_info .upload {
  display: flex;
  align-items: center;
  padding-right: 12px;
  padding-left: 8px;
  cursor: pointer;
  height: 72px;
}

.new_head_wrap .top_nav .top_nav_info .upload:hover{
  background: #f8f8f8;
}

.new_head_wrap .top_nav .top_nav_info .upload .upload-txt {
  /* color: #fff; */
  font-size: 14px;
  text-align: center;
  line-height: inherit;
  display: flex;
  align-items: center;
  padding: 0;
}

.new_head_wrap .top_nav .top_nav_info .upload .upload-txt:hover{
  color: inherit;
}

.new_head_wrap .top_nav .top_nav_info .upload .icon_upload {
  /* width: 28px;
  height: 28px;
  margin: 10px auto 2px;
  background-size: contain;
  background-position: center center;
  background-image: url("../../v5.1/images/nav/upload.png"); */
  width: 32px;
  height: 32px;
  margin-right: 6px;
  background-size: 100% 100%;
  background-position: center center;
  background-image: url("../../v5.1/images/nav/upload_2.png");
  display: inline-block;
}

.new_head_wrap .top_nav .top_nav_info .upload .upload_box {
  top: 60px;
  left: -12px;
  width: 116px;
  padding: 24px 0 32px;
  border: none;
  border-radius: 12px;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.12);
}

.new_head_wrap .top_nav .top_nav_info .upload .upload_box li {
  margin-bottom: 16px;
}

.new_head_wrap .top_nav .top_nav_info .upload .upload_box li:last-child {
  margin-bottom: 0;
}

.new_head_wrap .top_nav .top_nav_info .upload .upload_box a {
  height: auto;
  line-height: 18px;
}

.new_head_wrap .top_nav .top_nav_info .upload .upload_box a:hover {
  color: #00B0A8 !important;
  background: none;
}

.new_head_wrap .top_nav .top_nav_info .message .nav_msg_til {
  display: flex;
  align-items: center;
  padding: 10px 0;
  margin-right: 25px;
  font-size: 0;
}

.new_head_wrap .top_nav .top_nav_info .message .nav_msg_til .icon_msg {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin: 0;
  border-radius: 50%;
  background: #f8f8f8;
}

.new_head_wrap .top_nav .top_nav_info .message .nav_msg_til .icon_msg::after {
  width: 16px;
  height: 16px;
  background-size: contain;
  background-position: center center;
  background-image: url("../../v5.1/images/nav/message.png");
  content: "";
}

.new_head_wrap .top_nav .top_nav_info .message .msg_box {
  width: 140px !important;
  top: 50px;
  left: -10px !important;
  padding: 24px 0 32px;
  border: none;
  border-radius: 12px;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.12);
}

.new_head_wrap .top_nav .top_nav_info .message .msg_box li {
  float: none;
  height: auto;
  line-height: 1;
  padding: 0;
  margin-bottom: 16px;
  text-indent: 0;
  border: none;
}

.new_head_wrap .top_nav .top_nav_info .message .msg_box li:last-child {
  margin-bottom: 0;
}

.new_head_wrap .top_nav .top_nav_info .message .msg_box li:hover {
  background-color: inherit;
}

.new_head_wrap .top_nav .top_nav_info .message .msg_box a {
  float: none;
  height: auto;
  line-height: 18px;
  padding-left: 28px;
  padding-right: 16px;
  text-align: left;
}

.new_head_wrap .top_nav .top_nav_info .message .msg_box a:hover {
  color: #00B0A8 !important;
  background: none;
}

.new_head_wrap .top_nav .top_nav_info .message .msgcount,
.new_head_wrap .top_nav .top_nav_info .message .count {
  position: absolute;
  font-style: normal;
  font-size: 12px;
  background: #FE6262;
  color: #fff;
  border-radius: 11px;
  padding: 0px 5px;
  line-height: 18px;
}

.new_head_wrap .top_nav .top_nav_info .message .msgcount {
  top: -5px;
  left: 15px;
}

.new_head_wrap .top_nav .top_nav_info .message .count {
  position: static;
  float: right;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}

.new_head_wrap .top_nav .top_nav_info>.line{
  display: flex;
  align-items: center;
  height: 72px;
  width: 1px;
  background: url("../../v5.1/images/nav/communication_split.png") center center no-repeat;
  background-size: 1px 55px;
}

.new_head_wrap .top_nav .top_nav_info .communication{
  display: block;
  width: 120px;
  height: 80px;
  margin-right: 48px;
  /* border-radius: 0px 0px 4px 4px;
  background-color: #00B0A8;
  color: #ffffff;
  background-image: linear-gradient(to bottom right, #02d894, #00b0a8); */
  background: url("../../v5.1/images/nav/communication_4.png") no-repeat;
  background-size: 100% 100%;
}

.new_head_wrap .top_nav .top_nav_info .communication .name {
  font-size: 14px;
  text-align: center;
  line-height: inherit;
  display: block;
  line-height: 1;
  margin-bottom: 4px;
  display: none;
}

.new_head_wrap .top_nav .top_nav_info .communication .desc {
  font-size: 12px;
  text-align: center;
  line-height: inherit;
  display: block;
  line-height: 1;
  display: none;
}

.new_head_wrap .top_nav .top_nav_info .communication .desc span{
  display: inline-block;
  width: 150%;
  transform: scale(0.75);
  /* background: rebeccapurple; */
  margin-left: -25%;
}

.new_head_wrap .top_nav .top_nav_info .communication .icon {
  width: 28px;
  height: 28px;
  margin: 10px auto 2px;
  background-size: contain;
  background-position: center center;
  background-image: url("../../v5.1/images/nav/communication_2.png");
  display: none;
}

/* .new_head_wrap .top_nav .top_nav_info .communication:hover{
  background: #f8f8f8;
} */

/* .new_head_wrap .top_nav .top_nav_info .communication .icon {
  width: 32px;
  height: 32px;
  margin-right: 6px;
  background-size: contain;
  background-position: center center;
  background-image: url("../../v5.1/images/nav/communication.png");
} */

.new_head_wrap .top_nav .top_nav_info .musician {
  display: flex;
  align-items: center;
  padding-right: 12px;
  margin-right: 12px;
  padding-left: 8px;
  cursor: pointer;
  height: 72px;
}

.new_head_wrap .top_nav .top_nav_info .musician .icon {
  width: 32px;
  height: 32px;
  margin-right: 6px;
  background-size: contain;
  background-position: center center;
  background-image: url("../../v5.1/images/nav/musician.png");
}

.new_head_wrap .top_nav .top_nav_info .musician:hover {
  background: #f8f8f8;
}

.new_head_wrap .top_nav .top_nav_info .nav_app_til {
  display: flex;
  align-items: center;
  margin-left: 24px;
  margin-right: 72px;
  padding: 10px 0;
}

.new_head_wrap .top_nav .top_nav_info .nav_app_til .icon_phone {
  width: 32px;
  height: 32px;
  margin: 0;
  margin-right: 8px;
  background-size: contain;
  background-position: center center;
  background-image: url("../../v5.1/images/download.png");
}

.new_head_wrap .top_nav .top_nav_info .menu {
  width: 40px;
  height: 40px;
  margin-right: 48px;
  cursor: pointer;
  background-size: contain;
  background-position: center center;
  background-image: url("../../v5.1/images/nav/menu.png");
}

.new_head_wrap .top_nav ul {
  float: left;
}

.new_head_wrap .top_nav ul li {
  float: left;
  position: relative;
}

.new_head_wrap .top_nav ul li a {
  color: inherit;
  padding: 0 10px;
  display: block;
}

.new_head_wrap .top_nav ul li a:hover {
  color: #00B0A8;
}

.new_head_wrap .top_nav ul ul {
  float: none;
  position: absolute;
  background: #fff;
  border: 1px solid #ddd;
  top: 40px;
  z-index: 9999;
  display: none;
}

.new_head_wrap .new_menu_box {
  position: absolute;
  top: 100%;
  right: 0;
  width: 478px;
  height: 120px;
  padding: 24px 40px 0 28px;
  color: #2a2a2a;
  font-size: 14px;
  border-radius: 12px;
  background: #fff;
  border: none !important;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.12);
  cursor: auto;
}

.new_head_wrap .new_menu_box .line {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

.new_head_wrap .new_menu_box .item {
  flex-shrink: 0;
  width: 76px;
  height: auto;
  padding: 0;
  line-height: 1;
  text-align: left;
}

.new_head_wrap .new_menu_box .item:not(.title):hover {
  color: #00B0A8 !important;
  background: none !important;
}

.new_head_wrap .new_menu_box .title {
  width: auto;
  margin-right: 0;
  color: #929292;
}

.new_head_wrap .new_menu_box .split {
  flex-shrink: 0;
  width: 1px;
  height: 20px;
  margin: 0 24px;
  background-color: #eee;
}

.singer_banner {
  padding-top: 72px;
}

.mv {
  margin-top: 100px;
}

.s_banner,
.mag_nav_bg,
.nav_container,
.ws_mv_player {
  margin-top: 72px;
}

#TCaptcha {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.tcaptcha-transform {
  box-sizing: content-box;
}

.new_login_bg {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.6);
}

.new_login_box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 520px;
  border-radius: 6px;
  color: #2a2a2a;
  font-size: 14px;
  color: #5f5f5f;
  background-color: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  transform: translate(-50%, -50%);
}

.new_login_box .desColor {
  color: #48aafd;
}

.new_login_box .activeColor {
  color: #00BBB3;
}

.new_login_box .portocol {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #929292;
  font-size: 12px;
}

.new_login_box .portocol .link {
  cursor: pointer;
}

.new_login_box input {
  font-size: 14px;
  border: none;
}

.new_login_box input::-webkit-input-placeholder {
  color: rgba(146, 146, 146, 0.6);
}

.new_login_box .ct {
  width: auto;
  padding: 0;
  border: none;
}

.new_login_box .btn {
  text-indent: 0;
}

.new_login_box .box-top {
  position: relative;
  display: flex;
  align-items: center;
  padding: 20px 16px 0;
}

.new_login_box .box-top .logo {
  width: 79px;
  height: 28px;
  background-size: contain;
  background-position: center center;
  background-image: url("../../v5.1/images/login/logo.png");
}

.new_login_box .box-top .split {
  width: 1px;
  height: 12px;
  margin: 0 10px;
  background-color: #eee;
}

.new_login_box .box-top .close {
  position: absolute;
  width: 12px;
  height: 12px;
  top: 20px;
  right: 20px;
  background-size: contain;
  background-position: center center;
  background-image: url("../../v5.1/images/login/close.png");
  cursor: pointer;
}

.new_login_box .box-top .errTip {
  position: absolute;
  top: 50px;
  left: 114px;
  color: red;
  font-size: 14px;
}

.new_login_box .box-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 53px;
  margin: 0 24px;
  color: #757575;
  border-top: 1px solid #eee;
  overflow: hidden;
}

.new_login_box .box-bottom .register-btn,
.new_login_box .box-bottom .other-sign-btn {
  cursor: pointer;
}

.new_login_box .box-bottom .other-sign-btn{
    line-height: 1;
}

.new_login_box .box-bottom .other-sign-btn span{
    display: block;
    margin-top: 5px;
    font-size: 12px;
    color: #48aafd;
}

.new_login_box .box-bottom .left {
  float: none;
  width: auto;
  margin: 0;
  padding: 0;
  background: none;
}

.new_login_box .box-bottom .right {
  float: none;
  position: relative;
  display: flex;
  align-items: center;
  width: auto;
  height: auto;
  min-height: auto;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
}

.new_login_box .box-bottom .right .btn {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.new_login_box .box-bottom .right .btn::after {
  display: block;
  width: 1px;
  height: 12px;
  margin: 0 12px;
  background-color: #eee;
  content: "";
}

.new_login_box .box-bottom .right .btn:last-child::after {
  display: none;
}

.new_login_box .code-ct-box {
  display: none;
  position: relative;
  height: 340px;
  text-align: center;
}

.new_login_box .code-ct-box .top {
  display: flex;
  align-items: center;
}

.new_login_box .code-ct-box .top .info {
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  background: none;
}

.new_login_box .code-ct-box .shot {
  width: 180px;
  height: 295px;
  margin: 5px 56px;
  background-size: contain;
  background-position: center center;
  background-image: url("../../v5.1/images/login/screenshot.png");
}

.new_login_box .code-ct-box .code-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 136px;
  height: 136px;
  margin-top: 28px;
  border: 1px solid #eeeeee;
  border-radius: 8px;
}

.new_login_box .code-ct-box .code-box .code {
  width: 120px;
  height: 120px;
  background-color: #eee;
}

.new_login_box .code-ct-box .code-box .mask {
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: #303030;
  font-size: 12px;
  background-color: rgba(255, 255, 255, 0.95);
}

.new_login_box .code-ct-box .code-box .mask .txt {
  margin-bottom: 16px;
}

.new_login_box .code-ct-box .code-box .mask .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 104px;
  height: 32px;
  color: #fff;
  border-radius: 2px;
  cursor: pointer;
  background-color: #00BBB3;
}

.new_login_box .code-ct-box .code-box .mask .btn .icon {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  background-size: contain;
  background-position: center center;
  background-image: url("../../v5.1/images/exchange_white.png");
}

.new_login_box .code-ct-box .code-box.fresh .fresh-mask {
  display: flex;
}

.new_login_box .code-ct-box .code-other-box {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 16px;
  background-color: #fff;
}

.new_login_box .code-ct-box .code-other-box .icon {
  width: 50px;
  height: 50px;
  margin-bottom: 16px;
  background-size: contain;
  background-position: center center;
  background-image: url("../../v5.1/images/login/success.png");
}

.new_login_box .code-ct-box .code-other-box.success-box .tip {
  color: #00B0A8;
  margin-bottom: 28px;
}

.new_login_box .code-ct-box .code-other-box.success-box .txt {
  color: #2a2a2a;
}

.new_login_box .code-ct-box .code-other-box.fail-box .icon {
  background-size: contain;
  background-position: center center;
  background-image: url("../../v5.1/images/login/fail.png");
}

.new_login_box .code-ct-box .code-other-box.fail-box .txt {
  color: #FE6262;
}

.new_login_box .code-ct-box .code-other-box.user-box .line {
  display: flex;
  align-items: center;
  color: #00B0A8;
}

.new_login_box .code-ct-box .code-other-box.user-box .line .icon {
  width: 28px;
  height: 28px;
  margin: 0;
  margin-right: 8px;
}

.new_login_box .code-ct-box .code-other-box.user-box .cover {
  width: 88px;
  height: 88px;
  margin: 24px 0 16px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-size: cover;
  background-repeat: no-repeat;
  background-origin: border-box;
  background-position: center center;
}

.new_login_box .code-ct-box .code-other-box.user-box .user-name {
  color: #2a2a2a;
  font-weight: bold;
}

.new_login_box .register-ct-box,
.new_login_box .phone-input-box {
  display: none;
  height: 258px;
  text-align: center;
  overflow: hidden;
}

.new_login_box .register-ct-box .tip,
.new_login_box .phone-input-box .tip {
  margin-top: 28px;
  color: #929292;
}

.new_login_box .register-ct-box .input-box,
.new_login_box .phone-input-box .input-box {
  display: flex;
  align-items: center;
  width: 330px;
  height: 51px;
  margin: 20px auto 36px;
  border-bottom: 1px solid #eee;
}

.new_login_box .register-ct-box .input-box .nums,
.new_login_box .phone-input-box .input-box .nums {
  margin-right: 36px;
}

.new_login_box .register-ct-box .input-box .phone-input,
.new_login_box .phone-input-box .input-box .phone-input {
  flex-grow: 1;
  padding-left: 5px;
  border: none;
}

.new_login_box .register-ct-box .next-btn,
.new_login_box .phone-input-box .next-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 330px;
  height: 44px;
  margin: 0 auto 24px;
  color: #fff;
  background: #00bbb3;
  border-radius: 2px;
  opacity: .5;
}

.new_login_box .register-ct-box .next-btn.active,
.new_login_box .phone-input-box .next-btn.active {
  opacity: 1;
  cursor: pointer;
}

.new_login_box .info-ct-box {
  display: none;
  height: 380px;
}

.new_login_box .info-ct-box .info {
  height: 222px;
  margin: 20px 48px 28px 60px;
  overflow: auto;
}

.new_login_box .info-ct-box .info-title {
  margin-left: 100px;
  margin-bottom: 20px;
  font-size: 22px;
}

.new_login_box .info-ct-box .info .txt {
  margin-right: 28px;
  font-size: 12px;
  line-height: 21px;
}

.new_login_box .info-ct-box .info::-webkit-scrollbar {
  width: 4px;
}

.new_login_box .info-ct-box .info::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #00B0A8;
}

.new_login_box .info-ct-box .info::-webkit-scrollbar-track {
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.04);
}

.new_login_box .info-ct-box .bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 16px;
}

.new_login_box .info-ct-box .bottom .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 192px;
  height: 44px;
  border-radius: 2px;
  cursor: pointer;
}

.new_login_box .info-ct-box .bottom .btn.btn-cancel {
  margin-right: 16px;
  background-color: #f8f8f8;
}

.new_login_box .info-ct-box .bottom .btn.btn-ok {
  color: #fff;
  background-color: #00B0A8;
}

.new_login_box .phone-input-box {
  height: 310px;
}

.new_login_box .phone-input-box .input-box .nums {
  padding-left: 10px;
  text-align: left;
}

.new_login_box .phone-input-box .input-box input {
  flex-grow: 1;
  border: none;
  padding-left: 10px;
}

.new_login_box .phone-input-box .input-box.top {
  margin-bottom: 0;
}

.new_login_box .phone-input-box .input-box.bottom {
  margin-top: 0;
}

.new_login_box .phone-input-box .input-box .phone-num {
  flex-grow: 1;
  text-align: left;
}

.new_login_box .phone-input-box .input-box .edit {
  margin-right: 12px;
  text-align: right;
  cursor: pointer;
}

.new_login_box .phone-input-box .input-box .resent-btn {
  margin-right: 12px;
  color: #8E8E8E;
  font-size: 12px;
  cursor: pointer;
}

.new_login_box .phone-input-box .input-box .get-btn {
  margin-right: 12px;
  color: #8E8E8E;
  font-size: 12px;
}

.new_login_box .phone-input-box .input-box .get-btn.active {
  color: #00BBB3;
  cursor: pointer;
}

.new_login_box .phone-input-box .timer {
  margin-right: 12px;
  color: #8E8E8E;
  font-size: 12px;
}

.new_login_box .register-info-box {
  height: 340px;
}

.new_login_box .register-info-box .txt {
  margin: 28px auto 20px;
  text-align: center;
}

.new_login_box .register-info-box .line {
  display: flex;
  align-items: center;
  width: 330px;
  height: 52px;
  margin: 0 auto;
  border-bottom: 1px solid #eee;
}

.new_login_box .register-info-box .line .title {
  flex-shrink: 0;
  margin: 0 auto 0 12px;
  color: #454545;
  font-size: 14px;
}

.new_login_box .register-info-box .line .des {
  display: flex;
  align-items: center;
}

.new_login_box .register-info-box .line .cover {
  width: 44px;
  height: 44px;
  margin-right: 16px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-origin: border-box;
  background-position: center center;
  cursor: pointer;
}

.new_login_box .register-info-box .line .change-btn {
  color: #00BBB3;
  font-size: 12px;
  cursor: pointer;
}

.new_login_box .register-info-box .line .name-input {
  flex-grow: 1;
  padding-right: 12px;
  text-align: right;
}

.new_login_box .register-info-box .line .radio {
  display: flex;
  align-items: center;
  margin-right: 20px;
  opacity: .6;
  cursor: pointer;
}

.new_login_box .register-info-box .line .radio .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  border-radius: 50%;
  border: 1px solid #3a3a3a;
  background-image: none;
  opacity: .6;
}

.new_login_box .register-info-box .line .radio.active {
  opacity: 1;
}

.new_login_box .register-info-box .line .radio.active .icon {
  opacity: 1;
  border-color: #00BBB3;
  background-color: #00BBB3;
}

.new_login_box .register-info-box .line .radio.active .icon::after {
  width: 12px;
  height: 12px;
  content: "";
  background-size: contain;
  background-position: center center;
  background-image: url("../../v5.1/images/login/chosen.png");
}

.new_login_box .register-info-box .line .radio:last-child {
  margin-right: 0;
}

.new_login_box .register-info-box .img-input {
  display: none;
}

.new_login_box .register-info-box .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 330px;
  height: 44px;
  margin: 36px auto 0;
  color: #fff;
  background: #00bbb3;
  border-radius: 2px;
  opacity: .5;
}

.new_login_box .register-info-box .btn.active {
  opacity: 1;
  cursor: pointer;
}

.new_login_box .user-ct-box {
  display: none;
  height: 286px;
  padding-top: 28px;
}

.new_login_box .user-ct-box .input-line {
  display: flex;
  align-items: center;
  width: 330px;
  height: 52px;
  margin: 0 auto;
  border-bottom: 1px solid #eee;
}

.new_login_box .user-ct-box .input-line input {
  flex-grow: 1;
  padding-left: 10px;
}

.new_login_box .user-ct-box .input-line .nums {
  margin-left: 10px;
  width: 80px;
}

.new_login_box .user-ct-box .input-line .change-type {
  width: 16px;
  height: 16px;
  margin-right: 12px;
  cursor: pointer;
  background-size: contain;
  background-position: center center;
  background-image: url("../../v5.1/images/login/close-eye.png");
}

.new_login_box .user-ct-box .input-line .change-type.open {
  background-size: contain;
  background-position: center center;
  background-image: url("../../v5.1/images/login/open-eye.png");
}

.new_login_box .user-ct-box .forget {
  display: inline-block;
  margin: 12px 0 24px 365px;
  color: #00B0A8;
  font-size: 12px;
  cursor: pointer;
}

.new_login_box .user-ct-box .login-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 330px;
  height: 44px;
  margin: 0 auto 25px;
  color: #fff;
  border-radius: 2px;
  background-color: #00B0A8;
  opacity: .5;
}

.new_login_box .user-ct-box .login-btn.active {
  opacity: 1;
  cursor: pointer;
}

.new_login_box .other-ct-box {
  display: none;
  height: 210px;
}

.new_login_box .other-ct-box .title {
  margin: 28px 0 20px;
  text-align: center;
}

.new_login_box .other-ct-box .btn-line {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 48px;
}

.new_login_box .other-ct-box .btn-line .btn {
  width: 60px;
  height: 60px;
  margin-right: 32px;
  cursor: pointer;
}

.new_login_box .other-ct-box .btn-line .btn.qq {
  background-size: contain;
  background-position: center center;
  background-image: url("../../v5.1/images/login/qq.png");
}

.new_login_box .other-ct-box .btn-line .btn.wechat {
  background-size: contain;
  background-position: center center;
  background-image: url("../../v5.1/images/login/wechat.png");
}

.new_login_box .other-ct-box .btn-line .btn.weibo {
  background-size: contain;
  background-position: center center;
  background-image: url("../../v5.1/images/login/weibo.png");
}

.new_login_box .other-ct-box .btn-line .btn.kugou {
  background-size: contain;
  background-position: center center;
  background-image: url("../../v5.1/images/login/kugou.png");
}

.new_login_box .other-ct-box .btn-line .btn:last-child {
  margin-right: 0;
}


.new_head_wrap .head_new .communication{
    display: block;
    width: 120px;
    height: 80px;
    margin-right: 30px;
    background: url("../../v5.1/images/nav/communication_4.png") no-repeat;
    background-size: 100% 100%;
    float: left;
}

.new_head_wrap .head_new .musician, .new_head_wrap .head_new .kg_musician{
    float: left;
    margin-right: 30px;
    height: 72px;
    line-height: 72px;
    font-size: 16px;
    color: #000;
}

.new_head_wrap .head_new .musician:hover,.new_head_wrap .head_new .kg_musician:hover{
    color: #00bbb3;
}

.new_head_wrap .head_new .kg_musician{
    margin-right: 0;
    /* color: #00bbb3; */
    position: relative;
    margin-right: 120px;
}

.new_head_wrap .head_new .kg_musician::after{
    position: absolute;
    top: 26px;
    right: -105px;
    content: " ";
    width: 101px;
    height: 20px;
    background: url("../../v5.1/images/nav/tips_join.png") no-repeat;
    background-size: 100% 100%;
    z-index: 1;
}

.new_head_wrap .head_new .top_nav_info .menu{
    width: 32px;
    background: url("../../v5.1/images/nav/menu_2.png") center center no-repeat;
    background-size: 100% auto;
}

.new_head_wrap .head_new .top_nav_info .upload{
    padding: 0;
    margin-right: 25px;
}

.new_head_wrap .head_new .top_nav_info .upload .upload-txt{
    width: 32px;
    height: 32px;
    background: url("../../v5.1/images/nav/upload_2.png") center center no-repeat;
    background-size: 100% 100%;
    display: inline-block;
}

.new_head_wrap .head_new .top_nav_info .upload .upload_box{
    left: -40px;
}

.new_head_wrap .head_new .top_nav_info .message{
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.new_head_wrap .head_new .top_nav_info .message .nav_msg_til{
    padding: 0;
}

.new_head_wrap .head_new .top_nav_info .message .nav_msg_til .icon_msg{
    background: url("../../v5.1/images/nav/message_2.png") center center no-repeat;
    background-size: 32px 32px;
    width: 32px;
    height: 32px;
    border-radius: 0;
}

.new_head_wrap .head_new .top_nav_info .message .nav_msg_til .icon_msg::after{
    display: none;
}

.new_head_wrap .head_new .top_nav_info .message .msg_box{
    left: -50px !important;
    top: 60px;
}

.new_head_wrap .head_new .ser_box{
    float: right;
    margin-right: 25px;
}

.new_head_wrap .head_new .top_nav_info .headpic_s img{
    width: 24px;
    height: 24px;
    border: 0;
}

.pop-kg-bind {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 8888;
    background: rgba(0, 0, 0, 0.6);
}

.pop-kg-bind .pop-con {
    width: 300px;
    height: 260px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -130px 0 0 -150px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1)
}

.pop-kg-bind .pop-con .close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 11px;
    height: 11px;
    background: url("https://5sstatic.kugou.com/image/kg_bind/ic_close.png");
    cursor: pointer
}

.pop-kg-bind.pop-bind .pop-con {
    background: url("https://5sstatic.kugou.com/image/kg_bind/bg_pop_bind.png");
    text-align: center;
    background-size: cover;
}

.pop-kg-bind.pop-bind .hd {
    font-size: 14px;
    color: #000;
    margin-top: 113px
}

.pop-kg-bind.pop-bind .bd {
    margin: 15px 20px 0
}

.pop-kg-bind.pop-bind .bd p {
    color: #888
}

.pop-kg-bind.pop-bind .bd .btn-bind {
    display: block;
    width: 160px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    border-radius: 15px;
    background: #00bbb3;
    margin: 20px auto 0;
    cursor: pointer
}

.pop-kg-bind.pop-qrcode .hd {
    margin-top: 25px;
    text-align: center;
    font-size: 14px;
    color: #000
}

.pop-kg-bind.pop-qrcode .bd {
    text-align: center;
    color: #888;
    padding-top: 5px
}

.pop-kg-bind.pop-qrcode .bd .qrcode {
    width: 100px;
    height: 100px;
    background: rgba(6, 6, 6, 0.1);
    margin: 20px auto 0
}

.pop-kg-bind.pop-tips .pop-con {
    width: 320px;
    height: 270px;
    margin: -135px 0 0 -160px
}

.pop-kg-bind.pop-tips .hd {
    margin-top: 14px;
    text-align: center;
    line-height: 1;
    font-size: 14px;
    color: #000
}

.pop-kg-bind.pop-tips .bd {
    margin: 25px 20px;
    font-size: 12px;
    color: #000;
    word-break: break-all;
    text-align: center;
}

.pop-kg-bind.pop-tips .bd .guide {
    width: 540px;
    height: 280px;
    background: url("https://5sstatic.kugou.com/image/kg_bind/unbind.png") no-repeat;
    background-size: cover;
    margin: 28px auto 18px;
    text-indent: -9999px;
}

.pop-kg-bind.pop-tips .ft {
    color: #888;
    background: #f8f8f8;
    padding: 10px 10px 10px 20px;
    margin-top: 14px
}

.pop-kg-bind.pop-tips .ft::after {
    content: " ";
    clear: both;
    visibility: hidden;
    display: block;
    height: 0
}

.pop-kg-bind.pop-tips .ft .ft-r {
    float: right;
    margin-left: 15px
}

.pop-kg-bind.pop-tips .ft .ft-r .qrcode {
    width: 100px;
    height: 100px;
    background: rgba(6, 6, 6, 0.1);
    background: url("https://musician.kugou.com/static/images/kf_qrcode.png") no-repeat;
    background-size: cover;
    margin: 0 auto
}

.pop-kg-bind.pop-tips .ft .ft-l {
    overflow: hidden;
    padding-top: 15px;
    text-align: right
}

.pop-kg-bind.pop-tips .ft .ft-l p:last-child {
    margin-top: 20px;
    text-align: left;
}

.pop-kg-bind.pop-tips .bd .btns {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px 0 0
}

.pop-kg-bind.pop-tips .bd .btns .btn {
    width: 100px;
    height: 30px;
    line-height: 30px;
    background: #f8f8f8;
    color: #000;
    margin-right: 10px;
    text-align: center;
    border-radius: 15px;
    font-size: 14px;
    cursor: pointer
}

.pop-kg-bind.pop-tips .bd .btns .btn-cover {
    background: #00bbb3;
    color: #fff;
    margin-right: 0
}

.tips-kg-bind {
    display: none;
    width: 200px;
    height: 86px;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 8px;
    padding: 15px 0;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -58px 0 0 -100px;
    text-align: center;
    line-height: 1
}

.tips-kg-bind i {
    display: block;
    width: 24px;
    height: 24px;
    margin: 0 auto 5px;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.tips-kg-bind strong {
    font-size: 14px;
    display: block;
    margin: 0 auto 3px
}

.tips-kg-bind.success {
    color: #32f9ab
}

.tips-kg-bind.success i {
    background-image: url("https://5sstatic.kugou.com/image/kg_bind/ic_success.png")
}

.tips-kg-bind.fail {
    color: #fff
}

.tips-kg-bind.fail i {
    background-image: url("https://5sstatic.kugou.com/image/kg_bind/ic_fail.png")
}

.pop-kg-bind.pop-bind-info{
    text-align: center;
}

.pop-kg-bind.pop-bind-info .pop-con{
    width: 340px;
    height: 310px;
    margin: -155px 0 0 -170px;
}

.pop-kg-bind.pop-bind-info .hd{
    margin-top: 25px;
    line-height: 1;
    font-size: 14px;
}

.pop-kg-bind.pop-bind-info .bd{
    margin-top: 10px;
}

.pop-kg-bind.pop-bind-info .bd .tips{
    color: #888888;
    line-height: 1;
}

.pop-kg-bind.pop-bind-info .bd .info{
    margin: 20px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0 15px;
    background: #f8f8f8;
    background: url("https://5sstatic.kugou.com/image/kg_bind/split_bind.png") center 35px no-repeat;
}

.pop-kg-bind.pop-bind-info.login .bd .info{
    background-image: url("https://5sstatic.kugou.com/image/kg_bind/split_unbind.png");
}

.pop-kg-bind.pop-bind-info .bd .info>div{
    width: 110px;
}

.pop-kg-bind.pop-bind-info .bd .info-l{
    margin-right: 40px;
}

.pop-kg-bind.pop-bind-info .bd .info .avatar{
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #7a9ab3;
    margin: 0 auto 8px;
}

.pop-kg-bind.pop-bind-info .bd .info .avatar img{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 100%;
}

.pop-kg-bind.pop-bind-info .bd .info .nickname{
    font-size: 14px;
    color: #000;
    line-height: 1;
    text-align: center;
}

.pop-kg-bind.pop-bind-info .bd .info .nickname span{
    display: inline-block;
    max-width: 44px;
    overflow: hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}

.pop-kg-bind.pop-bind-info .bd .info .id{
    line-height: 1;
    color: #888888;
    margin-top: 4px;
}

.pop-kg-bind.pop-bind-info .ft{
    height: 50px;
    /* display: flex;
    align-items: center;
    justify-content: center; */
    text-align: center;
}

.pop-kg-bind.pop-bind-info .ft .btn{
    width: 180px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #888888;
    border-radius: 15px;
    cursor: pointer;
    margin: 0 auto;
}
.pop-kg-bind.pop-bind-info .ft .btn-bind{
    background: #00bbb3;
    color: #ffffff;
    margin-bottom: 10px;
}

.pop-kg-bind.login .pop-con{
    height: 280px;
    margin: -140px 0 0 -170px;
}

.pop-kg-bind.pop-tips-1 .pop-con{
    width: 580px;
    height: 506px;
    margin: -253px 0 0 -290px;
}

.pop-kg-bind.pop-tips-1 .bd{
    color: #888888;
    text-align: center;
    font-size: 14px;
    margin: 10px auto 0;
}

.pop-kg-bind.pop-tips-1 .ft .ft-l{
    text-align: left;
    font-size: 14px;
}