/**
 * @Author: mark
 * @Date:   2017-08-17T10:36:18+08:00
 * @Email:  mark_z1988@icloud.com
 * @Filename: index.css
 * @Last modified by:   mark
 * @Last modified time: 2017-08-29T14:16:24+08:00
 * @License: MIT
 */



.container{
  width: 100%;
  height: 20px;
  display: flex;
  align-items: center;
  [data-role='icon'] {
    cursor: pointer;
    position: relative;
  }
  &:hover {
    [data-role='icon'] {
      visibility: visible!important;
    }
  }
}

.viewbox{
  width: calc(100% - 35px);
  height: 100%;
  overflow: hidden;
  position: relative;
}

.box_container{
  display: flex;
  flex-wrap: nowrap;
  position: absolute;
  height: 100%;
}

.box_item{
  white-space: nowrap;
  padding-left: 15px;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.box_text{
  padding-left: 5px;
}