@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

*{
    font-size: 15px;
    color: #333;
    font-family: 'Roboto', Verdana,Helvetica,Arial,sans-serif;
    line-height: 1.5em;
    box-sizing: border-box;
}
body{
    margin: 0;
    padding: 0;
    font-family: Roboto,Verdana,Helvetica,Arial,sans-serif;
}
a {
    font-size: 15px;
    color: #0097ff;
    font-family: 'Roboto', sans-serif;
    line-height: 1.5em;
    text-decoration: none;
}
a:hover{
    opacity: 0.8;
}
ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 15px;
}
::selection {
    color: #fff;
    background: #1890ff;
}

.input {
    width: 100%;
    background: rgba(0,0,0,.04);
    border-radius: 12px;
    padding: 0 12px;
    height: 50px;
    border: 2px solid #fff;
    display: block;
}
.input:focus {
    border: 2px solid #0097ff;
    outline: none;
}
select::-ms-expand {
    display: none;
}
select.input{
    background: url(data:image/png;base64,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) rgba(0,0,0,.04) no-repeat 100%;
    background-size: 10px auto;
    background-origin: content-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.btn.main {
    background: #3174ff;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid #ffffff;
    cursor: pointer;
}
.btn.main:hover {
    background: #2b69e9;
}
.btn[disabled] {
    opacity: .6;
    cursor: not-allowed;
}

.page-header,
.page-container,
.page-footer{
    display: block;
    width: 100%;
    max-width: 600px;
    margin: auto;
}

.page-header{
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
    border-bottom: 1px solid rgba(0,0,0,.15);
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.page-container{
    padding: 25px;
}
.page-header .back-icon {
    width: 25px;
    font-size: 16px;
    text-align: center;
}
.page-header .back-link{
    color: #000000;
}

.form-item{
    margin-bottom: 50px;
}
.form-item .form-item-title{
    isplay: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 12px;
}
.form-item .form-item-tip {
    font-size: 13px;
    letter-spacing: -0.2px;
    margin-top: 12px;
}
.form-item .form-error-tip{
    color: red;
    height: 15px;
    margin-bottom: 5px;
}
.form-bottom-text .form-bottom-tip{
    margin-bottom: 12px;
}
.form-check-container .form-item:first-child{
    margin-bottom: 15px;
}

.status-check-main-desc{
    margin-bottom: 30px;
}
.status-check-bottom {
    margin-top: 75px;
}
.status-check-bottom-tip{
    font-size: 10px;
    margin-bottom: 8px;
}
.status-check-cancel-btn.input{
    cursor: pointer;
}
.status-check-cancel-btn.input:focus{
    border: 2px solid #ffffff;
}
.status-check-result{
    display: none;
}
.status-check-result-text{
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
}
.status-check-result-id{
    margin-bottom: 8px;
}
.status-check-result button{
    margin-top: 15px;
    margin-bottom: 30px;
}

.imei-container-info .title-info, .locknum-info-title{
    font-size: 18px;
    margin-bottom: 8px;
}
ul.list-info {
    margin-top: 0;
}
ul.list-info li {
    font-size: 14px;
}
.imei-info {
    padding-bottom: .44444rem;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(0,0,0,.15);
}

.locknum-info-hint{
    font-size: 13px;
    margin-bottom: 5px;
}
.locknum-sample{
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    background: #1e1f20;
    border-radius: 5px;
    padding: 25px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
}
.locknum-tip-top{
    margin-bottom: 5px;
    color: #ff332d;
    font-size: 13px;
}
.locknum-icon-container{
    width: 50px;
    position: relative;
    margin-bottom: 20px;
}
.locknum-icon-container img:first-child{
    display: block;
    width: 36px;
    margin-left: auto;
    margin-right: auto;
}
.locknum-icon-container img.pointer{
    position: absolute;
    width: 23px;
    left: 46px;
    top: 32px;
}
.locknum-icon-text{
    color: #fff;
    margin-bottom: 20px;
}
.locknum-text{
    font-size: 13px;
    margin-bottom: 10px;
    color: #ffffff;
}
.locknum-sub-text{
    font-size: 13px;
    margin-bottom: 30px;
    color: #ffffff;
}
.locknum-btn{
    width: 240px;
    height: 36px;
    border-radius: 50px;
    opacity: .4;
    border: 1px solid #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 25px;
    color: #ffffff;
}
.locknum-btn.locknum-btn-last{
    margin-bottom: 10px;
}
.locknum-num{
    padding: 8px 10px;
    border-radius: 2px;
    border: 1px solid #ff332d;
    color: #ffffff;
}
.locknum-tip{
    margin-top: 12px;
    color: #ff332d;
    font-size: 13px;
}

@media only screen and (max-width: 600px) {
    .form-item .form-error-tip{
        height: auto;
    }
    .form-activation-container .form-item:first-child .form-item-title,
    .form-check-container .form-item:first-child .form-item-title{
        display: block;
    }
    .form-activation-container .form-item:first-child .form-item-title a,
    .form-check-container .form-item:first-child .form-item-title a{
        margin-top: 5px;
        display: block;
    }
}

@media only screen and (max-width: 360px) {
    .locknum-btn{
        width: 100%;
    }
}