.location {
    width: 100%;
    height: 100%;
    position: absolute;
}

.welcome_title {
    margin-top: 6rem;
}

.input-common {
    height: 1.25rem;
    width: 7rem;
    border: 0.01rem solid #4f4242;
    background: transparent;
    color: #FEA500;
    font-size: 0.5rem;
}

.input-common1 {
    height: 2rem;
    width: 90%;
    border: 0.03rem solid #acacac;
    background: transparent;
    /*color: #FFF;*/
    color: #6e727b;
    font-size: 0.5rem;
}

.input-common2 {
    height: 2rem;
    width: 90%;
    border: 0.03rem solid #acacac;
    background: transparent;
    /*color: #FFF;*/
    color: #6e727b;
    font-size: 0.5rem;
    width: 35%;
}

.input-phone {
    border: 0px;
}

.input-phone1 {
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
}

.input-check {
    width: 9rem;
    border-radius: 15px 7px 7px 15px;
}

.button-check {
    width: 3.8rem;
    border-radius: 15px 15px 15px 15px;
    background: gray;
}

.button-login {
    background: #dacecb;
    /*background: #38332f;*/
}

.test {
    color: #FEA500;
}

.card1 {
     box-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, 0.3);
     margin: 0.5rem 1.5rem;
     position: relative;
     border-radius: 0.1rem;
     font-size: 0.7rem;
 }

.card2 {
    /*box-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, 0.3);*/
    margin: 0.5rem 1.5rem;
    position: relative;
    border-radius: 0.1rem;
    font-size: 0.7rem;
}

.card-header1 {
    border-radius: 0.1rem 0.1rem 0 0;
    font-size: 0.85rem;
}

.card-header2 {
    border-radius: 0.1rem 0.1rem 0 0;
    font-size: 0.85rem;
}

.card-header1:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: #bbb;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

.card-header2:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: #bbb;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .card-header1:after {
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 3) {
    .card-header1:after {
        -webkit-transform: scaleY(0.33);
        transform: scaleY(0.33);
    }
}

.card-header1 .card-cover {
    width: 100%;
    display: block;
}

.card-header2 .card-cover {
    width: 100%;
    display: block;
}

.card-header1.no-border:after {
    display: none;
}

.card-header2.no-border:after {
    display: none;
}


.card-header1.no-padding {
    padding: 0;
}

.card-header2.no-padding {
    padding: 0;
}

.card-header1,
.card-footer {
    /*min-height: 2.2rem;*/
    position: relative;
    padding: 0.1rem;
    margin: auto;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.card-header2,
.card-footer {
    /*min-height: 2.2rem;*/
    position: relative;
    /*padding: 0.1rem;*/
    margin: auto;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 50%;
}