@import "right-nav.css";
@import "animate.css";
*{
  margin:0;
  padding:0;
  list-style-type:none;
  font-family:"微软雅黑";
  /* font-size: 12px; */
}
html{
	min-width: 1200px;
	overflow-x: auto;
	background-color: #EDEDED !important;
}
body{
	background-color: #FFF !important;
}
a{
	cursor: pointer;
  text-decoration: none;
}

li{
	list-style:none
}
a:hover{
text-decoration:none;
color: #509524;
}
img{
	border: 0 none;
}
input:focus {
	outline: none;
} 
button{
	cursor: pointer;
}
button:focus {
	cursor: pointer;
	outline: none;
} 
table{
	border-collapse: collapse;
}
.col-ccc{
	color: #CCC;
}
.fa-star{
	color: #F05050;
}
.fa-heart{
	color: #F05050;
}
.fa-star-o{
	color: #808080;
}
.fa-heart-o{
	color: #808080;
}
.icon-cloud-download{
	color: #808080;
}
.whitebtn{
	width: 80px;
	color: #333333;
	padding: 5px 0;
	border: 1px solid #CCC;
	border-radius: 3px;
	margin: 0 10px;
	background-color: #FFF;
}
.greenbtn{
	width: 80px;
	color: #FFF;
	padding: 5px 0;
	border: 1px solid #509524;
	border-radius: 3px;
	margin: 0 10px;
	margin-right:5px;
	background-color: #509524;
}
.none{
	display: none;
}
.black{
	display: inline-block;
}
.green{
	background-color: #509524 !important;
}
.red{
	background-color: #f27025 !important;
}
.fontgreen{
	color: #27c24c !important;
}
.white{
	color: #FFF !important;
}
.red{
	color: red;
}
.pointer{
	cursor: pointer;
}
.fontweight{
	font-weight: 600;
}
.padding0{
	padding: 0 !important;
}
/*导航*/
.nav{
	/* width: 100%; */
	/* height:70px; */
	/* background-color:#192026; */
}
.nav-center{
	width:1200px;
	height:70px;
	margin:0 auto;
}
.nav-center > img{
	float: left;
	margin: 15px 15px 0 15px;
}
.nav-center li{
	width:100px;
	height:70px;
	float:left;
	color:#fff;
	font-size:12px;
	line-height:70px;
	text-align:center;
	font-size:12px;
}
.nav-center li a{
	color:#fff;
}
.click-effect a{
	width:100px;
	height:70px;
	font-size:12px;
	color:#fff;
	float:left;
	/*padding-left:8px;
	padding-right:8px;*/
	line-height:70px;
	text-align:center;
	display: inline-block;
}
.click-effect a:hover{
	color:#86ca5b;
}
.point{
	background-color:#509524;
}
.nav-center .search{
	width: 250px;
	height:38px;
	float: left;
	margin: 15px 20px;
	position: relative;
}
.d7 {}
.d7:after {content:""; clear:both; display:table}
.d7 form {
	width: auto;
	float: right;
}
.d7 input {
	width: 200px;
	height: 35px;
	padding-left: 10px;
	border-radius:38px;
	border: 2px solid #fff;
	background: none;
	outline: none;
	transition: .3s linear;
	color:#fff;
}
.d7 input:focus {
	width: 230px;
}
.d7 button {
	width: 42px;
	height: 42px;
	background: none;
	border: none;
	position: absolute;
	top: -4px;
	right: 0;
}
.d7 button:before{
	content: "\f002";
	font-family: FontAwesome;
	color: #eee;
}
/*.nav-center .search img{
	float: right;
	margin: 11px 0;
}
.nav-center .search input{
	width: 150px;
	color: #FFF;
	background: none;
	border: none;
	margin: 8px;
}*/
.nav-center .login{
	float: right;
	margin-top: 15px;
	position: relative;
}
.head-message{
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background-color: red;
	position: absolute;
	top: 0px;
    right: 45px;
}
.li-message{
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: red;
    position: absolute;
    top: 0px;
    right: 0px;
    line-height: 20px;
    transform: scale(0.8);
}
/*banner*/
.banner{
	/*width:1920px;*/
	width: 100%;
	height:320px;
}
.banner img{
	max-width: 100%;
}
#playBox .smalltitle .thistitle{
	background-color: #509524 !important;
}
#playBox .smalltitle ul{
	width: 50%;
	text-align: center;
}
#playBox .smalltitle ul li{
	float: none;
	display: inline-block;
}

.banner-container {
	/*width: 1910px;*/
	width: 100%;
	height: 320px;
}
.swiper-slide {
	width: 100%;
	height: 320px;
}
.banner-pagination{
	position: relative;
	top:-40px;
	text-align: center;
	z-index: 10000;
}
.banner-container img{
	width:100%;
	height:100%;
}
.banner-container .swiper-pagination-bullet-active{
	background:#FFF;
}
.indexcenter{
	margin: 0 auto;
	width: 1200px;
	margin-bottom: 20px;
	overflow: hidden;
}
/*首页左栏*/
.indexleft{
	width: 70%;
	padding: 5px 0;
	float: left;
}
/*首页右栏*/
.indexright{
	width: 28%;
	padding: 5px 0;
	float: right;
}
/*大家都在听*/
.hotmusic{
	margin: 5px 0;
}
.title{
	margin-bottom: 15px;
	padding: 10px 0;
	width: 100%;
	border-bottom: 3px solid #509524;
	overflow: hidden;
}
.title > img{
	float: left;
	margin-left: 15px;
}
.title > span{
	font-size: 16px;
	font-weight: bold;
	float: left;
	margin-left: 10px;
}
.title > a{
	float: right;
	margin-right: 20px;
	margin-top: 5px;
	color: #808080;
	font-size: 12px;
}
.hot_content{
	overflow: hidden;
	width: 100%;
}
.hot_content ul{
	width: 100%;
	overflow: hidden;
	border-left: 1px solid #CCC;
}
.hot_content ul li{
	width: 49.7%;
	float: left;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	/*border-right: 1px solid #CCC;*/
	padding: 10px 0;
	position: relative;
	overflow: hidden;
}
/*.hot_content ul li:nth-child(even){
	border-right: 1px solid #CCC;
}*/
.hot_content ul li:nth-last-child(2),.hot_content ul li:last-child{
	border-bottom: 1px solid #CCC;
}
.hot_content ul li input{
	float: left;
	border: 1px solid #CCC;
	border-radius: 3px;
	width: 18px;
	height: 18px;
	margin: 3px 5px 0 15px;
}
.hot_content ul li input.index_item_input{
	margin-top: 0;
}
.hot_content ul li span{
	width: 75%;
	float: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #808080;
	font-size: 12px;
}
.hot_content ul li a.index_item_title{
	width: 75%;
	/*float: left;*/
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #808080;
	font-size: 12px;
	line-height: 17px;
}
.hot_content ul li a.index_item_title:hover{
	color: #509524;
}
.hot_content ul li a:hover span{
	color: #509524;
}
.hot_content ul li a.audition{
	display: inline-block;
	border-left: 1px solid #CCC;
	width: 47px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	line-height: 50px;
}
.hot_content .choose{
	width: 99.7%;
	overflow: hidden;
	padding: 10px 0;
	border: 1px solid #CCC;
}
.button{
	float: right;
	padding: 5px 10px;
	border: 1px solid #808080;
	border-radius: 5px;
	margin: 0 10px;
	background-color: #FFF;
}
.button:hover,.button:focus,.button:active{
	color: #FFF;
	background-color: #509524;
}

/*最新专辑*/
.hotmusic .title .attr{
	margin-left: 15px;
	margin-top: 5px;
	display: inline-block;
	float: left;
}
.hotmusic .title .attr a,.hotmusic .title .attr span{
	color: #808080;
	margin: 0 3px;
	font-size: 12px;
}
.new_content{
	overflow: hidden;
	width: 100%;
	padding: 20px 0;
	border: 1px solid #CCC;
}
.new_content > a{
	display: inline-block;
	width: 5%;
	height: 100%;
	line-height: 150px;
	text-align: center;
}
.new_content > a img{
	width: 80%;
}

.new_content > a:first-child{
	float: left;
}
.new_content > a:last-child{
	float: right;
}
.new_content ul{
	width: 98.5%;
}
.new_content ul li{
	width: 16%;
	margin: 0 1.4%;
	float: left;
	overflow: hidden;
}
.new_content ul li a{
	display: inline-block;
	width: 100%;
	height: 120px;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0;
	border: 0;
	cursor: pointer;
}
.new_content ul li a span{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 20px;
	line-height: 20px;
	color: #FFF;
	background-color: rgba(0,0,0,0.5);
	z-index: 99;
	font-size: 12px;
}
.new_content ul li p{
	color: #808080;
	font-size: 12px;
}

/*最新视频*/
.video_content ul{
	width: 100%;
	overflow: hidden;
}
.video_content ul li{
	width: 30%;
	float: left;
	margin: 10px 2%;
	overflow: hidden;
}
.video_content ul li:nth-child(3n+1){
	margin-left: 0px;
}
/*.video_content ul li:nth-child(3n){
	margin-right: 0px;
}*/

.video_content ul li  .video_pic{
	display: inline-block;
	width: 100%;
	height: 170px;
	position: relative;
	background-repeat: no-repeat;
	background-size: 100%;
	padding: 0;
	border: 0;
	border-radius: 15px;
	cursor: pointer;
	overflow: hidden;
	/*transform: scale(1);
	transition: transform 0.75s;*/
}
.video_content ul li .video_pic img{
	width: 100%;
	height: 100%;
	transition: width 0.5s, height 0.5s, transform 0.5s;
	-moz-transition: width 0.5s, height 0.5s, transform 0.5s;
	-webkit-transition: width 0.5s, height 0.5s, transform 0.5s;
	-moz-transition: width 0.5s, height 0.5s, transform 0.5s;
}
.video_content ul li div:hover .video_pic img{
	width: 110%;
	height: 110%;
	transition: width 0.5s, height 0.5s, transform 0.5s;
	-moz-transition: width 0.5s, height 0.5s, transform 0.5s;
	-webkit-transition: width 0.5s, height 0.5s, transform 0.5s;
	-moz-transition: width 0.5s, height 0.5s, transform 0.5s;
}
.video_content ul li .video_pic i{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	line-height: 170px;
	text-align: center;
	color: #CCC;
	opacity: 0;
	z-index: 99;
	font-size: 5px;
	border-radius: 15px;
}
.video_content ul li div.video_collect i,.video_content ul li div .video_collect i{
	display: inline-block;
	width: 20px;
	height: 20px;
	float: right;
}
.video_content ul li div:hover .video_pic i{
	color: #FFF;
	opacity: 1;
	font-size: 38px;
	background-color: rgba(0,0,0,0.5);
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
}
/*.video_content ul li div.video_pic:hover i{
	color: #FFF;
	opacity: 1;
	background-color: rgba(0,0,0,0.5);
}*/
.video_collect{
	overflow: hidden;
	display: inline-block;
	position: absolute;
	right: 20px;
	bottom: 15px;
	z-index: 99;
}
.video_collect i{
	font-size: 12px;
}
.video_content ul li .video_name{
	display: inline-block;
	width: 100%;
	font-size: 12px;
	margin-top: 10px;
	margin-left: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/*场景音乐*/
.scene{
	overflow: hidden;
	padding: 10px 0;
	border: 1px solid #CCC;
}
.scene_title{
	margin: 0 15px;
	padding: 5px 0;
	border-bottom: 1px solid #CCC;
	font-size: 12px;
}
.scene_content{
	width: 100%;
	overflow: hidden;
}
.scene_content li{
	width: 20%;
	margin: 10px 2.5%;
	text-align: center;
	float: left;
	cursor: pointer;
}
.scene_content li img{
	width: 100%;
	display: inline-block;
}
.scene_content li p{
	font-size: 12px;
	color: #808080;
	text-align: center;
}
.music_content li{
	width: 100%;
	height: 40px;
	line-height: 20px;
	border-top: 1px solid #CCC;
	padding-top: 10px;
	padding-bottom: 10px;
}
.music_content li > a{
	display: inline-block;
	float: left;
	height: 40px;
	line-height: 40px;
	margin: 0 10px;
}
.music_content li > a i{
	font-size: 12px;
	color: #000;
}
.music_content li > img{
	width: 43px;
	height: 43px;
	border-radius: 50%;
}
.music_content li > img ,.hotdj_content li > img{
	display: inline-block;
	float: left;
	margin-right: 15px;
}
.music_content li > p{
	display: inline-block;
	width: 70%;
	float: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 12px;
	color: #808080;
}
.hotdj_content li{
	overflow: hidden;
	padding: 10px;
	line-height: 18px;
	border-top: 1px solid #CCC;
}
.hotdj_content li > span{
	font-size: 12px;
}
.hotdj_content li > p{
	display: inline-block;
	width: 75.2%;
	float: left;
	font-size: 12px;
	color: #808080;
}
.join{
	border-top: 1px solid #CCC;
	padding: 20px 0;
	text-align: center;
}
.join button{
	padding: 10px 70px;
	border: 1px solid #808080;
	border-radius: 5px;
	background-color: #FFF;
}
.join button:hover{
	color: #FFF;
	background-color: #509524;
}

/*底部播放器*/
.footer{
	width: 100%;
	height:60px;
	background-color:#192026;
	position: fixed;
	bottom: 0;
	left: 0;
	/*overflow: hidden;*/
	z-index: 999;
}
.footer_content{
	width: 1200px;
	margin: 0 auto;
	height: 100%;
}
/*.footer_content div a{
	display: inline-block;
	margin: 0 10px;
	line-height: 70px;
	float: left;
}
.footer_content .start{
	margin-top: 15px;
}
.footer_content .before,.footer_content .after{
	margin-top: 8px;
}*/
/*.progress1{
	width: 50%;
	height: 10px;
	float: left;
	border-radius: 5px;
	background: #FFF;
	margin-top: 28px;
	margin-left: 15px;
	overflow: hidden;
}
.bar{
	width: 30%;
	height: 100%;
	background: #509524;
}
.footer_content span{
	color: #FFF;
	float: left;
	font-size: 12px;
	margin-top: 23px;
	margin-left: 30px;
}
.progress2{
	width: 50px;
	height: 5px;
	float: left;
	background: #FFF;
	overflow: hidden;
	margin-top: 30px;
	margin-right: 30px;
}*/
/*首页网文*/
.foot_bottom{
	width: 100%;
	background-color: #EDEDED;
	margin-bottom: 70px;
}
.bottom_content{
	width: 1200px;
	margin: 0 auto;
	padding: 30px 0;
	border-top: 3px solid #e60012;
	text-align: center;
}
.bottom_content p{
	color: #808080;
	margin: 10px 0;
	font-size: 12px;
}
.bottom_content p a:hover{
	color: #808080;
	text-decoration: underline;
}
.bottom_content p span{
	margin: 0 5px;
}
.login a{
	display: inline-block;
	overflow: hidden;
	margin-top: 0;
}
.login a > img{
	width: 45px;
	height: 45px;
	border-radius: 50%;
}
.login i{
	cursor: pointer;
	font-size: 16px;
	color: #FFF;
	margin-top: 15px;
	margin-left: 15px;
	margin-right: 20px;
	float: right;
	
}
.nav-center{
	position: relative;
}
.index_user{
	width: 100px;
	/*height: 100px;*/
	background: #192026;
	margin-right: 8px;
	position: absolute;
	top: 55px;
	right: 0px;
	z-index: 999;
	padding: 15px 5px 0 5px;
	background: url(../images/border.png) no-repeat;
	background-size: 100% 100%;
}
.index_user ul{
	margin-top: 5px;
	width: 100%;
}
.index_user ul li i{
	float: left;
	margin: 0;
	padding-left: 10px;
}
.index_user ul li{
	width: 100%;
	height: 33%;
	padding: 5px 0;
	color: #FFF;
	font-size: 12px;
	line-height: 20px;
	cursor: pointer;
	position: relative;
}
.index_user ul li:last-child{
	margin-bottom: 5px;
}
.index_user ul li:hover,.index_user ul li:hover i{
	background-color: #FFF;
	color: #000;
}

/*搜索页*/
.tabs_con_1{
	overflow: hidden;
	margin-top: 5px;
	display: none;
}
.sear{
	width: 100%;
	padding: 30px 0;
	background-color: #EDEDED;
}
.sear .search_input{
	width: 800px;
	margin: 0 auto;
	border: 1px solid #808080;
	border-radius: 5px;
	background-color: #FFF;
	padding: 0;
}
.sear .search_input input{
	width: 90%;
	margin-left: 20px;
	line-height: 45px;
	font-size: 12px;
	border: none;
}
.sear .search_input img{
	float: right;
	margin-top: 5px;
	margin-right: 20px;
}


.search_content > ul{
	width: 100%;
	height: 60px;
	border-bottom: 1px solid #CCC;
}
.search_content > ul li{
	width: 15%;
	height: 100%;
	line-height: 60px;
	float: left;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
}
.tabs_active{
	border-bottom: 5px solid #509524;
}
.search_start{
	width: 100%;
	height: 60px;
	line-height: 60px;
	font-size: 12px;
	border-bottom: 1px solid #CCC;
}
.search_start span{
	float: left;
	margin-left: 30px;
}
.search_start button{
	margin-top: 15px;
	margin-right: 10px;
}
.search_start button i{
	margin-right: 3px;
}
.search_info{
	width: 100%;
	border-collapse:collapse;
}
.search_info input[type='checkbox']{
	width: 20px;
	height: 20px;
	float: left;
	margin: 13px 10px 0 20px;
}
.search_info tr{
	height: 45px;
	line-height: 45px;
	border-bottom: 1px solid #CCC;
}
.search_info tbody tr td{
	height: 45px;
}
.search_info tbody tr td i{
	line-height: 45px;
}
.search_info thead tr th,.search_info tbody tr td{
	display: inline-block;
	font-size: 12px;
	text-align: center;
}
.search_info thead tr th,.search_info tbody tr td{
	width: 70px;
}
.search_info thead tr th:nth-child(1),.search_info tbody tr td:nth-child(1){
	width: 63%;
	text-align: left;
}
/*.search_info thead tr th:nth-child(3),.search_info tbody tr td:nth-child(2){
	width: 100px;
}*/
.search_info thead tr th:last-child,.search_info tbody tr td:last-child{
	width: 80px;
}
.search_info tbody span{
	width: 90%;
	float: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.search_info tbody i{
	font-size: 23px;
	cursor: pointer;
	line-height: 30px;
}
/*分页*/
table tfoot tr td.page_con{
	overflow: hidden;
	float: right;
	margin-top: 50px;
}
.page_con{
	/*width: 500px;*/
	float: right;
	margin-top: 50px;
}
.page,.page_1{
	padding: 5px 10px;
	border: 1px solid #808080;
	border-radius: 5px;
	margin: 0 2px;
	background-color: #FFF;
}
.page:hover,.page_1:hover,.page_click{
	color: #FFF;
	background-color: #509524;
}

/*最新专辑*/
.album_classify,.album_classify table,.album_classify table tr,.album_con,.vedio_con{
	width: 100%;
	overflow: hidden;
}
.album_classify table{
	margin: 20px 0;
}
.album_classify table tr th,.album_classify table tr td{
	padding: 5px 10px;
	float: left;
	font-size: 12px;
	margin: 8px 5px;
	color: #000;
}
.album_classify table tr td{
	cursor: pointer;
}
.album_classify table tr td i{
	font-size: 12px;
	margin-left: 3px;margin-top: 2px;
	float: right;
}
.album_con ul{
	width: 100%;
}
.album_con ul li{
	width: 17%;
	margin: 10px 1%;
	float: left;
	overflow: hidden;
	background-color: #FFF;
}
 
.album_con ul li a{
	display: inline-block;
	width: 100%;
	height: 220px;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0;
	border: 0;
	cursor: pointer;
	overflow: hidden;
}

 
.album_con ul li a span{
	position: absolute;
	bottom: -40px;
	left: 0;
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #FFF;
	background-color: rgba(0,0,0,0.5);
	z-index: 99;
	font-size: 12px;
	text-align: left;
	transition: 0.5S;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}
.album_con ul li a:hover span{
	bottom: 0;
	transition: 0.5S;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}
.album_con ul li p{
	color: #808080;
	font-size: 12px;
	margin: 2px 0;
}
.album_con ul li p span{
	display: inline-block;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/*大家都在听*/
.listen_title{
	padding-bottom: 10px;
	border-bottom: 1px solid #CCC;
}
.listen_title span{
	font-size: 18px;
	font-weight: bold;
	margin-left: 15px;
}
.listen_title_btn{
	float: right;
	overflow: hidden;
	margin-right: 40px;
}
.btn_newhot{
	margin: 0;
	padding: 5px 10px;
	border: 1px solid #808080;
	background-color: #FFF;
}

/*最新视频*/
.vedio_con ul{
	width: 100%;
}
.vedio_con ul li{
	width: 23.2%;
	margin: 10px 1%;
	float: left;
	overflow: hidden;
	background-color: #FFF;
}
.vedio_con ul li:nth-child(4n+1){
	margin-left: 0px;
}
/*.vedio_con ul li:nth-child(4n){
	margin-right: 0px;
}*/
.vedio_con ul li a{
	display: inline-block;
	width: 100%;
	height: 200px;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 0;
	border: 0;
	cursor: pointer;
}
.vedio_con ul li a i{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	line-height: 200px;
	text-align: center;
	color: #FFF;
	opacity: 0.8;
	z-index: 99;
	font-size: 48px;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}
.vedio_con ul li a:hover i{
	color: #FFF;
	opacity: 1;
	background-color: rgba(0,0,0,0.5);
	font-size: 58px;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}
.vedio_con ul li .video_name{
	display: inline-block;
	width: 100%;
	font-size: 12px;
	padding-top: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.vedio_con ul li span{
	color: #808080;
	line-height: 28px;
	font-size: 12px;
	display: inline-block;
}
.vedio_con ul li span img{
	float: left;
	width: 20px;
	margin-top: 3px;
}

/*场景音乐*/
.sence_choose{
	width: 100%;
	overflow: hidden;
	margin-top: 20px;
}
.senceLeft{
	width: 78%;
	overflow: hidden;
	float: left;
}
.sceneRight{
	width: 20%;
	overflow: hidden;
	float: right;
	padding: 10px 0;
	margin: 0;
	border: 1px solid #CCC;
}
.sence_info tbody tr td{
	height: 45px;
}
.sence_info tbody tr td i{
	line-height: 45px;
}
.sence_info thead tr th:nth-child(1),.sence_info tbody tr td:nth-child(1){
	width: 52%;
}
.sence_info input[type='checkbox']{
	width: 20px;
	height: 20px;
	float: left;
	margin: 13px 10px 0 20px;
}
.sence_info tbody span{
	width: 80%;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
}
.scene_right_title{
	margin: 0 15px;
	padding-bottom: 13px;
	padding-top: 5px;
	font-size: 12px;
	font-weight: bold;
}
.sceneRight .sence_video{
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	overflow: hidden;
	border-bottom: none;
}
.topicAd{
	margin-top: 7px;
}
.mpl_right .sence_music{
	margin-top: 20px;
	border: 1px solid rgb(226, 226, 226);
}
.mpl_right .sence_music li{
	border-top: 1px solid rgb(226, 226, 226);
}
.mpl_right .sence_music li:first-child{
	border-top: none;
}
.sence_music .music_name{
	display: none;
}
.mpl_right .sence_music .music_name img{
	width: 100%;
	max-height: 160px;
}
.mpl_right .sence_music .user_list{
	padding: 10px;
	cursor: pointer;
}
.user_list .user_list_left{
	width: 70%;
}
.user_list .user_list_left img{
	width: 34px;
	height: 34px;
	border-radius: 50%;
}
.user_list .user_list_left span{
	margin-left: 5px;
	width: 100px;
	display: block;
	line-height: 16px;
	color: #333;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.user_list .user_list_left .such_data{
	color: #f00;
}
.user_list .user_list_right{
	margin-top: 5px;
}
.user_list .user_list_right a{
	display: block;
	width: 63px;
	line-height: 20px;
	border-radius: 5px;
	border: 1px solid rgb(226, 226, 226);
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.user_list_right a i{
	padding-right: 5px;
}
.user_list_right a img{
	margin-bottom: 3px;
}
.user_list  p{
	margin-top: 5px;
	color: #333;
	max-height: 35px;
	overflow: hidden;
	text-overflow:ellipsis;
	display: box;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.sceneRight .sence_video li{
	width: 90%;
	height: auto;
	line-height: 20px;
	margin: 0;
	padding: 5%;
	border-top: 1px solid #CCC;
	float: left;
	overflow: hidden;
	background-color: #FFF;
	text-align: left;
}
.sceneRight .sence_video li > a{
	display: inline-block;
	width: 100%;
	height: 150px;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 0;
	border: 0;
	cursor: pointer;
}
.sceneRight .sence_video li > a i{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	line-height: 150px;
	text-align: center;
	color: #CCC;
	opacity: 0;
	z-index: 99;
	font-size: 5px;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}
.sceneRight .sence_video li > a:hover i{
	color: #FFF;
	opacity: 0.8;
	background-color: rgba(0,0,0,0.5);
	font-size: 58px;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}
.sceneRight .sence_video li > .video_name{
	display: inline-block;
	width: 100%;
	margin: 0;
	padding: 0;
	line-height: 25px;
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.sceneRight .sence_video li span img{
	float: left;
	width: 20px;
	margin-top: 5px;
}
.sence_video li span{
	text-align: left;
	color: #808080;
	line-height: 28px;
	font-size: 12px;
	display: inline-block;
}
.sence_video li span img{
	float: left;
	width: 20px;
	margin-top: 5px;
}
.muise-info{
	padding: 15px 0;
}
.topicList li{
	height: 110px;
	transition: 0.5s ease;
	overflow: hidden;
}
.topicList li:hover{
	height: 155px;
	box-shadow: 0px 3px 10px 0px rgba(168, 167, 167, 0.5) ;
}
.topicList li:hover .fetch-date {
	display: none;
	transition: 0.5s ease;
}
.topicList li:hover .fetch-icon {
	opacity: 1!important;
	transition: 0.5s ease;
}
.musicName{
	padding: 0 15px;
}
.musicName .musicIMg{
	position: relative;
	margin-right: 15px;
}
.musicName img{
	width: 80px;
	height: 80px;
	border-radius: 5px;
}
.topicList li:hover .musicIMg i {
    color: #FFF;
    opacity: 1;
    background-color: rgba(0,0,0,0.5);
    font-size: 42px;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}
.musicName .musicIMg i {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 85px;
    text-align: center;
    color: #FFF;
    opacity: 0.8;
    z-index: 99;
    font-size: 38px;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}
.musicName .muise{
	margin: 15px 0;
	width: 220px;
}
.musicName .muise a{
	display: block;
	font-size: 14px;
	line-height: 25px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.musicName .muise a:first-child{
	font-size: 16px;
}
.envelope{
	height: 50px;
	width: 380px;
	margin: 15px 0;
	overflow: hidden;
}	
.envelope .mask{
	width: 100%;
	height: 100%;
}
.button-list{
	width: 180px;
	padding: 30px 15px 0 15px;
}
.button-list .length{
	font-size: 14px;
	color: 333;
}
.categories{
	line-height: 45px;
	background: #f4f4f4;
	padding: 0 15px;
}
.categories span{
	margin-right: 30px;
}
/*知名DJ*/
.DJleft{
	width: 15%;
	overflow: hidden;
	float: left;
	padding: 10px 2.5%;
	border: 1px solid #CCC;
}
.DJleft ul li{
	width: 98%;
	padding: 10px 1%;
	float: left;
	font-size: 12px;
	cursor: pointer;
}
.DJleft ul li:hover{
	color: #509524;
}

.DJright{
	width: 76%;
	overflow: hidden;
	float: right;
	padding: 30px 1%;
	border: 1px solid #CCC;
}
.joinDJ .title span,.DJleft > span{
	color: #000;
	font-size: 18px;
	font-weight: normal;
}
.joinDJ .title a:hover{
	color: #509524;
	text-decoration: underline;
}
.joinDJ_con,.joinDJ_con ul{
	width: 100%;
	overflow: hidden;
}
.joinDJ_con ul li{
	width: 18%;
	float: left;
	margin: 10px 1%;
}
.joinDJ_con ul li .joinDJ_photo{
	width: 164px;
	/*height:194px;*/
	display: block;
	overflow: hidden;
}
.joinDJ_con ul li:nth-child(5n+1){
	margin-left: 0;
}
/*.joinDJ_con ul li:nth-child(5n){
	margin-right: 0;
}*/
.joinDJ_con ul li a{
	display: inline-block;
	width: 100%;
	height: 165px;
	overflow: hidden;
}
.joinDJ_con ul li a > img{
	width: 100%;
	max-width:165px;_width:expression(this.width > 165 ? "165px" : this.width);
}
.joinDJ_con ul li span{
	font-size: 12px;
	line-height: 50px;
}

/*分类筛选弹出框*/
.album_classify{
	position: relative;
}
.table_alert{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 89.5%;
	height: 70px;
	z-index: 100;
	padding: 0 5%;
	border: 1px solid #CCC;
	background-color: #FFF;
}
.table_alert table tr td{
	margin-top: 0;
}

/*首页最新专辑*/
#focus_Box{
	position:relative;
	overflow: hidden;
	width: 100%;
	height: 180px;
	padding: 20px 0;
	border: 1px solid #CCC;
}
/*#focus_Box ul{
	position:relative;
	width: 750px;
	height: 220px;
	overflow: hidden;
	margin-left: 45px;
}
#focus_Box li{
	z-index:0;
	position:absolute; 
	width:0px;
	background:#787878;
	height:0px;
	top:146px;
	cursor:pointer;
	left:377px;
	box-shadow:1px 1px 12px rgba(200, 200, 200, 1);
	background-color: #FFF;
}*/
/*#focus_Box .prev,#focus_Box .next{
	display:block;
	z-index:100;
	overflow:hidden;
	cursor:pointer;
	position:absolute;
	width:52px;
	height:52px;
	top:80px;
}
#focus_Box .prev{
	background:url(../images/l.png) left bottom no-repeat;
	left:0px;
}
#focus_Box .next{
	background:url(../images/r.png) right bottom no-repeat;
	right:0px
} 
#focus_Box .prev:hover{
	background-position:
	left top;
}
#focus_Box .next:hover{
	background-position:
	right top;
}
#focus_Box > a{
	display: inline-block;
	width: 5%;
	height: 100%;
	text-align: center;
}
#focus_Box > a img{
	width: 80%;
}
#focus_Box ul li a{
	display: inline-block;
	width: 100%;
	height: 120px;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0;
	border: 0;
	cursor: pointer;
}
#focus_Box ul li a span{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 20px;
	line-height: 20px;
	color: #FFF;
	background-color: rgba(0,0,0,0.5);
	z-index: 99;
	font-size: 12px;
}
#focus_Box ul li p{
	color: #808080;
	font-size: 12px;
	background-color: #FFF;
}*/

/*视频详情*/
.vd_like ul{
	width: 100%;
}
.vd_like ul li{
	width: 14.8%;
	margin: 10px 1.1%;
	float: left;
	overflow: hidden;
	background-color: #FFF;
}
.vd_like ul li:first-child{
	margin-left: 0px;
}
.vd_like ul li:last-child{
	margin-right: 0px;
}
.vd_like ul li a{
	display: inline-block;
	width: 100%;
	height: 120px;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0;
	border: 0;
	cursor: pointer;
}
.vd_like ul li a i{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	line-height: 120px;
	text-align: center;
	color: #FFF;
	opacity: 0.8;
	z-index: 99;
	font-size: 38px;
}
.vd_like ul li a:hover i{
	opacity: 1;
	background-color: rgba(0,0,0,0.5);
}
.vd_like ul li .video_name{
	display: inline-block;
	width: 100%;
	font-size: 12px;
	padding-top: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.vd_like ul li span{
	color: #808080;
	line-height: 28px;
	font-size: 12px;
	display: inline-block;
}
.vd_con > p{
	width: 100%;
	padding: 20px 0 20px 10px;
	font-size: 12px;
	color: #FFF;
	background-color: #38393b;
}
.vd_con > p a{
	color: #FFF;
}
.vd_con > p a:hover{
	text-decoration: underline;
	color: #509524;
}
.vd_content{
	width: 100%;
	height: 700px;
	line-height: 700px;
	text-align: center;
	background: url(../images/videoDetails.png) no-repeat;
	background-size: 100%;
}

/*导航*/
.login .user_login{
	margin-top: 10px;
}


/*DJ详情页*/
.DJ_num{
	font-size: 18px;
  font-weight: bold;
}
.DJ_info{
	width: 1100px;
	/*height: 230px;*/
	margin: 30px auto;
	overflow: hidden;
}
.DJ_info_img{
	width: 200px;
	height:230px;
	overflow: hidden;
	float: left;
}
.DJ_info_img > img{
	max-width:230px;_width:expression(this.width > 230 ? "230px" : this.width);
}
.DJ_info_right{
	width: 800px;
	float: left;
	margin-left: 20px;
	overflow: hidden;
}
.DJ_title{
	border-bottom: 1px solid #CCC;
	padding: 0 15px 10px 10px;
	clear: both;
}
.DJ_title span{
	font-size: 18px;
	font-weight: bold;
	color: #000;
	line-height: 40px;
}
.button_atten{
	padding: 8px 30px;
	border:  1px solid #509524;
	border-radius: 3px;
	float: right;
	margin-right:10px;
}
.DJ_devote{
	width: 100%;
}
.DJ_devote a{
	display: inline-block;
	float: left;
	font-size: 16px;
	margin: 15px 80px 20px 5px;
}
.DJ_info_right ul{
	border: 0;
}
.DJ_info_right ul li{
	font-size: 12px;
	color: #808080;
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	text-align: left;
	line-height: 28px;
}

/*专辑详情*/
.ad_right li a{
	height: 210px !important;
}
.ad_right li p{
	text-align: left;
}
.ad_info{
	width: 78%;
	height: 230px;
	margin: 30px 0;
	overflow: hidden;
	float: left;
}
.ad_info > img{
	width: 230px;
	height: 230px;
	float: left;
	margin-right: 20px;
}
.ad_info > div{
	width: auto;
	overflow: hidden;
}
.ad_info p{
	color: #000;
	font-size: 16px;
	margin-bottom: 20px;
}
.ad_info ul{
	border: 0;
	height: auto;
	overflow: hidden;
}
.ad_info ul li{
	width: 50%;
	height: auto;
	line-height: 40px;
	float: left;
	text-align: left;
	cursor: auto;
}
.ad_info button{
	margin-top: 20px;
}
.ad_info span{
	color: #000;
	float: right;
	margin-right: 20px;
	margin-top: 30px;
}
.ad_right_top{
	overflow: hidden;
}
.ad_info_right{
	width: 20%;
	height: 230px;
	float: right;
	margin: 30px 0;
	overflow: hidden;
}
.ad_info_right a{
	display: inline-block;
	width: 85%;
	height: 100%;
	background: url(../images/album07.png) no-repeat;
	background-size: 100% 100%;
	margin-left: 8%;
}

.ad_info .lefr_li{
	width:230px;
	height:230px;
	float:left;
}

.ad_info .right_li{
	float:left;
	margin-left: 15px;
	width:calc(100% - 250px);
}
/*申请加入可可DJ*/
.DJinfo_pic{
	width: 100%;
	overflow: hidden;
}
.DJinfo_pic img{
	width: 100%;
}
.DJinfo{
	width: 1200px;
	/*height: 800px;*/
	margin: 0 auto;
	padding: 20px 5px;
	overflow: hidden;
}
.DJinfo > p{
	font-size: 18px;
	margin-left: 150px;
}
.DJinfo > .left{
	width: 840px;
	/*height: 500px;*/
	float: left;
	overflow: hidden;
}
.DJinfo > .left .left-photo{
	display: block;
	width: 120px;
	height: 120px;
	position: absolute;
	top:0;
	right: 0;
}
.DJinfo > .right{
	width: 300px;
	float: left;
	margin-left: 50px;
	margin-top: 20px;
	overflow: hidden;
}
.form_label label{
	width: 100%;
	padding: 20px 0;
	overflow: hidden;
}
.form_label label span:first-child{
	display: inline-block;
	width: 15%;
	line-height: 33px;
	float: left;
	text-align: right;
	margin-right: 15px;
	color: #808080;
}
.form_label label span{
	display: inline-block;
	line-height: 33px;
	color: #808080;
}
.form_label label input,.form_label label select{
	width: 50%;
	padding: 5px 10px;
}
.form_label label select{
	width: 52%;
}
.form_label label textarea{
	width: 68%;
	height: 100px;
	line-height: 35px;
	resize: none;
	padding: 10px;
}
.form_label label input[name='sex']{
	width: 20px;
	height: 20px;
	margin: 8px 10px 0 10px;
	float: left;
}
.form_label label input:checked + a,.form_label label input:checked:hover + a{
	background-color: #509524;
	color: #509524;
}
.submit{
	width: 200px;
	height: 80px;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
}
.submit input{
	padding: 10px 50px;
	border: 1px solid #509524;
	cursor: pointer;
}

/*会员中心*/
.user{
	width: 100%;
	background-color: #EDEDED;
}
.usercenter{
	width: 1150px;
	margin: 0 auto;
	padding: 30px 0;
	overflow: hidden;
}
.user_left{
	width: 25%;
	float: left;
	overflow: hidden;
	background-color: #FFF;
	padding-bottom: 28px;
}
.user_left > a{
	display: block;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	overflow: hidden;
	margin: 20px auto;
	border: 1px solid #EDEDED;
}
.user_left > a img{
	max-width: 100%;
}
.user_left > span{
	display: block;
	font-size: 12px;
	text-align: center;
	margin: 5px 0;
}
.user_left > span img{
	margin-left: 10px;
	cursor: pointer;
}
.user_love{
	width: 80%;
	background-color: #EDEDED;
	border-radius: 5px;
	margin: 15px auto;
	overflow: hidden;
	padding: 0 5%;
}
.user_love a{
	display: inline-block;
	width: 25%;
	float: left;
	text-align: center;
	padding: 15px 0;
	font-size: 12px;
}
.user_love a span{
	display: inline-block;
	margin-bottom: 5px;
}
.user_love a:hover{
	color: #509524;
}
.user_left ul{
	width: 90%;
	padding: 0 5% 30px 5%;
	overflow: hidden;
}
.user_left ul li{
	width: 100%;
	line-height: 50px;
}
.user_right{
	width: 73%;
	float: right;
	overflow: hidden;
}
.user_right > ul{
	width: 100%;
	height: 50px;
	background-color: #FFF;
	margin-bottom: 20px;
}
.user_right > ul li{
	width: 16%;
	height: 100%;
	line-height: 50px;
	text-align: center;
	cursor:  pointer;
}
.user_myinfo,.user_safe,.user_center,.user_download,.user_pay,.user_popular,.user_recharge,.dj_album{
	width: 100%;
	background-color: #FFF;
	padding: 20px 0;
	overflow: hidden;
}
.user_center ul{
	width: 100%;
}
.user_center ul li{
	width: 40%;
	line-height: 30px;
	float: left;
	text-align: left;
	padding: 5px 5%;
}

/*知名DJ*/
.DJarea ul{
	overflow: hidden;
}
.DJarea ul li{
	padding: 5px 0;
	/*border-top: 1px solid #CCC;*/
}
.DJarea ul li:last-child{
	border: none;
}
.DJarea p{
	position: relative;
	font-size: 13px;
	color: #000;
	height: 100%;
	padding: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #CCC;
}
.DJarea p:after{
	content: "";
	width: 90px;
	height: 1px;
	background: #509524;
	position: absolute;
	left: 0;
	bottom: -1px;
}
.DJarea a{
	display: inline-block;
	width: 33.3%;
	float: left;
	padding: 5px 0;
}
.DJarea a:hover{
	color: #509524;
}

/*右栏更多*/
.again{
	font-size: 12px;
	font-weight: normal;
	float: right;
}
.again:hover{
	color: #509524;
}


/*会员中心*/
.user_pay table tfoot td ,.user_download table tfoot td{
	padding-right: 20px;
}
/*充值记录*/
.user_pay p ,.user_download p,.user_safe p,.dj_album > p{
	font-size: 12px;
	margin: 0 20px 20px 20px;
}
.user_pay_info{
	width: 100%;
	border-collapse:collapse;
}
.user_pay_info tr{
	height: 45px;
	line-height: 45px;
	border-bottom: 1px solid #CCC;
}
.user_pay_info tbody tr td{
	height: 45px;
}
.user_pay_info tbody tr td i{
	line-height: 45px;
}
.user_pay_info thead tr th,.user_pay_info tbody tr td{
	display: inline-block;
	font-size: 12px;
	text-align: center;
}
.user_pay_info thead tr th,.user_pay_info tbody tr td{
	width: 15%;
}
.user_pay_info thead tr th:first-child,.user_pay_info tbody tr td:first-child{
	width: 10%;
}
.user_pay_info thead tr th:nth-child(5),.user_pay_info tbody tr td:nth-child(5){
	width: 25%;
}
.user_pay_info thead tr th:last-child,.user_pay_info tbody tr td:last-child{
	width: 17%;
}
.user_pay_info th ,.user_pay_info td{
	text-align: center;
}

/*下载记录*/
.user_download_info thead tr th:first-child,.user_download_info tbody tr td:first-child{
	width: 10%;
}
.user_download_info thead tr th:nth-child(2),.user_download_info tbody tr td:nth-child(2){
	width: 55%;
}
.user_download_info tbody tr td span{
	display: inline-block;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/*我的信息*/
.changepic{
	display: inline-block;
	width: 150px;
	height: 150px;
	float: right;
	margin: 30px 80px;
	position: relative;
	border: 1px solid #EDEDED;
}
.changepic img{
	width: 100%;
	max-width: 100%;
	height: 100%;
}
.changepic span{
	position: absolute;
	width: 100%;
	height: 30px;
	line-height: 30px;
	background: rgba(255,255,255,0.7);
	left: 0;
	bottom: 0;
	text-align: center;
	color: #000;
}
.myinfo_left{
	width: 500px;
	overflow: hidden;
	margin: 30px 0 0 20px;
}
.myinfo_birth > span{
	display: inline-block;
	float: left;
	line-height: 35px;
}

/*会员升级*/
.user_mumber{
	width: 90%;
	padding: 30px 5%;
	background-color: #FFF;
	overflow: hidden;
	text-align: center;
}
.user_mumber span{
	color: red;
	font-size: 12px;
}
.user_mumber > p{
	text-align: center;
	font-size: 16px;
	margin-bottom: 20px;
}
.user_mumber > div{
	width: 100%;
	background-color: #EAEAEA;
	padding: 20px 0;
	overflow: hidden;
	font-size: 12px;
	text-align: left;
}
.user_mumber > div label{
	width: 23%;
	float: left;
	text-align: right;
	font-size: 12px;
	margin-right: 10px;
}
.user_mumber > div ul li{
	font-size: 12px;
	line-height: 45px;
}
.user_mumber > div ul li input{
	width: 20px;
	height: 20px;
	float: left;
	margin: 13px 10px 0 0;
}
.mumber_choose label{
	height: 120px;
	line-height: 120px;
}
.mumber_explain label{
	line-height: 60px;
}
.mumber_explain p{
	font-size: 12px;
	width: 63%;
	line-height: 30px;
	overflow: hidden;
}
.user_mumber button{
	float: none;
	margin-top: 20px;
	font-size: 12px;
}

/*分页*/
.page_new{
  width: auto;
	float: right;
	margin-top: 50px;
}
.page_new > a{
	padding: 0;
	margin: 0;
    float: left;
    margin: 0 2px;
}
.page_new > a{
    padding: 5px 10px;
    float: left;
    border:1px solid #e5e5e5;
    border-radius: 3px;
    color:#656d78;
    font-size: 12px;
}
.page_new > a:hover{
    background: #eee;
}
.page_new > a span{
     font-size: 12px;
}

.page_new .on{
    display: inline;
}
.page_new .on{
    background: #509524;
    padding: 6px 11px;
    border:none;
    color:#fff;
}
.page_new .on > a:hover{
    cursor: default ;
    background:#509524;
}
.page_new > a.disabled{
    background: #eee;
    cursor:no-drop;
}
.page_new > a.disabled > a:hover{
    cursor:no-drop;
}
.page_new > a.disabled > a:focus{
    cursor:no-drop;
}
/*注册页*/
.reg-content{
	width: 100%;
	background: url(../images/user-register.jpg) center center no-repeat;
	background-size: 100%;
	overflow: hidden;
}
.reg-content a{
	color:#000;
}
.reg-content .reg-center{
	width: 1200px;
	overflow: hidden;
	/*height:755px;*/
	margin: 0 auto;
}
.reg-content .reg-box-opacity{
	width: 413px;
	height:465px;
	background: #f6f6f6;
	float: right;
	margin: 130px 54px 0 0;
	opacity: 0.17;
	position: relative;
}

/*遮罩层*/
.reg-box-opacity-top{
	width: 413px;
	height: 55px;
	position: relative;
	top:130px;
	left: 733px;
	z-index:1;
}
.reg-box-opacity-top .opacity-top-left{
	float: left;
	width: 206.5px;
	background: #f6f6f6;
	opacity: 0.3;
	height:55px;
}
.reg-box-opacity-top .opacity-top-right{
	float: left;
	width: 206.5px;
	background: #f6f6f6;
	height:55px;
	opacity: 0.3;
}
/*遮罩层*/
.reg-content .reg-box{
	position: relative;
	top:75px;
	left:733px;
	width: 413px;
	height:465px;
	z-index: 100;
}
.reg-box .reg-box-top{
	width: 100%;
	height: 55px;
	text-align: center;
	line-height:55px;
}
.reg-box .reg-box-top .top-left{
	float: left;
	width: 206.5px;
	height:55px;
}
.reg-box .reg-box-top .top-left a , .reg-box .reg-box-top .top-right a{
	font-size: 12px;
	/*color:#f6f6f6;*/
	display: block;
	width: 100%;
	height:100%;
}
.loginActive{background: #519524;}
.loginActive > a{
	color: #ffffff !important;}
.reg-box .reg-box-top .top-left a:hover{
	color:#fff;
}
.reg-box .reg-box-top .top-right a:hover{
	color:#fff;
}
.reg-box .reg-box-top .top-right{
	float: left;
	width: 206.5px;
	/*background: #519524;*/
	height:55px;
}
.reg-box .reg-box-middle{
	width: 100%;
}
.reg-box-middle ul li{
	float: left;
	width: 413px;
	height:35px;
	margin: 0 0 20px 0;
	line-height: 35px;
}
.reg-box-middle ul li input{
	height:100%;
	width:100%;
	height: 35px;
	border:1px solid #eee;
	border-radius: 3px;
	padding-left: 5px;
}
.reg-box-middle ul li:first-child{
	margin-top: 32px;
}
.reg-box-middle ul li:last-child > span > a{
	color: #ffffff;
}
.reg-box-middle ul li:last-child span:last-child{
	font-size: 12px;
	color:#fff;
	line-height: 20px;
}
.reg-box-middle ul li:last-child span:last-child input{
	float: left;
	margin: 12px 10px 0 0;
}
.reg-box-middle ul li span{
	float: left;
}
.reg-box-middle ul li span:first-child{
	display: inline-block;
	width: 120px;
	height:35px;
	text-align: left;
	text-indent: 25px;
	color:#FFF;
}
.reg-box-middle ul li:nth-child(2) span:last-child input:nth-child(2){
	float: right;
	margin: 0;
	width: 45%;
	height:36px;
}
.reg-box-middle ul li:nth-child(3) span:last-child input:nth-child(2){
	float: right;
	margin: 0;
	width: 45%;
	height:36px;
}
.reg-box-middle ul li span:last-child{
	display: inline-block;
	width: 260px;
}
.reg-box-bottom{
	width: 413px;
	height: 60px;
	float: left;
	text-align: center;
	margin-top: 15px;
}
.reg-box-bottom > a{
	display: inline-block;
	width: 360px;
	height:50px;
	text-align: center;
	line-height: 50px;
	color:#fff;
	font-size: 12px;
	background: #519524;
	border-radius: 5px;
}
.reg-box-bottom > a:hover{
	color:#fff;
}
.reg-box-bottom > a:visited{
	color:#fff;
}

/*视频播放详情*/
.video_nav{
	background-color: #192026;
}
.video_title{
	color: #FFF;
}
.video_sound{
	background-color: #FFF;
	border-radius: 3px;
	overflow: hidden;
}
.video_nav .video_stop .jp-play{
	padding: 0 5px;
}
.video_stop .vedio_stop_df{
	width: 100px;
}

/*第三方登录*/
.login_other{
	padding: 20px 30px;
	overflow: hidden;
	text-align: center;
}
.login_other span{
	color: #FFF;
	font-size: 12px;
}
.login_other span.other_left,.login_other span.other_right{
	display: inline-block;
	width: 30%;
	height: 2px;
	margin-top: 10px;
}
.login_other span.other_left{
	float: left;
	background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
}
.login_other span.other_right{
	float: right;
	background: linear-gradient(to left,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
}
.login_other div a{
	display: inline-block;
	margin: 20px 20px 0 20px;
}

/*安全中心*/
.user_safe .layui-form input{
	width: 300px;
}
.user_safe_phone span.red{
	margin-left: 30px;
	margin-right: 5px;
}
.user_safe_phone a{
	color: #0088CC;
}
.user_safe_phone a:hover{
	color: #0088CC;
	text-decoration: underline;
}

/*关于我们*/
.about_top{
	width: 100%;
	height: 80px;
	background: url(../images/aboutus.png) repeat;
	box-shadow: 0px 10px 20px #CCC;
}
.about_con{
	width: 100%;
	margin-top: 15px;
	background-color: #EDEDED;
	overflow: hidden;
}
.ab_content{
	width: 1200px;
	margin: 0 auto;
}
.ab_left{
	width: 20%;
	float: left;
	overflow: hidden;
}
.ab_left ul li{
	width: 90%;
	height: 60px;
	line-height: 60px;
	background-color: #FFF;
	font-size: 12px;
	position: relative;
	border-bottom: 1px solid #EDEDED;
	padding-left: 10%;
	cursor: pointer;
}
.ab_active{
	color: #509524;
}
.ab_active:before{
	content: " ";
	width: 8px;
	height: 60px;
	background-color: #509524;
	position: absolute;
	left: 0;
}
.ab_active:after{
	content: " ";
	position: absolute;
	right: 10px;
	top: 20px;
	border-style: solid;
	border-width: 10px;
	border-color: transparent transparent transparent #509524;
}

.ab_right{
	box-sizing: border-box;
	border:1px solid #eee;
  margin-bottom: 85px;
	padding:2%;
	float:right;
	width:78%;
	height:auto;
	background:#fff;
	margin-left: 20px;
	padding-top:8px;
}
.ab_title{
	width:100%;
	height:50px;
	line-height: 50px;
	background:#fff;
	border-bottom: 1px solid #EDEDED;
	position: relative;
	clear: both;
}
.ab_title:after{
	content: "";
  width: 120px;
  height: 2px;
  background: #509524;
  position: absolute;
  left: 0;
  bottom: -1px;
}
.ab_title span{
	font-size: 18px;
	color: #519524;
	margin-left: 10px;
}
.ab_main{
	padding: 20px 30px;
}
.ab_main p{
	text-indent: 20px;
	font-size: 12px;
	line-height: 45px;
	color: #333333;
}

/*会员中心已收藏*/
.user_album,.user_music,.user_video,.user_dj{
	width: 96%;
	background-color: #FFF;
	padding: 20px 2%;
	overflow: hidden;
}
/*已收藏专辑*/
.user_album > p,.user_music> p,.user_video > p,.user_dj > p{
	font-size: 16px;
	color: #519524;
	margin-left: 10px;
	margin-bottom: 15PX;
}
.user_album .album_con ul li a{
	height: 150px;
}
.user_album .album_con ul li{
	width: 18%;
}

/*已收藏歌曲*/
.user_music .search_info thead tr th:nth-child(1),.user_music .search_info tbody tr td:nth-child(1){
	width: 45%;
}
.user_music .search_info tbody span{
	width: 85%;
}
.user_music .search_info tbody tr td i.fa-star{
	color: #f05050;
}

/*已收藏视频*/
.user_video .vedio_con ul li a{
	height: 150px;
}
.user_video .vedio_con ul li a i{
	line-height: 150px;
}

/*搜索页tabs*/
.tabs_con_1 .album_con ul li{
	width: 18%;
}


/*下载客户端*/
.app_body{
	position: relative;
}
.app_body .app_phone{
	/*margin-top: 20px;*/
	position: absolute;
	top: 100px;
	left: 18%;
	z-index: 99;
}
.app_center{
	width: 1100px;
	margin: 0 auto;
	/*height: 650px;*/
	height: 100%;
	overflow: hidden;
	position: relative;
	/*padding-top: 50px;*/
	/*padding-top: 70px;*/
}
.app_download{
	width: 100%;
	/*height: 700px;*/
	background: url(../images/app_bg.png) no-repeat;
	background-size: cover;
	overflow: hidden;
	margin-bottom: 170px;
}

.app_download .app_code,.app_download .app_btn{
	float: right;
	margin-top: 33%;
	position: absolute;
}
.app_download .app_code{
	right: 250px;
	bottom: 5%;
}
.app_download .app_btn{
	right: 0;
	bottom: 5%;
}
.app_btn a{
	display: block;
	width: 180px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	border-radius: 5px;
	color: #FFF;
	font-size: 18px;
	margin: 15px 15px 15px 50px;
}
.app_btn a:hover,.app_btn a:active,.app_btn a:focus{
	color: #FFF;
	background-color: #509524 !important;
	border: 1px solid #509524 !important;
}
.app_btn a img{
	float: left;
	margin-top: 10px;
	margin-left: 10px;
}
.app_info{
	/*width: 50%;*/
	margin-left: 100px;
	overflow: hidden;
}
.app_info p{
	color: #333333;
	font-size: 28px;
	margin-bottom: 20px;
}
.app_info ul li{
	width: 100%;
	line-height: 55px;
	list-style-type: disc;
	font-size: 18px;
	margin-left: 30px;
	color: #666666;
}
.app_info span{
	width: 100%;
	font-size: 18px;
	color: #666666;
}

/*粉丝页面*/
.fans_con{
	margin-top: 0;
	padding-top: 20px;
}
.fans_tabs li img{
	margin-right: 10px;
	margin-top: 18px;
	float: left;
}
.fans_main{
	width: 100%;
	overflow: hidden;
}
.fans_main > ul > li{
	width: 94%;
	height: 100px;
	padding: 10px 3%;
	border-bottom: 1px solid #EDEDED;
}
.fans_main > ul > li > a{
	display: inline-block;
	width: 90px;
	height: 90px;
	float: left;
	margin-top: 5px;
	margin-right: 3%;
	border: 1px solid #EDEDED;
	border-radius: 50%;
	overflow: hidden;
}
.fans_main > ul > li > a img{
	width: 100%;
	height: 100%;
}
.fans_info{
	width: 70%;
	height: 100%;
	overflow: hidden;
	float: left;
	margin-top: 5px;
}
.fans_info li{
	width: 100%;
	height: 30%;
	line-height: 30px;
	text-align: left;
	font-size: 12px;
	color: #666666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.fans_info li a{
	display: inline-block;
	font-size: 18px;
	margin-right: 10px;
	float: left;
}
.fans_info li img{
	float: left;
}
.fans_title:after{
  width: 150px;
}
.fans_title span{
	margin-left: 30px;
}

/*下载歌曲*/
.dlm_content{
	width: 1050px;
	margin: 30px auto;
	background-color: #FFF;
	padding: 30px 0 30px 0px;
	overflow: hidden;
	position: relative;
}
.dlm_title{
	width: 100%;
	overflow: hidden;
	padding-left: 40px;
}
.dlm_title img{
	float: left;
}
.dlm_title span{
	display: inline-block;
	float: right;
	width: 60%;
	padding-left: 50px;
	margin-top: 40px;
	line-height: 40px;
	color: #333;
	background-color: #CCC;
	font-size: 16px;
}
.dlm_title span a{
	color: #0088CC;
}
.dlm_info{
	width: 90%;
	padding-right: 5%;
	margin-top: 60px;
	padding-left: 40px;
}
.dlm_info p{
	font-size: 12px;
	color: #000;
	line-height: 50px;
}
.dlm_desc {
	float: left;
}
.dlm_desc li{
	width: 100%;
	float: left;
	line-height: 30px;
	list-style: disc;
	list-style-position: inside;
}
.dlm_desc li a {

}
.dlm_info p img{
	float: left;
	margin-right: 20px;
	margin-top: 10px;
}
.dlm_info p span{
	display: inline-block;
	width: 100%;
	font-size: 16px;
	overflow: hidden;
}
.dlm_info p:nth-child(2) a{
	font-size: 18px;
	color:#000;
}
.dlm_btn{
	padding: 30px 0px 30px 0;
	overflow: hidden;
	float: right;
	text-align: center;
}
.dlm_btn button{
	font-size: 16px;
	padding: 10px 25px;
}
.dlm_btn button:nth-child(1){
	margin: 0!important;
}
.dlm_btn span{
	display: block;
	padding-top: 10px;
	color: #999999;
	clear: both;
}
.dlm_ww{
	width: 100%;
	height: 35px;
	line-height: 35px;
	position: absolute;
	bottom: 0;
	color: #333;
	background-color: #CCC;
	text-align: center;
}
#targetUrl {
	text-align: right;
	margin-top: 10px;
	float: right;
	font-size: 16px;
	line-height: 30px;
}
#targetUrl a{
	font-size: 16px;
	padding: 10px 25px;
	background: #1ab667;
	border-radius: 3px;
	color: #fff;
	margin-left: 10px;
}

/*音乐播放列表*/
.mpl_pic{
	width: 100%;
	height: 400px;
	background: url(../images/playlist.png) no-repeat;
	background-size: cover;
	position: relative;
}
.mpl_pic p{
	position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 40px;
  line-height: 40px;
  color: #FFF;
  background-color: rgba(0,0,0,0.5);
  z-index: 99;
  font-size: 12px;
  padding: 0 2%;
}
.mpl_pic p span a{
	color: #fff;
}
.playlist tr td:first-child > i{
	float: left;
	margin: 0 20px;
	font-size: 16px;
}
.playlist tbody tr td,.playlist tbody tr td:nth-child(2),.playlist tbody tr td:last-child{
	width: 6%;
}
.playlist tbody tr td:nth-child(1){
	width: 80%;
	text-align: left;
}
.playlist tr:nth-of-type(odd){
	background-color: #EDEDED;
}
.playlist tr:hover td,.playlist tr:hover td a,.playlist tr:hover td i{
	color: #509524;
}
.playlist tr:hover td i.fa-star{
	color: #F05050;
}

.mpl_right{
	width: 20%;
	float: right;
}
.mpl_right .sceneRight{
	width: 100%;
}

.mpl_right > a{
	display: block;
	width: 100%;
	float: right;
	margin-top: 20px;
	overflow: hidden;
}
.mpl_right > a img{
	width: 100%;
}

/*DJ详情*/
.djshow_none{
	width: 100%;
	margin-top: 50px;
	font-size: 12px;
	text-align: center;
}

/*登录页面*/
.login_warp{
	width: 100%;
	height: 757px;
	overflow: hidden;
	background: url(../images/background.png) no-repeat;
	background-size: cover;
}
.login_1,.login_2,.login_3,.login_4{
	float: left;
}
.login_1,.login_2,.login_4{
	height: 300px;
	margin-top: 250px;
	background: rgba(255,255,255,0.1);
}
.login_1{
	width: 100%;
}
.login_2{
	width: 25%;
}

.login_3{
	width: 23%;
	height: 550px;
	margin-top: 130px;
	background: rgba(255,255,255,0.2);
}
.login_3 .layui-form{
	width: 100%;
	height: 100%;
}
.login_4{
	width: 20%;
}
.login_computer{
	width: 32%;
	height: 100%;
	overflow: hidden;
	float: left;
	position: relative;
}
.login_1 img{
	position: absolute;
	right: 0;
	top: 180px;
}
.login_2 img{
	display: block;
	margin: 20px 0 20px 20px;
}
.login_2 img:first-child{
	margin-top: 100px;
}
.login_3 .login_top{
	width: 100%;
	overflow: hidden;
	background: rgba(255,255,255,0.5);
}
.login_3 .top-left,.login_3 .top-right{
	width: 50%;
	float: left;
	height: 55px;
	line-height: 55px;
}
.login_3 .top-left a ,.login_3 .top-right a{
	font-size: 12px;
	display: block;
	width: 100%;
	height:100%;
	text-align: center;
}
.login_3 .top-left a:hover ,.login_3 .top-right a:hover{
	color: #FFF;
}
.login_3 .reg-box-middle ul {}
.login_3 .reg-box-middle ul li{
	float: left;
	width: 100%;
	height:35px;
	margin: 0 0 30px 0;
	line-height: 35px;
}
.login_3 .reg-box-middle ul li:last-child{
	margin: 0 0 0px 0;
}
.login_3 .reg-box-middle ul li input{
	height:100%;
	width:100%;
	height: 35px;
	border:1px solid #eee;
	border-radius: 3px;
	padding-left: 5px;
}
.login_3 .reg-box-middle ul li:first-child{
	margin-top: 32px;
}
.login_3 .reg-box-middle ul li:last-child > span > a{
	color: #ffffff;
}
.login_3 .reg-box-middle ul li:last-child span:last-child{
	font-size: 12px;
	color:#fff;
	line-height: 20px;
}
.login_3 .reg-box-middle ul li:last-child span:last-child input{
	float: left;
	margin: 12px 10px 0 0;
}
.login_3 .reg-box-middle ul li span{
	float: left;
	width: 60%;
}
.login_3 .reg-box-middle ul li span:first-child{
	display: inline-block;
	width: 30%;
	height:35px;
	text-align: left;
	text-indent: 25px;
	color:#FFF;
}
.login_3 .reg-box-bottom{
	width: 100%;
	height: 60px;
	float: left;
	margin: 15px auto;
}
.login_3 .reg-box-bottom > button{
	display: inline-block;
	width: 90%;
	height:50px;
	text-align: center;
	line-height: 50px;
	color:#fff;
	font-size: 12px;
	background: #519524;
	border-radius: 5px;
	margin: 0 auto;
}
.login_3 .reg-box-bottom > button:hover{
	color:#fff;
}
.login_3 .reg-box-bottom > button:visited{
	color:#fff;
}
.login_password{
	float:right;
	font-size:12px;
}
.login_password:hover{
	text-decoration: underline;
}

/*申请加入可可DJ*/
.add_right{
	width: 93%;
	margin: 10px auto;
	box-shadow: 0px 0px 15px #CCC;
}
.add_right ul{
	width: 90%;
	margin: 0 5%;
}
.add_right ul li{
	width: 100%;
}
.add_right p:after{
	width: 140px;
}
.add_right span{
	display: inline-block;
	font-size: 12px;
	line-height: 30px;
	text-indent: 2em;
}


/*上传图片*/
.user_upload .col-md-3,.user_upload .col-md-4,.user_upload .col-md-5,.user_upload .col-md-9{
	display: inline-block;
	overflow: hidden;
}
.user_upload .col-md-9 {
    width: 75%;
}
.user_upload .col-md-3 {
    width: 25%;
}
.user_upload .col-md-4 {
    width: 38%;
}
.user_upload .col-md-5 {
    width: 32%;
}
.user_upload .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.user_upload .fade.in {
    opacity: 1;
}
.user_upload .modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.user_upload .fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.user_upload .modal-lg {
    width: 900px;
}
.user_upload .modal-dialog {
    width: 600px;
    margin: 30px auto;
    position: relative;
    width: auto;
}
.user_upload .modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.user_upload .modal-header {
    min-height: 16.42857143px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}
.user_upload .modal-header .close {
    margin-top: -2px;
    float: right;
     -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
}
.user_upload .modal-title {
    margin: 0;
    line-height: 1.42857143;
}
.user_upload .modal-body {
    position: relative;
    padding: 15px;
}
.user_upload .avatar-body {
    padding-right: 15px;
    padding-left: 15px;
}
.user_upload .avatar-upload {
    overflow: hidden;
}
.user_upload .avatar-upload input {
    display: block;
    margin-left: 110px;
}
.user_upload .avatar-upload label {
    display: block;
    float: left;
    clear: left;
    width: 100px;
}
.user_upload .avatar-upload input {
    display: block;
    margin-left: 110px;
}
.user_upload .hide {
    display: none !important;
}
.user_upload .row {
    margin-right: -15px;
    margin-left: -15px;
}
.user_upload .avatar-wrapper {
    height: 364px;
    width: 100%;
    margin-top: 15px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.25);
    background-color: #fcfcfc;
    overflow: hidden;
}
.user_upload .avatar-btns {
    margin-top: 20px;
    margin-bottom: 15px;
}
.user_upload .avatar-btns .btn-group {
    margin-right: 5px;
}
.user_upload .btn-group, .user_upload .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.user_upload .btn-group > .btn:first-child {
    margin-left: 0;
}
.user_upload .btn-group > .btn,.user_upload  .btn-group-vertical > .btn {
    position: relative;
    float: left;
}
.user_upload .avatar-btns button {
    height: 35px;
}
.user_upload .btn-danger {
    color: #fff;
    background-color: #519524;
    border-color: #519524;
}
.user_upload .btn-danger:hover,.user_upload .btn-danger:active,.user_upload .btn-danger:focus{
		background-color: #519524;
    border-color: #519524;
}
.user_upload .btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.user_upload .btn-block {
    display: block;
    width: 70%;
    margin: 0 auto;
}
.user_upload .avatar-preview {
    float: none;
}
.user_upload .preview-lg {
    height: 184px;
    width: 184px;
    margin-top: 15px;
}
.user_upload .avatar-preview {
   /* float: left;*/
    margin-top: 15px;
    margin-right: 15px;
    border: 1px solid #eee;
    border-radius: 4px;
    background-color: #fff;
    overflow: hidden;
}
.user_upload .modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5;
}
.user_upload .modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0;
}
.user_upload .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

/*上传图片结束*/

/*音乐播放列表*/
.senceLeft .jp-playlist ul li:nth-of-type(odd){
	background-color: #EDEDED;
}
.senceLeft .jp-playlist ul li:hover a{
	color: #509524;
}
.senceLeft .jp-playlist-item{
	padding-right: 5px;
}
.senceLeft .jp-playlist-item i,.jp-playlist-item-remove i{
	font-size: 25px;
	color: #666;
}
.senceLeft .jp-playlist-item i{
	float: right;
	margin-right: 30px;
}
.senceLeft a.jp-playlist-item:before{
	content: "\f04b";
	font-size: 20px;
}
.senceLeft a.jp-playlist-current:before{
	content: "\f04c";
	font-size: 16px;
}
.senceLeft a.jp-playlist-current{
	color: #509524;
}
.senceLeft a.jp-playlist-current i{
	color: #666;
}
.senceLeft a.jp-playlist-item .jplist-title{
	display: inline-block;
	width: 80%;
	margin-right: 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.senceLeft .jp-title-list{
	width: 80%;
}
.senceLeft .music_love{
  display: block;
  position: absolute;
  right: 60px;
  top: 0;
  padding: 11px 18px;
  opacity: 1;
}
.senceLeft .music_down{
  display: block;
  position: absolute;
  right: 120px;
  top: 0;
  padding: 11px 18px;
  opacity: 1;
}
.senceLeft .music_love i,.senceLeft .music_down i{
	font-size: 25px;
}

/*专辑详情列表*/
.album-title-list{
	width: 55%;
	margin: 0;
	padding: 0;
}
.album_title{
	position: relative;
	height: 47px;
	overflow: hidden;
	border: 1px solid #CCC;
}
.album_title span:first-child{
	width: 55%;
	text-align: left;
}
.album_table .album_list div > span,.album_title span{
	display: inline-block;
	width: 8%;
	text-align: center;
	position: absolute;
	top: 0;
	padding: 15px 0;
}
.album_table .jp-playlist-current div > span,.album_table .album_list li:hover div > span,.album_table .jp-playlist-current div > .allitem_title span{
	color: #509524;
}
.album_table .album_list div > .album_listen,.album_title .album_listen{
	right: 32%;
}
.album_table .album_list div > .album_money,.album_title .album_money{
	right: 8%;
}
.album_table .album_list div > .album_size,.album_title .album_size{
	right: 0;
}
.album_title .album_down{
	right: 24%;
}
.album_title .album_love{
	right: 16%;
}
.senceLeft .album_table .music_down{
	padding: 11px 0;
	width: 8%;
	text-align: center;
	right: 24%;
}
.senceLeft .album_table .music_love{
	padding: 11px 0;
	width: 8%;
	text-align: center;
	right: 16%;
}
.senceLeft .jp-playlist ul.album_list li:nth-of-type(odd){
	background-color: #FFF;
}
.senceLeft .jp-playlist ul.album_list li{
	border: 1px solid #CCC;
	border-top: none;
}
.senceLeft .album_table  a.jp-playlist-item .jplist-title{
	width: 90%;
}

/*音乐列表*/
.album_title .music_checkall{
	position: absolute;
	top: 0;
	left: 0;
}
/*音乐播放列表评论*/
.music_comment{
	width: 99%;
	margin-top: 20px;
    padding-bottom: 10px;
	overflow: hidden;
	border: 1px solid #CCC;
}
.conment_title{
	width: 96%;
	padding: 0 2%;
	height: 55px;
	line-height: 60px;
	font-size: 20px;
	color: #000;
	border-bottom: 3px solid #509524;
}
.conment_title span{
	margin: 0 15px;
}
.comment_box{
	padding: 20px 5% 5px 110px;
	overflow: hidden;
	position: relative;
}
.comment_box .comment_pic{
	position: absolute;
	top: 20px;
	left: 20px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 1px solid #CCC;
	margin: 5px 0 0 10px;
}
.comment_text{
	width: 95%;
	height: 60px;
	float: left;
	background: url(../images/comment.png) no-repeat;
	background-size: 100% 100%;
	padding: 1.5% 2% 1.5% 3%;
}
.comment_text textarea{
	resize: none;
	border: none;
	width: 100%;
	height: 100%;
	line-height: 20px;
	background: none;
}
.commentBtn{
	margin-top: 15px;
	float: right;
}
.comment_info{
	width: 95%;
	margin: 0 auto;
	overflow: hidden;
}
.comment_info .comment_info_title{
	width: 100%;
	line-height: 35px;
	color: #000;
	border-bottom: 1px solid #CCC;
}
.comment_list{
	width: 100%;
	overflow: hidden;
}
.comment_list .comment_item{
	padding: 15px 5% 5px 90px;
	overflow: hidden;
	position: relative;
	width: 87%;
	/*height: 70px;*/
	line-height: 30px;
}
.comment_item img{
	position: absolute;
	top: 15px;
	left: 10px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 1px solid #CCC;
}
.comment_item > div{
	width: 100%;
	height: 100%;
	border-bottom: 1px solid #CCC;
}
.comment_item > div p ,.comment_item > div p span{
	color: #000;
}
.comment_item > div p a{
	color: #0088CC;
}
.comment_item:last-child > div{
	border-bottom: none;
}

/*搜索页*/
.search_music{
	width: 1200px;
	overflow: hidden;
	float: none;
}

.about_con_title{
	width: 1050px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: -20px;
}

/*下载歌曲*/
.album_con ul li.download_album{
	float:left;
	height:240px;
}
.album_con ul li.download_album a{
	height: 160px;
}


/*音乐列表*/
.allitem_title{
	position: absolute;
	left: 50px;
	top: 13px;
	width: 55%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.inputitem_title{
	position: absolute;
	left: 100px;
	top: 13px;
	width: 48%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.comment_share{
	width: 50%;
	overflow: hidden;
	margin-left: 30px;
	margin-top: 10px;
	float: left;
}

/*DJ编辑模块*/
.user_love .dj_collect{
	width: 33%;
}
.dj_onready{
	line-height: 38px;
}
.upload_music .layui-form-radio{
	width: 100px;
}

/*会员充值*/
.recharge_title{
	text-align: center;
	font-size: 16px;
	margin: 10px 0;
}
.layui-layer-content{
	position: relative;
}
.recharge_form{
	width: 90%;
	position: absolute;
	top: 5px;
	left: 0;
	background-color: #FFF;
	margin-left: 5%;
}
.mumber_state,.mumber_choose,.mumber_explain{
	width: 100%;
	overflow: hidden;
	margin: 15px 0;
}
.mumber_state label ,.mumber_choose label ,.mumber_explain label{
	display: inline-block;
	float: left;
	width: 30%;
	text-align: right;
}
.mumber_choose ul li{
	line-height: 40px;
}
.mumber_explain p{
	margin-top: 5px;
}
.recharge_btn{
	text-align: center;
	margin: 10px 0;
}
.rechargeBtn{
	text-align: center;
	border: 1px solid #509524;
	border-radius: 5px;
	padding: 5px 30px;
	text-align: center;
}


.album_con .album_list li{
	height: 266px;
}

/*视频播放页*/
.video_play_con{
	width: 1200px;
	overflow: hidden;
	background-color: #192026;
}
.video_play_left{
	width: 75%;
	float: left;
}
.video_play_right{
	width: 22%;
	float: left;
	padding: 20px 1.5%;
}
.video_play_right > h3{
	color: #519526;
	line-height: 30px;
	overflow: hidden;  
    text-overflow: ellipsis;  
    display: -webkit-box;  
    -webkit-line-clamp: 2;  
    -webkit-box-orient: vertical;  
	/*height: 60px;*/
	/*overflow: hidden;*/
}
.video_play_right > p{
	line-height: 40px;
	color: #CCC;
	border-bottom: 1px solid #CCC;
	margin: 10px 0;
}
.video_play_info{
	width: 100%;
	overflow: hidden;
	margin: 10px 0;
}
.video_play_info li{
	width: 50%;
	line-height: 40px;
	text-align: left;
	float: left;
	color: #FFF;
}
/*.video_play_label{
	width: 100%;
	overflow: hidden;
	margin: 5px 0;
}
.video_play_label li{
	width: 25%;
	float: left;
	color: #FFF;
}*/
.video_play_info li a{
	display: inline-block;
	color: #509524;
}
.downloadBtn{
	width: 100%;
	padding: 10px 0;
	margin: 15px 0 15px 0;
}
.video_play_right > span{
	display: block;
	width: 100%;
	line-height: 30px;
	text-align: center;
}
.video_play_right .video_play_member{
	display: inline-block;
	width: 50%;
	float: left;
	text-align: center;
	color: #f7583a;
	text-decoration: underline;
	margin: 15px 0;
}
#tags_a a{
	color:#fff
}

/*dj作品展示页*/
.djshow_top{
	background: url(../images/djshow_bg.png) no-repeat;
	background-size: cover;
}
.dj_top{
	width: 30%;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
	background: url(../images/dj_bg.png) no-repeat;
	background-size: cover;
}
.dj_top .layui-field-title{
	width: 200px;
	margin: 0 auto;
	text-align: center;
}
.dj_top legend{
	border: none;
	width: auto;
	color: #FFF;
	display: inline-block;
	margin-left: 25%;
	float: none;
}
.dj_pic{
	text-align: center;
}
.dj_pic p{
	display: block;
	overflow: hidden;
	text-align: center;
	padding: 10px;
}
.dj_avatar{
	display: inline-block;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	border: 1px solid #CCC;
}
.dj_pic a{
	display: inline-block;
	width: 80px;
	color: #FFF;
	clear: both;
	text-align: center;
	padding: 3px 0;
	margin: 0 10px;
	border: 1px solid #FFF;
	border-radius: 10px;
}
.dj_pic a i{
	margin-right: 5px;
}
.dj_info{
	overflow: hidden;
	margin-top: 10px;
	text-align: center;
}
.dj_info li{
	width: 100%;
	line-height: 25px;
	color: #FFF;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.djshow_title{
	margin-bottom: 15px;
  padding: 0 15px;
  overflow: hidden;
  font-size: 16px;
}

/*#picture_Box ul{
	position:relative;
	width: 750px;
	height: 120px;
	overflow: hidden;
	margin-left: 45px;
}
#picture_Box li{
	z-index:0;
	position:absolute; 
	width:0px;
	background:#787878;
	height:0px;
	top:146px;
	cursor:pointer;
	left:377px;
	box-shadow:1px 1px 12px rgba(200, 200, 200, 1);
	background-color: #FFF;
}
#picture_Box .prev,#picture_Box .next{
	display:block;
	z-index:100;
	overflow:hidden;
	cursor:pointer;
	position:absolute;
	width:52px;
	height:52px;
	top:80px;
}
#picture_Box .prev{
	background:url(../images/l.png) left bottom no-repeat;
	left:0px;
}
#picture_Box .next{
	background:url(../images/r.png) right bottom no-repeat;
	right:0px
} 
#picture_Box .prev:hover{
	background-position:
	left top;
}
#picture_Box .next:hover{
	background-position:
	right top;
}
#picture_Box > a{
	display: inline-block;
	width: 5%;
	height: 100%;
	text-align: center;
}
#picture_Box > a img{
	width: 80%;
}
#picture_Box ul li a{
	display: inline-block;
	width: 100%;
	height: 100%;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0;
	border: 0;
	cursor: pointer;
}

#picture_Box ul li a span{
	display: none;
}
#picture_Box ul li a p{
	display: none;
}*/

.djshow_pic{
	display: none;
	z-index: 99;
}
.djshow_pic img{
	width: 100%;
	z-index: 99;
}

/*首页搜索*/
.index_search{
	position: absolute;
	top: 60px;
	right: 165px;
	width: 205px;
	/*height: 140px;*/
	padding: 10px 20px;
	background-color: #FFF;
	border-radius: 10px;
	z-index: 999;
	overflow: hidden;
	clear: both;
	box-shadow:2px 2px 15px black;
}
.index_search >div{
	display: block;
	overflow: hidden;
}
.index_search a{
	display: inline-block;
	padding: 5px 10px;
	margin: 0 10px 10px 0;
	color: #333;
	background-color: #EAEAEA;
	border-radius: 5px;
	float: left;
}
.index_search a:hover{
	background: #509524;
	color:#fff;
}

/*会员充值弹框*/
.recharge_state{
	background-color: #EAEAEA;
	padding: 15px 0;
}
.recharge_explain{
	background-color: #EAEAEA;
	padding: 15px 0;
}

/*搜索结果*/
.search_list li a{
	display: block;
}

/*积分推广*/
.user_popular ul.popular_static{
	overflow: hidden;
}
.user_popular ul.popular_static li{
	display: inline-block;
	float: left;
	padding: 0 40px;
	line-height: 35px;
	border-right: 1px solid #CCC;
	text-align: center;
}
.user_popular ul li span{
	font-weight: 600;
}
.popular_list{
	width: auto;
	padding-left: 20px;
	padding-right: 20px;
}
.popular_title{
	line-height: 30px;
	border-bottom: 1px solid #CCC;
	padding: 0 10px;
}
.popular_title a{
	float: right;
	color: #3282D0;
}
.user_popular_info{
	width: 100%;
	border-collapse:collapse;
}
.user_popular_info tr{
	height: 35px;
	line-height: 35px;
}
.user_popular_info tbody tr td{
	height: 35px;
}
.user_popular_info tbody tr td i{
	line-height: 35px;
}
.user_popular_info thead tr th,.user_popular_info tbody tr td{
	display: inline-block;
	font-size: 12px;
	text-align: center;
}
.user_popular_info thead tr th,.user_popular_info tbody tr td{
	width: 24%;
}
.user_popular_info th ,.user_popular_info td{
	text-align: center;
}

/*首页友情链接*/
.link_info{
	padding: 0 20px;
	overflow: hidden;
	clear: both;
}
.link_info a{
	display: inline-block;
	margin-right: 20px;
	line-height: 35px;
}
.link_info a:hover{
	color: #509524;
}

/*充值中心*/
.recharge_list{
	width: 80%;
	margin: 10px auto;
}
.mumber_choose .recharge_list li{
	display: inline-block;
	width: 30%;
	line-height: 30px;
	margin-right: 3%;
	margin-bottom: 15px;
	padding: 5px 0;
	float: left;
	border: 1px solid #CCC;
	text-align: center;
	cursor: pointer;
	position: relative;
}
.recharge_list li.active{
	color: #d81e06;
	border-color: #d81e06;
}
.recharge_list li.hot:after{
	content: "";
	display: block;
	position: absolute;
	bottom: 36px;
	right: 0;
	width: 35px;
	height:35px;
	background: url('../images/rechar-hot.png') no-repeat;
}
.recharge_list li.active:after{
	content: "";
	display: block;
	position: absolute;
	bottom: 0!important;
	right: 0;
	width: 35px;
	height:35px;
	background: url('../images/rechar-selected.png') no-repeat;
}
.mumber_explain .layui-form-radio{
	margin-right: 0;
	padding-right: 0;
}

/*会员中心*/
.user_mydj{
	display:block;
	width:16%;
	float:left;
	line-height: 50px;
	padding: 0 5px;
	text-align: center;
}

/*DJ主页相册*/
.dj_album_pic li a{
	background-size: cover;
	background-position: center;
}

/*DJ个人主页*/
.dj_pic_banner{
	width: 80%;
	height: 200px;
	margin: 0 auto;
	overflow: hidden;
}
.dj_pic_banner .next{
	right: 10px !important;
	top: 50%;
	margin-top: -23px;
}
.dj_pic_banner .pre{
	left: 10px !important;
	top: 50%;
	margin-top: -23px;
}

/*头部下载*/
.header_hot{
	position: relative;
}
.header_hot:after{
	content: "";
	width: 32px;
	height: 12px;
	background-image: url(../images/header_hot.png);
	background-repeat: no-repeat;
	position: absolute;
	right: -15px;
	top: 29px;
	z-index: 99;
}

/*网站导航*/
.map_item{
	clear: both;
}
.map_item > a{
	float: left;
	margin: 20px 30px 20px 0;
}

/* 音乐播放页-面包屑导航 */
.navigation > a{
	font-size: 14px;
}

/*首页右侧盒子*/
.active_box{
	position: fixed;
	top: 50%;
	right: 0;
	margin-top: -150px;
	z-index: 100;
}
.active_box li{
	float: none;
	width: 50px;
	height: 50px;
	text-align: center;
	background-color: #FFF;
	border: 0.5px solid #CCC;
	overflow: hidden;
}
.active_box li a{
	display: block;
	line-height: 55px;
}
.active_box li a span{
	display: block;
	line-height: 20px !important;
	font-size: 14px;
	padding: 5px 0;
	background-color: #509524;
	color: #FFF;
	display: none;
}
.active_box_qq,.active_box_weixin,.active_box_app{
	padding: 10px;
	background-color: #192026;
	position: fixed;
	top: 50%;
	right: 52px;
	z-index: 101;
	display: none;
}
.active_box_qq:after,.active_box_weixin:after,.active_box_app:after{
	content: " ";
	display: block;
	border-width: 6px;
	border-style: solid;
	border-color: transparent transparent transparent #192026;
	position: absolute;
	top: 20px;
	right: -12px;
	z-index: 102;
}
.active_box_qq{
	margin-top: -150px;
}
.active_box_weixin{
	margin-top: -100px;
}
.active_box_app{
	padding: 10px;
	background-color: #192026;
	position: fixed;
	top: 50%;
	right: 52px;
	margin-top: -50px;
	z-index: 101;
	display: none;
}
.active_box_app:after{
	content: " ";
	display: block;
	border-width: 6px;
	border-style: solid;
	border-color: transparent transparent transparent #192026;
	position: absolute;
	top: 20px;
	right: -12px;
	z-index: 102;
}
.default-btn {
	padding: 5px 10px;
	float: left;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	color: #656d78;
	font-size: 12px;
}
.default-btn:hover{
	background: #509524;
	color:#fff!important;
	border-color:#fff;
}
.default-btn:visited , .default-btn:active{
	color: #656d78;
}
.music_play_list tr td{
	font-size: 12px!important;
	text-align: left;
}

/*首页歌曲列表*/
.index_table {
	margin: 0;
	border-bottom: none;
}
.index_table_tr{
	width:419px;
	float: left;
}
.index_table_border_1{
	border-right: 1px solid #eee !important;
}
.index_table_border_2{
	border-left: 1px solid #eee !important;
}
.index_table_td_i{
	font-size: 20px;
}
.index_table_a{
	width:335px;
	display: inline-block;
}
.index_one_row_hidden{
	overflow: hidden; 
	text-overflow: ellipsis;
	white-space: nowrap; 
}
.index_table_allPlay{
	float: right;
	margin: 10px 0;
}
.index_mar_t20{
	margin-top: 20px;
}
.index_audition{
	float:left;
	margin: 2px 5px 0 5px;
}
.index_play{
	float: right;
	margin: 2px 5px 0 0;
}
.index_topic_list{
	padding-left:5px; 
	padding-right:5px;
	/* 控制显示几行文字 */
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.index_video_list{
	position: relative;
}
.index_vido_i{
	color:#FFF;
}
.index_row{
	padding-bottom: 0;
	margin-top: 15px;
}
.index_border_bot{
	border-bottom: none;
}
.index_new_music{
	margin: 0;display: inline
}
.index_dj_a{
	display:block;
	width:65px;
	height:65px;
	float:left;
	margin:0 10px 0 0;
	overflow: hidden;
}
.index_mar_r{
	margin-right: 10px;
}
.music_list{
	/*max-width: 100%;*/
	max-width: 426px;
    display: inherit;
}
/*首页专辑及DJ相册轮播*/
#picture_Box{
	position:relative;
	overflow: hidden;
	width: 100%;
	height: 120px;
	padding: 20px 0;
	border: 1px solid #CCC;
	background-color: #EAEAEA;
}
#picture_Box .index-album,#focus_Box .index-album{
	width: 100%;
}
#picture_Box .swiper-container,#focus_Box .swiper-container {
	width: 86%;
	padding: 2%;
	margin: 0 5%;
	height: 96%;
}
#picture_Box .swiper-wrapper,#focus_Box .swiper-wrapper{
	height: auto;
}
#picture_Box .swiper-slide, #focus_Box .swiper-slide{
	text-align: center;
	font-size: 18px;
	background: #fff;
	box-shadow: 0 0 15px #808080;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: flex-start;
	-ms-flex-pack: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: flex-start;
	-ms-flex-align: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	flex-direction: column;
	flex-wrap: wrap;
}
#picture_Box .swiper-slide{
	height: 80px;
}
#focus_Box .swiper-slide{
	height: 150px;
}
#focus_Box{
	position:relative;
	overflow: hidden;
	width: 100%;
	height: 180px;
	padding: 20px 0;
	border: 1px solid #CCC;
}
#picture_Box .index-album > a,#focus_Box .index-album > a{
	width: 100%;
	display: block;
	background-size: cover;
	background-position: center center;
	position: relative;
	top: 0;
}
#picture_Box .index-album > a{
	height: 80px;
}
#focus_Box .index-album > a{
	height: 100px;
}
#focus_Box .index-album > a span{
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 20px;
	line-height: 20px;
	background: rgba(0,0,0,0.3);
	text-align: left;
	color: #FFF;
}
#focus_Box .index-album > span{
	line-height: 20px;
	margin: 5px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-align: left;
}
.xuan_tian{
	margin-left: 10px;
	font-size:15px;
}
.zan_nobg{
	width: 18px;
	height: 18px;
	background: url(../images/praise_1.png) no-repeat;
	background-size: 18px; 
}
.zan_bg{
	width: 18px;
	height: 18px;
	background: url(../images/praise_2.png) no-repeat;
	background-size: 18px; 
}
.zan > p{
	float: left;
}
.zan_se{
	display: inline-block;
	margin:11px 3px 0px 2px;
}
.zan_num{
	line-height: 19px;
}
.a_title a{
    float: right;
    color: #808080;
    font-size: 12px;	
}
.code_img{
	float: right;
    margin: 0;
    width: 45%;
    height: 36px;
}

/*DJ列表*/
.video_name > span{
	display: inline-block;
	max-width: 60%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/* Gallery */
.gallery {
	float: left;
	width: 100%;
}
.gallery .gallery-item {
	float: left;
	width: 32%!important;
	padding: 10px 5px 10px 5px;
	text-decoration: none;
}
.gallery .gallery-item .image {
	width: 100%;
	-moz-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
	cursor: pointer;
	position: relative;
	overflow: hidden;
	height:200px!important;
}
.gallery .gallery-item .image a {
	display: block;
}
.gallery .gallery-item .image:after,
.gallery .gallery-item .image:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 3px solid #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	z-index: 1;
}
.gallery .gallery-item .image:before {
	z-index: 2;
	background: rgba(0, 0, 0, 0);
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.gallery .gallery-item .image:hover:before {
	background: rgba(0, 0, 0, 0.3);
}
.gallery .gallery-item .image img {
	width: 100%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.gallery .gallery-item .image .gallery-item-controls {
	position: absolute;
	right: -60px;
	top: 3px;
	display: block;
	list-style: none;
	padding: 0px;
	z-index: 2;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.gallery .gallery-item .image .gallery-item-controls li {
	float: left;
	list-style: none;
	background: #FFF;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 26px;
}
.gallery .gallery-item .image .gallery-item-controls li .check {
	margin: 4px 0px;
}
.gallery .gallery-item .image .gallery-item-controls li .icheckbox_minimal-grey {
	margin-right: 0px;
}
.gallery .gallery-item .image .gallery-item-controls li a,
.gallery .gallery-item .image .gallery-item-controls li span {
	font-size: 17px;
	color: #BBB;
}
.gallery .gallery-item .image .gallery-item-controls li a:hover,
.gallery .gallery-item .image .gallery-item-controls li span:hover {
	color: #656d78;
}
.gallery .gallery-item .image .gallery-item-controls li:first-child {
	-moz-border-radius: 0px 0px 0px 3px;
	-webkit-border-radius: 0px 0px 0px 3px;
	border-radius: 0px 0px 0px 3px;
}
.gallery .gallery-item .image .gallery-item-controls li:hover {
	background: #F5F5F5;
}
.gallery .gallery-item .meta {
	color: #656d78;
	margin-top: 5px;
	line-height: 16px;
	padding: 0px 5px;
}
.gallery .gallery-item .meta strong {
	display: block;
	font-weight: 600;
	font-size: 13px;
}
.gallery .gallery-item .meta span {
	display: block;
	color: #99a0aa;
}
.gallery .gallery-item:hover .image .gallery-item-controls {
	right: 3px;
}
.gallery .gallery-item.active .image {
	-moz-box-shadow: 0px 0px 6px 0px rgba(51, 65, 78, 0.8);
	-webkit-box-shadow: 0px 0px 6px 0px rgba(51, 65, 78, 0.8);
	box-shadow: 0px 0px 6px 0px rgba(51, 65, 78, 0.8);
}
.gallery .gallery-item.active .image .gallery-item-controls {
	right: 3px;
}
/* end Gallery */

/*单曲播放页*/
.layui-table td,.layui-table th{
	padding: 9px 13px !important;
	text-align: center;
}
 .layui-table th{
 	text-align: center !important;
 }
/*我的DJ主页按钮*/
.dj_btn{
	text-align: center;
}
.dj_btn a {
    padding: 10px 75px;
    color: #509524;
    border: 1px solid #509524;
    margin-left: 25px;
    border-radius: 5px;
}

/*右侧导航*/
.box-right-icon{
	color: #666;
}

/*相关DJ*/
.hotdj_content_item{
	display: block;
	float: none;
}
.dj_about{
	display: inline-block;
	float: left;
	width: 25%;
	height: 60px;
	margin-right: 5%;
	background-size: cover;
	background-position: center center;
}
.dj_about_info{
	display: inline-block;
	width: 70%;
}
.dj_about_info span a, .dj_about_info p{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.swiper-container-dj {
	width: 100%;
	height: 180px;
	margin: 20px auto;
}
.swiper-slide {
	overflow: hidden;
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-slide img{
	width: 100%;
}
#picture_Box-dj{
	position:relative;
	overflow: hidden;
	width: 100%;
	height: 220px;
	padding: 20px 0;
	border: 1px solid #CCC;
	background-color: #EAEAEA;
}
#picture_Box-dj .swiper-container .layer-photos{
	width: 120px;
	height:180px;
}
/*首页专辑图片*/
.swiper-slide .topic_listen img{
	width: auto !important;
}

.collnum{
	width:auto;
	padding:2px;
	height:auto;
	line-height:20px;
	display:inline-block;
	background:#E80303;
	color:#fff;
	text-align:center;
	border-radius:100%;
}
.feedback_desc{
	width: 100%;
	margin-bottom: 20px;
	float: left;
}
.feedback_desc li{
	float: left;
	width: 100%;
	line-height: 30px;
	list-style: outside;
	font-size: 14px;
	padding:  0 10px;
}
.album_astyle table tr th:nth-child(n+2),.album_astyle table tr td:nth-child(n+2){
	padding: 0px;
}
.album_astyle table tr th a,.album_astyle table tr td a{
    height: 25px;
    line-height: 25px;
    padding:0px 8px;
    display: block;
    text-align: center;
}

.music_topslist{
	font-weight:600;
	font-size:14px;
	color:#000 !important;
}
/*首页图片*/
.index_slide_img{
	width: 17px;
	height: 17px;
	margin: 2px 5px 0 5px;
}
.header_logo{
	width: 135px;
	height: 40px;
}
.header_fire{
	width: 12px;
	height: 17px;
}
.index_title_icon{
	width: 23px;
	height: 23px;
}

/*音乐播放页
 * 
 */
.play_list3 {
    width: 933px;
    background-color: #FFFFFF;
    float: left;
    height: auto;
    overflow: hidden;
    border : 1px solid #dcdcdc;
	margin-bottom:10px
}
.play_list3 ul {
    margin: 0px;
    padding: 10px;
}
.play_wuqu_sm {
    border-left: 5px solid #509524;
    line-height: 32px;
    text-indent: 15px;
    overflow: hidden;
    color: #000000;
    background-color: #fafafa;
}
.play_wuqu_sm #sm1 {
    font-family: 微软雅黑;
    font-size: 16px;
    font-weight: bold;
    color: #666666;
    float: left;
}
.play_wuqu_sm #sm2 {
    float: right;
    margin-right: 10px;
}
.clear {
    clear: both;
}

.h10 {
    height: 10px;
    clear: both;
    overflow: hidden;
}
table {
    background-color: transparent;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
.txtblack {
    line-height: 22px;
}
td, th {
    padding: 0;
	font-size:15px
}
.numStyle {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 15px;
    font-style: italic;
}
.numStyle {
    font-weight: bold;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 14px;
    font-style: italic;
}
.fbStyle{
	display:inline-block;
	 color: #333;
}
.book-form h3 {
    height: 70px;
    line-height: 70px;
    color: #fff;
    font-size: 25px;
    text-align: left;
    background: #509524;
    text-align: center;
}
.book-form table {
    width: 95%;
    margin: 10px auto;
}
.book-form table tr td {
    padding: 10px 10px;
}
.book-form table tr td font{
    font-size: 15px;
    color:red;
    padding-right: 3px;
}
.book-form table tr td span {
    padding: 0 3px;
    color: #f65a27;
    font-weight: bolder;
}
.jifen_div {
	width: 92.8%;
    padding: 4.3px;
    margin: 0px auto;
    border: 1px solid #509524;
    border-radius: 10px;
}
.jifen_div p{
    float: left;
}
.jifen_div p, .jifen_div ul {
    display: inline-block;
}
.jifen_div ul {
    width: 92%;
}
.null_height {
    width: 100%;
    height: 15px;
}
.u-select-null{
    background-image: url(../images/upan.png);
    display: inline-block;
    width: 18px;
    height: 18px;
    background-position: center;
    background-repeat: no-repeat;
}

.u-select{
    background-image: url(../images/upan_1.png);
    display: inline-block;
    width: 18px;
    height: 18px;
    background-position: center;
    background-repeat: no-repeat;
}

/*音乐列表*/
.changeAfter{
	line-height: 20px;
}
.changeAfter i{
	line-height: 16px;
	font-size: 20px;
}
.changeAfter > a:first-child{
	margin-left: 15px;
}
.changeAfter > a{
	display: inline-block;
	float: left;
	width: 20px;
	max-height: 20px;
	overflow: hidden;
	margin: 2px 2px 0;
}

/*首页导航*/

*{
	margin: 0;
	padding: 0;
}
.header-nav{
	width: 100%;
	height: 110px;
	color: #fff;
	font-size: 14px;
	padding: 10px 0;
	background: #192026;
}
.header-nav-inner{
	width: 1200px;
	height: 92px;
	border: 1px solid #00be06;
	border-radius: 2px;
	margin: 0 auto;
	padding: 8px 0;
}
.header-nav-part{
	vertical-align: top;
	display: inline-block;
	font-size: 14px;
	color: #ccc;
	margin-left: 20px;
}
.header-nav-title{
	font-size: 18px;
	line-height: 38px;
	font-weight: normal;
}
.t-link {
	font-size: 14px;
	color: #ccc;
	cursor: pointer;
}
.t-link:hover{
	color: #00be06;
}
.header-nav-list{
	width: 100%;
	height: 52px;
	margin-left: -25px;
}
.header-nav-li{
	font-size: 14px;
	display: inline-block;
	margin-left: 25px;
	line-height: 26px;
}
.header-nav-second{
	width: 1200px;
	height: 80px;
	margin: 0 auto;
	box-shadow:0 2px 1px 0 rgba(0,0,0,0.1);
	margin-bottom: 15px;
}
.navList li{
	width: 75px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.entrance-list{
	margin-top: 18px;
	float: left;
	margin-left: -16px;
}
.entrance-item {
	display: inline-block;
	text-align: center;
	margin-left: 22px;
	vertical-align: top;
	cursor: pointer;
}
.entrance-link {
	display: block;
	color: #333;
}
.entrance-line {
	height: 24px;
	width: 1px;
	background: #d0d0d0;
	margin: 10px 18px 0px 32px;
}
.icon-entry-mh {
	width: 44px;
	height: 44px;
	display: inline-block;
	vertical-align: middle;
}
.entrance-txt {
	display: inline-block;
	line-height: 44px;
	vertical-align: middle;
	padding-left: 10px;
	font-size: 16px;
}
.entrance-submit-up {
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	background: #509524;
	color: #fff;
	display: inline-block;
	width: 156px;
	font-size: 16px;
	margin-left: 40px;
	margin-top: 20px;
	box-shadow: 0 4px 10px 0 rgba(80,149,36,.5);
	text-align: center;
	cursor: pointer;
}
.entrance-submit-up:hover{
	color: #fff;
}
.submit-up-icon {
	display: inline-block;
	width: 25px;
	height: 25px;
	margin-right: 5px;
}

#loginkuang{z-index: 1999;width: 500px;height: 320px;border: 1px solid #e2e2e2;position: fixed;top: 0;right: 0;left: 0;bottom: 0;margin:auto;background-color: #fbfbfb;}
#loginmask{display: none;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);position: fixed;z-index: 1998;top: 0px;left: 0px}
#loginkuang .title{width: 100%;height: 40px;line-height: 40px;text-indent: 2em;background-color: #f2f2f2}
#userInfo{z-index: 1999;position: absolute;left: 0px;top: 65px;border: 1px solid #e2e2e2;background-color: #fbfbfb;border-radius: 3px;display: none;text-align: center;box-shadow: 0px 0px 15px #c2c2c2;}
#userInfo nobr{margin: 10px;display: block;}
#uinfoKuang{height:62px;}
#uinfoKuang:hover #userInfo{display: block;}
#loginkuang .layui-input-center{margin-left: 0px;text-align: center;}


.plBox{padding: 10px;text-align: left;}
.u-title {height: 40px;border-bottom: 2px solid #c2c2c2;}
.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-top: 1px dotted #ccc;}
.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: #333;}
.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: 15px;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;
}