.aui-nav{width: 100%; height: 50px; overflow-x: scroll; padding: 0; box-sizing: border-box; background: #FFF; display: flex; justify-content: space-between; position: relative; z-index: 1;}
.aui-nav::-webkit-scrollbar {height: 0px;}
.aui-nav-items{width: auto; display: flex; justify-content: space-around; white-space: nowrap; background: #FFF;}
.aui-nav-item{height: 100%; line-height: 50px; padding: 0 10px; color: #333; box-sizing: border-box; display: inline-block; vertical-align: top;}
.aui-nav-item.active{color: var(--aui-blue);font-weight: bold}
.aui-nav-border{width: 35px; height: 4px; -webkit-transition: all .3s; transition: all .3s; background: var(--aui-blue); border-radius: 10px; display: inline-block; position: absolute; bottom: 0; left: 8%;}

.mescroll{width: 100vw !important; height: -webkit-calc(100vh - 100px); height: calc(100vh - 100px);}
.data-list{width: 100%; padding: 15px 15px 0 15px; box-sizing: border-box;}
.data-list .list:last-child{margin-bottom: 0;}
.mescroll-empty{padding-top: 15vh;}
.mescroll-downwarp .downwarp-progress,
.mescroll-upwarp .upwarp-progress{width: 20px; height: 20px; border: none; color: var(--aui-red-f5); position: relative; top: -1px;}
.mescroll-downwarp .downwarp-progress i,
.mescroll-upwarp .upwarp-progress i{display: inline-block; text-align: center; font-size: 20px;}
.mescroll-downwarp .downwarp-tip,
.mescroll-upwarp .upwarp-tip,
.mescroll-upwarp .upwarp-nodata{position: relative; top: 1px; font-size: 13px;}
.mescroll-rotate{animation: mescrollRotate .5s linear infinite;}
.list{width: 100%; background: #FFF; border-radius: 5px; margin-bottom: 15px; position: relative;}
.swiper-slide {width: auto!important}

.mescroll-totop{bottom: 70px}