#signIn {height:100vh;max-width: 1000px;margin: 0 auto;display: flex;align-items: center;color:#666}
#signIn > div {width:50%;flex:1}
#signIn .left {margin-right: 20px}
#signIn .left img {height: 500px;}
#signIn .right {width: 300px}
#signIn h1 {text-align:center;margin-bottom:50px;}
#signIn h1 img {height: 45px}
#signIn .top {font-size: 14px;line-height:1.6;margin-bottom: 30px}
#signIn h2 {margin-bottom: 10px;font-weight:500}
#signIn ul {margin-bottom:30px}
#signIn li {margin-bottom:30px}
#signIn li p {font-size: 16px;margin-bottom:10px}
#signIn input {border-radius:4px;border:1px solid #ccc;height:40px;padding:0 15px;width:100%;transition:all .2s}
#signIn input:focus {border: 1px solid #5DCDAD}
#signIn button {font-size:14px;font-weight:500;border-radius:4px;width:100%;height:50px;display:flex;align-items:center;justify-content:center;color:#fff;background:#5DCDAD;transition:all .2s}
#signIn button:hover {background: #117c73}
#signIn button i {font-size:18px;margin-right:8px}

@media screen and (max-width: 800px) {
  #signIn {flex-direction:column;overflow-y:auto}
  #signIn .left {margin-right:0;margin-bottom:30px;width:100%;text-align:center;background:#f6f6f6;padding:20px 0}
  #signIn .left img {height: 200px}
  #signIn .right {width:90%;max-width:300px;padding-bottom:50px}
}