*{padding:0;margin:0}
body{background-color:#84C1DE;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif}
a,a:active,a:focus,a:hover,a:visited{color:inherit;text-decoration:none}

#main{margin:10px auto;display:flex;justify-content:center;flex-direction:column;align-items:center}

.field{width:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;color:#6c757d;font-size:16px;padding:15px;margin:5px auto;border-radius:6px}

.desc ul{font-size:14px;color:black;list-style-type:none;}
.desc ul>li{line-height:30px;font-size:14px;text-align:center;letter-spacing:5px;font-weight:bold;clear:both;}

@media (max-width:500px){
  #main{padding:0 5px}
  .field{width:100%;padding:15px 0}
  .desc ul{font-size:14px;color:black;list-style-type:none;}
  .desc ul>li{line-height:30px;text-align:center;letter-spacing:5px;font-weight:bold;clear:both;}
}

.brand{display:flex;align-items:center;justify-content:flex-start;text-align:center;color:#000;font-size:30px;font-weight:200;padding:20px;cursor:pointer}
.brand span{color:#fff;font-weight:600}
.brand span.flag{color:#00c250;background:#fff;border-radius:6px;font-size:20px;font-weight:700;display:inline-block;padding:0 5px;margin-left:5px}

.enter-maomi{margin:20px 0;width:70%;text-align:center;line-height:35px;background-color:#BBE1F8;border:2px solid #003357;box-shadow:7px 7px 0px 2px #84C1DE;border-radius:5px;}
.enter-link{margin:5px;border:2px dashed #84C1DE;background-color:white;}
.enter-link a{display:block}

.servicer{height:25px;line-height:25px;font-size:16px;font-weight:bold;color:red;}