* {
	margin:0;
	padding:0;
	border: none;
	font-family: "Microsoft Yahei";
}
html,
body{
	height: 100%;
	overflow-x:hidden;
	overflow-y: auto;
}
.headMenu{
	width:100%;
	height:0.80rem;
	line-height:0.80rem;
	text-align:center;
	background: url(../img/bjhy/topbg.png) no-repeat ;
	-webkit-background-size: 100% 100%;
	background-size: 100%  100%;
}
.iconmusic{
	float:left;
	width:0.50rem;
	height:0.50rem;
	margin-top:0.15rem;
	margin-left:0.20rem;
}
.open{
	float:right;
	width:1.00rem;
	height:0.50rem;
	margin-top:0.15rem;
	margin-right:0.20rem;
}
.bannerArea{
	width:100%;
	height:2.88rem;
	margin-top:0.28rem;
	text-align:center;
	background: url(../img/bjhy/musicbn.png) no-repeat ;
	-webkit-background-size: 100% 100%;
	background-size: 100%  100%;
}
.listTitle{
	width:100%;
	height:0.50rem;
	margin-top:0.44rem;
}
.xt{
	float:left;
	width:0.04rem;
	height:0.35rem;
	margin-top:0.075rem;
	margin-left:0.16rem;
}
.bflb{
	float:left;
	margin-left:0.14rem;
	font-size:0.35rem;
	font-weight:bold;
}
.allplay{
	float:right;
	width:1.70rem;
	height:0.50rem;
	margin-right:0.16rem;
}

.songList{
	width:100%;
    height:1.00rem;
	border-bottom:0.02rem solid #f7f7f7;
}
.listenSong{
	float:left;
	width:0.30rem;
	height:0.30rem;
	margin-top:0.35rem;
	margin-left:0.16rem;

}
.songText{
	float:left;
	height:1.00rem;
	margin-left:0.12rem;
}
.songName{
	margin-top:0.18rem;
	font-size:0.24rem;
}
.authorName{
	margin-top:0.10;
	font-size:0.24rem;
}

.songDownload{
    float:right;
	width:0.25rem;
	height:0.45rem;
	margin-top:0.275rem;
	margin-right:0.48rem;
}
.loadbtn{
	width:100%;
	height:1.20rem;
	text-align:center;
	line-height:1.20rem;
}
.loadbtn img{
	width:0.69rem;
	height:0.56rem;
}
.playlist{
	width:100%;
	height:2.60rem;
	background: url(../img/bjhy/bflbbg.png) no-repeat ;
	-webkit-background-size: 100% 100%;
	background-size: 100%  100%;
}
.playlist img{
	width:1.70rem;
	height:0.50rem;
	margin-top:1.80rem;
	margin-left:5.28rem;
}
.ljtyArea{
    width:100%;
	height:7.05rem;
}
.qybg img{
	width:100%;
	height:4.45rem;
	margin-top:0.65rem;
}
.btnArea{
	width:100%;
	height:1.275rem;
	text-align:center;
	line-height:1.275rem;
}
.btnArea  img{
	width:2.59rem;
	height:0.80rem;
}
.loginArea{
	width:6.45rem;
	background: url(../img/bjhy/loginbg.png) no-repeat ;
	-webkit-background-size: 100% 100%;
	background-size: 100%  100%;
}
.closebtn{
	float:right;
	width:0.43rem;
	height:0.43rem;
}
.lgTitleArea{
	clear:both;
	width:6.45rem;
	height:0.88rem;
    text-align:center;
}
.lgTitleArea  img{
    float: left;
    width: 3.5rem;
    height: 0.9rem;
    margin-top: 0.1rem;
    margin-left: 1.5rem;
}
.mobileArea {
	width:5.09rem;
	height:0.73rem;
	margin-left:0.68rem;
	margin-top:0.25rem;
}
.mobileArea input{
	float:left;
	width:5.09rem;
	height:0.73rem;
	border:0.04rem solid #dbdbdb;
	border-radius:0.12rem;
}
.smsArea{
	width:5.09rem;
	height:0.73rem;
	margin-left:0.68rem;
	margin-top:0.22rem;
}
.smsArea input{
	float:left;
	width:2.83rem;
	height:0.73rem;
	border:0.04rem solid #dbdbdb;
	border-radius:0.12rem;
}
.getCode{
	float:left;
	width:1.97rem;
	height:0.73rem;
	margin-left:0.12rem;
	font-size:0.26rem;
	text-align:center;
	line-height:0.73rem;
	border:0.04rem solid #dbdbdb;
	border-radius:0.12rem;
	background:#d5d5d5;
	color:#ffffff;
}
.loginbtn{
	width:5.09rem;
	height:0.73rem;
	margin-left:0.68rem;
	margin-top:0.20rem;
	margin-bottom: 0.20rem;
}
.msgShow{
	width:5.09rem;
	height:0.65rem;
	margin-left:0.68rem;
	margin-top:0.15rem;
	font-size:0.35rem;
	text-align:center;
	line-height:0.65rem;
	color:red;
	display:none;
}
    /* 遮罩层 */
.mask{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.2);
    display: none;
    z-index: 99;
}