*{ margin:0; padding:0;}
img{ border:0;}
li{ list-style:none;}
a{color:#8f8c94; text-decoration:none;}
a:hover{ color:#2C87E5; text-decoration:none;}

.fl{ float:left;}
.fr{ float:right;}
.clearFix:before, 
.clearFix:after{display:table; line-height:0;content:"";} 
.clearFix:after {clear:both;} 
.clearFix{*zoom:1;}

body{font-size:16px; line-height:22px;font-family:"Microsoft YaHei", Tahoma, 华文黑体, 宋体; background:#fff; }
html{ width:100%; overflow-x:hidden;}
.mainbox{ width:1000px; margin:0 auto;}
h1,h2,h3,h4,h5,h6,i,b,em{ font-weight:normal; font-style:normal;}
/*公共部分*/
.spylban {background:url("https://img.alicdn.com/imgextra/i2/736815830/TB2bKBrgY0kpuFjy0FjXXcBbVXa_!!736815830.jpg") no-repeat center;height: 286px;}
.spylban h3{color: #fff;font-size: 50px;padding-top: 50px;text-align: center; font-family:"Microsoft JhengHei";}
.spylban h3 span{color:#ffb801;}
.paly{ width:1100px; margin:-168px auto 15px; border:#ddd solid 1px;}
.sp-main{ height:485px;}
.spmain-lf{ width:800px;background:#999; height:485px;}
.spmain-rf{ width:282px; padding-left:18px; background:#333; height:485px;}
.spmain-rf h4{ font-size:16px; color:#bbb; width:262px; border-bottom:#404040 solid 1px; height:48px; line-height:48px;}
.spmain-rf h4 span{ border-bottom:#2FB3FF solid 1px; height:100%; display:block; width:70px;}
.spmain-rf .decri{ font-size:14px; color:#858585;}
.spmain-rf .decri li{ line-height:28px;}
.spmain-rf .decri li a.colo-blue{ color:#2FB3FF;}
.spmain-rf .decri i,.spmain-rf .decri a{ padding-left:10px; color:#bbb;}
.spmain-rf .decri li.start i{ margin-left:10px;background:url(../image/start-min.png) no-repeat; width:90px; height:15px; display:inline-block; }
.spmain-rf .decri li.start.start1 i{background-position:0 0px;}
.spmain-rf .decri li.start.start2 i{background-position:0 -15px;}
.spmain-rf .decri li.start.start3 i{background-position:0 -30px;}
.spmain-rf .decri li.start.start4 i{background-position:0 -45px;}
.spmain-rf .decri li.start.start5 i{background-position:0 -60px;}

.scrollbar ul{ padding-top:4px;}
.scrollbar li{ float:left; width:50px; height:37px; border-right:#333 solid 4px;border-bottom:#333 solid 4px; background:#222; font-size:24px; text-align:center; line-height:37px; color:#fff; cursor: pointer;}
.paly .plat-b{ height:50px; line-height:50px; font-size:14px; color:#999; padding:0 18px;}
.paly .plat-b p{ font-size:18px; color:#0DB0FF;}
.paly .plat-b p a{color:#0DB0FF; padding-right:20px;}

.scrollbar{height:162px;overflow-y: scroll;}
.force-overflow{min-height:200px;}
#style-4::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background:#282828;}
#style-4::-webkit-scrollbar{width:8px;background:#282828;}
#style-4::-webkit-scrollbar-thumb{background:#515151;}




.xineng{background:#fcfcfc; border: 1px solid #ebebeb; margin:0px auto 15px; padding: 16px; width:1068px;}
.xineng h1{border-bottom: 1px solid #ebebeb; color: #3e3e3e; font-size: 18px; padding-bottom: 20px; position: relative; text-align: center;}
.xineng h1 i{background: #fcfcfc; bottom: -10px; color: #999; display: block; font-size: 14px;padding: 0 10px; position: absolute; left:50%; margin-left:-94px;}
.xineng p{color: #999; font-size: 16px; padding-top: 14px;}
.ckao{}
.ckao h2{ font-size:16px; color:#000;} 
.ckao h2 i{ line-height:38px;}
.ckao h2 dl{background:#F5F5F5; width:949px;text-indent:16px; padding:10px 0;}

.weixinAudio{ width:1100px; margin:0px auto 15px;}
.db{display: block;}
.audio_area{display: inline-block;width: 100%;position: relative;}
.audio_wrp{border: 1px solid #ebebeb;background: #fcfcfc; padding:0 10px; height:45px; line-height:45px; }
.audio_play_area{float: left;width: 18px;height: 25px;}
.playing .audio_play_area .icon_audio_default{display: block;}
.audio_play_area .icon_audio_default{ background:url(../image/iconloop.png) no-repeat;width: 18px;height: 25px;vertical-align: middle;display: inline-block;-webkit-background-size: 54px 25px;background-size: 54px 25px;background-position: -36px center;}
.audio_play_area .icon_audio_playing{background:url(../image/iconloop.png) no-repeat;width: 18px;height: 25px;vertical-align: middle;display: inline-block;-webkit-background-size: 54px 25px;background-size: 54px 25px;-webkit-animation: audio_playing 1s infinite;background-position: 0px center;display: none;}
.audio_area .pic_audio_default{display: none;width: 18px;}

.audio_area .audio_length{float: right;font-size:14px; color:#8C8C8C;}
.audio_info_area{overflow: hidden;}
.audio_area .audio_title{font-size:16px; color:#3E3E3E;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal; text-indent:1.5rem;}
.audio_area .progress_bar{position: absolute;left: 0;bottom: 0;background-color: #0cbb08;height: 2px;}
.playing .audio_play_area .icon_audio_default{display: none;}
.playing .audio_play_area .icon_audio_playing{display: inline-block;}
.now{color:red}
  @-webkit-keyframes audio_playing {
	  30% {
		  background-position: 0px center;
	  }
	  31% {
		  background-position: -18px center;
	  }
	  61% {
		  background-position: -18px center;
	  }
	  61.5% {
		  background-position: -36px center;
	  }
	  100% {
		  background-position: -36px center;
	  }
  }


.morali{ display:block; width:444px; margin:0 auto 15px;}