.sideBar {  
position: fixed;
    right: -202px;
    top:35%;
    background-color: #ffffff;
    border: #eea236 solid 1px;
    transition: right 0.5s;
    border: solid 1px #eea236;
    margin-top: 50px;

}
.sideBar:hover {
  right:0;
}
.sideBar>div {
  position:relative;
   
}
.sideBar .tips {
  position: absolute;
    height: 120px;
    line-height: 25px;
    background-color: #eea236;
    width: 40px;
    right: 200px;
    top: 80px;
    text-align: center;
    box-sizing: border-box;
    padding: 10px 10px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    color: #ffffff;
}
.sideBar .list {
  
  list-style:none;
  width:200px; 
}
.sideBar .list>li {
  padding:10px;
  font-size: 14px;
  border-top:#eea236 dashed 1px;
}
.sideBar .list>li:hover {
  background-color:#f0ad4e;
  color:#ffffff;
}
.sideBar .list>li:first-child {
  border-top:none;
}
 




.float_tips_area {
  position:absolute;
  background-color: #ffffff;
  border-radius: 5px;
  display:none;

  z-index: 1000;
}
.mgf_tips_icons{
  display:inline-block;
  padding-left: 5px;
}
.mgf_tips_icons:hover .float_tips_area{
   display:block;
   border: 1px solid #dedede;
}
.float_tips_ok{
  color:#333;
  font-size: 14px;
}