html {
	  height: 100%;
	  font-size: 12px;
	  background-color: #efefef;
	}

	* {
	  margin: 0;
	  box-sizing: border-box;
	}

	li {
	  list-style: none;
	}

	body {
	  line-height: 1.6;
	}

	.container {
	  width: 600px;
	  height: auto;
	  margin: 30px auto;
	  border: 1px solid #dee3eb;
	}

	ul.tabs {
	  margin: 0px;
	  padding: 0px;
	  list-style: none;
	}

	ul.tabs li {
	  width: 25%;
	  height: 40px;
	  background: none;
	  color: #222;
	  float: left;
	  display: inline-block;
	  cursor: pointer;
	  margin: 0;
	  text-align: center;
	  line-height: 40px;
	  border-bottom: 1px solid #dee3eb;
	  border-right: 1px solid #dee3eb;
	}

	ul.tabs li span {
	  display: none;
	}

	ul.tabs li:nth-child(4) {
	  border-right: none;
	}

	ul.tabs li.current {
	  background: #fff;
	  color: red;
	  border-bottom: none;
	}

	.tab-content {
	  display: none;
	  background: #fff;
	  padding: 0 15px;
	}

	.tab-content.current {
	  display: inherit;
	}

	@media only screen and (max-width: 1219px) {
	  .container {
	    width: 90%;
	    height: auto;
	    margin: 30px auto;
	    border: 1px solid #dee3eb;
	    overflow: hidden;
	  }

	  ul.tabs li {
	    height: 60px;
	    line-height: 10px;
	    padding-top: 12px;
	  }

	  ul.tabs li span {
	    display: block;
	  }
	}