#a {
	display:none;
	/* 隐藏a
 */
}
#b {
	display:none;
	/* 隐藏b
 */
}
/* 显示a
 */
          @media only screen and (min-width:768px) {
	#a {
	display:block;
}
.tabcontent {
	display:none;
}
/* 链接样式 */
    .tab button {
	width:20%;
}
.tab {
	display:flex;
	align-items:center;
	justify-content:center;
	height:100px;
	/* 设置父元素的高度 */
}
.tablinks {
	background-color:#141414;
	color:white;
	display:inline-block;
	padding:10px;
	border:none;
	border-radius:5px 5px 0 0;
	cursor:pointer;
}
/* 当选项卡被激活时，更改其链接样式 */
          .active {
	background-color:#CE106B;
	color:white;
}
}/* 显示b
 */
          @media only screen and (max-width:767px) {
	#b {
	display:block;
}
.tab {
	flex-direction:column;
	height:auto;
	/* 取消固定高度 */
}
.tabcontent {
	display:none;
}
/* 链接样式 */
      .tab button {
	width:100%;
}
/* 调整选项卡链接样式 */
      .tablinks {
	width:100%;
	border-radius:0;
	/* 取消圆角 */
        margin-bottom:5px;
	/* 增加间距 */
        background-color:#141414;
	color:white;
	display:inline-block;
	padding:10px;
	border:none;
}
.active {
	background-color:#CE106B;
	color:white;
}