.md28443.a-main{width: 100%;padding: 1rem 0 .35rem;background-color: #f5f7fa;}
.md28443.a-main img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md28443.a-main .layout{width: 16rem;max-width: 92%;margin: 0 auto;}
.md28443.a-main .my-id{position: absolute;top: -.9rem;}
.md28443.a-main .a-cont{width: 100%;padding-bottom: .4rem;position: relative;}
.md28443.a-main .a-titles{width: 100%;margin-bottom: .35rem;color: #222222;font-weight: bold;line-height: 1.3;}
.md28443.a-main .a-list{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.md28443.a-main .a-item{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;flex-direction: row-reverse;cursor: pointer;width: calc(50% - .15rem);padding: .3rem .3rem .3rem .7rem; margin-bottom: .3rem;background-color: #ffffff;border-radius: .24rem;}
.md28443.a-main .a-imgbox{width: 4.54rem;}
.md28443.a-main .a-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(340/454*100%);border-radius: .24rem;}
.md28443.a-main .a-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.md28443.a-main .a-text{width: calc(100% - 4.64rem);}
.md28443.a-main .a-name{width: 100%;margin-bottom: .18rem;color: #444444;line-height: 1.4;}
.md28443.a-main .a-intro{width: 100%;color: #222222;line-height: 1.3;word-break: break-all;}
.md28443.a-main .a-more{display: inline-block;margin-top: .55rem;color: #666666;}
.md28443.a-main .a-arrows{transition: all  .3s;display: inline-block;vertical-align: middle;margin-left: .1rem;padding: .08rem;border-radius: 50%;background-color: #eff1f6;}
.md28443.a-main .a-svg{transition: all  .3s;display: flex;align-items: center;justify-content: center;width: .4rem;height: .4rem;border-radius: 50%;background-color: #fff;}
.md28443.a-main .a-svg svg{transition: all  .3s;width: .5em;color: #222;}
.md28443.a-main .a-item:hover .a-img img{transform: scale(1.05);}
.md28443.a-main .a-item:hover .a-more{color: var(--theme);}
.md28443.a-main .a-item:hover .a-arrows{background-color: #c1cbe1;}
.md28443.a-main .a-item:hover .a-svg{background-color: var(--theme);}
.md28443.a-main .a-item:hover .a-svg svg{color: #fff;}
@media (max-width: 750px) {
  .md28443.a-main .a-item{padding: .3rem;}
  .md28443.a-main .a-imgbox{width: 100%;margin-bottom: .1rem;}
  .md28443.a-main .a-text{width: 100%;}
}