/* 播放音频 */
#myidaudio {
    margin: 0;
    padding: 0;
    height: 0%;
   display: none;
   

}


#bigcontainer {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 40px;
    position: relative;
    box-sizing: border-box;
    float: left;
    z-index: 14;
    }


    /* #bigcontainer::after{
        content: "";
        display: block;
        clear: both;

    } */
#divprogess{

    width: 100%;
    height: 10px;
    box-sizing: border-box;
    z-index: 15;
   
   
}
/* #divprogess::after{
    content: "";
    display: block;
    clear: both;
} */

#progress{
    position: absolute;
    top:0px;
    width: 100%;
    height: 10px;

}




#innercontainer {
    width: 30%;
    height: 30px;
    position: relative;
    float: right;
    box-sizing: border-box;
    
    }



#controls {
    width: 100%;
    height: 30px;;
    outline: none;
    box-sizing: border-box;
    
    
}

#controls_select {
    width: 100%;
    height: 100%;
    text-align: center;
    outline: none;
    background-image: linear-gradient(to bottom, rgba(199, 199, 206, 0), rgb(164, 164, 180));
  
}




#smallcontainer {

    width: 70%;
    height: 30px;
    position: relative;
    float: left;
    box-sizing: border-box;
    outline: none;
    }


    #myidaudioform {
        width: 100%;
        height: 30px;
        outline: none;
        float: left;
        box-sizing: border-box;
       
       
    }
    
    #myselect {
        width: 100%;
        height: 100%;
        outline: none;
        text-align: center;
        background-image: linear-gradient(to bottom, rgba(204, 204, 211, 0), rgb(167, 167, 187));
    }
    
  
/* 文摘部分 */

h1 {
    
    position: relative;
    clear: both;
    width: 80%;
    height: 35px;
    margin: 0px auto;
    line-height: 35px;
    font-size: 18px;
    letter-spacing: 15px;
    text-align: center; 
    color: rgb(65, 63, 63);
    text-shadow: 2px 2px 2px rgb(197, 197, 197);
    border-radius: 35px;
    box-shadow: 2px 2px 5px rgb(97, 97, 96);
    background-image: linear-gradient(to bottom, rgba(203, 203, 206, 0), rgb(156, 156, 158));
 }
.container {
  
    width: 100%;
    height: auto;
    /* background-image: linear-gradient(to bottom, rgb(4, 4, 150), rgb(6, 19, 207)); */

}
details {
  
    width: 100%;
    height: auto;
    /* background-image: linear-gradient(to bottom, rgb(4, 4, 150), rgb(6, 19, 207)); */
  
  
}
summary {
    width: 70%;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    color: rgb(51, 49, 49);
    text-shadow: 2px 2px 2px rgb(230, 224, 224);
    border-radius: 30px;
    box-shadow: 2px 2px 10px rgb(117, 115, 115);
    margin: 20px auto;
    overflow: hidden;
    background-image: linear-gradient(to bottom, rgba(198, 198, 206, 0), rgb(151, 151, 161));
}
.content {
    background-image: linear-gradient(to bottom, rgba(207, 207, 216, 0), rgb(193, 193, 201));
    width: 100%x;
    height: auto; 
    /* background-image: linear-gradient(to bottom, rgb(4, 4, 150), rgb(6, 19, 207)); */
}

p {
  margin-left: auto;
  margin-right: auto;
    margin: 0px 10px;
    text-indent: 40px;
    line-height: 35px;
    font-size: 18px;
    font-weight: 500;
    word-spacing: 1px;
    letter-spacing: 2px;
    text-align: left;
    color: rgb(8, 8, 8);
    text-shadow: 2px 2px 2px rgb(163, 161, 161);

    
}
.return {
    position: relative;
   
    margin: 20px auto;
    height: 30px;
    width: 60px;
    line-height: 30px;
    font-size: 18px;
    text-align: center;
  
    color: rgb(245, 244, 239);
    text-shadow: 2px 2px 2px rgb(17, 14, 14);
    border-radius: 40px;
    box-shadow: 2px 2px 2px rgb(105, 105, 101);
 
   
}
a .return {
    background-image: linear-gradient(to bottom, rgb(1, 2, 20), rgb(0, 17, 255));
    display: block;
    height: 30px;
    width: 60px;
    line-height: 30px;
    text-align: center;
}
.return:hover  {
position: relative;
color: rgb(248, 232, 7);
transform: rotate(90deg);
}