.indexFixout{ width: 80px; position: fixed; z-index: 99998; top: 100px; left:-80px;}

.fixOpen {border-radius: 10px;overflow: hidden; position: absolute; top: 50%; right: -26px;
     margin-top: -60px; width: 36px; height: 120px; background: url(http://www.ujiuye.com/statics/images/fixBtnClose.png) center center no-repeat;
      _background: url(http://www.ujiuye.com/statics/images/fixBtnClose.gif) center center no-repeat; cursor: pointer;  display: none; }

.fixClose {border-radius: 10px;overflow: hidden; position: absolute; top: 50%;
     right: -26px; margin-top: -60px; width: 36px; height: 120px; cursor: pointer; background: url(http://www.ujiuye.com/statics/images/fixBtnOpen.png) center center no-repeat;
      _background: url(http://www.ujiuye.com/statics/images/fixBtnOpen.gif) center center no-repeat;}

.indexFix { float: right; top: 0; left: 20px; background: #fff; width: 80px;}
.indexFixin>div{
    position: relative;
}
.flex{
    width: 75px;
    height: 396px;
    border-top: 1px solid #e0e0e0;
}
.flex li{
    width: 73px;
    height: 78px;
    border-top: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    background: #ffffff;
  cursor: pointer;
  vertical-align: bottom;
}
.flex li em{
/* display: block !important; */
display: block ;
}
.flex li i{
    display: block;
    font:12px/14px "Microsoft YaHei";
    color: #333333;
    text-align: center;
    margin-top: 12px
}

.flex .l1 em{
  
    background: url(http://www.ujiuye.com/statics/images/images/flex.png) no-repeat 1px 0;
    width: 28px;
    height: 28px;
    margin: 12px  auto 0 auto;
}
.flex .l2 em{
  
    background: url(http://www.ujiuye.com/statics/images/images/flex.png) no-repeat -30px 0;
    width: 28px;
    height: 28px;
    margin: 12px  auto 0 auto;
}
.flex .l3 em{
  
    background: url(http://www.ujiuye.com/statics/images/images/flex.png) no-repeat -63px 0;
    width: 28px;
    height: 28px;
    margin: 12px  auto 0 auto;
}
.flex .l4 em{
  
    background: url(http://www.ujiuye.com/statics/images/images/flex.png) no-repeat -94px 0;
    width: 28px;
    height: 28px;
    margin: 12px  auto 0 auto;
}
.flex .l5 em{
  
    background: url(http://www.ujiuye.com/statics/images/images/flex.png) no-repeat -127px 0;
    width: 28px;
    height: 28px;
    margin: 12px  auto 0 auto;
}
.flex .l1 b{
  
    background: url(http://www.ujiuye.com/statics/images/images/flex.png) no-repeat 1px -38px;
    width: 28px;
    height: 28px;
    margin: 12px  auto 0 auto;
}
.flex .l2 b{
  
    background: url(http://www.ujiuye.com/statics/images/images/flex.png) no-repeat -30px -38px;
    width: 28px;
    height: 28px;
    margin: 12px  auto 0 auto;
}
.flex .l3 b{
  
    background: url(http://www.ujiuye.com/statics/images/images/flex.png) no-repeat -63px -38px;
    width: 28px;
    height: 28px;
    margin: 12px  auto 0 auto;
}
.flex .l4 b{
  
    background: url(http://www.ujiuye.com/statics/images/images/flex.png) no-repeat -94px -38px;
    width: 28px;
    height: 28px;
    margin: 12px  auto 0 auto;
}
.flex .l5 b{
  
    background: url(http://www.ujiuye.com/statics/images/images/flex.png) no-repeat -127px -38px;
    width: 28px;
    height: 28px;
    margin: 12px  auto 0 auto;
}

.flex .l5 {
    border-bottom: 1px solid #e0e0e0;
}
.flex .on{
    border:none;
    width: 73px;
    height: 78px;
    padding: 1px;
    background: #f67524;
}
.flex .on em{
    /* display: none !important; */
    display: none ;
}
.flex .on i{
  color: #ffffff;
}
.flex .on b{
    /* display: block !important; */
    display: block ;
}