body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:12px "宋体","Arial Narrow",HELVETICA;background:#fff;-webkit-text-size-adjust:100%}
a{color:#172c45;text-decoration:none}
a:hover{cursor: pointer;text-decoration:none;}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
button{outline: none;}



/* 导航条 */
html body{
    width: 100%;
    height: 100%;
    background: #fff;
}
html{
    font-size: 100px;
}
body{
    text-align: center;
    position: relative;
}
.headertitle {
    margin: 0 auto;
    height: .56rem;
    display: flex;
    align-items: center;
    justify-content: center;
    
}
.headertitle .bxx-logo {
    display: flex;

}
.headertitle .bxx-logo img {
    display: block;
    width: .5rem;
    height: .5rem;
}
.headertitle .bxx-logo .logo-text{
    font-size: .16rem;
    color: #444;
    font-weight: 400;
    margin-left: .1rem;
}

.headertitle .titlenav{
    display: inline-block;
    min-width: 9.48rem;
    height: .56rem;
    line-height: .56rem;
}
.headertitle .titlenav h1{
    float: left;
}
.headertitle .titlenav h1 a{
    overflow: hidden;
}
.titlenav .navtitle{
    float: right;
    height: .56rem;
}
.navtitle a{
    display: inline-block;
    width:.60rem;
    height:.56rem;
    line-height: .56rem;
    font-size:.16rem;
    font-family:MicrosoftYaHei;
    font-weight:400;
    color:rgba(68,68,68,1);
}
.navtitle a:hover{
    background: #F5F5F5;
}


/* 底部 */
footer{
    background: #707070;
}
.comment-content{
    width: 9.5rem;
    height: 3.89rem;
    background: yellow;
    margin: 0 auto;
}
.siteinfo{
    width: 9.5rem;
    height: 2.43rem;
    margin: 0 auto;
}
.siteinfo ul{
    float: left;
    margin-top:.54rem; 
    text-align: left;
}
.siteinfo ul li{
    width:1.57rem;
    height:.16rem;
    font-size:.14rem;
    font-family:MicrosoftYaHei;
    font-weight:400;
    color:#ccc;
    line-height:.3rem;
    margin-bottom:.17rem;
}
.contact-us{
    width: 1.6rem;
    margin-right:2.31rem;
   
}
.contact-us li:nth-child(1){
   margin-bottom: .22rem;
   font-size: .18rem;
   color: #fff;
}
.attention-us{
    width:1.07rem;
    margin-right:2rem;
    position: relative;
   
}
.attention-us li{
    position: relative;
}
.attention-us li:nth-child(3){
    margin-bottom: .22rem;
   font-size: .18rem;
   color: #fff;
}
.attention-us li img{
    margin-right: .1rem
}


.foot-erweima{
    width: .99rem;
}
.foot-erweima>li{
    width:.99rem!important;
}
.foot-erweima>li:nth-child(1){
    margin-bottom: .22rem;
    font-size: .18rem;
    color: #fff;
}
.foot-erweima>li:nth-child(2){
    width: .99rem;
    height: .99rem;
}
.foot-erweima>li:nth-child(2) img{
    display: block;
    width: 100%;
    height: 100%;
}

.foot-download{
    margin-top: .94rem!important;
    width: 1.02rem;
    margin-left: .15rem;
}
#foot-download li{
    
    width: 1rem;
    height: .34rem;
   
    line-height: .34rem;
    font-size:14px;
    background: #666666;;
    border-radius:4px;
    text-align: center;
    margin-bottom:.07rem; 
    
}
#foot-download li img{
    margin-right: .04rem;
    display: inline-block;
}
.sina{
    width: 2.25rem;
    height: 2.94rem;
    position: absolute;
    /* left: -1.07rem; */
    left: -2.35rem;
    bottom: 0;
    display: none;
    
}
.sina  img{
    display: block;
    width: 100%;
    height: 100%; 
}
.wechat {
    width: 2.34rem;
    height: 2.92rem;
    position: absolute;
    left: -.1rem;
    z-index: 10;
    display: none;
    bottom: .8rem;
}










.siteinfoLegal{
    width: 100%;
    height: .6rem;
    background: #424242;
    font-size:.14rem;
    font-family:MicrosoftYaHei;
    font-weight:400;
    line-height:30px;
    line-height: .6rem;
    color: #FFFFFF;
}

/* 模态层 */
.model{
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,1);
    opacity:0.4;
    position: absolute;
    top: 0;
    z-index: 2;
    display: none;
}



/* 音频 */
.player{
	display: flex;
	align-items: center;
	width: 98%;
	height: .95rem;
    border:1px solid rgba(218,218,218,1);
    margin-top: .2rem;
    position: relative;
}

  /*滑动时间的样式*/
  .slider-bar{
	height:4px;
	width: 97%;
	background-color: #D8D8D8;
	border-radius: 2px;
	position: relative;
}
.slider-progress{
	height: 100%;
	width: 0;
	background-color: #FF6B36;
	border-radius: 2px;
}
.slider-dot-control{
	position: absolute;
	left: 0px;
	top:0px;
	border-radius: 50%;
	border: .08rem solid #FF6B36;
	transform: translate(-20%,-40%)
	 
}
 /*播放时间的样式*/
 .played-progress,.all-progress{
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}
.content-box{
	width: 100%;
	display: flex;
	height: .60rem;
	color: #999999;
	margin-left: .2rem;
}
.center-box{
	position: relative;
	width: 84%;
	height: 100%;
	display: flex;
	align-items: center;
	margin: 0 .05rem;
}
.left-box{
	display: flex;
	align-items: center;
	width: .26rem;
	height: 100%;
	text-align: center;
    font-size: .1rem;
    margin-right: .05rem;
}
.right-box{
	display: flex;
	align-items: center;
	width: .26rem;
	height: 100%;
	text-align: center;
	font-size: .1rem;
	/* margin-left: .08rem; */
}

  /*播放控制按钮的样式*/
  .control-box{
	width: .4rem;
	height: .4rem;
	margin-left: .15rem;
}
.control-box div{	
	padding: 0;
	width: .4rem;
	height: .4rem;	
}
.control-box div img{
	width: 100%;
	height: 100%;
}


.godownload{
    display: none;
    width:532px;
    height:305px;
   background: #fff;
    margin: auto;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}
.godownload .close{
    float: right;
    width: .26rem;
    height: .26rem;
    margin:.05rem .05rem 0 0; 
}

.godownload p{
    font-size:18px;
    font-family:MicrosoftYaHei;
    font-weight:400;
    color:rgba(68,68,68,1);
    margin-top: .63rem;
    margin-bottom: .19rem;
}
.godownload img{
    width: 1.74rem;
    height: 1.74rem;
}