#area{
 position:fixed;
 width:160px;
/* left:-160px;*/
 top:35%;}
#small_menu ul {
 list-style: none;
}
#area #on{
 position: absolute;
 top: 30%;
 left: 100%;
 width: 50px;
 height: 120px;
 cursor: pointer;
/* border-radius: 15px;*/
 background-color: rgb(70, 149, 221);
 border-bottom: rgb(40,92,140) 4px solid; 
 }
#area #on p{
 font-size:18px;
 text-align:center;
 margin-top:12px;
 color:#fff;
 }
#area #small_menu {
 width:100%;
 } 
#area #small_menu ul li {
 width:100%;
 height: 44px;
 text-align:left;
 background-color: rgba(2, 27, 38, 0.62);
 border-top: 1px solid #043B46;
 line-height: 44px;
}
#area #small_menu ul li a{
 text-decoration: none; 
 margin-left:30px;
 color: #bfbfbf;
 font-size:16px;
 font-family: 'Microsoft Yahei';
 }
#area #small_menu li.active {
 width: 156px; 
 background-color: rgba(2, 27, 38, 0.87);
 border-left: 4px solid #4695dd;
 border-top: 0px;
}
#area #small_menu li.active a{
 color: #4695dd;
 }
 
#area #small_menu ul li:hover {
 width: 156px;
 background-color: rgba(2, 27, 38, 0.87);
 border-left: 4px solid #4695dd;
 
}
#area #small_menu ul li:hover a{
 color: #4695dd; 
 }