.md37492.md-prod-3 { padding-top: .6rem; padding-bottom: 1.03rem; }

.md37492.md-prod-3 .layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.md37492.md-prod-3 .side { width: 2.3rem; min-width: 200px; margin-left: 1.8rem; margin-right: 1.8rem; position: -webkit-sticky; position: sticky; top: .7rem; max-height: calc(100vh - .7rem); overflow-y: auto; padding-bottom: .2rem; }

.md37492.md-prod-3 .side::-webkit-scrollbar { width: 4px; height: 4px; background-color: #eee; border-radius: 2px; }

.md37492.md-prod-3 .side::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 2px; }

.md37492.md-prod-3 .side:hover::-webkit-scrollbar-thumb { background-color: #aaa; }

.md37492.md-prod-3 .main { width: 7.47rem; }

.md37492.md-prod-3 .cate-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #e1e1e1; padding: .067rem 0; padding-left: .2rem; padding-right: .13rem; }

.md37492.md-prod-3 .cate-item span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md37492.md-prod-3 .cate-item:hover { color: var(--theme); }

.md37492.md-prod-3 .cate-item:hover .icon { color: var(--theme); }

.md37492.md-prod-3 .cate-item.on { background-color: var(--theme); color: #fff; }

.md37492.md-prod-3 .cate-item.on .icon { color: #fff; }

.md37492.md-prod-3 .cate .icon { -ms-flex-negative: 0; flex-shrink: 0; width: 0.1rem; height: 0.15rem; color: #dcdddd; }

.md37492.md-prod-3 .text .t1 { padding: 0 .08rem; line-height: 1.625; }

.md37492.md-prod-3 .text .t2 { margin-left: .1rem; }

.md37492.md-prod-3 .title { margin-top: .06rem; }

.md37492.md-prod-3 .text-2 .social-share { margin-left: .1rem; }

.md37492.md-prod-3 .text-2 .social-share-icon { width: .26rem; min-width: 26px; height: .26rem; min-height: 26px; border-radius: 0; border: .02rem solid #f0f0f0; line-height: .2rem; margin: 0; margin-right: .1rem; }

.md37492.md-prod-3 .text-2 .social-share-icon:last-of-type { margin-right: 0; }

.md37492.md-prod-3 .img-big { border-radius: .06rem; overflow: hidden; margin-top: .21rem; }

.md37492.md-prod-3 .img-big .media-ratio { padding-top: calc(347 / 747 * 100%); }

.md37492.md-prod-3 .img-thumb { position: relative; margin-top: .14rem; }

.md37492.md-prod-3 .img-thumb .item { position: relative; cursor: pointer; }

.md37492.md-prod-3 .img-thumb .item.on:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid var(--theme); border-radius: .06rem; }

.md37492.md-prod-3 .img-thumb .img { padding-top: calc(112 / 177 * 100%); border-radius: .06rem; overflow: hidden; }

.md37492.md-prod-3 .img-thumb .icon-play { width: .38rem; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; }

.md37492.md-prod-3 .img-thumb .btn { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #393939; cursor: pointer; }

.md37492.md-prod-3 .img-thumb .btn svg { width: .08rem; min-width: 8px; }

.md37492.md-prod-3 .img-thumb .btn.prev { left: -.2rem; }

.md37492.md-prod-3 .img-thumb .btn.next { right: -.2rem; }

.md37492.md-prod-3 .detail { margin-top: .5rem; padding-top: .31rem; border-top: .02rem solid #ccc8c8; }

.md37492.md-prod-3 .detail-content { margin-top: .3rem; }

.md37492.md-prod-3 .btn-top { border-radius: .4rem; border: solid 1px #1c1a1b; padding: .08rem .2rem; cursor: pointer; display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-left: auto; margin-right: auto; margin-top: 1.59rem; }

.md37492.md-prod-3 .btn-top:hover { background-color: #333; color: #fff; }

.md37492.md-prod-3 .btn-toggle { padding: .1rem 0; margin-bottom: .3rem; display: none; cursor: pointer; }

.md37492.md-prod-3 .btn-toggle .icon svg { width: 1.4em; height: 1.4em; }

@media (max-width: 900px) { .md37492.md-prod-3 { padding-top: 0; }
  .md37492.md-prod-3 .layout { display: block; width: 90%; margin: 0 auto; }
  .md37492.md-prod-3 .side { position: fixed; left: 0; top: 0; z-index: 20; width: 100%; height: 100%; max-height: 100%; background: rgba(0, 0, 0, 0.5); display: none; margin: 0; padding: 0; }
  .md37492.md-prod-3 .side.active { display: block; }
  .md37492.md-prod-3 .main { width: 100%; }
  .md37492.md-prod-3 .cate { width: 100%; max-width: 300px; height: 100%; overflow-y: auto; background: #fff; padding: .4rem; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; }
  .md37492.md-prod-3 .cate .icon { width: .2rem; height: .3rem; }
  .md37492.md-prod-3 .btn-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }