.container { background-color: #f7f7f7; font-size: 0; } .helpBox { padding: 20rpx; } .formBox { margin: 0; padding-bottom: 140rpx; } .fway-btnBox { position: absolute; bottom: 0; width: 100%; padding: 20rpx 0 30rpx; background-color: #f7f7f7; z-index: 99; } .hiddenDangerBox { padding: 0 20rpx; } .hiddenDangerItemBox { padding: 0; background-color: #fff; margin-top: 20rpx; box-shadow: 0rpx 5rpx 12rpx 0rpx #c7c7c7; border-radius: 10rpx; } .hiddenDangerHeader { padding: 30rpx 20rpx 20rpx; font-size: 30rpx; font-weight: bold; color: #000; } .hiddenDangerBody { padding: 0 20rpx 10rpx; } .hiddenDangerItem { margin-bottom: 20rpx; } .hiddenDangerItemHeader { padding: 10rpx 0; display: flex; justify-content: left; align-items: center; height: 32rpx; } .mustTips { width: 30rpx; font-size: 32rpx; font-weight: bold; color: #fd0101; } .itemHeaderText { color: #000; font-size: 28rpx; } .itemHeaderTips { font-size: 24rpx; color: #777; } .hiddenDangerItemBody { padding: 0; } .hiddenDangerHeaderBtn { width: calc(100% - 288rpx); display: inline-block; vertical-align: middle; text-align: right; } .reportPersonBox .fway-form-item { border-bottom: 2rpx #eaeaea solid; } .reportPersonBox .fway-form-lable { padding: 10rpx 0; width: 150rpx; color: #777; } .reportPersonBox .fway-form-input-inline { width: calc(100% - 150rpx); padding: 10rpx 0 0; } .reportPersonBox .fway-form-input { background-color: #fff; } .photoListBox { width: calc(100% - 20rpx); padding: 10rpx 10rpx; display: flex; justify-content: left; align-items: start; flex-wrap: wrap; align-content: start; } .photoItemBox { width: calc(25% - 20rpx); height: 130rpx; position: relative; border: 2rpx #E5E5E5 solid; border-radius: 10rpx; } .photoItemBox + .photoItemBox { margin-left: 20rpx; } .photoItemBox + .photoItemBoxsel { margin-left: 20rpx; } .photoItemBoxsel { width: calc(25% - 20rpx); height: 130rpx; position: relative; background-color: #f7f7f7; border-radius: 10rpx; display: flex; justify-content: center; align-items: center; } .photoItemImg { width: 100%; height: 100%; } .photoItemImgsel { width: 60rpx; height: 60rpx; } .closeBtn { background-color: #00000060; width: 30rpx; height: 30rpx; position: absolute; padding: 10rpx; top: 0; right: 0; } .vioceBox { display: inline-block; height: 100%; } .vioceListBox { height: 100%; } .vioceItemBox { height: 100%; width: 220rpx; } .vioceItemImgBox { display: inline-table; vertical-align: middle; width: 100rpx; padding: 6rpx 10rpx; background-color: #fff; color: #999999; border: 2rpx #ccc solid; border-radius: 10rpx; position: relative; } .vioceItemDelete { font-size: 28rpx; color: #3e6ffd; display: inline-table; vertical-align: middle; text-align: right; width: 80rpx; } .vioceItemBG { background-color: #bfbfbf; width: 0; position: absolute; left: 0; top: 0; height: 44rpx; border-radius: 10rpx; z-index: 0; } .isPlay { background-color: #F6F7F8; color: #000; } .vioceItemImg { width: 32rpx; height: 32rpx; display: inline-block; vertical-align: middle; margin-right: 20rpx; position: relative; z-index: 99; } .vioceItemDuration { color: #515151; display: inline-block; vertical-align: middle; position: relative; z-index: 99; } .fway-form-item { padding: 0 10rpx; } .fway-form-input { width: calc(100% - 40rpx); padding: 0 20rpx; } .fway-form-textarea { width: calc(100% - 40rpx); padding: 20rpx; height: 120rpx; } .fway-form-item .fway-form-input-select { width: auto; } .fway-form-tips { padding: 10rpx 0; }