.fit-gaea-page-header {
  background: whitesmoke;
  border-bottom: 1px solid #ddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 10px; }
  .fit-gaea-page-header .left, .fit-gaea-page-header .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .fit-gaea-page-header .menu-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 35px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 10px;
    color: #333;
    transition: color .3s; }
    .fit-gaea-page-header .menu-item.brand {
      font-size: 16px;
      font-weight: bold; }
    .fit-gaea-page-header .menu-item:hover {
      cursor: pointer;
      color: black; }

.fit-gaea-page-header .operate-disable {
  color: #ccc; }
  .fit-gaea-page-header .operate-disable:hover {
    color: #ccc; }

.fit-gaea-page-header .size-group {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 20px; }
  .fit-gaea-page-header .size-group .slider-container {
    position: absolute;
    display: none;
    z-index: 100;
    width: 100px;
    right: -40px;
    top: 35px;
    background: white;
    border: 1px solid #ddd;
    padding: 5px 10px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px; }
    .fit-gaea-page-header .size-group .slider-container .slider {
      width: 100%; }
  .fit-gaea-page-header .size-group .fa-mobile {
    font-size: 19px; }
  .fit-gaea-page-header .size-group .fa-desktop {
    font-size: 12px; }
  .fit-gaea-page-header .size-group:hover .slider-container {
    display: block; }

.fit-gaea-page-header .viewport-size-active {
  background: #ddd; }