.login { width: 600px; margin: 100px auto 0 auto; }
.login .logo { text-align: center }
.login .logo img { max-width: 100px; }
.login h2 { text-align: center; font-size: 18px; padding: 35px 0 15px 0; font-weight: 800 }
.login .box { width: 350px; margin: 15px auto; }
.box ul li { display: flex; padding: 15px 0; align-items: center; }
.box ul li label { width: 70px; font-size: 15px; color: #333 }
.box ul li .tx { outline: none; background: #f5f5f5; border-radius: 4px; height: 36px; border: 0; text-indent: 10px; width: 280px; }
.box ul li .getcode { background: #A10417; padding: 7px 15px; margin-left: 15px; color: #fff; cursor: pointer; border-radius: 4px; }
.btn_login { background: #A10417; padding: 9px 0px; display: block; width: 100%; color: #fff; cursor: pointer; border-radius: 4px; text-align: center; margin: 5px 0; transition: background 0.3s; }
.btn_login:hover { background: #8f0415; }
.xieyi { text-align: center; cursor: pointer; display: flex; align-items: center; justify-content: center }
.xieyi span { color: #333; margin-left: 5px; }
.xieyi .mdi { color: #A10417 }
.txt { text-align: center; padding-top: 20px; }
.txt a { color: #A10417; text-decoration: underline }