.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.layout5 .banner-content{display:flex;justify-content:space-between;flex-direction:row;position:relative}.md-banner.layout5 .banner-content .image-wrap{width:530px;height:700px;border-top-left-radius:50% 38%;border-top-right-radius:50% 38%;overflow:hidden;position:relative;z-index:1;cursor:pointer}.md-banner.layout5 .banner-content .image-wrap .single-picture{transition:all 1s linear}.md-banner.layout5 .banner-content .image-wrap:hover .single-picture{transform:scale(1.1)}.md-banner.layout5 .banner-content .text-wrap{flex:1;height:520px;padding:40px 80px;position:relative;right:0;top:120px;z-index:0}.md-banner.layout5 .banner-content .text-wrap .text-inner{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;text-align:center}.md-banner.layout5 .banner-content .text-wrap:before{content:'';position:absolute;right:calc(100% - 2px);top:0;bottom:0;width:110px;height:100%;background-color:inherit}.md-banner.layout5 .banner-content .text-wrap .site-title{width:100%;text-align:center}.md-banner.layout5 .banner-content .text-wrap .site-p{width:100%;line-height:1.5;max-height:330px;overflow-y:auto;padding-right:10px}.md-banner.layout5 .banner-content .text-wrap .site-p::-webkit-scrollbar{width:5px}.md-banner.layout5 .banner-content .text-wrap .site-p::-webkit-scrollbar-track{background:transparent;border-radius:5px}.md-banner.layout5 .banner-content .text-wrap .site-p::-webkit-scrollbar-thumb{border-radius:5px;position:relative;display:block;width:0;height:0;cursor:pointer;background-color:rgba(218,218,218,0.5);-webkit-transition:0.3s background-color;transition:0.3s background-color}.md-banner.layout5 .banner-content.revert{flex-direction:row-reverse}.md-banner.layout5 .banner-content.revert .text-wrap:before{left:calc(100% - 2px)}@media (max-width: 1440px){.md-banner.layout5 .banner-content .image-wrap{width:calc((530 / 1400) * 100%);height:auto;aspect-ratio:53 / 70}.md-banner.layout5 .banner-content .text-wrap{height:auto;margin-bottom:140px;padding:30px 60px;top:80px}.md-banner.layout5 .banner-content .text-wrap .text-inner{gap:20px}}.md-banner.layout5 .banner{width:100%;aspect-ratio:53 / 70;position:relative}.md-banner.layout5 .banner.defalt-wrap{background:#dadada}.md-banner.layout5 .banner.defalt-wrap img{width:64px;height:56px;opacity:0.3}@media (max-width: 800px){.md-banner.layout5 .banner-content{flex-direction:column;gap:0}.md-banner.layout5 .banner-content .image-wrap{width:100%;height:auto;aspect-ratio:345 / 456}.md-banner.layout5 .banner-content .text-wrap{width:100%;height:auto;padding:20px 15px;position:static;text-align:left;margin-bottom:0;margin-top:-3px}.md-banner.layout5 .banner-content .text-wrap .text-inner{gap:20px;text-align:left}.md-banner.layout5 .banner-content .text-wrap:before{display:none}.md-banner.layout5 .banner-content .text-wrap .site-title{text-align:left}.md-banner.layout5 .banner-content .text-wrap .site-p{max-height:none;height:auto}}

