@charset "utf-8";
body{background-color:#fff;}
.headTitle{background-color: #0882d7; height: 3rem; line-height: 3rem; font-size: 1.2rem; text-align: center; color: #dff8ff;}
.loginLogo{ width: 10rem; height: 10rem; margin: 0 auto; background: url(../images/AHlogo.png) no-repeat center center ; background-size: contain;}
.loginHtml{ width: 80%; margin: 0 auto;}
.loginHtml ul li{ padding:0.5rem 0px; height: 3rem; position: relative;}
.loginHtml ul li input{ height: 2.3rem; width: 95%; line-height: 2.3rem; font-size: 0.9rem; padding:0.3rem 1rem; border: 1px solid #e3e7e8; background-color: #fff; border-radius: 2rem;}

.loginHtml ul li input.codeInput{ width: 45%; float: left;}
.loginHtml ul li span.imgCode{ float: right; height: 2.8rem;  width: 40%;border-radius: 2rem; }
.loginHtml ul li span.imgCode img{ width: 100%; height: 2.8rem;  border-radius: 2rem;} 
.loginBtn{ width: 70%; height: 3rem;  margin: 0 auto;}
.loginBtn button{ width: 100%; height: 3rem; background-color: #ec4b00; font-size: 1.1rem; color: #fff; border-radius: 2rem;  background-image: -webkit-linear-gradient(top right, #ff5100, #ec4b00);  background-image: -moz-linear-gradient(top right, #ff5100, #ec4b00);  background-image: -ms-linear-gradient(top right, #ff5100, #ec4b00); background-image: -o-linear-gradient(top right, #ff5100, #ec4b00); -moz-box-shadow: 0.1rem 0.1rem 0.4rem #cc0e00;  box-shadow: 0.1rem 0.1rem 0.4rem #cc0e00; }
.careful{ width: 80%; margin: 0 auto; color: #7c8285; font-size: 0.8rem; line-height: 1.5rem; }
.careful h4{  height: 2rem; font-weight: bold;  text-align: left; }
.careful p{  line-height: 1.5rem; text-align: left; display: block; clear: both;}
.careful p b{ width: 5%; float: left; display: block;  padding-right: 0.5rem;}
.careful p span{ width: 90%; display: block;float: right;}