/*图片样式*/
li img,p img{
  vertical-align:middle;
}
img[alt='图模板'],img[alt='添加按钮']{
  height:25px;
}
img[alt='宫图demo']{
  display:block;
  margin:0 auto;
}
img[alt='圆角半径'],img[alt='渐变颜色']{
  width:320px;
}
img[alt='渐变色']{
  width:280px;
}
img[alt='默认主题'],img[alt='自定义色系组'],img[alt='新增数据'],img[alt='中心坐标'],img[alt='轴线颜色']{
  width:350px;
}
img[alt='左下坐标'],img[alt='右上坐标']{
  width:450px;
}
img[alt='快速绘制'],img[alt='图模板动图']{
  max-width:120% !important;
  margin-left:-10%;
}
/*代码块*/
div[class*="language-"]{
  max-height:500px;
  overflow:auto;
}

/*补充样式*/
hr{
  margin-top:20px !important;
}
a:hover{
  text-decoration:none !important;
}
.ts-tryit{
  color: #337AB7;
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  right: 40px;
  top: 40%;
  cursor: pointer;
} 
.ts-tryit:hover{
  font-weight:600;
}
.actchart{
  display:none;
}
/*
switch样式
*/
.ts-switch{
  position: absolute;
  top: 39%;
  transform: translate(-50%, -50%);
  appearance: none;
  outline: none;  
  cursor:pointer;
  padding: 0 !important;
  min-height: 0 !important;
}
.ts-switch::before {
  content: "";
  position: absolute;
  width: 35px;
  height: 17px;
  background: #fff;
  border-radius: 40px;
  border:1px solid #adb5bd;
}
.ts-switch::after {
  content: "";
  position: absolute;
  top: 3.5px;
  left: 2px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ADB5BD;
  transition: all 0.2s ease-in-out;
}
.ts-switch:checked::before {
  background: #007BFF;
}
.ts-switch:checked::after {
  left: 21px;
  background:#fff;
}
/*首页样式*/
.home .hero{
  margin-top:150px;
}