.mmscq-level {
    color: #fff;
    color: rgba(255,255,255,0.9);
    transition: background .5s linear;
    background-color: #fff
}

.mmscq-level--bad,.mmscq-level--insecure {
    background-color: #c63136
}

.mmscq-level--ok {
    background-color: #de7b46
}

.mmscq-level--good {
    background-color: #2f8249
}

#password_box {
    width: 100%;
    font-size: 16px;
    box-sizing: border-box
}

#jie_guo {
    word-break: break-all;
    line-height: 20px;
    display: none
}

#jie_guo #po_jie_hao_shi {
    float: left;
    display: block;
    margin-top: 3px;
    width: calc(100% - 50px)
}

#jie_guo #fu_zhi_an_niu {
    float: right;
    display: block;
    margin-top: 3px
}

#password_checks {
    clear: both;
    display: block;
    margin-top: 34px;
    padding-top: 5px
}

.mmscq_checks {
    margin: 0;
    padding: 0
}

.mmscq_checks li {
    list-style: none;
    margin: 0;
    padding: 4px;
    margin-top: 5px;
    border-radius: 5px
}

.mmscq_checks li.achievement {
    background-color: #EFE;
    border: 1px solid #ACA
}

.mmscq_checks li.warning {
    background-color: #EEF;
    border: 1px solid #AAC
}

.mmscq_checks li.advice {
    background-color: #FFD;
    border: 1px solid #eca
}

.mmscq_checks h2 {
    font-size: 14px;
    margin: 0;
    padding: 0
}

.mmscq_checks p {
    margin: 0;
    padding: 0
}

#jie_guo_pi_liang {
    text-align: right;
    display: none
}

#password_box_pi_liang {
    width: 100%;
    height: 100px;
    font-size: 16px;
    box-sizing: border-box
}

#random_passwd_table {
    width: 95%;
    max-width: 450px;
    background-color: #c5d5c5;
    position: relative;
    top: 60px;
    padding-bottom: 50px;
    margin: 0 auto
}

#random_passwd_history_setting {
    display: none
}

#random_passwd_history_setting i {
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    margin-left: 4px;
    padding: 3px
}

#random_passwd_history_setting #random_passwd_history_view {
    float: right;
    cursor: pointer
}

#random_passwd_history_setting #random_passwd_history_hidden {
    display: none;
    float: right;
    cursor: pointer
}

#random_passwd_history_setting .right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

#random_passwd_history_setting .left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}

#random_passwd_history_setting .up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg)
}

#random_passwd_history_setting .down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

#random_passwd_history {
    display: none
}

#random_passwd_history tr td .history {
    font-size: 14px;
    letter-spacing: 1px;
    word-break: break-all
}

#random_passwd_history tr td .history .blue {
    color: #007fde
}

#random_passwd_history tr td .history .red {
    color: #c40800
}

#random_passwd_history tr td .datetime {
    color: silver;
    text-align: right
}

.mx_table tr:nth-child(odd) td {
    background-color: #fff
}

.mx_table tr:nth-child(even) td {
    background-color: #f8f8f8
}