/*============= 下载中间页 start =============*/
html,body{height: 100%;}
body{background: #3285FF;}

.container-download{position: relative;max-width: 1330px;width: 100%;margin: 0 auto;}
.container-download::after{content:'\0020';display:inline-block;width: 0;height:100%;font-size:0;vertical-align: middle;}
.container-download__inner{display: inline-block; vertical-align: middle;width: 99.5%;}
.download-head{padding-bottom: 30px;position: relative;}
.download-head-logo img{width: 140px;}
.download-head .go-home,
.download-head .go-home:visited{position: absolute;top:10px;right:0;display: inline-block;padding:8px 20px;border:#fff 1px solid;border-radius: 5px;color:#fff;}
.download-head .go-home:hover{background-color: #fff;color:#333;}
.download-head-readme{color:#fff;margin-left: 20px;}
.download-head-readme a,
.download-head-readme a:visited{color:yellow;text-decoration: underline;}
.download-content{min-width: 600px; width: 100%;display: table;}
.download-content .download-left,
.download-content .download-side{display: table-cell; vertical-align: middle;height: 560px;}
.download-left{padding-right: 30px;min-width: 600px;}
.download-side{width: 440px;min-width: 440px;border-radius: 20px;}
.download-side img{max-width: 100%;max-height: 100%;border-radius: 20px;}
.download-side .swiper-container,
.download-side .swiper-wrapper{width: 440px;height: 100%;max-height:max-content;}
.download-box{position: relative;height: 100%;background: #fff;border-radius: 20px;}
.download-box h3{text-align: center;font-size: 26px;padding:30px 0 10px 0;}
.download-box .download-box-flag{position: absolute;top:0;right:0;background: #F1F4F9;padding:10px 15px;font-size: 12px;border-top-right-radius: 20px;border-bottom-left-radius: 20px;color:#666}

.downloadlink{width: 80%;margin:22px auto auto;background: #F1F4F9;border:#F1F4F9 1px solid;border-radius: 10px;box-sizing: border-box;display: table;}
.downloadlink:hover{border-color:#FF6458;background-color: #fff4f3;}
.downloadlink__item{display: table-cell; vertical-align: middle;}
.downloadlink__item--icon{padding:10px 0;width: 80px;text-align: center;}
.downloadlink--recom .downloadlink__item--icon{width: 80px;text-align: center;}
.downloadlink__item--link{padding-left: 5px;}
.downloadlink-icon{display: inline-block; width: 60px;height: 60px;background: #fff;border-radius: 15px;}
.downloadlink__item--button{width: 160px;}
.downloadlink-name{margin-bottom:6px;}
.downloadlink-link{font-size: 12px;}
.downloadlink-link .get-code{margin-left: 20px;}
.downloadlink-button,
.downloadlink-button:visited{display: block;background: #FFF;height: 50px;margin: 0 10px;border-radius: 10px;text-align: center;color: #999;font-weight: bold;font-size: 16px;border:#e0e4eb 1px solid;}
.downloadlink-button:hover{background-color: #FF5E52;color:#fff;border-color: #FF5E52;}
.downloadlink-button::after{content:'\0020';display:inline-block;width: 0;height:100%;font-size:0;vertical-align: middle;}
.downloadlink--recom .downloadlink-button,
.downloadlink--recom .downloadlink-button:visited{background-color: #FF5E52;color:#fff;border-color: #FF5E52;}
.downloadlink--recom .downloadlink-button:hover{background-color: #e24034;color:#fff;border-color: #e24034;}
/* .downloadlink-button--color,
.downloadlink-button--color:visited{} */
.download-fonts,
.downlinks{width: 650px;}

@media(max-width:768px){
    .download-head{margin:0 5%;padding-top:0;}
    .download-content .download-left, .download-content .download-side{display: block;}
    .container-download{height: auto !important;}
    .container-download::after{display: none;}
    .container-download__inner{display: block;width: 100%;}
    .download-content{display: block;min-width: 100px;}
    .download-left{width: 100%;padding-right: 0;min-width: 100px;}
    .download-side{display: none !important;}
    .download-box{height: auto;margin: 0 5%;}
    .links-list{width: 100%;padding-bottom: 10px;}
    .downloadlink{width: 90%;margin:12px auto;}
    .downloadlink__item--button{display: none;}
    .download-side,
    .download-side .swiper-container, 
    .download-side .swiper-wrapper{width: 100%;}
    .swiper-container-ios img{height: auto !important;}
    .downloadlink-link{font-size: 11px;}
    
}
/*============= 下载中间页 end =============*/