.md9215.md-side { position: fixed; right: 0.56rem; bottom: 10%; z-index: 5; }
.md9215.md-side .item { display: block; margin-bottom: .1rem; position: relative; }
.md9215.md-side .item:last-child { margin-bottom: 0; }
.md9215.md-side .item:hover .hd img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.md9215.md-side .item:hover .bd { display: block; }
.md9215.md-side .item.top .hd { background-color: #2f6eb6; }
.md9215.md-side .hd { width: .6rem; height: .6rem; background-color: #fff; border-radius: 50%; overflow: hidden; }
.md9215.md-side .hd img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.md9215.md-side .bd { position: absolute; right: 100%; top: 0; display: none; padding-right: 10px; }
.md9215.md-side .bd-cnt { width: 1.2rem; border-radius: .1rem; background-color: #fff; padding: .1rem; -webkit-box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1); box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1); }
.md9215.md-side .bd img { max-width: 100%; }
.md9215.md-side .bd .code { display: block; }
@media (max-width: 900px) { .md9215.md-side { right: 0; } }