/* nova-tourism/pages/my/my-order/my-refund/refund-detail/index.wxss */
.all{
    width: 100vw;
    color: #382E2E;
    background-color: #F4F4F4;
    padding-bottom: 20rpx;
    overflow-y: scroll;
    .title{
        width: 100%;
        font-size: 36rpx;
        background-color: white;
        display: flex;
        justify-content: center;
        padding-bottom: 25rpx;
    }
    .cardbox{
        width: 100%;
        height: auto;
        padding-left: 30rpx;
        padding-right: 30rpx;
        padding-top: 20rpx;
        padding-bottom: 10rpx;
        margin-top: 20rpx;
        background-color: white;
        .title2{
            width: 100%;
            font-size: 30rpx;
            font-weight: 600;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 30rpx;
        }
        .roombox{
            width: 100%;
            display: flex;
            margin-top: 20rpx;
            image{
                width: 170rpx;
                height: 170rpx;
                border-radius: 10rpx;
            }
            .room{
                height: 100%;
                margin-left: 20rpx;
                .room-name{
                    width: 460rpx;
                    font-size: 28rpx;
                    margin-bottom: 10rpx;
                    color: #000000;
    
                }
                .room-tag{
                    font-size: 26rpx;
                    width: 460rpx;
                    height: auto;
                    color: #F37B40;
                    margin-bottom: 10rpx;
                }
                .room-text{
                    width: 460rpx;
                    height: auto;
                    font-size: 26rpx;
                    color: #737373;
                }
                .room-text2{
                    width: 460rpx;
                    height: auto;
                    font-size: 26rpx;
                    margin-top: 100rpx;
                    color: #737373;
                }
            }
        }
        .text1{
            width: 100%;
            font-size: 28rpx;
            display: flex;
            color: #000000;
            margin-bottom: 20rpx;
            .tex1{
                display: flex;
                .tex1-1{
                    color: #E22525;
                    margin-left: 4rpx;
                }

            }
            .tex2{
                margin-left: auto;
                font-size: 30rpx;
                color: #F05C14;
               
            }
            .tex3{
                margin-left: auto;
                font-size: 28rpx;
                display: flex;
            }

        }
        .areabox{
            width: 100%;
            height: auto;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            textarea{
                background-color: #F4F4F4;
                padding: 15rpx;
                border-radius: 15rpx;
                min-height: 200rpx;
            }
            .number{
                color: gray;
                position: absolute;
                bottom: 0;
                right: 46rpx;
                font-size: 26rpx;
            }
        }
        .uploadbox{
            width: 100%;
            height: 528rpx;
            margin-top: 20rpx;
        }
    }
    .submitbox{
        width: 100%;
        height: 110rpx;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: white;
        padding-bottom: 30rpx;
        .submit{
            background-color: #F05C14;
            color: white;
            width: 50%;
            height: 100%;
            border-radius: 20rpx;
            font-size: 30rpx;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    }
}