.login {margin: 2rem auto 0 auto; }
.login .logo { text-align: center }
.login .logo img { max-width: 100px; }
.login h2 { text-align: center; font-size: 1.4rem; padding: 1.5rem 0 1rem 0; font-weight: 800 }
.login .box {  padding: 1.5rem ; }
.box ul li { display: flex; padding: .8rem 0; align-items: center; justify-content:space-around }
.box ul li label { width: 15%; font-size: 15px; color: #333 }
.box ul li .tx { outline: none; background: #f5f5f5; border-radius: 4px; padding:.8rem 0;  border: 0; text-indent: 10px; width: 70%; }
.box ul li .getcode { background: #A10417; padding: .55rem .6rem; color: #fff; cursor: pointer; border-radius: .2rem; font-size:1rem }
.btn_login { background: #A10417; padding: 9px 0px; display: block; width: 90%; color: #fff; cursor: pointer; border-radius: 4px; text-align: center; margin: .5rem auto; transition: background 0.3s; }
.btn_login:hover { background: #8f0415; }
.xieyi { text-align: center; cursor: pointer; display: flex; align-items: center; justify-content: center; outline:none; -webkit-tap-highlight-color: rgba(240, 240, 240, 0.1) }
.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 }

.service { position:absolute; bottom:.7rem; text-align:center; width:100%;  }
.service a { display:flex; align-items:center; justify-content:center}
.service a span { color:#555; margin-left:.5rem; font-size:1rem;}