.wsm.article{
  display: flex;
  flex-wrap: wrap;
}
.wsm.article iframe{
  width: 100%;
  height:500px;
}
.wsm_main{
  width: 55%;
}
.wsm_main a{
  display: block;
  margin-bottom: 15px;
}
.wsm_main i,
.wsm_aside i{
  margin-right: 10px;
}
.wsm_aside{
  width:45%;
  box-shadow: -5px -5px 5px rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
.wsm_aside .aside_header .flex{
  display: flex;
  justify-content: space-around;
  align-items: center;
  background-color: #ececec;
}
.wsm_aside .aside_header .flex .items:first-child{
  font-weight: 500;
}
.aside_navigation ul{
  display: flex;
  list-style-type: none!important;
  margin:0!important;
}
.wsm_aside .aside_navigation ul li{
  width: calc(100% / 3);
  border: 1px solid #ececec;
  transition: all .3s ease-in-out;
}
.wsm_aside .aside_navigation ul li.active,
.wsm_aside .aside_navigation ul li:hover{
  background-color: #cecece;
  border: 1px solid #cecece;
  transition: all .3s ease-in-out;
}
.wsm_aside .aside_navigation ul li a{
  display: block;
  text-decoration: none;
  text-align: center;
  padding: 25px 0;
  cursor: pointer;
}
.wsm_aside .aside_body{
  padding: 20px 30px;
}
.wsm_aside .aside_body #pan_keywords div ul{
  column-count: 3;
  list-style-type: none;
  margin-left: 0;
}
.wsm_aside .aside_body #pan_keywords div.top-term,
.wsm_aside .aside_body #pan_keywords div.second-term,
.wsm_aside .aside_body #pan_keywords div.third-term{
  margin-bottom: 40px;
}
.aside_body .panel{
  display: none;
}
.aside_body .panel.active{
  display: block;
}
/* - - Circle - - - */
.wsm .circle-wrap{
  width: 80px;
  height: 80px;
  background: #e6e2e7;
  border-radius: 50%;
  margin: 0 auto;
}
.wsm .circle-wrap .circle .mask,
.wsm .circle-wrap .circle .fill {
  width: 80px;
  height: 80px;
  position: absolute;
  border-radius: 50%;
}
.wsm .circle-wrap .circle .mask {
  clip: rect(0px, 80px, 80px, 40px);
}
.wsm .circle-wrap .circle .mask .fill {
  clip: rect(0px, 40px, 80px, 0px);
  background-color: #fabd05;
}
.wsm .circle-wrap .inside-circle {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #fff;
  line-height: 60px;
  text-align: center;
  margin-top: 10px;
  margin-left: 10px;
  position: absolute;
  z-index: 100;
  font-weight: 500;
  font-size: 16px;
	color:#000;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}
/* - - - End Circle - - - */