.header-content .hd-footer {
	padding: 30px 0;
	position: relative;
	height: 150px;
}

/* .blurry-container .black-overlay {
    background: url(images/music_header.jpg);
    background-size: 100% 100%;
    -webkit-filter: blur(4px);
    z-index: 3;
} */

.music-search-box {
	margin-top: 45px;
	text-align: center;
}

.music-search-co {
	position: relative;
	width: 480px;
	margin: auto;
}

.music-search-co input {
	width: 480px;
	height: 40px;
	color: #000;
	padding: 0 40px 0 5px;
	border: 0px;
	border-radius: 5px;
}

.music-search-icon {
	position: absolute;
	right: 0px;
	top: 0px;
	color: #929292;
	font-size: 16px;
	width: 40px;
	height: 40px;
	line-height: 40px;
}

.music-sc {
	margin-left: 125px;
	margin-right: 20px;
	color: #c7c7c7;
}

.musci-size {
	position: absolute;
    color: #888;
    width: 80px;
    font-size: 11px;
    right: 10px;
    top: 10px;
}

.musci-size span {
	margin-left: 10px;
}

.music-item-ul {
	-moz-transition: ease 0.3s;
	-o-transition: ease 0.3s;
	-webkit-transition: ease 0.3s;
	transition: ease 0.3s;
	max-height: 220px;
	overflow: hidden;
	border-bottom:1px solid #f2f2f2;
}



.item-more {
	max-height: 1000px;
}

.music-item-ul li {
	padding: 7px 0;
	position: relative;
	display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
}

.music-item-ul li:hover{
	background: #f2f2f2;
}

.music-item {	
	color: #808080;
	font-size: 12px;
	display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: center;
}

.music-item span {
	margin-left: 10px;
}

.music-item-he {
	float: left;
	width: 125px;
	margin-right: 20px;
	position: relative;
}

.music-collect-icon {
	position: absolute;
	bottom: 10px;
	right: 10px;
	color: #999;
}

.music-item-mer-l {
	text-align: center;
	display: block;
	padding: 9px 0;
	background-color: #fff;
	font-size: 12px;
	color: #666;
	border-bottom:1px solid #f2f2f2;
}
.music-item-mer-l:hover{
	background-color: #f2f2f2;
}

.music-cuh {
	overflow: hidden;
	padding: 20px;
	border-bottom: 1px solid #f2f2f2;
}

.btn-release{
	color: #333333;
	opacity: 1;
    background-color: #dddddd;	
    margin-right: 20px
}

.btn-release:hover{
	color: #FFF;
	background: -webkit-linear-gradient(135deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
    background: -o-linear-gradient(135deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
    background: -moz-linear-gradient(135deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
    background: linear-gradient(135deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
}

.music-item-he img {
	display: block;	
}

.music-item-con {
	float: left;
	width: 87%;
}

.music-he{
	float: left;
	font-size: 12px;
	color: #989898;
	padding-top: 3px;
    text-transform: capitalize;
}

.music-name{
	font-weight: bold;
}

.music-play-btn {
	display: block;
	width: 43px;
	background: #ff6666;
	height: 43px;
	border-radius: 50px;
	text-align: center;
	line-height: 43px;
	color: #fff;
	font-size: 20px;
}

.music-play-btn:hover {
	color: #fff;
	background:#dd6666;
}

.nusic-suni {
	float: right;
	color: #989898;
	text-align: right;
}

.nusic-suni span i{
	margin-right: 5px;
}

.nusic-suni span {
	margin-left: 10px;
}

.music-play-box {
	width: 43px;
	float: left;
	margin-right: 15px;
}

.music-play-box a i{
	margin-left: 2px;
}

.music-con-hade {
	overflow: hidden;
}

.music-wapper {
	margin: 10px 0;
	overflow: hidden;
}

.music-play-item {
	float: left;
	width: 100%;
}

.music-main {
	border-radius: 4px;
	
}

.music-li {
	overflow: hidden;
	background: #fff;
	box-shadow: 0 0 10px #eaeaea;
    -webkit-box-shadow: 0 0 10px #eaeaea;
    -moz-box-shadow: 0 0 10px #eaeaea;
}

/*.evaluateResultBox li {
	background: #fff;
	border-bottom: 1px solid #f2f2f2;
	margin-bottom:15px;
}*/

.evaluateResultBox li ul li{
	border-bottom: 0px;
}

.music-li {
	margin-bottom: 20px;
}

.music-ds-btn {
	margin-top: 4px;
	display: block;
	background: #ff6666;
	color: #fff;
	width: 90px;
	text-align: center;
	border-radius: 3px;
	font-size: 12px;
	padding: 7px 0;
	margin-left: 20px;
}
.music-ds-btn:hover{
	color: #fff;
	background: #dd6666;
}

.music-evin {
	display: none;
	background: #fff;
	overflow: hidden;
}

.music-li-h {
	text-align: right;
	float: right;
	color: #666;
	font-size: 12px;
}

.music-item-box{
	border-top: 1px solid #f2f2f2;
}

.music-li-h a {
	color: #989898;
}
.music-vo-l{
	margin-bottom: 5px;
	text-align: right;
}
.music-vo-l a{
	margin-left: 10px;
}
.music-vo-l a span{
	margin-left: 5px;
}
.music-vo-time{
	color:#989898;
}

.music-state {
	overflow: hidden;
	padding: 18px 15px;
}

.music-state-i {
	margin-left: 40px;
	color: #666;
	font-size: 12px;
	width: 75%;
}

.music-type-c{
	margin-bottom: 5px;
}

.music-he span {
	margin-right: 10px;
}

.music-he p {
	font-size: 12px;
	color: #696969;
	margin-top: 5px;
}

.music-dr {
	background: #ff6666;
	color: #fff;
	font-size: 12px;
	padding: 0 5px;
	border-radius: 3px;
}

.music-icon:HOVER, .music-current, .music-play-btn-in:hover {
	color: #ff6666 !important;
}

.music-m-type {
	position: absolute;
	top: 10px;
	left: 0px;
	font-size: 10px;
}

.music-m-y {
	background: #0099ff;
	color: #fff;
	border-radius: 2px;
	padding: 3px 10px;
}

.music-yc-btn {
	background: #FF6666;
}

.music-ev-icon{
	color: #0099ff;
}

/*#comments .comment {
	border-bottom: 0;
}*/

/*#comments .comment .weight-600{
	border-bottom:1px solid #f2f2f2;
}*/

/*#comments ul li ul li .comment .weight-600{
	border-bottom:0;
}*/

#comments .pagination {
    display: inline-block;
    padding-left: 0;
    margin: 0 0 30px 0;
    border-radius: 4px;
}

#comments .avatar {
	float: left;
	border-radius: 100px;
	width: 50px;
	height: 50px;
	margin-right: 20px;
}
.layui-form{
	margin-top:10px;
	margin-bottom: 0;
}

.music-play .layui-form-item{
	margin-bottom: 0px;
	border-bottom:1px solid #f2f2f2;
	box-shadow: 0 0 10px #eaeaea;
    -webkit-box-shadow: 0 0 10px #eaeaea;
    -moz-box-shadow: 0 0 10px #eaeaea;
    background:#fff;
	padding-top: 10px;
    padding-bottom: 5px;
}

.evContent{
	float: left;
    width: 93%;
    line-height: 23px;
    margin-top: 5px;
    color:#666;
}

.evaluate-con{
	overflow: hidden;
}
.evaluateResultBox{
	margin-left: 4px;
}
.music-wapper wave{
	border-right:0px !important;
}

.music-sta{
	margin-top: 20px;
}
.background2{
	background:#fff;
	padding-top:15px;
	padding-bottom:10px;
	/*text-align:center;*/
}






.music-test-head{
   width:1400px;
   margin:0 auto;
   padding-left:20px;
   padding-right:20px;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
}

.music-footer{
   padding: 30px 0;
   height: 150px;
   width:1000px;
}

.play-info,.play-info2,.play-info3{

width:80px;
height:80px;
  
}

.play-info a,.play-info a:hover,.play-info2 a,.play-info2 a:hover,.play-info3 a,.play-info3 a:hover{
     transition: ease-in 0.01s;
    -webkit-transition: ease-in 0.01s;
    -moz-transition: ease-in 0.01s;
    -ms-transition: ease-in 0.01s;
    -o-transition: ease-in 0.01s;
}

.play-info-active .play-btn{
background:url("images/pause2.png") no-repeat center center;
background-size: cover;
}

.play-btn{
  display:block;
  width:100%;
  height:100%;
  background:url("images/play2.png") no-repeat center center;
  background-size: cover;
}


.play-info-active .play-btn2{
background:url("images/pause2.png") no-repeat center center;
background-size: cover;
}

.play-btn2{
  display:block;
  width:100%;
  height:100%;
  background:url("images/play2.png") no-repeat center center;
  background-size: cover;
}

.music-author-info .author-info{

  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
}

.music-author-info .author-info div{
   padding:0 10px
}

.music-author-info .music-name{
   text-align:left;
   padding: 10px;
   font-weight: 500;
}

.music-author-info .author-info .music-vo-l,.music-author-info .author-info .nusic-suni{
  color:#fff;
  text-align:left;
}

.music-author-info .author-info .music-vo-l,.music-author-info .author-info .nusic-suni{
  margin-bottom: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.music-author-info .author-info .nusic-suni span{
  margin-left: 0;
}

.music-detail-main{
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top:40px;
}

.music-detail-left,.music-detail-right{
 background:#fff;
 box-shadow:0px 0px 20px #eaeaea;
 padding-right: 15px;
 padding-left: 15px;
padding-top: 15px;
}

.music-detail-left{
 width:1050px;
}

.music-detail-right{
width:290px;
}

.music-detail-left .emoticons .publisher .trigger{
	position: absolute;
    left: 0;
    top: 45px;
}

.music-detail-left .publisher{
	border-radius: 2px;
    background-color: #FFF;    
    border: 5px solid #EEE;
    height: auto;    
    -webkit-box-shadow: none;
    box-shadow: none;
    position:relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.music-detail-left .form-group textarea{
	color: #777;
	font-size: 13px;
	width:1000px;
	padding: 0;
	border: 0px;
	line-height: 38px;
    padding-left: 10px;
    padding-right: 10px;
}

.music-detail-left .form-group input{
	border:0px;
	background: #eee;
    border-radius: 0 2px 2px 0;
    color:#999;
    height:48px;
    position:absolute;
    right:-5px;
    top:-5px;
    
}

.commentbtn{
	width:56px;	
}

.music-detail-left .form-group input:hover{
	color:#fff;
	background: -webkit-linear-gradient(135deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
    background: -o-linear-gradient(135deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
    background: -moz-linear-gradient(135deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
    background: linear-gradient(135deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
}

.music-detail-comment{
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top:30px
}

.mdc-left{
	width:120px;
}

.mdc-middle{
	width:3px;
    background: radial-gradient(#f2f2f2 -24%, #fff 90%);
}

.mdc-right{
	width:888px;
}

.author-logo{
	width: 100px;
    border-radius: 70px;
    overflow: hidden;
    height: 100px;
    margin-left: 10px;
}

.music-tags{
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px;
    margin-left: 10px;
}

.music-tags a{
	padding:1px 5px;
	background:#f2f2f2;
	color:#999;
	border-radius: 5px;
    margin-left: 5px;
}

.music-detail-comment #comments .avatar{
	border-radius: 20px;
    width: 40px;
    height: 40px;
}

.music-detail-comment #comments .author{
	margin-top: 5px;
}

.music-detail-comment #comments .date{
	margin-top: 5px;
}

.music-detail-comment #comments h5{
	padding: 0;
}

.music-detail-comment .evContent{
	margin: 0;
	float: none;
}

.music-detail-comment #comments ul ul{
    margin-left: 50px;
}

.music-detail-comment #comments ul ul .comment{

}

.evaluate-con{
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.music-detail-comment .evContent{
	width:100%;
}

.author-info-r,.author-content-r{
	width:100%
}

.author-logo-r{
	width:60px;
}

.author-comment-r{
	width:856px;
}

.left-author-info{
	padding-left:0;
	margin-top: 5px;
}

.author-follow-Release{
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    position:relative;
    justify-content: space-around;
}

.author-follow-a{
	padding-left:5px;
	padding-top:5px
}

.absolute{
	position:absolute;
}

.uesrone{
	left: 6px;
    color: #666;
    z-index: 2;
    top: 2px;
}
.usertwo{
	left:13px;
	color:#999;
	font-size:12px;
	top: 3px;
}

.follow-num{
	padding-left:25px
}

.author-release{
	padding-left:10px;
	width:50px
}

.release-num{
	
}

.left-author-info a.follow{
	padding:1px 5px;
	color:#999;
	font-size:12px;
	background:#eee;	
    border-radius:2px
}

.left-author-info a:hover.follow{
	color:#fff;
	background: -webkit-linear-gradient(135deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
    background: -o-linear-gradient(135deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
    background: -moz-linear-gradient(135deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
    background: linear-gradient(135deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
}

.music-detail-comment form.reply-form.emoticons{
	padding-bottom: 50px;
}

.hot-music-head{
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding:0 0 10px 0;
    border-bottom: 1px solid #f2f2f2;
}

.hot-music-head a{
	color:#999;
}

.hot-music-head a:hover{
	color:#333
}

.hot-music-main{
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding:10px 0;
    
}

.hot-music-img-con{
	position:relative;
	width:50px;
	height:50px;
	-webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow: hidden;
}

.hot-music-img{
	position:absolute;
	left: -50%;
	top:50%;
	width:200%;
	height:200%;
	-webkit-transform: translateY(-50%);
    transform: translateY(-50%);
	overflow:hidden;
}

.hot-music-img img{
	position:absolute;
	top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
}

.hot-music-info{
	width:203px;
	font-size: 13px;
}

.hou-music-author{
	
}

.hou-music-author a{
	color:#999
}

.hou-music-author a:hover{
	color:#666
}

.hot-music-name{
	width:100%;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space: nowrap;
}

.hot-music-name a{
	color:#666;	
}

.hot-music-name a:hover{
	color:#999
}

.hot-music-Statistics{
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #999;
    margin-top: 3px;
    font-size: 12px;
}

.music-album{
	position:absolute;
	top: 130px;
    right: 65px;
    width: 300px;
    height: 265px;
    z-index: 99;
    background: rgba(255,255,255,0.1);
    padding: 10px 5px;
}

.music-album-box{
	overflow-y: scroll;
    overflow-x: visible;
    height: 245px;   
}

.music-album-box::-webkit-scrollbar{
	width: 1px;
    background-color: rgba(255, 255, 255, 0.1);
}

.music-album-box::-webkit-scrollbar-thumb {
    background: #d3d7d4;

}

.music-album-box::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0.1);
    border-left: 1px solid rgba(255,255,255,0.1);
}



.music-album-box ul{
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap:wrap
}

.music-album-box ul li{
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;   
    width: 100%; 
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    height: 50px;
}

.music-album-sc{
	margin-right: 10px;
    color: #fff;
    padding-top: 5px;
    position:absolute;
    top: 20px;
    left: 120px;
    font-size: 12px;
    z-index: 99;
}

a.music-album-item{
	color:#fff;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 5px 0;
}
a:hover .music-album-item{
	color:#fff;
	text-decoration: underline;
}

.music-album-item span{
	
}

.music-album-item img{
	vertical-align: text-top;
	width: 35px;
    height: 35px;
	margin-right: 5px;
}

.musci-album-size{
	position: absolute;
    font-size: 11px;
    right: 10px;
    top: 10px;
    left: 47px;
    top: 25px;
    color: #fff;
}

.left-author-info .Vip,.left-author-info .Authentication, .left-author-info .ordinary, .left-author-info .Admins, .left-author-info .Submission, .left-author-info .lecturer, .left-author-info .make{
	margin-left: 0;
	line-height: 16px;
    height: 16px;
    padding-left: 2px;
    padding-right: 2px;
    font-size: 10px;
    transform: scale(0.85);
    margin-top: 2px;
}


.music-album-item .Vip,.music-album-item .Authentication,.music-album-item .ordinary,.music-album-item .Admins,.music-album-item .Submission,.music-album-item .lecturer,.music-album-item .make{
	
}

a.hidereply{
	padding:2px 4px;
	background:#f2f2f2;
	color:#999;
	position: absolute;
    left: 34px;
    top: 50px;
    display:none;
}

a:hover.hidereply{
	color:#fff;
	background: -webkit-linear-gradient(135deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
    background: -o-linear-gradient(135deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
    background: -moz-linear-gradient(135deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
    background: linear-gradient(135deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
}

.left-author-info h5{
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.mob-more-music,.music-detail-right-hide,.music-detail-right-mob,.music-album-mob,.mob-fixed{
	display:none
}



@media screen and (min-width: 801px) and (max-width: 1024px) {
	.btn-release{
    margin-left: 20px
}
}

@media screen and (max-width: 768px) {
	.btn-release{
    margin-left: 20px
}

.mob-fixed{
	width: 105%;
    position: fixed;
    left: 0;
    bottom: 0;
    display: block;
    background: #fff;
    z-index: 999;
}

.hot-music-ico,.hot-music-all{
	font-size:13px;
}

.mob-music-album{
	padding:0px 5px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border-radius: 2px;
	background:rgba(255,255,255,0.1);
	position:absolute;
	top:80px;
	right:20px;
	z-index:100;
	color:#fff;
}

.music-detail-right-hide{
	display:block;
	width:85px;
	height:30px;
	border:1px solid #f2f2f2;
	border-radius:2px;
	color:#999;
	position:absolute;
	right:15px;;
	top:0px;
	line-height: 28px;
    text-align: center;
    font-size: 13px;
}

.close-album,.close-right{
	height: 33px;
    width: 33px;
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 8px;
    right: 10px;
    cursor: pointer;
}

.close-right::before{
    position: absolute;
    left: 16px;
    content: ' ';
    height: 24px;
    width: 2px;
    background: #999;
    top: 6px;
}

.close-right::after {
    position: absolute;
    left: 16px;
    content: ' ';
    height: 24px;
    width: 2px;
    background: #999;
    top: 5px;
}

.close-right:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.close-right:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.music-detail-right{
	display:none;
}

.music-detail-right-mob{
	position:fixed;
	right:0;
	top:0;
	background: #fff;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 45px;
    padding-bottom: 15px;
    width: 40%;
    height:100%;
    overflow-y: scroll;
    overflow-x: visible;
    z-index:1099; 
	-webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    -o-transition: -o-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease, -o-transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease; 
    display:block;
}

.music-detail-right-mob.onactive{
	width: 90%;
	-webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}


.musicmask{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
	-webkit-transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -o-transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
    z-index:1030;
    display: none;
}

.music-right-mask{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
	-webkit-transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -o-transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
    z-index:1030;
    display: none;
}



.music-album-mob.musicactive{
	-webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    right: 50%;
}

.music-album-mob{
	position:fixed;
	top: 50%;
	margin-top:-132.5px;
    right: 0;
    margin-right: -150px;
    z-index:1099; 
	-webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    -o-transition: -o-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease, -o-transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;     
    width: 300px;
    height: 265px;
    background: #fff;
    padding: 10px 5px;
    display:block;
}

.music-album{
	display:none;
}

.mob-more-music{
	display:block;
	font-size: 13px;
}

.music-album-mob .music-album-sc,.music-album-mob .music-album-item,.music-album-mob .musci-album-size{
	    color: #999
}

.music-search-box {
      margin-top: 80px;
      text-align: center;
    }
    
    .music-item-ul{
  
    }
    
    .music-play .layui-form-item{

	border-bottom:1px solid #f8f8f8;
	box-shadow: 0 0 10px #f8f8f8;
    -webkit-box-shadow: 0 0 10px #f8f8f8;
    -moz-box-shadow: 0 0 10px #f8f8f8;
    background:#f8f8f8

}

.music-item-he{
	height:75px;
	-webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow: hidden;
}

.music-item-he-con{
	position: absolute;
    left: -50%;
    top: 50%;
    width: 200%;
    height: 200%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    overflow: hidden;
}

.music-item-he img{
	position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
}

.music-detail-left {
    width: 100%;
}


.mdc-left {
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 10px;
}

.mdc-middle {
    display: none;
}

.mdc-right {
    width: 100%;
}

.author-logo {
    width: 50px;
    border-radius: 25px;
    height: 50px;

}

.left-author-info{
	margin-top:0;	
}

.author-follow-Release{
	float: left;
}

.author-follow-a{
	padding-left: 0;
    padding-top: 0;
    float: left;
}

.left-author-info .Vip, .left-author-info .Authentication, .left-author-info .ordinary, .left-author-info .Admins, .left-author-info .Submission, .left-author-info .lecturer, .left-author-info .make{
	margin-top:0
}

#comments .pagination{
	display:flex;	
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 15px 0;
}

#comments ul.pagination span{
	margin-top: 8px;
}

.music-detail-comment #comments h4{
    margin-top: 20px;
    margin-bottom: 20px;
}
.music-tags{
	margin-top: 20px;
}
.author-comment-r {
    width: 100%;
}
.music-detail-comment #comments ul ul {
    margin-left: 40px;
}

.author-info-r, .author-content-r {
    width: 100%;
}

.music-detail-comment #comments .author {
    margin-top: 0;
    width: 100%;
}

.music-detail-comment #comments .date {
    margin-top: 0;
    float: none;
    font-size: 12px;
}

.music-detail-comment .evContent {
    margin-top: 5px;
    padding-bottom: 15px;
    
}

.music-detail-comment .#comments .go-to-reply{
	font-size:14px
}

.music-detail-comment #comments .avatar {
    width: 30px;
    height: 30px;
}

.author-logo-r {
    width: 40px;
}

.music-detail-comment #comments h5{
	font-weight:500;
	font-size: 13px;
}

.music-detail-right {
    width: 100%;
    margin-top: 15px;
}

.hot-music-info {
    width: 82%;
}

.music-test .header-content{
    padding-top: 120px;
}

.music-test-head{
	flex-wrap: wrap;
}

.play-info, .play-info2, .play-info3 {
    width: 50px;
    height: 50px;
}

.music-author-info .author-info{
	flex-wrap: wrap;
    padding: 0px 2px;
    position:relative
}

.music-author-info .author-info div {
    padding: 5px 10px;
}

.music-detail-left, .music-detail-right {

    box-shadow: 0px 0px 0px #eaeaea;
    border:1px solid #f2f2f2
}

.music-author-info{
	width:80%;
	font-size: 13px;
}

.music-test-head{
	width:100%
}

.music-author-info .author-info .nusic-suni{
	position:static;
	margin-top:0
}

.music-author-info .author-info .nusic-suni div:nth-child(1){
	padding: 0 10px 0 0;
}

.music-author-info .author-info .nusic-suni div{
   padding: 0 10px;
}
.music-footer{
   height: auto;
   width:100%;
}

}

@media screen and (max-width: 600px) {
	.music-search-co input {
	  width: 300px;
	  height: 35px;
	  color: #000;
	  padding: 0 20px 0 5px;
	  border: 0px;
    }

   .music-search-co {
      position: relative;
      width: 380px;
      margin: auto;
   }
   .music-search-icon {
      position: absolute;
      right: 40px;
      top: 0px;
      color: #929292;
      font-size: 16px;
      width: 40px;
      height: 35px;
      line-height: 35px;
   }
   .hd-footer .series {
      text-align: center;
      font-size: 16px;
      position: absolute;
      left: 50%;
      top: 50px;
      margin-left: -236px;
    }

    .music-item-he {
    float: left;
    width: 20%;
    margin-right: 0;
    position: relative;
}
.music-item-con {
    float: left;
    width: 80%;
    margin-top:15px;
    padding-bottom: 15px;
}
.music-play-box {
    width: 43px;
    float: left;
    margin-right: 15px;
    padding-top: 10px;
    position: absolute;
    left: -60px;
    top: 70px;
}

.music-wapper {
    margin: 66px 0 0 0;
    overflow: hidden;
}

.music-he{
	position: absolute;
    left: 20px;
    top: -15px;
}    

.nusic-suni {
    float: left;
    color: #989898;
    text-align: left;
    margin-top:6px;
    position: absolute;
    font-size: 12px;
    left: 0px;
    bottom: -12px;
}
.nusic-suni span {
    margin-left: 0;
}
.music-state-i {
    margin-left: 40px;
    color: #666;
    font-size: 14px;
    width: 80%;
    margin-top: 15px;
    line-height: 20px;
}

.music-li-h {
    text-align: right;
    float: right;
    color: #666;
    font-size: 14px;
    width: 90%;
    margin-top: 5px;
    padding-left: 4px;
}

.music-vo-l {
    margin-bottom: 5px;
    text-align: left;
    float: left;
}

.music-vo-time {
    color: #989898;
    float: left;
    margin-left: 10px;
}

.music-sc {

    margin-left: 10px;
    margin-right: 10px;
    color: #c7c7c7;
    float:left;
    margin-top: 12px;
}
.musci-size {
    float: none;
    color: #888;
    width: 80px;
    font-size: 11px;
    margin-top:0px;
    position: absolute;
    right: 0px;
}

.musci-size span {
    margin-left: 2px;
}



.music-item-ul li{

     position: relative;
     overflow: auto; 
    zoom: 1; 
}

.music-item {
    display:block;
    color: #808080;
    font-size: 12px;  
    width:70%;
    float:left;
}

.music-item span {
    margin-left: 10px;
    width:80%;
    min-height:32px;
    font-size:14px;
    float:left;
}
.music-item .Vip{	
	width: 18px;
    height: 18px;
    min-height: 18px;
    line-height: 16px;
    text-align: center;
    float: none;
    position: absolute;
    left: 18px;
    top: 2px;
    font-size: 12px;
}

.music-item img{
	width:40px;
	height:40px;
	float:left;
}
.music-item-he img {
    width: 100%;
}
.background2 .layui-inline{
	text-align:center
}

.musicbtn .layui-btn{
	height: 28px;
    line-height: 28px;
    margin-bottom: 15px;
}

.btn-release {
    color: #333333;
    opacity: 1;
    background-color: #dddddd;
    margin: 0;
}

}
@media screen and (max-width: 600px) {
	
	.music-play .layui-form-item{
	   margin-bottom: 30px;
	}
	
	.music-search-co input {
	  width: 80%;
	  height: 35px;
	  color: #000;
	  padding: 0 20px 0 5px;
	  border: 0px;
    }
    
   .music-search-co {
      position: relative;
      width: 100%;
      margin: auto;
   }
   .music-search-icon {
      position: absolute;
      right: 11%;
      top: 0px;
      color: #929292;
      font-size: 16px;
      width: 40px;
      height: 35px;
      line-height: 35px;
   }
   .hd-footer .series {
      text-align: center;
      font-size: 14px;
      position: absolute;
      left: 0;
      top: 30px;
      margin-left: 0;
    }
    .music-he p {
      font-size:14px;
      margin-top: 5px;
    }
}
@media screen and (max-width: 375px) {
	.music-item span {
       width: 62%;
    }
}