/*全局*/
body, html {
    height: 100%;
    -webkit-tap-highlight-color: transparent;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, details, figure, figcaption, footer, header,  menu, nav, section, time, mark, audio, video{margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;vertical-align: baseline; background: transparent;font-weight: 500;}
body {font-family: "microsoft yahei" ,arial, helvetica, sans-serif;line-height: 1.5;}
h1 {font-size: 36px;}
h2 {font-size: 30px;}
h3 {font-size: 24px;}
h4 {font-size: 18px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}
a{ color: #333;}
a:focus, a:hover{color: #ef0505;text-decoration: none;}
li{list-style: none;}
*{margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
img{max-width: 100%;display: block;-webkit-touch-callout: none;}
.clearfix{zoom: 1;}
.clearfix:after {display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:"";font-size: 0;}
body{margin: 0 auto;position: relative;background-color: #fff;font-size: 14px;color: #000;}
.link{color: #999 ;}
.rt{float: right;}
.lf{float: left;}
.of{overflow: hidden}
.text-center{text-align: center;}
.text-right{text-align: right;}
.box-shadow-line{webkit-box-shadow: 0 0 25px -5px #a9a9a9;-moz-box-shadow: 0 0 25px -5px #a9a9a9;box-shadow: 0 0 25px -5px #a9a9a9;}
.animation{-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.rotate180{transform: rotate(180deg);-ms-transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);}
.disabled{background: rgba(0,0,0,.5) !important;color: #fff !important;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.disabled a{color: #fff !important;}
.disabled span{color: #fff !important;}
.mt-30{margin-bottom: 30px !important;}

/*layui*/
.layui-input-block{margin-left: 0;}
.layui-laypage a:hover{color: #0071bb;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background: #0071bb;}
.layui-form-radio>i:hover, .layui-form-radioed>i{color: #ef0505;}
.layui-form-selected dl{animation: none;background: #000;}
.layui-form-select dl dd, .layui-form-select dl dt{color: #fff;}
.layui-form-select dl dd:hover{background: none;color: #ef0505;}
.layui-form-select dl dd.layui-this{background: #ef0505;}
.layui-form-select dl dd.layui-this:hover{color: #fff;}
.layui-laypage a:hover{color: #ef0505;}
.layui-laypage .on{background: #ef0505;border-radius: 0;color:#fff;}
.layui-laypage .on:hover{background: #ef0505;border-radius: 0;color:#fff;}
.layui-laypage input{border-radius: 0;}
.layui-laypage input:focus{border-color: #ef0505 !important;}
.layui-laypage button{border-radius: 0;}
.layui-laypage button:hover{border-color: #ef0505;color: #ef0505;}

.hidden-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-data{display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 30px 0;}
.no-data .no-data-icon{width: 150px;}
.no-data p{font-size: 14px;color: #999;margin-top: 20px;}

.mainWidth{width: 1230px;margin: 0 auto;padding: 0 15px;min-width: 1230px;position: relative;}
.viewMore span{border: 1px solid #0071bb;padding: 2px;border-radius: 50%;font-size: 10px;}
.viewMore2 span{border: 1px solid #0071bb;padding: 2px;border-radius: 50%;font-size: 10px;}

.header{height: 70px;}
.header.index{height: 0;}
.header .cont{position: fixed;width: 100%;height: 70px;left: 0;top: 0;z-index: 10;background: #000;}
.header .mainWidth{display: flex;justify-content: space-between;position: relative;}
.header .left .logo{height: 70px;display: flex;align-items: center;justify-content: center;margin-right: 15px;}
.header .left{height: 70px;display: flex;align-items: center;justify-content: center;position: relative;}
.header .left ul{display: flex;height: 70px;}
.header .left ul li{height: 100%;}
.header .left ul li>a{display: flex;height: 70px;padding: 0 10px;align-items: center;justify-content: center;font-size: 16px;color: #fff;}
.header .left ul li>a:hover{color: #ef0505;}
.header .left ul li.active a{color: #ef0505;}
.header .left .searchBox{height: 70px;padding: 0 15px;display: flex;align-items: center;justify-content: center;position: relative;}
.header .left .searchBox .searchCont{height: 40px;position: relative;}
.header .left .searchBox .searchCont input{border: 1px solid #939393;height: 40px;background: transparent;padding: 0 50px 0 20px;color: #fff;font-size: 16px;line-height: 40px;border-radius: 40px;width: 240px;}
.header .left .searchBox .searchCont.focus input{border: 1px solid #ef0505;}
.header .left .searchBox .searchCont .searchIcon{position: absolute;width: 40px;height: 40px;right: 10px;top: 0;background: url("../images/02.png") no-repeat;background-size: 100% 100%;cursor: pointer;}
.header .left .searchBox .searchCont .searchIcon:hover{background: url("../images/02-a.png") no-repeat;background-size: 100% 100%;}
.header .left .searchBox .searchCont.focus .searchIcon{background: url("../images/02-a.png") no-repeat;background-size: 100% 100%;}
.header .right{display: flex;align-items: center;position: relative;}
.header .right .login-entrance{height: 40px;background: #ff3939;border-radius: 40px;padding: 0 20px;display: flex;align-items: center;justify-content: center;color: #fff;}
.header .right .login-entrance:hover{background: #ef0505;}
.header .right .login-entrance img{margin-right: 15px;}
.header .right .user-img{display: flex;height: 70px;align-items: center;justify-content: space-between;position: relative;padding: 0 10px;color: #fff;font-size: 14px;max-width: 240px;}
.header .right .user-img:hover span{color: #ef0505;}
.header .right .user-img span{width: calc(100% - 60px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.header .right .user-img img{width: 50px;height: 50px;border-radius: 50%;margin-left: 10px;}
.header .right .user-model{position: absolute;width: 150px;right: 0;top: 100%;background: #000;display: none;}
.header .right .user-model dt{height: 60px;font-size: 14px;color: #fff;line-height: 60px;position: relative;padding: 0 10px;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.header .right .user-model dt:after{position: absolute;content: '';width: 140px;left: 5px;height: 1px;bottom: 0;background: #dadad2;}
.header .right .user-model dd a{display: flex;padding: 0 15px;height: 44px;align-items: center;font-size: 14px;color: #fff;}
.header .right .user-model dd a:hover{color: #ef0505;}
.header .right .user-model dd.active a{color: #ef0505;}
.header .right .user-img .hit{position: absolute;width: 10px;height: 10px;background: #ef0505;border-radius: 50%;right: 12px;top: 12px;}
.header-style-model{position: absolute;width: 100%;padding: 0 15px;top: 70px;left: 0;display: none;}
.header-style-model .content{background: #000;display: flex;padding: 8px 0;}
.header-style-model .content dl{width: 25%;flex-flow: wrap;padding: 0 15px;}
.header-style-model .content dl dd{border-bottom: 1px solid #666;position: relative;}
.header-style-model .content dl dd a{display: block;height: 40px;line-height: 40px;font-size: 14px;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.header-style-model .content dl dd a:hover{color: #ef0505;}
.header-style-model .content dl dd:last-child{border-bottom: none;}
/*.header-style-model .content dl dd:first-child{padding: 5px 0;}*/
/*.header-style-model .content dl dd:first-child a{height: 30px;line-height: 30px;}*/
.header-style-model .content dl dd:first-child p{height: 20px;line-height: 20px;font-size: 12px;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: none;}
.header-style-model .content dl dd .new{position: absolute;right: 0;top: 5px;}
.search-model{position: absolute;width: 362px;right: 0;top: 100%;padding: 20px 15px;background: #000;border-radius: 3px;display: none;}
.search-model .item{margin-bottom: 15px;display: flex;align-items: center;}
.search-model .item:last-child{margin-bottom: 0;}
.search-model .item input{background: #fff;border-radius: 4px;width: 120px;border: none;outline: none;height: 26px;line-height: 26px;padding: 0 8px;}
.search-model .item label{font-size: 14px;color: #fff;}
.search-model .item span{font-size: 12px;color: #fff;padding: 0 3px;}

.banner img{display: block;}
.index.banner .swiper-container{min-height: 500px;display: flex}
.index.banner .swiper-wrapper{min-height: 500px;display: flex}
.index.banner .swiper-slide{min-height: 500px;display: flex}
.index.banner .swiper-slide .banner-title{position: absolute;width: 100%;left: 0;bottom: 40px;font-size: 24px;font-weight: 700;color: #fff;line-height: 1.8;padding: 0 15px;}
.index.banner .swiper-button-next{background: url("../images/06.png") no-repeat;background-size: 100%;right: 30px;}
.index.banner .swiper-button-prev{background: url("../images/05.png") no-repeat;background-size: 100%;left: 30px;}
.swiper-button-next, .swiper-button-prev{width: 27px;height: 51px;opacity: .6;}
.swiper-button-next:hover,.swiper-button-prev:hover{opacity: .8;}
.index.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 30px;}
.index.banner .swiper-pagination-bullet{width: 10px;height: 10px;}
.index.banner .swiper-pagination-bullet-active{width: 20px;border-radius: 10px;background: #fff;}
.index.banner .textBox{position: absolute;top: 250px;left: 150px;}
.index.banner .textBox h5{font-size: 18px;color: #fff;line-height: 1.05556;letter-spacing: .08em;text-transform: uppercase;}
.index.banner .textBox .divider{width: 90px;height: 1px;background: #fff;margin: 40px 0;}
.index.banner .textBox h2{font-size: 50px;color: #fff;line-height: 1.08;font-weight: 900;text-transform: uppercase;}
.index.banner .textBox h1{background: linear-gradient(228.54deg,#FFD541 36.26%,#F73CA1 96.73%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;color: #f73ca1;font-size: 160px;line-height: 1.1;letter-spacing: .03em;text-transform: uppercase;font-weight: 900;}
.index.banner .textBox .linkBtn{margin-top: 30px;background: linear-gradient(228.54deg,#1DBEDE 30.16%,#5656DF 89.45%);display: flex;width: 180px;height: 60px;color: #fff;font-size: 15px;align-items: center;justify-content: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;border-radius: 5px;transition: 250ms all ease-in-out;}
.index.banner .textBox .linkBtn:hover{background: linear-gradient(-228.54deg,#1DBEDE 30.16%,#5656DF 89.45%);}

.indexPage{background: url("../images/shadow_bg_rep.png") repeat-x;padding-top: 15px;}
.index .floorTitle{font-size: 30px;font-weight: 600;line-height: 1;padding: 30px 0;}
.index .floorTitle span{font-size: 14px;color: #333;font-weight: 700;}
.index .floor1{padding: 30px 0;}
.index .floor1 .newWorks .swiper-slide{display: flex;flex-flow: wrap;}
.index .floor1 .newWorks .swiper-slide .item{position: relative;width: 228px;height: 228px;overflow: hidden;margin-right: 15px;margin-bottom: 15px;}
.index .floor1 .newWorks .swiper-slide .item:nth-child(5n){margin-right: 0;}
.index .floor1 .newWorks .swiper-slide .item .img{position: relative;height: 100%;}
.index .floor1 .newWorks .swiper-slide .item .img img{width: 228px;height: 228px;}
.index .floor1 .newWorks .swiper-slide .item .img .info{position: absolute;width: 100%;left: 0;bottom: 0;padding: 5px 15px;background: rgba(0,0,0,.6);}
.index .floor1 .newWorks .swiper-slide .item .img .info h3{color: #fff;font-size: 16px;height: 24px;line-height: 24px;}
/*.index .floor1 .newWorks .swiper-slide .item .img .info p{color: #fff;font-size: 14px;height: 42px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}*/
.index .floor1 .newWorks .swiper-slide .item .img .info p{color: #fff;font-size: 14px;height: 21px;line-height: 21px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index .floor1 .newWorks .swiper-slide .hover{position: absolute;width: 100%;height: 100%;background: rgba(239,5,5,.7);left: 0;top: 0;display: none;align-items: center;justify-content: center;}
.index .floor1 .newWorks .swiper-slide .hover .switch-controller{width: 44px;height: 44px;margin: 0 15px;}
.switch-controller.type1 a{display: block;width: 44px;height: 44px;}
.switch-controller.type1 a:hover{opacity: .8;}
.switch-controller.type1 .play-item{background: url("../images/07.png") no-repeat;background-size: 100% 100%;}
.switch-controller.type1 .paused-item{background: url("../images/08.png") no-repeat;background-size: 100% 100%;display: none;}
.prev-songs{display: block;width: 44px;height: 44px;background: url("../images/prev.png") no-repeat;background-size: 100% 100%;}
.prev-songs:hover{opacity: .8;}
.next-songs{display: block;width: 44px;height: 44px;background: url("../images/next.png") no-repeat;background-size: 100% 100%;}
.next-songs:hover{opacity: .8;}
.index .floor1 .newWorks .swiper-slide .item.active .hover{display: flex;}
.index .floor1 .newWorks .swiper-slide .item:hover .hover{display: flex;}
.index .floor1 .newWorks{padding-bottom: 55px;position: relative;}
.index .floor1 .newWorks .swiper-button-next{background: url("../images/11.png") no-repeat;background-size: 100%;right: 50%;margin-right: -30px;bottom: 0;top: inherit;}
.index .floor1 .newWorks .swiper-button-prev{background: url("../images/10.png") no-repeat;background-size: 100%;left: 50%;margin-left: -30px;bottom: 0;top: inherit;}
.index .floor1 .newWorks .swiper-button-disabled{opacity: .5;}
.index .floor2 .floorCont{display: flex;justify-content: space-between;}
.index .floor2 .floorCont .group .title{font-size: 30px;line-height: 1;text-transform: uppercase;margin-bottom: 40px;font-weight: 700;}
.index .floor2 .floorCont .group .title span{font-size: 14px;color: #333;font-weight: 700;}
.index .floor2 .floorCont .group .list{height: 540px;}
.index .floor2 .floorCont .group1{width: 420px;}
.index .floor2 .floorCont .group1 .item{display: flex;justify-content: space-between;margin-bottom: 30px;}
.index .floor2 .floorCont .group1 .item:last-child{margin-bottom: 0;}
.index .floor2 .floorCont .group1 .item .img{width: 160px;height: 160px;overflow: hidden;position: relative;}
.index .floor2 .floorCont .group1 .item .img img{width: 100%;height: 100%;}
.index .floor2 .floorCont .group1 .item .img .hover{position: absolute;width: 100%;height: 100%;background: rgba(239,5,5,.7);left: 0;top: 0;display: none;}
.index .floor2 .floorCont .group1 .item .img .hover .switch-controller{width: 44px;height: 44px;position: absolute;left: 50%;top: 50%;margin-top: -22px;margin-left: -22px;}
.index .floor2 .floorCont .group1 .item .img:hover .hover{display: block;}
.index .floor2 .floorCont .group1 .item .info{width: calc(100% - 190px);height: 160px;overflow: hidden;}
.index .floor2 .floorCont .group1 .item .info .liMarquee{font-size: 14px;color: #ef0505;line-height: 1.8;background: transparent;}
.index .floor2 .floorCont .group1 .item .info .liMarquee a{font-size: 14px;color: #ef0505;line-height: 1.8;font-weight: 700;}
.liMarquee{background: none !important;}
.index .floor2 .floorCont .group1 .item .info h5{font-size: 14px;color: #666;line-height: 1.8;}
.index .floor2 .floorCont .group1 .item .info h5 a{font-size: 14px;color: #666;line-height: 1.8;}
.index .floor2 .floorCont .group1 .item .info p{font-size: 12px;color: #999;line-height: 1.8;}
.index .floor2 .floorCont .group1 .item .info p a{font-size: 12px;color: #999;line-height: 1.8;}
.index .floor2 .floorCont .group2{width: 350px;}
.index .floor2 .floorCont .group2 .list{margin-top: -10px;height: 550px;}
.index .floor2 .floorCont .group2 .item{padding: 10px 0;display: flex;justify-content: space-between;}
.index .floor2 .floorCont .group2 .item:nth-child(2n){border-top: 1px solid #e7dddc;}
.index .floor2 .floorCont .group2 .item .left{font-size: 28px;font-weight: 600;line-height: 1;width: 35px;}
.index .floor2 .floorCont .group2 .item .img{width: 60px;display: flex;align-items: center;justify-content: center;position: relative;height: 60px;}
.index .floor2 .floorCont .group2 .item .img .hover{width: 100%;display: none;align-items: center;justify-content: center;position: absolute;height: 100%;left: 0;top: 0;background: rgba(239,5,5,.7);}
.index .floor2 .floorCont .group2 .item .img:hover .hover{display: flex;}
.index .floor2 .floorCont .group2 .item .right{width: 200px;}
.index .floor2 .floorCont .group2 .item .right h4{font-size: 14px;color: #ef0505;line-height: 1.8;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-weight: 700;}
.index .floor2 .floorCont .group2 .item .right h5{font-size: 14px;color: #666;line-height: 1.8;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.index .floor2 .floorCont .group2 .item .right p{font-size: 12px;color: #999;line-height: 1.8;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.index .floor2 .floorCont .group3{width: 375px;}
.index .floor2 .floorCont .group3 .list{margin-top: -10px;height: 555px;}
.index .floor2 .floorCont .group3 .item{display: flex;justify-content: space-between;padding: 10px 0;border-bottom: 1px solid #e7dddc;}
.index .floor2 .floorCont .group3 .item:last-child{border-bottom: none;}
.index .floor2 .floorCont .group3 .item .left{font-size: 28px;font-weight: 600;line-height: 1;width: 35px;}
.index .floor2 .floorCont .group3 .item .img{width: 60px;display: flex;align-items: center;justify-content: center;position: relative;height: 60px;}
.index .floor2 .floorCont .group3 .item .img .hover{width: 100%;display: none;align-items: center;justify-content: center;position: absolute;height: 100%;left: 0;top: 0;background: rgba(239,5,5,.7);}
.index .floor2 .floorCont .group3 .item .img:hover .hover{display: flex;}
.index .floor2 .floorCont .group3 .item .right{width: calc(100% - 125px);}
.index .floor2 .floorCont .group3 .item .right p{font-size: 12px;color: #999;line-height: 1.8;}
.index .floor2 .floorCont .group .moreLink{display: inline-block;padding: 3px 0;color: #ef0505;border-bottom: 1px solid #ef0505;font-size: 16px;text-transform: uppercase;margin-top: 20px;line-height: 1;font-weight: 600;}
.index .floor2 .floorCont .group .moreLink:hover{border-bottom-color: transparent;}
.index .floor2 .floorCont .group .moreLink span{font-size: 12px;font-weight: 600;}
.index .floor3{padding: 30px 0;}
.index .floor3 .item{display: block;border-bottom: 1px solid #e7dddc;overflow: hidden;}
.index .floor3 .item .cont{display: flex;justify-content: space-between;padding: 8px;position: relative;left: 0;}
.index .floor3 .item .left{width: 300px;height: 168px;}
.index .floor3 .item .right{width: calc(100% - 320px);display: flex;justify-content: space-between;}
.index .floor3 .item .right .iconBox{width: 80px;display: flex;height: 100%;align-items: center;justify-content: center;}
.index .floor3 .item .right .iconBox .icon{width: 29px;height: 21px;display: flex;background: url("../images/14.png") no-repeat;background-size: 100% 100%;}
.index .floor3 .item .right .info{width: calc(100% - 80px);padding: 15px 0;}
.index .floor3 .item .right .info h4{font-size: 18px;margin-bottom: 20px;font-weight: 600;}
.index .floor3 .item .right .info p{font-size: 14px;line-height: 1.6;color: #333;}
.index .floor3 .item:hover{background: #f5f5f5;left: 10px;}
.index .floor3 .item:hover .cont{left: 10px;}
.index .floor3 .item:hover .right h4{color: #ef0505;}
.index .floor3 .item:hover .right .iconBox .icon{background: url("../images/14-a.png") no-repeat;background-size: 100% 100%;}

.in-footer-top{position: relative;}
.in-footer-top .in-footer-top-bg{width: 100%;max-height: 772px;}
.in-footer-top .cont{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;
    background: -moz-linear-gradient(bottom, rgba(0,0,0,.3) 0%, rgba(255,255,255,.1) 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(0,0,0,.3)), color-stop(100%,rgba(255,255,255,.1)));
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,.3) 0%,rgba(255,255,255,.1) 100%);
    background: -o-linear-gradient(bottom, rgba(0,0,0,.3) 0%,rgba(255,255,255,.1) 100%);
    background: -ms-linear-gradient(bottom, rgba(0,0,0,.3) 0%,rgba(255,255,255,.1) 100%);
    background: linear-gradient(to top, rgba(0,0,0,.3) 0%,rgba(255,255,255,.1) 70%);}
.in-footer-top .cont .mainWidth{display: flex;align-items: flex-end;justify-content: space-between;}
.in-footer-top .item{display: flex;align-items: center;justify-content: center;flex-direction: column;flex: 1;}
.in-footer-top .item .icon{margin-bottom: 10px;}
.in-footer-top .item h1{color: #fff;font-size: 50px;line-height: 1.2;}
.in-footer-top .item h3{color: #fff;font-size: 32px;line-height: 1.2;}
.in-footer-top .item p{color: #ccc;font-size: 28px;line-height: 1.2;text-transform: uppercase;}
.in-footer-top .item span{width: 65px;height: 2px;background: #fff;margin: 20px 0;}

.footer{position: relative;height: 300px;background: url("../images/21.gif") no-repeat;background-size: 100% 100%;background: #111;}
.footer .cont{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;}
.footer .cont .mainWidth .floor1{display: flex;justify-content: space-between;height: 200px;padding: 15px 0;}
.footer .item{display: flex;flex: 1;}
.footer .item:nth-child(2){justify-content: center;}
.footer .item:nth-child(3){justify-content: flex-end;}
.footer .item dl dt{color: #fff;font-size: 16px;}
.footer .item dl dd a{color: #fff;font-size: 14px;line-height: 1.8}
.footer .item dl dd:hover a{color: #ef0505;}
.footer .floor2{display: flex;align-items: center;}
.footer .floor2 a{margin-right: 30px;}

/*弹出层*/
.mixdj-popups{display: none;}
.login-model .model{position: fixed;display: flex;width: 100%;left: 0;top: 0;height: 100%;background: rgba(0,0,0,.7);z-index: 100;justify-content: center;}
.login-model .layui-form{background: rgba(239,5,5,.3);border: 1px solid #ef0505;width: 530px;position: relative;padding: 65px;}
.login-model .layui-form .corner1{position: absolute;left: 0;top: 0;border-top: 3px solid #ef0505;border-left: 3px solid #ef0505;width: 36px;height: 36px;}
.login-model .layui-form .corner2{position: absolute;right: 0;top: 0;border-top: 3px solid #ef0505;border-right: 3px solid #ef0505;width: 36px;height: 36px;}
.login-model .layui-form .corner3{position: absolute;right: 0;bottom: 0;border-bottom: 3px solid #ef0505;border-right: 3px solid #ef0505;width: 36px;height: 36px;}
.login-model .layui-form .corner4{position: absolute;left: 0;bottom: 0;border-bottom: 3px solid #ef0505;border-left: 3px solid #ef0505;width: 36px;height: 36px;}
.login-model .layui-form .close-model{position: absolute;right: 10px;top: 10px;width: 30px;height: 30px;opacity: .7;}
.login-model .layui-form .close-model:hover{opacity: 1;cursor: pointer;}
.login-model .layui-form h4{font-size: 20px;text-align: center;color: #fff;margin-bottom: 30px;}
.login-model .layui-form .inputItem{position: relative;margin-top: 30px;}
.login-model .layui-form .inputItem input{width: 100%;height: 40px;border: 1px solid #ef0505;padding: 0 40px;background: transparent;color: #fff;font-size: 16px;}
.login-model .layui-form .inputItem .icon{position: absolute;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;left: 0;top: 0;}
.login-model .layui-form .otherItem{margin-top: 20px;display: flex;justify-content: space-between;align-items: center;}
.login-model .layui-form .otherItem .layui-form-checkbox[lay-skin=primary] i{border-color: #ef0505;background-color: rgba(239,5,5,.3);color: rgba(239,5,5,.3)}
.login-model .layui-form .otherItem .layui-form-checked[lay-skin=primary] i{border-color: #ef0505;background-color: #ef0505;color: #fff;}
.login-model .layui-form .otherItem .layui-form-checkbox[lay-skin=primary] span{color: #fff;font-size: 16px;}
.login-model .layui-form .otherItem .fgtpsw{color: #ef0505;font-size: 16px;}
.login-model .layui-form .btnItem .submitBtn{display: flex;width: 100%;height: 40px;background: #ff3939;color: #fff;border: none;outline: none;align-items: center;justify-content: center;font-size: 18px;margin-top: 20px;cursor: pointer;}
.login-model .layui-form .btnItem .submitBtn:hover{background: #ef0505;}
.login-model .layui-form .otherItem .register{color: #ef0505;font-size: 16px;}

.register-model .model{position: fixed;display: flex;width: 100%;left: 0;top: 0;height: 100%;background: rgba(0,0,0,.7);z-index: 100;justify-content: center;}
.register-model .layui-form{background: rgba(239,5,5,.3);border: 1px solid #ef0505;width: 530px;position: relative;padding: 65px;}
.register-model .layui-form .corner1{position: absolute;left: 0;top: 0;border-top: 3px solid #ef0505;border-left: 3px solid #ef0505;width: 36px;height: 36px;}
.register-model .layui-form .corner2{position: absolute;right: 0;top: 0;border-top: 3px solid #ef0505;border-right: 3px solid #ef0505;width: 36px;height: 36px;}
.register-model .layui-form .corner3{position: absolute;right: 0;bottom: 0;border-bottom: 3px solid #ef0505;border-right: 3px solid #ef0505;width: 36px;height: 36px;}
.register-model .layui-form .corner4{position: absolute;left: 0;bottom: 0;border-bottom: 3px solid #ef0505;border-left: 3px solid #ef0505;width: 36px;height: 36px;}
.register-model .layui-form .close-model{position: absolute;right: 10px;top: 10px;width: 30px;height: 30px;opacity: .7;}
.register-model .layui-form .close-model:hover{opacity: 1;cursor: pointer;}
.register-model .layui-form h4{font-size: 20px;text-align: center;color: #fff;margin-bottom: 30px;}
.register-model .layui-form .inputItem{position: relative;margin-top: 30px;}
.register-model .layui-form .inputItem input{width: 100%;height: 40px;border: 1px solid #ef0505;padding: 0 40px;background: transparent;color: #fff;font-size: 16px;}
.register-model .layui-form .inputItem .icon{position: absolute;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;left: 0;top: 0;}
.register-model .layui-form .inputItem .acquireCode{height: 40px;line-height: 40px;padding: 0 15px;font-size: 14px;color: #ef0505;position: absolute;right: 0;top: 0;}
.register-model .layui-form .otherItem{margin-top: 20px;display: flex;justify-content: space-between;align-items: center;}
.register-model .layui-form .otherItem .layui-form-checkbox[lay-skin=primary] i{border-color: #ef0505;background-color: rgba(239,5,5,.3);color: rgba(239,5,5,.3)}
.register-model .layui-form .otherItem .layui-form-checked[lay-skin=primary] i{border-color: #ef0505;background-color: #ef0505;color: #fff;}
.register-model .layui-form .otherItem .layui-form-checkbox[lay-skin=primary] span{color: #fff;font-size: 16px;padding-right: 0;}
.register-model .layui-form .otherItem .agreement{color: #ef0505;font-size: 16px;}
.register-model .layui-form .btnItem .submitBtn{display: flex;width: 100%;height: 40px;background: #ff3939;color: #fff;border: none;outline: none;align-items: center;justify-content: center;font-size: 18px;margin-top: 20px;cursor: pointer;}
.register-model .layui-form .btnItem .submitBtn:hover{background: #ef0505;}

.resetPassword-model .model{position: fixed;display: flex;width: 100%;left: 0;top: 0;height: 100%;background: rgba(0,0,0,.7);z-index: 100;justify-content: center;}
.resetPassword-model .layui-form{background: rgba(239,5,5,.3);border: 1px solid #ef0505;width: 530px;position: relative;padding: 65px;}
.resetPassword-model .layui-form .corner1{position: absolute;left: 0;top: 0;border-top: 3px solid #ef0505;border-left: 3px solid #ef0505;width: 36px;height: 36px;}
.resetPassword-model .layui-form .corner2{position: absolute;right: 0;top: 0;border-top: 3px solid #ef0505;border-right: 3px solid #ef0505;width: 36px;height: 36px;}
.resetPassword-model .layui-form .corner3{position: absolute;right: 0;bottom: 0;border-bottom: 3px solid #ef0505;border-right: 3px solid #ef0505;width: 36px;height: 36px;}
.resetPassword-model .layui-form .corner4{position: absolute;left: 0;bottom: 0;border-bottom: 3px solid #ef0505;border-left: 3px solid #ef0505;width: 36px;height: 36px;}
.resetPassword-model .layui-form .close-model{position: absolute;right: 10px;top: 10px;width: 30px;height: 30px;opacity: .7;}
.resetPassword-model .layui-form .close-model:hover{opacity: 1;cursor: pointer;}
.resetPassword-model .layui-form h4{font-size: 20px;text-align: center;color: #fff;margin-bottom: 30px;}
.resetPassword-model .layui-form .inputItem{position: relative;margin-top: 30px;}
.resetPassword-model .layui-form .inputItem input{width: 100%;height: 40px;border: 1px solid #ef0505;padding: 0 40px;background: transparent;color: #fff;font-size: 16px;}
.resetPassword-model .layui-form .inputItem .icon{position: absolute;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;left: 0;top: 0;}
.resetPassword-model .layui-form .inputItem .acquireCode{height: 40px;line-height: 40px;padding: 0 15px;font-size: 14px;color: #ef0505;position: absolute;right: 0;top: 0;}
.resetPassword-model .layui-form .otherItem{margin-top: 20px;display: flex;justify-content: space-between;align-items: center;}
.resetPassword-model .layui-form .otherItem .layui-form-checkbox[lay-skin=primary] i{border-color: #ef0505;background-color: rgba(239,5,5,.3);color: rgba(239,5,5,.3)}
.resetPassword-model .layui-form .otherItem .layui-form-checked[lay-skin=primary] i{border-color: #ef0505;background-color: #ef0505;color: #fff;}
.resetPassword-model .layui-form .otherItem .layui-form-checkbox[lay-skin=primary] span{color: #fff;font-size: 16px;}
.resetPassword-model .layui-form .btnItem .submitBtn{display: flex;width: 100%;height: 40px;background: #ff3939;color: #fff;border: none;outline: none;align-items: center;justify-content: center;font-size: 18px;margin-top: 20px;cursor: pointer;}
.resetPassword-model .layui-form .btnItem .submitBtn:hover{background: #ef0505;}

.comment-model .model{position: fixed;display: flex;width: 100%;left: 0;top: 0;height: 100%;background: rgba(0,0,0,.7);z-index: 100;justify-content: center;}
.comment-model .layui-form{background: rgba(239,5,5,.3);border: 1px solid #ef0505;width: 560px;position: relative;padding: 65px;}
.comment-model .layui-form .corner1{position: absolute;left: 0;top: 0;border-top: 3px solid #ef0505;border-left: 3px solid #ef0505;width: 36px;height: 36px;}
.comment-model .layui-form .corner2{position: absolute;right: 0;top: 0;border-top: 3px solid #ef0505;border-right: 3px solid #ef0505;width: 36px;height: 36px;}
.comment-model .layui-form .corner3{position: absolute;right: 0;bottom: 0;border-bottom: 3px solid #ef0505;border-right: 3px solid #ef0505;width: 36px;height: 36px;}
.comment-model .layui-form .corner4{position: absolute;left: 0;bottom: 0;border-bottom: 3px solid #ef0505;border-left: 3px solid #ef0505;width: 36px;height: 36px;}
.comment-model .layui-form .text-field{border: 1px solid #ef0505;height: 100px;position: relative;}
.comment-model .layui-form .text-field .layui-textarea{width: 100%;height: 80px;display: block;min-height: inherit;resize: none;background: transparent;border: none;color: #fff;font-size: 16px;}
.comment-model .layui-form .text-field .count-text{position: absolute;right: 10px;bottom: 5px;color: #fff;}
.comment-model .layui-form .rule{padding: 20px 0;}
.comment-model .layui-form .rule dt{font-size: 16px;color: #fff;}
.comment-model .layui-form .rule dd{font-size: 14px;color: #fff;}
.comment-model .layui-form .btnItem{display: flex;align-items: center;justify-content: center;}
.comment-model .layui-form .btnItem a{display: flex;width: 170px;height: 40px;align-items: center;justify-content: center;font-size: 18px;margin: 0 15px;}
.comment-model .layui-form .btnItem .close-model{background: #eee;color: #333;}
.comment-model .layui-form .btnItem .close-model:hover{background: #fff;}
.comment-model .layui-form .btnItem .publishBtn{background: #ff3939;color: #fff;}
.comment-model .layui-form .btnItem .publishBtn:hover{background: #ef0505;}

.first-open .model{position: fixed;display: flex;width: 100%;left: 0;top: 0;height: 100%;background: rgba(0,0,0,.7);z-index: 100;justify-content: center;}
.first-open .layui-form{background: rgba(239,5,5,.3);border: 1px solid #ef0505;width: 830px;position: relative;padding: 65px;}
.first-open .layui-form .corner1{position: absolute;left: 0;top: 0;border-top: 3px solid #ef0505;border-left: 3px solid #ef0505;width: 36px;height: 36px;}
.first-open .layui-form .corner2{position: absolute;right: 0;top: 0;border-top: 3px solid #ef0505;border-right: 3px solid #ef0505;width: 36px;height: 36px;}
.first-open .layui-form .corner3{position: absolute;right: 0;bottom: 0;border-bottom: 3px solid #ef0505;border-right: 3px solid #ef0505;width: 36px;height: 36px;}
.first-open .layui-form .corner4{position: absolute;left: 0;bottom: 0;border-bottom: 3px solid #ef0505;border-left: 3px solid #ef0505;width: 36px;height: 36px;}
.first-open .layui-form .close-model{position: absolute;right: 10px;top: 10px;width: 30px;height: 30px;opacity: .7;}
.first-open .layui-form .close-model:hover{opacity: 1;cursor: pointer;}
.first-open .layui-form h4{font-size: 20px;text-align: center;color: #fff;margin-bottom: 30px;}
.first-open .layui-form p{font-size: 14px;color: #fff;}

.use-agreement .model{position: fixed;display: flex;width: 100%;left: 0;top: 0;height: 100%;background: rgba(0,0,0,.7);z-index: 100;justify-content: center;}
.use-agreement .layui-form{background: #fff;border: 1px solid #ef0505;width: 560px;position: relative;padding: 65px;}
.use-agreement .layui-form .corner1{position: absolute;left: 0;top: 0;border-top: 3px solid #ef0505;border-left: 3px solid #ef0505;width: 36px;height: 36px;}
.use-agreement .layui-form .corner2{position: absolute;right: 0;top: 0;border-top: 3px solid #ef0505;border-right: 3px solid #ef0505;width: 36px;height: 36px;}
.use-agreement .layui-form .corner3{position: absolute;right: 0;bottom: 0;border-bottom: 3px solid #ef0505;border-right: 3px solid #ef0505;width: 36px;height: 36px;}
.use-agreement .layui-form .corner4{position: absolute;left: 0;bottom: 0;border-bottom: 3px solid #ef0505;border-left: 3px solid #ef0505;width: 36px;height: 36px;}
.use-agreement .layui-form .close-model{position: absolute;right: 10px;top: 10px;width: 30px;height: 30px;opacity: .7;}
.use-agreement .layui-form .close-model:hover{opacity: 1;cursor: pointer;}
.use-agreement .layui-form .cont{overflow-y: scroll;max-height: 550px;}
.use-agreement .layui-form h4{font-size: 20px;text-align: center;color: #333;margin-bottom: 30px;}
.use-agreement .layui-form p{font-size: 16px;color: #333;margin-bottom: 10px;}

.mixdj-popups .formCont{display: flex;align-items: center;}
.mixdj-popups .formCont .return-icon{color: #ef0505;font-size: 16px;}
/*.mixdj-popups .formCont .return-icon:hover{opacity: 1;cursor: pointer;}*/

.miniAppCode .model{position: fixed;display: flex;width: 100%;left: 0;top: 0;height: 100%;background: rgba(0,0,0,.7);z-index: 100;justify-content: center;}
.miniAppCode .layui-form{background: rgba(239,5,5,.3);border: 1px solid #ef0505;width: 560px;position: relative;padding: 20px 15px;}
.miniAppCode .layui-form .corner1{position: absolute;left: 0;top: 0;border-top: 3px solid #ef0505;border-left: 3px solid #ef0505;width: 36px;height: 36px;}
.miniAppCode .layui-form .corner2{position: absolute;right: 0;top: 0;border-top: 3px solid #ef0505;border-right: 3px solid #ef0505;width: 36px;height: 36px;}
.miniAppCode .layui-form .corner3{position: absolute;right: 0;bottom: 0;border-bottom: 3px solid #ef0505;border-right: 3px solid #ef0505;width: 36px;height: 36px;}
.miniAppCode .layui-form .corner4{position: absolute;left: 0;bottom: 0;border-bottom: 3px solid #ef0505;border-left: 3px solid #ef0505;width: 36px;height: 36px;}
.miniAppCode .layui-form .close-model{position: absolute;right: 10px;top: 10px;width: 30px;height: 30px;opacity: .7;}
.miniAppCode .layui-form .close-model:hover{opacity: 1;cursor: pointer;}
.miniAppCode .layui-form .cont h4{font-size: 20px;text-align: center;color: #fff;margin-bottom: 10px;}
.miniAppCode .layui-form .cont .code-img{width: 100%;}
.miniAppCode .layui-form .cont p{font-size: 16px;color: #fff;margin-top: 10px;text-align: center;}

.single-list{padding: 30px 0;}
.single-list .mainWidth{display: flex;justify-content: space-between;}
.single-list .left{width: 870px;}
.song-list-all .item{border-bottom: 1px solid #e3e3e3;padding: 5px 0;display: flex;justify-content: space-between;}
.song-list-all .item:hover{background: #f8f8f9;}
.song-list-all .item .group1{width: 110px;display: flex;align-items: center;justify-content: center;}
.song-list-all .item .group1 .number{font-size: 14px;color: #333;width: 25px;}
.song-list-all .item .group1 .song-img{width: 55px;height: 55px;overflow: hidden;margin-left: 10px;position: relative;}
.song-list-all .item .group1 .song-img .hover{position: absolute;width: 100%;height: 100%;background: rgba(239,5,5,.7);left: 0;top: 0;display: none;align-items: center;justify-content: center;}
.song-list-all .item .group1 .song-img .hover .switch-controller{width: 30px;height: 30px;}
.song-list-all .item .group1 .song-img:hover .hover{display: flex;}
.song-list-all .item .group1 .song-img.active .hover{display: flex;}
.song-list-all .item .group1 .song-img .switch-controller.type1 a{width: 30px;height: 30px;}
.song-list-all .item .group2{display: flex;justify-content: space-between;width: calc(100% - 110px - 180px - 30px*2);margin: 0 30px;}
.song-list-all .item .group2 .set{display: flex;}
.song-list-all .item .group2 .set2{justify-content: center;flex-direction: column;width: 180px;}
.song-list-all .item .group2 .set1{flex-direction: column;width: calc(100% - 200px)}
.song-list-all .item .group2 .set1 .song-name{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #000;font-size: 14px;height: 30px;line-height: 30px;}
.song-list-all .item .group2 .set1 .listened{color: #ef0505;}
.song-ratingBar{height: 25px;display: flex;align-items: center;}
.song-ratingBar span{width: 20px;height: 19px;margin-right: 10px;background: url("../images/27.png") no-repeat;background-size: 100% 100%;}
.song-ratingBar span.active{background: url("../images/27-a.png") no-repeat;background-size: 100% 100%;}
.song-list-all .item .group2 .set2 .top{display: flex;justify-content: space-between;}
.song-list-all .item .group2 .set2 .top .p1{color: #999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;height: 30px;line-height: 30px;width: calc(100% - 120px);}
.song-list-all .item .group2 .set2 .top .p2{color: #000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;height: 30px;line-height: 30px;}
.song-list-all .item .group2 .set1 .bottom p{height: 25px;line-height: 25px;font-size: 12px;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.song-list-all .item .group2 .set1 .bottom p a{color: #666;}
.song-list-all .item .group2 .set1 .bottom p a:hover{color: #ef0505;}
.song-list-all .item .group3{display: flex;align-items: center;}
.song-other-operation{width: 180px;display: flex;align-items: center;justify-content: space-between;}
.song-other-operation .set{display: flex;flex-direction: column;align-items: center;justify-content: center;flex: 1;cursor: pointer;}
.song-other-operation .set .icon{width: 16px;height: 16px;margin-bottom: 5px;}
.song-other-operation .set.bfl .icon{background: url("../images/28.png") no-repeat;background-size: 100% 100%;}
.song-other-operation .set.pll .icon{background: url("../images/29.png") no-repeat;background-size: 100% 100%;}
.song-other-operation .set.scl .icon{background: url("../images/30.png") no-repeat;background-size: 100% 100%;}
.song-other-operation .set.xzl .icon{background: url("../images/31.png") no-repeat;background-size: 100% 100%;}
.song-other-operation .set.bfl:hover .icon{background: url("../images/28-a.png") no-repeat;background-size: 100% 100%;}
.song-other-operation .set.pll:hover .icon{background: url("../images/29-a.png") no-repeat;background-size: 100% 100%;}
.song-other-operation .set.scl:hover .icon{background: url("../images/30-a.png") no-repeat;background-size: 100% 100%;}
.set.scl .active.icon{background: url("../images/30-a.png") no-repeat;background-size: 100% 100%;}
.song-other-operation .set.xzl:hover .icon{background: url("../images/31-a.png") no-repeat;background-size: 100% 100%;}

.single-list .right{width: 300px;}
.right-other-list{margin-bottom: 30px;}
.right-other-list dt{font-size: 20px;margin-bottom: 10px;font-weight: 600;}
.right-other-list dd a{display: flex;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #ef0505;font-size: 14px;height: 30px;line-height: 30px;}
.right-other-list dd:hover a{text-decoration: underline;}

.mixdj-player .mixdj-player-long{position: fixed;width: 100%;left: 0;bottom: 0;z-index: 80;}
.mixdj-player .mixdj-player-long .floor1{background: #000;}
.mixdj-player .mixdj-player-long .cont{padding: 0 60px 0 185px;position: relative;}
.mixdj-player .mixdj-player-long .cont .song-img{position: absolute !important;left: 0;width: 120px;height: 120px;top: 50%;margin-top: -60px;overflow: hidden;border-radius: 50%;}
.mixdj-player .mixdj-player-long .song-img canvas{width: 120px;height: 120px;}
.mixdj-player .mixdj-player-long .cont .song-img .songImg{position: absolute;width: 102px;left: 9px;top: 9px;border-radius: 50%;z-index: 1;}
.mixdj-player .mixdj-player-long .cont .song-img .hover{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;align-items: center;justify-content: center;z-index: 10;}
.mixdj-player .mixdj-player-long .cont .song-img .hover .switch-controller{width: 40px;height: 40px;}
.mixdj-player .mixdj-player-long .cont .song-img .switch-controller.type1 a{width: 40px;height: 40px;}

.mixdj-player .mixdj-player-long .cont .song-info{height: 130px;padding: 10px 0;}
.mixdj-player .mixdj-player-long .cont .song-info .song-name{display: flex;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #fff;font-size: 14px;height: 30px;line-height: 30px;}
.mixdj-player .mixdj-player-long .cont .song-info .song-name-Marquee:hover .song-name{color: #ef0505;}
.mixdj-player .mixdj-player-long .cont .song-info .oscillogramBox{height: 42px;width: 100%;position: relative;}
.mixdj-player .mixdj-player-long .cont .song-info .oscillogramBox .oscillogram{display: block;width: 100%;height: 42px;}
.mixdj-player .mixdj-player-long .cont .song-info .oscillogramBox .progress-bar-box{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.mixdj-player .mixdj-player-long .cont .song-info .oscillogramBox .progress-bar{position: absolute;height: 100%;left: 0;top: 0;border-right: 1px solid #fff;background: rgba(239,5,5,.5);}
.mixdj-player .mixdj-player-long .cont .song-info .btnItem{margin-top: 10px;display: flex;justify-content: space-between;align-items: center;}
.mixdj-player .mixdj-player-long .cont .song-info .btnItem .left{display: flex;align-items: center;width: calc(100% - 300px)}
.mixdj-player .mixdj-player-long .cont .song-info .btnItem .left .song-property .cate-name{color: #fff}
.mixdj-player .mixdj-player-long .cont .song-info .btnItem .left .song-property .cate-name:hover{color: #ef0505}
.switch-controller.type2{display: flex;align-items: center;justify-content: space-between;}
.switch-controller.type2 a{display: flex;align-items: center;justify-content: center;width: 32px;height: 22px;background: #ef0505;border-radius: 3px;margin-right: 8px;}
.switch-controller.type2 a:hover{opacity: .8;}
.switch-controller.type2 .paused-item{display: none;}
.mixdj-player .mixdj-player-long .cont .song-info .btnItem .left .info{font-size: 14px;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.mixdj-player .mixdj-player-long .cont .song-info .btnItem .commentBtn{display: flex;height: 22px;align-items: center;font-size: 14px;color: #fff;}
.mixdj-player .mixdj-player-long .cont .song-info .btnItem .commentBtn img{margin: 0 5px;}
.mixdj-player .mixdj-player-long .cont .song-info .btnItem .download-link{width: 19px;height: 19px;background: url("../images/66.png") no-repeat;background-size: 100% 100%;margin-left: 15px;}
.mixdj-player .mixdj-player-long .cont .song-info .btnItem .download-link:hover{background: url("../images/66-a.png") no-repeat;background-size: 100% 100%;}
.mixdj-player .mixdj-player-long .cont .song-info .btnItem .be-like{width: 19px;height: 17px;background: url("../images/67.png") no-repeat;background-size: 100% 100%;margin-left: 20px;}
.mixdj-player .mixdj-player-long .cont .song-info .btnItem .be-like.active{background: url("../images/67-a.png") no-repeat;background-size: 100% 100%;}
.mixdj-player .mixdj-player-long .cont .song-info .right{display: flex;align-items: center;width: 300px;}
.mixdj-player .mixdj-player-long .cont .song-info .song-time{color: #fff;font-size: 14px;margin-left: 20px;}
.mixdj-player .mixdj-player-long .cont .switchover-player{position: absolute;width: 25px;height: 25px;right: 10px;top: 10px;}
.mixdj-player .mixdj-player-long .floor2{background: rgba(68,65,65,1);height: 32px;}
.mixdj-player .mixdj-player-long .floor2 .cont{display: flex;justify-content: space-between;align-items: center;}
.mixdj-player .mixdj-player-long .floor2 .cont span{font-size: 14px;color: #fff;line-height: 32px;margin-right: 30px;}
.mixdj-player .mixdj-player-long .floor2 .cont span span{color: #11cae2;margin: 0;}
marquee{background: transparent;display: block;cursor: pointer;color: #fff;font-size: 14px;}
.mixdj-player .mixdj-player-mini{position: fixed;width: 260px;height: 290px;background: #000;right: 30px;bottom: 30%;z-index: 80;display: none;}
.mixdj-player .mixdj-player-mini .song-img{overflow: hidden;border-radius: 50%;width: 160px;height: 160px;margin: 20px auto 0;position: relative;}
.mixdj-player .mixdj-player-mini .song-img canvas{width: 160px;height: 160px;}
.mixdj-player .mixdj-player-mini .song-img .songImg{position: absolute;width: 138px;left: 11px;top: 11px;border-radius: 50%;z-index: 1;}
.mixdj-player .mixdj-player-mini .switchover-player{position: absolute;width: 25px;height: 25px;right: 10px;top: 10px;}
.mixdj-player .mixdj-player-mini .song-info{padding: 0 20px;}
.mixdj-player .mixdj-player-mini .song-info .song-name{display: flex;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #fff;font-size: 14px;height: 30px;line-height: 30px;justify-content: center;}
.mixdj-player .mixdj-player-mini .song-info .btnItem{margin-top: 10px;display: flex;justify-content: center;align-items: center;}
.mixdj-player .mixdj-player-mini .song-info .btnItem .left{display: flex;align-items: center;}
.mixdj-player .mixdj-player-mini .song-info .btnItem .switch-controller{display: flex;align-items: center;justify-content: space-between;}
.mixdj-player .mixdj-player-mini .song-info .btnItem .switch-controller a{display: flex;align-items: center;justify-content: center;width: 32px;height: 22px;background: #ef0505;border-radius: 3px;margin-right: 8px;}
.mixdj-player .mixdj-player-mini .song-info .btnItem .switch-controller .paused-item{display: none;}
.song-name-Marquee{background: none !important;height: 30px !important;line-height: 30px;}

.user-center{padding: 60px 0 170px;}
.page-title{font-size: 40px;text-transform: uppercase;text-align: center;line-height: 1;margin-bottom: 50px;}
.page-title.bold{font-weight: 600;}
.user-center .user-info{display: flex;padding: 30px;margin-bottom: 50px;}
.user-center .user-info .img{width: 110px;height: 110px;overflow: hidden;border-radius: 50%;margin-right: 20px;}
.user-center .user-info .img img{width: 110px;height: 110px;overflow: hidden;border-radius: 50%;}
.user-center .user-info .info h3{height: 36px;font-size: 22px;font-weight: 600;line-height: 36px;display: flex;align-items: center;}
.user-center .user-info .info h3 span{display: flex;height: 24px;padding: 0 8px;background: #ef0505;border-radius: 6px 0 6px 0;color: #fff;font-size: 14px;align-items: center;margin-left: 20px;font-weight: 500;}
.user-center .user-info .info h4{font-size: 20px;color: #666;}
.user-center .user-info .info h4 span{font-weight: 600;color: #333;}
.user-center .user-info .info p{display: flex;align-items: center;font-size: 20px;color: #666;margin-top: 10px;}
.user-center .user-info .info p span{font-weight: 600;color: #333;}
.user-center .user-center-menu{display: flex;flex-flow: wrap;margin-bottom: 30px;}
.user-center .user-center-menu .item{width: calc(100% / 8);height: 180px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.user-center .user-center-menu .item p{font-size: 20px;margin-top: 20px;color: #333;}
.user-center .user-center-menu .item:hover{webkit-box-shadow: 0 0 25px -5px #a9a9a9;-moz-box-shadow: 0 0 25px -5px #a9a9a9;box-shadow: 0 0 25px -5px #a9a9a9;}
.user-center .user-center-menu .item.active{webkit-box-shadow: 0 0 25px -5px #a9a9a9;-moz-box-shadow: 0 0 25px -5px #a9a9a9;box-shadow: 0 0 25px -5px #a9a9a9;}
.user-center .user-center-menu .item.active p{color: #ef0505;}

.news-list{padding: 60px 0 170px;}
.news-list .list .item{display: block;border-bottom: 1px solid #e7dddc;overflow: hidden;}
.news-list .list .item .cont{display: flex;justify-content: space-between;padding: 8px;position: relative;left: 0;}
.news-list .list .item .left{width: 300px;height: 168px;}
.news-list .list .item .right{width: calc(100% - 320px);display: flex;justify-content: space-between;}
.news-list .list .item .right .iconBox{width: 80px;display: flex;height: 100%;align-items: center;justify-content: center;}
.news-list .list .item .right .iconBox .icon{width: 29px;height: 21px;display: flex;background: url("../images/14.png") no-repeat;background-size: 100% 100%;}
.news-list .list .item .right .info{width: calc(100% - 80px);padding: 15px 0;}
.news-list .list .item .right .info h4{font-size: 18px;margin-bottom: 20px;font-weight: 600;}
.news-list .list .item .right .info p{font-size: 14px;line-height: 1.6;color: #333;}
.news-list .list .item:hover{background: #f5f5f5;}
.news-list .list .item:hover .cont{left: 10px;}
.news-list .list .item:hover .right h4{color: #ef0505;}
.news-list .list .item:hover .right .iconBox .icon{background: url("../images/14-a.png") no-repeat;background-size: 100% 100%;}

.news-details{padding: 60px 0 170px;}
.news-details h3.title{font-size: 18px;font-weight: 600;color: #000;margin-bottom: 20px;text-align: center;line-height: 1.5;}
.news-details h5{display: flex;align-items: center;justify-content: center;margin-bottom: 30px;}
.news-details h5 span{display: flex;align-items: center;margin: 0 20px;font-size: 12px;color: #666;}
.news-details h5 span img{margin-right: 5px;}
.news-details p{font-size: 14px;line-height: 1.6;margin-bottom: 20px;display: flex;align-items: center;justify-content: center;}

.time-slot{margin-bottom: 15px;font-size: 20px;font-weight: 600;color: #ff3939;border-bottom: 1px solid #eee;padding: 15px 0;}
.resource-package{padding: 60px 0 170px;}
.resource-package-list{display: flex;flex-flow: wrap;}
.resource-package-list .item{position: relative;width: 288px;height: 288px;margin-bottom: 16px;margin-right: 16px;}
.resource-package-list .item img{width: 100%;height: 100%;}
.resource-package-list .item:nth-child(4n){margin-right: 0;}
.resource-package-list .item .Boutique{position: absolute;width: 110px;height: 110px;right: 0;top: 0;}
.resource-package-list .item .hover{position: absolute;width: 100%;left: 0;bottom: 0;background: rgba(0,0,0,.6);padding: 5px 10px;}
.resource-package-list .item .hover h3{margin-bottom: 6px;font-size: 16px;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.resource-package-list .item .hover p.text{font-size: 14px;color: #fff;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 42px;white-space: pre-line;}
.resource-package-list .item .hover p.time{font-size: 14px;color: #fff;}

.resource-details{padding: 60px 0 170px;}
.resource-details-info{display: flex;}
.resource-details-info .img{width: 288px;height: 288px;margin-right: 20px;}
.resource-details-info .info{height: 288px;position: relative;}
.resource-details-info .info h3{font-size: 30px;font-weight: 600;line-height: 1;margin-bottom: 20px;}
.resource-details-info .info p{font-size: 16px;color: #666;margin-bottom: 20px;}
.resource-details-info .info p span{font-weight: 600;color: #333;}
.resource-details-info .info .download{position: absolute;width: 120px;height: 38px;background: #ff3939;border-radius: 4px;display: flex;align-items: center;justify-content: center;font-size: 18px;color: #fff;left: 0;bottom: 0;}
.resource-details-info .info .download:hover{background: #ef0505;}
.resource-details .recommend-title{padding: 40px 0 30px;border-top: 1px solid #d7d7d7;margin-top: 40px;font-size: 26px;line-height: 30px;font-weight: 600;}

.style-page{padding: 60px 0 170px;}
.style-page-header{display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #e3e3e3;margin-bottom: 10px;}
.style-page-header .left{display: flex;}
.style-page-header .left .group{position: relative;}
.style-page-header .left .group>a{height: 40px;line-height: 40px;font-size: 20px;padding: 0 15px;display: block;}
.style-page-header .left .group .active{background: #000;color: #fff;}
.style-page-header .left .group:hover>a{background: #000;color: #fff;}
.style-page-header .left .group>a.hover{background: #000;color: #fff;}
.style-page-header .right .layui-form-label{width: auto;font-size: 20px;}
.style-page-header .hover-box{position: absolute;left: 0;top: 39px;width: 420px;padding: 5px 15px;background: #000;display: none;z-index: 1;max-height: 466px;overflow-y: scroll;}
.style-page-header .hover-box::-webkit-scrollbar{display: none;}
.style-sort .hover-box .layui-form{display: flex;flex-direction: column;}
.style-page-header .hover-box .layui-form .layui-form-checkbox{margin: 10px 0;}
.style-page-header .hover-box .layui-form .layui-form-checkbox span{font-size: 14px;color: #fff;display: block;}
.layui-form-checkbox[lay-skin=primary]:hover i{border-color: #ef0505;}
.layui-form-checkbox[lay-skin=primary]:hover span{color: #ef0505 !important;}
.layui-form-checked[lay-skin=primary] i{background-color: #ef0505;border-color: #ef0505;}
.layui-form-checked[lay-skin=primary] span{color: #ef0505 !important;}

.key-sort .hover-box{width: 420px;}
.key-sort .hover-box .layui-form{display: flex;flex-flow: wrap;}
.key-sort .hover-box .layui-form .layui-form-checkbox{width: 50%;}

.bmp-sort .hover-box{padding: 20px;}
.bmp-sort .hover-box .item{margin-bottom: 30px;display: flex;align-items: center;}
.bmp-sort .hover-box .item input{height: 36px;background: #fff;border: none;outline: none;flex: 1;padding: 0 10px;}
.bmp-sort .hover-box .item span{padding: 0 10px;font-size: 16px;color: #fff;}
.bmp-sort .hover-box .item .affirm{display: flex;height: 40px;background: #ff3939 !important;align-items: center;justify-content: center;font-size: 20px;color: #fff;width: 100%;}
.bmp-sort .hover-box .item .affirm:hover{background: #ef0505 !important;}

.uploading-time .hover-box{padding: 20px;width: 300px;}
.uploading-time .hover-box .time-option{display: flex;justify-content: space-between;align-items: center;}
.uploading-time .hover-box .time-option a{font-size: 16px;color: #fff;}
.uploading-time .hover-box .time-option a.active{color: #ef0505;}
.uploading-time .hover-box .time-select{display: flex;flex-direction: column;margin-top: 20px;}
.uploading-time .hover-box .time-select input{height: 36px;line-height: 36px;}
.uploading-time .hover-box .time-select p{height: 50px;font-size: 16px;color: #fff;line-height: 50px;}
.uploading-time .hover-box .time-select .affirm{display: flex;height: 40px;background: #ff3939 !important;align-items: center;justify-content: center;font-size: 20px;color: #fff;width: 100%;margin-top: 20px;}
.uploading-time .hover-box .time-select .affirm:hover{background: #ef0505 !important;}

#pagination{text-align: center;margin: 30px 0;}

.user-center .user-center-title{font-size: 30px;font-weight: 600;margin-bottom: 30px;}
.edit-data .layui-form-item{display: flex;align-items: center;}
.edit-data .layui-form-item .layui-input-inline{width: auto;}

.edit-data .layui-form-item .layui-input-inline .user-img{width: 100px;height: 100px;border-radius: 50%;position: relative;}
.edit-data .layui-form-item .layui-input-inline .user-img img{width: 100px;height: 100px;border-radius: 50%;}
.edit-data .layui-form-item .layui-input-inline .user-img input[type='file']{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 1;opacity: 0;cursor: pointer;}
.edit-data .layui-form-item .layui-input-inline input{width: 265px;}
.edit-data .layui-form-item .layui-input-inline .layui-unselect{display: inline-block;}
.edit-data .layui-form-item .layui-input-inline .layui-unselect input{width: 100%;}
.edit-data .layui-form-item.city select{display: inline-block;width: 138px;height: 38px;line-height: 1.3;line-height: 38px\9;border-width: 1px;border-style: solid;background-color: #fff;border-radius: 2px;border-color: #e6e6e6;padding-left: 8px;}
.edit-data .layui-btn{background: #ff3939;width: 265px;}
.edit-data .layui-btn:hover{background: #ef0505;}
.edit-data .layui-form-label{width: 110px;}

.top-up-record .list li{background: #f8f8f8;padding: 15px 10px;display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;}
.top-up-record .list li .left h3{font-size: 20px;font-weight: 600;}
.top-up-record .list li .left p .type{font-size: 14px;color: #ef0505;margin-right: 10px;}
.top-up-record .list li .left p .time{font-size: 14px;color: #666;}
.top-up-record .list li .right .time{font-size: 14px;color: #666;}

.my-comment .list li{background: #f8f8f8;padding: 15px 10px;display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;}
.my-comment .list li .left h3{font-size: 20px;font-weight: 600;}
.my-comment .list li .left p .comment-num{font-size: 14px;color: #ef0505;margin-right: 10px;}
.my-comment .list li .left p .comment-num img{display: inline-block;vertical-align: middle;margin-right: 5px;}
.my-comment .list li .left p .time{font-size: 14px;color: #666;}
.my-comment .list li .right .time{font-size: 14px;color: #666;}
.my-comment .list li .right .btnBox{display: flex;justify-content: flex-end;align-items: center;}
.my-comment .list li .right .btnBox a{margin-left: 10px;}
.my-comment .list li .right .btnBox .remove{height: 20px;padding: 0 5px;line-height: 20px;background: #ff3939;color: #fff;font-size: 12px;border-radius: 0;display: inline-block;}
.my-comment .list li .right .btnBox .remove:hover{background: #ef0505;}

.my-collect li dt{font-size: 20px;color: #333;border-bottom: 1px solid #f2eae2;margin-bottom: 20px;margin-top: 30px;}
.my-collect li dd{background: #f8f8f8;margin-bottom: 10px;padding: 15px 10px;display: flex;align-items: center;justify-content: space-between;}
.my-collect li dd .left{display: flex;align-items: center;}
.my-collect li dd .left h3{font-size: 20px;font-weight: 600;}
.my-collect li dd .left p .already{height: 20px;padding: 0 5px;line-height: 20px;background: #ef0505;color: #fff;font-size: 12px;border-radius: 3px;margin-right: 10px;display: inline-block;}
.my-collect li dd .left p .comment-num{font-size: 14px;color: #ef0505;margin-right: 10px;}
.my-collect li dd .left p .comment-num img{display: inline-block;vertical-align: middle;margin-right: 5px;}
.my-collect li dd .left p .time{font-size: 14px;color: #666;}
.my-collect li dd .right .time{font-size: 14px;color: #666;}
.my-collect li dd .right .btnBox{display: flex;justify-content: flex-end;align-items: center;}
.my-collect li dd .right .btnBox a{margin-left: 10px;}
.my-collect li dd .right .btnBox .remove{height: 20px;padding: 0 5px;line-height: 20px;background: #ff3939;color: #fff;font-size: 12px;border-radius: 0;display: inline-block;}
.my-collect li dd .right .btnBox .remove:hover{background: #ef0505;}
.my-collect .layui-form-checkbox[lay-skin=primary]:hover i{border-color: #ef0505;}
.my-collect .layui-form-checked[lay-skin=primary] i{border-color: #ef0505;background-color: #ef0505;}
.my-collect .layui-form-checkbox span{font-size: 18px;}
.my-collect li .download{margin: 20px 0;display: flex;align-items: center;justify-content: space-between;}
.my-collect li .download p{font-size: 18px;}
.my-collect li .download .download-btn{width: 170px;height: 40px;background: #ff3939;display: flex;align-items: center;justify-content: center;color: #fff;}
.my-collect li .download .download-btn:hover{background: #ef0505;}

.letter-box .list li{background: #f8f8f8;padding: 15px 10px;display: flex;justify-content: space-between;margin-bottom: 10px;}
.letter-box .list li .left{display: flex;width: calc(100% - 120px)}
.letter-box .list li .left .icon{width: 36px;}
.letter-box .list li .left .info{width: calc(100% - 36px);padding-left: 10px;}
.letter-box .list li .left h3{font-size: 20px;font-weight: 600;}
.letter-box .list li .left p{font-size: 14px;color: #666;line-height: 1.6;height: 22px;overflow: hidden;}
.letter-box .list li .left p .comment-num img{display: inline-block;vertical-align: middle;margin-right: 5px;}
.letter-box .list li .left p .time{font-size: 14px;color: #666;}
.letter-box .list li .right{width: 120px;display: flex;flex-direction: column;align-items: flex-end;}
.letter-box .list li .right .time{font-size: 14px;color: #666;}
.letter-box .list li .right .show-status{display: flex;align-items: center;font-size: 14px;color: #666;margin-top: 5px;}
.letter-box .list li .right .show-status .icon{margin-right: 5px;}
.letter-box .list li .right .btnBox{display: flex;justify-content: flex-end;align-items: center;}
.letter-box .list li .right .btnBox a{margin-left: 10px;}
.letter-box .list li .right .btnBox .remove{height: 20px;padding: 0 5px;line-height: 20px;background: #ff3939;color: #fff;font-size: 12px;border-radius: 0;display: inline-block;}
.letter-box .list li .right .btnBox .remove:hover{background: #ef0505;}

.download-record .list li{background: #f8f8f8;padding: 15px 10px;display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;}
.download-record .list li .left{display: flex;align-items: center;}
.download-record .list li .left .serial{font-size: 14px;margin-right: 10px;}
.download-record .list li .left h3{font-size: 20px;font-weight: 600;}
.download-record .list li .left p .download-num{font-size: 14px;color: #ef0505;margin-right: 10px;}
.download-record .list li .left p .download-num img{display: inline-block;vertical-align: middle;margin-right: 5px;}
.download-record .list li .left p .time{font-size: 14px;color: #666;}
.download-record .list li .right .time{font-size: 14px;color: #666;}

.top-up-page .content{background: #f8f8f8;padding-bottom: 60px;}
.top-up-page .content .user-info{margin-bottom: 0;}
.top-up-page .content .group{margin-top: 30px;padding: 0 30px;}
.top-up-page .content .group .group-title{font-size: 24px;height: 26px;line-height: 26px;border-left: 2px solid #ef0505;padding-left: 10px;}
.top-up-page .content .group .cont ul li{float: left;margin-top: 30px;margin-right: 10px;cursor: pointer;position: relative;}
/*.top-up-page .content .group .cont ul li:nth-child(7n){margin-right: 0;}*/
.top-up-page .content .group .cont ul li span{display: flex;height: 38px;border: 1px solid #666;border-radius: 5px;color: #333;align-items: center;justify-content: center;font-size: 20px;padding: 0 20px;}
.top-up-page .content .group .cont ul li p{font-size: 16px;color: #f6d600;text-align: center;margin-top: 5px;}
.top-up-page .content .group .cont ul li.active span{background: #ef0505;color: #fff;border-color: #ef0505;}
.top-up-page .content .group .cont ul li:hover span{border-color: #ef0505;}
.top-up-page .content .group .cont ul li span input{display: block;width: 100%;height: 36px;border-radius: 5px;border: none;outline: none;background: transparent;text-align: center;}
.top-up-page .content .group3 .cont ul li p{position: absolute;height: 38px;line-height: 38px;font-size: 14px;color: #999;right: 20px;top: 0;margin: 0;}
.top-up-page .content .group3 .cont ul li.active span input{color: #fff;}
.top-up-page .content .group3 .cont ul li.active p{color: #fff;}
.top-up-page .content .group4 .cont{display: flex;margin-top: 30px;flex-direction: column;}
.top-up-page .content .group4 .cont .left{display: flex;align-items: center;}
.top-up-page .content .group4 .cont .left .item{display: flex;align-items: center;margin-right: 30px;}
.top-up-page .content .group4 .cont .left .item img{margin-right: 8px;}
.top-up-page .content .group4 .cont .right .buy-now{display: flex;width: 265px;height: 40px;background: #ff3939;color: #fff;font-size: 18px;align-items: center;justify-content: center;margin-top: 30px;border-radius: 2px;}
.top-up-page .content .group4 .cont .right .buy-now:hover{background: #ef0505;}

.locale-song{padding: 60px 0 170px;}
.locale-song .group{display: flex;justify-content: space-between;}
.locale-song .group .item{font-size: 14px;color: #666;padding: 20px 0;border-bottom: 1px solid #d7d7d7;display: flex;justify-content: space-between;line-height: 1.6;}
.locale-song .group .item1{width: 105px;align-items: center;}
.locale-song .group .item1 h3{font-size: 30px;font-weight: 600;color: #333;}
.locale-song .group .item2{width: 100px;align-items: center;}
.locale-song .group .item2 p{font-size: 16px;color: #333;display: flex;align-items: center;}
.locale-song .group .item2 p .icon{width: 9px;height: 14px;margin-left: 10px;}
.locale-song .group .item2 p.go-down .icon{background: url("../images/57.png") no-repeat;background-size: 100% 100%;}
.locale-song .group .item2 p.go-up .icon{background: url("../images/58.png") no-repeat;background-size: 100% 100%;}
.locale-song .group .item3{width: 160px;}
.locale-song .group .item3 .img{width: 160px;height: 160px;overflow: hidden;position: relative;}
.locale-song .group .item3 .img img{width: 100%;height: 100%;}
.locale-song .group .item3 .img .hover{position: absolute;width: 100%;height: 100%;background: rgba(239,5,5,.7);left: 0;top: 0;display: none;align-items: center;justify-content: center;}
.locale-song .group .item3 .img .hover .switch-controller{margin: 0 8px;}
.locale-song .group .item3 .img:hover .hover{display: flex;}
.locale-song .group .item3 .img:hover .hover{display: flex;}
.locale-song .group .item3 .img.active .hover{display: flex;}
.locale-song .group .item3 p{width: calc(100% - 190px);}
.locale-song .group .item4{width: 290px;align-items: center;padding: 20px 15px;}
.locale-song .group .item4 .list-info-name{font-size: 16px;font-weight: 700;}
.locale-song .group .item p.font-color{color: #ef0505;}
.locale-song .group .item5{width: 295px;align-items: center;padding: 20px 15px;}
.locale-song .group .item5 .dowebok ul{padding: 5px 10px;}
.locale-song .group .item5 .dowebok li{font-size: 14px;padding: 5px 0;}
.locale-song .group .item6{width: 60px;align-items: center;justify-content: center;}
.locale-song .group .item7{width: 190px;align-items: center;justify-content: center;flex-direction: column;}
.locale-song .group .item .switch-controller.type2{height: 22px;}

.contact-us{padding: 60px 0 170px;}
.contact-us .floor1{display: flex;align-items: center;justify-content: space-between;}
.contact-us .floor1 .group{background: #f5f5f5;margin-right: 2px;flex: 1;height: 315px;}
.contact-us .floor1 .group:nth-child(3n){margin-right: 0;}
.contact-us .floor1 .group .top{height: 130px;display: flex;align-items: center;justify-content: center;}
.contact-us .floor1 .group1 .top{background: url("../images/62.png") no-repeat;background-size: 100% 100%;}
.contact-us .floor1 .group3 .top{background: url("../images/64.png") no-repeat;background-size: 100% 100%;}
.contact-us .floor1 .group2{background: url("../images/63.png") no-repeat;background-size: 100% 100%;}
.contact-us .floor1 .group .bottom{display: flex;flex-direction: column;align-items: center;height: 185px;}
.contact-us .floor1 .group .bottom h3{font-size: 30px;color: #666;margin-top: 15px;margin-bottom: 10px;}
.contact-us .floor1 .group .bottom p{font-size: 20px;color: #000;margin-top: 5px;font-weight: 600;text-align: center;}
.contact-us .floor1 .group .bottom p span{display: block;font-size: 16px;font-weight: 500;}
.contact-us .floor1 .group2 .bottom h3{color: #fff;}
.contact-us .floor1 .group2 .bottom p{color: #fff;}
.contact-us .floor1 .group2 .bottom p span{color: #fff;}
.contact-us .floor2{margin-top: 30px;display: flex;align-items: center;justify-content: space-between;}
.contact-us .floor2 .left{width: 314px;}
.contact-us .floor2 .left .code img{width: 235px;}
.contact-us .floor2 .left p{font-size: 16px;color: #666;}
.contact-us .floor2 .right{width: calc(100% - 314px);}
.contact-us .floor2 .right h4{font-size: 20px;color: #333;}
.contact-us .floor2 .right p{font-size: 16px;color: #999;}

.song-details{padding: 60px 0 170px;}
.song-details .cont{display: flex;justify-content: space-between;}
.song-details .cont .left{width: 870px;}
.song-details .cont .right{width: 300px;}
.songs-infos h3{font-size: 30px;font-weight: 600;}
.songs-infos ul li{display: flex;align-items: center;padding: 0 15px;border-bottom: 1px solid #d7d7d7;height: 50px;}
.songs-infos ul li:first-child{border-top: 1px solid #d7d7d7;}
.songs-infos ul li strong{font-size: 16px;width: 90px;text-align: right;}
.songs-infos ul li .label_value{font-size: 16px;display: flex;align-items: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: calc(100% - 90px);}
.songs-infos ul li .label_value p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.songs-infos ul li .num{min-width: 50px;}
.songs-infos ul li .dj-btn{width: 90px;height: 30px;background: #ff3939;color: #fff;display: flex;align-items: center;justify-content: center;margin-left: 30px;font-size: 14px;}
.songs-infos ul li .dj-btn:hover{background: #ef0505;}

.songs-infos .songs-player{background: #000;padding: 10px;display: flex;align-items: center;justify-content: space-between;margin: 10px 0;}
.songs-infos .songs-player .left{width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;}
.songs-infos .songs-player .right{width: calc(100% - 80px);position: relative;}
.songs-infos .songs-player .right .oscillogramBox{height: 42px;width: 100%;position: relative;}
.songs-infos .songs-player .right .oscillogramBox .oscillogram{display: block;width: 100%;height: 42px;}
.songs-infos .songs-player .right .oscillogramBox .progress-bar-box{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.songs-infos .songs-player .right .oscillogramBox .progress-bar{position: absolute;height: 100%;left: 0;top: 0;border-right: 1px solid #fff;background: rgba(239,5,5,.5);}
.songs-infos .songs-player .right .song-time{position: absolute;height: 19px;right: 10px;top: -19px;font-size: 14px;color: #fff;}
.songs-infos .songs-player .right .song-time span{font-size: 14px;color: #fff;}

.correlation-songs{margin-top: 30px;}
.correlation-songs h3{font-size: 30px;font-weight: 600;margin-bottom: 10px;}
.correlation-songs ul li{display: flex;align-items: center;padding: 0 15px;border-bottom: 1px solid #d7d7d7;height: 50px;}
.correlation-songs ul li:first-child{border-top: 1px solid #d7d7d7;}
.correlation-songs ul li a{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.commentBox{margin-top: 80px;}
.commentBox .title{font-size: 18px;font-weight: 600;color: #000;margin-bottom: 20px;line-height: 1.5;display: flex;align-items: center;justify-content: space-between;}
.commentBox .title .addComment{display: flex;width: 100px;height: 30px;background: #ff3939;border-radius: 0;color: #fff;font-size: 16px;align-items: center;justify-content: center;font-weight: 500;}
.commentBox .title .addComment:hover{background: #ef0505;}
.commentBox .item{background: #f8f8f8;padding: 15px 10px;display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;}
.commentBox .item .left h3{font-size: 16px;font-weight: 600;}
.commentBox .item .left p{font-size: 14px;color: #666;display: block;margin: 0;}
.commentBox .item .right .time{font-size: 14px;color: #666;margin: 0;text-align: right;}
.commentBox .item .right .btnBox{display: flex;justify-content: flex-end;align-items: center;}
.commentBox .item .right .btnBox a{margin-left: 10px;}
.commentBox .item .right .btnBox .remove{height: 20px;padding: 0 5px;line-height: 20px;background: #ff3939;color: #fff;font-size: 12px;border-radius: 0;display: inline-block;}
.commentBox .item .right .btnBox .remove:hover{background: #ef0505;}

.weixin_qrcode .hit-text{padding: 20px 0;}
.weixin_qrcode .hit-text p{font-size: 16px;line-height: 1.8;text-align: center;}

.copyright{padding: 15px 0;display: flex;align-items: center;justify-content: center;}
.copyright p{color: #999;font-size: 12px;}
.copyright p a{color: #999;font-size: 12px;}






@media (max-width: 768px){
    .miniAppCode{display: block;}
    .miniAppCode .formCont{width: calc(100% - 20px);}
    .miniAppCode .layui-form{width: 100%;}
}



.plBox{padding: 10px;text-align: left;}
.u-title {height: 40px;border-bottom: 2px solid #0a0a0a;}
.u-title-1 {height: 33px;}
.u-title-1 h3 {font-size: 20px;line-height: 28px;float: left}
.u-title-1 .sub {margin: 9px 0 0 20px;float: left;}
.u-title-1 .more {margin-top: 5px;}
.u-title-1 .out {margin-top: 5px;float: right;}
.u-title .out-list {margin-right: 20px;}
.u-title-1 .out .icon {background-position: -34px -863px;float: left;width: 20px;height: 20px;}
.u-title-1 .out .des {color: #4996d1;text-decoration: underline;}
.u-title-1 .more-1 {margin-top: 8px;}
.u-hd4{font-weight: bold;}
.s-fc7{color: #009688}
.s-fc4{color: #999;font-size: 12px;}
.s-fc3{color: #666;font-size: 12px;}
.m-cmmt {margin-top: 20px;}
.m-cmmt .head,.m-cmmt .head img {float: left;width: 50px;height: 50px;margin-right: -100px;}
.m-cmmt .iptarea {margin-bottom: 20px;}
.m-cmmt .iptarea .m-cmmtipt {margin-left: 62px;}
.m-cmmt .cmmts .itm {padding: 15px 0;border-bottom: 1px solid #0a0a0a;}
.m-cmmt .cmmts .itm .dlt {display: none;}
.m-cmmt .cmmts .itm:hover .dlt,.m-cmmt .cmmts .z-hvr .dlt {display: inline;}
.m-cmmt .cmmts img {vertical-align: middle;}
.m-cmmt .cmmts .cntwrap {margin-left: 60px;}
.m-cmmt .cmmts .cnt {width: 100%;overflow: hidden;line-height: 20px;color: #999;}
.m-cmmt .cmmts .cntwrap .f-brk, .m-cmmt .cmmts .cnt.f-brk {word-break: break-word;}
.m-cmmt .cmmts .cnt .u-icn {margin-top: -3px;*margin-left: -3px;}
.m-cmmt .cmmts .que {padding: 8px 19px;margin-top: 10px;line-height: 20px;background: #f4f4f4;border: 1px solid #dedede;}
.m-cmmt .cmmts .que .darr {position: absolute;top: -7px;left: 20px;font-size: 12px;line-height: 14px;}
.m-cmmt .cmmts .que .darr i {position: absolute;top: 0;left: 0;}
.m-cmmt .cmmts .que .darr .bd {color: #dedede;}
.m-cmmt .cmmts .que .darr .bg {top: 1px;color: #f4f4f4;}
.m-cmmt .cmmts div.rp {margin-top: 8px;text-align: right;}
.m-cmmt .cmmts .zan {margin-top: -4px;font-size: 12px;color: #666;}
.m-cmmt .cmmts .time {float: left;margin: 0 !important;}
.m-cmmt .cmmts .top {float: left;margin: -2px 0 0 5px;height: 14px;padding: 0 1px;line-height: 14px;color: #999;border: 1px solid #999;}
.m-cmmt .cmmts .sep {margin: 0 8px;color: #ccc;}
.m-cmmt-1 {margin-top: 0;}
.m-cmmt-1 .iptarea .m-cmmtipt {margin-left: 0;}
.m-cmmt-1 .iptarea {margin: 0;}
.m-cmmt-1 .left {line-height: 30px;margin-right: 15px;}
.m-cmmt-s {margin: 0;}
.m-cmmt-s .iptarea .m-cmmtipt {margin-left: 0;}
.m-cmmt-s .head,.m-cmmt-s .head img {width: 30px;height: 30px;}
.m-cmmt-s .cmmts .cntwrap,.m-cmmt-s .m-quk {margin-left: 40px;}
.m-cmmt-s .cmmts .cnt {}
.m-cmmt-s .cmmts .rp {margin: 0 0 -4px;line-height: 13px;}
.m-quk {margin-left: 60px;border: 1px solid #d9d9d9;border-radius: 2px;}
.m-quk .iner {padding: 15px;background: #f8f8f8;border: 1px solid #fcfcfc;border-radius: 2px;}
.m-quk .corr {position: absolute;top: -8px;right: 23px;}
.m-quk-1 {margin-bottom: 15px;}
.m-quk-1 .corr {right: 5px;}
.m-quk-2 {margin-bottom: 20px;border-color: #d3d3d3;}
.m-quk-2 .iner {background: #f4f4f4;border-color: #f7f7f7;}
.m-cmmtipt .corr {position: absolute;top: 11px;left: -7px;}
.m-cmmtipt .btns {clear: both;padding-top: 10px;}
.m-cmmtipt .btns .icn {float: left;margin: 3px 10px 0 0;cursor: pointer;}
.m-cmmtipt .btns .btn {float: right;}
.m-cmmtipt .btns .zs {float: right;margin-right: 10px;line-height: 25px;}
.m-cmmtipt .area {height: 60px;width: 100%;}
.m-cmmtipt-1 .area {height: 20px;}
.m-cmmtipt-1 .corr {display: none;}

#cscms_faces{width: 100%;display: none;position: absolute;top: 40px;right: 10px;border: 1px solid #e2e2e2;box-shadow: 0px 0px 10px #ccc;background-color: #fbfbfb;z-index: 1999;padding: 10px;text-align: left}
#plLogin{width: 100%;height: 60px;text-align: center;background-color: #f2f2f2;border: 1px solid #e2e2e2;line-height: 60px;border-radius: 5px;margin-bottom: 10px;
}