/* nova-tourism/pages/my/my-order/my-refund/refund-detail/index.wxss */
page {
    background: white;
    font-family: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", sans-serif;

}

.title {
    width: 100%;
    font-size: 36rpx;
    background-color: white;
    display: flex;
    justify-content: center;
    padding-bottom: 25rpx;
    border-bottom: #F4F4F4 20rpx solid;
}

.cardbox {
    width: 100%;
    padding-left: 30rpx;
    padding-right: 30rpx;
    padding-top: 20rpx;
    padding-bottom: 10rpx;
    margin-top: 20rpx;
    background-color: white;

    .title2 {
        width: 100%;
        font-size: 30rpx;
        display: flex;
        align-items: center;
        margin-bottom: 30rpx;
    }

    .roombox {
        width: 100%;
        display: flex;
        margin-top: 20rpx ;
        padding-bottom: 20rpx;
        margin-bottom: 20rpx;
        border-bottom: 1rpx solid #D9D9D9;
        image {
            width: 150rpx;
            height: 150rpx;
        }

        .room {
            margin-left: 20rpx;

            .room-name {
                width: 460rpx;
                font-size: 24rpx;
                margin-bottom: 10rpx;
                color: #000000;

            }

            .room-tag {
                font-size: 26rpx;
                width: 460rpx;
                color: #F37B40;
                margin-bottom: 10rpx;
            }

            .room-text {
                width: 460rpx;
                font-size: 26rpx;
                color: #737373;
            }

            .room-text2 {
                width: 460rpx;
                font-size: 20rpx;
                margin-top: 100rpx;
                color: #979797;
            }
        }
    }

    .text1 {
        padding: 5rpx 0;
        width: 100%;
        font-size: 24rpx;
        display: flex;
        color: #000000;
        margin-bottom: 20rpx;

        .tex1 {
            display: flex;

            .tex1-1 {
                color: #E22525;
                margin-left: 4rpx;
            }

        }

        .tex2 {
            margin-left: auto;
            font-size: 24rpx;
            color: #F05C14;

        }

        .tex3 {
            margin-left: auto;
            font-size: 24rpx;
            display: flex;
        }

    }

    .areabox {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;

        textarea {
            background-color: #F4F4F4;
            width: 100%;
            padding: 15rpx;
            border-radius: 5rpx;
            min-height: 200rpx;
        }

        .number {
            color: gray;
            position: absolute;
            bottom: 5rpx;
            right: 20rpx;
            font-size: 26rpx;
        }
    }

    .uploadbox {
        width: 100vw;
        margin-top: 20rpx;
        display: flex;
        justify-content: space-between;
        .up{
            width: 160rpx;
        }
        .box{
            width:560rpx ;
            display: flex;
            flex-wrap: wrap;
            .image{
                position: relative;
                image{
                    margin: 5rpx;
                    width: 160rpx;
                    height: 160rpx;
                }
                van-icon{
                    position: absolute;
                    right: 0rpx;
                    background: rgba(255, 255, 255, 0.87);
                    border-radius: 0 0 0 30rpx;
                    padding: 8rpx;
                    font-size: 25rpx;
                }
            }
          
        }
    }
}

.submitbox {
    margin-top: 20rpx;
    width: 100%;
    height: 110rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 30rpx;

    .submit {
        background-color: #F89B7F;
        color: white;
        width: 50%;
        height: 100%;
        border-radius: 20rpx;
        font-size: 30rpx;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}