.count { display: flex; min-height: 100vh; background-color: #ffffff; } .count .left { width: 210rpx; } .count .left .title { background: #F6F6F8; margin-bottom: 6rpx; text-align: center; height: 120rpx; line-height: 120rpx; color: #161616; font-weight: 500; } .count .left .act { background: #FFFFFF; font-weight: bold; color: #4775EA; } .count .pd { padding: 0rpx 20rpx 0 32rpx; } .count .right { flex: 1; overflow: hidden; height: 100vh; padding-top: 26rpx; flex-direction: column; display: flex; } .count .right .search { width: 100%; height: 60rpx; border: 2rpx solid #C1C1C1; border-radius: 10rpx; box-sizing: border-box; display: flex; padding-left: 24rpx; align-items: center; } .count .right .search image { width: 26rpx; height: 26rpx; flex: 0 0 auto; margin-right: 20rpx; } .count .right .search input { font-size: 28rpx; color: #161616; line-height: 56rpx; } .count .right .search .btn { padding: 0 24rpx 0 20rpx; flex: 0 0 auto; font-size: 28rpx; font-weight: bold; color: #4775EA; height: 100%; line-height: 56rpx; } .count .right .ser_toa { font-size: 28rpx; color: #161616; font-weight: bold; } .count .right .ser_toa text { color: #4775EA; } .count .right .mind_s { margin-bottom: 20rpx; } .count .right .mind_s .mind_sl { width: 30rpx; height: 28rpx; margin-right: 16rpx; } .count .right .mind_s .mind_sa { padding-right: 40rpx ; } .count .right .mind_s .mind_sa image { width: 22rpx; height: 12rpx; margin-left: 16rpx; } .count .right .tabchart { display: flex; flex-direction: column; overflow: auto; } .count .right .tab { display: flex; flex-direction: column; overflow: hidden; padding: 0rpx 20rpx 0 32rpx; box-sizing: border-box; min-height: 600rpx; } .count .right .tab_top { flex: 0 0 auto; margin-bottom: 4rpx; } .count .right .a { width: 25%; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; z-index: 1; padding: 8rpx 0; } .count .right .a image { width: 32rpx; height: 40rpx; } .count .right .a.w20 { width: 20%; } .count .right .a.w25 { width: 25%; } .count .right .a.w30 { width: 30%; } .count .right .a.w40 { width: 40%; } .count .right .a.w50 { width: 50%; } .count .right .a.w70 { width: 70%; } .count .right .topt { font-size: 28rpx; font-weight: 500; color: #666666; } .count .right .idx { font-size: 30rpx; font-weight: 500; color: #8C93AD; } .count .right .tit { font-size: 30rpx; font-weight: 500; color: #161616; } .count .right .num { font-size: 30rpx; font-weight: bold; color: #161616; } .count .right .tab_tr { position: relative; width: 100%; min-height: 70rpx; flex: 1; margin-bottom: 24rpx; display: flex; } .count .right .tab_tr .bgimg { width: 100%; height: 100%; position: absolute; left: 0; } .count .right .tab_tr.bg1 { background: #F2F6FF; min-height: 70rpx; height: auto; } .count .right .lineimg { width: 162rpx; height: 10rpx; margin: 28rpx auto; }