.download-main { padding-bottom: 0; }
.download-main .page-banner .news-navs { position: absolute; bottom: 0; left: 0; width: 100%; border-top: 1px rgba(255, 255, 255, .3) solid; }
.download-main .page-banner .news-navs .nav { position: relative; border: 1px rgba(255, 255, 255, .3) solid; border-style: none solid none none; font-size: .18rem; color: #fff; }
.download-main .page-banner .news-navs .nav:first-child { border-left: 1px rgba(255, 255, 255, .3) solid; }
.download-main .page-banner .news-navs .nav > div { position: relative; z-index: 1; width: 2.4rem; height: .8rem; }
.download-main .page-banner .news-navs .nav i { margin-right: .1rem; }
.download-main .page-banner .news-navs .nav::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, #00b9bc, #008ebc); transition: all .3s; opacity: 0; }
.download-main .page-banner .news-navs .nav.active::after,
.download-main .page-banner .news-navs .nav:hover::after { opacity: 1; }

.download-container { padding: 1rem 0; }
.download-container .select-mode { display: flex; justify-content: flex-end; }
.download-container .select-mode .layui-select-title .layui-input { width: 3rem; height: .6rem; padding: 0 .3rem; font-size: .18rem; background: #f1f1f1; }
.download-container .select-mode .layui-form-select .layui-edge { right: .3rem; }
.download-container .select-mode .layui-form-select dl { top: .6rem; }
.download-container .select-mode  .layui-form-select dl dd { font-size: .18rem; }
.download-container .select-mode  .layui-form-select dl dd.layui-this { background: #F07009; }
.download-container .download-list { margin-top: .3rem; }
.download-container .download-list a { display: flex; align-items: center; justify-content: space-between; padding: .2rem .28rem; margin-bottom: .1rem; background: #f1f1f1; }
.download-container .download-list .label { font-size: .2rem; color: #666; }
.download-container .download-list .download-box { font-size: .2rem; color: #F07009; }
.download-container .download-list .download-box i { margin-right: .09rem; }
.download-container .download-list a:hover { opacity: .8; }

@media screen and (max-width: 860px) {
  .download-container .select-mode .layui-select-title .layui-input { width: 4rem; height: .9rem; }
  .download-container .select-mode .layui-form-select dl { top: .9rem; }
}

@media screen and (max-width: 768px) {
  .download-container .select-mode .layui-form-select { width: 100%; }
  .download-container .select-mode .layui-select-title .layui-input { width: 100%; font-size: .36rem; height: 1rem; }
  .download-container .select-mode .layui-select-title .layui-input::placeholder { font-size: .4rem; }
  .download-container .select-mode .layui-form-select dl { top: 1rem; height: 5rem; }
  .download-container .select-mode .layui-form-select dl dd { font-size: .3rem; }

  .download-container .download-list a { margin-bottom: .36rem; }
  .download-container .download-list .label { font-size: .36rem; max-width: 70%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .download-container .download-list .download-box { font-size: .3rem; }

  
  .download-main .page-banner .news-navs .nav { width: 100%; font-size: .4rem; }
  .download-main .page-banner .news-navs .nav > div { width: 100%; height: 1.2rem; }
}