.header {
		z-index: 10000;
		@include positionFixed;
		width: 100%;

		&-hid {
			@include positionFixed;
			height: 45px;
			padding: 0 15px;
			@include flexRowSpaceBetween;
			&-allist {
				width: 32px;
				height: 32px;
				background-color: rgba($color: #000000, $alpha: 0.2);
				border-radius: 50%;
				align-items: center;
				justify-content: center;
				padding-right: 2px;
			}

			&-right {
				width: 65px;
				height: 45px;
				@include flexRowSpaceBetween;
				&-left {
					height: 16px;
					width: 16px;
				}

				&-right {
					height: 4px;
					width: 15px;
				}
			}
		}

		&-show {
			@include positionFixed;
			height: 45px;
			padding: 0 15px;
			@include flexRowSpaceBetween;
			background-color: #F2F2F2;
			&-left {
				width: 32px;
				height: 32px;
				border-radius: 50%;
				@include flexRowCenterCenter;
				&-image {
					width: 10px;
					height: 18px;
				}
			}
			
			&-center {
			  width: 300rpx;
			  height: 30px;
			  @include flexRowSpaceBetween;
			  &-text {
			    font-size: 16px;
			  }
			  &-active {
			    color: $gl-themeColor;
			  }
			}
			
			&-right {
				width: 65px;
				height: 45px;
				@include flexRowSpaceBetween;
				&-left {
					height: 16px;
					width: 16px;
				}
			
				&-right {
					height: 4px;
					width: 15px;
				}
			
				&-text {
					height: 32px;
					width: 32px;
					align-items: center;
					justify-content: center;
					border-radius: 50%;
				}
			}
		}
	}