.apply_after_sales_main{
    .apply_after_sales_head{
        font-size: 30px;
        text-align: center;
        padding: 20px 0;
        font-weight: 700;
    }
    .kind_number{
        width: 100%;
        padding:  20px;
        box-sizing: border-box;
        border-bottom: 1PX solid #f3f3f3;
        text{
            background-color: #F6F6F6;
            border-radius: 10px;
            font-size: $font_size_medium;
            padding: 5px 0;
            text-align: center;
            width: 100%;
            display: block;
            color: $color_font_three;
        }
    }
    .apply_after_sales_con{
        .scroll{
            height: calc(100% - 170px);
        }
        .scroll_con{
            padding: 20px 0 150px 0;
        }
        .returnSaleInput{
            margin: 0 20px;
            padding-top: 30px;
            border-top: 1px solid #F6F6F6;
            .returnSaleInput_item{
                display: flex;
                align-items: center;
                padding-bottom: 20px;
                flex-wrap: wrap;
                .title{
                    font-size: $font_size;
                    font-weight: 700;
                    width: 119px;
                }
                .select{
                    flex:1;
                    height: 60px;
                    border: 2px solid #e6e6e6;
                    border-radius: 10px;
                    margin-left: 20px;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    padding: 0 20px;
                    font-size: 26px;
                    color: $color_font_two;
                    .miconfont{
                        font-size: 30px;
                    }
                }
                
                .uploadImg{
                    width: 202px;
                    height: 150px;
                    background: #f0f0f0;
                    border: 2px dashed #cccccc;
                    margin-left: 20px;
                    border-radius: 10px;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    position: relative;
                    margin-bottom: 20px;
                    position: relative;
                    .miconfont{
                        font-size: 50px;
                    }
                    .uploadText{
                        font-size: 26px;
                        color: $color_font_three;
                    }
                    

                }
                .ImgItem{
                    width: 202px;
                    height: 150px;
                    background: #f0f0f0;
                    margin-left: 20px;
                    margin-bottom: 20px;
                    position: relative;
                    border-radius: 10px;
                    image{
                        width: 100%;
                        height: 100%;
                        border-radius: 10px;
                    }
                    .miconfont_close{
                        width: 30px;
                        height: 30px;
                        background-color: #ccc;
                        border-radius: 50%;
                        position: absolute;
                        right: -10px;
                        top: -10px;
                        text-align: center;
                        line-height: 30px;
                        color: #fff;
                    }
                }
            }
        }
        
    }
    .apply_after_sales_list{
        padding: 0 20px;
        .apply_after_sales_item{
            margin-bottom: 30px;
            .apply_after_sales_title{
                display: flex;
                align-items: center;
                .tag{
                    font-size: $font_size_min;
                    background-color: #CDE5FF;
                    padding: 5px 10px;
                    border-radius: 6px;
                    color: $color_main;
                }
                .title{
                    font-weight: 700;
                    font-size: $font_size;
                    margin-left: 20px;
                    flex:1;
                }
            }
            .color_list {
                .color_item{
                    display: flex;
                    align-items: center;
                    margin: 20px 0;
                }
                .image{
                    width: 70px;
                    height: 70px;
                    image{
                        width: 100%;
                        height: 100%;
                        border-radius: 50%;
                    }
                }
                .name_and_number{
                    padding-left: 30px;
                    flex:1;
                    text{
                        &:nth-child(1) {
                            font-weight: 700;
                            font-size: $font_size;
                        }
                        &:nth-child(2) {
                            color: $color_font_two;
                            font-size: $font_size;
                            margin-left: 20px;
                        }
                    }
                }
                .btn_count{
                    width: 235px;
                    height: 64px;
                    background-color: #ECF5FF;
                    border-radius: 40px 0px 16px 0px;
                    padding: 0 20px;
                    display: flex;
                    align-items: center;
                }
            }
        }
        
    }


    .btns_con{
        width: 100%;
        position: fixed;
        bottom:0;
        padding: 0 20px;
        box-sizing: border-box;
        padding-bottom: constant(safe-area-inset-bottom); 
        padding-bottom: env(safe-area-inset-bottom);
        .btns_two{
            display: flex;
            height: 82px;
            // border: 1PX solid #007aff;
            font-size: $font_size_big;
            border-radius: 40px;
            margin-bottom: 20px;
            .rest_btn{
                flex:1;
                border: 1PX solid #007aff;
                border-radius: 40px 0 0 40px;
                text-align: center;
                line-height: 82px;
                color: $color_main;
                background-color: #fff;
                
            }
            .verify_btn{
                flex:1;
                border-radius: 0 40px 40px 0;
                background: #007aff;
                text-align: center;
                line-height: 82px;
                color: #fff;
            }
        }
    }
}