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

*:focus { outline: none; }

body { font: 14px "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53", arial, tahoma, Srial, helvetica, sans-serif; color: #777b86; background-color: #0b0d19; }

audio:not([controls]) { display: block !important; }

::-webkit-scrollbar { width: 2px; }

a { color: inherit; text-decoration: none; cursor: pointer; }

[class^="pc"] { display: block; }

[class^="mobile"], [class^="mobile layui-icon"] { display: none; }

label { cursor: pointer; }

input[type="text"]::placeholder { color: #777b86; }

.layui-carousel { background: none; }

.layui-carousel * { background: none; }

.layui-carousel > [carousel-item]:before { display: none; }

.layui-layer-setwin .layui-layer-close2 { right: 6px !important; top: 2px !important; cursor: pointer; opacity: 0; }

input[type="checkbox"]:not(.default-checkbox) { margin: 0; }

input[type="checkbox"]:not(.default-checkbox) + .layui-form-checkbox { min-width: auto; min-height: auto; height: 14px; line-height: 14px; padding-right: 0; margin-right: 24px; background-color: transparent; }

input[type="checkbox"]:not(.default-checkbox) + .layui-form-checkbox span { margin-left: 20px; background: none; padding: 0; }

input[type="checkbox"]:not(.default-checkbox) + .layui-form-checkbox .layui-icon { left: 0; top: 0 !important; width: 14px; height: 14px; line-height: 14px; border: none; background-color: #777b86; display: inline-block; border-radius: 2px; }

input[type="checkbox"]:not(.default-checkbox) + .layui-form-checkbox.layui-unselect span { color: #777b86; }

input[type="checkbox"]:not(.default-checkbox) + .layui-form-checkbox.layui-unselect .layui-icon-ok { font-size: 12px; }

input[type="checkbox"]:not(.default-checkbox) + .layui-form-checkbox.layui-unselect .layui-icon-ok:before { display: none; }

input[type="checkbox"]:not(.default-checkbox) + .layui-form-checkbox.layui-form-checked .layui-icon-ok { background-color: #db1d40; color: #fff; }

input[type="checkbox"]:not(.default-checkbox) + .layui-form-checkbox.layui-form-checked .layui-icon-ok:before { display: inline-block; }

.clear-fix:after { content: ""; display: table; clear: both; }

.bg-gray { background-color: #2a2e45; color: #fff; }

.bg-blue { background-color: #017efd; color: #fff; }

.bg-red { background-color: #db1d40 !important; color: #fff; border-color: #db1d40 !important; }

.bg-green { background-color: #07c160; color: #fff; }

.c-white { color: #fff !important; }

.c-red { color: #db1d40; }

.c-gray { color: #777b86; }

.m-bottom-0 { margin-bottom: 0 !important; }

.p-left-0 { padding-left: 0 !important; }

.no-border { border: none !important; }

.no-border:after { height: 0 !important; }

.has-border { margin-bottom: 40px !important; }

.has-border::after { content: ""; position: absolute; bottom: -20px; left: -20px; right: -20px; height: 1px; background-color: #212434; }

.container { width: 1300px; margin-left: auto; margin-right: auto; }

.layui-form-select dl { background-color: #1c1f31; border-color: #1c1f31; box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.5); }

.layui-form-select dl dd { color: #fff; }

.layui-form-select dl dd.layui-this, .layui-form-select dl dd:hover { color: #db1d40; background-color: transparent; }

.layui-form-select .layui-edge { border-top-color: transparent; background: url("../images/icons/arrow-down.png") no-repeat center center; margin-top: -5px; }

.layui-layer-msg { border: none !important; border-radius: 5px !important; min-width: 250px !important; }

.layui-layer-dialog.layui-layer-msg .layui-layer-padding { padding: 18px 20px !important; text-align: center !important; }

.layui-layer-dialog.layui-layer-msg .layui-layer-padding .layui-layer-ico { position: static !important; margin-right: 6px; }

.layui-layer-dialog.layui-layer-msg .layui-layer-padding .layui-layer-ico.layui-layer-ico5 { background: url("../images/icons/error.png") no-repeat center; }

.layui-layer-dialog.layui-layer-msg .layui-layer-padding .layui-layer-ico.layui-layer-ico6 { background: url("../images/icons/success.png") no-repeat center; }

.layui-layer-dialog.layui-layer-msg .layui-layer-padding.layui-layer-ico16 { padding: 20px !important; background: none; width: auto; overflow-y: hidden; justify-content: flex-start; height: 100%; }

.layui-layer-content { font-size: 18px !important; display: flex; align-items: center; justify-content: center; }

.layui-layer-content.layui-layer-ico5 { color: #db1d40 !important; }

.layui-layer-content.layui-layer-ico6 { color: #00b426 !important; }

.layui-layer.layui-layer-dialog.block .layui-layer-content { display: block; }

.layui-layer.layui-layer-dialog.block .layui-layer-content a { color: #ff0000; }

.layui-layer.layui-layer-dialog.block .layui-layer-btn { justify-content: center; }

.layui-layer-dialog:not(.layui-layer-msg) { background-color: #171a2b; border-radius: 5px; }

.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-content { padding-top: 30px; color: #fff; font-size: 14px !important; }

.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-btn { display: flex; justify-content: space-between; height: 40px; padding: 0 30px; margin: 0 auto 30px; }

.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-btn [class^="layui-layer-btn"] { display: flex; width: 130px; height: 40px; align-items: center; justify-content: center; margin: 0; padding: 0; line-height: normal; font-size: 16px; border-radius: 5px; border: none; color: #fff; }

.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-btn [class^="layui-layer-btn"] + [class^="layui-layer-btn"] { margin-left: 20px; }

.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-btn .layui-layer-btn0 { background-color: #db1d40; }

.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-btn .layui-layer-btn1 { background-color: #1c1f31; }

.layui-input { color: #fff !important; }

.btn { text-align: center; border: none; display: flex; align-items: center; justify-content: center; cursor: pointer; }

.btn img { margin-right: 5px; }

.foot { margin-top: 60px; margin-bottom: 30px; text-align: center; }

.foot-nav { margin-bottom: 25px; }

.foot-nav a { display: inline-block; color: #fff; padding: 0 20px; position: relative; }

.foot-nav a:not(:last-child)::after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 1px; background-color: #373b47; border-right: 1px solid #232631; }

.foot p { line-height: 26px; color: #3c404d; }

.links { border-top: 1px solid #1c1f31; padding: 30px 0; background-color: #0a0c18; }

.links .container { width: 1300px; }

.links .container .popup { transform: translate(0, 0); display: inline; position: static; }

.links .container .popup .popup-body { display: inline; }

.links .container span { color: #fff; margin-right: 20px; }

.links .container a { color: #3c404d; margin-right: 20px; }

.layui-laypage { margin: 30px 0 40px; color: #777b86; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; position: relative; }

.layui-laypage input { height: 30px; line-height: 30px; box-sizing: border-box; background: none; color: #fff; border: none; padding: 0; }

.layui-laypage .layui-laypage-btn { height: 30px; line-height: 30px; background-color: #1c1f31; color: #fff; border-width: 0; }

.layui-laypage a, .layui-laypage span { font-size: 14px; height: 30px !important; line-height: 30px !important; margin-bottom: 0 !important; margin-left: 5px !important; color: #fff; background: none; box-sizing: border-box; }

.layui-laypage a:hover, .layui-laypage span:hover { color: #fff; }

.layui-laypage a, .layui-laypage .layui-laypage-spr { border: 1px solid #212434 !important; box-sizing: border-box; }

.layui-laypage a.layui-laypage-prev, .layui-laypage a.layui-laypage-next, .layui-laypage .layui-laypage-spr.layui-laypage-prev, .layui-laypage .layui-laypage-spr.layui-laypage-next { background-color: #1c1f31; border-width: 0; }

.layui-laypage span { color: inherit; }

.layui-laypage span.layui-laypage-count { position: absolute; left: 0; top: 50%; transform: translateY(-50%); }

.layui-laypage span.layui-laypage-curr .layui-laypage-em { background-color: #db1d40; border-radius: 0; }

.layui-laypage span.layui-laypage-skip { border: 1px solid #212434; padding-left: 8px; }

button { cursor: pointer; }

@media screen and (max-width: 1300px) { .container, .links .container { width: 100% !important; } }

@media screen and (max-width: 1130px) { [class^="middle"]:not([class^="middle-main"]) { display: none !important; } }

@media screen and (max-width: 750px) { ::-webkit-scrollbar { width: 0; }
  body { font-size: 0.3733rem; font-family: "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53", arial, tahoma, Srial, helvetica, sans-serif; color: #000000; background-color: #20243c; }
  [class^="pc"] { display: none !important; }
  [class^="mobile"] { display: block; }
  .layui-layer-dialog:not(.layui-layer-msg) { background-color: #20243d !important; max-width: 8rem; border-radius: 0.0667rem !important; }
  .layui-layer-dialog:not(.layui-layer-msg) .layui-layer-title { background: none; color: #fff; border-bottom-width: 0; font-size: 0.3733rem; font-weight: bolder; height: 1.3067rem; line-height: normal; display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 0; }
  .layui-layer-dialog:not(.layui-layer-msg) .layui-layer-title + .layui-layer-content { margin-top: 0; padding: 0 0.8rem !important; }
  .layui-layer-dialog:not(.layui-layer-msg) .layui-layer-title + .layui-layer-content input { margin-bottom: 0.4rem; color: #fff; }
  .layui-layer-dialog:not(.layui-layer-msg) .layui-layer-content { font-size: 0.3733rem !important; color: #fff !important; padding: 0.8rem 0.5333rem 0.5333rem !important; line-height: 2 !important; }
  .layui-layer-dialog:not(.layui-layer-msg) .layui-layer-content input { height: 1.0667rem; line-height: 1.0667rem; background-color: #171a2b; border: none; border-radius: 0.0667rem; width: 100%; display: block; padding: 0 0.1333rem; }
  .layui-layer-dialog:not(.layui-layer-msg) .layui-layer-btn { display: flex; justify-content: space-between; height: 0.9333rem; padding: 0 0.8rem; margin: 0 auto  0.8rem; }
  .layui-layer-dialog:not(.layui-layer-msg) .layui-layer-btn .layui-layer-btn0 { background: #db1d40; }
  .layui-layer-dialog:not(.layui-layer-msg) .layui-layer-btn .layui-layer-btn1 { background: #2e365a; }
  .layui-layer-dialog:not(.layui-layer-msg) .layui-layer-btn [class^="layui-layer-btn"] { display: flex; width: 3.0667rem; height: 0.9333rem; align-items: center; justify-content: center; margin: 0; padding: 0; line-height: normal; font-size: 0.4rem; border-width: 0; color: #fff; }
  .layui-layer-dialog:not(.layui-layer-msg) .layui-layer-btn [class^="layui-layer-btn"] + [class^="layui-layer-btn"] { margin-left: 0.2667rem; }
  .layui-laypage { background-color: #20243c; margin: 0 !important; padding: 0.5rem 0.4rem 0.5333rem; color: #777b86; display: flex; flex-direction: row; align-items: center; justify-content: space-between; position: relative; }
  .layui-laypage a, .layui-laypage span { font-size: 0.3733rem; height: 0.8rem !important; line-height: 0.8rem !important; margin-bottom: 0 !important; margin-left: 0.1333rem !important; padding: 0 !important; text-align: center; min-width: 0.8rem !important; border-radius: 0.0533rem; }
  .layui-laypage .layui-laypage-count, .layui-laypage .layui-laypage-skip { display: none; }
  .layui-laypage .layui-laypage-prev, .layui-laypage .layui-laypage-next { width: 1.7333rem; height: 0.8rem !important; line-height: 0.8rem !important; background-color: #2e365a !important; color: #fff; font-size: 0.32rem !important; padding: 0; text-align: center; border: none !important; border-radius: 0.0533rem; }
  .layui-laypage .layui-laypage-prev { margin-left: 0 !important; }
  .layui-laypage a:not([class^="layui-laypage"]), .layui-laypage a.layui-laypage-first, .layui-laypage a.layui-laypage-last { border-color: #29304f !important; }
  .layui-laypage .layui-laypage-curr { border-color: transparent !important; }
  .layui-laypage .layui-laypage-curr .layui-laypage-em { border-radius: 0.0533rem !important; }
  .p-right .layui-laypage { margin-left: -0.4rem !important; margin-right: -0.4rem !important; }
  input[type="checkbox"]:not(.default-checkbox) + .layui-form-checkbox { width: 0.4rem; height: 0.4rem; line-height: 0.4rem; margin-right: 0.1333rem; }
  input[type="checkbox"]:not(.default-checkbox) + .layui-form-checkbox .layui-icon-ok { width: 0.4rem; height: 0.4rem; line-height: 0.4rem; border: 1px solid #7b87a6; border-radius: 0.0667rem; background-color: transparent; font-size: 0.4rem !important; }
  input[type="checkbox"]:not(.default-checkbox) + .layui-form-checkbox.layui-form-checked .layui-icon-ok { border: none; }
  .layui-layer-content { font-size: 0.24rem !important; }
  .layui-layer-content .layui-layer-ico { width: 0.5333rem !important; height: 0.5333rem !important; background-size: 0.5333rem 0.5333rem !important; margin-right: 0.08rem !important; margin-top: 0.0667rem; }
  .layui-layer-msg { border: none !important; border-radius: 0.0667rem !important; background: rgba(255, 255, 255, 0.9) !important; }
  .layui-layer-msg.layui-layer-dialog .layui-layer-padding, .layui-layer-msg.layui-layer-dialog .layui-layer-content { padding: 0.24rem 0.2667rem !important; text-align: center !important; color: #000 !important; line-height: normal; }
  .layui-layer-msg.layui-layer-dialog .layui-layer-padding .layui-layer-ico, .layui-layer-msg.layui-layer-dialog .layui-layer-content .layui-layer-ico { display: none !important; }
  .layui-layer-dialog .layui-layer-padding, .layui-layer-dialog .layui-layer-content { padding: 0.24rem 0.2667rem !important; text-align: center !important; color: #000 !important; }
  .layui-layer-dialog .layui-layer-padding .layui-layer-ico, .layui-layer-dialog .layui-layer-content .layui-layer-ico { display: none !important; }
  .mobile-nav { display: flex; flex-direction: row; justify-content: space-between; align-items: center; color: #fff; background-color: #20243c; padding: 0 0.4rem; height: 1.52rem; position: fixed; top: 0; left: 0; right: 0; z-index: 100; }
  .mobile-nav .left, .mobile-nav .center, .mobile-nav .right { height: 100%; display: flex; flex-direction: row; align-items: center; font-size: 0.48rem; line-height: 1.52rem; }
  .mobile-nav .left { min-width: 1rem; display: flex; align-items: center; }
  .mobile-nav .left .logo { width: 1.88rem; height: 0.8rem; }
  .mobile-nav .left .icon-menu { cursor: pointer; display: inline-block; width: 0.48rem; height: 0.3867rem; background: url("../images/mobile/menu.png") no-repeat center; background-size: 0.48rem 0.3867rem; margin-left: 0.8rem; position: relative; }
  .mobile-nav .left .icon-menu::before { content: ""; position: absolute; left: -0.4rem; top: 0; bottom: 0; width: 2px; background-color: #454a68; }
  .mobile-nav .center { flex: 1; width: calc(100% - 2rem); justify-content: center; }
  .mobile-nav .center.music-name { margin-left: 0.3rem; position: relative; overflow: hidden; }
  .mobile-nav .center.music-name span { position: absolute; left: 0; animation: rotaryBlockFirst 20s linear infinite; white-space: nowrap; overflow-x: auto; width: auto; }
  .mobile-nav .center span { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; }
  .mobile-nav .center .tab-header { width: 4.8rem; height: 0.9333rem; display: flex; align-items: center; background-color: #171a2b; border-radius: 0.0667rem; padding: 0.08rem; }
  .mobile-nav .center .tab-header .btn { width: 2.32rem; height: 0.7733rem; line-height: 0.7733rem; border-radius: 0.0667rem; font-size: 0.3733rem; color: #7b87a6; }
  .mobile-nav .center .tab-header .btn.active { color: #fff; background-color: #2e365a; text-align: center; font-size: 0.3733rem; }
  .mobile-nav .layui-icon { font-size: 0.48rem; }
  .mobile-nav .right { min-width: 1rem; justify-content: flex-end; }
  .mobile-nav .right a { color: #fff; font-size: 0.4rem; }
  .mobile-nav .right button.follow { color: #fff; font-size: 0.32rem; width: 1.3333rem; height: 0.6133rem; line-height: 0.6133rem; background-color: #db1d40; border: none; border-radius: 0.0667rem; }
  .mobile-nav .right button.follow[disabled] { background: #2e365a; }
  .mobile-nav.active .left .icon-menu { transform: rotate(-180deg); }
  .mobile-nav.active .left .icon-menu::before { right: -0.4rem; left: auto; }
  .mobile-footer-nav { position: fixed; bottom: 0; left: 0; right: 0; height: 1.4667rem; display: flex; flex-direction: row; align-items: center; justify-content: space-around; background-color: #222846; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }
  .mobile-footer-nav .nav-item { color: #7b87a6; flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 0.2667rem; }
  .mobile-footer-nav .nav-item i { margin-bottom: 0.1333rem; }
  
  .mobile-footer-nav .nav-item a.cd-burn { position: relative; }
  .mobile-footer-nav .nav-item a.cd-burn i { font-style: normal; position: absolute; margin-top: 5px; right: 0; transform: translateX(50%); min-width: 18px; height: 18px; line-height: 18px; text-align: center; color: #fff; background-color: #d3320a; border-radius: 9px; display: none; }

  .mobile-footer-nav .nav-item.active { color: #db1d40; }
  .mobile-footer-nav .nav-item.active .home { background-position: -0.54667rem -7.38667rem; background-size: 5.33333rem; width: 0.56rem; height: 0.5733rem; }
  .mobile-footer-nav .nav-item.active .dj { background-position: -1.17333rem -7.38667rem; background-size: 5.33333rem; width: 0.5733rem; height: 0.5733rem; }
  .mobile-footer-nav .nav-item.active .sj { background-position: -1.74667rem -7.38667rem; background-size: 5.33333rem; width: 0.56rem; height: 0.5733rem; }
  .mobile-footer-nav .nav-item.active .user { background-position: -2.33333rem -7.38667rem; background-size: 5.33333rem; width: 0.56rem; height: 0.5733rem; }
  .mobile-footer-nav .nav-item.active .about { background-position: -0.94667rem -15.04rem; background-size: 5.33333rem; width: 0.6667rem; height: 0.5867rem; }
  .layui-form-radio { margin: 0; padding: 0; height: auto !important; }
  .layui-form-radio * { font-size: 0.3733rem; }
  .layui-form-radio div { color: #7b87a6 !important; }
  .layui-form-radio .layui-icon { width: 0.48rem; height: 0.48rem; line-height: 0.48rem; margin-right: 0.1067rem; font-size: 0.48rem; color: #7b87a6; }
  .layui-form-radio.layui-form-radioed div { color: #fff !important; }
  .layui-form-radio.layui-form-radioed .layui-icon { font-size: 0; }
  .layui-form-radio.layui-form-radioed .layui-icon::before { font-size: 0.3733rem; padding: 0.0533rem; } }

@keyframes disc { from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.tab-body__item { display: none; }

.tab-body__item:first-child { display: block; }

.layui-form-radio > i { color: #777b86; }

.layui-form-radio > i:hover { color: inherit; }

.layui-form-radio { height: 32px; display: flex; align-items: center; color: #fff; }

.layui-form-radio .layui-icon { width: 21px; height: 21px; position: relative; display: flex; align-items: center; }

.layui-form-radio .layui-icon + div { color: #777b86; }

.layui-form-radio.layui-form-radioed .layui-icon { font-size: 0; }

.layui-form-radio.layui-form-radioed .layui-icon:before { content: "\e605"; color: #fff; background-color: #db1d40; border-radius: 50%; width: 21px; height: 21px; line-height: 16px; box-sizing: border-box; font-size: 13px; padding: 4px; font-weight: bolder; }

.layui-form-radio.layui-form-radioed .layui-icon + div { color: #fff; }

.pagination { text-align: right; margin-bottom: 30px; }

.pagination:after { content: ""; clear: both; display: table; }

.pagination li { display: inline-block; height: 30px; line-height: 30px; color: #fff; }

.pagination li:nth-child(1) { float: left; color: #777b86; }

.pagination li:not(:nth-child(1)):not(:nth-child(2)):not(:last-child) { min-width: 30px; border: 1px solid #212434; text-align: center; margin-left: 5px; }

.pagination li:nth-child(2), .pagination li:last-child { background: #1c1f31; padding: 0 20px; }

.pagination li:not(.disabled):hover, .pagination li:not(.disabled).active { background: #db1d40; border-color: #db1d40; }

.pagination li a { display: block; }

.pagination li a:hover { color: inherit; }

.mark { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.5); z-index: 1100; }

@media screen and (min-width: 751px) { ::-webkit-scrollbar { width: 16px; height: 8px; }
  ::-webkit-scrollbar-track-piece { background: transparent; }
  ::-webkit-scrollbar-track { background: transparent; border-radius: 6px; }
  ::-webkit-scrollbar-thumb { background-color: #282e40; border-radius: 6px; height: 100px; }
  .popup { position: fixed; top: 50%; left: 50%; width: 760px; transform: translate(-50%, -50%); z-index: 1100; display: none; }
  .popup.block { display: block; position: static; transform: translate(0, 0); width: auto; }
  .popup.on { display: block; background-color: #171a2b; }
  .popup.on .popup-body { padding: 40px; }
  .popup .popup-title { height: 60px; line-height: 60px; font-size: 16px; font-weight: bolder; text-align: center; color: #fff; border-bottom: 1px solid #212434; position: relative; }
  .popup .popup-title .close { position: absolute; right: 30px; top: 50%; transform: translateY(-50%); cursor: pointer; }
  .popup .popup-body { line-height: 30px; }
  .tab-body__item:not(:first-child) { display: none; }
  .tab-body__item.active { display: block; }
  .num { background: url("../images/icons/nums.png") no-repeat 0 0; display: inline-block; width: 26px; height: 21px; }
  .num__1 { background-position: 0 0; }
  .num__2 { background-position: 0 -68px; }
  .num__3 { background-position: 0 -134px; }
  .num__4 { background-position: 0 -200px; }
  .num__5 { background-position: 0 -267px; }
  .num__6 { background-position: 0 -334px; }
  .num__7 { background-position: 0 -401px; }
  .num__8 { background-position: 0 -466px; }
  .num__9 { background-position: 0 -533px; }
  .num__10 { background-position: 0 -599px; } }

@media screen and (max-width: 750px) { .pagination, .middle-main.list-page ul.pagination, .member-wrap .c-right .r-container .list-wrap ul.pagination { background-color: #20243c; overflow: hidden; width: auto; text-align: center; display: flex; flex-direction: row; align-items: center; padding: 0.4rem 0.4rem; margin-bottom: 0; justify-content: space-between; background: #20243c; }
  .pagination:after, .middle-main.list-page ul.pagination:after, .member-wrap .c-right .r-container .list-wrap ul.pagination:after { content: ""; clear: both; display: table; }
  .pagination li, .middle-main.list-page ul.pagination li, .member-wrap .c-right .r-container .list-wrap ul.pagination li { flex: none; width: auto; display: inline-block; height: 0.8rem !important; line-height: 0.8rem !important; color: #fff; }
  .pagination li:nth-child(1), .middle-main.list-page ul.pagination li:nth-child(1), .member-wrap .c-right .r-container .list-wrap ul.pagination li:nth-child(1) { float: left; color: #777b86; display: none !important; }
  .pagination li:not(:nth-child(1)):not(:nth-child(2)):not(:last-child), .middle-main.list-page ul.pagination li:not(:nth-child(1)):not(:nth-child(2)):not(:last-child), .member-wrap .c-right .r-container .list-wrap ul.pagination li:not(:nth-child(1)):not(:nth-child(2)):not(:last-child) { min-width: 0.8rem; border: 1px solid #29304f; text-align: center; margin-left: 0 !important; border-radius: 0.0533rem; padding: 0 !important; }
  .pagination li:not(:nth-child(1)):not(:nth-child(2)):not(:last-child) span, .middle-main.list-page ul.pagination li:not(:nth-child(1)):not(:nth-child(2)):not(:last-child) span, .member-wrap .c-right .r-container .list-wrap ul.pagination li:not(:nth-child(1)):not(:nth-child(2)):not(:last-child) span { justify-content: center; }
  .pagination li:nth-child(n+8):not(:last-child), .middle-main.list-page ul.pagination li:nth-child(n+8):not(:last-child), .member-wrap .c-right .r-container .list-wrap ul.pagination li:nth-child(n+8):not(:last-child) { display: none; }
  .pagination li:nth-child(2), .pagination li:last-child, .middle-main.list-page ul.pagination li:nth-child(2), .middle-main.list-page ul.pagination li:last-child, .member-wrap .c-right .r-container .list-wrap ul.pagination li:nth-child(2), .member-wrap .c-right .r-container .list-wrap ul.pagination li:last-child { background: #2e365a !important; padding: 0 0.4rem !important; }
  .pagination li:not(.disabled):hover, .pagination li:not(.disabled).active, .middle-main.list-page ul.pagination li:not(.disabled):hover, .middle-main.list-page ul.pagination li:not(.disabled).active, .member-wrap .c-right .r-container .list-wrap ul.pagination li:not(.disabled):hover, .member-wrap .c-right .r-container .list-wrap ul.pagination li:not(.disabled).active { background: #db1d40 !important; border-color: #db1d40 !important; }
  .pagination li span:first-child, .middle-main.list-page ul.pagination li span:first-child, .member-wrap .c-right .r-container .list-wrap ul.pagination li span:first-child { width: 100% !important; }
  .pagination li a, .middle-main.list-page ul.pagination li a, .member-wrap .c-right .r-container .list-wrap ul.pagination li a { display: block; }
  .pagination li a:hover, .middle-main.list-page ul.pagination li a:hover, .member-wrap .c-right .r-container .list-wrap ul.pagination li a:hover { color: inherit; }
  .layui-form-radio { line-height: 0.8rem; }
  .layui-form-radio > div { font-size: 0.34rem; }
  .layui-form-radio .layui-icon { height: 0.48rem; line-height: 0.48rem; margin-right: 0.1333rem; font-size: 0.48rem; }
  .layui-form-radio.layui-form-radioed .layui-icon { width: 0.48rem; font-size: 0; }
  .layui-form-radio.layui-form-radioed .layui-icon:before { font-size: 0.42rem; padding: 0.0267rem; width: 0.48rem; height: 0.48rem; line-height: 0.4rem; box-sizing: border-box; font-weight: bolder; }
  .popup { position: fixed !important; left: 0.2667rem !important; right: 0.2667rem !important; bottom: -150%; transition: all 0.6s linear; z-index: 1100 !important; flex: 1; display: flex !important; flex-direction: column; }
  .popup.on { bottom: 0.2667rem; background-color: #20243c !important; border-radius: 0.4rem; }
  .popup-header, .popup-title { color: #fff; font-size: 0.4267rem; font-weight: bolder; height: 1.3333rem; line-height: normal; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #383d5b; position: relative; }
  .popup-header i.back, .popup-title i.back { position: absolute; top: 50%; left: 0.4rem; transform: translateY(-50%); }
  .popup .popup-body { padding: 0.2667rem 0.4rem 0.4rem !important; }
  .mark { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); z-index: 1000; } }

.layui-icon-search { background: url(../images/icons/search-ico.png) no-repeat center center; display: inline-block; width: 16px; height: 16px; }

.layui-icon-search:before { content: ""; }

.layui-icon-search.mobile { display: none; }

.vip-mini { background: url(../images/icons/vip-mini.png) no-repeat center center; display: inline-block; width: 23px; height: 11px; }

.share-icon { display: inline-block; width: 24px; height: 24px; background: url(../images/icons/share-icons.png) no-repeat 0 0; margin-right: 10px; }

.share-icon.wechat { background-position: 0 0; }

.share-icon.qq { background-position: 0 -24px; }

.share-icon.qzone { background-position: 0 -48px; }

.share-icon.pyq { background-position: 0 -72px; }

.share-icon.weibo { background-position: 0 -96px; }

.icon-img { font-style: normal; display: inline-block; background: url("../images/icons/sprite.png?v=271111") no-repeat 0 0; }

.icon-img.share { background-position: 0 0; width: 18px; height: 17px; }

.icon-img.yinyue { background-position: 0 -17px; width: 20px; height: 25px; }

.icon-img.expression { background-position: 0 -42px; width: 20px; height: 20px; }

.icon-img.hot { background-position: 0 -62px; width: 24px; height: 12px; }

.icon-img.mobile { background: url("../images/icons/mobile.png") no-repeat 0 0; width: 14px; height: 20px; white-space: nowrap; }

.icon-img.rq { background-position: 0 -139px; width: 18px; height: 20px; }

.icon-img.fabulous { background-position: 0 -195px; width: 19px; height: 18px; }

.icon-img.m-share { background-position: -1.52rem -1.50667rem; background-size: 5.33333rem; width: 0.6rem; height: 0.6rem; }

.icon-img.play-suspend { background-position: -45px -231px; width: 22px; height: 29px; }

.icon-img.btn-prev { background-position: -45px -259px; width: 20px; height: 21px; }

.icon-img.btn-next { background-position: -45px -280px; width: 20px; height: 21px; }

.icon-img.download { background-position: -45px -301px; width: 12px; height: 14px; }

.icon-img.random { background-position: 0 -402px; width: 18px; height: 16px; }

.icon-img.single-loop { background-position: -42px -402px; width: 18px; height: 16px; }

.icon-img.loop { background-position: -18px -402px; width: 18px; height: 16px; }

.icon-img.stop { background-position: -61px -402px; width: 20px; height: 20px; }

.icon-img.stop.on { background-position: -61px -422px; }

.icon-img.prev { background-position: 0 -608px; width: 21px; height: 29px; }

.icon-img.prev:hover { background-position: 0 -638px; width: 21px; height: 29px; }

.icon-img.next { background-position: -42px -608px; width: 21px; height: 29px; }

.icon-img.next:hover { background-position: -42px -638px; width: 21px; height: 29px; }

.icon-img.play-stop { background-position: -21px -608px; width: 21px !important; height: 29px !important; }

.icon-img.play-stop.playing { background-position: -22px -637px; width: 20px !important; height: 29px !important; }

.icon-img.play-stop * { display: none; }

.icon-img.note-gary { background-position: 0 -666px; width: 19px; height: 18px; }

.icon-img.collection-gary { background-position: -19px -666px; width: 19px; height: 18px; }

.icon-img.download-rank { background-position: 0 -684px; width: 134px; height: 20px; }

.icon-img.audition-rank { background-position: 0 -704px; width: 166px; height: 20px; }

.icon-img.rank-1 { background-position: -6px -731px; width: 19px; height: 26px; }

.icon-img.rank-2 { background-position: -36px -731px; width: 19px; height: 26px; }

.icon-img.rank-3 { background-position: -66px -731px; width: 19px; height: 26px; }

.icon-img.xg { background-position: 0 -766px; width: 50px; height: 41px; }

.icon-img.xd { background-position: -50px -766px; width: 50px; height: 41px; }

.icon-img.fk { background-position: -100px -766px; width: 50px; height: 41px; }

.icon-img.fh { background-position: -150px -766px; width: 50px; height: 41px; }

.icon-img.qs { background-position: -200px -766px; width: 50px; height: 41px; }

.icon-img.cd-burn { background-position: -57px -449px; width: 20px; height: 20px; }

.icon-img.close { background-position: -40px -667px; width: 15px; height: 15px; }

.icon-img.yinfu { background-position: -67px -304px; width: 13px; height: 16px; }

.icon-img.vip { background-position: -82px -482px; width: 40px; height: 16px; }

.icon-img.arrow { background: none; display: none; }

.icon-img.user-home { background-position: -122px -866px; width: 18px; height: 18px; }

.icon-img.xgzl { background-position: -140px -866px; width: 18px; height: 18px; }

.icon-img.xgmm { background-position: -158px -866px; width: 18px; height: 18px; }

.icon-img.wdgz { background-position: -176px -866px; width: 18px; height: 18px; }

.icon-img.wxhdj { background-position: -194px -866px; width: 18px; height: 18px; }

.icon-img.jyjl { background-position: -212px -866px; width: 18px; height: 18px; }

.icon-img.xzjl { background-position: -230px -866px; width: 18px; height: 18px; }

.icon-img.wddd { background-position: -248px -866px; width: 18px; height: 18px; }

.icon-img.shdz { background-position: -266px -866px; width: 18px; height: 18px; }

.icon-img.wechat { background-position: -83px -248px; width: 34px; height: 28px; }

.icon-img.wjx { background-position: -135px -209px; width: 18px; height: 18px; }

.icon-img.edit { background-position: -131px -640px; width: 18px; height: 18px; }

.icon-img.delete { background-position: -159px -640px; width: 18px; height: 18px; }

.icon-img.qq-user { background-position: -132px -404px; width: 20px; height: 20px; }

.icon-img.wechat-user { background-position: -158px -404px; width: 20px; height: 20px; }

.icon-img.mini-vip { background-position: -184px -404px; width: 24px; height: 20px; }

.icon-img.blue-arrow { background-position: -216px -409px; width: 6px; height: 10px; }

.icon-img.login-user { background-position: -138px -685px; width: 16px; height: 16px; }

.icon-img.login-pw { background-position: -163px -685px; width: 16px; height: 16px; }

.icon-img.login-yz { background-position: -185px -685px; width: 16px; height: 16px; }

.icon-img.login-qq { background-position: -209px -685px; width: 30px; height: 30px; }

.icon-img.login-wechat { background-position: -245px -685px; width: 30px; height: 30px; }

.icon-img.icon-camera { background-position: -233px -509px; width: 40px; height: 35px; }

.icon-img.add { background-position: -304px -2px; width: 20px; height: 20px; }

.icon-img.add.on { background-position: -330px -2px; }

.icon-img.mute { background-position: -137px -307px; width: 14px; height: 14px; }

.icon-img.unmute { background-position: -307px -33px; width: 17px; height: 14px; }

.icon-img.follow { background-position: -265px -1039px; width: 17px; height: 16px; }

.icon-img.change { background-position: -265px -1065px; width: 16px; height: 16px; }

.icon-img.alipay { background-position: -97px -1046px; width: 30px; height: 30px; }

.icon-img.wechat-pay { background-position: -140px -1046px; width: 30px; height: 30px; }

.icon-img.chuangsao { background-position: -5px -1129px; width: 45px; height: 30px; vertical-align: middle; margin-left: 10px; }

.icon-img.danqu { background-position: -5px -1163px; width: 45px; height: 30px; vertical-align: middle; margin-left: 10px; }

.icon-img.up { background-position: -195px -1102px; width: 13px; height: 16px; }

.icon-img.up:hover { background-position: -232px -1102px; }

.icon-img.down { background-position: -211px -1102px; width: 13px; height: 16px; }

.icon-img.down:hover { background-position: -249px -1102px; }

@media screen and (max-width: 750px) { .share-icon { display: inline-block; width: 1.28rem; height: 1.28rem; background: url(../images/icons/sprite.png) no-repeat 0 0; margin-right: 0; }
  .share-icon.wechat { background-position: -1.22667rem -0.02667rem; background-size: 5.33333rem; }
  .share-icon.qq { background-position: -2.54667rem -1.32rem; background-size: 5.33333rem; }
  .share-icon.qzone { background-position: -2.54667rem -0.01333rem; background-size: 5.33333rem; }
  .share-icon.pyq { background-position: -2.54667rem -3.94667rem; background-size: 5.33333rem; }
  .share-icon.weibo { background-position: -2.54667rem -2.62667rem; background-size: 5.33333rem; }
  .icon-img.rq { background-position: 0 -1.32rem; background-size: 5.33333rem; width: 0.4267rem; height: 0.48rem; margin-right: 0.1333rem; }
  .icon-img.fabulous { background-position: -3.88rem -0.68rem; background-size: 5.33333rem; width: 0.72rem; height: 0.72rem; }
  .icon-img.download { background-position: -4.61333rem -0.68rem; background-size: 5.33333rem; width: 0.72rem; height: 0.72rem; }
  .icon-img.info { background-position: -3.88rem -1.41333rem; background-size: 5.33333rem; width: 0.72rem; height: 0.72rem; }
  .icon-img.voice { background-position: -0.58667rem -0.56rem; background-size: 5.33333rem; width: 0.5467rem; height: 0.48rem; }
  .icon-img.list-icon { background-position: -3.89333rem -2.13333rem; background-size: 5.33333rem; width: 0.72rem !important; height: 0.72rem !important; }
  .icon-img.play-suspend { background-position: -0.6rem -2.01333rem; background-size: 5.33333rem; width: 1.0667rem; height: 1.0667rem; }
  .icon-img.btn-prev { background-position: 0 -3.33333rem; background-size: 5.33333rem; width: 0.4533rem; height: 0.48rem; }
  .icon-img.btn-next { background-position: 0 -3.84rem; background-size: 5.33333rem; width: 0.4533rem; height: 0.48rem; }
  .icon-img.message { background-position: -4.61333rem -1.41333rem; background-size: 5.33333rem; width: 0.72rem; height: 0.72rem; }
  .icon-img.messages { background-position: 0 -4.32rem; background-size: 5.33333rem; width: 0.52rem; height: 0.5333rem; }
  .icon-img.random { background-position: -4.14667rem -9.04rem; background-size: 5.33333rem; width: 0.6933rem; height: 0.6667rem; }
  .icon-img.single-loop { background-position: -4.14667rem -8.34667rem; background-size: 5.33333rem; width: 0.6933rem; height: 0.6667rem; }
  .icon-img.loop { background-position: -4.14667rem -7.58667rem; background-size: 5.33333rem; width: 0.6933rem; height: 0.6667rem; }
  .icon-img.stop { background-position: -1.09333rem -5.37333rem; background-size: 5.33333rem; width: 0.5067rem; height: 0.5067rem; }
  .icon-img.stop.on { background-position: -1.12rem -4.34667rem; background-size: 5.33333rem; }
  .icon-img.yinyue { background-position: -1.84rem -3.41333rem; background-size: 5.33333rem; width: 0.4rem; height: 0.4933rem; }
  .icon-img.add { background-position: -0.33333rem -5.90667rem; background-size: 5.33333rem; width: 0.4133rem; height: 0.4133rem; }
  .icon-img.sx { background-position: 0 -6.36rem; background-size: 5.33333rem; width: 0.5467rem; height: 0.48rem; }
  .icon-img.choosed { background-position: -0.6rem -6.34667rem; background-size: 5.33333rem; width: 0.4267rem; height: 0.4267rem; }
  .icon-img.right-row { background-position: 0 -6.84rem; background-size: 5.33333rem; width: 0.2133rem; height: 0.32rem; }
  .icon-img.down { background-position: -0.22667rem -6.84rem; background-size: 5.33333rem; width: 0.28rem; height: 0.3067rem; }
  .icon-img.publish { background-position: 0 -7.16rem; background-size: 5.33333rem; width: 0.48rem; height: 0.44rem; margin-right: 0.1333rem; }
  .icon-img.expression { background-position: 0 -7.61333rem; background-size: 5.33333rem; width: 0.48rem; height: 0.48rem; }
  .icon-img.home { background-position: -0.54667rem -6.8rem; background-size: 5.33333rem; width: 0.56rem; height: 0.5733rem; }
  .icon-img.home-on { background-position: -0.54667rem -7.4rem; background-size: 5.33333rem; width: 0.56rem; height: 0.5733rem; }
  .icon-img.home.on { background-position: -0.54667rem -7.38667rem; background-size: 5.33333rem; width: 0.56rem; height: 0.5733rem; }
  .icon-img.dj { background-position: -1.17333rem -6.8rem; background-size: 5.33333rem; width: 0.5733rem; height: 0.5733rem; }
  .icon-img.dj.on { background-position: -1.16rem -7.38667rem; background-size: 5.33333rem; width: 0.56rem; height: 0.5733rem; }
  .icon-img.sj { background-position: -1.74667rem -6.8rem; background-size: 5.33333rem; width: 0.56rem; height: 0.5733rem; }
  .icon-img.sj.on { background-position: -1.74667rem -7.38667rem; background-size: 5.33333rem; width: 0.56rem; height: 0.5733rem; }
  .icon-img.user { background-position: -2.33333rem -6.8rem; background-size: 5.33333rem; width: 0.56rem; height: 0.5733rem; }
  .icon-img.user.on { background-position: -2.33333rem -7.38667rem; background-size: 5.33333rem; width: 0.56rem; height: 0.5733rem; }
  .icon-img.note-gary { background-position: -0.90667rem -8.50667rem; background-size: 5.33333rem; width: 0.3733rem; height: 0.3733rem; }
  .icon-img.collection-gary { background-position: -1.28rem -8.50667rem; background-size: 5.33333rem; width: 0.3733rem; height: 0.3733rem; }
  .icon-img.rank-1 { background-position: -0.85333rem -10.81333rem; background-size: 5.33333rem; width: 0.48rem; height: 0.6667rem; }
  .icon-img.rank-2 { background-position: -1.45333rem -10.81333rem; background-size: 5.33333rem; width: 0.48rem; height: 0.6667rem; }
  .icon-img.rank-3 { background-position: -2.12rem -10.81333rem; background-size: 5.33333rem; width: 0.48rem; height: 0.6667rem; }
  .icon-img.xg { background-position: -1.33333rem -10.21333rem; background-size: 5.33333rem; width: 0.6667rem; height: 0.5467rem; }
  .icon-img.xd { background-position: -0.66667rem -10.21333rem; background-size: 5.33333rem; width: 0.6667rem; height: 0.5467rem; }
  .icon-img.fk { background-position: -1.33333rem -10.21333rem; background-size: 5.33333rem; width: 0.6667rem; height: 0.5467rem; }
  .icon-img.fh { background-position: -2rem -10.21333rem; background-size: 5.33333rem; width: 0.6667rem; height: 0.5467rem; }
  .icon-img.qs { background-position: -2.66667rem -10.21333rem; background-size: 5.33333rem; width: 0.6667rem; height: 0.5467rem; }
  .icon-img.help { background-position: 0 -11.42667rem; background-size: 5.33333rem; width: 0.56rem; height: 0.56rem; }
  .icon-img.back { background-position: -0.72rem -11.56rem; background-size: 5.33333rem; width: 0.4267rem; height: 0.3733rem; }
  .icon-img.xgzl { background-position: 0 -12.06667rem; background-size: 5.33333rem; width: 0.8rem; height: 0.8rem; }
  .icon-img.xgmm { background-position: -0.90667rem -12.06667rem; background-size: 5.33333rem; width: 0.8rem; height: 0.8rem; }
  .icon-img.wdgz { background-position: -1.86667rem -12.06667rem; background-size: 5.33333rem; width: 0.8rem; height: 0.8rem; }
  .icon-img.wxhdj { background-position: -2.84rem -12.06667rem; background-size: 5.33333rem; width: 0.8rem; height: 0.8rem; }
  .icon-img.jyjl { background-position: -3.81333rem -12.06667rem; background-size: 5.33333rem; width: 0.8rem; height: 0.8rem; }
  .icon-img.xzjl { background-position: 0rem -12.96rem; background-size: 5.33333rem; width: 0.8rem; height: 0.8rem; }
  .icon-img.wddd { background-position: -0.90667rem -12.96rem; background-size: 5.33333rem; width: 0.8rem; height: 0.8rem; }
  .icon-img.shdz { background-position: -1.86667rem -12.96rem; background-size: 5.33333rem; width: 0.8rem; height: 0.8rem; }
  .icon-img.arrow { display: inline-block; background: url(../images/icons/sprite.png) no-repeat 0 0; background-position: -1.18667rem -11.56rem; background-size: 5.33333rem; width: 0.3733rem; height: 0.3733rem; }
  .icon-img.udetail { background: url(../images/personalCenter/other.png) no-repeat 0 0; background-size: 0.48rem 0.48rem; width: 0.48rem; height: 0.48rem; }
  .icon-img.vip { background-position: -1.09333rem -5.92rem; background-size: 5.33333rem; width: 0.9333rem; height: 0.3733rem; }
  .icon-img.edit { background-position: -1.02667rem -8.05333rem; background-size: 5.33333rem; width: 0.4rem; height: 0.4rem; }
  .icon-img.share { background-position: -1.58667rem -8.05333rem; background-size: 5.33333rem; width: 0.4rem; height: 0.4rem; }
  .icon-img.delete { background-position: -2.16rem -8.05333rem; background-size: 5.33333rem; width: 0.4rem; height: 0.4rem; }
  .icon-img.hot { background-position: -0.54667rem -1.64rem; background-size: 5.33333rem; width: 0.64rem; height: 0.32rem; }
  .icon-img.qq-user { background-position: -2.05333rem -5.69333rem; background-size: 5.33333rem; width: 0.4rem; height: 0.4rem; }
  .icon-img.wechat-user { background-position: -2.48rem -5.69333rem; background-size: 5.33333rem; width: 0.4rem; height: 0.4rem; }
  .icon-img.blue-arrow { background-position: -3.01333rem -5.76rem; background-size: 5.33333rem; width: 0.16rem; height: 0.2667rem; }
  .icon-img.login-user { background-position: -2.2rem -9.62667rem; background-size: 5.33333rem; width: 0.3467rem; height: 0.3733rem; }
  .icon-img.login-pw { background-position: -2.66667rem -9.6rem; background-size: 5.33333rem; width: 0.35rem; height: 0.3733rem; }
  .icon-img.login-yz { background-position: -3.10667rem -9.6rem; background-size: 5.33333rem; width: 0.3467rem; height: 0.4rem; }
  .icon-img.login-qq { background-position: -2.6rem -8.48rem; background-size: 5.33333rem; width: 0.56rem; height: 0.56rem; }
  .icon-img.login-wechat { background-position: -3.28rem -8.48rem; background-size: 5.33333rem; width: 0.56rem; height: 0.56rem; }
  .icon-img.prev { background-position: -3.90667rem -2.96rem; background-size: 5.33333rem; width: 0.68rem; height: 0.73rem; }
  .icon-img.prev:hover { background-position: -3.90667rem -2.96rem; background-size: 5.33333rem; width: 0.68rem; height: 0.73rem; }
  .icon-img.next { background-position: -4.62667rem -2.96rem; background-size: 5.33333rem; width: 0.68rem; height: 0.73rem; }
  .icon-img.next:hover { background-position: -4.62667rem -2.96rem; background-size: 5.33333rem; width: 0.68rem; height: 0.73rem; }
  .icon-img.play-stop { background-position: -3.58667rem -9.81333rem; background-size: 5.33333rem; width: 1.6533rem !important; height: 1.6533rem !important; }
  .icon-img.play-stop.playing { background-position: -3.6rem -5.09333rem; background-size: 5.33333rem; width: 1.6533rem !important; height: 1.6533rem !important; }
  .icon-img.icon-camera { background-position: -3.10667rem -7.4rem; background-size: 5.33333rem; width: 0.88rem; height: 0.7867rem; }
  .icon-img.mute { background-position: -4.25333rem -6.90667rem; background-size: 5.33333rem; width: 0.6933rem; height: 0.6133rem; }
  .icon-img.unmute { background-position: -3.89333rem -3.82667rem; background-size: 5.33333rem; width: 0.6933rem; height: 0.6133rem; }
  .icon-img.kelu { background: url(../images/icons/sprite.png?v=27) no-repeat 0 0; background-position: -4.64rem -12.10667rem; background-size: 5.33333rem; width: 0.6667rem; height: 0.6667rem; }
  .icon-img.id { background: url(../images/icons/sprite.png?v=27) no-repeat 0 0; background-position: -4.64rem -15.24rem; background-size: 5.33333rem; width: 0.6667rem; height: 0.6667rem; }
  .icon-img.timebobg { background-position: -0.10667rem -13.90667rem; background-size: 5.33333rem; width: 0.4rem; height: 0.5rem; }
  .icon-img.add-btn { background-position: -0.57333rem -13.90667rem; background-size: 5.33333rem; width: 0.5333rem; height: 0.5333rem; }
  .icon-img.alipay { background-position: -0.04rem -14.44rem; background-size: 5.33333rem; width: 0.5067rem; height: 0.5067rem; }
  .icon-img.wechat-pay { background-position: -0.58667rem -14.44rem; background-size: 5.33333rem; width: 0.5067rem; height: 0.5067rem; }
  .icon-img.about { background-position: -1.88rem -15.04rem; background-size: 5.33333rem; width: 0.6667rem; height: 0.5867rem; }
  .udetail { display: inline-block; background: url(../images/personalCenter/other.png) no-repeat 0 0; background-size: 0.48rem 0.48rem; width: 0.48rem; height: 0.48rem; }
  .download-btn { background: url(../images/personalCenter/down.png) no-repeat center 0; background-size: 0.9067rem 0.9067rem; width: 0.9067rem; height: 0.9067rem; }
  .cd-btn { background: url(../images/personalCenter/kelu.png) no-repeat center 0; background-size: 0.9067rem 0.9067rem; width: 0.9067rem; height: 0.9067rem; }
  .like-btn { background: url(../images/personalCenter/like.png) no-repeat center 0; background-size: 0.9067rem 0.9067rem; width: 0.9067rem; height: 0.9067rem; }
  .play-btn { display: inline-block; background: url(../images/personalCenter/big-play.png) no-repeat center 0; background-size: 0.9067rem 0.9067rem; width: 0.9067rem; height: 0.9067rem; }
  .layui-icon-search { background: url(../images/mobile/search.png) no-repeat center center; display: inline-block; width: 0.36rem; height: 0.3333rem; background-size: 0.36rem 0.3333rem; }
  .layui-icon-search:before { content: ""; } }

@keyframes rotaryBlockFirst { 0% { transform: translateX(0); }
  100% { transform: translateX(calc(-100% + 4rem)); } }



/* 订购CD开始 */
/*#overlay1 { background: #171A2B; filter: alpha(opacity=50); opacity: 0.5; display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; }
#carshow { position: absolute; width: 350px; overflow: hidden; border: 1px solid #0A0C18; background-color: #1C1F31; top: 60%; left: 50%; margin-left: -175px; margin-top: -120px; padding-bottom: 20px; z-index: 9999; padding: 0px; color: #FFFFFF; display: none }
#carshow ul { margin: 10px; padding: 0px; }
.cdcart {background: #171A2B; font-size: 12px; height: 27px; line-height: 27px; border-bottom: 1px solid #1C1F31; font-weight: bold; color: #FFFFFF }
.cdcart ul { float: left; text-indent: 8px; padding: 0px; margin: 0px; }
.cdcart .k1 {margin: 0px; float: left; }
.cdcart .k2 {margin: 0px 5px; float: right; }
.cdcart .k2 img { cursor: pointer; margin-top: 2px }
.addorder2 { background-color: #FFCC00; color: #000000; font-size: 12px; border: 1px solid #AB8A0B;padding:5px 10px;cursor:pointer;}
.addorder1 { background-color: #FF0000; color: #FFFFFF; font-size: 12px; border: 1px solid #990000;padding:5px 10px;cursor:pointer;}
/* 订购CD结束 */
#overlay1 {
    background: #171A2B;
    filter: alpha(opacity=50);
    opacity: 0.5;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
#carshow {
    position: fixed;
    width: 350px;
    max-width: 90%;
    overflow: hidden;
    border: 1px solid #0A0C18;
    background-color: #1C1F31;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-bottom: 20px;
    z-index: 9999;
    padding: 0px;
    color: #FFFFFF;
    display: none;
}
#carshow ul { margin: 10px; padding: 0px; }
.cdcart {background: #171A2B; font-size: 12px; height: 27px; line-height: 27px; border-bottom: 1px solid #1C1F31; font-weight: bold; color: #FFFFFF }
.cdcart ul { float: left; text-indent: 8px; padding: 0px; margin: 0px; }
.cdcart .k1 {margin: 0px; float: left; }
.cdcart .k2 {margin: 0px 5px; float: right; }
.cdcart .k2 img { cursor: pointer; margin-top: 2px }
.addorder2 { background-color: #FFCC00; color: #000000; font-size: 12px; border: 1px solid #AB8A0B;padding:5px 10px;cursor:pointer;}
.addorder1 { background-color: #FF0000; color: #FFFFFF; font-size: 12px; border: 1px solid #990000;padding:5px 10px;cursor:pointer;}