@charset "utf-8";@import "../iconfont/iconfont.css";
body {margin:0;padding:0;font-size:1rem;background:#fff}
a {color:#333;text-decoration:none;transition:0.5s ease;}
a:hover {color:#ff00ff;text-decoration:none;}
ul,li,p,form,h1,h2,dl,dt,dd {padding:0;margin:0;}
li {list-style:none;}
img {border:0;}
body .demo-class .layui-layer-content {padding:15px;font-size:16px;}
.ins {display:none;}
.mt15 {margin-top:15px;}
.mt25 {margin-top:25px;}
.mt35 {margin-top:35px;}
.mt60 {margin-top:60px;}
.mt80 {margin-top:80px;}
.mt105_flex {margin-top:105px;display:flex;}
.single-item__title h4 a i .red {color:#C7302F!important;}
progress {position:fixed;left:0;top:0;z-index:99999999;width:100%;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:value 0.3s ease;background-color:#fff;border-radius:1rem;}
progress::-webkit-progress-bar {background-color:#fff;border-radius:1rem;}
progress::-webkit-progress-value {background-color:#ff00ff;border-radius:1rem;}
progress::-moz-progress-bar {background-color:#ff00ff;border-radius:1rem;}
header {position:fixed;width:100%;top:0;left:0;right:0;height:60px;z-index:10001;background-color:#fff;transition:all .3s ease 0s;webkit-box-shadow:0px 4px 10px 0px rgba(17,58,93,0.1);-ms-box-shadow:0px 4px 10px 0px rgba(17,58,93,0.1);box-shadow:0px 4px 10px 0px rgb(17 58 93 / 10%);}
nav {display:flex;max-width:1300px;height:60px;margin:0 auto;text-align:center;position:relative;}
.logo {overflow:hidden;width:206px;height:60px;position:relative;}
.logo:before {content:"";position:absolute;width:1000px;height:20px;background-image:linear-gradient(to bottom,transparent,rgba(255,255,255,.5),transparent);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:searchLights 1s ease-in 1s infinite;-o-animation:searchLights 1s ease-in 1s infinite;animation:searchLights 1s ease-in 1s infinite;}
@keyframes searchLights {0% {left:-200px;top:-300px;}
100% {left:-160px;top:800px;}
}
.logo a {display:block;overflow:hidden;background:url(../images/logo.png);background-size:100%;background-repeat:no-repeat;background-position:center;height:58px;width:90%;}
.nav-bg {background-color:#fff!important;}
.nav-list {width:970px;}
.nav-list .layui-nav .layui-nav-item {margin-left:16px;}
.nav-list .layui-nav .layui-nav-item .new-icon {position:absolute;top:10px;right:0;}
.layui-nav.layui-bg-gray .layui-this a {color:#ff00ff;}
.layui-nav .layui-this:after,.layui-nav-bar {background-color:#ff00ff;}
.layui-nav-tree.layui-bg-gray a,.layui-nav.layui-bg-gray .layui-nav-item a {font-size:16px!important;color:#333;position:relative;}
.layui-nav-child {top:60px;border:none;}
.nav-right {display:flex;width:180px;height:60px;line-height:60px;font-size:15px;margin-left:auto;justify-content:flex-end;}
.nav-right .layui-form-item {margin-bottom:0;}
.nav-right .layui-form-switch {margin-top:0;}
.nav-right .layui-form-label {padding:0;width:0;}
.nav-right .layui-input-block {margin-left:0;}
.nav-right a {display:inline-block;-webkit-transition:ease-in color .15s;transition:ease-in color .15s;position:relative;}
.nav-right li {height:60px;padding:0 5px;}
.nav-right .nav-search .iconfont {font-size:25px;}
.nav-right .nav-vip a {color:#fbb715 !important;}
.nav-right .nav-vip .iconfont {font-size:30px;}
.nav-right .nav-up .iconfont {font-size:30px;}
.nav-right .nav-button .layui-icon {font-size:20px;}
.nav-right .nav-mlogin {display:none;}
.nav-right .nav-mlogin .iconfont {font-size:25px;}
.nav-right .nav-button {display:none;}
/*登录*/
.lei_login {width:121px;}
.lei_login .login {line-height:60px;padding:0 10px;}
.lei_login .login .nav-line {width:1px;background:#777;height:10px;display:inline-block;margin:0 5px;}
.lei_popover_mask {z-index:9998;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.4;filter:alpha(opacity=40);display:none;}
.lei_popover{z-index:99999;position:fixed;top:40%;left:40%;width:700px;margin:-120px 0 0 -200px;border-radius:12px;background:linear-gradient(to right,#ff008c,#ff00ff);display:none;}
.lei_poptit {float:left;width:100%;position:relative;}
.lei_poptit a.close {position:absolute;top:10px;right:20px;width:24px;height:24px;line-height:24px;}
.lei_poptit a .layui-icon {position:absolute;width:100%;height:100%;font-size:20px;color:#333;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;transition:all 0.3s linear;text-align:center;}
.lei_poptit a:hover .layui-icon {-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);}
.lei_user {float:right;width:325px;padding:10px 28px;background:white;border-radius:12px;box-shadow:-8px 7px 10px 0 rgb(0 0 0 / 20%);}
.lei_user h3 {text-align:left;padding:15px 0;font-size:18px;font-weight:400;position:relative;margin-bottom:15px;}
.lei_user h3:after {content:"";content:"";width:72px;height:3px;background:#ff008c;background:-webkit-gradient(linear,left top,right top,from(#ff008c),to(#ffaff00ff516));background:linear-gradient(90deg,#ff008c,#ff00ff);-webkit-box-shadow:0 5px 15px 0 rgb(176 140 249 / 30%);box-shadow:0 5px 15px 0 rgb(176 140 249);border-radius:1px;position:absolute;bottom:6px;left:35px;-webkit-transform:translate(-50%);transform:translate(-50%);}
.lei_user .input {float:left;width:100%;height:36px;border:none;border-bottom:1px solid #f3f2f2;font-size:14px;line-height:36px;color:#888;text-indent:5px;outline:0;margin:15px 0;transition:all 1s linear;}
.lei_user .user_pwd {}
.lei_user .input:hover {border-color:#D2D2D2 !important;transition:0.2s;transition-duration:1s;transition-timing-function:ease-in-out;}
.lei_user .home_btn {float:left;width:100%;height:44px;background:linear-gradient(to right,#ff008c,#ff00ff);color:#fff;border:0;font-size:18px;line-height:44px;text-align:center;cursor:pointer;margin:15px 0;border-radius:25px;outline:0;box-shadow:3px 3px 20px 1px rgb(0 0 0 / 20%);}
.lei_user .lei_zc {float:left;width:100%;height:30px;font-size:14px;line-height:30px;}
.lei_user .lei_zc a {color:#666;}
.lei_user .lei_sfdl {float:left;width:100%;border-top:1px #dedede dashed;margin:10px 0;}
.lei_user .lei_sfdl h1 {float:left;width:100%;height:30px;font-size:14px;line-height:30px;color:#666;margin:10px 0;}
.lei_user .lei_sfdl li {float:left;width:40px;height:40px;margin-right:10px;}
.lei_user .lei_sfdl li a {display:block;height:40px;background:url(../images/fns.png) no-repeat;}
.lei_user .lei_sfdl li a.qq{background-position:-100px -170px;}
.lei_user .lei_sfdl li a.wx{background-position:-60px -130px;}
.lei_user .lei_sfdl li a.wb{background-position:-60px -170px}
.login-left {float:left;width:319px;}
.login-left h1 {color:#ffffff;margin-top:200px;cursor:text;}
.login-left h4 {color:rgba(255,255,255,0.5);}
.djuq_user {float:left;height:100%;margin-left:10px;position:relative;}
.djuq_user .pic {float:left;width:100%;height:40px;margin:10px 0;}
.djuq_user .pic img {float:left;width:40px;height:40px;border-radius:50%;}
.djuq_user .submenu {z-index:9999;position:absolute;top:100%;right:0;background-color:#fff;font-size:13px;box-shadow:0 0 10px 4px rgb(165 149 198 / 28%);line-height:32px;min-width:330px;border-radius:5px;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-in-out;padding-bottom:10px;}
.djuq_user .submenu:after {content:"";display:inline-block;position:absolute;top:-8px;right:12px;border-width:0 8px 8px;border-style:solid;border-color:transparent transparent #ff00ff;z-index:10;}
.djuq_user li.first {width:100%;margin-bottom:14px;float:left;}
.djuq_user .submenu .user-info {height:100px;position:relative;background:linear-gradient(90deg,#ff008c,#ff00ff);background-size:100% 100%;}
.djuq_user .submenu .user-info .user-hd {position:absolute;top:65px;width:100px;}
.djuq_user .submenu .user-info .user-hd a {padding:0;display:inline-block;position:relative;line-height:1;}
.djuq_user .submenu .user-info .user-hd a img {width:50px;height:50px;border-radius:100%;border:5px solid #fff;box-shadow:0px 4px 10px 0px rgb(0 0 0 / 30%);}
.djuq_user .submenu .name {position:absolute;width:230px;margin-left:100px;top:70px;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;text-align:left;font-size:16px;}
.djuq_user .submenu .user-money {color:#333;float:left;width:330px;line-height:30px;margin-top:3px;}
.djuq_user .submenu .user-money .type-left1 {width:90px;float:left;margin-left:85px;color:#333;border-radius:15px;background:#f5f5f5;}
.djuq_user .submenu .user-money .type-left {width:90px;float:left;margin-left:85px;color:#87580a;border-radius:15px;background:linear-gradient(to right,#e0bf7a,#c79f49);}
.djuq_user .submenu .user-money .money-left {width:90px;line-height:29px;float:left;border-radius:15px;font-size:13px;margin-left:10px;color:#f1ebd1;background:linear-gradient(to right,#776a59,#3d3327);}
.djuq_user .submenu .user-vip {padding:0 15px;color:#000;float:left;width:300px;}
.djuq_user .submenu .user-vip .vip-left {border-radius:15px;text-align:left;padding:10px 10px;background:url(../images/vip-head.jpg) center top no-repeat;background-size:100% 100%;margin-top:15px;}
.djuq_user .submenu .user-vip .vip-left a:hover {color:#333}
.djuq_user .submenu .user-vip .vip-left v {cursor:pointer;float:right;background:#e5c89f;color:#fff;border-radius:30px;padding:4px 8px;display:inline-block;line-height:1;margin-top:6px;}
.djuq_user .submenu .user-vip .down-left {margin-top:-5px;color:#777;}
.djuq_user li.item {text-align:center;line-height:15px;margin:5px;font-size:12px;float:left;}
.djuq_user li.item a {padding:0;width:55px;height:55px;border-radius:50%;background:#f5f5f5;display:inline-block;text-align:center;}
.djuq_user li.item .layui-icon {top:5px;font-size:22px;display:inline-block;line-height:30px;}
.djuq_user li.user-out {text-align:center;line-height:15px;margin:5px;font-size:12px;float:left;}
.djuq_user li.user-out .layui-icon {top:5px;font-size:22px;display:inline-block;line-height:30px;}
.djuq_user li.user-out a {padding:0;width:55px;height:55px;border-radius:50%;background:#f5f5f5;display:inline-block;text-align:center;}
.menu-dark-backdrop {display:none;background:rgba(0,0,0,0);transition:all 0.4s ease;-moz-transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;width:100%;position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;}
.menu-dark-backdrop.in {display:block;height:100%;z-index:10002;background:rgba(0,0,0,0.5);}
.leftMenu {display:none;background:#fff;right:-1000px;top:0;height:100%;width:45%;min-width:140px;max-width:440px;z-index:10003;transition:all 0.4s ease;-moz-transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;position:fixed;overflow:auto;}
.leftMenu.in {right:0;}
.leftMenu .mnavinfo {display:flex;height:60px;padding:0 15px;-webkit-box-align:center;align-items:center;justify-content:left;background:linear-gradient(to right,#ff008c,#ff00ff);margin-bottom:20px;position:relative;}
.leftMenu .mnavinfo .mnavinfo_data {width:100%;padding-left:5px;margin-top:0px;margin-bottom:0px;}
.leftMenu .mnavinfo .mnavinfo_data .mnavinfotitle {font-weight:700;color:#fff;font-size:18px;line-height:1.3em;display:block;}
.leftMenu .mnavinfo .mnavinfo_data .mnavinfotitlee {color:#fff;}
.leftMenu .mnavinfo .layui-icon {position:absolute;top:calc(63% - 20px);right:8px;font-size:23px;color:#fff;}
.leftMenu .nvalist {padding:15px;}
.leftMenu .nvalist li {border-bottom:1px solid rgba(0,0,0,.03);}
.leftMenu .nvalist li a {font-size:16px;}
.leftMenu .layui-nav-itemed>.layui-nav-child {display:block;background-color:rgb(213 213 213 / .2)!important;}
.leftMenu .layui-nav {background-color:#fff;color:#333;}
.leftMenu .layui-nav * {font-size:16px;}
.leftMenu .layui-nav.layui-nav-tree {width:auto;}
.leftMenu .layui-nav-tree .layui-nav-item>a .layui-nav-more {padding:0;}
.leftMenu .layui-nav .layui-nav-item a {color:#333;color:rgba(51,51,51,.7);}
.leftMenu .layui-nav .layui-nav-item a:hover,.layui-nav .layui-this a {color:#333;text-decoration:none;}
.leftMenu .layui-nav-itemed>a,.layui-nav-tree .layui-nav-title a,.layui-nav-tree .layui-nav-title a:hover {color:#333!important;}
.leftMenu .layui-nav-tree .layui-nav-bar {background-color:#ff00ff;}
.leftMenu .layui-nav-tree .layui-nav-child dd.layui-this,.leftMenu .layui-nav-tree .layui-nav-child dd.layui-this a,.leftMenu .layui-nav-tree .layui-this,.leftMenu .layui-nav-tree .layui-this>a,.leftMenu .layui-nav-tree .layui-this>a:hover {background-color:#ff00ff;color:#fff;}
.search-wrap {position:fixed;top:-200px;left:0;right:0;transition:top 0.3s cubic-bezier(.4,0,.2,1);z-index:10000;}
.search-wrap.show {top:60px;}
.container {position:relative;margin:0 auto;max-width:1300px;}
.search-wrap-container {padding:25px 0;background:#fff;border-radius:0 0 5px 5px;box-shadow:0 0 15px rgb(0 0 0 / 8%);}
.search-wrap .search-form {display:flex;position:relative;width:calc(100% - 180px);margin:auto;border:1px solid #efefef;border-radius:10px;}
.search-wrap .search_list {position:absolute;width:56px;padding-left:15px;}
.search-wrap .search_list:after {content:"";display:inline-block;position:absolute;top:16px;right:5px;width:1px;height:16px;background:#e3e3e3;}
.search-wrap .search_list .layui-icon {position:absolute;top:16px;right:8px;font-size:10px;color:#aaa;transition:all 0.3s linear;pointer-events:none;}
.search-wrap .search_list:hover .layui-icon {-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);}
.search-wrap .search_list .keytxt {line-height:48px;}
.search-wrap .search_list .seh_sort {position:absolute;width:100%;background:#fff;left:-1px;padding:5px 0;top:43px;display:none;box-shadow:0 0 10px rgba(0,0,0,0.1);z-index:10001;}
.search-wrap .search_list .seh_sort:before {content:" ";height:0;width:0;border-color:transparent;border-style:solid;border-width:8px;border-bottom-color:#fff;position:absolute;left:20px;top:-14px;}
.search-wrap .search_list .seh_sort li {height:24px;line-height:24px;text-align:center;padding:5px;}
.search-wrap .search-input {width:100%;height:50px;font-size:16px;border:none;border-radius:10px 0 0 10px;text-indent:75px;}
.search-wrap .search-form .search-btn {float:left;width:120px;height:50px;border-radius:0 10px 10px 0;font-size:18px;line-height:28px;text-align:center;border:none;background-image:linear-gradient(315deg,#ff00ff 0%,#ff008c 75%);color:#fff;cursor:pointer;}
.search-form .layui-icon {position:absolute;right:-35px;top:14px;font-size:27px;cursor:pointer;}
.search-hot {display:flex;align-items:center;justify-content:center;position:relative;width:100%;margin:0 auto;line-height:25px;font-size:16px;padding-top:15px;}
.search-hot span i {color:#e44a42;margin-right:5px;}
.search-hot a {margin:5px 7px;padding:3px 8px;background:#f6f7fc;}
.box {max-width:1300px;width:calc(100% - 40px);margin:auto;}
#banner .swiper-slide {width:65%;}
#banner .swiper-slide img {width:100%;height:270px;border-radius:8px;}
#banner .swiper-slide-next,.swiper-slide-prev {opacity:0.5!important;}
#banner .swiper-slide-active,.swiper-slide-duplicate-active {opacity:1;}
.bannerbox {width:100%;height:100%;background-size:cover;background-position:center;position:relative;padding:120px 0;}
.bannerbox_overlay {position:absolute;left:0;right:0;top:0;bottom:0;background:linear-gradient(to right,rgba(176,140,249,0.5),rgba(145,165,244,0.5));}
.bannertext {padding:0 10px}
.bannertext h1 {font-size:48px;font-weight:400;text-transform:uppercase;color:#fff;margin-bottom:12px;}
.bannertext h2 {font-size:24px;font-weight:400;color:#fff;margin-bottom:30px;}
.carousel {display:block;width:100%}
.owl-carousel {height:400px;overflow:hidden;}
.carousel .item {height:350px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;min-height:300px;border-radius:15px;overflow:hidden;position:relative;}
.carousel .item:before {content:'';position:absolute;display:block;top:0;left:0;right:0;bottom:0;border-radius:15px;background:linear-gradient(45deg,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);z-index:1;}
.carousel .item img {height:100%;}
.image-text {color:#fff;z-index:2;padding:60px;}
.image-text h1 {font-size:32px;font-weight:400;}
.image-text p {margin-bottom:0;margin-top:15px;color:#c0c0c0;}
.playerbox ul {box-sizing:content-box;max-width:84.375rem;background-color:#fff;box-shadow:0rem 0rem 1.8125rem 0rem rgb(185 185 185 / 42%);display:flex;align-items:center;}
.playerbox ul {background-color:#9f81f5;box-shadow:0rem 0rem 1.8125rem 0rem rgb(185 185 185 / 42%);}
.playerbox ul .bulletin {float:left;margin-right:15px;}
.playerbox ul .actions {margin-left:0.625rem;height:3.125rem;display:flex;align-items:center;}
.playerbox ul li {width:90%;margin-left:0.625rem;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.playerbox ul span {width:32px;color:#f0506e;line-height:2rem;margin-left:0.3125rem;animation:my-face 5s infinite ease-in-out;display:inline-block;}
@-webkit-keyframes my-face {2%,24%,80% {-webkit-transform:translate(0,1.5px) rotate(1.5deg);transform:translate(0,1.5px) rotate(1.5deg)}
4%,68%,98% {-webkit-transform:translate(0,-1.5px) rotate(-.5deg);transform:translate(0,-1.5px) rotate(-.5deg)}
38%,6% {-webkit-transform:translate(0,1.5px) rotate(-1.5deg);transform:translate(0,1.5px) rotate(-1.5deg)}
8%,86% {-webkit-transform:translate(0,-1.5px) rotate(-1.5deg);transform:translate(0,-1.5px) rotate(-1.5deg)}
10%,72% {-webkit-transform:translate(0,2.5px) rotate(1.5deg);transform:translate(0,2.5px) rotate(1.5deg)}
12%,64%,78%,96% {-webkit-transform:translate(0,-.5px) rotate(1.5deg);transform:translate(0,-.5px) rotate(1.5deg)}
14%,54% {-webkit-transform:translate(0,-1.5px) rotate(1.5deg);transform:translate(0,-1.5px) rotate(1.5deg)}
16% {-webkit-transform:translate(0,-.5px) rotate(-1.5deg);transform:translate(0,-.5px) rotate(-1.5deg)}
18%,22% {-webkit-transform:translate(0,.5px) rotate(-1.5deg);transform:translate(0,.5px) rotate(-1.5deg)}
20%,36%,46% {-webkit-transform:translate(0,-1.5px) rotate(2.5deg);transform:translate(0,-1.5px) rotate(2.5deg)}
26%,50% {-webkit-transform:translate(0,.5px) rotate(.5deg);transform:translate(0,.5px) rotate(.5deg)}
28% {-webkit-transform:translate(0,.5px) rotate(1.5deg);transform:translate(0,.5px) rotate(1.5deg)}
30%,40%,62%,76%,88% {-webkit-transform:translate(0,-.5px) rotate(2.5deg);transform:translate(0,-.5px) rotate(2.5deg)}
32%,34%,66% {-webkit-transform:translate(0,1.5px) rotate(-.5deg);transform:translate(0,1.5px) rotate(-.5deg)}
42% {-webkit-transform:translate(0,2.5px) rotate(-1.5deg);transform:translate(0,2.5px) rotate(-1.5deg)}
44%,70% {-webkit-transform:translate(0,1.5px) rotate(.5deg);transform:translate(0,1.5px) rotate(.5deg)}
48%,74%,82% {-webkit-transform:translate(0,-.5px) rotate(.5deg);transform:translate(0,-.5px) rotate(.5deg)}
52%,56%,60% {-webkit-transform:translate(0,2.5px) rotate(2.5deg);transform:translate(0,2.5px) rotate(2.5deg)}
58% {-webkit-transform:translate(0,.5px) rotate(2.5deg);transform:translate(0,.5px) rotate(2.5deg)}
84% {-webkit-transform:translate(0,1.5px) rotate(2.5deg);transform:translate(0,1.5px) rotate(2.5deg)}
90% {-webkit-transform:translate(0,2.5px) rotate(-.5deg);transform:translate(0,2.5px) rotate(-.5deg)}
92% {-webkit-transform:translate(0,.5px) rotate(-.5deg);transform:translate(0,.5px) rotate(-.5deg)}
94% {-webkit-transform:translate(0,2.5px) rotate(.5deg);transform:translate(0,2.5px) rotate(.5deg)}
0%,100% {-webkit-transform:translate(0,0) rotate(0);transform:translate(0,0) rotate(0)}
}
@keyframes my-face {2%,24%,80% {-webkit-transform:translate(0,1.5px) rotate(1.5deg);transform:translate(0,1.5px) rotate(1.5deg)}
4%,68%,98% {-webkit-transform:translate(0,-1.5px) rotate(-.5deg);transform:translate(0,-1.5px) rotate(-.5deg)}
38%,6% {-webkit-transform:translate(0,1.5px) rotate(-1.5deg);transform:translate(0,1.5px) rotate(-1.5deg)}
8%,86% {-webkit-transform:translate(0,-1.5px) rotate(-1.5deg);transform:translate(0,-1.5px) rotate(-1.5deg)}
10%,72% {-webkit-transform:translate(0,2.5px) rotate(1.5deg);transform:translate(0,2.5px) rotate(1.5deg)}
12%,64%,78%,96% {-webkit-transform:translate(0,-.5px) rotate(1.5deg);transform:translate(0,-.5px) rotate(1.5deg)}
14%,54% {-webkit-transform:translate(0,-1.5px) rotate(1.5deg);transform:translate(0,-1.5px) rotate(1.5deg)}
16% {-webkit-transform:translate(0,-.5px) rotate(-1.5deg);transform:translate(0,-.5px) rotate(-1.5deg)}
18%,22% {-webkit-transform:translate(0,.5px) rotate(-1.5deg);transform:translate(0,.5px) rotate(-1.5deg)}
20%,36%,46% {-webkit-transform:translate(0,-1.5px) rotate(2.5deg);transform:translate(0,-1.5px) rotate(2.5deg)}
26%,50% {-webkit-transform:translate(0,.5px) rotate(.5deg);transform:translate(0,.5px) rotate(.5deg)}
28% {-webkit-transform:translate(0,.5px) rotate(1.5deg);transform:translate(0,.5px) rotate(1.5deg)}
30%,40%,62%,76%,88% {-webkit-transform:translate(0,-.5px) rotate(2.5deg);transform:translate(0,-.5px) rotate(2.5deg)}
32%,34%,66% {-webkit-transform:translate(0,1.5px) rotate(-.5deg);transform:translate(0,1.5px) rotate(-.5deg)}
42% {-webkit-transform:translate(0,2.5px) rotate(-1.5deg);transform:translate(0,2.5px) rotate(-1.5deg)}
44%,70% {-webkit-transform:translate(0,1.5px) rotate(.5deg);transform:translate(0,1.5px) rotate(.5deg)}
48%,74%,82% {-webkit-transform:translate(0,-.5px) rotate(.5deg);transform:translate(0,-.5px) rotate(.5deg)}
52%,56%,60% {-webkit-transform:translate(0,2.5px) rotate(2.5deg);transform:translate(0,2.5px) rotate(2.5deg)}
58% {-webkit-transform:translate(0,.5px) rotate(2.5deg);transform:translate(0,.5px) rotate(2.5deg)}
84% {-webkit-transform:translate(0,1.5px) rotate(2.5deg);transform:translate(0,1.5px) rotate(2.5deg)}
90% {-webkit-transform:translate(0,2.5px) rotate(-.5deg);transform:translate(0,2.5px) rotate(-.5deg)}
92% {-webkit-transform:translate(0,.5px) rotate(-.5deg);transform:translate(0,.5px) rotate(-.5deg)}
94% {-webkit-transform:translate(0,2.5px) rotate(.5deg);transform:translate(0,2.5px) rotate(.5deg)}
0%,100% {-webkit-transform:translate(0,0) rotate(0);transform:translate(0,0) rotate(0)}
}
.indextit {display:flex;justify-content:flex-start;position:relative;}
.indextit h2 {color:rgb(51,51,51);line-height:32px;margin-top:20px;font-size:24px;text-align:center;position:relative;font-weight:normal;text-indent:10px;}
.indextit h2:after {content:"";display:inline-block;position:absolute;top:7px;left:0;width:3px;height:16px;border-radius:5px;background:linear-gradient(to top,#ff008c,#ff00ff);}
.indextit h3 {color:#fff;line-height:32px;margin-top:20px;text-align:center;position:relative;font-weight:normal;text-indent:10px;}
.indextit h3:after {content:"";display:inline-block;position:absolute;top:7px;left:0;width:3px;height:16px;border-radius:5px;background:linear-gradient(to top,#ff008c,#ff00ff);}
.indextit span {font-size:48px;font-weight:600;color:rgba(51,51,51,0.08);display:block;position:absolute;text-indent:10px;}
.indextit a {line-height:72px;margin-left:auto;}
.indextit .search_Class {margin-left:45px;}
.indextit .search_Class a {padding:0 20px;font-size:20px;}
.indextit .search_Class a.current {position:relative;color:#ff00ff;}
.indextit .search_Class a.current::before {content:"";position:absolute;left:0;right:0;top:24px;bottom:0;width:40px;height:3px;background-color:#ff00ff;margin:0 auto;}
.indextit .changeall {display:flex;align-items:center;margin-left:auto;}
.indextit .changeall a {position:relative;}
.indextit .changeall a .layui-icon {position:absolute;font-size:16px;left:-18px;top:-1px;color:#333;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;transition:all 0.5s linear;}
.indextit .changeall a:hover .layui-icon {color:#ff00ff;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);}
.h72 {height:72px;}
.indextit .playall {line-height:74px;}
.indextit .playall a {padding:5px 10px;background-color:rgb(246 247 251);border-radius:22px;color:#878787;font-size:12px;font-weight:500;box-shadow:2px 2px 0px -1px #d3d9e9;}
.indextit .playall .iconfont {font-size:12px;margin-right:3px;}
.more {text-align:center;}
.buttons {margin:10%;text-align:center;}
.btn-hover {width:200px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;margin:20px;height:55px;text-align:center;border:none;background-size:300% 100%;border-radius:50px;moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.btn-hover:hover {background-position:100% 0;moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.btn-hover:focus {outline:none;}
.btn-hover.color-3 {background-image:linear-gradient(to right,#ff008c,#ff00ff,#6B8DD6,#8E37D7);box-shadow:0 4px 15px 0 rgba(116,79,168,0.75);}
.btn-hover.color-3 a {color:#fff;}
/*layui_tab在标题右侧*/
.indextit .layui-tab-title {border:none;height:73px;line-height:73px;margin-left: auto;}
.indextit .layui-tab-title li {font-size:15px;border:1px solid #ededed;border-radius:15px;margin-left:10px;line-height:30px;padding:0px;}
.indextit .layui-tab-title .layui-this {color:#fff;background:linear-gradient(90deg,#ff008c,#ff00ff);border:none;}
.indextit .layui-tab-title .layui-this:after {height:30px;border:none;}

.card-container {display:flex;justify-content:space-between;padding-top:20px;}
.card_bg1 {background:linear-gradient(to right,#ff00ff,#ff008c);}
.card_bg2 {background:linear-gradient(to right,#1cc7cf,#24f0cd);}
.card_bg3 {background:linear-gradient(to right,#006400,#228B22);}
.card_bg4 {background:linear-gradient(to right,#1f90f7,#2ff2f5);}
.card_bg5 {background:linear-gradient(to right,#fe6857,#f82085);}
.card {width:200px;height:72px;display:flex;justify-content:center;align-items:center;flex-direction:column;margin:10px;transition:transform 0.3s ease;border-radius:15px;}
.card:hover {transform:translateY(-10px);box-shadow:0 4px 8px rgba(0,0,0,0.1);}
.card .card-content {color:#fff;font-size:18px;text-align:center;}
.card .card-content a {color:#fff;}
.songlist {width:100%;}
.song_list {padding:0 15px;position:relative;margin-bottom:20px;}
.song_list .item-box {position:relative;height:100%;}
.song_list .item-box:hover span {display:inherit;}
.song_list .item-box .img-box {display:block;width:100%;height:100%;overflow:hidden;position:relative;z-index:1;}
.song_list .item-box img {display:block;width:100%;height:100%;border-radius:5px;-ms-transform:scale(1);transform:scale(1);transition:all .3s linear;}
.song_list .item-box:hover .img-box img {-ms-transform:scale(1);transform:scale(1);}
.song_list .item-box .good {position:absolute;width:80px;top:10px;left:-20px;color:#fff;height:20px;line-height:20px;font-size:12px;background:#f26d28;text-align:center;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);z-index:2;}
.song_list .item-box .number_id {position:absolute;width:50px;top:10px;border-radius:0 8px 8px 0;color:#fff;height:20px;line-height:20px;font-size:12px;background:#eb5757;text-align:center;z-index:2;}
.song_list .album-btn-play {display:none;position:absolute;top:0;right:0;bottom:0;left:0;width:64px;height:64px;text-align:center;line-height:64px;border-radius:50%;overflow:hidden;margin:auto;color:#fff;cursor:pointer;z-index:3;}
.song_list .album-btn-play:hover {-webkit-animation:caobi 2s infinite;animation:caobi 2s infinite;}
@-webkit-keyframes caobi {0% {-webkit-box-shadow:0 0 0 0 rgba(145,165,244,.8)}
70% {-webkit-box-shadow:0 0 0 30px rgba(229,0,119,0)}
100% {-webkit-box-shadow:0 0 0 0 rgba(229,0,119,0)}
}
.song_list .album-btn-play .cf-play {width:100%;}
.song_list .album-btn-play .cf-play:before {content:"\e642";}
.song_list .update-time {display:block;width:90px;height:24px;line-height:24px;color:#fff;border-radius:12px;text-align:center;background:rgba(0,0,0,.4);position:absolute;bottom:6px;right:6px;font-size:12px;z-index:1;}
.song_list .update-time i {font-size:12px;margin-right:3px;}
.song_list .video-hd {display:block;width:85px;height:24px;line-height:24px;color:#fff;border-radius:12px;text-align:center;background:rgba(0,0,0,.4);position:absolute;bottom:6px;left:6px;font-size:12px;z-index:1;}
.song_list .video-hd i {font-size:12px;margin-right:3px;}
.song_list .item-info {width:100%;height:40px;margin-top:10px;display:flex;align-items:center;}
.song_list .item-info a {width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.music_title {display:flex;padding:0px;margin:0px;padding-bottom:15px;margin-bottom:30px;border-bottom:1px solid #e6e6e6;}
.music_title li {font-size:18px;font-style:normal;height:30px;line-height:30px;}
.music_title .number {float:left;width:30px;margin-right:8px;text-align:center;}
.music_title .name {display:flex;justify-content:center;width:calc(100% - 145px);}
.music_title .other {width:330px;display:flex;justify-content:center;font-size:18px;font-style:normal;height:30px;line-height:30px;}
.music_title .other .hits,.music_title .other .gold,.music_title .other .operate {width:80px;padding-left:15px;text-align:center;}
.release__list {width:100%;}
.release__list .load {display:none;}
.single-item {display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-bottom:10px;height:58px;position:relative;border-bottom:1px #ececec dashed;}
.single-item:last-child {padding-bottom:0;margin-bottom:0;border-bottom:none;height:48px;}
.single-item em {float:left;font-size:12px;width:30px;height:30px;line-height:30px;margin-right:8px;text-align:center;font-style:normal;}
.single-item__number1 {background:url(../images/medal1.png) center no-repeat;background-size:130%;color:#fff;}
.single-item__number2 {background:url(../images/medal2.png) center no-repeat;background-size:130%;color:#fff;}
.single-item__number3 {background:url(../images/medal3.png) center no-repeat;background-size:130%;color:#fff;}
.single-item__rate {display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:14px;color:#c0c0c0;width:24px;margin-right:10px;}
.single-item__rate svg {fill:#25a56a;width:20px;height:auto;}
.single-item__rate--red svg {fill:#eb5757;}
.single-item__cover {display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:5px;overflow:hidden;transition:0.5s ease;}
.single-item__cover img {width:48px;height:48px;opacity:1;transition:opacity 0.5s ease;position:relative;}
.single-item__cover svg {position:absolute;opacity:0;fill:#fff;width:24px;height:auto;margin:1px 0 0 1px;transition:0.5s ease;}
.single-item__cover svg:last-child {opacity:0;}
.single-item__cover:hover svg {fill:#ff00ff;}
.single-item__cover.active {background-color:#000;}
.single-item__cover.active img {opacity:0.35;}
.single-item__cover.active svg {fill:#ff00ff;}
.single-item__cover.pause svg {opacity:1;}
.single-item__cover.pause svg:last-child {opacity:0;}
.single-item__cover.play svg {opacity:0;}
.single-item__cover.play svg:last-child {opacity:1;}
.single-item__title {display:inline-flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-left:15px;margin-right:auto;}
.single-item__title h4 {display:block;width:100%;font-size:16px;line-height:24px;font-weight:400;margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;position:relative;}
.single-item__title h4 i {color:#ff5722;}
.single-item__title h4 .reco {margin-left:5px;width:auto;height:17px;top:3px;padding:0 3px;line-height:17px;border-radius:3px;text-align:center;color:#fff;font-size:13px;display:inline-block;background:#ff008c;}
.single-item__title h4 .dujia {margin-left:5px;width:auto;height:17px;top:3px;padding:0 3px;line-height:17px;border-radius:3px;text-align:center;color:#fff;font-size:13px;display:inline-block;background:#eb5757;}
.single-item__title h4 .chuanshao {margin-left:5px;width:auto;height:17px;top:3px;padding:0 3px;line-height:17px;border-radius:3px;text-align:center;color:#fff;font-size:13px;display:inline-block;background:#e59534;}
.single-item__title h4 .danqu {margin-left:5px;width:auto;height:17px;top:3px;padding:0 3px;line-height:17px;border-radius:3px;text-align:center;color:#fff;font-size:13px;display:inline-block;background:#25a56a;}
.single-item__title h4 .wusun {margin-left:5px;width:auto;height:17px;top:3px;padding:0 3px;line-height:17px;border-radius:3px;text-align:center;color:#fff;font-size:13px;display:inline-block;background:#cba97f;}
.single-item__title span {display:block;width:100%;color:#c0c0c0;font-size:14px;line-height:24px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}
.single-item__title span a {color:#c0c0c0;}
.single-item__time {width:80px;padding-left:15px;font-size:14px;color:#c0c0c0;text-align:center;}
.single-item__time--live {background-color:#eb5757;color:#fff;display:inline-flex;flex-direction:row;justify-content:center;align-items:center;height:24px;padding:0 12px;border-radius:8px;font-size:12px;font-family:'Inter',sans-serif;font-weight:400;}
.single-item__collect {display:flex;flex-direction:row;justify-content:center;align-items:center;width:32px;height:32px;margin-left:15px;border-radius:8px;background-color:rgba(255,93,111,0.15);}
.single-item__collect span {width:18px;height:auto;color:#fc2525;}
.single-item__collect:hover {background-color:rgba(255,93,111,0.3);}
.single-item__export {display:flex;flex-direction:row;justify-content:center;align-items:center;width:32px;height:32px;margin-left:15px;border-radius:8px;background-color:rgba(145,165,244,0.15);}
.single-item__export span {width:15px;height:auto;color:#ff00ff;}
.single-item__export:hover {background-color:rgba(145,165,244,0.3);}
.single-item:hover .single-item__cover {background-color:#222227;}
.single-item:hover .single-item__cover img {opacity:0.35;}
.single-item:hover .single-item__cover svg {opacity:1;}
.single-item:hover .single-item__cover svg:last-child {opacity:0;}
.single-item:hover .single-item__cover.play svg {opacity:0;}
.single-item:hover .single-item__cover.play svg:last-child {opacity:1;}
.artist-list {width:150px;overflow:hidden;}
.artist-list .swiper-slide {opacity:1!important;}
.artist_list {width:100%;margin:10px 0;}
.artist_list .artist__cover {float:left;position:relative;}
.artist_list .artist__cover img {float:left;width:138px;height:138px;border-radius:50%;box-shadow:3px 0px 10px -1px #d3d9e9;}
.artist_list .artist__cover .check {position:absolute;width:100%;height:100%;top:0;left:0;border-radius:50%;}
.artist_list .artist__cover a:hover .check {background:linear-gradient(1deg,rgba(145,165,244,0.8) 0%,rgba(145,165,244,0) 100%)}
.artist_list .artist__cover .iconfont {position:absolute;font-size:24px;color:#fff;top:calc(50% - 16px);left:calc(50% - 12px);-webkit-transition:all 0.6s linear;-moz-transition:all 0.6s linear;transition:all 0.6s linear;opacity:0;}
.artist_list .artist__cover a:hover .iconfont {opacity:1;}
.artist_list .artist__title {float:left;width:100%;height:30px;color:#272727;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:8px;text-align:center;}
.article {overflow:hidden;margin-bottom:15px;border-radius:4px;}
.article li {overflow:hidden;color:#999;}
.article li:after {content:"";display:block;height:1px;margin-top:20px;width:100%;background:linear-gradient(to right,#EBEBEB 0%,transparent 100%);}
.article li .pic {position:absolute;width:100px;display:block;height:100px;overflow:hidden;border-radius:6px;}
.article li .pic img {width:100%;height:100px;-o-object-fit:cover;object-fit:cover;transition:all .3s ease-out 0s;}
.article li .pic img:hover {opacity:0.7;}
.article li .info {height:100px;padding-left:115px;}
.article li .info .name {font-size:16px;line-height:25px;overflow:hidden;text-overflow:ellipsis;max-height:25px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;position:relative;}
.article li .info .text {line-height:22px;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;position:relative;}
.article li .info .date {padding-top:10px;font-size:14px;display:block;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.article li .info .date .lktime {margin-bottom:10px;padding:0 18px;font-size:13px;font-weight:normal;border-right:3px solid #ebebeb;border-left:3px solid #ebebeb;background:#fafafa;display:inline-block;}
.article li span i {font-size:14px;margin-right:5px;}
.newscon {}
.newscon li {display:flex;align-items:center;justify-content:space-around;padding:10px 0;border-bottom:1px dotted #ebebeb;}
.newscon li em {width:20px;height:20px;font:12px/20px "Microsoft Yahei";color:#fff;text-align:center;background:#ff00ff;margin:5px 8px 5px 0;}
.newscon li em.new_no {background:#ff008c;}
.newscon li .new_ymd>span,.newscon li .new_ymd>span>i {font-size:14px;color:#999;}
.newscon li .news-link {flex:1;margin-right:10px;}
.newscon li .new_ymd {width:100px;}
.newscon li .new_ymd span {display:inline-block;}
.shoping {width:100%;}
.shopinglist {display:flex;-webkit-box-align:center;align-items:center;position:relative;margin-bottom:26px;}
.shopingimg {width:110px;height:110px;}
.shopingimg img {width:100px;height:110px;display:block;border:none;}
.shopingtext {flex:1;min-width:0;font-size:14px;color:#333;}
.shopingtext h2 {font-size:16px;color:#333;font-weight:normal;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.shopingtext h3 {font-size:14px;color:#f95f52;font-weight:normal;}
.shopingtext h4 {font-size:14px;color:#999;font-weight:normal;}
.shop {text-align:center;box-shadow:0 4px 15px 0px rgba(0,0,0,0.05);background:#fff;}
.shopname {padding-top:50px;padding-bottom:80px;transition:all 0.5s;background:#f6f7fb;}
.shopname h3 {font-size:24px;font-weight:400;}
.shop:hover .shopname {background:linear-gradient(to right,#ff008c,#ff00ff);transition:all 0.5s;}
.shop:hover .shopname h3 {color:#fff;transition:all 0.5s;}
.shop:hover .shopname p {color:#fff;transition:all 0.5s;}
.shoppic {background:#fff;width:200px;height:200px;display:inline-block;text-align:center;box-shadow:0 4px 15px 0px rgba(0,0,0,0.05);border-radius:5px;position:relative;margin-top:-45px;}
.shoppic h3 {font-size:24px;color:#111;font-weight:400;transition:all 0.5s;}
.shoppic img {width:100%;height:100%;border-radius:5px;}
.shoptext ul {margin-top:50px;}
.shoptext li {margin-top:5px;font-size:16px;padding-left:50px;padding-right:50px;}
.shoptext li:first-child {margin-top:0;}
.shopbtn {text-align:center;}
.shopbtn a {display:inline-block;width:160px;height:45px;line-height:45px;text-align:center;background:transparent;border:1px solid #e1e1e1;margin-top:35px;margin-bottom:35px;border-radius:50px;box-shadow:rgba(145,165,244,0.2) 0px 9px 13px 0px;}
.shop:hover .shopbtn a {background:linear-gradient(to right,#ff008c,#ff00ff);color:#fff;}
.link {display:flex;justify-content:flex-start;}
.link li {margin-right:15px;}
footer {width:100%;margin-top:50px;background:#333;padding:20px 0 20px 0;color: #fff;font-size:15px;}
footer a {color: #fff;text-decoration: none;transition: 0.5s ease;font-size:15px;}
.bootleft {display:table-cell;vertical-align:middle;text-align:center;}
.bootloog {display:inline-block;width:180px;}
.bootloog a {display:block;overflow:hidden;background:url(../images/logo_dark.png);background-size:100%;background-repeat:no-repeat;background-position:center;height:60px;width:100%;}
.bootloog img {width:90%;}
.bootloog p {text-align:center;}
.bootright {display:flex;justify-content:flex-start;flex-flow:column;flex-wrap:wrap;align-content:flex-start;flex-direction:column;padding:15px}
.bottommenu {margin-bottom:10px;}
.bottommenu a {margin-right:10px;border-right:1px solid #ececec;padding-right:10px;}
.bootinfo {display:flex;justify-content:flex-start;flex-flow:column;flex-wrap:wrap;align-content:flex-start;flex-direction:column;font-size:15px;line-height:16px;}
.hong_listbanner {width:100%;height:240px;background:url(../images/pager-bg.jpg) 50% 0 repeat-y;background-position:center 0;background-repeat:no-repeat;padding-top:1px;}
.hong_listbanner .bannermask {width:100%;height:100%;}
.hong_listbanner .bannermask h1 {width:100%;height:90px;font-size:36px;color:#fff;font-weight:400;line-height:90px;text-align:center;margin-top:50px;}
.hong_listbanner .bannermask p {display:flex;justify-content:center;width:100%;color:#fff;line-height:24px;}
.hong_listbanner .bannermask a {color:#fff;text-decoration:none;transition:0.5s ease;}
.hong_listbanner .bannermask a:hover {color:#ff00ff;text-decoration:none;}
.hong_listbanner .bannermask a,.hong_listbanner .bannermask span {margin-right:5px;}
.listmenu_box {background-color:#fff;box-shadow:0 0 30px 0 rgb(65 67 70 / 8%);margin-top:-100px;padding:20px 0;max-width:1300px;}
.listmenu_nav {width:auto;padding:0 20px;height:57px;}
.listmenu_title {float:left;width:40px;line-height:40px;margin-right:17px;padding-bottom:17px;}
.listmenu_tab {display:-webkit-box;overflow-x:scroll;-webkit-overflow-scrolling:touch;}
.listmenu_tab::-webkit-scrollbar {width:0 !important}
.listmenu_tab ul {display:flex;line-height:40px;}
.listmenu_tab li {white-space:nowrap!important;}
.listmenu_tab li a {display:block;padding:0 15px;}
.listmenu_tab li a.current {background-color:#ff008c;color:#fff;}
.topsection {position:relative;margin-bottom:1.78571%;}
.topsection:after {content:"";position:absolute;left:0;right:0;bottom:0;height:50px;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff);}
.topsection .background-blur {position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;opacity:.5;background-color:#fff;}
.topsection .background-blur::after {content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3);}
.topsection .background-blur img {width:100%;filter:blur(2rem);}
.topsection .topsection_info {display:flex;align-items:flex-start;justify-content:flex-start;gap:15px;position:relative;padding:9% 0;z-index:1;}
.topsection_info .thumbnail {position:relative;width:18%;min-width:135px;overflow:hidden;flex-shrink:0;}
.topsection_info .thumbnail:after {content:"";display:block;padding-top:89.09657%;background:url(../images/album-details-cover.png) right center no-repeat;background-size:contain;}
.topsection_info .thumbnail .thumb-link {position:absolute;top:0;right:10.90343%;bottom:0;left:0;overflow:hidden;}
.topsection_info .thumbnail .thumb-img {width:100%;-ms-transform:scale(1);transform:scale(1);transition:all .3s;}
.thumbnail_content {flex-grow:1;}
.thumbnail_content .title {margin-bottom:0.8em;font-size:28px;font-weight:400;text-overflow:ellipsis;overflow:hidden;}
.thumbnail_content .tags {display:flex;flex-wrap:wrap;margin-bottom:0.5em;}
.thumbnail_content .introduce {display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;line-height:21px;margin-bottom:1em;}
.thumbnail_content .wrapper {display:flex;overflow:hidden;border-radius:8px;}
.thumbnail_content .text {overflow:hidden;text-overflow:ellipsis;text-align:justify;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;position:relative;}
.thumbnail_content .text::before {content:'';height:calc(100% - 24px);float:right;}
.thumbnail_content .text::after {content:'';width:999vw;height:999vw;position:absolute;box-shadow:inset calc(100px - 999vw) calc(30px - 999vw) 0 0 #fff;margin-left:-100px;}
.thumbnail_content .btn {display:none;float:right;clear:both;margin-left:10px;font-size:16px;padding:0 8px;background:#3F51B5;line-height:24px;border-radius:4px;color:#fff;cursor:pointer;}
.thumbnail_content .btn::before {content:'\5c55\5f00'}
.thumbnail_content .exp {display:none;}
.thumbnail_content .exp:checked+.text {-webkit-line-clamp:999;}
.thumbnail_content .exp:checked+.text::after {visibility:hidden;}
.thumbnail_content .exp:checked+.text .btn::before {content:'\6536\8d77'}
.thumbnail_content .actions {display:flex;flex-wrap:wrap;}
.thumbnail_content .actions i {margin-right:5px;}
.thumbnail_content .actions .play_all {height:36px;padding:0 1.3em;line-height:34px;color:#fff;border-radius:36px;box-shadow:rgba(145,165,244,0.2) 0px 9px 13px 0px;background:linear-gradient(to right,#ff008c,#ff00ff);cursor:pointer;}
.thumbnail_content .actions .share {display:inline-block;height:36px;padding:0 1.3em;line-height:36px;background:#e6e6e6e6;border-radius:36px;color:#333;cursor:pointer;transition:0.5s ease;}
.thumbnail_content .actions .share:hover {color:#fff;background:linear-gradient(to right,#ff008c,#ff00ff);}
.thumbnail_content .tags li {margin-right:10px;margin-bottom:0.5em;}
.thumbnail_content .actions a {margin-right:10px;}
.artist-avatar {width:150px;height:150px;overflow:hidden;margin:0 auto;border-radius:50%;}
.artist-avatar img {display:block;width:150px;height:150px;min-width:45%}
.artist-name {margin:0.5em;font-weight:700;font-size:2em;text-align:center;}
.musicplayerbox {position:relative;overflow:hidden;}
.musicplayerbox-blur {width:100%;height:100%;position:absolute;background:url() no-repeat center;background-size:cover;-webkit-filter:blur(20px);filter:blur(42px);transform:scale(1.2);overflow:hidden;}
.musicplayerbox-blur:after {content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);}
.musicplayerbox_main {display:flex;align-items:flex-start;justify-content:flex-start;gap:15px;position:relative;padding:35px 0;}
#jp_container_1 {display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;width:100%;}
.player-left {display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin-right:25px;}
.player-left .music-player {width:256px;height:256px;border-radius:50%;background:url(../images/player-default.png) no-repeat center;position:relative;}
.player-left .pic {position:absolute;left:40px;top:40px;width:176px;height:176px;border-radius:50%;overflow:hidden;animation:disc 5s linear infinite paused;-webkit-animation:disc 5s linear infinite paused;-moz-animation:disc 5s linear infinite paused;-o-animation:disc 5s linear infinite paused;-webkit-transition:animation-play-state 0.5s ease;-moz-transition:animation-play-state 0.5s ease;-o-transition:animation-play-state 0.5s ease;transition:animation-play-state 0.5s ease;}
.player-left .pic.active {animation-play-state:running;-webkit-animation-play-state:running;-moz-animation-play-state:running;-o-animation-play-state:running;}
.player-left .pic img {display:block;width:100%;height:100%}
.player-left .pointer {width:90px;height:220px;position:absolute;right:-15px;top:0;transform-origin:66px 28px;transform:rotate(-15deg);transition:all 0.3s;background:url(../images/player-line.png) no-repeat 0 0;background-size:cover}
.player-left .pointer.active {transform:rotate(0deg)}
.player-left .music-dc {width:100%;margin-top:25px;}
.player-left #doHits {display:flex;justify-content:space-around;}
.player-left .music-dc li {cursor:pointer;border-radius:50%;padding:5px;font-size:14px;width:auto;text-align:center;}
.player-left .music-dc li:nth-of-type(2n) {margin:0 10px;}
.player-left .music-dc li a {display:block;}
.player-left .music-dc li span {color:#fff;}
.player-left .music-dc li:hover .rq {color:#20c593;}
.player-left .music-dc li:hover .zan {color:#dc4516;}
.player-left .music-dc li:hover .fav {color:#ff4d77;}
.player-left .music-dc li span i {font-size:25px;}
.player-left .music-dc li p {margin-top:5px;font-size:12px;}
@keyframes disc {from {transform:rotate(0deg);}
to {transform:rotate(360deg);}
}
.play_title,.play_title1 {display:flex;justify-content:space-between;width:100%;height:32px;}
.play_title1 {display:none}
.play_name {color:#fff;height:32px;line-height:32px;overflow:hidden;font-size:18px;font-weight:600;}
.play_name i {font-size:x-large;padding-right:10px;background-image:linear-gradient(135deg,#ff008c,#ff00ff);background-clip:text;-webkit-background-clip:text;color:transparent;}
.play_btn {display:flex;}
.play_btn span {cursor:pointer;display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin-left:10px;transition:all .2s;background:rgba(255,255,255,0.1);border-radius:50%;}
.play_btn span i {font-size:18px;color:#fff;}
.musiclrc {width:100%;height:60px;overflow:hidden;margin-top:8px;border-radius:5px;}
.musiclrc ul {text-align:center;}
.musiclrc li {font:normal 12px/2.1 'microsoft yahei';text-align:center;color:rgba(255,255,255,0.5)}
.musiclrc li.hover {color:#fff;font-weight:bold;}
.jp-progress,.jp-play-bar,.jp-seek-bar {width:100%;height:6px;line-height:6px;font-size:0;cursor:pointer;border-radius:5px;}
.jp-progress {width:100%;}
.jp-seek-bar {width:5px;background:rgba(255,255,255,0.2);position:relative;}
.jp-play-bar {position:absolute;height:20px;background:linear-gradient(to bottom,rgba(255,255,255,0),#ff00ff);bottom: 0;}
.jp-play-bar:after {content: "";display: inline-block;position: absolute;top: 10px;right: -8px;width: 8px;height: 8px;background: #ff00ff;border: 2px #fff solid;box-shadow: rgb(51, 51, 51) 0px 5px 8px;border-radius: 50%;}
.jp-time-holder {display:flex;justify-content:space-between;width:100%;color:#fff;margin:15px 0;font-size:14px;}
.jp-style {width:100%;display:flex;justify-content:space-around;}
.playlistbtn {display:flex;align-items:center;justify-content:center;}
.playlistbtn a {color:#fff;opacity:0.3;width:29px;height:29px;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.playlistbtn .iconfont {font-size:29px;}
.jp-controls {display:flex;align-items:center;justify-content:center;}
.jp-controls li:nth-child(2) {width:64px;height:64px;margin:10px;overflow:hidden;position:relative;background:rgba(176,140,249,.1);border-radius:50%;border:none;outline:none;display:flex;justify-content:center;align-items:center;}
.jp-controls li:nth-child(2):before {content:'';position:absolute;border-radius:50%;transform:translate3d(-50%,-50%,0);width:48px;height:48px;top:50%;left:50%;z-index:1;background:#ff008c;transition:width .25s ease-out,height .25s ease-out;}
.jp-controls li:nth-child(2) a {position:absolute;width:64px;height:64px;top:15px;left:15px;z-index:3;}
.jp-controls li:nth-child(2) .icon-pause,.jp-controls li:nth-child(2) .icon-play {position:relative;font-size:32px;}
.jp-controls li:nth-child(2) .jp-pause:after {display:block;z-index:2;content:'';background:#fff;position:absolute;left:-15px;bottom:15px;width:64px;height:64px;border-radius:50%;animation:jp-pause 1.4s ease-in-out infinite;}
@keyframes jp-pause {0% {opacity:.2;transform:scale(.4)}
100% {opacity:0;transform:scale(1.3)}
}
.jp-controls li i {font-size:48px;color:#fff;}
.jp-controls li a.jp-pre,.jp-controls li a.jp-next {color:#FFF;font-size:29px;width:29px;height:29px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0.5;}
.jp-controls li a:hover.jp-pre,.jp-controls li a:hover.jp-next {opacity:1;}
#myCanvas {width:100%;height:60px;margin-top:20px;}
.trumpet {display:flex;justify-content:center;align-items:center;}
.trumpet li {width:29px;height:29px;margin-right:10px;overflow:hidden;}
.trumpet li a {}
.trumpet li i {color:#fff;font-size:29px;}
.PlayColl_h5btn {display:none;align-items:center;position:relative;}
.PlayColl_h5btn svg {width:29px;height:29px;position:relative;}
.PlayColl_h5btn span {position:absolute;height:8px;line-height:8px;font-size:8px;color:#fff;left:20px;top:28px;}
.jp-volume-bar,.jp-volume-bar-value {float:left;width:90px;height:3px;line-height:3px;cursor:pointer;background:rgba(255,255,255,0.2);}
.jp-volume-bar {margin:10px 2px;}
.jp-volume-bar-value {background:#ccc;position:relative;}
.jp-volume-bar-value:after {content:"";display:inline-block;position:absolute;top:-4px;right:-5px;width:5px;height:5px;background:#ff008c;border:3px #fff solid;box-shadow:rgb(51,51,51) 0px 5px 8px;border-radius:50%;}
.music-detail {width:100%;background:rgba(7,7,7,0.1);border-radius:5px;padding:20px 30px;margin-top:32px;display:flex;justify-content:space-around;align-items:center;}
.music-detail .popup-body {display:flex;}
.music-detail .popup-body li {padding-right:15px;border-right:1px solid rgba(255,255,255,0.5);}
.music-detail .popup-body li:not(:first-child) {padding-left:15px;}
.music-detail .popup-body li a,.music-detail .popup-body li p {color:#fff;}
.music-detail .popup-body li span {margin-top:15px;display:block;color:#fff;}
.music-detail .down-share {display:flex;justify-content:center;align-items:center;height:56px;background:linear-gradient(to right,#ff008c,#ff00ff);border-radius:50px;}
.music-detail .down-share a {display:flex;justify-content:center;height:56px;}
.music-detail .down-share i {display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;padding-right:15px;}
.music-detail .down-share .down {width:128px;color:#fff;display:inline-block;margin-top:18px;}
.music-detail .down-share .down h1 {width:100%;font-size:16px;line-height:0;}
.music-detail .h5downbtn {display:none;width:64vw;}
.layui-btn-danger {background: linear-gradient(to right,#ff00ff,#ff008c);}
.bottom_music {position:fixed;width:100%;bottom:0;background:linear-gradient(0deg,#0e0e0e 0%,#323232 100%);z-index:5;box-shadow:1px -5px 10px 0px rgb(17 58 93 / 10%);}
.progressWrap {background:#3c3e3d8f;height:10px;width:100%;cursor:pointer;position:relative;top:-10px;}
.progress {background:-webkit-linear-gradient(left,#ff008c 0%,#ff00ff 100%);height:10px;position:relative;}
.progress:after {content:"";display:inline-block;position:absolute;top:-4px;right:-20px;width:10px;height:10px;background:#ff008c;border:5px #fff solid;box-shadow:rgb(51,51,51) 0px 5px 8px;border-radius:50%;}
.progress:hover:after {width:14px;height:14px;border:3px solid #fff;}
.player {display:flex;align-items:center;justify-content:space-between;padding:10px 10px;}
.player_left {width:48px;height:48px;}
.player_left img {width:48px;border-radius:50%;}
.player_right {display:flex;}
.player_cutsong {display:flex;flex-wrap:wrap;align-items:center;line-height:20px;min-width:108px;}
.player_text {display:flex;justify-content:center;align-items:flex-start;overflow-x:hidden;margin:0 0.25rem;width:40%;}
.font14 {font-size:16px;color:#fff;margin-right:15px;white-space:nowrap;}
.text-roll {animation:10s wordsLoop linear infinite normal;}
@keyframes wordsLoop {0% {transform:translateX(0);-webkit-transform:translateX(0);}
20% {transform:translateX(0);-webkit-transform:translateX(0);}
60% {transform:translateX(-55%);-webkit-transform:translateX(-55%);}
100% {transform:translateX(0);-webkit-transform:translateX(0);}
}
@-webkit-keyframes wordsLoop {0% {transform:translateX(0);-webkit-transform:translateX(0);}
20% {transform:translateX(0);-webkit-transform:translateX(0);}
60% {transform:translateX(-55%);-webkit-transform:translateX(-55%);}
100% {transform:translateX(0);-webkit-transform:translateX(0);}
}
.player_time {display:flex;margin-top:5px;}
.player_time >* {font-size:16px;color:#fff;margin-right:5px;}
.player_cutsong li:nth-child(2) {width:50px;height:50px;margin:0 5px;overflow:hidden;position:relative;background:rgba(176,140,249,.2);border-radius:50%;border:none;outline:none;display:flex;justify-content:center;align-items:center;}
.player_cutsong li:nth-child(2):before {content:'';position:absolute;border-radius:50%;transform:translate3d(-50%,-50%,0);width:40px;height:40px;top:50%;left:50%;z-index:1;background:#ff008c;transition:width .25s ease-out,height .25s ease-out;}
.player_cutsong li:nth-child(2) a {position:absolute;z-index:3;top:14px;left:14px;}
.player_cutsong li:nth-child(2) .icon-pause,.player_cutsong li:nth-child(2) .icon-play {position:relative;font-size:24px;color:#fff;}
.player_cutsong li:nth-child(2) .bottom-pause:after {display:block;z-index:2;content:'';background:#fff;position:absolute;left:-13px;top:-15px;width:50px;height:50px;border-radius:50%;animation:bottom-pause 1.4s ease-in-out infinite;}
@keyframes bottom-pause {0% {opacity:.2;transform:scale(.4)}
100% {opacity:0;transform:scale(1.3)}
}
.player_cutsong .bottom-next,.player_cutsong .bottom-next {display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;cursor:pointer;opacity:0.7;transition:0.5s ease;}
.player_cutsong .icon-play-previous:hover,.player_cutsong .icon-play-next:hover {opacity:1;}
.player_cutsong li:last-child .iconfont {font-size:24px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-left:10px;opacity:0.7;transition:0.5s ease;}
.player_cutsong li:last-child .iconfont:hover {opacity:1;}
.playadd {height:110px;background:#fff;margin-top:29px;background:#fff url(../images/banner_playadd.png) no-repeat;background-size:cover;position:relative;display:flex;align-items:center;justify-content:center;border-radius:16px;overflow:hidden;}
.playadd:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.0);}
.playadd .addtext {display:flex;flex-direction:column;align-items:center;justify-content:center;}
.playadd .addtext h6 {font-size:18px;font-style:normal;font-weight:400;line-height:26px;color:#fff;}
.playadd .addtext h5 {font-size:25px;font-style:normal;white-space:nowrap;background-image:linear-gradient(273deg,#E3B668 0%,#FCECC5 100%);background-clip:text;-webkit-background-clip:text;color:transparent;}
.h5_playlist {border-radius:20px 20px 0 0;background:#fff;padding:20px}
.playlist{box-shadow: 2px 2px 16px 0 rgba(0,0,0,.15);}
.playlist.show{right:0;}
.playlist_menu{background:linear-gradient(to right,#ff00ff,#ff008c);overflow: hidden;color: #fff; border-radius: 5px 5px 0 0;}
.playlist_menu ul{display: flex;padding: 10px 26px;}
.playlist_menu li{margin-right: 10px;cursor: pointer;line-height: 30px;}
.playlist_menu ul li:first-child span {display: inline-block;width:30px;height: 30px;border-radius: 50%;text-align:center;}
.playlist_menu ul li:first-child i {font-size: 18px; line-height: 30px;}
#playlist_ct {overflow:hidden;}
#playlist_ct1 {height:346px;clear:both;overflow-x:hidden;overflow-y:scroll;border:1px #eff1f3 solid;padding:10px 0 0 10px;}
#playlist_ct1::-webkit-scrollbar {width:10px;height:10px;background:#333;}
#playlist_ct1::-webkit-scrollbar-track {background:#eff1f3;}
#playlist_ct1::-webkit-scrollbar-thumb {width:10px;height:100px;background:#d7d7d7;border-radius:10px;}
#playlist_ct1::-webkit-scrollbar-thumb:hover {background:#808080;}
#playlist_ct2 {width:100%;overflow:hidden;background:#999;border-radius:0 0 5px 5px;}
.load1 {float:left;width:100%;text-align:center;color:#999;margin-top:50px;}
#playlist_ct1 .num {float:left;width:25px;text-align:center;padding-top:6px;margin-left:10px;}
#playlist_ct1 .num2 {float:left;width:25px;color:#7dc03a;font-weight:bold;text-align:center;padding-top:6px;margin-left:10px;}
#playlist_ct1 .nonere {text-align:center;line-height:36px;color:#999999}
#playlist_ct1 .bt {float:left;width:calc(100% - 66px);text-overflow:ellipsis;overflow:hidden;}
#playlist_ct1 .td1 {overflow:hidden}
#playlist_ct1 .td3 {overflow:hidden;}
#playlist_ct1 .td3 .icodel {float:left;}
#playlist_ct1 .td3 .icodel a {font-weight:100;color:#333;}
#playlist_ct1 .td3 .bt a::before {content:'';display:inline-block;width:18px;height:19px;background-image:url(../images/play.gif);background-repeat:no-repeat;background-position:center center;margin-right:5px;}
#playlist_ct1 .td2 {overflow:hidden;}
#playlist_ct1 ul {clear:both;overflow:hidden;margin:0px;padding:0px;height:36px;line-height:36px;}
#playlist_ct1 ul:nth-of-type(2n) {background:#eff1f3;}
#playlist_box {border-bottom:1px #ececec solid;overflow:hidden}
#playlist_box a {display:block;float:left;margin:5px;padding:3px;}
#playlist_box .boxoff {color:#999;cursor:pointer}
#playlist_box .boxon {background-color:#2a95ab;color:#fcfcfc;cursor:pointer;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.ptoff {color:#fff;}
.pton {background:#fff;color:#666;border-radius:50px;padding:0 12px;}
.lyear-checkbox {float:left;position:relative;min-width:14px;cursor:pointer;}
.lyear-checkbox input {position:absolute;display:none}
.lyear-checkbox span::before {position:absolute;top:5px;left:0;display:inline-block;width:14px;height:14px;background:#dadada;content:'';transition:all .1s;}
.lyear-checkbox span::after {position:absolute;top:6px;left:4px;display:none;width:4px;height:8px;border:solid #ff00ff;border-width:0 2px 2px 0;content:'';-webkit-transform:rotate(45deg);transform:rotate(45deg);-ms-transform:rotate(45deg)}
.lyear-checkbox span {display:inline-block;text-indent:20px;}
.lyear-checkbox input:checked~span:after {display:inline-block;}
.checkbox {float:left;position:relative;min-width:14px;cursor:pointer;}
.checkbox input {position:absolute;display:none}
.checkbox span::before {position:absolute;top:5px;left:0;display:inline-block;width:14px;height:14px;background:#dadada;content:'';transition:all .1s;}
.checkbox span::after {position:absolute;top:7px;left:4px;display:none;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;content:'';-webkit-transform:rotate(45deg);transform:rotate(45deg);-ms-transform:rotate(45deg)}
.checkbox span {display:inline-block;text-indent:20px;height:24px;line-height:24px;color:#666;}
.checkbox input:checked~span:before {background:#ff00ff;}
.checkbox input:checked~span:after {display:inline-block;}
.all-checkbox {display:flex;justify-content:space-around;align-items:center;height:50px;}
.all-checkbox .checkbox {border:1px #eaeaea solid;padding:0 10px;}
.all-checkbox .checkbox span::before {top:5px;left:10px;}
.all-checkbox .checkbox span::after {top:6px;left:15px;}
.all-checkbox .checkbox span {font-weight:600;}
.all-checkbox .lyear-checkbox {padding:5px 15px;border-radius:50px;background:#fff;}
.all-checkbox .lyear-checkbox span {font-weight:600;font-size:14px;}
.all-checkbox .lyear-checkbox:before {top:8px;left:17px;}
.all-checkbox .lyear-checkbox:after {top:8px;left:21px;}
.all-checkbox .btns {float:right;}
.all-checkbox .btn {display:inline-block;padding:5px 15px;background:#fff;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;}
.all-checkbox .play-btn {margin:0 10px;}
.all-checkbox .btn .icon {font-size:13px;margin-right:2px;}
.comment-input {height:100px;background:#F6F6F6;border-radius:5px;padding:10px;}
.comment-input .textarea {width:100%;height:100%;position:relative}
.comment-input .textarea textarea {width:100%;height:100%;background:#F2F2F2;border:0;color:#d7d7d7}
.comment-input .textarea .btn {position:absolute;bottom:10px;right:10px;width:80px;line-height:36px;height:36px;background:#ff008c;color:#fff;cursor:pointer;text-align:center;border-radius:5px}
.comment-input .textarea .textarea-mark {position:absolute;top:0;left:0;width:100%;height:100%;z-index:996;background:rgb(26 25 31 / 18%);cursor:pointer}
.v-player {display:flex;align-items:center;justify-content:flex-start;height:540px;position:relative;}
#lei_player {width:100%;height:100%;display:none;}
#lkplayer {width:100%;height:100%;display:none;}
.last-video {display:none;z-index:1000;position:absolute;left:20px;top:45%;width:50px;height:50px;text-align:center;line-height:30px;border-radius:50%;background-color:rgba(0,0,0,.2);}
.last-video i,.next-video i {font-size:40px;color:#ffffff;margin-top:5px;}
.next-video {display:none;z-index:1000;position:absolute;right:20px;top:45%;width:50px;height:50px;text-align:center;line-height:30px;border-radius:50%;background-color:rgba(0,0,0,.2);}
.v-player:hover .next-video,.v-player:hover .last-video {display:block;}
.video-show-item {display:flex;position:relative;justify-content:space-between;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgba(230,236,245,100);}
.video-show-item a {display:flex;}
.video-show-item .fengmian-wrap {position:relative;width:32%;height:67px;overflow:hidden;margin-right:15px;}
.video-show-item:hover .fengmian {transform:scale(1.05);transition:all 250;object-fit:cover;}
.video-show-item .fengmian-wrap .fengmian {width:100%;height:100%;object-fit:cover;transition:all 250;border-radius:6px;}
.video-show-item .bf-tag {position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;width:30px;}
.video-show-item .video-show-item-right {display:flex;align-items:center;}
.video-show-item .video_r_name {text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.about_menu {color:#fff;margin-right:10px;background-color:#fff;padding:30px 20px;border-radius:10px;box-shadow:0 0 30px 0 rgba(65,67,70,.08);}
.about_menu li {display:flex;align-items:center;padding:0 20px;text-decoration:none;cursor:pointer;border-bottom:1px dotted #ebebeb;}
.about_menu li a {line-height:60px;position:relative;}
.about_menu li a:before {content:'';position:absolute;top:15px;left:-8px;width:3px;height:0;opacity:0;visibility:hidden;transition:all 0.4s ease-in-out;background:#ff00ff;}
.about_menu li a:hover:before {opacity:1;visibility:visible;height:29px;}
.about_menu .current {position:relative;}
.about_menu .current a:after {content:'';position:absolute;left:-8px;top:15px;bottom:0;width:3px;height:29px;background:#ff00ff;}
.about_word {min-height:600px;height:100%;background-color:#fff;box-shadow:0 0 30px 0 rgba(65,67,70,.08);padding:20px;}
.about_word p {display:block}
.about_word p img {height:auto;}
.about_word p span {text-wrap:wrap!important;}
.lei_dc {display:flex;align-items:center;width:100%;font-size:13px;background:#111;padding:10px;}
.lei_dc .play {margin-left:auto;color:#999;}
.lei_dc li {float:left;color:#666;margin:5px;}
.lei_dc li a {display:block;color:#888;padding:5px 12px;background:#222;border:1px #333 solid;border-radius:20px;}
.lei_dc li .iconfont {color:#aaa;margin-right:3px;}
.lei_dc li a:hover .icon-zan {color:#fb3200;}
.lei_dc li a:hover .icon-xin {color:#ffb400;}
.lei_dc li a:hover .icon-xiazai7 {color:#1c98e7;}
.lei_dc li a:hover .icon-fenxiang1 {color:#16baaa;}
.layui-panel {border-color:snow;color:#333;}
.video_info {display:flex;justify-content:center;flex-wrap:wrap;align-items:center;}
.video_info .left {margin-right:0.5rem;}
.video_info .left img {width:120px;height:120px;}
.video_info .right {flex:1;color#fff;}
.video_info .right h1 {width:100%;height:30px;font-size:16px;line-height:30px;overflow:hidden;color:#333;}
.video_info .right .down_info {display:flex;flex-wrap:wrap;}
.video_info .right .down_info li {width:calc(50% - 1px);box-sizing:border-box;line-height:30px;vertical-align:top;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.video_info .right .down_info li span {padding-left:5px;}
.layui-elem-field p {padding:5px 0;}
.layui-elem-field button {margin:0 10px;}
.sharebox {display:none;left:50%;top:50%;margin-left:-110px;margin-top:-122.5px;position:fixed;width:220px;}
.qrcode_c,.share_lists {display:flex;align-items:center;}
.qrcode_c {width:300px;flex-direction:column;align-items:center;padding:30px;}
.qrcode img {display:block;margin:0 auto;}
.qrcode_c>p {margin-top:8px;text-align:center;color:#a2a2ab;}
.share_lists {justify-content:center;gap:10px;padding-bottom:30px;}
.share_lists a {width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;text-align:center;line-height:56px;}
.share_lists .share-qq {color:#427ef7;background-color:rgba(66,126,247,.08);}
.share_lists .share-weibo {color:#e44a42;background-color:rgba(228,74,66,.08);}
.share_lists .share-copy {color:#16172f;background-color:rgba(22,23,47,.08);}
.page {text-align:center;font:16px/44px "Microsoft YaHei";margin:20px 0;}
.page a {display:inline-block;padding:5px;min-width:40px;color:#666;margin:5px;margin-top:5px;background:#f9f9f9;text-align:center;}
.page .current {color:#FFF;background:#ff00ff;}
.page a:hover,.lei_page a.current {background:#e9ecef;color:#666;}
.suspension {display:none;width:44px;position:fixed;right:15px;bottom:120px;background:#fff;border-radius:4px;z-index:999;box-shadow:0 0 8px rgba(0,0,0,.1);}
.suspension .iconfont {font-size:24px;color:#888;}
.suspension a:hover .icon {color:#e23230;}
.suspension .icon-vip-fill {font-size:28px;color:#efa030;}
.suspension a:hover .icon-vip-fill {color:#efa030;}
.suspension .icon-pc {font-size:20px;}
.suspension .text {float:left;width:100%;height:20px;line-height:20px;font-size:12px;font-weight:500;}
.suspension li {float:left;width:100%;margin:5px 0;text-align:center;position:relative;}
.suspension li .pic {position:absolute;display:none;right:55px;top:-5px;width:160px;background:#fff;font-size:15px;line-height:30px;text-align:center;}
.suspension li .pic:after {content:"";display:inline-block;position:absolute;top:24px;right:-12px;border-width:0 8px 8px;border-style:solid;border-color:transparent transparent #fff;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);}
.suspension li .pic img {float:left;width:100%;border-bottom:1px #eaeaea solid;}
.suspension li:hover .pic {display:block;box-shadow:2px 2px 16px 0 rgba(0,0,0,.15)}
.jubaomain {padding:20px;box-sizing:border-box;}
.jubaomain .layui-text {font-weight:bolder;font-size:16px;line-height:20px;padding-left:15px;margin-bottom:20px;position:relative;}
.jubaomain .layui-text h4 {font-size:16px;font-weight:700;}
.jubaomain .layui-text:before {content:"";position:absolute;left:0;top:0;width:4px;height:20px;border-radius:2px;background-color:#16b777;}
.jubaotext_message {display:flex;justify-content:center;align-items:center;background-color:#F4F5F6;border-radius:6px;margin-top:10px;margin-bottom:15px;padding:15px;box-sizing:border-box;}
.jubaotext_message img {width:80px;height:80px;border-radius:50%;margin-right:10px;}
.jubaotext_title {display:flex;flex-direction:column;align-items:flex-start;font-size:16px;}
.jubaotext_title div {margin:10px 10px 0 10px}
.jubaogo {display:flex;justify-content:center;margin-top:25px;}
.songlist .song_list .topic{height:200px;}
.songlist .song_list .vodpic{height:120px;}
.song_list .item-box .topics{border-radius: 50%;height:200px;}
.song_list .item-info .topica{text-align: center;}
		    
.lkpc{display: block;}
.lkmobile{display: none;}
@media screen and (max-width:750px){
.songlist .song_list .topic{height:9rem;}
.songlist .song_list .vodpic{height:6rem;}
.song_list .item-box .topics{height:9rem;}

.lkpc{display: none!important;}
.indextit h2 font{display: none!important;}
.lkmobile{display: block!important;}
.owl-carousel {height: 200px;overflow: hidden;}
.carousel .item {height: 150px;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;width: 100%;min-height: 150px;border-radius: 15px;overflow: hidden;position: relative;}
.image-text h1 {font-size: 20px;font-weight: 400;}
}

/*登录框*/
.login-popup .popups-body .other-login .line {width:100%;height:1px;background-color:#d4d4d4;position:relative;}
.login-popup .popups-body .other-login .line:before {content:"其他登录";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:0 20px;background-color:#d4d4d4;color:#666;}
.login-popup .popups-body .other-login .btns {display:flex;justify-content:space-between;margin-top:20px;}
.icon-img.close {background-position:-40px -667px;width:15px;height:15px;}
.icon-img {font-style:normal;display:inline-block;background:url(../images/sprite.png) no-repeat 0 0;}
.popup {position:fixed;top:40%;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:#fff;}
* {margin:0;padding:0;box-sizing:border-box;}
.login-popup {position:fixed;background-color:white;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,0.2);z-index:9999;width:400px;max-width:90%;}
.popup-title {display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid #ccc;}
.popup-title i.close {cursor:pointer;}
.popups-body {padding:20px;}
.form-item {display:flex;align-items:center;margin-bottom:15px;}
.form-item i{margin-right:10px;}
.form-item input {flex:1;padding:10px;border:1px solid #ccc;border-radius:3px;padding-left:30px;}
.ilingku_parent {width:100%;border:1px solid #ccc;overflow:hidden;}
.ilingku_parent input {width:calc(100% - 60px);border:none;outline:none;float:left;}
.ilingku_parent a {float:right;margin-left:10px;}
.input-suffix-img img.login-captcha {margin-left:10px;height:33px;width:100px;cursor:pointer;}
.icon-imgs {margin-left:10px;position:absolute;font-style:normal;display:inline-block;background:url(../images/sprite.png) no-repeat 0 0;}
.icon-imgs.login-user {background-position:-138px -685px;width:16px;height:16px;}
.icon-imgs.login-pw {background-position:-163px -685px;width:16px;height:16px;}
.icon-imgs.login-yz {background-position:-185px -685px;width:16px;height:16px;}
.icon-imgs.login-qq { background-position: -132px -404px; width: 20px; height: 20px; }
.icon-imgs.yinfu {background-position: -67px -304px;width: 13px;height: 16px;}
.icon-imgs.add {background-position: -304px -2px;width: 20px;height: 20px;}
.icon-imgs.follow {background-position: -265px -1039px;width: 17px;height: 16px;}

.icon-imgs.edit {background-position: -131px -640px;width: 18px;height: 18px;}
.icon-imgs.share {background-position: 0 0;width: 18px;height: 17px;}
.icon-imgs.delete {background-position: -159px -640px;width: 18px;height: 18px;}

.form-item-btn button.btn {width:100%;padding:10px;background:linear-gradient(to right,#ff00ff,#ff008c);color:white;border:none;border-radius:3px;cursor:pointer;}
.other-login {margin-top:20px;text-align:center;}
.other-login.line {margin-bottom:15px;border-bottom:1px solid #ccc;}
.other-login.btns a {margin-right:0;}
.other-login p {margin-top:20px;}
.btns .qq {background:#1bc1fa;color:#fff;}
.btns .wx {background:#4cb202;color:#fff;}
.btns .wb {background:#d81e06;color:#fff;}
@media screen and (max-width:750px) {
.popup{top:25rem;left:50%;width:100%;}
.login-popup {width:90%;}
.form-item input {font-size:14px;}
.popup-title {font-size:16px;}
.other-login.btns a {display:block;margin-bottom:10px;}
.btns .iconfont {margin-left:-0.8rem;}
.btns .layui-btn {width:5.8rem;}
}
/*收藏*/
#music_name {margin-left:20px;font-size:16px;}
.tubiao{margin-left:-2px;}
.tubiao1{margin-left:-25px;}
.lkcheck{color: #000;}
.layui-form-radio>i {margin-right: 8px;font-size: 22px;color: #000;}
.add-to-musicbox {width:500px;}
.add-to-musicbox .popupss-body {padding-top:20px;margin-bottom: 20px;margin-left:20px;margin-right:20px}
.add-to-musicbox .music-name {display:flex;align-items:center;color:#000;font-size:14px;}
.add-to-musicbox .music-name i {margin-right:10px;}
.add-to-musicbox .add-to {color:#000;line-height:32px;}
.add-to-musicbox .album-list {border-radius:0;background-color:#ccc;padding:0 20px;height:140px;overflow-y:scroll;}
.add-to-musicbox .album-list::-webkit-scrollbar {width:4px;}
.add-to-musicbox .album-list::-webkit-scrollbar-thumb {background-color:#383d5b;border-radius:2px;}
.add-to-musicbox .input-album-name {margin-top:20px;position:relative;height:40px;line-height:40px;background-color:#ccc;padding:0 20px;border-radius:0;display:flex;align-items:center;}
.add-to-musicbox .input-album-name input {flex:1;border:none;background:none;color:#16b777;padding-right:20.0025px;}
.add-to-musicbox .input-album-name input::placeholder {color:#000;}
.add-to-musicbox .input-album-name a {display:flex;align-items:center;}
.add-to-musicbox .input-album-name a .add {margin-right:10px;}
.add-to-musicbox .btns {margin-top:20px;display:flex;align-items:center;justify-content:space-between;}
.add-to-musicbox .btns button {height:40px;border-radius:0;color:#fff;border:none;flex:1;font-size:16px;}
.add-to-musicbox .btns button.determine {background: linear-gradient(to right,#ff00ff,#ff008c);}
.add-to-musicbox .btns button.cancel {margin-left:20px;background:#1c1f31;}
@media screen and (max-width:750px){
.add-to-musicbox {width:90%;position:fixed;top:70%;left:50%;transform:translate(-50%,-50%);z-index:1100;display:none;}
.add-to-musicbox .music-name {display:flex;align-items:center;color:#000;font-size:0.3733rem;}
.add-to-musicbox .music-name i {margin-right:0.1333rem;}
.add-to-musicbox .add-to {color:#666;}
.add-to-musicbox .album-list {border-radius:0.1333rem;background-color:#f5f5f5;padding:0.2667rem;margin-top:0.2rem;height:3.3333rem;overflow-y:scroll;height:100px;}
.add-to-musicbox .album-list::-webkit-scrollbar {width:0.1333rem;}
.add-to-musicbox .album-list::-webkit-scrollbar-thumb {background-color:#383d5b;border-radius:0.0667rem;}
.add-to-musicbox .input-album-name {-webkit-appearance: none;border: 1px solid #ccc;padding: 8px 15px;outline: none;font-size: 16px;transition: border-color 0.3s; }
.add-to-musicbox .input-album-name input {flex:1;border:none;background:none;color:#666;padding-right:0.2667rem;height:20px;}
.add-to-musicbox .input-album-name input::placeholder {color:#666;}
.add-to-musicbox .input-album-name a {display:flex;align-items:center;}
.add-to-musicbox .input-album-name a .add {margin-right:0.1333rem;}
.add-to-musicbox .btns {margin-top:0.4rem;display:flex;align-items:center;justify-content:space-between;}
.add-to-musicbox .btns button {height:1.0667rem;border-radius:0.1333rem;color:#fff;border:none;flex:1;font-size:0.4rem;}
.add-to-musicbox .btns button.determine {background:#0078b2;height:30px;}
.add-to-musicbox .btns button.cancel {margin-left:0.2667rem;background:#2e365a;height:30px;}
}
/*铃声播放*/
.mt{margin-top:20px;}
.container{width:calc(100% - 20px);margin:0 auto;}
.ilingku_wz{float:left;width:100%;height:30px;line-height:30px;color:#666;overflow:hidden;margin:10px 0;margin-top:20px;}
.ilingku_wz .icon{float:left;font-size:20px;color:#888;}
.ilingku_wz a{color:#666;}
.ilingku_wz a:hover{color:#e23230;}
.ilingku_left{float:left;width:calc(100% - 320px);}
.ilingku_left .video_list{margin:-5px 0;}
.ilingku_left .video_list li{width:calc(25% - 20px);}

.ilingku_left .all-checkbox{width:calc(100% - 20px);padding:10px;}
#player{width:100%;height:100%;display:none;}
#lkjp_container_1{float:left;width:100%;background:#fff;}
.lkshuaxin{padding:1px 8px;border-radius:3px;background: linear-gradient(to right,#ff00ff,#ff008c);font-size:16px;color:#fff;float: right;}
.djpic{float:left;width:100px;position:relative;}
.djpic img{float:left;width:100%;height:100%;border-radius:50%;}
.djpic .state{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);border-radius:50%;}
.djpic .state span{float:left;padding-top:50%;width:100%;height:calc(50% - 15px);line-height:30px;background:url(../images/state_paused.png) center no-repeat;text-align:center;color:#fff;}
.djpic .state span.play{background:url(../images/state_playing.gif) center no-repeat;}
.djname{float:left;width:100%;height:24px;line-height:24px;color:#333;font-weight:bold;overflow:hidden;}
.lkjp_right{float:right;width:calc(100% - 120px);}
.lkjp-progress, .lkjp-play-bar, .lkjp-seek-bar{width:100%;height:6px;line-height:6px;cursor:pointer;border-radius:4px;}
.lkjp-progress{float:left;width:100%;margin:15px 0;background:#999;}
.lkjp-seek-bar{width:3px;background:#ccc;}
.lkjp-play-bar{width:3px;background:linear-gradient(135deg,#ff00ff,#ff008c);position:relative;}
.lkjp-play-bar:after{content:"";display:inline-block;position:absolute;top:-3px;right:-3px;width:5px;height:12px;background:#ff008c;border-radius:5px;}
.lkjp-controls{float:left;height:32px;}
.lkjp-controls li{float:left;width:32px;height:32px;overflow:hidden;margin:0 5px;}
.lkjp-controls li a{display:block;height:32px;text-indent:-9999px;background:url(../images/player.png) no-repeat;}
.lkjp-controls li a.lkjp-play{background-position:-158px -1px;}
.lkjp-controls li a.lkjp-pause{background-position:-193px -1px;}
.lkjp-controls li a.lkjp-pre{background-position:-128px -6px;}
.lkjp-controls li a.lkjp-next{background-position:-222px -6px;}
.lkjp-controls li a.lkjp-pre,.lkjp-controls li a.lkjp-next{width:24px;height:24px;margin:5px 0;}
.lkjp-time-holder{float:left;height:24px;line-height:24px;margin:8px 0 8px 20px;}
.ilingku_v{float:right;height:18px;position:relative;margin-top:10px;}
.ilingku_v li{float:left;width:18px;height:18px;overflow:hidden;}
.ilingku_v li a{display:block;height:18px;background:url(../images/player.png) no-repeat;text-indent:-9999px;}
.ilingku_v li a.lkjp-mute{background-position:-246px -21px;}
.ilingku_v li a.lkjp-unmute{background-position:-267px -21px;}
.lkjp-volume-bar,.lkjp-volume-bar-value{float:left;width:56px;height:6px;line-height:6px;cursor:pointer;background:#ccc;border-radius:4px;}
.lkjp-volume-bar{margin:6px 0 0 5px;}
.lkjp-volume-bar-value{background:linear-gradient(135deg,#ff00ff,#ff008c);position:relative;}
.lkjp-volume-bar-value:after{content:"";display:inline-block;position:absolute;top:-3px;right:-3px;width:5px;height:12px;background:#ff008c;border-radius:5px;}
.lkpopup-body{float:left;width:100%;border-radius:5px;margin-top:15px;}
.lkpopup-body li{float:left;width:calc(25% - 1px);height:36px;line-height:36px;color:#8e8b95;background:rgba(7,7,7,0.1);text-indent:10px;margin:1px 0 0 1px;overflow:hidden;}
.lkpopup-body li span{margin-left:10px;color:#666;}
.lkpopup-body li span a{color:#666;}

.st_dc{float:left;width:100%;background:#fff;margin:10px 0;}
.st_dc li{height:34px;color:#666;line-height:34px;margin:5px 0;}
.st_dc li a{display:block;color:#fff;padding:0 15px;}
.st_dc li.ding{float:left;background:#d21313;border-radius:5px;}
.st_dc li.fav{float:left;background:#ff6428;border-radius:5px;margin-left:20px;}
.st_dc li.download{float:right;background:#ff850b;border-radius:20px;}
.st_dc .icon{margin-right:3px;}
.ilingku_right{float:right;width:300px;}

.hot_mv{float:right;width:300px;}
.hot_mv ul{float:left;width:calc(100% - 20px);padding:2px 10px;background:#fff;margin-top:5px;}
.hot_mv li{float:left;width:100%;height:24px;position:relative;margin:9px 0;overflow:hidden;}
.hot_mv li .pic{float:left;}
.hot_mv li .pic img{width:0;height:0;}
.hot_mv li em{position:absolute;left:0;top:0;width:20px;height:20px;background:#cacaca;color:#fff;line-height:20px;font-style:normal;text-align:center;border-radius:3px;margin:2px 0;}
.hot_mv li:nth-of-type(1) em{background:#d21313;}
.hot_mv li:nth-of-type(2) em{background:#ff6428;}
.hot_mv li:nth-of-type(3) em{background:#ff850b;}
.hot_mv li .name{float:right;width:calc(100% - 25px);height:24px;line-height:24px;overflow:hidden;}
.hot_mv li.ilingku_hover{height:156px;}
.hot_mv li.ilingku_hover em{width:30px;left:0;top:15px;z-index:2;border-radius:0 15px 15px 0;}
.hot_mv li.ilingku_hover .pic{float:left;width:100%;height:100%;}
.hot_mv li.ilingku_hover .pic img{float:left;width:100%;height:100%;}
.hot_mv li.ilingku_hover .pic .play{position:absolute;left:0;width:100%;height:100%;z-index:1;background:url(/static/images/play_bg.png) 0 bottom repeat-x;}
.hot_mv li.ilingku_hover .name{position:absolute;left:0;bottom:0;z-index:2;width:calc(100% - 10px);padding:0 5px;height:30px;line-height:30px;}
.hot_mv li.ilingku_hover .name a{color:#fff;}
.hot_mv_more{float:left;width:100%;height:40px;line-height:40px;text-align:center;background:#fff;border-top:1px #ececec solid;}
.hot_mv_more a{display:inline-block;color:#999;position:relative;}
.hot_mv_more a:after{content:'';position:absolute;top:17px;right:-10px;width:6px;height:6px;border-left:1px #aaa solid;border-top:1px #aaa solid;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);transform:rotate(135deg);z-index:5;}

.ilingku_title{float:left;width:100%;height:30px;}
.ilingku_title h1{float:left;height:30px;font-size:16px;line-height:30px;color:#333;text-indent:10px;position:relative;}
.ilingku_title h1{float:left;height:30px;font-size:16px;line-height:30px;color:#333;text-indent:10px;position:relative;}
.ilingku_title h1:after{content:"";display:inline-block;position:absolute;top:7px;left:0;width:5px;height:15px;border-radius:5px;background:#e23230;}
.ilingku_title a.ilingku_more{float:right;height:22px;font-size:13px;line-height:22px;color:#888;margin-top:5px;padding-right:12px;position:relative;}
.ilingku_title a.ilingku_more:after{content:' ';position:absolute;top:7px;right:5px;width:6px;height:6px;border-left:1px #aaa solid;border-top:1px #aaa solid;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);transform:rotate(135deg);z-index:5;}
.ilingku_title .ilingku_xxk{float:right;height:24px;line-height:24px;font-size:12px;margin-top:3px;}
.ilingku_title .ilingku_xxk a{display:inline-block;padding:0 10px;color:#666;cursor:pointer;background:#fff;margin-left:1px;}
.ilingku_title .ilingku_xxk a:first-child{border-radius:10px 0 0 10px;}
.ilingku_title .ilingku_xxk a:last-child{border-radius:0 10px 10px 0;}
.ilingku_title .ilingku_xxk a.ilingku_hover{background:linear-gradient(to right,#efa030,#e23230);color:#fff;}

.video_list{float:left;width:100%;}
.video_list li{float:left;width:calc(20% - 20px);margin:10px;}
.video_list li .pic{float:left;width:100%;overflow:hidden;position:relative;}
.video_list li .pic img{float:left;width:100%;height:100%;transition:all 0.6s;}
.video_list li .pic a:hover img{transform:scale(1.1);}
.video_list li .pic .play{position:absolute;width:100%;height:100%;top:0;left:0;}
.video_list li .pic a:hover .play{background:rgba(0,0,0,.5);}
.video_list li .pic .icon{position:absolute;width:48px;height:48px;font-size:48px;color:#fff;top:calc(50% - 24px);left:calc(50% - 24px);-webkit-transition:all 0.6s linear;-moz-transition:all 0.6s linear;transition:all 0.6s linear;opacity:0;}
.video_list li .pic a:hover .icon{-webkit-transform:rotate(120deg);-moz-transform:rotate(120deg);transform:rotate(120deg);opacity:1;}
.video_list li .pic .good{position:absolute;top:0;left:10px;padding:0 4px;font-size:12px;height:36px;line-height:36px;background:#ff6600;color:#fff;border-radius:0 0 10px 10px;z-index:2;}
.video_list li .pic .free{position:absolute;top:8px;right:8px;height:20px;line-height:20px;font-size:12px;color:#fff;background:rgba(0,0,0,.5);padding:0 5px;border-radius:3px;z-index:2}
.video_list li .name{float:left;width:100%;height:24px;line-height:24px;overflow:hidden;margin-top:8px;}
.row{float:left;margin-left:-10px;margin-right:-10px;}

@media (max-width:767px){
.mt{margin-top:10px;}
.video_list li{width:calc(50% - 20px);}
.ilingku_left .video_list li{width:calc(50% - 20px);}
.play_right .all-checkbox{display:none;}
.play_left{width:100%;padding:0;}
.djpic{display:none;}
.lkjp_right{width:100%;}
.lkjp-time-holder{float:right;margin:8px 0;}
.play_right{width:calc(100% - 30px);}
.ilingku_left,.ilingku_right{width:100%;}
.play_right,.ilingku_right{margin-top:10px;}
.lkpopup-body li{width:calc(50% - 1px);font-size:13px;}
.lei_popover{left:10px;width:calc(100% - 20px);}
.lei_user{width:calc(100% - 60px);margin:20px 30px;}
.hot_mv{float:left;width:100%;}
}
.indextits {display:flex;justify-content:flex-start;position:relative;}
.indextits h2 {color:rgb(51,51,51);line-height:32px;font-size:20px;text-align:center;position:relative;font-weight:normal;text-indent:10px;}
.indextits h2:after {content:"";display:inline-block;position:absolute;top:7px;left:0;width:3px;height:16px;border-radius:5px;background:linear-gradient(to top,#ff008c,#ff00ff);}
.indextits h3 {color:#fff;line-height:32px;margin-top:20px;text-align:center;position:relative;font-weight:normal;text-indent:10px;}
.indextits h3:after {content:"";display:inline-block;position:absolute;top:7px;left:0;width:3px;height:16px;border-radius:5px;background:linear-gradient(to top,#ff008c,#ff00ff);}
.indextits span {font-size:48px;font-weight:600;color:rgba(51,51,51,0.08);display:block;position:absolute;text-indent:10px;}
.indextits a {line-height:72px;margin-left:auto;}
@media (min-width:768px) and (max-width:1023px) {
.mt {margin-top:10px;}
.ilingku_left,.ilingku_right {width:100%;}
.play_right,.ilingku_right {margin-top:10px;}
.hot_mv {display:none;}
}
@media (min-width:1366px) {.container {width:1280px;}}
.tab-a-active:after {position:absolute;left:50%;bottom:-15px;width:35px;height:7px;margin-left:-18px;background:#ffdc19;border-radius:4px;content:"";}
.verify-wrap {background-color:#f1f2f6;border:1px solid #f1f2f6;}
.verify-wrap .drag-progress {}
.verify-wrap .drag-btn {background-size:80% 80%;background-color:#f1f2f6;}
@-webkit-keyframes slidetounlock {0% {background-position:-200px 0}
100% {background-position:200px 0}
}
.fix-tips {background:-webkit-gradient(linear,left top,right top,color-stop(0,#4d4d4d),color-stop(.4,#4d4d4d),color-stop(.5,#fff),color-stop(.6,#4d4d4d),color-stop(1,#4d4d4d));-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-animation:slidetounlock 3s infinite;-webkit-text-size-adjust:none;display:inline-block;width:100%;}
.border-t {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #fff;
}

.layui-layer-title {padding:0 80px 0 20px;height:40px;line-height:40px;border-bottom:1px solid #F0F0F0;font-size:14px;color:#fff;overflow:hidden;border-radius:5px;background:#ff008c;}
.layui-layer-setwin span {position:relative;width:16px;height:16px;line-height:18px;margin-left:10px;margin-top:-5px;text-align:center;font-size:20px;cursor:pointer;color:#fff;_overflow:hidden;}
.flex {display:-webkit-box;display:-webkit-flex;display:flex;}
.flex-col {-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;}
.down-area > * {margin-bottom:0.75rem;}
@media (min-width:500px) {.down-area > * {margin-bottom:1rem;}
}
.lkbody{background: #e5e7eb;}
.items-center {-webkit-box-align:center;-webkit-align-items:center;align-items:center;}
.text-center {text-align:center;}
.px-2 {padding-left:0.5rem;padding-right:0.5rem;}
.py-4 {padding-top:1rem;padding-bottom:1rem;}
.text-sm {font-size:0.875rem;line-height:1.25rem;}
.text-base {font-size:1rem;line-height:1.5rem;}
.font-bold {font-weight:700;}
.bg-gray-100 {background-color:#f3f4f6;}
.justify-center {-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;}
.py-2 {padding-top:0.5rem;padding-bottom:0.5rem;}
.w-full {width:100%;}
.rounded-lg {border-radius:0.5rem;}
.text-xs {font-size:0.75rem;line-height:1rem;}
.mr-0\.5 {margin-right:0.125rem;}
.ml-3 {margin-left:0.75rem;}
.h-px {height:1px;}
.border-t {border-top-width:1px;}
.px-6 {padding-left:1.5rem;padding-right:1.5rem;}
.w-96 {width:24rem;}
.h-32 {height:8rem;}
.text-red-600 {color:#dc2626;}
.mt-1 {margin-top:0.25rem;}
.px-4 {padding-left:1rem;padding-right:1rem;}
.bg-yellow-350 {background:linear-gradient(to right,#ff00ff,#ff008c);color:#fff;}
.mr-3 {margin-right:0.75rem;}
.bg-white {background-color:#fff;}
.mt-4 {margin-top:1rem;}
.text-left {text-align:left;}
.text-neutral-500 {color:#737373;}
.hidden {display:none;}
.w-52 {width:13rem;}
.h-52 {height:13rem;}
.pt-2\.5 {padding-top:0.625rem;}
.mx-auto {margin-left:auto;margin-right:auto;}
.w-40 {width:10rem;}
.h-40 {height:10rem;}
.text-neutral-600 {color:#525252;}
.pb-4 {padding-bottom:1rem;}
.mx-2 {margin-left:0.5rem;margin-right:0.5rem;}
.mt-2 {margin-top:0.5rem;}
.flex-1 {-webkit-box-flex:1;-webkit-flex:1 1 0%;flex:1 1 0%;}
.bg-green-600 {background:linear-gradient(to right,#ff00ff,#ff008c);}
.font-semibold {font-weight:600;}
.text-white {color:#fff;}
.gap-y-4 {row-gap:1rem;}
.h-8 {height:2rem;}
.py-1 {padding-top:0.25rem;padding-bottom:0.25rem;}
.image {display:inline-block;margin-right:10px;}
@media (min-width:450px) {.mini\:mx-auto {margin-left:auto;margin-right:auto;}
.mini\:max-w-md {max-width:28rem;}
.mini\:ml-4 {margin-left:1rem;}
.mini\:p-4 {padding:1rem;}
.mini\:w-\[600px\] {width:600px;}
.mini\:w-\[700px\] {width:700px;}
.mini\:w-\[450px\] {width:450px;}
.mini\:px-6 {padding-left:1.5rem;padding-right:1.5rem;}
.mini\:text-center {text-align:center;}
.mini\:\!text-\[13px\] {font-size:13px !important;}
.mini\:scale-90 {--tw-scale-x:.9;--tw-scale-y:.9;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
}

.fix-tips {background:-webkit-gradient(linear,left top,right top,color-stop(0,#4d4d4d),color-stop(.4,#4d4d4d),color-stop(.5,#fff),color-stop(.6,#4d4d4d),color-stop(1,#4d4d4d));-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-animation:slidetounlock 3s infinite;-webkit-text-size-adjust:none;display:inline-block;width:100%;}
.py-2 {padding-top:0.5rem;padding-bottom:0.5rem;}
.w-full {width:100%;}
.p-5 {padding:1.25rem;}
.flex {display:-webkit-box;display:-webkit-flex;display:flex;}
.xs\:text-lg {font-size:1.125rem;line-height:1.75rem;}
.pb-4 {padding-bottom:1rem;}
.xs\:pb-6 {padding-bottom:0.5rem;}
.mt-2 {margin-top: 0.5rem;}
.mr-8 {margin-right:2rem;}
.relative {position:relative;}
.mt-5 {margin-top:1.25rem;}
.flex-col {-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;}
.text-sms {font-size:0.875rem;line-height:1.25rem;}
.xs\:text-base {font-size:1rem;line-height:1.5rem;}
.mb-1\.5 {margin-bottom:0.375rem;}
.h-\[45px\] {height:45px;}
.pl-3 {padding-left:0.75rem;}
.border {border-width:1px;}
.rounded-md {border-radius:0.375rem;}
.mb-2\.5 {margin-bottom:0.625rem;}
.inline-flex {display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;}
.justify-between {-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.rounded {border-radius:0.25rem;}
.\!w-full {width:100% !important;}
.xs\:w-\[350px\] {width:350px;}
.bg-yellow-350 {background: linear-gradient(to right,#ff00ff,#ff008c);color:#fff;}
.text-center {text-align:center;}
.mb-3 {margin-bottom:0.75rem;}
.absolute {position:absolute;}
.right-\[14px\] {right:14px;}
.top-\[13px\] {top:13px;}
.text-orange-400 {color:#ff00ff;}
.w-\[266px\] {width:266px;}
button,[role="button"] {cursor:pointer;}
.flex-col {-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;}
.flex {display:-webkit-box;display:-webkit-flex;display:flex;}
.mb-4 {margin-bottom:1rem;}
.hidden {display:none;}
.text-red-600 {color: #dc2626;}
.items-center {-webkit-box-align: center;-webkit-align-items: center;align-items: center;}
.justify-end {-webkit-box-pack: end;-webkit-justify-content: flex-end;justify-content: flex-end;}


.ilingku_body {padding:24px 24px;}
.lkzffs{color:#000;}
.py-1 {padding-top:0.25rem;padding-bottom:0.25rem;}
.pb-2 {padding-bottom:0.5rem;}
.sm\:pb-3 {padding-bottom:0.75rem;}
.font-semibold {font-weight:600;}
.border-b {border-bottom-width:1px;}
.text-gray-400 {color:#9ca3af;}
.flex {display:-webkit-box;display:-webkit-flex;display:flex;}
.flex-col {-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;}
.justify-center {-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;}
.justify-between {-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.inline-flex {display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;}
.items-center {-webkit-box-align:center;-webkit-align-items:center;align-items:center;}
.text-center {text-align:center;}
.mt-4 {margin-top:1rem;}
.border-2 {border-width:2px;}
.border-neutral-300 {border-color:#d4d4d4;}
.rounded-xl {border-radius:0.75rem;}
.xs\:py-2 {padding-top:0.5rem;padding-bottom:0.5rem;}
.w-full {width:100%;}
.cursor-pointer {cursor:pointer;}
.pay_menu_active {border-color:rgba(255,220,25,1) !important;background-color:#fcd5fe;}
.text-lg {font-size:1.125rem;line-height:1.75rem;}
.font-bold {font-weight:700;}
.lktext-red-600 {color:#dc2626;}
.text-gray-600 {color:#4b5563;}
.text-xs {font-size:0.75rem;line-height:1rem;}
.ml-4 {margin-left:1rem;}
.text-left {text-align:left;}
.mt-3 {margin-top:0.75rem;}
.grid {display:grid;}
.grid-flow-col {grid-auto-flow:column;}
.gap-4 {gap:0.5rem;}
.rounded {border-radius:0.25rem;}
.p-2 {padding:0.5rem;}
.sm\:w-44 {width:8rem;}
.text-neutral-400 {color:#a3a3a3;}
.mt-2 {margin-top:0.5rem;}
.h-\[20px\] {height:20px;}
.h-\[40px\] {height:40px;}
.h-40 {height:10rem;}
.w-40 {width:10rem;}
.hidden {display:none;}
.h-52 {height:13rem;}
.w-52 {width:13rem;}
.pt-2\.5 {padding-top:0.625rem;}
.mx-auto {margin-left:auto;margin-right:auto;}
.text-neutral-600 {color:#525252;}
.xs\:text-sm {font-size:0.875rem;line-height:1.25rem;}
@media (min-width: 450px){
.mini\:w-\[450px\] {
    width: 450px;
}
}