jhwxapp/miniprogram/app.wxss

/**app.wxss**/
.container {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 200rpx 0;
  box-sizing: border-box;

}

page {
  background: #191d28;
  color: #ffffff;
  font-size: 30rpx;
  height: 100vh;
}

/* 自定义顶部样式 */
.header_title {
  position: fixed;
  width: 100%;
  z-index: 5;
  margin: 0;
  padding: 85rpx 0 30rpx;
  background: #191d28;
}

/* 自定义顶部样式 */
.header_title_saft {
  width: 100%;
  z-index: 5;
  margin: 0;
  padding: 85rpx 0 30rpx;
  background: #191d28;
}

.header_name {
  text-align: center;
}

.header_img {
  padding-left: 30rpx;
  padding-top: 10rpx;
}

.header_img image {
  width: 30rpx;
  height: 30rpx;
}

.header_fh {
  font-size: 28rpx;
  position: relative;
  top: -5rpx;
}

/* 中间内容用含有max_content 的 view  包起来 */
.max_content {
  padding: 166rpx 0 180rpx;
}

.max_content_scroll {
  padding: 166rpx 0 10rpx;
}

.min_content {
  padding: 166rpx 0 20rpx;
}

.max_new_content {
  padding: 0 0 120rpx;
}

/* 底部导航 */
.van-tabbar.van-tabbar--fixed {
  background-image: linear-gradient(#33426b, #202b47);
}

.van-tabbar.van-tabbar--fixed:after {
  border-width: 0px 0;
}

/* 页面公用部分样式 */
.video_add {
  padding: 20rpx 30rpx;
}

.video_address {
  background: #30343f;
  padding: 0 20rpx;
  border-radius: 50rpx;
  font-size: 28rpx;
}

.video_address_min {
  background: url("https://szgcwx.jhncidg.com/staticFiles/img/menu/CORE_B1C818B4CF2C44FE9D96624589329EBC.png") no-repeat left/40rpx;
  height: 80rpx;
  line-height: 80rpx;
  padding-left: 50rpx;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}

/* 清除上浮 */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.gif {
  margin: 400rpx auto 0;
  text-align: center;
}

.gif image {
  width: 60rpx;
  height: 60rpx;
}

.gif view {
  padding-top: 20rpx;
}

/* 建安公司新页面 */
.modify_video_nav {
  background: #32416a;
  margin-top: 20rpx;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 25rpx 0;
  color: #7c95d7;
}

.modify_video_nav .active {
  color: #ffffff;
}

.modify_video_nav .active text {
  padding: 15rpx 0;
  border-bottom: 3px solid #5c9efe;
}

.modify_echarts_max {
  margin-top: 30rpx;
  padding: 0 20rpx;
}

.modify_echarts_min {
  background: #1e2336;
  font-size: 28rpx;
  padding: 30rpx;
}

.modify_echarts_title_min {
  padding: 10rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modify_eharts_title {
  height: 40rpx;
  line-height: 40rpx;
  padding-left: 40rpx;
  background: url("https://szgcwx.jhncidg.com/staticFiles/img/menu/CORE_52887EE6A33042408E11C2174974ABA1.png") no-repeat left/35rpx;
}

.modify_list_btn {
  font-size: 28rpx;
  color: #7a8fce;
}

.modify_video_work_area {
  margin-top: 20rpx;
  padding: 10rpx 30rpx;
}

.modify_video_work_area {
  height: 40rpx;
  line-height: 40rpx;
  padding-left: 40rpx;
  font-size: 28rpx;
  background: url("https://szgcwx.jhncidg.com/staticFiles/img/menu/CORE_52887EE6A33042408E11C2174974ABA1.png") no-repeat left/35rpx;
}

.video_ai_survey {
  padding: 15rpx;
}

.ai_video_con {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30rpx 0 30rpx 30rpx;
  color: #ffffff;
}

.ai_video_con_title {
  display: flex;
  align-items: center;
}

.ai_video_con_title image {
  width: 40rpx;
  height: 40rpx;
}

.ai_video_con_title text {
  padding-left: 15rpx;
}

.ai_video_con_number text {
  font-size: 35rpx;
  font-weight: bold;
  color: #00ecfe;
}

.video_list_max {
  padding: 15rpx;
}

.ai_warning_list {
  padding: 30rpx 0;
  border-bottom: 1px solid #404a74;
  display: flex;
  align-items: center;
}

.ai_warning_list_img {
  width: 220rpx;
  height: 180rpx;
  border-radius: 8rpx;
}

.ai_warning_list_con {
  padding-left: 20rpx;
  font-size: 30rpx;
  width: calc(100% - 240rpx);
}

.ai_warning_list_con .ai_warning_list_project {
  padding: 5rpx 0;
  color: #ffffff;
  font-weight: bold;
}

.ai_warning_list_con view {
  padding: 7rpx 0;

}

.ai_warning_list_reason text {
  color: #ff8909;
}

.ai_warning_list_position text {
  color: #00a8ff;
}

.ai_warning_list_time {
  font-size: 26rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ai_warning_list_time_date {
  color: #89a3ed;
}

.ai_warning_list_video_btn {
  background: #404a74;
  font-size: 22rpx;
  border-radius: 5rpx;
  color: #ffffff;
  padding: 5rpx 10rpx !important;
  display: flex;
  align-items: center;
}

.ai_warning_list_video_btn image {
  width: 22rpx;
  height: 22rpx;
  margin-right: 10rpx;
}

.video_icon text {
  font-size: 36rpx;
  color: #00a8ff;
}

.video_num {
  padding: 0 30rpx;
  height: 120rpx;
}

.video_icon {
  font-size: 28rpx;
  text-align: center;
  padding: 30rpx 0;
}

.video_icon image {
  width: 40rpx;
  height: 40rpx;
  position: relative;
  top: 10rpx;
}

.vehicle_video_nav_max {
  padding: 10rpx 20rpx;
}

.vehicle_video_nav_min {
  background: #1c2232;
  display: flex;
  align-items: center;
}

.vehicle_video_nav {
  padding: 20rpx;
  font-size: 28rpx;
}

.vehicle_video_nav.active {
  background: #2b345b;
  border-radius: 10rpx;
}

.modify_vehicle_video {
  padding: 30rpx 10rpx 0;
}

.modify_vehicle_video video {
  width: 100%;
  height: 350rpx;
  border-radius: 10rpx;
}

.modify_list_license_plate_max {
  padding: 30rpx 5rpx;
}

.modify_list_license_plate {
  border: 2px solid #2b4169;
  text-align: center;
  padding: 10rpx 0;
  background: #1f253b;
}

.modify_list_license_direction {
  padding: 30rpx 10rpx 10rpx;
  font-size: 28rpx;
  color: #8ba3ed;
}

.modify_list_photos_max {
  padding: 20rpx 10rpx;
}

.modify_list_photos_min {
  width: 100%;
  height: 220rpx;
  background: #232943 url("https://szgcwx.jhncidg.com/staticFiles/img/menu/WEB_6F3E3915E1A44AF6BE55F4B1BE0E277F.png") no-repeat center/130rpx 130rpx;
  border-radius: 10rpx;
}

.modify_list_photos_min image {
  width: 100%;
  height: 100%;
  border-radius: 10rpx;
}

.modify_list_photos_time {
  padding: 20rpx 0 0;
  font-size: 28rpx;
  text-align: center;
}

/* 安全管控 */
.deep_select {
  padding: 15rpx;
}

.deep_select_padding {
  padding: 15rpx;
}

.deep_point_position {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  font-size: 28rpx;
  color: #737478;
  padding: 20rpx 0;
  margin-bottom: 30rpx;
}

.deep_point_position .active {
  color: #88a2ec;
}

.deep_point_position .active text {
  color: #08d6eb;
}

.deep_modular_max {
  padding: 50rpx 30rpx;
}

.deep_modular_min {
  background: #1e2336;
  margin-bottom: 30rpx;
}

.deep_modular_title {
  padding: 20rpx 20rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 28rpx;
}

.deep_qingxie {
  background: url("https://szgcwx.jhncidg.com/staticFiles/img/menu/WEB_EE67AE44D92E4894AEF2AAD8A511CFE1.png") no-repeat left/30rpx 30rpx;
  padding-left: 40rpx;
}

.deep_weiyi {
  background: url("https://szgcwx.jhncidg.com/staticFiles/img/menu/WEB_80265DAD5962462DA855FE1E6E735650.png") no-repeat left/30rpx 30rpx;
  padding-left: 40rpx;
}

.modify_video_nav_af {
  margin: 0;
}

.modify_video_add {
  margin-bottom: 30rpx;
}

.dangerous_node {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 40rpx 0;
}

.dangerous_node_min {
  text-align: center;
}

.dangerous_node_number {
  font-size: 38rpx;
  padding: 15rpx 0;
}

.cyan {
  color: #08d6ed;
}

.blue {
  color: #1879da;
}

.orange {
  color: #fd9729;
}

.dangerous_node_title {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 15rpx;
}

.dangerous_node_title image {
  width: 40rpx;
  height: 40rpx;
  margin-right: 15rpx;
}

.timeline_max {
  padding: 30rpx 30rpx 30rpx 40rpx;
}

.timeline_for {
  padding-bottom: 50rpx;
  border-left: 1px solid #1d2b52;
}

.timeline_for_title {
  padding-bottom: 20rpx;
  display: flex;
  align-items: center;
  position: relative;
}

.timeline_for_dot {
  width: 20rpx;
  height: 20rpx;
  background: #ff0000;
  position: absolute;
  left: -10rpx;
  border-radius: 50%;
}

.timeline_for_text {
  padding-left: 40rpx;
}

.timeline_for_list {
  padding: 10rpx 0 10rpx 40rpx;
  display: flex;
  align-items: center;
  color: #d4d9ec;
}

.timeline_for_time {
  color: #43aeff;
}

.timeline_for_state_1 {
  padding: 2px 24rpx;
  height: 40rpx;
  width: 160rpx;
  text-align: center;
  line-height: 40rpx;
  font-size: 26rpx;
  background: url("https://szgcwx.jhncidg.com/staticFiles/img/menu/WEB_F5E44186F6C44161B99491284E33EEE6.png") no-repeat center/100% 100%;
}

.timeline_for_state_2 {
  padding: 2px 24rpx;
  height: 40rpx;
  width: 160rpx;
  text-align: center;
  line-height: 40rpx;
  font-size: 26rpx;
  background: url("https://szgcwx.jhncidg.com/staticFiles/img/WEB_345B9059DAD1492EB37EC4814EB340F0.png") no-repeat center/100% 100%;
}

.timeline_for_file {
  padding: 10rpx 0 10rpx 40rpx;
  font-size: 28rpx;
  color: #d4d9ec;
  display: flex;
}

.timeline_for_list_title {
  width: 140rpx;
  padding-top: 10rpx;
}

.timeline_for_list_file {
  padding-top: 10rpx;
  width: calc(100% - 140rpx);
}

.zs_level_list_label {
  padding: 0 10rpx;
}

.zs_level_list_label view {
  padding: 10rpx 0;
  color: #7f91f5;
  text-decoration: underline;
}

.zs_level_list_label view:active {
  color: #4f6aff;
}

.pz_list_max {
  padding: 30rpx 10rpx;
}

.pz_list_for {
  padding: 30rpx;
  background: #1e2336;
  margin-bottom: 30rpx;
}

.pz_list_for_list {
  padding: 10rpx 0;
}


.modify_video_add {
  margin-bottom: 30rpx;
}

.dangerous_node {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 40rpx 0;
}

.dangerous_node_min {
  text-align: center;
}

.dangerous_node_number {
  font-size: 38rpx;
  padding: 15rpx 0;
}

.cyan {
  color: #08d6ed;
}

.blue {
  color: #1879da;
}

.orange {
  color: #fd9729;
}

.dangerous_node_title {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 15rpx;
}

.dangerous_node_title image {
  width: 40rpx;
  height: 40rpx;
  margin-right: 15rpx;
}

.timeline_max {
  padding: 30rpx 30rpx 30rpx 40rpx;
}

.timeline_for {
  padding-bottom: 50rpx;
  border-left: 2px solid #3c59a8;
}

.timeline_for_title {
  padding-bottom: 20rpx;
  display: flex;
  align-items: center;
  position: relative;
}

.timeline_for_dot {
  width: 20rpx;
  height: 20rpx;
  border: 1px solid #b2badf;
  background: #191d28;
  position: absolute;
  left: -14rpx;
  border-radius: 50%;
}

.dot_blue {
  border: 1px solid #1680d6;
  background: #1680d6;
}

.dot_red {
  border: 1px solid #ff0000;
  background: #ff0000;
}

.timeline_for_time {
  color: #43aeff;
}

.timeline_for_file {
  padding: 10rpx 0 10rpx 40rpx;
  font-size: 28rpx;
  color: #d4d9ec;
  display: flex;
}

.timeline_for_list_title {
  width: 140rpx;
  padding-top: 10rpx;
}

.timeline_for_list_file {
  padding-top: 10rpx;
  width: calc(100% - 140rpx);
}

.zs_level_list_label {
  padding: 0 10rpx;
}

.zs_level_list_label view {
  padding: 10rpx 0;
  color: #7f91f5;
  text-decoration: underline;
}

.zs_level_list_label view:active {
  color: #4f6aff;
}




.timeline_for_text {
  padding-left: 40rpx;
}

.timeline_for_list {
  padding: 10rpx 0 10rpx 40rpx;
  display: flex;
  align-items: center;
  font-size: 28rpx;
  color: #d4d9ec;
}



.pz_list_max {
  padding: 30rpx 10rpx;
}

.pz_list_for {
  padding: 30rpx;
  background: #1e2336;
  margin-bottom: 30rpx;
}

.pz_list_for_list {
  padding: 10rpx 0;
}






/* 2022-12-22  新增样式 */
.add_to_btn {
  position: fixed;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background: #212737;
  height: 100rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32rpx;
}

.add_to_btn image {
  width: 36rpx;
  height: 36rpx;
  margin-right: 15rpx;
}

.add_to_btn:active {
  background: #1e2336;
}

.ai_video_popup video {
  height: 500rpx;
  width: 100%;
}

/* 凭证管理新增 */
.add_max {
  padding: 30rpx 40rpx;
}

.add_title {
  color: #8ca0e7;
  padding: 0 15rpx 30rpx;
}

.add_textarea {
  height: 150rpx;
  width: calc(100% - 40rpx);
  background: #212737;
  border-radius: 10rpx;
  padding: 20rpx;
}

.add_btn {
  padding-top: 100rpx;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.add_btn_qx {
  background: #3f424b;
  height: 80rpx;
  width: 250rpx;
  text-align: center;
  line-height: 80rpx;
  border-radius: 10rpx;
}

.add_btn_qx:active {
  background: #3a3e49;
}

.add_btn_bc {
  background: #523fa8;
  height: 80rpx;
  width: 250rpx;
  text-align: center;
  line-height: 80rpx;
  border-radius: 10rpx;
}

.add_btn_bc:active {
  background: #4a35aa;
}


.van-picker__mask {
  background-image: none !important;
}

.van-hairline--top-bottom:after {
  border-top: 1px solid #3a4c8b !important;
  border-bottom: 1px solid #3a4c8b !important;
}



.van-picker {
  background: none !important;
}





/* 2023-5-4 新样式 */
.module_max {
  margin-top: 30rpx;
  padding: 0 30rpx;
}

.module_min {
  background: #1e2336;
  font-size: 30rpx;
  padding: 30rpx 20rpx;
  border-radius: 15rpx;
}

.module_title {
  height: 40rpx;
  line-height: 40rpx;
  padding-left: 40rpx;
  background: url("https://szgcwx.jhncidg.com/staticFiles/img/menu/CORE_52887EE6A33042408E11C2174974ABA1.png") no-repeat left/35rpx;
}

.module_title_2 {
  height: 40rpx;
  line-height: 40rpx;
  padding-left: 40rpx;
  background: url("https://szgcwx.jhncidg.com/staticFiles/img/menu/CORE_B1C818B4CF2C44FE9D96624589329EBC.png") no-repeat left/35rpx;
}

.module_title_3 {
  height: 50rpx;
  line-height: 50rpx;
  padding-left: 40rpx;
  background: url("https://szgcwx.jhncidg.com/staticFiles/img/menu/CORE_52887EE6A33042408E11C2174974ABA1.png") no-repeat left/35rpx;
}

.safety_inspect {
  padding: 30rpx 20rpx;
}

.safety_inspect_title {
  color: #e9fbf9;
  font-size: 26rpx;
  padding: 20rpx;
  background: url("https://szgcwx.jhncidg.com/staticFiles/img/WEB_F9046A91C12646ECAEB6024455C35F15.png") no-repeat left/15rpx 30rpx;
}

.safety_prop {
  display: flex;
  align-items: center;
  padding: 20rpx 0 20rpx 20rpx;
  color: #cbdaff;
  background: url("https://szgcwx.jhncidg.com/staticFiles/img/WEB_23ADD5DCCD3C42BA9FF57BE9838766B4.png") no-repeat left/15rpx 25rpx;
}

.safety_prop_val {
  color: #687a92;
}

.safety_prop_val text {
  color: #ffffff;
  font-size: 32rpx;
}

.safety_issue {
  padding-top: 20rpx;
}

.safety_issue_number {
  padding: 0 20rpx;
  height: 50rpx;
  display: flex;
  align-items: center;
  background: url("https://szgcwx.jhncidg.com/staticFiles/img/WEB_FD18DB06491847FA913067FF7B812FBA.png") no-repeat left/100% 100%;
}

.safety_deep {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.safety_deep_row {
  display: flex;
  align-items: center;
  padding: 40rpx 0;
}

.safety_deep_img {
  height: 110rpx;
  width: 110rpx;
  text-align: center;
  line-height: 140rpx;
}

.safety_deep_img_1 {
  background: url("https://szgcwx.jhncidg.com/staticFiles/img/WEB_F2CA2559EEB9456791461DBC9F8026C8.png") no-repeat center/100rpx 100rpx;
}

.safety_deep_img_2 {
  background: url("https://szgcwx.jhncidg.com/staticFiles/img/WEB_93D3C5384E774B77AA5B105BE448F2D8.png") no-repeat center/100rpx 100rpx;
}

.safety_deep_img image {
  width: 50rpx;
  height: 50rpx;
}

.safety_deep_col {
  padding-left: 10rpx;
  color: #cbdaff;
}

.safety_deep_col_text {
  padding: 10rpx 0;
}

.safety_deep_col_number text {
  font-size: 34rpx;
  color: #80cefc;
  font-weight: bold;
}

.safety_deep_col_green text {
  color: #62efbb;
}


.safety_electric {
  color: #cbdaff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20rpx 0;
  font-size: 26rpx;
}

.safety_electric_threshold {
  color: #ff0000;
  font-size: 26rpx;
}

.safety_electric_row {
  display: flex;
  align-items: center;
  padding: 30rpx 0 30rpx 10rpx;
}

.safety_electric_threshold text {
  padding-right: 5rpx;
  font-size: 32rpx;
}

.safety_electric_img {
  height: 110rpx;
  width: 110rpx;
  text-align: center;
  line-height: 140rpx;
  background: url("https://szgcwx.jhncidg.com/staticFiles/img/WEB_2FECA878591045B39AEBB41FE248C97B.png") no-repeat center/100rpx 100rpx;
}

.safety_electric_img image {
  height: 50rpx;
  width: 50rpx;
}

.safety_electric_col {
  padding-left: 15rpx;
  color: #cbdaff;
}

.safety_electric_number text {
  font-size: 34rpx;
  color: #80cefc;
  font-weight: bold;
}

.safety_deep_col_blue text {
  color: #028ffb;
}

.module_title_flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.module_see_info {
  font-size: 26rpx;
  color: #028ffb;
  display: flex;
  align-items: center;
}

.module_see_info:active {
  color: #39a6fa;
}

.safety_highlights {
  padding: 30rpx 0;
}

.safety_highlights_img {
  padding: 20rpx 10rpx;
  text-align: center;
}

.safety_highlights_img image {
  width: 270rpx;
  height: 270rpx;
}


/* 施工安全交底学习 */
.study_min {
  font-size: 30rpx;
  padding: 30rpx;

}

.study_video {
  width: 100%;
}

swiper-item video {
  width: 100%;
  height: 100%;
}

.study_examination_questions {
  padding: 15rpx 30rpx;
}

.study_examination_questions_con {
  display: inline-table;
  width: 100%;

}

.study_examination_questions_topic {
  white-space: normal;
}

.study_examination_questions_radio {
  padding: 30rpx 15rpx;
}

.study_examination_questions_list {
  padding: 20rpx 0;
  display: flex;
  color: #69709a;
}

.study_examination_questions_list.active {
  color: #899ef1;
}

.study_examination_questions_list.error {
  color: #ff0000;
}

.study_radio {
  width: 30rpx;
  height: 30rpx;
  border: 1px solid #69709a;
  border-radius: 3rpx;
  color: #171e28;
  position: relative;
  top: 7rpx;
}

.study_examination_questions_list.active .study_radio {
  border: 1px solid #899ef1;
  color: #899ef1;
}

.study_examination_questions_list.error .study_radio {
  border: 1px solid #ff0000;
  color: #ff0000;
}

.study_radio_subject {
  width: calc(100% - 50rpx);
  padding-left: 20rpx;
  white-space: normal;
}

.study_video_tips {
  padding: 30rpx;
  font-size: 28rpx;
  color: #028ffb;
}

.answer_result {
  background: #232e49;
  padding: 30rpx;
  font-size: 35rpx;
  border-radius: 10rpx
}

.switch_button {
  padding: 50rpx 30rpx;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.switch_button button {
  width: 250rpx !important;
  font-weight: 400 !important;
  background: #3f424b;
  color: #ffffff;
}

.switch_button_to {
  background: #5140a6 !important;
}

/* 承诺书 */
.cns_rich_text_title {
  padding: 30rpx 50rpx;
  color: #00a8ff;
}

.cns_rich_content {
  padding: 30rpx 30rpx 0;
}

.cns_rich_text {
  padding: 0 20rpx;
  background: #1e2336;
  color: #cdd9ff;
}

.cns_confirm {
  padding: 30rpx;
}

.cns_confirm_title {
  padding: 20rpx;
  color: #00a8ff;
}

.cns_confirm_text {
  padding: 20rpx;
}

.cns_confirm_sign {
  padding: 20rpx 0;
}

.cns_confirm_sign_case {
  height: 300rpx;
  background: rgba(255, 255, 255, 0.1);
}


/* 安全管理  安全检查 */
.inspect_max {
  padding: 10rpx 30rpx;
}

.inspect_list {
  padding: 10rpx 0;
}

.inspect_max_scroll {
  height: 75vh;
}

.inspect_list_scroll {
  padding: 10rpx 0;
}

.inspect_for {
  padding: 20rpx 0;
  font-size: 30rpx;
}

.inspect_for_scroll {
  padding: 20rpx 30rpx;
  font-size: 30rpx;
}

.inspect_for_bgd {
  background: #1e2336;
  padding: 0 30rpx;
  border-radius: 10rpx 10rpx 0 0;
}

.inspect_list_title {
  border-bottom: 1px solid #323b86;
  height: 80rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.inspect_list_title_label {
  display: flex;
  align-items: center;
  width: calc(100% - 150rpx);
}

.inspect_list_title_width {
  width: 100%;
}

.module_title_text {
  width: calc(100% - 150rpx);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.inspect_list_title_state {
  width: 150rpx;
  font-size: 26rpx;
  text-align: right;
}

.inspect_list_title_state text {
  padding: 5rpx 10rpx;
  border-radius: 20rpx 0 20rpx 0;
}

.state_colour_0 {
  background: #f3642a;
}

.state_colour_1 {
  background: #359a00;
}

.state_colour_2 {
  background: #404a6d;
  color: #8aa4ee;
}

.inspect_list_title_number {
  width: 80rpx;
  height: 80rpx;
  border-bottom: 1px solid #6879fd;
  text-align: center;
  line-height: 80rpx;
  color: #6879fd;
}

.inspect_list_title_text {
  width: calc(100% - 80rpx);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.inspect_list_title_text_2 {
  width: calc(100% - 240rpx);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.inspect_list_info {
  padding: 30rpx 5rpx;
  color: #d5dbeb;
}

.inspect_list_info_details {
  display: flex;
  align-items: center;
}

.inspect_list_info_img {
  width: 150rpx;
}

.inspect_list_info_img_text {
  text-align: center;
  color: #89a3ee;
  padding-top: 5rpx;
  padding-right: 20rpx;
}

.inspect_list_info_data {
  width: calc(100% - 150rpx);
}

.inspect_list_info_data_num {
  display: flex;
  align-items: center;
  padding: 10rpx 0;
}

.inspect_list_info_data_rec {
  width: calc(100% - 300rpx);
}

.inspect_list_info_data_prop_rec {
  padding: 5rpx 0;
  color: #d5dbeb;
}

.inspect_list_info_padding {
  padding: 6px 0;
  color: #d5dbeb;
}

.inspect_list_info_flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.inspect_list_info_upload {
  background-image: linear-gradient(to right, #884cf9, #7457ff);
  padding: 2rpx 15rpx;
  border-radius: 30rpx;
}


.inspect_list_info_data_num_option {
  width: 50%;
}

.inspect_list_info_data_prop {
  padding: 10rpx 0;
  word-break: break-all;
}

.color_orange {
  color: #fd8401;
}

.color_green {
  color: #1ab400;
}

.color_blue {
  color: #45affb;
}

.color_purple {
  color: #89a3ee;
}

.color_type {
  color: #65779b;
}

.inspect_list_info_position {
  padding-top: 20rpx;
}

.inspect_list_info_data_bgd {
  padding: 20rpx 30rpx;
  background: #313a57;
  border-radius: 0 0 10rpx 10rpx;
  color: #d5dbeb;
}

.inspect_add_to {
  position: fixed;
  right: 30rpx;
  bottom: 50rpx;
  width: 120rpx;
  height: 120rpx;
  border-radius: 50%;
  background: #273252;
  text-align: center;
  font-size: 26rpx;
  color: #b0ccf5
}

.inspect_add_to image {
  width: 40rpx;
  height: 40rpx;
}

.inspect_add_to_darft {
  position: fixed;
  left: 30rpx;
  bottom: 50rpx;
  width: 120rpx;
  height: 120rpx;
  border-radius: 50%;
  background: #273252;
  text-align: center;
  font-size: 26rpx;
  color: #b0ccf5
}

.inspect_add_to_darft image {
  width: 40rpx;
  height: 40rpx;
}

.add_to_font_size {
  font-size: 50rpx !important;
}

/* 问题整改 */
.inspect_overview_max {
  background: #191d28;
  padding-bottom: 30rpx;
}

.inspect_overview {
  background: #1e222e;
  padding: 0 30rpx;
}

.module_title_padding {
  padding: 30rpx 0 30rpx 40rpx;
  border-bottom: 1px solid #303c84;
}

.inspect_overview_list_max {
  padding: 20rpx 0 20rpx 20rpx;
}

.inspect_overview_list {
  padding: 20rpx 0;
}

.problem_list_max {
  padding-bottom: 50rpx;
}

.problem_list_for {
  margin-bottom: 25rpx;
}

.problem_list_title {
  padding: 30rpx;
  background: #313b56;
}

.problem_list_title:active {
  background: #29375e
}

.problem_list_content {
  padding: 0 30rpx;
  background: #1d212d;
}

.problem_list_content_title {
  background: url("https://szgcwx.jhncidg.com/staticFiles/img/WEB_80CDF4BF20E1432EAB6469D9E0252224.png") no-repeat left/7rpx 30rpx;
  padding: 30rpx 20rpx;
}

.problem_list_info {
  padding: 10rpx 20rpx;
}

.problem_list_info_title {
  color: #83a5ef
}

.problem_list_info_con {
  padding: 20rpx 10rpx;
}

.problem_list_img {
  padding: 15rpx 0;
}

.problem_list_module_border {
  border-top: 1px solid #343a86;
}

.problem_list_btn_max {
  padding: 30rpx;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.problem_list_btn {
  background: #30384b;
  padding: 13rpx 40rpx;
  margin: 0 10rpx;
  border-radius: 6rpx;
  color: #879ff9;
}

.problem_list_btn:active {
  background: #384461;
}

.problem_list_btn_confirm {
  color: #ffffff;
  background: #495679;
}

.problem_list_btn_confirm:active {
  background: rgb(61, 76, 124);
}

.problem_list_info_input {
  padding: 20rpx 0;
}

.problem_submit_to {
  padding: 40rpx;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.problem_submit_to_btn {
  padding: 20rpx 0;
  width: 220rpx;
  text-align: center;
  border-radius: 10rpx;
  background: #3e4148;
}

.problem_submit_to_btn:active {
  background: #292d35;
}

.problem_submit_to_save {
  background: #513ea7;
}

.problem_submit_to_save:active {
  background: #372a70;
}

/* 新增安全检查 */
.inspect_info {
  padding: 30rpx;
  background: #1e222e;
  margin-bottom: 30rpx;
}

.inspect_info_list {
  padding: 10rpx 0;
}

.inspect_info_title {
  padding: 10rpx 0;
  color: #83a5ef
}

.inspect_info_type {
  padding: 20rpx 0;
  display: flex;
  justify-content: space-around;
}

.inspect_info_type view {
  width: 30%;
  padding: 18rpx 0;
  background: #262c3c;
  text-align: center;
  border-radius: 10rpx;
  color: #6a77a3;
}

.inspect_info_type .active {
  color: #ffffff;
  background: #576691;
}

.inspect_input_fill_in {
  height: 90rpx;
  background: #212737;
  border-radius: 10rpx;
  padding: 0 30rpx;
}

.inspect_info_content {
  padding: 20rpx 0;
}

.module_see_info_delete {
  font-size: 26rpx;
  color: #ef4a4a;
  display: flex;
  align-items: center;
}

.module_see_info_switct {
  font-size: 26rpx;
  font-weight: 600;
  color: greenyellow;
  display: flex;
  align-items: center;
}

.inspect_new_issues_max {
  padding: 30rpx 0;
}

.inspect_new_issues {
  width: 300rpx;
  border-radius: 100rpx;
  padding: 20rpx 0;
  background: #252d41;
  margin: auto;
  text-align: center;
  color: #89a3ed;
  font-size: 34rpx;
}

.check_issue_finish_btn {
  position: relative;
  top: 10rpx;
  right: 0rpx;
  text-align: center;
  line-height: 100rpx;
  width: 230rpx;
  color: #fff;
  height: 100rpx;
  background-color: #495679;
}

.voucher_select_max {
  padding: 0 25rpx;
  display: flex;
  align-items: center;
  background: #212737;
  height: 90rpx;
  border-radius: 10rpx;
}

.voucher_select_min {
  width: calc(100% - 30rpx);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.result_project_name {
  padding: 50rpx 0;
  text-align: center;
}

/* 全部下拉选择器 */
.hj_float {
  float: right;
  padding: 5rpx 50rpx 5rpx 20rpx;
  background: #2e355f url("https://szgcwx.jhncidg.com/staticFiles/img/CORE_5F23F4664AAE44A0BD72BE4BB4C66083.png") no-repeat right/35rpx;
  border-radius: 40rpx;
}

.hj_float:active {
  background: #2e355f url("https://szgcwx.jhncidg.com/staticFiles/img/CORE_5F23F4664AAE44A0BD72BE4BB4C66083.png") no-repeat right/35rpx;
}

.van-popup--bottom.van-popup--round {
  border-radius: 0 !important
}

.van-popup {
  background-color: var(--popup-background-color, #232a44) !important
}

.van-action-sheet__cancel,
.van-action-sheet__item {
  background-color: var(--popup-background-color, #232a44) !important;
  color: #0ad7ec;
}

.problem_submit_to_delete {
  border-bottom: 1px solid #ff6d6d;
  background-color: #ff6d6d;
}

.problem_submit_to_warning {
  border-bottom: 1px solid #E6A23C;
  background-color: #E6A23C;
}

.code_label {
  font-size: 1.0rem;
  width: 180rpx;
  margin: auto;
  text-align: center;
  margin-left: 48rpx;
  border-radius: 0.8rem 0 0.8rem 0;
}

.code_label_2 {
  font-size: 0.8rem;
  width: 120rpx;
  margin: auto;
  text-align: center;
  padding: 0.1rem;
  border-radius: 0.5rem 0 0.5rem 0;
  margin-left: -1rpx;
  margin-bottom: 10rpx;
}

.code_label_3 {
  font-size: 0.8rem;
  width: 120rpx;
  margin: auto;
  text-align: center;
  padding: 0.1rem;
  border-radius: 0.5rem 0 0.5rem 0;
}

.code_label_green {
  background: green;
  color: #FFFFFF;
}

.code_label_red {
  background: red;
  color: #FFFFFF;
}

.code_label_blueviolet {
  background: blueviolet;
  color: #FFFFFF;
}

.code_label_yellow {
  background: #ff9800;
  color: #FFFFFF;
}

.file {
  width: auto;
  zoom: 1;
}

.files {
  word-break: break-all;
  text-decoration: underline;
  padding-bottom: 20rpx;
}

.zxjc {
  border: 5rpx solid #3fabb7;
  border-radius: 12px;
  margin-bottom: 12rpx;
}

.tabNum {
  position: absolute;
  background-color: #f56c6c;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  height: 18px;
  line-height: 18px;
  padding: 0 6px;
  text-align: center;
  white-space: nowrap;
  margin-top: -50rpx;
  margin-left: -15rpx;
}

.tabNum_active {
  position: absolute;
  background-color: #f56c6c;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  height: 18px;
  line-height: 18px;
  padding: 0 6px;
  text-align: center;
  white-space: nowrap;
  margin-left: 110rpx;
  margin-top: 16rpx;
}

.tabNum_defalut {
  position: absolute;
  background-color: #00a6ff;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  height: 18px;
  line-height: 18px;
  padding: 0 6px;
  text-align: center;
  white-space: nowrap;
  margin-left: 110rpx;
}

.van-col--18 {
  word-wrap: break-word;
}

.inspect_list_info_data_2 {
  width: 100%;
}