.btn-normal{
    width: 94px;
    height: 36px;
    display: inline-block;
    border-radius: 2px;
    cursor: pointer;
    text-align: center;
    line-height: 1;
    white-space: nowrap;
    box-sizing: border-box;
    outline: none !important;
}

.btn-blue-at{
    background: #2F549F;
    border: 1px solid #2F549F;
    color: #FFFFFF;
}

.btn-plain{
    background: #ffffff;
    border: 1px solid #2F549F;
    color: #2F549F;
}


		    /* 外边框的样式 */
			.tab{
				width: 150px;
				height: 200px;
				border: 1px solid red;
			}
			/* 上半部分的样式 */
			.tab-header{
				border-bottom: 1px solid red;
				user-select: none;
				cursor: pointer;
				display: flex;
			}
			/* 下半部分的样式 */
			.tab-content{
				height: 150px;
				display: flex;
				justify-content: center;
				align-items: center;
				font-size: 3em;
				}
			/* span的样式 */
			.tab-header-item{
				border-right: 1px solid red;
				background-color: aquamarine;
				padding: 3px 15px;
			}
			/* 取出最后一个子元素的右边框 */
			.tab-header-item:last-child{
				border-right: 0;
			}
			/* 划过span时的样式 */
			.tab-header-item:hover{
				opacity: 0.5;
			}
			/* 隐藏元素 */
			.hide{
				display: none;
			}
			/* 显示元素 */
			.show{
				display: block;
			}
			/* 点击时的样式 */
			.tab-active{
				color: wheat;
				background-color: red;
			}