.main{
  margin-left: 120px;
  margin-right: 120px;
  background: #f3f3f3;
  padding-top: 13px;
}
.main .wrapper{
  display: flex;
  justify-content: space-between;
}
.main-left{
  width: 279px;
  margin-right: 10px;
}
.main-left h3{
  line-height: 60px;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  border-bottom: 1px solid #f3f3f3;
}
.main-left .left-top,
.main-left .left-middle,
.main-left .left-bottom{
  background: #fff;
  margin-bottom: 20px;
}
.main-left .left-top a{
  display: block;
  border-left: 3px solid #fff;
  border-bottom: 1px solid #f3f3f3;
  text-align: center;
  box-sizing: border-box;
  line-height: 50px;
  color: #333333;
}
.main-left .left-top .active{
  border-left-color: #0c87e9;
  color: #0c87e9;
}
.main-left .left-middle,
.main-left .left-bottom{
  font-size: 14px;
  padding: 5px 8px 20px;
}
.main-left .left-middle p{
  line-height: 30px;
  color: #666;

}
.main-left .left-bottom p{
  line-height: 30px;
  color: #666;
}
.main-right{
  width: 1050px;
}