/* DIY - 精简/详细模式css */

   .io-grey-mode .url-card .url-body .url-img,.io-black-mode .url-card .url-body .url-img {
width: 20px;
      height: 20px;
    }

 .reduced-mode .url-card .url-body .url-img {
    width: 40px;
    height: 40px;
}
.io-grey-mode .col-xxl-10aa .url-body .url-img,.io-black-mode .col-xxl-10aa .url-body .url-img {
width: 20px;
      height: 20px;
    }
   .reduced-mode .url-card .card-body{
        padding: .638rem;
    }
.io-grey-mode .url-card .mini a.togo,.io-black-mode .url-card .mini a.togo {
    top: 1.6px;
}
.reduced-mode  .url-card .mini a.togo{
    top: 13px;
}
.reduced-mode .url-card .default a.togo {
    top: 13px;
}
.url-card a.card.no-c.is-views.mb-4{
padding: 0 1.5rem 0rem 0rem;
}
    .sudadaohang.m-1 .s {
      border-radius: 4px;
      padding: 3px;
      line-height: 1;
      font-weight: bold; /* 字体加粗 */
    }
 
    .io-grey-mode  .col-xxl-5a,.io-black-mode  .col-xxl-5a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 10%;
        flex: 0 0 11%;
        max-width: 11%;
    }
    .reduced-mode .col-xxl-5a {
         -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6%;
        flex: 0 0 16.6%;
        max-width: 16.6%;
    }
    .io-grey-mode  .col-sm-6,.io-black-mode  .col-sm-6{
        -webkit-box-flex: 24.9;
        -ms-flex: 0 0 24.9%;
        flex: 0 0 24.9%;
        max-width: 24.9%;
    }
    .col-xxl-10aa {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666%;
    flex: 0 0 16.666%;
    max-width: 16.666%;
}
    @media screen and (max-width: 1300px) {
.io-grey-mode .col-xxl-5a,.io-black-mode .col-xxl-5a {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 10%;
    flex: 0 0 11.1%;
    max-width: 11.1%;
}
}
 @media screen and (max-width: 1068px) {
    .io-grey-mode .col-xxl-5a,.io-grey-black .col-xxl-5a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20.833333%;
        flex: 0 0 14.833333%;
        max-width: 14.833333%;
    }
 .col-xxl-10aa {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
         flex: 0 0 20%; 
        max-width: 20%;
    }
 .reduced-mode .col-xxl-5a {
         -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }
}
    @media screen and (max-width: 996px) {
         .io-grey-mode  .col-sm-6,.io-black-mode  .col-sm-6{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30.3333%;
        flex: 0 0 30.3333%;
        max-width: 30.3333%;
    }
    
    }
   @media screen and (max-width: 769px) {
    .io-grey-mode .col-xxl-5a,.io-black-mode .col-xxl-5a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 18.333333%;
        max-width: 18.333333%;
    }
.reduced-mode .col-xxl-5a {
         -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
}
@media screen and (max-width: 580px) {
      
      .io-grey-mode .col-xxl-5a,.col-xxl-10aa,.io-black-mode .col-xxl-5a,.col-xxl-10aa {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.reduced-mode .col-xxl-5a,.io-grey-mode .col-sm-6, .io-black-mode .col-sm-6 {
         -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}



.io-grey-mode .col-xxl-10aa p.overflowClip_1.text-muted.text-xs.duile,.io-black-mode .col-xxl-10aa p.overflowClip_1.text-muted.text-xs.duile {
    display: none;
}
.io-grey-mode .col-xxl-10aa .card-body,.io-black-mode .col-xxl-10aa .card-body {
padding: 0.4rem 1.5rem .4rem 0.8rem;
}
 @media screen and (max-width: 1068px) {
     .url-card .mini .card-body {
    padding: 0.4rem 1.3rem .4rem 0.2rem;
}
.io-grey-mode .col-xxl-10aa .card-body,.io-black-mode .col-xxl-10aa .card-body {
    padding: 0.4rem 1.5rem .4rem 0.2rem;
}
}