.main_right_con{ margin: 20px 0; padding:0 40px 10px 20px; } .change_pwd_title{ font-weight: 600; margin:20px 0 60px; padding-left: 4px; color: #32c5d2; font-size: 16px; } .change_pwd_con{ width: 600px; height: 400px; } .f12{ font-size: 12px; margin-left: 40px; } .input_l{ width:90px; text-align: right; display: inline-block; margin-right: 12px; height: 34px; line-height: 34px; } .input_pwd{ width:238px; height: 34px; line-height: 34px; border:1px solid #e1e4e6; color:#676869; padding-left: 8px; border-radius: 2px; } .input_r{ color:red; margin-left: 8px; } .change_pwd_con li{ height: 34px; line-height: 34px; } .change_pwd_con li:nth-of-type(1){ margin-bottom: 24px; } .change_pwd_con li:nth-of-type(3){ margin: 6px 0; padding-bottom: 8px; padding-left: 26px; position: relative; } .change_pwd_con li:nth-of-type(3):before{ content: '!'; position: absolute; width: 10px; height: 10px; line-height: 10px; font-size: 12px; top:12px; border:1px solid red; opacity: .5; text-align: center; /*background: #676869;*/ color: red; left:50px; border-radius: 100%; } .change_pwd_con li:nth-of-type(5){ margin-top: 24px; } .change_btn{ margin-top: 2px; margin-left: 50px; border-radius: 4px!important; cursor: pointer; background-color: #1E95CD; width: 72px; height: 32px; line-height: 32px; text-align: center; font-size: 14px; color: #fff; display: inline-block; } .change_pwd_success_con{ display: block; width: 380px; position:relative; top: 50%; left: 50%; margin-left: -190px; height: 230px; margin-top: -115px; background-color: #fff; /*background: url('../img/change_pwd_success_con.png') no-repeat center 0;*/ } .success-msg{ margin-top: 50px; } .change_pwd_success_con a{ color: #2abb9b; } em { color: #d4333f; margin-right: 8px; vertical-align: middle; } .glyphicon { color: #32c5d2; }