@charset "UTF-8";
	body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{padding:0;margin:0;}
	html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {-webkit-text-size-adjust:none;}/*for ios*/
	html,body{-webkit-touch-callout: none;min-width:100%;margin:0 auto;}
	html{min-height:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-text-size-adjust:100%;}
	table{border-collapse:collapse;border-spacing:0;}
	h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}
	ul,ol,li{list-style:none;}
	em,i{font-style:normal;}
	img{border:0;}
	body,div,span,input,select,textarea{outline:none;-webkit-tap-highlight-color:transparent;}
	input:focus,select:focus,textarea:focus{outline:none;-webkit-tap-highlight-color:transparent;}
	a{text-decoration:none;}
	body{font-size:100%;color:#333;background:#f4f4f4;position:relative;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:"FZLTXIHJW--GB1-0","hiragino sans gb","Helvetica Neue",Helvetica,STHeiTi,Arial;width:100%;}
	.clear_fix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
	.clear_fix{display: inline-table;}
	* html .clear_fix{height: 1%;}
	.clear_fix{display: block;}
	*+html .clear_fix{min-height: 1px;}
	
	/*wrap*/
	.wrap{position:relative;padding-bottom:3.666em;z-index:500;}

	/*wrap*/
	.wrap{position:relative;padding-bottom:3.666em;z-index:500;}
	.content{width:100%;height:100%;overflow:hidden;}
	.scrollBox{position:relative;}
	/*header*/
	.header{position:relative;z-index:100; padding:0.8333em;height:6.75em;overflow:hidden;}
	.header .pic{width:6.666em;display:block;position:relative;z-index:90;float:left;margin-right:0.8333em;}
	.header .pic img{ display:block;}
	#play_main{bottom:4.5%;right:4%;width:27.7777%;height:27.7777%;position:absolute;z-index:103;}
	#play_main span{display:block; width:100%; height:100%;}
	.header .play span{ background:url(../image/ico_play.png) no-repeat; background-size:contain;}
	.header .pause span{ background:url(../image/ico_pause.png) no-repeat; background-size:contain;}
	.header .bg_mask_blue_blur{position:absolute; z-index: 50; top:0;left:0%; width: 100%; height: 100%; background:rgba(0, 0, 0, 0.4);}
	.header .bg_mask{ display:block; position:absolute; z-index: 20; width: 120%; height: 120%; top:-10%; left:-10%; background-repeat:no-repeat; background-size:100% auto;}

	.header .list_cover{position:absolute; top:0; left:0; height: 100%; width: 100%; background-size:100% 100%;}
	.header .pic_cover{position:absolute;bottom:0;left:0;height:50%;width:100%;background-image: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.50));background-image: -ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.50));}
	.header .list_name{color:#fff;font-size:0.888em;max-height:2.625em;position:relative;z-index:90;padding-top:0.3em;line-height:1.3125em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
	.header  .creator_name{color:#fff;font-size:0.666em;margin-top:0.8em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;z-index:90;}

	.header .playcount_num{position:absolute;font-size:0.666em;left:0;bottom:0;padding:0.5em 0 0.3em 2.1em;background:url('../image/playcount.png') 0.6em 0.65em no-repeat;background-size:1em auto;color:#fff;display:none;}

	.header .play_all{width:6.5em;position:absolute;z-index:90;overflow:hidden;bottom:0.8333em;left:8.3333em;margin-bottom:4px;}
	.header .play_all img{width:100%;display:block;}

	/*mod_play_bar*/
	.mod_play_bar{ width: 100%; padding-right:1.3em;height:1.5em;position:absolute; z-index: 110; bottom:-0.75em;left:0; box-sizing:border-box;-webkit-box-sizing:border-box;}
	.mod_play_bar .bar{width: 100%;height:1.5em;position:relative; z-index: 20;}
	.mod_play_bar .bar:after { content:''; position:absolute; bottom:0.75em; left:0; padding-right:1.3em;width: 100%;  height: 3px; background:rgba(10, 20, 32, 1);  }
	.mod_play_bar .play_bar_play{position:absolute;bottom:0.75em;left:0;z-index:11;width:0%;height:3px;background:rgba(36,158,246,1);}
	.mod_play_bar .play_bar_play span{ position:absolute; bottom:-0.625em;right:-1.3em; width: 1.375em; height: 1.375em; display:block; background:url(../image/ico_point.png) no-repeat; background-size:contain;}
	.mod_play_bar .play_bar_load{position:absolute;bottom:0.75em;left:0;z-index:10;width:0%;height:3px;background:rgba(140,197,250,0.5);}

	/*mod_intro*/
	.mod_intro{color:rgba(51,51,51,0.6);position:relative;padding:0 0.8333em 1em;margin-top:0.6em;display: none;}
	.mod_intro:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
	.mod_intro p{font-size:0.6666em;max-height:2.5em; line-height:1.3em;overflow:hidden;position:relative;z-index:30; box-sizing:border-box;-webkit-box-sizing:border-box; }
	.mod_intro p span{display:block;}
	.mod_intro .show{max-height:inherit; }
	.mod_intro .show:after{display:none;}
	.mod_intro .btn_arrow{position:relative;width:0.6388em;height:0.2777em;margin:0.5em auto 0;display:none;}
	.mod_intro .btn_arrow i{width:100%;height:100%;display:block; background:url('../image/xx.png') no-repeat; background-size:contain;}
	.mod_intro .btn_arrow_up i{transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:rotate(180deg);-webkit-transform:rotate(180deg);}
	.mod_intro .nofind{width:100%;display:block;text-align:center;font-size:1.375em;}

	/*mod_list*/
	.mod_list{width:100%;margin:0 auto;padding-top:0.6em;background-color: #fff;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
	.mod_list h6{color:rgba(51,51,51,0.6);font-size:0.6666em;padding:0 1.25em 0.6em;border-bottom:1px solid #d6d6d6;line-height:1;}
	.mod_list ul{margin-left:3em;}
	.mod_list .play_all,.mod_list li{width:100%;display:block;height:2.8em;position:relative;border-bottom:1px solid #d6d6d6;background-color: #fff;}
	.mod_list li.cur 
	.mod_list li:last-child {border:0 none;}
	.mod_list .play_all span, .mod_list li span{width:100%;font-size:0.888em;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-top:0.625em;line-height:1.2}
	.mod_list li b{font-size:0.6111em;line-height:1;margin-top:0.3em;display:block;color:rgba(51,51,51,0.6);font-weight:normal;}
	.mod_list li.cur span,.mod_list li.cur b{color:#1e88d4;}
	.mod_list .play_all .btn_play, .mod_list li .btn_play{position:absolute;width:3em;height:2.75em;left:-3em; top:0;}
	.mod_list .play_all .btn_play i, .mod_list li .btn_play i{position:absolute; top:50%; left:50%;  width: 1.277em; height: 1.277em; margin-top:-0.6385em; margin-left:-0.6385em; display:block; background:url(../image/bf.png)center center no-repeat;background-size: contain;}
	.mod_list li.cur .btn_play i{background-image:url(../image/playing.png)}
	.mod_list .play_all .btn_play i{ background-image: url(../image/btn_splay3.png);}
	.mod_list .play_all .btn_pause i, .mod_list li .btn_pause i, .mod_list li.cur .btn_pause i{ background-image:url(../image/zt.png)}
	.loading .mod_list li.cur .btn_play i{background-image:url('../image/load.png');-webkit-animation:rotate 1s 0.1s linear both infinite;background-size:65% 65%;}

	@-webkit-keyframes rotate{
		0%{-webkit-transform-origin:center center;-webkit-transform:rotate(-360deg);}
		25%{-webkit-transform-origin:center center;-webkit-transform:rotate(-270deg);}
		50%{-webkit-transform-origin:center center;-webkit-transform:rotate(-180deg);}
		75%{-webkit-transform-origin:center center;-webkit-transform:rotate(-90deg);}
		100%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);}
	}

	.mod_list li.hover, .mod_list li .btn_play.hover, .mod_list li .btn_pause.hover { background:#1D99F3; }
	.mod_list li.hover span{ color:#FFFFFF;}
	.mod_list li.hover .btn_play i, .mod_list li .btn_play.hover i{  background-image:url(../image/btn_splay_hover.png);}
	.mod_list li.hover .btn_pause i, .mod_list li .btn_pause.hover i{ background-image:url(../image/btn_spause_hover.png);}
	.mod_list li.cur .btn_play i{display:block;}
	.mod_list li .btn_play em{font-style:normal;font-size:0.8888em;position:absolute;top:50%;left:0;width:100%;margin-top:-0.5em;line-height:1;text-align:center; display:none;}
	.mod_list li.cur .btn_play em{display:none;}


	/*mod_pic*/
	.mod_pic{height:3.666em;width:100%;z-index:1000; position:fixed; bottom:0; left:0; display:block; text-align:center;background:#fff;overflow:hidden;}
	.mod_pic a{color:#fff;vertical-align:middle;display:block;background:#058ff2;padding:0.5em 0;border-radius:4px;margin:0.55em 1em 0;}
	.mod_pic a img{display:inline-block;vertical-align:middle;width:1.5em;height:1.5em;margin-right:0.5em;}
	.mod_pic a i{vertical-align:middle;}

	/*mod_pop_info*/
	.mod_pop_info{position:absolute;top:5%;width:87.5%;left:50%;margin-left:-43.75%;padding:3.125em 0 1.875em 0;background:#EBEBEB;z-index:1001;border-radius:5px;-webkit-border-radius:5px;}
	.mod_pop_info .btn_close{position:absolute;right:0;top:0;padding-top:1em;width:4.125em;height:4.125em;z-index:102;}
	.mod_pop_info .btn_close span{display:block;width:2.3125em;height:2.3125em;background:url(../image/btn_close.png) no-repeat;background-size:contain;}
	.mod_pop_info .con{margin:0 auto;width:88%;}
	.mod_pop_info .hd{text-align:center;font-size:2em;color:#2E2E2E;}
	.mod_pop_info p{font-size:1.125em;line-height:1.3333em;;padding:1.1111em 0;color:#656565;}
	.mod_pop_info img{display:block;}
	

	/*mod_recommand*/
	.mod_recommand .tit{width:86%;padding:0 9% 0 5%; color:#888888; font-size:22px; font-size:1.375em; margin-bottom:1.125em;}
	.mod_recommand li{ width: 28.125%; float:left; margin-left:3.75%;}
	.mod_recommand .pic{ display:block; box-shadow:1px 3px 2px rgba(0,0,0,0.3);-moz-box-shadow:1px 3px 2px rgba(0,0,0,0.3);-webkit-box-shadow:1px 3px 2px rgba(0,0,0,0.3); position:relative; z-index: 100; margin-bottom:0.375em;}
	.mod_recommand .pic:before { content:''; position:absolute; z-index: 75; top:0; left:0; width: 100%; height: 100%; border:1px solid rgba(0,0,0,0.2); box-sizing:border-box;-webkit-box-sizing:border-box;}
	.mod_recommand .pic span{ text-indent:0.5em;color:#FFFFFF; position:absolute; display:block; width: 100%; height: 1.875em; line-height:1.875em; bottom:0; left:0; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url('../image/svg.svg');
		background: -moz-linear-gradient(left,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0.1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.1) 100%); /* IE10+ */
		background: linear-gradient(to right,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#1a000000',GradientType=1 ); /* IE6-8 */
	}
	.mod_recommand li img{display:block;}
	.mod_recommand h5 a{ font-size:18px; font-size:1.125em; line-height:1.375em;color:#333333;}


	.pop_mask{position:fixed;z-index:1001;top:0;left:0; width: 100%; height: 100%; background:rgba(0,0,0,0.6);display:none;}
	.pop_mask img{width:100%;margin-top:0.9em;display:block;}

	.pop_down{position:fixed;top:30%;left:9.75%;width:80.5%;background:#fff;border-radius:5px;}
	.pop_down p{padding:1.8em 1.5em 1.8em;color:#333333;line-height:1.5em;font-size:0.7777em;}
	.pop_down .btn{border-top:1px solid #d3d3d3;font-size:0.8888em;}
	.pop_down .btn span{float:left;width:49.5%;text-align:center;padding:1em 0;line-height:1;color:#848484;}
	.pop_down .btn b{float:left;width:49.5%;text-align:center;padding:1em 0;line-height:1;color:#259ef7;border-left:1px solid #d3d3d3;font-weight:normal;}


	.pop_qq_bg{position:fixed;z-index:1001;top:0;left:0; width: 100%; height: 100%; background:rgba(0,0,0,0.6);display:none;font-size:0.8em;}
	.pop_qq_down{position:fixed;top:7.7em;left:6.25%;width:87.5%;background:#fff;border-top:5px solid #249ef6;border-radius:5px;padding-top:1.75em;}
	.pop_qq_down p{padding:0 1.25em;color:#333333;font-size:1.4em;line-height:1.5em;}
	.pop_qq_down .btn{border-top:1px solid #cccccc;margin-top:1.75em;}
	.pop_qq_down .btn span{width:100%;text-align:center;font-size:1.4em;padding:1em 0;line-height:1em;color:#848484;display:block;}
	
	.mod_list_loading{padding:1em 0;text-align:center;font-size:0.6666em;color:rgba(51,51,51,0.3);}

	.dToast{border-radius:3px;white-space: nowrap;padding:0 15px;height:70%;background-color:rgba(0,0,0,0.7);position: absolute;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);left:50%;top:150%;color:#fff;font-size:16px;display: block;width: 100%;margin: 0 auto;padding-top: 8.6em;line-height:44px;text-align: center;z-index:500;}
	.dToast .pTxt{padding:0 15px;display: inline-block;position: relative;}



	@media screen and (min-width: 1440px) { body{font-size:18px;} }
	/*smaller than 1440*/
	@media screen and (max-width: 1440px) { body{font-size:18px;} }
	/*smaller than 1024*/
	@media screen and (max-width: 1024px) { body{font-size:18px;} }
	/*smaller than 980*/
	@media screen and (max-width: 980px) { body{font-size:18px;} }
	/*smaller than 720*/
	@media screen and (max-width: 720px) { body{font-size:18px;} }
	/*smaller than 600*/
	@media screen and (max-width: 700px) { body{font-size:18px;} }
	/*smaller than 680*/
	@media screen and (max-width: 680px) { body{font-size:18px;} }
	/*smaller than 660*/
	@media screen and (max-width: 660px) { body{font-size:18px;} }
	/*smaller than 640*/
	@media screen and (max-width: 640px) { body{font-size:18px;} }
	/*smaller than 600*/
	@media screen and (max-width: 600px) { body{font-size:18px;} }
	/*smaller than 580*/
	@media screen and (max-width: 580px) { body{font-size:18px;} }
	/*smaller than 560*/
	@media screen and (max-width: 560px) { body{font-size:18px;} }
	/*smaller than 540*/
	@media screen and (max-width: 540px) { body{font-size:18px;} }
	/*smaller than 520*/
	@media screen and (max-width: 520px) { body{font-size:18px;} }
	/*smaller than 500*/
	@media screen and (max-width: 500px) { body{font-size:18px;} }
	/*smaller than 480*/
	@media screen and (max-width: 480px) { body{font-size:18px;} }
	/*smaller than 460*/
	@media screen and (max-width: 460px) { body{font-size:18px;} }
	/*smaller than 440*/
	@media screen and (max-width: 440px) { body{font-size:18px;} }
	/*smaller than 420*/
	@media screen and (max-width: 420px) { body{font-size:18px;} }
	/*smaller than 400*/
	@media screen and (max-width: 400px) { body{font-size:18px;} }
	/*smaller than 380*/
	@media screen and (max-width: 380px) { body{font-size:18px;} }
	/*smaller than 360*/
	@media screen and (max-width: 360px) { body{font-size:18px;} }
	/*smaller than 340*/
	@media screen and (max-width: 340px) { body{font-size:18px;} }
	/*smaller than 320*/
	@media screen and (max-width: 320px) { body{font-size:18px;} }
	/*smaller than 240*/
	@media screen and (max-width: 240px) { body{font-size:18px;} }