.main-container{padding:20px 0}.main-container h1.title-container{font-size:30px;text-align:center}.main-container .desc-container{margin-top:30px;padding-bottom:20px;display:grid;grid-template-columns:repeat(3, 1fr);align-items:center;justify-items:center;color:#383838;font-size:16px;border-bottom:1px solid #e5e5e5}.main-container .desc-container>div{display:flex;align-items:center}.main-container .desc-container>div span{display:inline-block;padding:2px 6px;border-radius:4px;cursor:pointer}.main-container .desc-container>div span:nth-child(3) sup{color:rgba(0,0,0,0) !important}.main-container .desc-container>div span:hover{background-color:#f5f6f7}.main-container .desc-container>div span:hover,.main-container .desc-container>div span.active{font-weight:700;color:var(--color-primary)}.main-container .content-container{padding:20px 0;font-size:16px;word-break:break-all;word-wrap:break-word;line-height:1.5}.main-container .content-container video,.main-container .content-container img{width:100%;max-width:700px !important;vertical-align:middle;border-style:none;margin:auto}.main-container .recommend-container{margin-top:30px}.main-container .recommend-container .title-container{font-size:24px;color:var(--color-primary);font-weight:700;display:grid;align-items:center;grid-template-columns:12px 100px 1fr;line-height:1}.main-container .recommend-container .title-container::before{content:"";display:inline-block;width:6px;height:30px;border-radius:4px;background-color:var(--color-primary)}.main-container .recommend-container .title-container::after{content:"";display:block;height:2px;margin-left:10px;border-radius:4px;background-color:#ffdee2}.main-container .recommend-container .recommend-list{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px}.main-container .recommend-container .recommend-list .recommend-item{padding:10px;display:grid;grid-template-columns:280px 1fr;gap:12px;align-items:center;border-radius:10px;transition:background-color .3s}.main-container .recommend-container .recommend-list .recommend-item:hover{background-color:#f6f7f8}.main-container .recommend-container .recommend-list .recommend-item>img{width:100%;max-height:200px;border-radius:8px;-o-object-fit:cover;object-fit:cover}.main-container .recommend-container .recommend-list .recommend-item>div>p{font-size:20px;font-weight:700}.main-container .recommend-container .recommend-list .recommend-item>div>div{font-size:16px;margin-top:30px;display:flex;justify-content:space-between}.main-container .elevator-container{position:fixed;right:calc(50% - 100px - 640px);top:30%;padding:20px 10px;display:grid;grid-template-columns:repeat(1, 1fr);gap:20px;background-color:var(--color-primary);border-radius:8px}.main-container .elevator-container a{position:relative;display:flex;flex-direction:column;align-items:center;color:#fff;text-align:center;line-height:1.2}.main-container .elevator-container a .layui-icon-return{display:inline-block;width:26px;height:26px;font-size:26px;text-align:center;color:#fff;line-height:1;transform:rotatez(90deg)}.main-container .elevator-container a .layui-icon-login-wechat{display:inline-block;width:36px;height:36px;font-size:36px;text-align:center;color:#fff;line-height:1}.main-container .elevator-container a .app-icon{width:38px;height:38px}.main-container .elevator-container a span{display:block;margin-top:4px;font-size:12px}.main-container .elevator-container .text-container{text-align:center;font-size:12px;color:#fff}.main-container .elevator-container .share-container .layui-icon,.main-container .elevator-container .share-container>span{transition:opacity .3s}.main-container .elevator-container .share-container:hover .share-qrcode{display:block}.main-container .elevator-container .share-container:hover .layui-icon,.main-container .elevator-container .share-container:hover>span{opacity:.6}.main-container .elevator-container .share-container .share-qrcode{display:none;position:absolute;top:0;right:calc(100%   10px);padding:10px;border:1px solid #ccc;background-color:#fff}@media(max-width: 1500px){.main-container .elevator-container{display:none}}@media(max-width: 1200px){.main-container .recommend-container .recommend-list{grid-template-columns:repeat(1, 1fr)}}@media(max-width: 992px){.main-container .desc-container{grid-template-columns:repeat(1, 1fr)}}@media(max-width: 768px){.main-container .content-container img,.main-container .content-container video{width:100% !important;height:auto !important}.main-container .recommend-container .recommend-list .recommend-item{grid-template-columns:repeat(1, 1fr)}.main-container .recommend-container .recommend-list .recommend-item>img{max-height:none}}