.page-box-2 { align-items: flex-start; background-color: #fff; display: flex; flex-direction: column; margin: 15rpx; padding: 15rpx; } van-action-sheet input { height: 60rpx; line-height: 60rpx; padding-left: 10rpx; } van-action-sheet input,van-action-sheet textarea { border: 1px solid #c2c2c2; border-radius: 10rpx; margin-top: 9rpx; } van-action-sheet textarea { padding: 10rpx; } van-action-sheet .line { border-bottom: 1rpx solid #f5f5f5; border-top: 1rpx solid #f5f5f5; } van-action-sheet .line,van-action-sheet .noline { height: 90rpx; line-height: 90rpx; text-align: center; width: 90%; } van-action-sheet .line:active,van-action-sheet .noline:active { background-color: #f5f5f5; color: #000; } .type-box { flex-direction: row; flex-wrap: wrap; justify-content: flex-start; width: 100%; } .type-box,.type-box .item { align-items: center; display: flex; } .type-box .item { flex-direction: column; justify-content: center; } .type-box image { height: 84rpx; width: 84rpx; } .input-box { align-items: flex-start; display: flex; flex-direction: column; justify-content: center; padding: 15rpx; width: 100%; } .input-box .title { color: #000; font-size: 32rpx; } .input-box textarea { color: #000; font-size: 28rpx; height: 200rpx; width: 100%; } .control-box,.input-box textarea { border: 1rpx solid #f5f5f5; margin-top: 15rpx; padding: 15rpx; } .control-box { align-items: center; display: flex; flex-direction: row; justify-content: space-around; } .control-box .item { flex-grow: 1; font-size: 32rpx; text-align: center; } .item-input { border-radius: 10rpx; height: 80rpx; line-height: 80rpx; margin-top: 15rpx; padding-left: 15rpx; text-align: left; width: 100%; } .control-box .item:active,.item-input { background-color: #f5f5f5; } .control-box .item:nth-child(2) { border-left: 1rpx solid #f5f5f5; border-right: 1rpx solid #f5f5f5; font-size: 32rpx; margin-right: 15rpx; padding: 0rpx 15rpx; } .item-box { align-items: flex-start; flex-direction: column; } .item-box,.movie-box { display: flex; justify-content: center; width: 100%; } .movie-box { align-items: center; border-radius: 10rpx; flex-direction: row; height: 350rpx; margin-top: 15rpx; } .movie-box:nth-child(1) { margin-top: 0rpx; } .movie-box image { border-radius: 10rpx; height: 350rpx; width: 100%; } .choose-box { align-items: center; display: flex; flex-direction: row; flex-wrap: wrap; font-size: 32rpx; justify-content: flex-start; width: 100%; } .choose-box .item-text { margin-left: 15rpx; } .choose-box .item-text:nth-child(1),.choose-item:nth-child(1) { margin-left: 0rpx; } .choose-box .item { margin-left: 15rpx; padding: 8rpx; } .choose-box .item:nth-child(1) { margin-left: 0rpx; } .dir-box { justify-content: flex-start; } .dir-box,.dir-parent-box { align-items: center; display: flex; flex-direction: row; width: 100%; } .dir-parent-box { justify-content: center; margin-top: 15rpx; } .dir-parent-box .title { width: 120rpx; } .sel-item { margin: 15rpx; } .sel-border { border: 1rpx solid #e6b980; border-radius: 10rpx; padding: 15rpx; } .audio-box { align-items: center; display: flex; flex-direction: row; justify-content: center; min-height: 400rpx; width: 100%; }