.support-tt{
  color: #111;
  text-align: center;
  font-weight: 300;
}
.plan-box li{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: 1px solid #dadada;
}
.plan-box li:nth-child(1){
  padding-top: 0;
}
.plan-box li:last-child{
  border-bottom: none;
}
.plan-box li .sx-img{
  width:47%;
  max-width: 740px;
  height: 21.7vw;
  min-height: 190px;
  max-height: 416px;
  overflow: hidden;
  position: relative;
}
.plan-box li .sx-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;
}
.plan-box li .sx-img:hover img{
  transform: scale(1.05);
}
.plan-box li .sx-con{
  width: 47%;
  color:#111;
  line-height: 1.8;
}
.comp-ms{
  color: #111;
  line-height: 1.8;
  width: 72%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.comp-sub-tt{
  color: #111;
  font-weight: 300;
  text-align: center;
}
.comp-intro{
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
}
.comp-level{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.comp-level li{
  width: calc((100% - 15px) / 4);
  margin-right: 5px;
  background: #fff;
  padding: 3.6vw 2vw;
}
.comp-level li:nth-child(4n){
  margin-right: 0;
}
.comp-level li .level-num{
  display: block;
  text-align: center;
  font-weight: 300;
  color: #111;
}
.comp-level li .comp-sub-tt{
  line-height:1.2;
}
.comp-level li .level-ms{
  text-align: center;
  color: #111;
  line-height: 1.8;
}
.comp-item{
  width: 100%;
  border-bottom: 1px solid #dadada;
}
.item-bottom{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.item-bottom .comp-item-img{
  width: 50%;
}
.item-bottom .comp-item-img img{
  width: auto;
  height: auto;
  max-width:100%;
  max-height: 100%;
}
.item-bottom .comp-item-info{
  width: 46%;
  border-top: 1px solid #dadada;
}
.item-bottom .comp-item-sub{
  color: #111;
}
.item-bottom .comp-item-ms{
  color: #111;
  line-height: 1.8;
}
.item-bottom .comp-item-info li{
  line-height: 2.2;
}
.item-bottom .comp-item-info li:last-child{
  margin-bottom: 0;
}
.item-bottom .comp-item-info li span{
  display: block;
  padding-left:10px;
  position: relative;
}
.item-bottom .comp-item-info li span:before{
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width:3px;
  height: 3px;
  border-radius: 50%;
  background: #111;
}
@media only screen and (min-width: 769px) {
  .plan-box li:nth-child(2n){
   flex-direction: row-reverse;
  }
}
@media only screen and (max-width: 768px) {
  .plan-box li .sx-img{
    width: 100%;
    max-width: 100%;
  }
  .plan-box li .sx-con{
    width: 100%;
    padding-bottom: 0;
  }
  .comp-ms{
      width: 100%;
  }
  .comp-level li{
      width: 100%;
      margin-right: 0;
      padding: 20px;
      margin-bottom: 5px;
  }
  .comp-level li:last-child{
      margin-bottom: 0;
  }
  .item-bottom .comp-item-img{
    width: 100%;
    margin-bottom: 6vw;
  }
  .item-bottom .comp-item-info{
      width: 100%;
  }
}