.page{ position: relative; height: 100%; } .main{ padding: 0 30rpx; position: absolute; z-index: 1; // padding-bottom: 120rpx; padding-bottom: 250rpx; width: 100%; } .logo { text-align: center; margin: 100rpx 0 40rpx 0; image { width: 100%; } } .main-top { display: flex; .main-top-right { display: flex; font-size: 26rpx; color: #000; width: 100%; margin:0 20rpx; .main-top-right-text { margin-bottom: 10rpx; } image { width: 70rpx; height: 70rpx; margin-right: 10rpx; } } } /* 搜索 */ .search-head { display: flex; align-items: center; position: relative; width: 100%; .search { display: flex; align-items: center; width: 100%; height: 80rpx; background: rgba(255, 255, 255, 0.7); border: 0; border-radius: 100rpx; padding:0 25rpx; image { width: 34rpx; height: 34rpx; } text{ width: 2rpx; height: 24rpx; background-color: #000; margin: 0 18rpx; } input { width: 58%; height: 100%; font-size: 28rpx; color: #646464; } } .btn { display: flex; align-items: center; justify-content: center; position: absolute; right: 10rpx; background-color: #D32D25; border-radius: 100rpx; padding: 12rpx 25rpx; text { font-size: 28rpx; color: #fff; } } } /* 菜单导航 */ .menu-nav{ position: relative; padding: 10rpx 0; .nav-list{ .nav{ display: flex; justify-content: space-between; .list{ display: flex; flex-direction: column; justify-content: center; align-items: center; width: 20%; margin-top: 40rpx; image{ width: 90rpx; height: 90rpx; } text{ font-size: 28rpx; color: #3D3D3D; margin-top: 20rpx; } } } } .indicator{ position: absolute; left: 0; bottom: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 30rpx; .plan{ position: relative; width: 100rpx; height: 8rpx; border-radius: 8rpx; background-color: #e1e1e1; .bar{ position: absolute; width: 50%; height: 100%; border-radius: 6rpx; background-color: $base; } } } } /* 通知 */ .inform{ padding: 20rpx; .inform-info{ display: flex; height: 40rpx; .picture{ width: 8%; image{ width: 40rpx; height: 40rpx; } } .info{ width: 92%; height: 100%; .swiper{ width: 100%; height: 100%; .swiper-item{ display: flex; align-items: center; width: 100%; height: 100%; font-size: 28rpx; color: #848281; .mess-one-omit { display: flex; align-items: center; } .mess-icon { background-color: #6663FF; color: #fff; border-radius: 100rpx; padding: 4rpx 15rpx; font-size: 22rpx; margin-right: 10rpx; } .mess-img image { width: 22rpx; height: 22rpx; } } } } } } .banner-tu { margin: 30rpx 15rpx; image { width: 100%; height: 100%; display:block; border-radius: 20rpx; } } .new-content { padding: 20rpx; position: relative; .news-img { position: absolute; left: 20rpx; top: 110rpx; image { width: 130rpx; height: 130rpx; } } } .new-title { display: flex; width: 100%; .new-title-right { display: flex; justify-content: space-between; width: 100%; height: 55rpx; border-bottom: 4rpx solid #EA633C; margin-left: 20rpx; .new-title-big { font-size: 34rpx; font-weight: bold; } .news-title-more { color: #EA633C; } } .blue { border-bottom: 4rpx solid #008CD6; .news-title-more { color: #008CD6; } } .black { border-bottom: 4rpx solid #58506E; .news-title-more { color: #58506E; } } image { width: 60rpx; height: 60rpx; } } .news-text { width: 600rpx; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 26rpx; margin-top: 20rpx; margin-left: 70rpx; } .news-text-left { width: 500rpx; margin-left: 150rpx; }