.public_title{ display: flex; flex-direction: row; align-items: center; line-height: 32rpx; margin-top: 24rpx; margin-left: 14rpx; } .public_title_left{ width: 1rpx; height: 40rpx; /* background-color: #3495A5; */ } .public_title_right{ margin-left: 16rpx; width: 136rpx; height: 32rpx; color: var(--themeColor); font-size: 34rpx; font-weight: bold; font-family:PingFang-SC-Bold; } .container,page{ background-color: #F1F1F1; } .public_view{ width: 730rpx; display: flex; flex-direction: column; background-color: #FFFFFF; margin: 10rpx 10rpx 0 10rpx; border-radius: 20rpx; position: relative; } .task_content{ height: 302rpx; } .task_content_input{ /* margin-top: 20rpx; margin-left: 62rpx; */ padding: 20rpx; display: flex; flex-direction: row; } .task_content_input textarea{ width: 660rpx; height: 200rpx; } .task_content_input .voicebtn{ display: inline-block; width: 153rpx; height: 153rpx; position: absolute; z-index: 1000; right: 10rpx; top: 140rpx; } .task_content_input .voicebtn .voiceimg{ display: inline-block; /* margin-top: 80rpx; */ width: 100%; height: 100%; } .task_content_input .voicebtn .delimg{ display: inline-block; width: 50rpx; height: 50rpx; position: absolute; top: 70rpx; right: -10rpx; } .voicebtnfinish{ display: inline-block; width: 230rpx; height: 48rpx; position: absolute; z-index: 1001; right: 25rpx; top: 200rpx; background:rgba(235,234,234,1); border-radius:10rpx; padding: 12rpx 24rpx 20rpx 24rpx; } .voicebtnfinish .playimg{ display: inline-block; width: 48rpx; height: 48rpx; vertical-align: middle; margin-right: 22rpx; } .voicebtnfinish .blimg{ display: inline-block; width: 93rpx; height: 33rpx; vertical-align: middle; margin-right: 22rpx; } .voicebtnfinish .delimg{ position: absolute; width: 36rpx; height: 36rpx; z-index: 1002; right: -18rpx; top: -18rpx; } .voicebtnfinish .second{ width: 42rpx; height: 48rpx; line-height: 48rpx; display: inline-block; font-size: 30rpx; color: var(--themeColor); } /* .images{ */ /* height: 336rpx; */ /* } */ .images_imgs{ margin: 30rpx 50rpx; display: flex; flex-direction: row; } .images_imgs view{ display: inline-block; width: 145rpx; height: 145rpx; position: relative; margin: 0 20rpx 20rpx 0; } .images_imgs view .images_img{ width: 100%; height: 100%; } .images_imgs view .delimg{ position: absolute; z-index: 1000; width: 50rpx; height: 50rpx; right: -15rpx; top: -15rpx; } .images_select_btn{ text-align: center; padding: 35rpx 25rpx 20rpx 25rpx; } .images_select_btn .images_img{ width: 192rpx; height: 192rpx; border-radius: 96rpx; margin-bottom: 10rpx; } .images_select_btn_desc{ font-size: 20rpx; color: #999999; padding-bottom: 20rpx; text-align: center; } .images_select_btn_desc.border{ border-bottom: 1rpx dashed rgb(74, 188, 206); } .button_view{ padding: 60rpx 0 80px 0; width: 100%; height: 210rpx; background-color: #F1F1F1; } button{ width: 640rpx; height: 72rpx; line-height: 72rpx; color: #FFFFFF; font-size: 38rpx; } .button_view_submit{ margin-top: 10rpx; background-color: var(--themeColor); } .button_view_toWuYe{ margin-top: 28rpx; background-color: #407FCC; } .pull-right{ float: right; } .anonymity{ width: 690rpx; height: 100rpx; line-height: 100rpx; padding: 0 20rpx; background-color: #FFFFFF; margin: 10px; border-radius: 20rpx; } .select_area{ padding: 0 30rpx 0 30rpx; width: 690rpx; height: auto; } .select_area.cur{ padding: 0 30rpx 0 30rpx; width: 690rpx; height: auto; } .select_area .select_list{ width: 690rpx; height: 80rpx; line-height: 80rpx; color: #5C5C5C; border-bottom: 1rpx solid #CCCCCC; font-size:32rpx; font-family:PingFang-SC-Medium; font-weight:500; } .select_area .select_list:last-child{ border-bottom: 0; } .select_list_title{ display: inline-block; width: 180rpx; /* padding-left: 30rpx; */ } .select_list_title.cur{ color: var(--themeColor); font-size: 34rpx; font-weight: bold; } .select_list_content{ display: inline-block; width: 463rpx; text-align: right; padding-right: 15rpx; color: #999999; font-size: 30rpx; } .select_list_img{ display: inline-block; width: 12rpx; height: 20rpx; }