/*user---dt---user*/
.dt-one{padding: 10px;margin-bottom: 10px;background: #fbfbfb;overflow: hidden;zoom:1;border: 1px solid #e2e2e2;color: #333;position: relative;}
.dt-one:hover{box-shadow:5px 5px 10px #eee}
.dt-img{width: 60px;height: 60px;display: block;float: left;border: 1px solid #1c2b36;border-radius: 4px;}
.dt-img img{border-radius: 4px;width: 60px;height: 60px}
.dt-time{width: 160px;float: right;color: #999;font-size: 12px;text-align: right;}
.dt-del{width: 15px;color: #999;font-size: 14px;text-align: right;position: absolute;right: 20px;bottom: 10px;cursor: pointer;}
.dt-del:hover{color: #FF5722}
.dt-neir{width: 589px;float: left;padding-left: 10px}
.dt-title{margin-bottom: 5px;line-height:16px;}
.dt-title a{font-weight: bold;padding-right: 5px}
.dt-nl{font-size: 13px;color: #666;}
#dt-list0 .feed_items,#dt-list1 .feed_items,#dt-list2 .feed_items{line-height: 100px;text-align: center;}
/*user--------msg------------user*/
.msgTitle{text-align: center;font-size: 16px;color: #333;line-height: 30px;}
.msgNeir{line-height: 22px;color: #333;font-size: 14px;}
.msgAuthor{text-align: center;font-size: 12px;margin-right: 20px;line-height: 25px;color: #666;}
.gbook-del{width: 15px;color: #999;font-size: 14px;text-align: right;position: absolute;right: 60px;bottom: 10px;cursor: pointer;}
.gbook-del:hover{color: #FF5722}
.gbook-hf{width: 15px;color: #999;font-size: 14px;text-align: right;position: absolute;right: 25px;bottom: 10px;cursor: pointer;}
.gbook-hf:hover{color: #FF5722}

.wallCommentInputBox {position:relative;padding-bottom: 5px}
.wallCommentInputBox .replayUser {display: block;height: 65px;color:#3399cc;font-weight: bold;}
.wallCommentInputBox .delReplayUser {background: url("../images/spcomdes.gif") repeat scroll 0 0 transparent;cursor: pointer;display: none;float: left;font-size: 0;height: 9px;margin: 3px 0 0 4px;width: 9px;}
.wallCommentInputBox em{background:url("../images/wall.png") no-repeat scroll -545px -113px;_background:url("../images/wall.gif") no-repeat scroll -545px -113px;display: inline;float: right;width:55px;height:17px;}
.wallCommentInputBox .wCI_input {display: inline;float: left; position: relative;background:url("../images/wall.png") no-repeat scroll 0 -112px;padding:25px 5px 5px 5px;margin-left: 9px}
.wallCommentInputBox .wCI_input .wallCommentInput {display: inline;float: left;height: 65px;overflow-x: hidden;overflow-y: auto;width: 670px;cursor:text; outline:none; word-wrap: break-word;border: 0 dotted #bdbdbd;}
.wallCommentInputBox .wCI_button {display: block;text-align: right;margin-right: 10px;}
.wallCommentInputBox .wCI_message {color: #F00000;display: inline;float: left;height: 23px;line-height: 23px;margin-top: 5px;text-indent: 10px;width: 363px;}
.wallCommentInputBox .emot {display:inline; float:left; width:50px; height:20px; margin-top:3px; cursor:pointer; background:url(../images/emot.gif) no-repeat;margin-left:10px;}
.wallCommentInputBox .emotMenu {position: absolute;border: 1px solid #e2e2e2;box-shadow: 0px 0px 10px;padding: 5px;z-index: 1999;background-color: #fff;left: 43px;top: 95px;}
.emotMenu li{float: left;}
.zanwu{line-height: 100px;text-align: center;}

/*user----------fans-------user*/
.fans3{line-height: 22px;}
.fans3 span{font-size: 12px;color: #666;margin-right: 5px}
.fans-more{text-align: right;}
.fans-more a{font-size: 12px;margin-left: 10px}
.dt-one2{padding: 10px;margin-bottom: 10px;background: #fbfbfb;overflow: hidden;zoom:1;border: 1px solid #e2e2e2;color: #333;position: relative;float: left;width: 322px;padding-bottom: 4px;margin-left: 10px}
.dt-one2:hover{box-shadow:5px 5px 10px #eee}
.dt-one2 .dt-neir{width: 250px;margin-bottom: 10px}
/* 绑定同步 */
.sync {float:left;width: 745px;padding:10px;padding-left:20px;}
.sync .top {padding-top: 10px;padding-bottom: 20px;color: #676767;font-size: 20px;font-family: "微软雅黑";border-bottom: 1px solid #E0E0E0;}
.sync .bsite {float:left;width: 100%;padding: 15px 0;border-bottom: 1px dashed #E0E0E0;}
.sync .bsite .bs-mid {float: left;margin: 0 20px;width: 490px;height: 70px;line-height: 1.8;overflow: hidden;}
.sync .bsite .bs-mid strong {font-size: 16px;font-weight: bold;color: #44A218;}
.sync .bsite .bs-btn {float: left;margin-top: 22px;width: 74px;height: 26px;cursor: pointer;background: url(../images/member_bg.png) no-repeat 0 0;}
.sync .bsite .unbs-btn {background-position: -100px 0;}
.sync .bsite .bs-icon {float: left;width: 64px;height: 64px;background: url(../images/sync_weibo.png) no-repeat;}
.sync .bsite .qq {background-position: 0 0; }
.sync .bsite .sina {background-position: 0 -74px;}
.sync .bsite .baidu {background-position: 0 -148px;}
.sync .bsite .renren {background-position: 0 -222px;}
.sync .bsite .kaixin {background-position: 0 -296px;}
.sync .bsite .douban {background-position: 0 -365px;}

/*user----center------user*/
.uc-l{float: left;width: 300px;min-height: 100px;margin: 10px;}
.uc-one{overflow: hidden;padding: 5px 10px;}
.uc-link{display: block;float: left;width: 60px;height: 60px;border-radius: 30px;border: 1px solid #e2e2e2}
.uc-link img{width: 60px;height: 60px;border-radius: 30px;}
.uc-right{width: 206px;margin-left: 10px;float: left;line-height: 20px}
.uc-name{font-size: 16px;color: #333;}
.uc-more{font-size: 12px;color: #666;}
.uc-more i{padding: 0 2px;font-size: 13px}
.uc-name:hover,.uc-dtlink:hover{color: #1E9FFF}
.uc-one:hover{background: #f8f8f8;}
.uc-qm{font-size: 12px;color: #666;height: 20px;overflow: hidden;}
.uc-qm2{font-size: 13px;color: #666;height: 20px;overflow: hidden;}
.uc-neir{width: 536px}
.uc-r{border: 1px solid #e2e2e2;margin-top: 10px;margin-bottom: 10px}
.dt-one-uc:hover{box-shadow:0px 0px 10px #eee}
.zx{float: right;font-size: 12px;line-height: 40px;margin-right: 10px;color: #666;}
/*user---------reg---------user*/
.regOpen{width: 250px;margin: 0 auto;margin-top: 10px}
.regOpen li{background-color: #f5f5f5;width: 100%;height: 40px;line-height: 40px;margin-bottom: 10px;text-align: center;font-size: 14px;letter-spacing: 1px}
.regOpen a{color: #1E9FFF}

/*index------------------singer--------------------index*/
.index-sing{float: left;width: 131px;margin-right: 10px;}
.is-link{width: 129px;border: 1px solid #eee;height: 129px;display: block;overflow: hidden;position: relative;}
.is-link img{width: 129px;height: 129px;}
.is-name{position: absolute;bottom: 0px;background: rgba(0,0,0,0.5);color: white;height: 25px;line-height: 25px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;left: 0px;width: 100%;}
.index-sing:hover .is-link img{width: 139px;height: 139px;margin-top: -5px;margin-left: -5px;}
.is-hits{margin-right: 4px;margin-bottom: 10px;display: block;float: left;border: 1px solid #ccc;border-radius: 15px;padding: 3px 9px;font-size: 12px;width: 43px;text-align: center;overflow: hidden;height: 19px;line-height: 19px;}
.is-hits:hover{color: #5FB878;border-color: #5FB878}
.singer-u-more{display: block;height: 25px;line-height: 25px;padding: 0px 5px;border: 1px solid #e2e2e2;margin-bottom: 10px}
.singer-u-more a{color: #666;font-size: 12px}
.singer-u-more a i{font-size: 14px;}
.singer-u-more a .layui-icon{font-size: 18px;}
.singer-u-more a:hover{color: #1E9FFF}

/*user---dance---singer选择歌手列表----dance----user*/
.picXc_x2{position: relative;display: block;float: left;width: 116px;height: 146px;margin-bottom: 10px;margin-right: 10px;border: 1px solid #e2e2e2;}
.picXc_x2 .on{border-color:#1E9FFF;box-shadow: 0px 3px 5px #1E9FFF;}
.picXc_x2:hover{border-color:#1E9FFF;box-shadow: 0px 3px 5px #1E9FFF;}
.picXc_x2 img{width: 116px;height: 116px}
.picXc_xm2{text-align: center;width: 100%;height: 30px;line-height: 30px;overflow: hidden;}

.colorl{color: #e70314;}
.colord{color:#FF5722;}
.colorn{color:#1E9FFF;}
.colorw{color:#F7B824;}
.colorr{color: red;}
.colorg{color: #666;}
.colorb{color:green;}
.colore2{color: #e2e2e2;}
.color32{color: #323232;}
.color9{color: #999}


.mt10{
	margin-top: 10px;
}
.newuser_left{
	width: calc(21% - 8px);
	width: -moz-calc(21% - 8px);
	width: -webkit-calc(21% - 8px);
	display: inline-block;
	margin-right: 8px;
	overflow: hidden;
	background-color: #FFF;
	padding-bottom: 20px;
}
.newuser_menu{
	padding-top: 10px;
	overflow: hidden;
}
.newuser_menu li{
	display: block;
	padding-left: 20px;
	/* width: calc(75% - 5px); */
	width: -moz-calc(75% - 5px);
	/* width: -webkit-calc(75% - 5px); */
	line-height: 40px;
	text-align: left;
	position: relative;
	border-left: 5px solid #fff;
	z-index: 1;
}
.newuser_menu li.newmenu_item{
	padding-left: 25%;
}
.newuser_menu li a{
	display: block;
}
.newuser_menu li a, .newuser_menu li a{
	color: #666;
}
.newuser_menu li img{
	position: absolute;
	left: 15px;
	top: 8px;
	z-index: 2;
}
.newuser_right{
	width: 78%;
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
}
.newuser_info{
	position: relative;
	overflow: hidden;
	padding: 10px 0;
	background-color: #FFF;
	min-height: 600px;
}
#user_address_link{
	position: absolute;
	top: 14px;
    right: 15px;
}
.newuser_avatar, .newuser_data, .newuser_msg{
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
}
.newuser_avatar{
	width: 17%;
	padding: 1.5% 1.5% 0% 1.5%;
	text-align: center;
}
.newuser_avatar > img{
	width: 100px;
	height: 100px;
}
.newuser_avatar p{
	line-height: 10px;
}
.newuser_data{
	width: 50%;
	padding: 1.5%;
	/* border-right: 1px solid #CCC; */
	/* border-left: 1px solid #CCC; */
}
.newuser_data > div{
	border-bottom: 1px solid #CCC;
}
.newuser_data_top > div{
	overflow: hidden;
	margin-bottom: 10px;
}
.newuser_progress{
	width: 40%;
	height: 10px;
	margin-top: 4px;
	background-color: #CCC;
	border-radius: 5px;
	overflow: hidden;
}
.newuser_progress span{
	display: block;
	height: 100%;
	border-radius: 5px;
	background-color: #509524;
}
.newuser_data_buttom{
	padding: 10px 0;
}
.newuser_data_buttom ul.popular_static li{
	padding: 0;
	width: 24.5%;
	text-align: center;
}
.newuser_data_buttom ul.popular_static li:last-child{
	border-right: none;
}
.newuser_msg{
	width: 30%;
}
.newuser_msg > div{
	padding-left: 50px;
	position: relative;
	margin-top: 25px;
}
.newuser_msg > div img{
	position: absolute;
	left: 10px;
	top: 0;
	z-index: 2;
}
.newuser_title{
	background-color: #FFF;
	line-height: 40px;
	padding: 0 20px;
}
.newuser_list{
	overflow: hidden;
	background-color: #FFF;
}
.newuser_music_title{
	width:420px;
	display: inline-block;
	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: nowrap; 
}
.newuser_none{
	text-align: center;
	padding: 30px 0;
}
.foot_bottom{
	background-color: #FFF;
}
.ad-box{
	width: 100%;
	float: left;
	background: #ccc;
	min-height: 180px;
	margin: 10px 0;
}
.ad-box p{
	text-align: center;
	font-family: "微软雅黑", arial, sans-serif;
	font-size: 22px;
	line-height: 180px;
	color: #666;
}
.layui-user-form{
	width: 700px;
	margin: 0 auto;
}
/*菜单图标*/
.newmenu_item i{
	width: 18px;
	height: 18px;
	position: absolute;
	left: 30px;
	top: 13px;
	font-size: 16px;
	text-align: center;
	color: #666;
}
/*第一套*/
/*.newuser_menu .active{
	background: #509524;
}
.newuser_menu .active a, .newuser_menu .active i{
	color:#fff;
}
.newuser_menu .newmenu_item:hover{
	background: #509524;
}
.newuser_menu .newmenu_item:hover i, .newuser_menu .newmenu_item:hover a{
	color:#fff;
}*/
/*第二套*/
.newuser_menu .active{
	border-left: 5px solid #1c2b36;
	background: #E5E5E5;
}
.newuser_menu .active a, .newuser_menu .active i{
	color: #1c2b36;
}
.newuser_menu .active a{
	font-weight: bold;
}
.newuser_menu .newmenu_item:hover{
	border-left: 5px solid #1c2b36;
	background: #eee;
}
.newuser_menu .newmenu_item:hover i, .newuser_menu .newmenu_item:hover a{
	color: #1c2b36;
}
/*第二套结束*/
.newuser_menu .layui-badge{
	margin: 0 0 0px 3px;
}
.newuser_menu .layui-badge-dot{
	margin: 0 0 3px 5px;
}
.newuser_info .layui-breadcrumb{
	margin: 0 0 0 15px;
}
.layui-breadcrumb a:hover{
	color:#509524!important;
}
.layui-breadcrumb a cite{
	font-size: 14px;
}
.table-layout{
	width: 940px;
	padding: 0 10px 10px 10px;
}
.table-layout td, .table-layout th{
	text-align: left;
	font-size: 12px;
}
.newuser_info .page_new{
	margin: 0 10px;
}
.newuser_info .layui-form-item{
	margin-bottom: 10px;
}
.no-dj{
	cursor:not-allowed!important;
}
.no-dj i, .no-dj a{
	cursor:not-allowed!important;
}
.fans {
	width: 100%;
	background: #eee;
	float: left;
}
.fans ul{

}
.fans ul li{
	width: 458px;
	background: #fff;
	height:110px;
	float: left;
	/*border:1px solid #eee;*/
	border-radius: 5px;
	margin-bottom: 20px;
	overflow: hidden;
}
.fans ul li:nth-child(odd){
	margin-right: 19px;
}
.fans ul li:nth-child(even){}

.fans ul li .fans-left{
	width: 120px;
	height:110px;
	float: left;
}
.fans ul li .fans-left a{
	display: block;
	width: 100px;
	height:100px;
	margin: 5px 10px;
	border-radius: 50%;
	overflow: hidden;
}
.fans ul li .fans-left a > img{
	width:100%;
	height:100%;
}
.fans ul li .fans-right{
	width: 338px;
	height:110px;
	float: left;
}
.fans ul li .fans-right dl dd{
	width: 332px;
	height:30px;
	line-height:30px;
	float: left;
	padding: 0 5px;
	overflow: hidden;
	color:#666;
}
.fans ul li .fans-right dl dd:nth-child(1){
	height:35px;
	line-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
}
.fans ul li .fans-right dl dd:nth-child(1) a:first-child{
	font-size: 16px;
}
.auth{
	background: red;
	display: inline-block;
	width: 48px;
	height:17px;
	position: relative;
	overflow: hidden;
	left:5px;
	top:-2px;
	background: url('../images/auth_dj.png') no-repeat;
	background-size: cover;
}
.fans ul li .fans-right dl dd:nth-child(1) img{
	width: 100%;
	height:100%;
}
.fans ul li .fans-right dl dd:nth-child(2){
	padding: 0 3px;
	height:45px;
	line-height: 23px;
}
.fans ul li .fans-right dl dd:nth-child(3) span i{
	font-size: 16px;
}
.fans ul li .fans-right dl dd:nth-child(3) .fans-btn{
	line-height: 28px;
	width: 50px;
	height: 28px;
	background: #509524;
	float: right;
	text-align: center;
	text-indent: 0;
	border-radius: 2px;
	margin-right: 5px;
	color: #fff;
}
.layui-form-pane .layui-form-checkbox {
    margin: 4px 0 4px 5px;
}