.content-item {padding-top:60px;display:flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.content-item .item-content{flex:1;padding-right:90px;align-self: flex-start;}
.content-item .item-content .item-title {display:flex;align-items: center;}
.content-item .item-index {margin-right:23px;width: 50px;height:50px;border:1px dashed var(--v-orange);border-radius:50%;display:flex;justify-content: center;align-items:center; }
.content-item .index-box {width: 30px;height:30px;line-height: 30px;text-align:center;font-size:var(--fs-20);background:var(--v-orange);color:var(--v-white);font-style:italic;border-radius:50%;}
.content-item .item-content h3 {font-size:var(--fs-20);color:var(--v-black);padding-top: 12px;flex:1;font-weight: 500;}
.content-item .item-content p { padding-left:73px; font-size:var(--fs-18);color:#636363;margin:0px;}

.content-item .item-img{width: 360px;height:280px;background-position: center top;background-size: cover;  border-radius: 19px;overflow: hidden;position: relative;}
.content-item .item-img::after{content:'';position: absolute;width: 400px;height: 400px;border-radius:50%;background:rgba(0,0,0,.7);top:40%;left:44%;}
.content-item .item-img .count-box {position: absolute;right: 28px;bottom:25px;color:var(--v-white);text-align:right;font-size:var(--fs-18);line-height: 1.1;z-index: 5;}
.content-item .item-img .count-box strong {font-size:30px;font-weight:600;}
.content-item .item-img .count-box strong.min-size {font-size:var(--fs-20);}

@media (max-width:1400px) {
  
  .content-item .item-content h3{padding-top:0px;}
}
@media (max-width:980px) {
  .content-item .item-content .item-title{margin-bottom: 16px;}
  .content-item .item-content {padding-right: 20px;}
  .content-item .item-content p {padding-left:0px;}
}
@media (max-width:850px) {
  .content-item .item-content{flex:1 1 100%;}
  .content-item .item-img {margin-top:10px;}
}
@media (max-width:768px) {
  .content-item {padding-top:30px;}
  
  .content-item .item-content h3{margin-bottom: 0;}
}
@media (max-width:510px) {
  .content-item .item-content{padding-right: 0;}
  .content-item .item-content .item-title{margin-bottom: 16px;}
  .content-item .item-content h3 {font-size:20px;}
  .content-item .item-content p {font-size:16px;color:var(--v-black);}
  .content-item .item-index {margin-right:15px;width: 40px;height:40px;}
  .content-item .index-box {width: 25px;height:25px;line-height: 25px;}
}