.inp-con[data-v-3976fdc1] {
    display: flex;
    height: 1rem;
    border-radius: .2rem;
    padding: .36rem .28rem;
    border-radius: .32rem;
    border: .02rem solid #7A7A78;
    background: #fff
}

.inp-con[data-v-3976fdc1]:focus-within {
    border-color: #ffd200;
    border-color: #000
}

.inp-con .inp[data-v-3976fdc1] {
    min-width: 0;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.inp-con .inp input[data-v-3976fdc1] {
    min-width: 0;
    flex: 1;
    color: #000;
    font-size: .28rem;
    font-weight: 500
}

.inp-con .inp input[data-v-3976fdc1]::placeholder {
    font-weight: 400;
    color: #c6c6ca
}

.inp-con .inp .icon img[data-v-3976fdc1] {
    vertical-align: middle;
    height: .28rem
}

.inp-con .set_area[data-v-3976fdc1] {
    margin-right: .24rem;
    font-size: .3rem;
    font-weight: 500;
    color: #27313c;
    display: flex;
    align-items: center
}

.inp-con .set_area img[data-v-3976fdc1] {
    margin-left: .1rem;
    vertical-align: middle
}

.inp-con .set_area .icon[data-v-3976fdc1] {
    margin-left: .08rem;
    font-weight: 700;
    font-size: .24rem
}