* {
    margin: 0;
    padding: 0;
}

.container {
    width: 100%;
    background: #d1d1d1;
}

body,html{
    background: #d1d1d1;
}

.bannner {
    width: 100%;
    height: 7.49rem;
    display: block;
}

.main {
    background: url(../images/box.png) no-repeat center/100% 100%;
    width: 90%;
   min-height: calc(100vh - 7.49rem);
    margin: 0 auto 0.5rem;
    padding-bottom: 0.2rem;
    position: relative;
    border: 1px solid transparent;
    box-sizing: border-box;
    padding-top: .3rem;
}

.title {
    width: 50%;
    display: block;
    margin: 0 auto;
}

.sys {
    margin: 0.9rem auto 0.3rem;
    width: 70%;
    display: block;
}

.row {
    width: 70%;
    height: .75rem;
    display: flex;
    border-radius: .08rem;
    border: 1px solid #fec976;
    margin: 0 auto;
    overflow: hidden;
}

.input {
    width: 75%;
    font-size: .14rem;
    background-color: #ffffff;
    border: 0;
    border-radius: 0;
    padding-left: .2rem;
    box-sizing: border-box;
    font-size: .28rem;
}



input:focus {
    outline: none;
}

.input::-webkit-input-placeholder {
    line-height: 1.4;
    font-size: .28rem;

}

.success {
    width: 25%;
    height: 100%;
    line-height: .75rem;
    background: #fec976;
    color: #fff;
    text-align: center;
    font-size: .28rem;

}

.tip {
    width: 80%;
    margin-top: .4rem;
    /* position: absolute;
    bottom: 0.3rem;
    left: 10%; */
    display: block;
    padding-left: 10%;
    box-sizing: border-box;
    padding-bottom: .3rem;
}