.tab .tab__head {
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
  height: 40px;
  border-bottom: none;
  width: 100%;
  font-size: 16px;
}
.tab .tab__head li {
  float: left;
  margin: 0 3px 0 0;
  cursor: pointer;
  padding: 0px 20px;
  height: 40px;
  line-height: 38px;
  color: #fff;
  border-bottom: 0px;
  overflow: hidden;
  position: relative;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: #1C1C1C;
  background: -webkit-linear-gradient(#b4b4b4 0%, #000000 65%, #575757 100%);
  background: -o-linear-gradient(#b4b4b4 0%, #000000 65%, #575757 100%);
  background: linear-gradient(#b4b4b4 0%, #000000 65%, #575757 100%);
}
.tab .tab__head li:hover {
  color: #FADC3B;
}
.tab .tab__head li.active {
  /*border: 1px solid #dcdcdc;*/
  background: #DFDFDF;
  background: -webkit-linear-gradient(#ffffff 0%, #d3d3d3 100%);
  background: -o-linear-gradient(#ffffff 0%, #d3d3d3 100%);
  background: linear-gradient(#ffffff 0%, #d3d3d3 100%);
  color: #333;
  font-weight: bold;
  border-bottom: none;
  display: block;
}
.tab .tab__container {
  /*border: 1px solid #dcdcdc;*/
  clear: both;
  float: left;
  width: 100%;
  border-radius: 0 10px 0 0;
  background: -webkit-linear-gradient(#eee 0%, #fff 10%, #fff 90%, #eee 100%);
  background: -o-linear-gradient(#eee 0%, #fff 10%, #fff 90%, #eee 100%);
  background: linear-gradient(#eee 0%, #fff 10%, #fff 90%, #eee 100%);
  box-shadow: 0px 0px 6px #444;
}
.tab .tab__content {
  padding: 20px;
  display: none;
  position: relative;
}