
#nav{
  background:rgba(16,22,30,.5);
  height: 48px;
  // position: fixed;
  top: 50px;
  width: 100%;
  z-index: 10;
  .icon-arrow{
		transition: .2s all ease-in;
		width: 12px;
		height: 12px;
		background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAb1BMVEUAAADMzMzNzc3MzMzMzMzMzMzMzMzMzMzNzc3Nzc3Nzc3MzMzZ2dnMzMzNzc3IyMjMzMzMzMzNzc3Ly8vMzMzNzc3MzMzNzc3Nzc3MzMzKysrOzs7MzMzMzMzMzMzMzMzMzMzMzMzLy8vMzMzMzMzDCjeDAAAAJHRSTlMA+kP18Nt35aRoUwwGiScc0sKxlIJvWk48NzUV5t/Ps5yNYl8rrKDyAAAAwklEQVQ4y92R2RKCMAxFU7qDguwI7ub/v1GamU5By/is54XkHtrOJPAb7L5Ixc7jlh40syAQxRD3CUfUcEVEnsR8z2ZlIJMbf6TOHzKAXMwF69995/ypoKdcybq1tzjDj0A8XMOeS9+iI/XtnlobvKJAhaCioPVtQ62BQHbxR8KF5WrEhaawcXVNpZxgxcgp3gPcqBD5x1yQqA19WGRyChdYiGCCv8d3X3pfQZxJkqYNxaG9oS5gk4SFDcVJpUzgD3kB1aoYrYug5P4AAAAASUVORK5CYII=');
	}
  ul {
    height: 48px;
    li {
      height: 100%;
      margin-right: 34px;
      a {
        height: 48px;
        line-height: 48px;
      }
      dl{
        display: none;
      }
      a:hover {
        background-color: #EB5359;
      }
      &:hover{
        dl{
          display: block;
        }
        a.nav_f_link{
          background-color: #EB5359;
        }
        .icon-arrow{
					transform: rotate(180deg);
				}
      }
    }
    .active {
      background-color: #EB5359;
    }
  }
  &.jewelry-nav{
    height: 68px;
    h1{
      text-indent: -999em;
      margin-top: 20px;
    }
    ul{
      height: 68px;
      line-height: 68px;
      li{
        a{
          height: 68px;
          line-height: 68px;
          position: relative;
          &:hover {
            background-color: transparent;
            color: #51D3F4;
            &::after{
              // background-color: #51D3F4;
            }
          }
          &::after{
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 4px;
          }
        }
        &.active{
          background-color: transparent;
          a{
            background-color: transparent;
            color: #51D3F4;
            &::after{
              background-color: #51D3F4;
            }
          }
        }
      }
    }
  }
}