@charset "utf-8";
.danci_index{ margin-top:50px; padding:0px 20px;}


#shiti_yuanwen{ margin:0px 10px ; display:none;margin-top:50px; padding:0px 10px;}
#shiti_yuanwen p{ line-height:30px; margin:0px 5px;}
#shiti_daan{ margin-top:100px;}
.shiti{ margin-top:10px; padding:0px 10px; }
.shiti input{ width:50px; height:20px; text-indent:lem;}
.shititop{  width: 100%;   display: block;  z-index: 100; overflow: visible;  position: fixed; top:0px;  _position: absolute;  _top: expression(documentElement.scrollTop   "px");   height: 40px; line-height:40px;   background-color:#1C84C6; color:#FFFFFF;}
.shititop .shititopname{ width:70%; float:left}
.shititop #jishiqi_show{ width:20%;float:right; background-image:url(../img/clock.png); background-position:0px 8px; background-repeat:no-repeat; padding-left:30px;}
#daan_tjdaan a,#daan_tjdaan a:hover{ color:#FFFFFF; font-size:16px;}
#topNavWrapper {width: 100%; height: 110px; z-index:100;  /*  text-align: left;   background:#FF3333;  margin:0px; padding:0px;  z-index:100;  _position: relative ;  clear:both;  */}
#b_player {  width: 100%;   display: block;  z-index: 100;  overflow: visible;  position: fixed; bottom:0px; /* position fixed for IE6 */  _position: absolute;  _top: expression(documentElement.scrollTop   "px");   height: 110px;    color:#fff;  background-color:#444;  }
img{max-width:100%;} 

.daan a,.daan a:hover{ font-size:14px; }
.daan li{ line-height:30px;}
.nav_ting .nav_bg{ /*background-image:url(../com/img/navbg.png); display:block; width:30px; height:30px; background-repeat:no-repeat; */}
.nav_ting .nav_txt{}

.input{  width: 50px; height: 30px;   text-indent: 1em; font-size: 14px; color:#FFFFFF;/* filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0;*/ border:0px;background-color:#444;  }
 
.answer{ }
/* WebKit browsers */
/* input::-webkit-input-placeholder {  color: #fff;  font-size: 14px;} */
/* Mozilla Firefox 4 to 18 */
/*input:-moz-placeholder {    color: #fff;    opacity: 1;    font-size: 14px;} */
/* Mozilla Firefox 19+ */
/*input::-moz-placeholder {    color: #fff;    opacity: 1;    font-size: 14px;} */
/* Internet Explorer 10+ */
/*input:-ms-input-placeholder {    color: #fff;    font-size: 14px;} */

ul{  margin: 0;   padding: 0; }
 

.bgc{  background-color:#F2F2F2;}
#huangbiao{ width: 50px; height: 100px;z-index: 9999;overflow-y: auto;overflow-x: hidden; bottom:0px; position:absolute;   font-size:12px;
 background:#ccc; filter:alpha(Opacity=95);-moz-opacity:0.95;opacity: 0.95;  }
#huangbiao li{ height:20px; line-height:20px; font-size:14px;}
#huangbiao li:hover{  background:#F4F4F4;}
.triangle_border_down{
/*    border-width: 6px 6px 0;
    border-style: solid;
    border-color: #9E9E9E transparent transparent;
    position: absolute;
    display: inline-block;
    left: 38px;
    top: 18px;*/
}
.table001{}
.table001  td{border:1px solid #333333; padding:0px 5px;}
.table001 td .list{ line-height:25px; margin:0px; padding:0px; list-style-type:disc;}

.audio-wrapper {
/* background-color: #fcfcfc; border: 1px solid #e0e0e0;   */
    max-width: 630px;  width:82%;  height: 70px;  color:#fff;float:left; overflow:hidden; }
.audio-beisu{float:right; width:15%; margin-right:10px;}
.audio-beisu ul,.audio-beisu ul li{ margin:0px; padding:0px;}
.audio-beisu ul li{ line-height:18px; list-style:none;}
.audio-beisu ul li a{ font-size:12px;}
.audio-left {    float: left;    text-align: center;    width: 18%;    height: 100%;}

.audio-left img {    width: 40px;    position: relative;    top: 15px;    margin: 0;
    display: initial;   /* 解除与app的样式冲突 */
    cursor: pointer;}

.audio-right {    margin-right: 2%;    float: right;    width: 80%;    height: 100%;}

.audio-right p {    font-size: 15px;    height: 35%;    margin: 12px 0 2px 0;

    /* 歌曲名称只显示在一行，超出部分显示为省略号 */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 243px;   /* 要适配小屏幕手机，所以最大宽度先设小一点，后面js根据屏幕大小重新设置 */
}
.progress-bar-bg {   background-color: #d9d9d9;    position: relative;    height: 2px;    cursor: pointer;}
.progress-bar {    background-color: #649fec;    width: 0;    height: 2px;}
.progress-bar-bg span {    content: " ";    width: 10px;    height: 10px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #3e87e8;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5px;
    margin-left: -5px;
    cursor: pointer;}
.audio-time {  overflow: hidden;    margin-top: 1px;}
.audio-length-total {    float: right;    font-size: 12px;}
.audio-length-current {    float: left;    font-size: 12px;}