* {
	margin: 0;
	padding: 0
}

em,
i {
	font-style: normal
}

ul,
li {
	list-style: none
}

li {
	list-style-type: none;
	vertical-align: top;
}

img {
	border: 0;
	vertical-align: middle
}

button {
	cursor: pointer
}

a {
	color: #333;
	text-decoration: none;
}

a:hover {
	color: #ff9100
}

button,
input {
	font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
	background: 0 0;
	border: none;
	border-radius: 0;
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
	-webkit-appearance: none;
}

body {
	-webkit-font-smoothing: antialiased;
	background-color: #fff;
	font: 12px/1.5 Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
	color: #666
}

body,
button,
dd,
dl,
dt,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
li,
ol,
option,
p,
pre,
select,
td,
textarea,
th,
ul {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	outline: 0 none;
}

.hide,
.none {
	display: none
}

.clearfix:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}

.clearfix {
	*zoom: 1
}

.fl {
	float: left;
	display: block;
}

.fr {
	float: right;
	display: block;
}

.flex,
.flex-wrap {
	display: flex;
}

.pr {
	position: relative;
}

.btn-group-vertical>.btn-group:after,
.btn-group-vertical>.btn-group:before,
.btn-toolbar:after,
.btn-toolbar:before,
.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.dl-horizontal dd:after,
.dl-horizontal dd:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before,
.modal-footer:after,
.modal-footer:before,
.modal-header:after,
.modal-header:before,
.nav:after,
.nav:before,
.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before,
.pager:after,
.pager:before,
.panel-body:after,
.panel-body:before,
.row:after,
.row:before {
	display: table;
	content: " ";
}


/* header */

.header-container {
	width: 100%;
	height: 70px;
	display: flex;
	justify-content: space-between;
	-ms-flex-pack: space-between;
	align-items: center;
	font-size: 14px;
	font-weight: 500;
	color: #333;
	z-index: 2000;
	position: fixed;
	left: 0;
	top: 0;
	padding: 0 0 0 108px;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0 0 12px 0 rgb(33 48 83 / 19%), 0 2px 12px 0 rgb(0 0 0 / 6%);
	-webkit-backdrop-filter: blur(50px);
	backdrop-filter: blur(50px);
	box-sizing: box-sizing;
}

.header-container-list {
	display: flex;
	justify-content: center;
	-ms-flex-pack: center;
	align-items: center;
	cursor: pointer;
	position: relative;
	top: -3px;
}

.header-container .play-list {
	font-size: 18px;
	margin-right: 47px;
}

.header-container .play-list img {
	width: 128px;
	height: auto;
	margin-top: 6px;
}

.header-container-operation {
	display: flex;
	justify-content: center;
	-ms-flex-pack: center;
	align-items: center;
	font-size: 16px;
	line-height: 22px;
	cursor: pointer;
	position: absolute;
	right: 108px;
	top: 15px;
	margin-right: 218px;
}

.el-tabs__header {
	padding: 0;
	position: relative;
	margin: 10px 0;
}

.el-tabs__nav-wrap {
	overflow: hidden;
	margin-bottom: -7px;
	position: relative;
}

.el-tabs__item:hover {
	background: #ff6b01;
	color: #fff!important;
}

.el-tabs__nav-scroll {
	overflow: hidden;
}

.el-tabs__nav {
	white-space: nowrap;
	position: relative;
	transition: transform .3s;
	float: left;
	z-index: 2;
}

.el-tabs__item {
	padding: 0 20px;
	height: 40px;
	box-sizing: border-box;
	line-height: 40px;
	display: inline-block;
	list-style: none;
	font-size: 16px;
	font-weight: 500;
	color: #333;
	position: relative;
}

.el-tabs--bottom .el-tabs__item.is-bottom:last-child,
.el-tabs--bottom .el-tabs__item.is-top:last-child,
.el-tabs--top .el-tabs__item.is-bottom:last-child{
	padding-right: 0;
}

.login {
	height: 99px;
	position: relative;
	margin-left:15px;
}

.login .login12 {
	color: #333;
	font-size: 16px;
	padding: 0 35px;
	border-radius: 25px;
	display: block;
	height: 40px;
	line-height: 40px;
}

.login .login12:hover,.login .login12.on {
	color: #fff!important;
	background: #ff6b01;
}


/* footer */

#footer {
	background: rgba(0,0,0,0.8);
	position: relative;
}

.tac-box {
	padding: 20px 0;
	font-weight: 400;
	text-align: center;
	line-height: 20px;
	font-size: 16px;
}

.tac-top {
	margin-bottom: 20px;
	color: #fff;
}

.tac-top a {
	padding: 0 10px;
	color: #fff;
}

.tac-box .tac-bottom {
	margin-top: 10px;
	color: #fff;
}
.tac-bottom a {
	color: #fff;	
}
.identity_dropdown {
	position: absolute;
	right: 0;
	top: 75px;
	width: 390px;
	background-repeat: repeat;
	background: rgba(255, 255, 255, .8);
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	line-height: normal;
	display: none;
}

.identity_dropdown {
	pointer-events: none;
	visibility: hidden;
	max-height: 0;
	-webkit-transition: max-height .6s ease-out, visibility 1ms .6s;
	transition: max-height .6s ease-out, visibility 1ms .6s;
	overflow: hidden;
}

.identity_dropdown.drop {
	pointer-events: auto;
	max-height: 600px;
	visibility: visible;
	-webkit-transition: max-height .6s ease-out;
	transition: max-height .6s ease-out;
}

.login:hover .identity_dropdown {
	display: block;
}

.user_info {
	margin: 20px 17px;
	color: #333;
	overflow: hidden;
	font-size: 16px;
}

.user_face {
	position: relative;
	float: left;
	width: 70px;
	height: 70px;
	border-radius: 99px;
	margin-right: 15px;
}

.user_face__pic {
	display: block;
	width: 70px;
	height: 70px;
	border-radius: 99px;
}

.user_con {
	margin-left: 15px;
}

.user_con__name {
	font-size: 14px;
	line-height: 42px;
}

.user_con__date,
.user_con__name {
	font-weight: 400;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.user_con__name a {
	color: #333;
}

.user_con__icon {
	font-size: 0;
	margin-bottom: 8px;
}

.user_con__icon img {
	display: inline-block;
	height: 24px;
	margin-right: 3px;
}

.user_con_personal {
	margin-right: 16px;
}

.user_con_logout,
.user_con_personal {
	color: #333;
}

.user_data {
	color: #333;
	overflow: hidden;
}

.user_data__list {
	overflow: hidden;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #31412e;
	border-bottom-color: rgba(255, 255, 255, .1);
	*border-bottom-color: #31412e;
	margin-bottom: 15px;
}

.user_data__item {
	float: left;
	*display: inline;
	padding: 5px 0;
	width: 129px;
	text-align: center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #31412e;
	border-right-color: rgba(255, 255, 255, .1);
	*border-right-color: #31412e;
}

.user_data__num {
	display: block;
	font-size: 14px;
}

.user_data__text {
	display: block;
	font-size: 14px;
}

.user-info-title {
	position: relative;
	width: 120px;
	height: 1px;
	background-color: #666;
	margin: 0 auto 30px;
}

.user-info-title span {
	width: 100px;
	height: 14px;
	text-align: center;
	background-color: #fff;
	color: #666;
	font-size: 14px;
	position: absolute;
	left: 50%;
	margin-left: -50px;
	margin-top: -10px;
}

.user_con p {
	padding: 10px 0;
}

.popup-btn {
	float: right;
	background: #ea4335;
	border-radius: 10px;
	padding: 3px 20px;
	margin-top: -3px;
	color: #fff;
}

.user-hide {
	display: none;
}

.userflo {
	float: left;
	padding: 17px 20px 5px 5px;
}

.user_face__pic {
	display: block;
	width: 70px;
	height: 70px;
	border-radius: 99px;
}


/* fy */

.paging-box {
	text-align: center;
	margin: 20px 0 0;
	float: right;
}

.el-pagination {
	white-space: nowrap;
	padding: 2px 5px;
	color: #303133;
	font-weight: 700;
}

.el-pagination {
	white-space: nowrap;
	padding: 2px 5px;
	color: #303133;
	font-weight: 700;
}

.el-pagination.is-background {
	display: flex;
	justify-content: center;
	align-items: center;
}

.el-pagination:after,
.el-pagination:before {
	display: table;
	content: "";
}

.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
	padding: 0;
	min-width: 30px;
	line-height: 25px;
	display: inline-block;
	text-align: center;
	height: 25px;
	border: 1px solid #ccc;
	font-size: 14px;
	color: #333;
	border-radius: 4px;
	background: #fff;
	font-weight: 400;
}

.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev {
	display: flex;
	justify-content: center;
	align-items: center;
}

.el-pagination.is-background .btn-next:not(:disabled) {
	border: 1px solid #ea4335;
	color: #ea4335;
}

.paging-box a {
	display: block;
	color: inherit;
	line-height: 38px;
}

.el-pagination.is-background .btn-next>a,
.el-pagination.is-background .btn-next>span,
.el-pagination.is-background .btn-prev>a,
.el-pagination.is-background .btn-prev>span,
.el-pagination.is-background .el-pager li>a,
.el-pagination.is-background .el-pager li>span {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	padding: 0 10px;
	font-size: 14px;
}

.el-pagination.is-background .btn-next>a,
.el-pagination.is-background .btn-next>span {
	min-width: 45px;
}

.el-pager {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	list-style: none;
	display: inline-block;
	vertical-align: top;
	font-size: 0;
	padding: 0;
	margin: 0;
}

.el-pager li,
.el-pager li.btn-quicknext:hover,
.el-pager li.btn-quickprev:hover {
	cursor: pointer;
}

.el-pager,
.el-pager li {
	vertical-align: top;
	display: inline-block;
	margin: 0;
}

.el-pager li {
	padding: 0 4px;
	background: #fff;
	font-size: 13px;
	min-width: 35.5px;
	height: 28px;
	line-height: 28px;
	box-sizing: border-box;
	text-align: center;
}

.el-pager li {
	padding: 0 4px;
	background: #fff;
	vertical-align: top;
	display: inline-block;
	font-size: 13px;
	min-width: 35.5px;
	height: 28px;
	line-height: 28px;
	cursor: pointer;
	box-sizing: border-box;
	text-align: center;
	margin: 0;
}

.el-pager li.active {
	color: #409eff;
	cursor: default;
}

.el-pager li.active {
	color: #ea4335;
	cursor: default;
}

.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
	margin: 0 5px;
	background-color: #f4f4f5;
	color: #606266;
	min-width: 30px;
	border-radius: 2px;
}

.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
	margin: 0 5px;
	background-color: #f4f4f5;
	color: #606266;
	min-width: 30px;
	border-radius: 2px;
}

.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
	padding: 0;
	min-width: 35px;
	line-height: 28px;
	display: inline-block;
	text-align: center;
	height: 28px;
	border: 1px solid #ccc;
	font-size: 14px;
	color: #333;
	border-radius: 4px;
	background: #fff;
	font-weight: 400;
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
	background-color: #409eff;
	color: #fff;
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
	background-color: #ea4335;
	color: #fff;
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
	border-color: #ea4335;
}

.el-pagination.is-background .btn-next>a,
.el-pagination.is-background .btn-next>span,
.el-pagination.is-background .btn-prev>a,
.el-pagination.is-background .btn-prev>span,
.el-pagination.is-background .el-pager li>a,
.el-pagination.is-background .el-pager li>span {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	padding: 0 10px;
	font-size: 14px;
}

.el-pagination.is-background .btn-next:not(.disabled):not(:disabled):hover,
.el-pagination.is-background .btn-prev:not(.disabled):not(:disabled):hover,
.el-pagination.is-background .el-pager li:not(.disabled):not(:disabled):hover {
	border-color: #ea4335;
	background-color: #ea4335;
	color: #fff;
}

.hfvp_hftq {
    padding: 20px;
}

.hfvp_hftq ul {
    width: 100%;
    text-align: center;
}
.hfvp_hftq ul li {
    width: 19.4%;
    display: inline-table;
    text-align: center;
    font-size: 0.85em;
    padding-bottom: 5px;
    cursor: pointer;
}
.hfvp_hftq ul li img {
    width: 76px;
    margin: 0 auto;
}
.hfvp_hftq ul li .pone {
    color: #3c4d73;
    font-size: 16px;
    margin: 20px auto 5px;
}
.hfvp_hftq ul li .ptwo {
    color: rgba(60,77,115,0.6);
    font-size: 12px;
}

/* sou */

@media screen and (min-width:769px) {}

@media screen and (min-width:782px) {}

@media screen and (min-width:790px) {}

@media screen and (min-width:800px) {}

@media screen and (min-width:818px) {}

@media screen and (min-width:820px) {}

@media screen and (min-width:830px) {}

@media screen and (min-width:845px) {}

@media screen and (min-width:850px) {}

@media screen and (min-width:860px) {}

@media screen and (min-width:870px) {}

@media screen and (min-width:882px) {}

@media screen and (min-width:890px) {}

@media screen and (min-width:900px) {}

@media screen and (min-width:914px) {}

@media screen and (min-width:920px) {}

@media screen and (min-width:931px) {}

@media screen and (min-width:940px) {}

@media screen and (min-width:950px) {}

@media screen and (min-width:960px) {}

@media screen and (min-width:965px) {}

@media screen and (min-width:970px) {}

@media screen and (min-width:976px) {}

@media screen and (min-width:995px) {}

@media screen and (min-width:1000px) {}

@media screen and (min-width:1010px) {}

@media screen and (min-width:1015px) {}

@media screen and (min-width:1016px) {}

@media screen and (min-width:1019px) {}

@media screen and (min-width:1020px) {}

@media screen and (min-width:1035px) {}

@media screen and (min-width:1045px) {}

@media screen and (min-width:1050px) {}

@media screen and (min-width:1065px) {}

@media screen and (min-width:1073px) {}

@media screen and (min-width:1085px) {}

@media screen and (min-width:1086px) {}

@media screen and (min-width:1098px) {}

@media screen and (min-width:1104px) {}

@media screen and (min-width:1110px) {}

@media screen and (min-width:1120px) {}

@media screen and (min-width:1130px) {}

@media screen and (min-width:1145px) {}

@media screen and (min-width:1154px) {}

@media screen and (min-width:1160px) {}

@media screen and (min-width:1166px) {}

@media screen and (min-width:1170px) {}

@media screen and (min-width:1180px) {}

@media screen and (min-width:1187px) {}

@media screen and (min-width:1200px) {}

@media screen and (min-width:1203px) {}

@media screen and (min-width:1205px) {}

@media screen and (min-width:1210px) {}

@media screen and (min-width:1218px) {}

@media screen and (min-width:1227px) {
	.vf-song-list-container {
		margin: 0 13px 25px;
		width: 18%;
	}
}

@media screen and (min-width:1235px) {}

@media screen and (min-width:1240px) {}

@media screen and (min-width:1250px) {}

@media screen and (min-width:1255px) {}

@media screen and (min-width:1260px) {}

@media screen and (min-width:1270px) {}

@media screen and (min-width:1280px) {}

@media screen and (min-width:1286px) {}

@media screen and (min-width:1290px) {}

@media screen and (min-width:1300px) {}

@media screen and (min-width:1317px) {
	.vf-song-list-container {
		margin: 0 7px 25px;
		width: 19%;
	}
}

@media screen and (min-width:1320px) {}

@media screen and (min-width:1330px) {}

@media screen and (min-width:1340px) {}

@media screen and (min-width:1350px) {}

@media screen and (min-width:1361px) {}

@media screen and (min-width:1366px) {}

@media screen and (min-width:1375px) {}

@media screen and (min-width:1380px) {}

@media screen and (min-width:1395px) {}

@media screen and (min-width:1400px) {}

@media screen and (min-width:1410px) {}

@media screen and (min-width:1420px) {}

@media screen and (min-width:1430px) {}

@media screen and (min-width:1440px) {}

@media screen and (min-width:1459px) {}

@media screen and (min-width:1460px) {}

@media screen and (min-width:1470px) {}

@media screen and (min-width:1480px) {}

@media screen and (min-width:1490px) {}

@media screen and (min-width:1497px) {}

@media screen and (min-width:1500px) {}

@media screen and (min-width:1508px) {}

@media screen and (min-width:1517px) {}

@media screen and (min-width:1520px) {}

@media screen and (min-width:1530px) {}

@media screen and (min-width:1535px) {}

@media screen and (min-width:1536px) {}

@media screen and (min-width:1555px) {}

@media screen and (min-width:1557px) {}

@media screen and (min-width:1560px) {}

@media screen and (min-width:1567px) {}

@media screen and (min-width:1570px) {}

@media screen and (min-width:1580px) {}

@media screen and (min-width:1584px) {}

@media screen and (min-width:1590px) {}

@media screen and (min-width:1600px) {}

@media screen and (min-width:1607px) {}

@media screen and (min-width:1610px) {}

@media screen and (min-width:1616px) {}

@media screen and (min-width:1620px) {}

@media screen and (min-width:1630px) {}

@media screen and (min-width:1631px) {}

@media screen and (min-width:1640px) {}

@media screen and (min-width:1647px) {}

@media screen and (min-width:1650px) {}

@media screen and (min-width:1656px) {}

@media screen and (min-width:1660px) {}

@media screen and (min-width:1663px) {}

@media screen and (min-width:1670px) {}

@media screen and (min-width:1680px) {}

@media screen and (min-width:1690px) {}

@media screen and (min-width:1700px) {}

@media screen and (min-width:1703px) {}

@media screen and (min-width:1726px) {}

@media screen and (min-width:1730px) {}

@media screen and (min-width:1743px) {}

@media screen and (min-width:1755px) {}

@media screen and (min-width:1760px) {}

@media screen and (min-width:1770px) {}

@media screen and (min-width:1783px) {}

@media screen and (min-width:1790px) {}

@media screen and (min-width:1805px) {}

@media screen and (min-width:1810px) {}

@media screen and (min-width:1823px) {}

@media screen and (min-width:1832px) {}

@media screen and (min-width:1840px) {}

@media screen and (min-width:1850px) {}

@media screen and (min-width:1863px) {}

@media screen and (min-width:1870px) {}

@media screen and (min-width:1880px) {}

@media screen and (min-width:1890px) {}

@media screen and (min-width:1900px) {}

@media screen and (min-width:1910px) {}

@media screen and (min-width:1920px) {}