@charset "utf-8";

.password-wrap { min-width: 400px; border: 1px solid #dadada; border-radius: 2px; box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.1); position: relative; z-index: 9999; margin: 10% 40%; }
.password-wrap .top-area { padding: 10px 20px; background: #f8f8f8;}
.password-wrap .top-area .title { font-size: 1.6rem; font-weight: 600;}
.password-wrap .mid-area { border-top: 1px solid #dadada; padding: 25px 20px;}
.password-wrap .mid-area .input-title { color: #6D6D6D;}

.password-wrap .mid-area .password { padding-top: 10px;}
.password-wrap .mid-area .password input { width: 100%; height: 33px; padding: 3px 7px; border: 1px solid #dadada; border-radius: 2px} 
.password-wrap .bottom-area { text-align: right; padding: 0px 20px 25px 0;}
.password-wrap .bottom-area .password-bottom a { font-size: 1.3rem; display: inline-block; width: 80px; height: 30px; line-height: 30px;  text-align: center; border-radius: 4px; margin-left: 5px;}
.password-wrap .bottom-area .password-bottom a.btn-check { background: #006CFA; color: #fff;}
.password-wrap .bottom-area .password-bottom a.btn-cancle { background: #fff; border: 1px solid #dadada; color: #6D6D6D;}

.password-wrap .bottom-area .password-bottom a.btn-check:hover { background: #0259cb;}