.pick_tab_box { display: flex; align-items: center; white-space: nowrap; width: 100%; height: auto; background: white; justify-content: space-between; box-sizing: border-box; /* align-items:center; */ } .fixed{ position: fixed; width: 100%; height: 90rpx; z-index: 99; top: 0; left: 0; background: #fff; overflow-x: auto; /* border: 1rpx solid red; */ box-sizing: border-box; } .none{ height: 90rpx; width: 100%; border: 1rpx solid rgba(255, 255, 255, 0); } ::-webkit-scrollbar { width: 0; height: 0; color: transparent; } .tab_active { font-weight: bold; font-size: 26rpx; color: #29B9A5; } .item { display: inline-flex; /* display: flex; */ flex-direction: column; box-sizing: border-box; /* padding: 20rpx 0rpx 0rpx 0rpx; */ justify-content: center; font-size: 26rpx; color: #999999; height: 90rpx; position: relative; /* border: 1rpx solid red; */ } .line { width: 30rpx; height: 8rpx; background: #29B9A5; margin: auto; border-radius: 4rpx; position: absolute; left: 50%; bottom: 0; margin-left: -15rpx; /* transform: translate(-50%, -50%); */ /* margin-top: 40rpx; */ } .seleted { width: 100%; height: auto; box-sizing: border-box; background: #fff; margin-top: 21rpx; /* overflow: hidden; */ } /* 搜索框 */ /* search */ .search-bar { width: 100%; height: 120rpx; background: #fff; border-top: 1rpx solid #f6f6f6; box-sizing: border-box; padding: 0 20rpx; display: flex; align-items: center; } .search-bar .condition { width: 100%; height: 60rpx; border-radius: 30rpx; background: #F4F4F4; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; padding: 0 20rpx; position: relative; } .search-bar .condition .option-list { position: absolute; z-index: 100; width: 100%; left: 0; top: 60rpx; box-sizing: border-box; background: #f4f4f4; padding: 0rpx 20rpx; margin-top: 4rpx; border-radius: 6rpx; height: 240rpx; overflow-y: scroll; } /* .option-list::-webkit-scrollbar-track-piec{ background: #fff; } */ .option-list .list-item { color: #BABABA; font-size: 26rpx; height: 60rpx; display: flex; align-items: center; justify-content: space-between; } .search-bar .condition .select-condition { color: #BABABA; font-size: 26rpx; } .search-bar .condition .trigger { width: 0; height: 0; border: 12rpx solid transparent; border-top: 15rpx solid #c2c2c2; position: relative; top: 8rpx; transform: rotate(0deg); transform-origin: center 7rpx; transition: transform 0.4s; } .search-bar .condition .trigger.reverse { transform: rotate(180deg); transform-origin: center 7rpx; transition: transform 0.4s; } /* 下拉框结束 */ /* 下拉框样式结束 */ .caseTotal { margin-left: 20rpx; margin-right: 20rpx; height: 150rpx; /* border: 1rpx solid red; */ /* padding-top: 30rpx; */ box-sizing: border-box; } .num { color: #333333; font-size: 32rpx; vertical-align: middle; } .num1 { margin-left: 10rpx; font-size: 38rpx; font-weight: bold; vertical-align: middle; } .time { color: #B6BAC6; font-size: 26rpx; float: right; } .explain { width: 30rpx; height: 30rpx; vertical-align: middle; margin-left: 5rpx; } .caseTotal .percent { margin-top: 18rpx; color: #92949B; font-size: 26rpx; } .percent-text2 { color: #666666; font-size: 30rpx; margin-left: 13rpx; } /* 弹框开始 */ .pop-box{ box-sizing: border-box; width: 411rpx; height: auto; background: #fff; padding: 0rpx 12rpx 0rpx 20rpx; z-index: 9999; } .pop-title{ margin-top: 10rpx; } .pop-header{ color: #333333; font-size: 28rpx; } .pop-content{ color: #999999; font-size: 26rpx; /* margin-top: 14rpx; */ /* padding-top: 10rpx; */ width: 100%; height: auto; white-space:normal; /* word-break:break-all; */ box-sizing: border-box; } .cover-img{ width: 34rpx; height: 34rpx; float: right; } .float{ float: left; }