.banner{position:relative;height:auto;display:flex;justify-content:center;align-items:center;color:#fff;padding:10px 0}.banner .banner-mask{position:absolute;background:rgba(0,0,0,0.15);left:0;top:0;width:100%;height:100%;z-index:1;pointer-events:none}.banner .single-picture{overflow:hidden;position:absolute;left:0;top:0;right:0;bottom:0;background-size:cover;background-position:center}.banner .swiper-pagination-bullet{width:6px;height:6px;margin:0 3px !important;border-radius:6px;background:#fff;opacity:0.3}.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{width:12px;border-radius:6px;opacity:1}.banner .default-wrap{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:rgba(218,218,218,0.2);display:flex;justify-content:center;align-items:center}.banner .default-wrap img{width:100px;height:87.5px;object-fit:contain;opacity:0.3}@media (max-width: 800px){.banner .default-wrap img{width:50px;height:44px}}

.md-banner.share-box{float:left;margin-top:10px;display:flex;flex-wrap:wrap}@media (max-width: 900px){.md-banner.share-box{margin-top:15px}}.md-banner.share-box .iconfont{margin:0 12px 10px 0;color:#fff;width:17px;height:17px;font-size:17px;margin:10px;font-size:20px}

.md-banner.layout1 .banner .default-bg{background:#191919}.md-banner.layout1 .banner .f-col{display:flex}.md-banner.layout1 .banner .f-col.left{justify-content:flex-start}.md-banner.layout1 .banner .f-col.center{justify-content:center}.md-banner.layout1 .banner .f-col.right{justify-content:flex-end}.md-banner.layout1 .banner .banner-content{z-index:calc(var(--level-sublow) + 1);display:flex;flex-direction:column}.md-banner.layout1 .banner .banner-content .site-title:not(:last-child){margin-bottom:25px}@media (max-width: 600px){.md-banner.layout1 .banner .banner-content .site-title:not(:last-child){margin-bottom:15px}}.md-banner.layout1 .banner .swiper-pagination-bullet{background-color:#ffffff;opacity:0.5}@media (max-width: 1080px){.md-banner.layout1 .banner .swiper-pagination-bullet{width:6px;height:6px}}@media (max-width: 600px){.md-banner.layout1 .banner .swiper-pagination-bullet{width:4px;height:4px}}.md-banner.layout1 .banner .swiper-pagination-bullet-active{opacity:1}.md-banner.layout1 .banner .single-picture{background-attachment:var(--background-attachment)}@media (max-width: 600px){.md-banner.layout1 .banner .single-picture{background-attachment:unset}}