#shade {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  transition: all 0.3s;
  display: none;
}

.shade-con {
  height: 923px;
  transition: all 0.3s;
  overflow: hidden;
}

.shadeT {
  transition: all 0.3s;
  height: 100%;
  z-index: 999999;
  position: relative;
}

.shadeT a {
  display: block;
  cursor: pointer;
  width: 500px;
  height: 52px;
  position: absolute;
}

.shadeT-1 {
  transition: all 0.3s;
  height: 100%;
  z-index: 999999;
  position: relative;
  background: url('/skin/default/images/myclass-shade/zhezhao1.jpg?1') no-repeat center;
}

.shadeT-2 {
  transition: all 0.3s;
  height: 100%;
  z-index: 999999;
  position: relative;
  background: url('/skin/default/images/myclass-shade/zhezhao2.jpg?2') no-repeat center;
}

.shadeT-3 {
  transition: all 0.3s;
  height: 100%;
  z-index: 999999;
  position: relative;
  background: url('/skin/default/images/myclass-shade/zhezhao3.jpg?3') no-repeat center;
}

.shadeT-4 {
  transition: all 0.3s;
  height: 100%;
  z-index: 999999;
  position: relative;
  background: url('/skin/default/images/myclass-shade/zhezhao4.jpg?4') no-repeat center;
}

.shade-along {
  display: inline-block;
  position: absolute;
  right: 0;
  z-index: 2;
  color: #666666;
  font-size: 14px;
  cursor: pointer;
}

.shade-along:hover {
  color: #f00;
  text-decoration: underline;
}

.shade-icon {
  color: red;
  margin: 0 5px 0 5px;
  transform: translateY(1px);
  font-size: 20px;
  cursor: pointer;
  position: relative;
  display: inline-block;
  background: none;
}

.shade-along:hover .shade-along-sp {
  display: block;
}

.shade-closed {
  width: 46px;
  height: 46px;
  background: url('/skin/default/images/myclass-shade/shade-closed.png') no-repeat center;
  position: absolute;
  right: 15px;
  top: 15px;
  display: inline-block;
  z-index: 9999999;
  cursor: pointer;
}

.shade-along-sp {
  position: absolute;
  top: -2px;
  right: 21px;
  background: red;
  padding: 5px 10px;
  color: #fff;
  border-radius: 8px;
  font-size: 14px;
  width: 175px;
  display: none;
}

.chat-right {
  position: fixed;
  right: 0;
  top: 150px;
  z-index: 999;
}