page { background-color: var(--td-bg-color-container); background-color: #f9f9f9; } page .round-image { border-radius: 12rpx; } .side-bar-wrapper { display: flex; height: 100vh; overflow: hidden; --td-grid-item-text-font-size: 24rpx; } .side-bar-wrapper .content { flex: 1; transition: transform 0.3s ease; } .side-bar-wrapper .section { padding: 32rpx 0; box-sizing: border-box; height: 100%; } .side-bar-wrapper .title { padding-left: 40rpx; margin-bottom: 8rpx; font-size: 28rpx; line-height: 44rpx; color: var(--td-text-color-primary); } .side-bar-wrapper .image { width: 96rpx; height: 96rpx; position: relative; } .side-bar-wrapper .cell { margin-right: 32rpx !important; } .side-bar-wrapper .image::before { content: ' '; position: absolute; top: 0; left: 0; width: 200%; height: 200%; border-radius: 24rpx; border: 2rpx solid var(--td-gray-color-4); transform-origin: 0 0; transform: scale(0.5); } .t-cell__title-text{ font-size: 22rpx; } .t-class-title{ font-size: 22rpx; } .t-cell__description-text{ font-size: 24rpx; } .t-image{ padding: 20rpx; background-color: #f5f5f5; box-sizing: border-box; } .calculation{ width: 100%; height: 100rpx; } /* */ .workorder{ width: 100%; padding: 0rpx 40rpx 0rpx 20rpx; position: fixed; top: 0rpx; left: 0rpx; display: flex; align-items: center; justify-content: space-between; background-color: #ffffff; box-sizing: border-box; } .examine_list{ padding: 0rpx 20rpx; box-sizing: border-box; } .examine_box{ width: 100%; background-color: #ffffff; padding: 30rpx 0rpx; margin-top: 20rpx; border-radius: 10rpx; box-sizing: border-box; } .examine_title{ width: 100%; display: flex; align-items: center; padding: 0rpx 0rpx 0rpx 20rpx; box-sizing: border-box; } .examine_title0{ width: 120rpx; height: 40rpx; font-size: 22rpx; display: flex; align-items: center; justify-content: center; border-radius: 30rpx; /* background-color: #0F80DC; */ background-color: rgba(0, 117, 68, 0.2); color: #007544; border: 1rpx solid #007544; box-sizing: border-box; } .examine_title01{ width: 120rpx; height: 40rpx; font-size: 22rpx; display: flex; align-items: center; justify-content: center; border-radius: 30rpx; /* background-color: #0F80DC; */ color:#ee8d60; background-color: rgba(241, 120, 20, 0.2); border: 1rpx solid #f39b72; box-sizing: border-box; } .examine_title02{ width: 120rpx; height: 40rpx; font-size: 22rpx; display: flex; align-items: center; justify-content: center; border-radius: 30rpx; /* background-color: #0F80DC; */ color:#0F80DC; background-color: rgba(15, 128, 220, 0.2); /* color: #007544; */ border: 1rpx solid #0F80DC; box-sizing: border-box; } .examine_title1{ flex: 1; font-weight: 600; font-size: 32rpx; display: flex; align-items: center; padding: 0rpx 10rpx; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; box-orient: vertical; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -ms-box-orient: vertical; line-clamp: 1; /* 超出2行显示省略号 */ -webkit-line-clamp: 1; /* 超出2行显示省略号 */ box-sizing: border-box; } .examine_title2{ width: 100rpx; height: 40rpx; font-size: 22rpx; display: flex; align-items: center; justify-content: center; border-top-left-radius:100rpx; border-bottom-left-radius:100rpx; color:#2BB991; background: linear-gradient(to bottom, #EAFFFA -40%, #EAFFFA 100%,#F0F5F5 100%); border: 1rpx solid #2BB991; border-right: 0rpx solid #2BB991; box-sizing: border-box; } .process_bj2{ width: 100rpx; height: 40rpx; font-size: 22rpx; display: flex; align-items: center; justify-content: center; border-top-left-radius:100rpx; border-bottom-left-radius:100rpx; color:#0F80DC; background: linear-gradient(to bottom, #cbe4f8 -40%, #cbe4f8 100%,#F0F5F5 100%); border: 1rpx solid #0F80DC; border-right: 0rpx solid #0F80DC; box-sizing: border-box; }.process_bj3{ width: 100rpx; height: 40rpx; font-size: 22rpx; display: flex; align-items: center; justify-content: center; border-top-left-radius:100rpx; border-bottom-left-radius:100rpx; color:#D1815C; background: linear-gradient(to bottom, #FFF6F5 -40%, #FFF6F5 100%,#F0F5F5 100%); border: 1rpx solid red; border-right: 0rpx solid red; box-sizing: border-box; } .examine_content{ flex: 1; font-size: 24rpx; padding: 20rpx 20rpx; margin: 20rpx 20rpx; background-color: #f9f9f9; border-radius: 8rpx; box-sizing: border-box; } .feedback{ margin-top: 8rpx; } .examine_bottom{ display: flex; align-items: center; justify-content: space-between; /* padding: 0rpx 20rpx; */ box-sizing: border-box; } .examine_bottompro{ display: flex; align-items: center; /* padding: 0rpx 20rpx; */ box-sizing: border-box; } .promoter_review{ color: #2BB991; /* border: 1rpx solid #2BB991; */ /* border-right: 0rpx solid #2BB991; */ border-top-left-radius:100rpx; border-bottom-left-radius:100rpx; padding: 4rpx 10rpx; box-sizing: border-box; } .promoter_review_color{ margin-right: 8rpx; } .promoter_review_colors{ color: red; } .examine_button{ width: 100%; padding: 0rpx 20rpx; margin-top: 30rpx; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; } .examine_name{ color: #cccccc; } .t-tabs{ background-color: rgba(255, 255, 255, 0); } .promoter{ display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0rpx 40rpx; border-right:1rpx solid #cccccc; } .promoter_name{ margin-top: 20rpx; } .promoter_right{ display: flex; flex-direction: column; padding: 0rpx 40rpx; } .filter{ width: 500rpx; padding: 30rpx; box-sizing: border-box; } .mtinput{ width: 100%; /* padding: 20rpx; */ box-sizing: border-box; /* background-color: #ffffff; */ } .uni-mt-5{ width: 100%; height: 80rpx; border-radius: 100rpx; border: 1rpx solid #cccccc; padding: 0rpx 20rpx; box-sizing: border-box; } .owner_type1 { width: 100%; height: 120rpx; display: flex; align-items: center; justify-content: space-between; border-bottom: #f0f5f5 1rpx solid; } .owner_type11 { width: 100%; /* height: 120rpx; */ display: flex; flex-direction: column; /* align-items: center; */ justify-content: space-between; border-bottom: #f0f5f5 1rpx solid; } .calculation_strategy { font-size: 26rpx; color: #222; padding: 20rpx 0rpx; } .calculation_capsule { width: 100%; font-size: 26rpx; color: #222; padding: 10rpx 20rpx; } .owner_easyinput1 { width: 100%; display: flex; } .event{ /* width: 70%; */ display: flex; justify-content: space-between; padding-left: 20rpx; align-items: center; } .calculation_top { width: 100%; height: 100%; font-size: 26rpx; display: flex; align-items: center; justify-content: space-between; } .calculation_left { display: flex; font-size: 28rpx; } picker{ width: 100%; } .switch-container{ width: 100%; } .t-radio-group{ width: 100%; } .t-radio{ margin-right: 40rpx; } .workorder_box{ padding-top:300rpx; display: flex; align-items: center; flex-direction: column; justify-content: center; box-sizing: border-box; background-color: #ffffff; } .workorder1{ width: 480rpx; height: 68rpx; font-size: 32rpx; margin-top: 40rpx; background-color: rgba(15, 128, 220, 0.2); color: #0F80DC; border:1rpx solid #0F80DC; display: flex; align-items: center; justify-content: center; border-radius: 10rpx; } .t-overlay{ width: 100%; height: 100%; } .available{ width: 100%; display: flex; align-items: center; justify-content: center; margin-top: 260rpx; }