.container { background-color: #F6F7F8; } .headerBox { line-height: 0; background-color: #fff; } .searchBox { padding: 20rpx; position: relative; } .searchIcon { position: absolute; top: 40rpx; left: 50rpx; } .searchInput { background-color: #F6F7F8; border-radius: 30rpx; padding: 10rpx 110rpx 10rpx 80rpx; width: calc(100% - 190rpx); height: 60rpx; line-height: 60rpx; font-size: 36rpx; } .searchBtn { position: absolute; line-height: 60rpx; top: 26rpx; right: 26rpx; background-color: #E5F7FF; color: #3e6ffd; font-size: 36rpx; padding: 4rpx 20rpx; border-radius: 30rpx; } .tabBox { padding: 0; line-height: 48rpx; } .tabItem { padding: 20rpx 0 30rpx; display: inline-block; width: calc(25%); text-align: center; color: #333333; font-size: 36rpx; position: relative; } .active { color: #3e6ffd; } .active::after { content: " "; width: 72rpx; height: 6rpx; background-color: #3e6ffd; position: absolute; bottom: 0; left: calc(50% - 36rpx); } .contentBox { position: relative; height: calc(100% - 200rpx); } .listInfo { margin: 20rpx; padding: 30rpx 20rpx; border-radius: 20rpx; background-color: #fff; } .listCode { padding-bottom: 30rpx; border-bottom: 2rpx #EEEEEE solid; } .codeTextBox { width: calc(100% - 160rpx); display: inline-block; font-size: 36rpx; color: #666666; vertical-align: middle; } .codeText { color: #000006; } .codeType { padding: 2rpx 6rpx 4rpx; margin-left: 20rpx; border: 2rpx #3e6ffd solid; border-radius: 10rpx; color: #3e6ffd; font-size: 32rpx; } .codeStatus { width: calc(160rpx); display: inline-block; color: #3e6ffd; font-size: 36rpx; text-align: right; vertical-align: middle; } .listTitle { color: #000405; font-size: 40rpx; line-height: 50rpx; white-space: pre-line; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; /*行向垂直排列*/ -webkit-line-clamp: 2; width: 100%; padding-top: 20rpx; } .listDetailBox { color: #666666; font-size: 32rpx; padding-top: 30rpx; display: block; } .listArea { font-size: 32rpx; margin-right: 20rpx; } .listDate { font-size: 32rpx; }