body{background: #f9f9f9}
.login-container{width:380px;margin:150px auto 0;background: #fff;border-radius:12px;padding:26px 20px;box-shadow: var(--ui-shadow)}
.login-title{text-align: center;font-size:22px;color:#1E9FFF;margin-bottom:20px;}
.login-row{margin-top:15px;display:flex;}
.login-row input[type=text]{flex:0 0 100%;height:37px;border:solid 1px #ddd;border-radius:3px;padding-left:6px;}
.login-row input.short{flex:0 0 calc(100% - 90px);border-radius:3px 0 0 3px}
.login-row img{flex:0 0 80px;width:90px;height:37px;border-radius:0 3px 3px 0;}
.login-row input[type=submit]{flex:0 0 100%;height:37px;background: #1E9FFF;color:#fff;border-radius:3px;}
@media (max-width:512px){
  .login-container{width:90%;margin:90px auto 0;padding:26px 16px;}
}
.result-container{max-width:750px;margin:30px auto;background:#fff;border-radius:12px;padding:20px;box-shadow: var(--ui-shadow)}
.result-title{text-align: center;font-size:22px;color:#1E9FFF;margin-bottom:30px;}
.result-box{margin-bottom:20px;border-bottom:solid 1px #eee}
.result-box:last-child{margin-bottom:0;border-bottom:0;}
.result__row{display: flex;align-items: center;margin-bottom:15px;}
.result__row label{flex:0 0 145px;color:#666;margin-right:9px;}
.result__row p{}
.result__row p a{color: #ee470a}
.result__tips{text-align: center;font-size:12px;color:red;margin-top:12px}
@media (max-width:768px){
  .result-container{;margin:30px 12px;}
}