.jf-floatframe-wrap{
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 .5333rem;
  border-radius: .2667rem;
  padding-bottom: .5333rem;
 //  margin-bottom: .5333rem;
}
.jf-floatframe-header{
 font-family: PingFangSC-Regular;
 height: 1.0667rem;
 line-height: 1.0667rem;
 @include font-dpr(28);
 color: #333333;
 background: #fff;
 border-top-left-radius: .2667rem;
 border-top-right-radius: .2667rem;
 text-align: center;
 i {
   color: #999;
   display: block;
   width: 1.0667rem;
   height: 1.0667rem;
   position: absolute;
   right: 0;
   top: 0;
   @include font-dpr(44);
 }
}
.jf-floatframe-content{
 font-family: PingFangSC-Regular;
 text-align: left;
 max-height: 9.7067rem;
 overflow-y: scroll;
 -webkit-overflow-scrolling: touch;
 background: #fff;
 border-bottom-left-radius: .2667rem;
 border-bottom-right-radius: .2667rem;
 ul {
   li {
     height: 1.4933rem;
     line-height: 1.4933rem;
     margin: 0 .5333rem;
     border-bottom: 1px solid#EBEBEB;
     @include font-dpr(26);
     color: #333;
     i {
       @include font-dpr(44);
       color: #999;
       &.icon-public_selected_h, &.icon-public_selected_icon {
         color: #FE664F;
       }
     }
   }
 }
}
.jf-floatframe-footer{
 height: 1.3067rem;
 line-height: 1.3067rem;
 background: #FE664F;
 margin-top: .5333rem;
 border-radius: .2rem;
}