.shop_cart_main{
    .popup_con{
        height: 80vh;
        display: flex;
        flex-direction: column;
    }
    .header{
        color: $color_font_one;
        font-size: 32px;
        font-weight: 700;
        padding: 20px;
    }
    .colorFind{
        padding: 10px 20px;
        display: flex;
        align-items: center;
        .search{
            flex:1;
        }
        .text{
            font-size: $font_size_medium;
            color: $color_main;
        }
    }
    .search{
        display: flex;
        align-items: center;
        padding: 20px;
        .search_title{
            font-size: $font_size;
            color: #000;
            width: 160px;
        }
        .search_list{
            display: flex;
            justify-content: space-between;
            flex:1;
        }
        .search_item{
            width: 148px;
            height: 55px;
            text-align: center;
            line-height: 55px;
            color: $color_font_two;
            font-size: $font_size_medium;
            background-color: #f0f0f0;
            border-radius: 50px;
        }
        .search_item_select{
            border: 2px solid $color_main;
            background-color: #ecf5ff;
            color: $color_main;
            width: 144px;
            height: 51px;
        }
    }
    .colorNum{
        display: flex;
        justify-content: space-between;
        padding: 20px;
        .title{
            font-size: 26px;
        }
        .miconfont{
            font-size: 36px;
            color: $color_font_two;
        }
    }
    .product_color_con{
        flex:1;
        height: 0;
        padding-bottom:151px;
    }
    .color_con{
        .item {
            display: flex;
            justify-content: space-between;
            padding: 0 20px;
            margin-bottom: 40px;
            .item_color{
                width: 156.5px;
                height: 156.5px;
                border-radius: 20px;
                
            }
            .item_con{
                flex:1;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                padding: 20px 0 20px 20px;
                .title{
                    font-size: $font_size_big;
                    font-weight: 700;
                }
                .num{
                    font-size: $font_size;
                    color: $color_main;
                }
                .priceText{
                    font-size: $font_size_big;
                    Text{
                        font-size: $font_size_min;
                    }
                }
            }
            .btn_con{
                display: flex;
                align-items: flex-end;
                .btn{
                    width: 116px;
                    height: 64px;
                    background-color: $color_main;
                    border-radius: 40px 0px 16px 0px;
                    font-size: $font_size_medium;
                    text-align: center;
                    line-height: 64px;
                    color: #fff;
                }
                .btn_count{
                    width: 235px;
                    height: 64px;
                    background-color: #ECF5FF;
                    border-radius: 40px 0px 16px 0px;
                    padding: 0 20px;
                    display: flex;
                    align-items: center;
                }
            }
        }
    }
    .noData{
        width:100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: $color_font_three;
        font-size: $font_size_medium;
    }
    .buy_btn{
        width: 100%;
        padding: 0 40px;
        padding-bottom: constant(safe-area-inset-bottom);
        padding-bottom: env(safe-area-inset-bottom);
        box-sizing: border-box;
        position: fixed;
        bottom:0;
        font-size: $font_size_medium;
        color: $color_font_two;
        background-color: #fff;
        box-shadow: 6px 0px 12px 0px rgba(0,0,0,0.16); 
        .buy_btn_con{
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 151px;
        }
        .add_cart{
            width: 260px;
            height: 90px;
            font-size: $font_size_big;
            text-align: center;
            line-height: 90px;
            border-radius: 50px;
            color: #fff;
            background: linear-gradient(38deg,#5cabff, #7cbcfc 100%, #99ccff 100%);
        }
        .select_add_cart{
            background: linear-gradient(38deg,#007aff, #4fa6ff 100%, #68b4ff 100%);
        }
    }
}