*{word-wrap:break-word}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}

h1,h2,h3,h4,h5,h6{font-size:100%; font-weight: normal;}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration: none;
	color: #595959;
	cursor: pointer;
	outline: 0;}
a:hover{text-decoration:none;outline:none; transition:all .4s ease 0s;}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
*:focus {outline: none;}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.l{float:left;}
.r{float:right;}
.c{clear:both;}
.img-responsive{max-width: 100%;height: auto}

::-webkit-scrollbar {
	width: 5px;
	height: 5px;
	background-color: transparent;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
	/*-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.2);*/
	background-color: transparent;
	border-radius: 10px;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
	border-radius: 10px;
	/*-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .3);*/
	background-color: #d8d8d8;
}


/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}
.c{
	clear: both;
}
.layui-layer-title {
	background-color: #fff !important;
}
.ml100 {
	margin-left: 100px;
}
.ml60 {
	margin-left: 60px;
}
/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
.cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
.fl{ float: left;}
.fr{ float: right;}
.text-c{ text-align: center;}
.text-l{ text-align: left;}
.text-r{ text-align: right;}
.colwhite{ color: #fff;}
.colty{ color: #01b6ee;}
.colh{ color: #FFAC2D;}
.colv{ color: #14c400;}
.bgwhite{ background-color: #fff;}
.bg-f9{ background-color: #f9f9f9;}
.ft60{ font-size: 60px;}
.ft38{ font-size: 38px;}
.ft32{ font-size: 32px;}
.ft30{ font-size: 30px;}
.ft28{ font-size: 28px;}
.ft26{ font-size: 26px;}
.ft24{ font-size: 24px;}
.ft22{ font-size: 22px;}
.ft20{ font-size: 20px;}
.ft18{ font-size: 18px;}
.ft16{ font-size: 16px;}
.ft15{ font-size: 15px;}
.ft14{ font-size: 14px;}
.ft13{ font-size: 13px;}
.ft12{ font-size: 12px;}
.col9{ color: #999;}
.lg22{ line-height: 22px;}
.lg24{ line-height: 24px;}
.lg26{ line-height: 26px;}
.lg28{ line-height: 28px;}
.lg30{ line-height: 30px;}
.lg36{ line-height: 36px;}
.lg38{ line-height: 38px;}
.lg50{ line-height: 50px;}
.pdall30{ padding: 30px;}
.pdall20{ padding: 20px;}
.pdall15{ padding: 15px;}
.colred{ color: #DC1010;}
.col6{ color: #666;}
.colsuccess{ color: #48C977}
.boxshadow{ box-shadow: 0 2px 4px 0 rgba(117,117,117,0.50);}
.borderall{ border: 1px #e6e6e6 solid;}
.borderall2{ border: 2px #e6e6e6 solid;}
.borderbt{ border-bottom: 1px #e6e6e6 solid;}
.bordertp{ border-top: 1px #e6e6e6 solid;}
.mgbt60{ margin-bottom: 60px;}
.mgbt50{ margin-bottom: 50px;}
.mgbt30{ margin-bottom: 30px;}
.mgbt20{ margin-bottom: 20px;}
.mgbt15{ margin-bottom: 15px;}
.mgbt10{ margin-bottom: 10px;}
.mgtp20{ margin-top: 20px;}
.mgtp15{ margin-top: 15px;}
.mgtp10{ margin-top: 10px;}
.mgbt6{ margin-bottom: 6px;}
.pos_pre{ position: relative;}
.cut30{ height: 30px; line-height: 30px;}
.cut40{ height: 40px; line-height: 40px;}
.cut50{ height: 50px; line-height: 50px;}
.valign{ vertical-align: middle;}
.hide{ display: none;}
.ftbold{ font-weight: bold;}
.pd-lf-rg{ padding-left: 3%; padding-right: 3%;}
.pd-tp-bt{ padding-top: 15px; padding-bottom: 15px;}
.pd-tp{ padding-top: 3%;}
.pd-bt{ padding-bottom: 3%;}
.pd-lf{ padding-left: 3%;}
.pd-rg{ padding-right: 3%;}
.range-lf{ margin-left: 6px;}
.range-lf2{ margin-left: 20px;}
.range-rg{ margin-right: 6px;}
.pos-pre{ position: relative;}
.bg-0{ background-color: #000;}
.bg-f0{ background-color: #f0f0f0;}
.bg-f3{ background-color: #f3f3f3;}
.bg-fa{ background-color: #fafafa;}
.bg-ea{ background-color: #eaeaea;}
.bg-3b{
	background-color: #3b3b3b;
}
.bg-null{ background-color: none;}
.pdall30{ padding: 30px;}
.pdall10{ padding: 10px;}
.pdall20{ padding: 20px;}
.pic img{ width: 100%;}
.pd2rem{ padding: 0 .2rem;}
.over-hide{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}



.col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5 {
  position: relative;
  min-height: 1px;
  margin-right: 20px;
}

.col-xs-12, .col-md-1-5{
    padding-left: 0;
}
.col-xs-1-5 {
	width: 18%;
	float: left;
}

@media (min-width: 768px) {
	.col-sm-1-5 {
		width: 18%;
		float: left;
	}
}

@media (min-width: 992px) {
	.col-md-1-5 {
		width: 18%;
		float: left;
	}
}

@media (min-width: 1200px) {
	.col-lg-1-5 {
		width: 18%;
		float: left;
	}
}

.expcnt {
	padding: 47px 0;
}

.cardtitle {
	font-size: 28px;
	line-height: 1.07;
	text-align: center;
	color: #3c376a;
	margin-top: 20px;
	margin-bottom: 50px;
	font-weight: bold;
}

.content-border {
	/*border: 2px solid #fff;*/
	position: relative;
	border-radius: 10px;
	background-color: #ffffff;
	border-color: transparent;
	border: 1px solid #eee;
	/*box-shadow: 0px 2px 8px 0 rgba(174, 180, 203, 0.5);*/
}
.content-border:hover>.cardzg{
	height: 42px;
}
.cardzgcnt{
	width: 90%;
	margin: auto;
	height: 100%;
}
.cardzgcnt>div{
	width:28%;
	margin: auto;
	/*margin-top: 22px;*/
}
.cardzgcnt>div>div{
	margin-top: 5px;
}
.zgimgplat{
	width: 24px;
	height: 24px;
	margin-top: 26px;
	background-image: url(../images/zgshit-hover.png);
	background-size: 100% 100%;
}
.cardzg {
	width: 101%;
	height: 0px;
	position: absolute;
	overflow: hidden;
	left: -1px;
	bottom: -1px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background-color: #ffcece;
	z-index: 97;
	-webkit-transition: all .1s;
	-moz-transition: all .1s;
	-ms-transition: all .1s;
	-o-transition: all .1s;
	transition: all .1s;
	cursor: pointer;
}

.container .goods-list {
	color: #45535d;
	overflow: hidden;
	display: block;
	height: 100%;
	cursor: pointer;
}

.container .list-content {
	float: left;
	width: 100%;
	margin-left: 15px;
}

.container .list-content h5 {
	margin-bottom: 11px;
	height: 20px;
	overflow: hidden;
	font-size: 16px;
	line-height: 1.25;
	text-align: left;
	color: #3c376a;
	margin-top: 14px!important;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 90%;
}
.container.vir-container-2 .list-content h5,
.py-works-main .list-content h5{
	color: #000;
	margin-top: 16px!important;
	margin-bottom: 5px;
}
.container.vir-container-2 .list-content p,
.py-works-main .list-content p{
	color: #999;
	margin: 0 0 30px 0;
	line-height: 1;
}
.tags {
	margin-top: 8px;
	font-size: 14px;
	height: 10px;
	line-height: 10px;
	color: #8c97c8;
}

.container .list-content .list-tags {
	display: inline-block;
	color: #fff;
	font-size: 12px;
	padding: 3px 5px;
	margin-left: 5px;
	text-align: center;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.container .list-time,
.py-works-main .list-time{
	/*margin-top:20px;*/
	position:relative;
	line-height: 1.2;
	clear: both;
	overflow: hidden;
	padding: 0 16px;
	/*margin-bottom:14.6px*/
}
.container .list-time.xf-list-time {
	margin-top: 20px;
	position: relative;
	line-height: inherit;
	padding: 0;
	margin-bottom: 14.6px;
}

.listtimeimg {
	width: 30px;
	height: 30px;
	border: 3px double rgba(174, 180, 203, 0.4);
	border-radius: 100%;
}

.nuwccardimg {
	width: 100%;
	height: 100%;
	border-radius: 100%;
}
.listtimetxt {
	font-size: 14px;
	color: #8c97c8;
	margin-left: 6.4px;
	margin-top: 6px;
}
.popularity {
	margin-right: 26px;
	margin-top: 7px;
	border: 5px;
	font-size: 13px;
	color: #8c97c8;
}
.popularity>span{
	padding: 0 5px;
}
.popularity>span>img{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-top: -3px;
}
.aside-list{
	margin: 12px 0;
	/*cursor: pointer;*/
	padding: 0 15px;
	float: left;
}
.zgtxt {
	margin-top: 6px;
	font-size: 14px;
	margin-left: 7px;
	line-height: 1.75;
	text-align: center;
	color: #ff0000;
}

.cardzg:hover .zgimgplat{
	background-image: url(../images/zgshit.png);
}
.cardzg:hover .zgimgmake{
	background-image: url(../images/zgzhizuo-hover.png);
}
.cardzg:hover .zgtxt{
	color: #ffffff;
}
.cardzg:hover{
	background-color:#ff395a;
}

.cardplay {
	cursor: pointer;
}
.real-anchor {
	overflow:hidden
}
.real-anchor .choo-sta,
.py-works-main .choo-sta{
	background: url(../images/start.png?v=VqKJD3e4Sw8%2B1JxVmUFjKQ%3D%3D) no-repeat;
	background-size: cover;
	display: inline-block;
	width: 36px;
	height: 36px;
	margin: 20px 16px 0 0;
	float: right;
	position: inherit;
	cursor: pointer;
}
.real-anchor .list-content,
.py-works-main .list-content{
	width:74%;
	margin-left:16px;
}
.container .real-anchor-list {
	float:left;
	text-align:center;
	position:relative;
	margin:10px 15px 10px 10px;
	width: 185px;
	height: 283px;
	border-radius: 10px;
	background-color: #ffffff;
	border: 1px solid #e5e5e5;
}
.container .real-anchor-list-first{
	margin-left: 14px;
}
.container .real-anchor-list-index {
	float:left;
	text-align:center;
	position:relative;
	margin:10px 0 10px 30px;
	width: 185px;
	height: 283px;
	border-radius: 10px;
	background-color: #ffffff;
	border: 1px solid #e5e5e5;
}
.container .real-anchor-list:hover,.container .real-anchor-list-index:hover {
	border-color: transparent;
	box-shadow: 0 2px 16px 0 rgba(188,219,255,0.4);
}

.list-tagss {
	background: #db384c;
	position: absolute;
	top: 5px;
	left: 6px;
	font-size: 12px;
	padding: 0 5px;
	height: 18px;
	line-height: 18px;
	color: #fff;
	text-align: center;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.posimgdiv {
	position: relative;
	width: 104px;
	height: 104px;
	margin: auto;
	margin-top: 41px;
}
.goods-list:hover .cnchorcordzg{
	display: block;
}
.cnchorcordzg {
	width: 104px;
	height: 104px;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(206,232,255,0.7);
	border-radius: 100%;
	border: solid 4px #ffffff;
	display: none;
}

.posdivimg {
	display: inline-block;
	width: 33px;
	height: 33px;
	margin: auto;
	margin-top: 27px;
	background-image: url(../images/icon-st-nor.png);
	background-size: 100% 100%;
}
.posdivitxt {
	text-align: center;
	font-size: 14px;
	color: #ff181b;
}
.container .real-anchor-list .goods-img {
	display: inline-block;
	width: 178px;
	height: 178px;
	padding: 0;
	margin-top: 5px;
	float: none;
	/*background: url(../images/error.jpg) no-repeat;*/
	background-size: 100%;
}
.container .goods-img {
	width: 66px;
	height: 66px;
	/*background: url(../images/error.jpg) 13px 12px no-repeat;*/
	background-size: 68px 68px;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
}
.cnchorcordimg{
	width: 104px!important;
	height: 104px!important;
	background-color: #cd7272;
	box-shadow: 0 0 6px 0 rgba(174, 180, 203, 0.4);
	border: solid 4px #ffffff;
	border-radius: 100%;
	margin: auto;
	margin-bottom: 11px;
	margin-top: 0px!important;
}
.container .real-anchor-list .list-content {
	float: initial;
	width: 100%;
	margin: 0;
}
.container .list-content .list-name {
	font-size: 20px;
}
.container .real-anchor-list .list-name {
	text-align: center;
	font-size: 20px;
	color: #3c376a;
}
.list-styles {
	width: 90%;
	margin: auto;
	text-align: center;
	font-size: 14px;
	color: #8c97c8;
	margin-bottom: 17px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.container .real-anchor-list .list-classify {
	width: 90%;
	margin: auto;
	overflow: hidden;
	font-size: 12px;
	color: #cdd2e8;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}

.container .list-content .list-classify {
	font-size: 13px;
	color: #a9aaaf;
}
.is_online_card {
	position: absolute;
	top: 2px;
	right: 2px;
	padding: 0 6px;
	background: rgba(102,173,255,.7);
	color: #fff;
	line-height: 22px;
	border-radius: 0px 8px 0px 8px;
	cursor: default;
}
.expnav {
	width: 208px;
	margin: auto;
	margin-top: 33px;
}
.expnav>div {
	font-size: 18.1px;
	line-height: 1.67;
	color: #8c97c8;
	padding-bottom: 10px;
	cursor: pointer;
}
.expnav > li > a {
	margin-bottom: 20px;
}
.expmor {
	display: block;
	width: 101px;
	height: 31px;
	border-radius: 14.5px;
	line-height: 30px;
	font-size: 13.7px;
	text-align: center;
	margin: auto;
	cursor: pointer;
	background-repeat: no-repeat;
	color: #ff181b;
	border: 1px solid #ff181b;
}
.expmor:hover{
	color: white!important;
	background-color: #ff181b;
}
.logodiv {
	margin: 12px 0;
}
.logodiv img {
	border-radius: 14.5px;
	box-shadow: 0px 2px 8px 0 rgba(174, 180, 203, 0.5);
}

.layer-bottom-box .confirm-btn {
	position: absolute;
	top: 50px;
	right: 54px;
	width: 214px;
	height: 48px;
	border-radius: 24px;
	background: #ff4e46;
	text-align: center;
	font-size: 16px;
	color: #fff;
	line-height: 48px;
	cursor: pointer;
}
.layer-bottom-box.py-tts-details .confirm-btn {
	height: 40px;
	line-height: 40px;
	top: 33px;
}
.modal-main-small .layer-bottom-box .confirm-btn {
	top: 30px;
	right: -365px;
}
.layer-bottom-box .confirm-btn:hover {
	background: #ff181b;
}
.modal-list-2 .layui-layer-setwin {
	top: -27px;
}
.layer-bottom-box .confirm-btn.disabled {
	background: #ccc;
	cursor: default;
}
.layer-bottom-box .confirm-btn.disabled:hover .hw-tip {
	display: block;
}
.layer-bottom-box .confirm-btn .hw-tip {
	display: none;
	position: absolute;
	top: -60px;
	left: 0;
	width: 214px;
	height: 46px;
	line-height: 46px;
	border-radius: 6px;
	background: #5c5c5c;
	font-size: 14px;
	box-shadow:0px 2px 8px 0px rgba(174,180,203,0.4);
}
.layui-layer-page .layui-layer-content{
	overflow: inherit;
}
.admin-pass li .save-info, .layui-layer-btn a, .pay-error .pay5 a:hover, .pay-success .pay5 a:hover {
	text-decoration:none
}
.layui-layer-btn a {
	height:42px!important;
	display:block!important;
	line-height:42px!important;
	text-align:center;
	margin:8px 6px;
	padding:0 15px;
	background-color:#f1f1f1;
	color:#333;
	border-radius:2px;
	font-weight:400;
	cursor:pointer
}
/*.layui-layer-dialog .layui-layer-content {
	color:#384752;
	text-align:center;
}*/
/*.layui-layer-dialog.layui-layer-msg .layui-layer-content {
	color:#fff;
}*/
.layui-layer-btn {
	padding:30px!important
}
.jp-audio {
	width:100%;
	position:relative
}
.jp-audio .jp-interface {
	height:60px
}
.jp-audio .jp-controls {
	width:100%;
	padding:0
}
.jp-audio .jp-type-single .jp-progress {
	left:122px;
	width:522px;
	margin:0 auto;
	position:absolute;
	top:50px;
	height:4px;
	overflow:hidden;
	background:#d5d5d5;
	z-index:99
}
.py_model_multi_box .jp-audio .jp-type-single .jp-progress {
	left: 40px;
	width: 88%;
	top: 36px;
}
.jp-seek-bar {
	width:0;
	height:100%;
	cursor:pointer
}
.jp-play-bar {
	width:0;
	height:100%;
	background:#ff181b;
}
.jp-audio .jp-time-holder {
	position:absolute;
	width:100%;
	top:60px;
	left: 122px;
}

.py_model_multi_box .jp-audio .jp-time-holder {
	top:30px;
	left: 0;
}

.jp-current-time {
	float:left;
	display:inline;
	cursor:default
}
.jp-current-time, .jp-duration {
	width:60px;
	font-size:12px;
	color:#889197
}
.jp-duration {
	float:right;
	display:inline;
	text-align:right;
	cursor:pointer
}
.modal-main-small .jp-audio, .py-tts-details .jp-audio{
	width: 522px;
	padding-left: 60px;
	padding-top: 7px;
}
.modal-main-small .jp-play-s,.modal-main-small .jp-play-s2, .py-tts-details .jp-play, .py-tts-details .jp-play-r {
	display: inline-block;
	width: 24px;
	height: 30px;
	margin-left: 0;
	background:url(../images/play_2.png) no-repeat;
	background-size:cover
}
.modal-main-small .jp-type-single, .py-tts-details .jp-type-single {
	display: inline-block;
}
.make-name, .make-name input {
	text-align:center
}

.layer-bottom-box {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 146px;
	width: 100%;
	padding: 21px 53px 0;
	background: #fff;
	box-shadow:0px -1px 0px 0px rgba(221,221,221,0.5);
	border-radius:0px 0px 8px 8px;
}
.layer-bottom-box .title {
	font-size: 16px;
	color: #000;
	line-height: 22px;
	display: inline-block;
	padding: 0;
	margin: 41px 8px 0 0;
}

.py-tts-details {
	height: 106px;
	padding: 0 53px;
}
.jp-play {
	display:block;
	width:50px;
	height:50px;

	background:url(../images/makeplay.png) no-repeat;
	background-size:cover
}
.jp-play.cur{
	background:url(../images/py_pause.png) no-repeat;
	background-size: 100% 100%;
}

.jp-play.py_make_play {
	background:url(../images/py_play.png) no-repeat;
	background-size:100% 100%;
}
.modal-main-small .jp-play {
	display: inline-block;
	width: 24px;
	height: 30px;
	margin-left: 0;
	background: url(../images/play_2.png) no-repeat;
	background-size: cover;
}
.playerParent>.jp-play {
	/*margin-left:0px!important;*/
}
.modal-main-small .jp-play.jp-play-hide, .modal-main-small .jp-play-s.jp-play-hide, .modal-main-small .jp-play-s2.jp-play-hide {
	width:0;
	height:0;
	background:0 0
}
.modal-main-small .jp-type-single, .py-tts-details .jp-type-single {
	display: inline-block;
}


.jp-play-hide {
	width:0;
	height:0;
	background:0 0
}
input[type=range] {
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: #0193e8;
	height: 2px;
	outline: none;
	margin-top: 11px;
}
input[type=range]:nth-child(1)::-moz-range-track {
	background-color: #0193e8;
}
input[type=range]:nth-child(2)::-moz-range-progress {
	background: linear-gradient(to right, #059CFA, #059CFA 100%, white);
	height: 4px;
}
input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 10px;
	height: 10px;
	background-color: #0193e8;
	border-radius: 100%;
}
input[type=range]::-moz-range-thumb {
	-moz-appearance: none;
	width: 10px;
	height: 10px;
	background-color: #0193e8;
	border-radius: 100%;
}
input[type=range]::-ms-thumb {
	-moz-appearance: none;
	width: 10px;
	height: 10px;
	background-color: #0193e8;
	border-radius: 100%;
}
input[type=range]::-ms-track {
	height: 2px;
	border-color: transparent;
	color: transparent;
}
input[type=range]::-ms-fill-lower {
	border-radius: 10px;
	background: linear-gradient(to right, #059CFA, #059CFA 100%, white);
}

input[type=range]:nth-child(1)::-ms-fill-upper {
	border-radius: 10px;
	background: #059CFA;
}
.inputchange {
	float: left;
	position: relative;
	width: 863px;
	margin-left: 30px;
	margin-top: 30px;
	height: 88px;
}
.bgline {
	width: 100%;
	height: 4px;
	background-color: #dcdcdc;
	position: absolute;
	right: 0px;
	top: 23px;
}
.sizenum2 {
	color: #384752;
	font-size: 14px;
	position: absolute;
	left: 10%;
	top: 30px;
	display: none;
}
.playline {
	height: 4px!important;
	background: -webkit-linear-gradient(#059CFA, #059CFA) no-repeat!important;
	background-size: 0% 100%!important;
	width: 100%;
	margin-top: 0px!important;
}

#wordage{text-align:right;font-size:14px;color:#5e5e5e;margin:10px 0 0 0; display: none}
#sc-button-group{display: none}
.firstDialog .jp-play.cur,
.secondDialog .jp-play.cur,
.py-tts-details .jp-play.cur,
.py-tts-details .jp-play-r.cur,
.py-tts-details .jp-play-r.cur{
	background: url(../images/pause_2.png) no-repeat;
	background-size: cover;
}

.modal-list {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 30px;
	overflow-x: hidden;
	overflow-y: scroll;
}
.modal-list-2 {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0 0 0 52px;
	/*overflow-x: hidden;*/
	color: #000;
	position: relative;
}
.modal-list-2 .modal-main {
	height: 425px;
	overflow: auto;
	padding: 30px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow-x: hidden;
}
.modal-list-2 .modal-main.modal-main-small.modal-single {
	height: auto;
}
.modal-list .modal-img-left {
	float:left;
	width:110px
}
.modal-list .modal-img {
	float:left;
	position:relative;
	width:110px;
	height:110px;
	/*background:url(../images/error.jpg?v=HbGl678izKt%2B4TRsZul9%2FA%3D%3D) no-repeat;*/
	background-size:110px 110px
}
.modal-list-2 .modal-img {
	float:left;
	position:relative;
	width:142px;
	height:142px;
	border-radius: 71px;
	overflow: hidden;
	/*background:url(../images/error.jpg?v=HbGl678izKt%2B4TRsZul9%2FA%3D%3D) no-repeat;*/
	background-size:142px 142px;
}
.modal-list .modal-img img {
	width:110px;
	height:110px;
	margin-bottom:30px
}
.modal-list-2 .modal-img img {
	width:142px;
	height:142px;
}
.modal-list .modal-img span {
	width:100%;
	color:#fff;
	position:absolute;
	bottom:-24px;
	background:#ff0027a1;
	display:inline-block;
	height:24px;
	line-height:24px;
	text-align:center;
	left:0;
	padding-left:0
}
.modal-list-2 .modal-img span {
	width:100%;
	color:#fff;
	position:absolute;
	bottom:0;
	background:#ff0f0fb3;
	display:inline-block;
	height:32px;
	line-height:32px;
	text-align:center;
	left:0;
	font-size: 14px;
}
.modal-list-2 .modal-img span.rest {
	background:rgba(153,153,153,0.7);
}
.modal-list .modal-second {
	margin-top:20px
}
.modal-list .modal-right {
	float:left;
	width:85%;
	margin-left:14px;
	overflow:hidden
}
.modal-list-2 .modal-right {
	float:left;
	width:725px;
	margin-left:32px;
	overflow:hidden
}
.modal-list .modal-right-border {
	border:1px solid #eaeaea;
	/*height: 166px;*/
}
.modal-list-2 .modal-right-border {
	border:0;
}
.modal-right .name {
	font-size: 18px;
	line-height: 25px;
}
.modal-right .count {
	font-size: 14px;
	line-height: 20px;
	vertical-align: bottom;
	margin-left: 32px;
}
.modal-right .label-box {
	padding: 13px 0 6px;
}
.modal-right .label-box .desc {
	margin: 0;
	padding: 0;
	line-height: 23px;
}
.modal-right .label-2 {
	font-size: 14px;
	line-height: 20px;
	color: #808080
}
.modal-list-2 .modal-text {
	padding:10px 20px;
	height:160px;
	font-size:15px;
	line-height:2;
	overflow-y:auto;
	width:100%;
	background:#f5f5f5;
	color:#384752
}
.modal-list-2 .modal-single .modal-right-border .content-border {
	box-shadow: 0 0 0 0 rgba(255,255,255,0);
	border: 0;
	background: #F5F5F5;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.modal-list-2 .modal-text {
	height:160px;
}
.modal-list .modal-music {
	height:12px;
	margin:30px 0
}
.modal-list .modal-music span {
	display:inline-block
}
.modal-list .modal-music .music-jd {
	width:84%;
	background:#d5d5d5;
	height:4px;
	border-radius:4px;
	margin:0 8px;
	line-height:12px;
	position:relative
}
.modal-list .modal-music .music-jd .music-jd-per {
	position:absolute;
	background:#919ec9;
	width:50%;
	height:4px
}
.modal-list .modal-start {
	display:block;
	width:50px;
	height:50px;
	margin:0 auto;
	background:url(../images/start.png) no-repeat;
	background-size:cover
}
.vir-container .aside-list:hover {
	border:1px solid #c2c5d0;
	background:#f5f5f5
}
.vir-container .list-content {
	width:67%
}
.vir-container-2 {
	width: 930px;
	margin: 0;
}
.vir-container-2 .list-contain, .py-works-main .list-contain {
	text-align: left;
	box-shadow:0px 2px 8px 0px rgba(174,180,203,0.4);
	border-radius:8px;
	padding: 0;
	width: 286px;
	height: 119px;
	margin: 5px 18px 5px 2px;
	border: 0;
}
.py-works-main .list-contain {
	margin: 20px 0 0 20px;
}
.vir-container-2 .choose-span:hover,
.py-works-main .choose-span:hover{
	border: 0;
	background: #fff;
}
.real-anchor .choose-span{
	text-align: left
}
.jp-pause, .modal-list .cur {
	background:url(../images/pause.png) no-repeat
}
.jp-pause, .modal-list-2 .cur {
	background:url(../images/pause_2.png) no-repeat;
	background-size: cover;
}
.jp-pause, .modal-list-2 .modal-main-small .cur {
	background:url(../images/pause_2.png) no-repeat;
	background-size: cover;
}
.aside-left-content .py_make_play.cur {
	background:url(../images/py_pause.png) no-repeat;
	background-size: 100% 100%;
}
.lrc_list {
	margin:10px auto
}
.lrc_list li {
	text-align:center!important;
	float:none;
	margin:4px 0
}
.lrc_list li.hover {
	color:#fa0101;
	font-weight:700;
	font-size:18px
}

.py_card_bottom_tab.disabled {
	cursor: default;
}
.py_card_bottom_tab:hover {
	background: rgb(222, 47, 51);
	color: #fff;
}

.py_card_bottom_tab.disabled:hover .hw-tip {
	display: block;
}
.py_card_bottom_tab .hw-tip {
	display: none;
	position: absolute;
	top: -50px;
	left: 40px;
	width: 216px;
	height: 40px;
	line-height: 40px;
	border-radius: 6px;
	background: #5c5c5c;
	font-size: 14px;
	box-shadow:0px 2px 8px 0px rgba(174,180,203,0.4);
}
.py_card_bottom_tab .hw-tip i {
	left: 103px;
	top: 40px;
}

.py_high_quality_box:hover .py_card_bottom_tab {
	display: block;
}

.py_card_bottom_tab {
	height: 40px;
	line-height: 40px;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #ffcece;
	color: #51A2FF;
	font-size: 14px;
	border-radius: 0 0 8px 8px;
	cursor: pointer;
	display: none;
}
.container .list-time .list-icon,
.py-works-main .list-time .list-icon{
	font-size:12px;
	color:#333
}
.container .list-time .list-number,
.py-works-main .list-time .list-number{
	position:absolute;
	right:16px;
	top:2px;
	background:#e1e1e1;
	color:#fff;
	font-size:10px;
	-webkit-transform:scale(.8);
	transform:scale(.8);
	border-radius:2px;
	padding:0 5px;
	height:15px;
	line-height:15px
}
.container .list-time .list-num,
.py-works-main .list-time .list-num{
	position:absolute;
	right:52px;
	color:#333;
	line-height: 1;
	top: 3px;
	font-size:12px
}
.container .list-icon img,
.py-works-main .list-icon img{
	width:16px;
	margin:-3px 3px 0 0
}
.choose-span {
	border-bottom: 1px solid #dbdbdb;
	padding:0;
	margin: 0px 21px;
	width:100%;
	line-height:60px;
	/*cursor:pointer;*/
	position:relative;
}
.choose-span:hover {
	border:1px solid #c2c5d0;
	background:#f5f5f5
}
.choose-span a {
	color:#384752;
	text-decoration:none;
	display:inline-block;
	width: 615px;
	position: absolute;
	left: 65px;
	top: -3px;
}
.choose-span .coo-name {
	display:inline-block;
	width: 100%;
	font-size:16px;
	overflow:hidden
}
.coo-name span{
	display:inline-block;
	width: 20%;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.choose-list{
	width: 710px;
	height: 100%;
	position: relative;
	overflow-y: scroll;
	overflow-x: hidden;
}
.choose-span a:hover, .coo-name:hover {
	 color:#384752
 }
#playerParent {
	width:100%;
	margin:0 auto;
	text-align:center
}
#playerParent .jp-play {
	margin:auto
}
.choose-span {
	border-bottom: 1px solid #dbdbdb;
	padding:0;
	margin: 0px 21px;
	width:100%;
	line-height:60px;
	/*cursor:pointer;*/
	position:relative;
}
.choose-span:hover {
	border:1px solid #c2c5d0;
	background:#f5f5f5
}
.choose-span a {
	color:#384752;
	text-decoration:none;
	display:inline-block;
	width: 615px;
	position: absolute;
	left: 65px;
	top: -3px;
}
.choose-span .coo-name {
	display:inline-block;
	width: 100%;
	font-size:16px;
	overflow:hidden
}
.coo-name span{
	display:inline-block;
	width: 20%;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.choose-list{
	width: 710px;
	height: 100%;
	position: relative;
	overflow-y: scroll;
	overflow-x: hidden;
}
.layui-layer-page .layui-layer-content{
	overflow: inherit;
}

.pase .choo-sta {
	background:url(../images/pause.png) no-repeat;
	background-size:cover
}

.py_works_title {
	color: #000;
	font-size: 18px;
	position: absolute;
	top: 12px;
	left: 122px;
}
.py_works_title span {
	color: #999;
	font-size: 14px;
	margin-left: 4px;
}
.nav-header >  .layui-nav-item a {
	color: #fff;
    font-size: 16px;
}
.nav-header >.layui-this a{
	color: #fa0101;
}
.nav-header >.layui-nav-item a:hover{
	color: #fa0101;
}
.nav-header > .layui-tab-title .layui-this a {
	color: #e80000;
}
.nav > .layui-tab-title {
	border-bottom-style:none;
}

.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 5px;
	transition: all .2s;
	-webkit-transition: all .2s;
}
.nav ul li a {
	display: block;
}
.layui-tab-brief>.layui-tab-title .layui-this {
	color: #e80000;
	position: relative;
}
.layui-tab-brief>.layui-tab-title .layui-this span {
	position: absolute;
	bottom: 5px;
	left: 50%;
	transform: translateX(-50%);
	width: 34px;
	height: 4px;
	background-color: #e80000;
	border-radius: 10px;
}

 .layui-nav-bar {
	display: none;
}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after {
	border: none;
}

#alert_lxwm{
	margin: 40px 0 0 45px
}

#alert_lxwm p i{
	font-size: 20px; color: red;vertical-align: -10%;
}

#alert_lxwm p a{
	margin-left: 20px; color: red;
}

#alert_lxwm p.indent2{
	text-indent: 2em;
}

.w-30{width: 30px;}
.w-200{width: 200px}
.hc_avtat{
    margin-top: 3px;
}

.select_hczb_textarea{
    border: 0; height: 298px; padding: 20px 20px
}

.red>li.active>a, .red>li.active>a:focus, .red>li.active>a:hover{
    background-color: red;
}
.logodiv img{
	width: 205px;
}
.select_hczb, .select_bgm{
	position: absolute;
	z-index:999;
}

.select_hczb div{
	/*width: 500px;*/
	height: 360px;
}

.select_bgm{
	right: -20px;
}

.select_bgm > div{
	height: 400px;
}

.hczbTab > .layui-tab-title{
	background-color: #f2f2f2;
}
.hczbTab{
	margin-top: 10px;
	border: 1px solid #d8d8d8;
	border-radius: 2%;

	background-color: #ffffff;
	box-shadow:1px 2px 10px 0px #d8d8d8;
}

.hczbTabItem {
	margin: 10px 0 0 10px;
    height: 300px;
    overflow: auto;
}
.hczbTabItem li{
	float: left;
	width: 141px;
	height: 32px;
    line-height: 28px;
    margin: 0 30px 5px 0;
    padding: 0 5px;
}
.hczbTabItem li:hover{
	padding-left: 5px;
	cursor: pointer;
    border: 1px solid #d8d8d8;
    border-radius: 10px;
    box-shadow:1px 2px 10px 0 #d8d8d8;
	height: 32px;
}
.bgmTabItem li span:hover{
	padding-left: 5px;
	cursor: pointer;
	border: 1px solid #d8d8d8;
	border-radius: 10px;
	box-shadow:1px 2px 10px 0 #d8d8d8;
	height: 25px;
}
.hczbTabItem li img {
	width: 20px;
	height: 20px;
	margin-right: 10px;
}
.hczbTabItem li span{
	font-size: 12px;
}
.play-ico{
	color: #cecece;
	vertical-align: middle;
	margin-right: 5px;
}

.bgmTabItem{
    height: 300px;
    overflow: auto;
}
.bgmTabItem li{
    float: left;
    width: 155px;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    padding: 0 5px;
}
.bgmTabItem li span{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: keep-all;
    width: 128px;
    position: relative;
    top: -28px;
    left: 24px;
	line-height: 24px;
}
#bgmYin{
	margin: 0 auto;
	width: 400px;
}
#bgmVolume{
	margin: 0 10px;
	width: 250px;
	padding-top: 6px;
}
.inputdiv {
	margin: 0 10px;
	position: relative;
	top: -18px;
	left: -14px;
}
.sizenum {
	color: #384752;
	font-size: 14px;
	position: relative;
	left: 55%;
	top: -24px;
	/*display: none;*/
}
.inputdiv:active>.sizenum {
	display: block;
}

ul.nav_login{
	color: #fff;
	font-size: 14px;
	line-height: 60px;
}
ul.nav_login li{
	margin-left: 10px;
	float: left!important;
}
ul.nav_login li a {
	color: #ffffff;
}
ul.nav_login li a:hover {
	color: #fa0101;
}
#pricediv{display: none; float: right}
/*首页悬浮层*/
.suspend{
	position: absolute;
	z-index: 800;
	top: 40px;
	height: 298px;
	width: 93%;
	background-color: #f9f9f9;
}

.suspend div{
	text-align: center;
	margin-top: 80px;
}

.suspend div p{
	padding-top: 120px;
	color: #acacac;
}
.layui-btn-primary:hover {
	border-color: #ff181b;
	color: #fff;
	background-color: #ff181b;
}
.kefunews{width: 76px;background: #fff;position: fixed;top:20%;right: 0px;z-index:999;}
.robot{background:#5ab2fa; width: 76px;height: 95px;position: relative;}
.robot>a>img{left: 17px;top:16px;position: absolute;}
.robot>a>p{height: 30px;line-height: 30px;color: #fff;text-align: center;bottom: 0px;position: absolute;width: 100%;font-size: 12px;}
.kefunews>ul li{border-bottom: 1px solid #efefef;border-left: 1px solid #efefef;width: 75px;height: 80px;position: relative;}
.kefunews>ul li>a>img{position: absolute;top:15px;left: 12px;}
.kefunews>ul li>a>p{height: 37px;line-height: 37px;color: #666666;text-align: center;bottom: 0px;position: absolute;width: 100%;font-size: 12px;}
.kefunews>ul li.qqtop>a>img{position: absolute;top:28px;left: 31px;}
.kefunews>ul li.qqtop>a>p{padding-bottom: 10px;}
.kefunews>ul li:hover{background: #00b1f1;border-left: 1px solid #00b1f1;}
.kefunews>ul li:hover>a>p{color: #fff;}
.sm2{display: none;}
.kefunews>ul li:hover>a .sm1{display: none;}
.kefunews>ul li:hover>a .sm2{display: block;}
.c150{width: 186px;position: absolute;padding: 10px;background: #fff;left: -188px;font-size: 13px;line-height: 26px;display: none;
	border: 1px solid #efefef;border-right:none;box-shadow:0px 0px 0px 1px #f1f1f1;
}
.c150 label{color: #00b1f1;}
.c150 p{text-align: center;}
.kefunews>ul li:hover .c150{display: block;}

.recharge{
	padding: 30px 0;
}

.recharge .ts{
	color: #c3c3c3;
	font-size: 14px;
}

.recharge .ts label {
	color: #ff3803;
}
.czcon>a{
	text-align: center;
	border: 1px solid #e0e0e0;
	display: block;
	width: 200px;
	margin-top: 45px;
	border-radius: 7px;
	float: left;
	margin-right: 13px;
	position: relative;
}
.czcon>a>p{
	font-size: 33px;
	color: #e80000;
	padding-bottom: 15px;
	padding-top: 30px;
	font-weight: bold;
	border-bottom: 1px dashed #d7d7d7;
}
.czcon>a>p label{
	font-weight: normal;
	font-size: 20px;
	color: #9a9a9a;
}

.czcon>a>label{
	display: block;
	height: 45px;
	line-height: 45px;
	color: #979797;
}
.czcon>a.hover{
	border: 1px solid #e80000;
}
.czcon>a.hover i{
	display: block;
}
.czcon>a i{
	width: 32px;
	height: 28px;
	background: url(../images/ico_s.png) no-repeat;
	position: absolute;
	right: 0px;
	display: none;
	bottom: 0px;
}
.zf>a{
	margin-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 20px;
}
.x_ts {
	padding-top: 25px;
	padding-bottom: 30px;
	color: #a09e9e;
}
.center_block{
	margin: auto;
	display: block;
}
.newbutton{
	background: #e80000;
	text-align: center;
	border-radius: 5px;
	font-size: 16px;
}
.wxsszf{width: 580px;margin: auto;padding-top: 40px;padding-bottom: 40px;}
.wxsszf>div.l{width: 222px;}
.wxsszf>div.l>p{text-align: center;font-size: 20px;color: #636363;}
.wxsszf>div.l>p label{font-size: 14px;}
.wxsszf>div.l>p span{color:#fc7000;font-size: 14px;}
.wxsszf>div.l>img{border: 1px solid #d7d7d7;margin-top: 20px;margin-bottom: 20px;}
.zhifubtn a{display: block;border-radius: 5px;    height: 30px;text-align: center;line-height: 28px;}
.zhifubtn a.l{background: #f89a14;color: #fff;}
.zhifubtn a.r{background: #e9e9e9;color: #9b9b9b;}


.zfbconfirm{width: 160px;margin: auto;padding-top: 30px;padding-bottom: 30px;}
.zfbconfirm p{text-align: center;line-height: 28px;color: #616161;font-size: 22px;}
.zfbconfirm p span,.zfbconfirm p label{font-size: 14px;}
.zfbconfirm p label{color: #ff8806;font-size:16px;}
.zfbimg{width: 158px;border: 1px solid #02abf0;text-align: center;padding-top: 30px;padding-bottom: 30px;margin-top: 10px;margin-bottom: 10px;}
.iptnews{width:160px;height:28px;line-height:28px;border:1px  solid #d2d7db;border-radius:5px;}
.date{width:130px;border:1px  solid #d2d7db;border-radius:5px;}