/**
 * @file 基本样式
 * @author Ma Yue(mayue@baidu.com)
 */
html,
body,
div,
span,
dl,
dt,
dd,
ul,
ol,
li,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
button,
p,
a,
blockquote,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
}

body {
    background: url(../img/head_bg.png) left top repeat-x #fff;
    font-family: "微软雅黑";
    font-size: 12px;
}

a {
    cursor: pointer;
}

.wrapper {
    margin: 0 auto;
    width: 980px;
    overflow: hidden;
}

.footer {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    background: #ededef;
    border-top: 1px solid #cfd3d9;
    color: #4f5963;
}

.footer a {
    margin: 0 8px;
    color: #4f5963;
    font-size: 12px;
    line-height: 22px;
}

.clearfix {
    display: block;
}

.clearfix::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.inline {
    display: inline-block;
    *display: inline;
    zoom: 1;
}

ol,
ul {
    list-style: none;
    list-style-position: outside;
}

.form-row {
    margin: 10px 0;
}

.form-left-block {
    display: inline-block;
    width: 55px;
}

.warn {
    color: #ffb705;
    font-size: 13px;
    padding-left: 12px;
    line-height: 20px;
    height: 20px;
    margin-left: 10px;
    width: 170px;
    margin-top: 10px;
    display: inline;
}

.tool-logo {
    width: 48px;
    height: 48px;
}

.tool-logo-phone {
    background: url(../img/tool_ui.png) 0 0 no-repeat;
}

.tool-logo-app {
    background: url(../img/tool_ui.png) 0 -48px no-repeat;
}

.tool-logo-question {
    background: url(../img/tool_ui.png) 0 -96px no-repeat;
}

.tool-logo-email {
    background: url(../img/tool_ui.png) 0 -144px no-repeat;
}

.normal-input {
    height: 18px;
    line-height: 18px;
}

.hide {
    display: none;
}

.common-error-tip {
    color: #999;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
}

.common-success-tip {
    color: #539bff;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
}

.top {
    height: 20px;
}

.top-content {
    font-size: 12px;
    line-height: 20px;
    text-align: right;
    color: #4f5a63;
}

.uc-name#uc-name {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.uc-name-text {
    max-width: 384px;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.top-content span:not(.uc-name-text, .uc-name-copy) {
    margin: 0 10px;
    color: #4f5a63;
}

.uc-name-copy {
    cursor: pointer;
}

.top-content a {
    font-size: 12px;
    line-height: 20px;
    text-align: right;
    color: #4f5a63;
    text-decoration: none;
}

.logout-confirm-dialog {
    display: none;
}

.logout-confirm-dialog-body {
    padding: 20px 24px 0;
}

.logout-confirm-dialog-body .form-item {
    margin-bottom: 10px;
}

.logout-confirm-dialog-body .form-item .label {
    display: inline-block;
    width: 40px;
}

.logout-confirm-dialog-body .form-item-btn {
    margin-top: 24px;
    padding-left: 40px;
}

.logout-confirm-dialog-body .form-item-btn .btn {
    width: 80px;
    height: 26px;
    line-height: 26px;
    margin-right: 12px;
    border-radius: 4px;
    cursor: pointer;
}

.logout-confirm-dialog-body .form-item-btn .btn,
.logout-confirm-dialog-body .form-item-btn .btn:hover,
.logout-confirm-dialog-body .form-item-btn .btn:link,
.logout-confirm-dialog-body .form-item-btn .btn:active {
    outline: none;
}

.logout-confirm-dialog-body .form-item-btn .btn.confirm {
    color: #fff;
    border: 1px solid #65b445;
    background-color: #65b445;
}

.logout-confirm-dialog-body .form-item-btn .btn.confirm:hover,
.logout-confirm-dialog-body .form-item-btn .btn.confirm:link,
.logout-confirm-dialog-body .form-item-btn .btn.confirm:active {
    border: 1px solid #509c2f;
}

.logout-confirm-dialog-body .form-item-btn .btn.cancel {
    border: 1px solid #afafaf;
}

.logout-confirm-dialog-body .form-item-btn .btn.cancel:hover,
.logout-confirm-dialog-body .form-item-btn .btn.cancel:link,
.logout-confirm-dialog-body .form-item-btn .btn.cancel:active {
    border: 1px solid #999;
}

.head {
    height: 60px;
    overflow: hidden;
}

.logo {
    height: 50px;
    margin-top: 8px;
    background: url(../img/logo.png) left top no-repeat #fff;
    background-size: 30%;
}

.nav {
    height: 40px;
    font-size: 16px;
}

.nav-item {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 126px;
    height: 40px;
    cursor: pointer;
    text-align: center;
    line-height: 40px;
    color: #d6d6d6;
    text-decoration: none;
}

.nav-item-large {
    width: 200px;
}

.nav-item.current {
    background: #313945;
    color: #fff;
}

.main {
    min-height: 500px;
}

.skin-plain-button {
    border: 1px solid #ddd;
    background: transparent;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ddd));
    background: -webkit-linear-gradient(top, #fff, #ddd);
    background: -moz-linear-gradient(top, #fff, #ddd);
    background: -ms-linear-gradient(top, #fff, #ddd);
    background: -o-linear-gradient(top, #fff, #ddd);
    color: #999;
    font-size: 13px;
}

.skin-blue-button {
    font-size: 16px;
    color: #fff;
    -moz-border-radius: 3;
    -webkit-border-radius: 3;
    border-radius: 3;
    background: #549bff;
    border-color: #549bff;
}

.skin-cancle-button {
    background: #d4e6ff;
    border-color: #d4e6ff;
    font-size: 16px;
    color: #539bff;
}

.ui-button-disabled.ui-button {
    background: #eee;
    border-color: #eee;
    color: #999;
}

/**
 * 未登录首页
 */
.unlogin-nav {
    position: absolute;
    left: 0;
    top: 120px;
    width: 100%;
    height: 400px;
    background: #64a4ff;
}

.unlogin-nav-container {
    position: relative;
    width: 1280px;
    height: 400px;
    margin: 0 auto;
    background: url(../../common/img/unlogin_nav.png) left top no-repeat;
}

.unlogin-nav-login-container {
    position: absolute;
    left: 844px;
    top: 4px;
}

.unlogin-home-wrapper .uc-common-login .login .watermark {
    display: none;
}

.uc-common-login .login-action .submit {
    height: 35px;
}

.unlogin-level {
    margin-top: 420px;
    margin-bottom: 30px;
}

.unlogin-level-title {
    height: 38px;
    overflow: hidden;
    border-bottom: solid 1px #f0f0f0;
}

.unlogin-level-title p {
    color: #8f97a3;
    font-size: 18px;
    height: 20px;
    margin-top: 9px;
    line-height: 20px;
    padding-left: 26px;
    background: url(../../common/img/unlogin_ui.png) left -270px no-repeat;
}

.unlogin-level-container {
    width: 926px;
    margin: 0 auto;
    border: 1px solid #d7dee4;
    border-top: none;
    margin-top: 20px;
}

.unlogin-level-container ul {
    overflow: hidden;
}

.unlogin-level-container ul li {
    float: left;
    width: 308px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    color: #4f5763;
    font-size: 14px;
    border-left: #d7dee4 solid 1px;
    border-bottom: #d7dee4 solid 1px;
    border-top: none;
    background: #fcfcfc;
    cursor: pointer;
}

.unlogin-level-container ul li .level-item-tip {
    font-size: 38px;
    margin-left: 10px;
}

.unlogin-level-container ul li.first {
    border-left: none;
    border-top: #fb8084 solid 2px;
}

.unlogin-level-container ul li.first .level-item-tip {
    color: #fb8084;
}

.unlogin-level-container ul li.second {
    border-top: solid 2px #ffb805;
}

.unlogin-level-container ul li.second .level-item-tip {
    color: #ffb805;
}

.unlogin-level-container ul li.third {
    border-top: solid 2px #2dcb73;
}

.unlogin-level-container ul li.third .level-item-tip {
    color: #2dcb73;
}

.unlogin-level-container ul li.active {
    border-bottom: #fff solid 1px;
    background: #fff;
}

.unlogin-level-list dl {
    margin-left: 30px;
    overflow: hidden;
}

.unlogin-level-list-item {
    display: none;
}

.unlogin-level-list .unlogin-level-list-item.active {
    display: block;
}

.unlogin-level-list-item-title {
    height: 70px;
    color: #323945;
    font-size: 16px;
    line-height: 70px;
}

.unlogin-level-list dl dd {
    padding-left: 46px;
    width: 354px;
    float: left;
    _display: inline;
    height: 90px;
}

.unlogin-level-list dl dd.first {
    background: url(../../common/img/unlogin_ui.png) left -180px no-repeat;
}

.unlogin-level-list dl dd.second {
    background: url(../../common/img/unlogin_ui.png) left -90px no-repeat;
}

.unlogin-level-list dl dd.third {
    background: url(../../common/img/unlogin_ui.png) left 0px no-repeat;
}

.unlogin-level-list dl dd.unlogin-level-list-item-content-left {
    margin-right: 60px;
}

.unlogin-level-list dl dd .unlogin-level-list-item-content-title {
    color: #4f5763;
    font-size: 16px;
}

.unlogin-level-list dl dd .unlogin-level-list-item-content-tip {
    color: #8f97a3;
    font-size: 13px;
}

.unlogin-level-list-item-bottom {
    border-top: solid 1px #eee;
    height: 90px;
    text-align: center;
    font-size: 18px;
    line-height: 18px;
    overflow: hidden;
}

.unlogin-level-list-item-bottom span {
    float: left;
    _display: inline;
    margin-top: 38px;
}

.unlogin-level-list-item-bottom .item-bottom-star-bg {
    margin-left: 340px;
    padding-left: 30px;
    color: #8f97a3;
    background: url(../../common/img/unlogin_ui.png) left -290px no-repeat;
}

.unlogin-level-list-item-bottom .item-bottom-tool-tip {
    color: #63a3ff;
    margin-left: 8px;
}

.unlogin-level-list-item-bottom .item-bottom-btn {
    margin-top: 24px;
    padding: 0 40px;
    height: 38px;
    line-height: 38px;
    margin-left: 20px;
    color: #fff;
    background: #539bff;
    border: solid 1px #539bff;
    -webkit-border-radius: 2px 2px 2px 2px;
}

.unlogin-question-back {
    height: 200px;
    overflow: hidden;
}

.unlogin-question-list {
    position: absolute;
    width: 100%;
    height: 200px;
    left: 0;
    top: 976px;
    background: #fcfcfc;
}

.unlogin-question-list-container-top {
    height: 58px;
    border-bottom: solid #eee 1px;
}

.unlogin-quesiton-list-content {
    float: left;
    _display: inline;
    width: 706px;
}

.unlogin-quesiton-list-content ul {
    overflow: hidden;
    margin-left: 26px;
    margin-top: 14px;
}

.unlogin-quesiton-list-content ul li {
    font-size: 13px;
    width: 322px;
    float: left;
    height: 25px;
    line-height: 25px;
    padding-left: 18px;
    background: url(../../common/img/tool_ui.png) -95px -88px no-repeat;
    color: #4f5763;
    cursor: pointer;
}

.unlogin-quesiton-list-content ul li:hover {
    background: url(../../common/img/tool_ui.png) -95px -50px no-repeat;
    color: #539bff;
}

.unlogin-question-list-bg {
    _display: inline;
    float: left;
    width: 18px;
    height: 18px;
    margin-top: 30px;
    background: url(../../common/img/tool_ui.png) -51px -66px no-repeat;
}

.unlogin-question-list-content {
    color: #8f97a3;
    font-size: 18px;
    _display: inline;
    float: left;
    line-height: 18px;
    margin-top: 30px;
    margin-left: 10px;
    font-style: normal;
}

.unlogin-question-list-more {
    _display: inline;
    float: right;
    text-decoration: none;
    color: #539bff;
    font-size: 12px;
    margin-top: 36px;
}

.login-container-title {
    margin-left: 30px;
    color: #fff;
    font-size: 18px;
    line-height: 50px;
    height: 50px;
    margin-top: 20px;
}

.login-findpwd {
    margin-left: 30px;
    width: 226px;
    height: 30px;
    overflow: hidden;
}

.login-findpwd .forget-password-btn {
    text-decoration: none;
    line-height: 32px;
    color: #fff;
    font-size: 12px;
    float: right;
}

.login-error-tip {
    float: left;
    color: #ffb705;
    font-size: 13px;
    background: url(../../common/img/dialog_ui.png) -32px -90px no-repeat;
    padding-left: 12px;
    line-height: 20px;
    margin-top: 5px;
    height: 20px;
    width: 10em;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    display: none;
}

.unlogin-question-list-container {
    width: 980px;
    margin: 0 auto;
}

.unlogin-hotline-container {
    float: right;
    _display: inline;
    margin-top: 40px;
    margin-right: 26px;
}

.unlogin-hotline-title {
    color: #cfd3d9;
    font-size: 30px;
}

.unlogin-hotline-tip {
    color: #cfd3d9;
    font-size: 14px;
}

.unlogin-hotline-tip-bg {
    float: left;
    _display: inline;
    width: 21px;
    height: 16px;
    background: url(../../common/img/tool_ui.png) -51px -103px no-repeat;
}

.unlogin-hotline-tip-content {
    float: left;
    _display: inline;
    margin-left: 5px;
}

.login-password {
    width: 176px;
    padding-left: 40px;
    background: url(../../common/img/dialog_ui.png) left -240px no-repeat #fff;
}

.change-image-container {
    width: 79px;
    height: 40px;
    float: left;
    position: relative;
}

.change-image-container:hover .change-codeimage {
    display: block;
}

.change-image-container .change-codeimage {
    display: none;
    width: 79px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
    filter: alpha(opacity=60);
    opacity: 0.6;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

.change-image .valicode {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.unlogin-nav-tip {
    position: absolute;
    left: 0;
    top: 0;
    width: 168px;
    height: 36px;
    background: url(../../common/img/unlogin_nav_tip.png) left top no-repeat;
    z-index: 999;
}

/**
 * 找回密码页
 */
.findpwd-main {
    border: #ddd 1px solid;
    height: 480px;
    margin-top: 10px;
    margin-bottom: 40px;
}

.findpwd-nav {
    margin-left: 38px;
    margin-top: 34px;
    height: 37px;
    overflow: hidden;
}

.findpwd-nav li {
    float: left;
    font-size: 16px;
    line-height: 37px;
    padding-left: 40px;
    font-style: italic;
    color: #fff;
}

.findpwd-nav-first {
    width: 186px;
    height: 37px;
    background: url('../../common/img/findpwd_ui.png') left top no-repeat;
}

.findpwd-nav-first.current {
    background: url('../../common/img/findpwd_ui.png') left -111px no-repeat;
}

.findpwd-nav-second {
    margin-left: -5px;
    width: 206px;
    height: 37px;
    background: url('../../common/img/findpwd_ui.png') left -37px no-repeat;
}

.findpwd-nav-second.current {
    background: url('../../common/img/findpwd_ui.png') left -148px no-repeat;
}

.findpwd-nav-third {
    margin-left: -5px;
    width: 191px;
    height: 37px;
    background: url('../../common/img/findpwd_ui.png') left -74px no-repeat;
}

.findpwd-nav-third.current {
    background: url('../../common/img/findpwd_ui.png') left -185px no-repeat;
}

.findpwd-container {
    margin-left: 38px;
}

.findpwd-container .form-row {
    margin: 20px 0;
    overflow: hidden;
}

.step-tip {
    font-size: 14px;
    color: #7d8795;
}

.input-username {
    width: 250px;
    height: 20px;
    padding: 10px 0 10px 10px;
    line-height: 20px;
    border: solid 1px #ddd;
    font-size: 14px;
    *margin-left: -38px;
}

.input-vcode {
    width: 98px;
    height: 20px;
    line-height: 20px;
    padding: 10px 0 10px 10px;
    border: solid 1px #ddd;
    font-size: 14px;
    float: left;
    *display: inline;
    *margin-left: -38px;
}

.findpwd-vcode-img {
    border: solid 1px #ddd;
    float: left;
    *display: inline;
    margin-left: 10px;
}

.findpwd-change-vcode-img {
    float: left;
    *display: inline;
    margin-left: 6px;
    color: #3aa0ee;
    font-size: 14px;
    line-height: 42px;
}

.send-vcode-btn {
    margin-top: 10px;
    float: left;
    width: 112px;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #549bff;
    border-color: #549bff;
    text-align: center;
    cursor: pointer;
}

.send-vcode-errortip {
    line-height: 60px;
}

.findpwd-tool-box {
    width: 473px;
    height: 240px;
    border-top: #e5e9ef solid 1px;
    border-bottom: #e5e9ef solid 1px;
}

.findpwd-tool-list {
    margin-top: 40px;
    overflow: hidden;
}

.findpwd-tool-list .findpwd-tool-tip {
    color: #3d4859;
    font-size: 14px;
    text-align: center;
}

.findpwd-tool-list .findpwd-tool-phone {
    float: left;
    display: inline;
    width: 96px;
    margin-left: 50px;
}

.findpwd-tool-list .findpwd-tool-email {
    float: left;
    display: inline;
    width: 96px;
    margin-left: 100px;
}

.findpwd-tool-phone-btn {
    display: block;
    width: 96px;
    height: 96px;
    background: url('../../common/img/findpwd_ui.png') left -222px no-repeat;
}

.findpwd-tool-phone-btn.unuse {
    background: url('../../common/img/findpwd_ui.png') -96px -222px no-repeat;
}

.findpwd-tool-email-btn {
    display: block;
    width: 96px;
    height: 96px;
    background: url('../../common/img/findpwd_ui.png') left -318px no-repeat;
}

.findpwd-tool-email-btn.unuse {
    background: url('../../common/img/findpwd_ui.png') -96px -318px no-repeat;
}

.findpwd-bottom p {
    font-size: 12px;
    color: #7d8795;
}

.findpwd-bottom .findpwd-bottom-tip {
    margin: 10px 0;
    color: #344661;
    font-size: 14px;
}

.findpwd-verify-container {
    overflow: hidden;
    margin-top: 20px;
    margin-left: 60px;
    padding-bottom: 20px;
}

.findpwd-verify-container .get-code-btn {
    margin-left: 10px;
}

.findpwd-verify-container .send-code-btn {
    float: left;
}

.findpwd-third-step-container {
    margin-top: 80px;
}

.findpwd-third-step-container .form-row {
    line-height: 40px;
}

.findpwd-third-step-container input {
    width: 260px;
    height: 20px;
    line-height: 20px;
    padding: 10px 0 10px 10px;
    border: solid 1px #ddd;
    float: left;
}

.form-row-left-tip {
    color: #3d4f68;
    float: left;
    width: 140px;
    font-size: 14px;
}

.findpwd-modify-password-errortip {
    line-height: 60px;
}

.findpwd-verify-phone-errortip {
    display: block;
    float: left;
}

.findpwd-verify-email-errortip {
    display: block;
    float: left;
}

.fix-ie-label {
    position: absolute;
    margin-left: 10px;
    color: #999;
    left: 0px;
    top: 0px;
    font-size: 14px;
    line-height: 40px;
    cursor: text;
}

.findpwd-passport-container {
    font-size: 14px;
}

.findpwd-passport-container .passport-tip-content {
    margin-bottom: 24px;
}

.findpwd-passport-container .passport-footer {
    text-align: center;
}

.findpwd-passport-container .passport-footer > div {
    font-size: 14px;
}

/**
 * 登陆后首页
 */
.home-wrapper {
    margin-top: 10px;
    overflow: hidden;
    font-family: "微软雅黑";
}

.sidebar {
    width: 250px;
    float: left;
}

.user-massage {
    overflow: hidden;
}

.user-massage .user-massage-info {
    border: 1px solid #ddd;
    border-bottom: none;
    height: 108px;
    overflow: hidden;
}

.user-massage .user-massage-info div {
    height: 70px;
    background: url(../../common/img/touxiang.png) left top no-repeat;
    margin: 20px 0 0 20px;
    padding-left: 78px;
    font-size: 18px;
    color: #4f5763;
    line-height: 78px;
    width: 8em;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.user-massage .user-massage-ip {
    border: 1px solid #eee;
    background: #fbfbfb;
    text-align: center;
    line-height: 42px;
    font-size: 12px;
    color: #7c8796;
}

.left-list {
    border: 1px solid #ddd;
    margin-top: 10px;
}

.left-list-title {
    height: 46px;
    font-size: 18px;
    color: #8f97a3;
}

.left-list-title-bg {
    _display: inline;
    float: left;
    width: 18px;
    height: 18px;
    margin: 20px 0 0 20px;
}

.left-list-content {
    display: inline;
    float: left;
    margin-top: 16px;
    margin-left: 10px;
    font-style: normal;
}

.left-list .shortcuts-title .shortcuts-title-bg {
    background: url(../../common/img/tool_ui.png) -51px -48px no-repeat;
}

.left-list .question-title .question-title-bg {
    background: url(../../common/img/tool_ui.png) -51px -66px no-repeat;
}

.left-list .question-title .left-list-more {
    display: inline;
    float: right;
    margin-right: 18px;
    text-decoration: none;
    color: #539bff;
    font-size: 12px;
    margin-top: 22px;
}

.question li {
    width: 12em;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.left-list ul {
    width: 208px;
    font-size: 14px;
    height: 174px;
}

.left-list ul.question-ul {
    height: 75px;
}

.left-list ul li {
    border-top: solid 1px #fafafa;
    border-bottom: solid 1px #ededed;
    height: 38px;
    line-height: 38px;
    margin-left: 20px;
    padding-left: 17px;
    background: url(../../common/img/tool_ui.png) -95px -82px no-repeat;
    color: #4f5763;
    cursor: pointer;
}

.left-list ul li:hover {
    background: url(../../common/img/tool_ui.png) -95px -44px no-repeat;
    color: #539bff;
}

.left-list ul .left-list-item-first {
    border-top: none;
}

.left-list ul .left-list-item-last {
    border-bottom: none;
}

.principal {
    width: 720px;
    float: left;
    display: inline;
    margin-left: 10px;
}

.safe-level-wrapper {
    overflow: hidden;
}

.my-safe-toolrank {
    overflow: hidden;
}

.safe-level {
    margin-top: 46px;
    float: left;
    display: inline;
    margin-left: 20px;
    font-size: 14px;
    color: #4f5763;
}

.safe-level .safe-level-tip {
    color: #2dcb73;
}

.safe-rank-bg {
    margin-top: 46px;
    float: left;
    display: inline;
    margin-left: 10px;
    width: 380px;
    height: 20px;
    background: url(../../common/img/safe_rank.png) left top no-repeat;
    overflow: hidden;
}

.safe-rank-type1 .safe-rank-l {
    background: url(../../common/img/safe_rank.png) 0px -20px no-repeat;
}

.safe-rank-type1 .safe-rank-r {
    background: url(../../common/img/safe_rank.png) 0px -80px no-repeat;
}

.safe-rank-type2 .safe-rank-l {
    background: url(../../common/img/safe_rank.png) 0px -40px no-repeat;
}

.safe-rank-type2 .safe-rank-r {
    background: url(../../common/img/safe_rank.png) 0px -100px no-repeat;
}

.safe-rank-type3 .safe-rank-l {
    background: url(../../common/img/safe_rank.png) 0px -60px no-repeat;
}

.safe-rank-type3 .safe-rank-r {
    background: url(../../common/img/safe_rank.png) 0px -120px no-repeat;
}

.safe-rank-l {
    height: 100%;
}

.safe-rank-r {
    width: 360px;
    margin-left: 20px;
    height: 100%;
}

.safe-check-button {
    margin-top: 36px;
    float: left;
    margin-left: 10px;
    _display: inline;
    width: 128px;
    height: 38px;
    text-decoration: none;
    text-align: center;
    line-height: 38px;
    font-size: 14px;
}

.button-normal {
    border: 1px solid #d8d8d8;
    color: #539bff;
    background: transparent;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ebefef));
    background: -webkit-linear-gradient(top, #fff, #ebefef);
    background: -moz-linear-gradient(top, #fff, #ebefef);
    background: -ms-linear-gradient(top, #fff, #ebefef);
    background: -o-linear-gradient(top, #fff, #ebefef);
    font-weight: bold;
    -o-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
}

.button-normal:hover {
    background: transparent;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f4f6f7));
    background: -webkit-linear-gradient(top, #fff, #f4f6f7);
    background: -moz-linear-gradient(top, #fff, #f4f6f7);
    background: -ms-linear-gradient(top, #fff, #f4f6f7);
    background: -o-linear-gradient(top, #fff, #f4f6f7);
}

.safe-level-wrapper .my-safe-toolrank {
    border: 1px solid #ddd;
    border-bottom: none;
    height: 108px;
}

.safe-level-wrapper .my-safe-tool-tip {
    border: 1px solid #eee;
    height: 42px;
    background: #fbfbfb;
    font-size: 12px;
    padding-left: 20px;
    line-height: 42px;
    color: #7c8796;
}

.my-safe-tools {
    border: 1px solid #ddd;
    margin-top: 10px;
}

.my-safe-tools-count {
    margin-left: 20px;
    height: 56px;
    line-height: 56px;
    font-size: 14px;
    color: #8f97a3;
}

.my-safe-tools-count .tool-count-bg {
    float: left;
    _display: inline;
    width: 18px;
    height: 16px;
    margin-top: 20px;
    background: url(../../common/img/tool_ui.png) -51px -85px no-repeat;
}

.my-safe-tools-count .tool-count-tip {
    float: left;
    _display: inline;
    font-weight: normal;
    margin-left: 10px;
}

.my-safe-tool-list {
    width: 678px;
    margin-left: 20px;
    overflow: hidden;
}

.my-safe-tool-item {
    height: 76px;
    padding-top: 22px;
    border-top: 1px solid #ededed;
    overflow: hidden;
}

.my-safe-tools .my-safe-tool-logo {
    float: left;
    _display: inline;
}

.my-safe-tool-name {
    float: left;
    _display: inline;
    font-size: 16px;
    line-height: 16px;
    margin-left: 16px;
    color: #434343;
    margin-top: 18px;
    width: 120px;
}

.my-safe-tools .bound_status_1 {
    float: left;
    _display: inline;
    width: 52px;
    height: 22px;
    background: url(../../common/img/tool_ui.png) -50px 0 no-repeat;
    margin-top: 15px;
}

.my-safe-tools .bound_status_0 {
    float: left;
    _display: inline;
    width: 52px;
    height: 22px;
    background: url(../../common/img/tool_ui.png) -50px -22px no-repeat;
    margin-top: 15px;
}

.my-safe-tool-intro {
    width: 300px;
    color: #878787;
    font-size: 12px;
    float: left;
    _display: inline;
    margin-left: 30px;
    line-height: 22px;
    margin-top: 4px;
}

.my-safe-tools .tool-set-button {
    float: right;
    _display: inline;
    margin-top: 8px;
    width: 70px;
    height: 33px;
    font-size: 13px;
    text-decoration: none;
    text-align: center;
    line-height: 32px;
}

.hot-line {
    margin-top: 10px;
}

.hot-line .hot-line-bg {
    float: left;
    _display: inline;
    width: 21px;
    height: 16px;
    background: url(../../common/img/tool_ui.png) -51px -103px no-repeat;
}

.hot-line .hot-line-content {
    height: 85px;
    margin-left: 5px;
    float: left;
    _display: inline;
    color: #cfd3d9;
    font-size: 14px;
    line-height: 18px;
}

/**
 * 安全工具概况页
 */
.tool-status-box {
    margin: 0 0 160px 0;
    width: 980px;
}

.tool-status-box .my-safe-tool-list {
    width: 938px;
}

.tool-status-box .my-safe-tool-name {
    width: 100px;
}

.tool-status-box .my-safe-tool-intro {
    width: 620px;
    margin-left: 20px;
    line-height: 52px;
}

.tool-status-box .tool-set-button {
    width: 110px;
}

/**
 * 安全工具详情页左侧导航
 */
.tool-sidebar {
    float: left;
    _display: inline;
    width: 248px;
    border: 1px solid #ddd;
    margin-top: 10px;
}

.tool-sidebar-title {
    height: 46px;
    font-size: 18px;
    color: #8f97a3;
}

.tool-sidebar-title-bg {
    _display: inline;
    float: left;
    width: 18px;
    height: 18px;
    margin: 20px 0 0 20px;
    background: url(../../common/img/tool_ui.png) -51px -48px no-repeat;
}

.tool-sidebar-title-content {
    display: inline;
    float: left;
    margin-top: 16px;
    margin-left: 10px;
    font-style: normal;
}

.tool-sidebar ul {
    width: 208px;
    font-size: 14px;
    height: 175px;
}

.tool-sidebar ul li {
    border-top: solid 1px #fafafa;
    border-bottom: solid 1px #ededed;
    height: 38px;
    line-height: 38px;
    margin-left: 20px;
    padding-left: 17px;
    background: url(../../common/img/tool_ui.png) -95px -82px no-repeat;
    color: #4f5763;
    cursor: pointer;
}

.tool-sidebar ul .tool-sidebar-list-item-first {
    border-top: none;
}

.tool-sidebar ul .tool-sidebar-list-item-last {
    border-bottom: none;
}

.tool-sidebar ul .active {
    background: url(../../common/img/tool_ui.png) -95px -44px no-repeat;
    color: #539bff;
}

.tool-main {
    float: left;
    _display: inline;
    margin-left: 10px;
    width: 718px;
    min-height: 567px;
    border: 1px solid #ddd;
    margin-top: 10px;
    margin-bottom: 30px;
}

.normal-dialog-wrapper {
    margin-top: 20px;
    margin-left: 60px;
}

.normal-dialog-wrapper p {
    line-height: 22px;
}

.normal-dialog-wrapper .normal-dialog-wrapper-button {
    margin-bottom: 70px;
}

.normal-dialog-wrapper .normal-unbind-wrapper {
    margin-left: 50px;
    margin-top: 40px;
    font-size: 14px;
    color: #434343;
    margin-bottom: 20px;
}

.normal-dialog-wrapper .normal-unbind-content {
    width: 300px;
    margin-bottom: 20px;
}

.normal-dialog-wrapper .normal-unbind-tip {
    color: #878787;
    margin-bottom: 40px;
}

.normal-dialog-wrapper .normal-unbind-wrapper .normal-unbind-button {
    margin-left: 20px;
}

.normal-dialog-wrapper .normal-wrapper-errortip {
    line-height: 40px;
}

.tool-phone-top {
    width: 678px;
    margin-top: 20px;
    margin-left: 20px;
}

.tool-phone-top .tool-phone-top-title {
    padding-bottom: 10px;
    border-bottom: 1px solid #ededed;
}

.tool-phone-top .phone-top-title-bg {
    float: left;
    _display: inline;
    width: 18px;
    height: 16px;
    background: url(../../common/img/tool_ui.png) -51px -85px no-repeat;
}

.tool-phone-top .phone-top-title {
    font-size: 18px;
    color: #77808c;
    margin-left: 10px;
    line-height: 18px;
    font-weight: normal;
}

.tool-phone-top .tool-phone-top-content {
    margin-left: 28px;
    font-size: 14px;
    color: #77808c;
    line-height: 20px;
    margin-top: 7px;
    height: 76px;
}

.tool-phone-head {
    margin-left: 20px;
}

.tool-phone-head .tool-phone-head-title {
    margin-left: 11px;
    padding-left: 17px;
    background: url(../../common/img/tool_ui.png) -95px -88px no-repeat;
    font-size: 18px;
    color: #77808c;
}

.tool-phone-head .tool-phone-head-content {
    margin-left: 28px;
    width: 650px;
    border-top: solid 1px #ededed;
    margin-top: 10px;
    padding-top: 10px;
    height: 54px;
    font-size: 13px;
    color: #77808c;
}

.tool-phone-container .set-phone-number {
    width: 164px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    margin-bottom: 340px;
}

.tool-phone-container .container-phone-device {
    margin: 0 0 15px 48px;
}

.tool-phone-container .container-phone-device-content {
    display: flex;
    height: 40px;
    margin-bottom: 12px;
}

.tool-phone-container .container-phone-device-content .item-each {
    display: flex;
    align-items: center;
}

.tool-phone-container .container-phone-device-content .item-each-content {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 40px;
    line-height: 20px;
    padding: 0 14px;
    font-size: 18px;
    color: #505764;
    background: #f5f5f7;
    border: 1px solid #eee;
}

.tool-phone-container .container-phone-device-content .item-each-content.device .content {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    text-align: center;
}

.tool-phone-container .container-phone-device-content .item-each-btn {
    margin: 0 8px;
    color: #5ca1ff;
    font-size: 14px;
    cursor: pointer;
}

.tool-phone-container .container-phone-device-tip {
    font-size: 14px;
    color: #505764;
}

.tool-normal-button {
    margin-left: 48px;
    cursor: pointer;
    color: #fff;
    background: #539bff;
    text-align: center;
    -o-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
}

.tool-normal-button:hover {
    background: #2f84fb;
}

.modify-phone-tip {
    float: left;
    _display: inline;
    margin-left: 10px;
    color: #999;
    font-size: 13px;
    line-height: 40px;
}

.add-subphone {
    float: right;
    *margin-top: -20px;
    text-decoration: none;
    color: #539bff;
}

.container-subphone table {
    margin-left: 28px;
    font-size: 13px;
    color: #4f5763;
    margin-bottom: 110px;
    border: none;
}

.container-subphone table a {
    color: #4f5763;
    text-decoration: none;
}

.container-subphone table td {
    padding-left: 30px;
    border: solid #eee 1px;
}

.container-subphone table td.text-center {
    padding-left: 0;
    text-align: center;
}

.container-subphone table td .btn,
.container-subphone table td .btn:hover,
.container-subphone table td .btn:focus .container-subphone table td .btn:active {
    font-size: 14px;
    color: #5ca1ff;
    border: 0;
    outline: none;
    background-color: #fff;
    cursor: pointer;
}

.ui-textbox .verify-number-input {
    margin: 0;
    padding: 10px 0;
    line-height: 20px;
    background: url(../../common/img/dialog_ui.png) left top no-repeat #fff;
    border: #e6e6e6 1px solid;
    padding-left: 50px;
    color: #999;
    font-size: 14px;
}

.ui-textbox .verify-code-input {
    padding: 10px 0;
    line-height: 20px;
    background: url(../../common/img/dialog_ui.png) left -42px no-repeat #fff;
    border: #e6e6e6 1px solid;
    padding-left: 50px;
    color: #999;
    font-size: 14px;
}

.ui-textbox-placeholder {
    margin-top: 10px;
    padding-left: 50px;
    color: #999;
}

.add-phone-wrapper {
    overflow: hidden;
}

.add-phone-wrapper .add-phone-container {
    margin-top: 20px;
    margin-left: 60px;
}

.add-phone-wrapper .get-code-btn {
    margin-left: 10px;
}

.add-phone-wrapper .send-code-btn {
    margin-bottom: 20px;
}

.add-phone-wrapper .add-phone-tip {
    border-top: #eee solid 1px;
    padding-top: 20px;
    font-size: 13px;
    padding-bottom: 10px;
}

.add-phone-wrapper .add-phone-tip-title {
    color: #b8b8b8;
    line-height: 13px;
    margin-bottom: 7px;
    padding: 0 34px;
}

.add-phone-wrapper .add-phone-tip-content {
    color: #77808c;
    line-height: 21px;
    padding: 0 34px;
}

.add-phone-wrapper .main-phone-red {
    color: red;
}

.add-phone-hint-word {
    font-size: 16px;
    color: #77808c;
    padding: 40px 30px;
}

.add-phone-confirm-container {
    width: 70%;
    margin-left: 15%;
}

.add-phone-confirm-word {
    height: 120px;
    line-height: 120px;
    text-align: center;
    font-size: 16px;
    color: #77808c;
}

.add-phone-confirm-buttons {
    white-space: nowrap;
}

.add-phone-confirm-buttons .send-code-btn,
.add-phone-confirm-buttons .get-code-btn {
    margin-left: 10px;
    margin-right: 15px;
    font-size: 14px;
    padding: 0;
}

.add-subphone-wrapper {
    margin-top: 20px;
    margin-left: 60px;
}

.add-subphone-wrapper p {
    line-height: 22px;
}

.add-subphone-wrapper .add-subphone-button {
    margin-bottom: 70px;
}

.unbind-subphone-wrapper {
    margin-left: 50px;
    margin-top: 40px;
    font-size: 14px;
    color: #434343;
    margin-bottom: 20px;
}

.unbind-subphone-wrapper .unbind-currentsubphone-tip {
    color: #878787;
    margin-bottom: 40px;
}

.unbind-subphone-wrapper .cancel-unbind-subphone-button {
    margin-left: 20px;
}

.verify-success-wrapper {
    color: #539bff;
    font-size: 18px;
    text-align: center;
    line-height: 40px;
}

.unbind-device-wrapper {
    padding: 0 10px;
    line-height: 22px;
}

.unbind-device-wrapper .warn {
    margin-left: 0;
    padding-left: 0;
}

.bind-device-dialog {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.2);
    z-index: 2000;
}

.bind-device-dialog.flex {
    display: flex;
}

.bind-device-dialog .ctn-image-code {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 400px;
    height: 354px;
    padding: 10px 24px 24px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    -webkit-box-sizing: border-box;
    /* Safari */
    background-color: #fff;
}

.bind-device-dialog .ctn-image-code-header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    border-bottom: 1px solid #ddd;
}

.bind-device-dialog .ctn-image-code-header .title {
    line-height: 24px;
    font-weight: normal;
    font-size: 16px;
    color: #000;
}

.bind-device-dialog .ctn-image-code-header .btn-close {
    font-size: 18px;
    font-weight: normal;
    color: #666;
    cursor: pointer;
}

.bind-device-dialog .ctn-image-code-body {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 11px;
}

.bind-device-dialog .ctn-image-code-body img {
    width: 130px;
    height: 130px;
    margin: 24px 0 16px;
    cursor: pointer;
}

.bind-device-dialog .ctn-image-code-body p {
    width: 100%;
    font-size: 14px;
    line-height: 28px;
}

.bind-device-dialog .ctn-image-code-body p.tip {
    color: #333;
    text-align: left;
}

.bind-device-dialog .ctn-image-code-body p.remark {
    color: #666;
    text-align: center;
}

.bind-device-dialog .ctn-image-code-body .shadow {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #ddd;
}

.bind-device-dialog .ctn-image-code-body .shadow.flex {
    display: flex;
}

.bind-device-dialog .ctn-image-code-body .shadow-icon {
    width: 36px;
    height: 36px;
    background: url(../../common/img/unlogin_ui.png) no-repeat;
}

.bind-device-dialog .ctn-image-code-body .shadow h2 {
    display: block;
    margin: 20px 0;
}

.bind-device-dialog .ctn-image-code-body .shadow .btn {
    padding: 4px 15px;
    border: 1px solid #39f;
    background-color: #fff;
    color: #39f;
    cursor: pointer;
}

.tool-email-top {
    width: 678px;
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 20px;
}

.tool-email-top .tool-email-top-title {
    padding-bottom: 10px;
    border-bottom: 1px solid #ededed;
}

.tool-email-top .top-title-bg {
    float: left;
    _display: inline;
    width: 18px;
    height: 16px;
    background: url(../../common/img/tool_ui.png) -51px -85px no-repeat;
}

.tool-email-top .top-title {
    font-size: 18px;
    color: #77808c;
    margin-left: 10px;
    line-height: 18px;
    font-weight: normal;
}

.add-email-wrapper {
    overflow: hidden;
}

.add-email-wrapper .add-email-container {
    margin-top: 20px;
    margin-left: 60px;
}

.add-email-wrapper .get-code-btn {
    margin-left: 10px;
}

.add-email-wrapper .send-code-btn {
    margin-bottom: 20px;
}

.add-email-wrapper .add-email-tip {
    border-top: #eee solid 1px;
    padding-top: 20px;
    font-size: 13px;
    padding-bottom: 10px;
}

.add-email-wrapper .add-email-tip-title {
    color: #b8b8b8;
    line-height: 13px;
    margin-bottom: 7px;
    padding: 0 34px;
}

.add-email-wrapper .add-email-tip-content {
    color: #77808c;
    line-height: 21px;
    padding: 0 34px;
}

.tool-email-top-content {
    margin-left: 28px;
    font-size: 14px;
    color: #77808c;
    line-height: 20px;
    margin-top: 7px;
    height: 32px;
}

.tool-email-head {
    margin-left: 20px;
}

.set-email-btn {
    width: 178px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    margin-bottom: 420px;
}

.tool-email-head-title {
    margin-left: 11px;
    padding-left: 17px;
    background: url(../../common/img/tool_ui.png) -95px -88px no-repeat;
    font-size: 18px;
    color: #77808c;
}

.tool-email-head-content {
    margin-left: 28px;
    width: 650px;
    border-top: solid 1px #ededed;
    margin-top: 10px;
    padding-top: 20px;
    font-size: 13px;
    color: #77808c;
}

.container-email {
    height: 40px;
    *height: 340px;
    margin-bottom: 40px;
}

.container-email-address {
    float: left;
    _display: inline;
    padding: 0 40px;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    color: #4f5763;
    background: #f5f5f7;
    border: #eee solid 1px;
    margin-left: 48px;
    text-align: center;
    margin-bottom: 360px;
}

.modify-email-address {
    float: left;
    _display: inline;
    margin-left: 10px;
    color: #539bff;
    font-size: 13px;
    line-height: 40px;
    cursor: pointer;
}

.ui-textbox .verify-email-input {
    margin: 0;
    padding: 10px 0;
    line-height: 20px;
    background: url(../../common/img/dialog_ui.png) left -158px no-repeat #fff;
    border: #e6e6e6 1px solid;
    padding-left: 50px;
    color: #999;
    font-size: 14px;
}

.tool-question-top {
    width: 678px;
    margin-top: 20px;
    margin-left: 20px;
}

.tool-question-top .tool-question-top-title {
    padding-bottom: 10px;
    border-bottom: 1px solid #ededed;
}

.tool-question-top .question-top-title-bg {
    float: left;
    _display: inline;
    width: 18px;
    height: 16px;
    background: url(../../common/img/tool_ui.png) -51px -85px no-repeat;
}

.tool-question-top .question-top-title {
    font-size: 18px;
    color: #77808c;
    margin-left: 10px;
    line-height: 18px;
    font-weight: normal;
}

.tool-question-top-content {
    margin-left: 28px;
    font-size: 14px;
    color: #77808c;
    line-height: 20px;
    margin-top: 7px;
    height: 32px;
}

.tool-question-head {
    margin-left: 20px;
}

.set-question-btn {
    width: 178px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    margin-bottom: 340px;
}

.tool-question-container table {
    margin-left: 48px;
    margin-bottom: 334px;
    border: none;
}

.tool-question-container td {
    padding-left: 20px;
    border: solid 1px #eee;
}

.modify-safe-questions {
    float: right;
    _display: inline;
    *margin-top: -20px;
    text-decoration: none;
    color: #539bff;
}

.add-question-wrapper,
.verify-question-wrapper {
    color: #999;
    font-size: 12px;
}

.add-question-wrapper .form-row,
.verify-question-wrapper .form-row {
    overflow: hidden;
}

.verify-question-tip,
.add-question-tip {
    line-height: 32px;
}

.add-question-wrapper .form-row .ui-select {
    vertical-align: middle;
}

.add-question-wrapper .form-row input {
    width: 200px;
}

.form-row .form-left-block {
    padding-left: 10px;
    width: 60px;
    float: left;
}

.form-row .form-center-block {
    float: left;
}

.form-row .form-right-block {
    float: left;
}

.verify-question-btn,
.add-question-btn {
    margin-left: 70px;
}

.tool-manage-main {
    overflow: hidden;
}

.manage-item-box {
    margin-left: 48px;
    height: 18px;
    overflow: hidden;
}

.manage-item-box .manage-item-checkbox {
    float: left;
    width: 18px;
    height: 18px;
    background: url('../../common/img/tool_ui.png') -84px -120px no-repeat;
}

.manage-item-box .manage-item-checkbox.checked {
    background: url('../../common/img/tool_ui.png') -84px -138px no-repeat;
}

.manage-item-box .manage-item-tip {
    margin-left: 4px;
    color: #4f5763;
    float: left;
    font-weight: bold;
    font-size: 13px;
    line-height: 18px;
}

.manage-item-box .manage-item-tip .red {
    color: #ffb705;
}

.manage-item-tool {
    font-weight: bold;
    font-size: 13px;
    margin-left: 4px;
    color: #539bff;
}

.manage-white-list {
    margin-left: 48px;
    color: #4f5763;
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 15px;
}

.manage-white-list-box {
    margin-left: 48px;
    width: 576px;
    padding-left: 30px;
    background: #f5f6f6;
    overflow: hidden;
}

.manage-white-list-container {
    margin-top: 26px;
}

.manage-white-list-box-top {
    margin-top: 18px;
    overflow: hidden;
}

.white-list-select-tip {
    color: #4f5763;
    font-size: 13px;
    float: left;
}

.white-list-select {
    width: 90px;
    height: 20px;
    font-size: 13px;
    line-height: 20px;
    float: left;
    margin-left: 10px;
}

.white-list-add-btn {
    float: left;
    margin-left: 10px;
    width: 18px;
    height: 18px;
    background: url('../../common/img/tool_ui.png') -84px -156px no-repeat;
    cursor: pointer;
}

.added-city-tip {
    color: #77818d;
    font-size: 13px;
    line-height: 40px;
}

.current-white-list-item {
    color: #4f5763;
    height: 30px;
    margin-right: 24px;
    overflow: hidden;
    width: 79px;
    float: left;
}

.current-white-list-item-tip {
    float: left;
    font-size: 13px;
    border: #ffb805 solid 1px;
    width: 60px;
    text-align: center;
    height: 16px;
    line-height: 16px;
    background: #fff;
    border-right: none;
}

.current-white-list-item-btn {
    float: left;
    width: 18px;
    height: 18px;
    background: url('../../common/img/tool_ui.png') -84px -174px no-repeat;
}

.login-secondverifytype-box {
    margin-top: 17px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 28px;
    margin-left: 48px;
}

.login-secondverifytype-tip {
    color: #4f5763;
    font-weight: bold;
    font-size: 13px;
    line-height: 20px;
    float: left;
}

.login-secondverifytype-select {
    float: left;
}

.tool-manage-bottom-item {
    margin-left: -20px;
}

.tool-manage-head-content {
    height: 40px;
}

.manage-logintiptype-box {
    height: 20px;
    margin-top: 26px;
}

.manage-citytiptype-box {
    height: 20px;
}

.manage-logintiptype-select {
    margin: 0 0 0 4px;
    float: left;
}

.manage-citytiptype-select {
    margin: 0 0 0 4px;
    float: left;
}

.tool-manage-btn-box {
    margin-left: 48px;
    margin-top: 50px;
    height: 100px;
}

.tool-manage-send-btn {
    float: left;
    width: 164px;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #549bff;
    border-color: #549bff;
    text-align: center;
    cursor: pointer;
}

/**
 * 会话校验
 */
.verify-choice-item {
    float: left;
    width: 100px;
    height: 100px;
    margin-left: 10px;
    margin-bottom: 10px;
    border: 1px solid #eaeaea;
    text-align: center;
    cursor: pointer;
}

.verify-choice-item:hover {
    background: #efefef;
}

.verify-choice-item .tool-logo {
    margin-top: 15px;
    display: inline-block;
}

/**
 * 密码管理页
 */
.password-main {
    border: 1px solid #ddd;
    margin-top: 10px;
    margin-bottom: 30px;
    height: 490px;
}

.password-main-head {
    width: 678px;
    margin-top: 20px;
    margin-left: 20px;
}

.password-main-head-title {
    padding-bottom: 10px;
    border-bottom: 1px solid #ededed;
}

.password-main-head-title-bg {
    float: left;
    _display: inline;
    width: 18px;
    height: 16px;
    background: url(../../common/img/tool_ui.png) -51px -85px no-repeat;
}

.password-main-head-title-wenzi {
    font-size: 18px;
    color: #77808c;
    margin-left: 10px;
    line-height: 18px;
    font-weight: normal;
}

.password-main-head-content {
    margin-left: 28px;
    font-size: 14px;
    color: #77808c;
    line-height: 20px;
    margin-top: 7px;
    height: 46px;
}

.password-main-content {
    margin-left: 48px;
    *margin-left: 24px;
}

.password-main-content .form-row {
    overflow: hidden;
}

.password-input-normal-style {
    border: solid 1px #d4d4d4;
    height: 20px;
    line-height: 20px;
    padding: 10px 0 10px 50px;
    width: 246px;
    font-size: 14px;
    background: url(../../common/img/dialog_ui.png) left -240px no-repeat #fff;
}

.modify-password-button {
    float: left;
    width: 112px;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #549bff;
    border-color: #549bff;
    margin-bottom: 170px;
    text-align: center;
    cursor: pointer;
    *margin-left: 24px;
}

.modify-password-errortip {
    line-height: 40px;
}

.password-ie-label {
    position: absolute;
    margin-left: 50px;
    *margin-left: 74px;
    color: #999;
    left: 0px;
    top: 0px;
    font-size: 14px;
    line-height: 40px;
    cursor: text;
}

.fix-icon-label {
    margin-left: 50px;
}

/**
 * 常见问题页
 */
.school-list {
    border: 1px solid #ddd;
    margin-top: 10px;
    margin-bottom: 40px;
}

.school-list-title {
    height: 46px;
    font-size: 18px;
    color: #8f97a3;
}

.school-list-title-bg {
    _display: inline;
    float: left;
    width: 18px;
    height: 18px;
    margin: 20px 0 0 20px;
}

.school-list-content {
    display: inline;
    float: left;
    margin-top: 16px;
    margin-left: 10px;
    font-style: normal;
}

.school-list .question-title .question-title-bg {
    background: url(../../common/img/tool_ui.png) -51px -66px no-repeat;
}

.school-list ul {
    border-top: solid 1px #eee;
    width: 938px;
    font-size: 14px;
    padding-top: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
}

.school-list ul li {
    line-height: 38px;
    color: #4f5763;
}

.school-list ul .school-list-item-title {
    margin-left: 10px;
    padding-left: 18px;
    font-size: 16px;
    color: #4f5763;
    background: url(../../common/img/tool_ui.png) -95px -82px no-repeat;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    cursor: pointer;
}

.school-list ul .school-list-item-content {
    margin-left: 28px;
    color: #77808c;
    font-size: 13px;
    border-bottom: solid 1px #ededed;
}

.school-list ul li.active .school-list-item-title {
    background: url(../../common/img/tool_ui.png) -95px -44px no-repeat;
    color: #539bff;
}

.school-list ul li.active .school-list-item-content {
    border-bottom: solid 2px #ededed;
}

.school-list ul .school-list-item-title:hover {
    background: url(../../common/img/tool_ui.png) -95px -44px no-repeat;
    color: #539bff;
}

.school-list-item-btn {
    float: right;
    _display: inline;
    color: #539bff;
    font-size: 13px;
    line-height: 36px;
    text-decoration: none;
    padding-right: 10px;
}

.btn-state-show {
    background: url(../../common/img/dialog_ui.png) right -320px no-repeat;
}

.btn-state-hide {
    background: url(../../common/img/dialog_ui.png) right -356px no-repeat;
}

.reset-mobile {
    margin-top: 10px;
    padding: 30px 40px;
    border: 1px solid #ddd;
    margin-bottom: 30px;
    color: #39435a;
}

.reset-mobile p,
.reset-mobile .gray-font {
    color: #7d8796;
}

.reset-mobile p {
    line-height: 25px;
}

.reset-mobile a,
.reset-mobile .blue-font {
    color: #5098ff;
    text-decoration: none;
}

.reset-mobile-nav {
    overflow: hidden;
    margin: 10px -1px;
}

.reset-mobile-nav li {
    width: 300px;
    float: left;
    font-size: 16px;
    height: 42px;
    line-height: 42px;
    color: #fff;
    text-align: center;
}

.reset-mobile-nav-first {
    background: url('../../common/img/resetmobile.png') -6px -198px no-repeat;
}

.reset-mobile-nav-first.current {
    background: url('../../common/img/resetmobile.png') -6px -51px no-repeat;
}

.reset-mobile-nav-item {
    background: url('../../common/img/resetmobile.png') -6px -148px no-repeat;
}

.reset-mobile-nav-item.current {
    background: url('../../common/img/resetmobile.png') -6px -98px no-repeat;
}

.reset-mobile-title {
    font-size: 18px;
    margin: 15px 0px;
}

.reset-mobile-search {
    width: 500px;
    margin: 0 auto;
}

.reset-mobile-form li {
    margin: 5px 0px;
}

.reset-mobile-form li input {
    width: 300px;
    height: 20px;
    line-height: 20px;
    padding: 10px 0 10px 10px;
    border: 1px solid #ddd;
}

.reset-mobile-form li .icon {
    background-color: #ddd;
    border: 1px solid #ddd;
    height: 40px;
    width: 40px;
    line-height: 40px;
    display: block;
    float: left;
}

.reset-mobile-form li .icon-user {
    background: #ddd url('../../common/img/resetmobile.png') -31px 2px no-repeat;
}

.reset-mobile-form li .icon-phone {
    background: #ddd url('../../common/img/resetmobile.png') -112px 2px no-repeat;
}

.reset-mobile-form li .icon-location {
    background: #ddd url('../../common/img/resetmobile.png') -72px 2px no-repeat;
}

.reset-mobile-form li .icon-global {
    background: #ddd url('../../common/img/resetmobile.png') 2px 0px no-repeat;
}

.reset-mobile-form li .form-error {
    color: #ffb800;
    margin-left: 5px;
}

.reset-mobile-form .verify-img-row input {
    width: 160px;
}

.reset-mobile-form .verify-img-row img {
    height: 40px;
    vertical-align: middle;
    margin: 0px 10px;
    cursor: pointer;
    border: 1px solid #ddd;
}

.reset-mobile-form + .reset-mobile-form {
    border-top: 1px dashed #ddd;
}

.reset-mobile-flow-step li {
    height: 40px;
    clear: both;
}

.reset-mobile-flow-step li .item-icon {
    float: left;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    width: 40px;
    height: 40px;
    line-height: 45px;
    margin: 20px;
    text-align: center;
    background: url('../../common/img/resetmobile.png') -5px -252px no-repeat;
}

.reset-mobile-flow-step .item-text {
    padding-top: 15px;
    float: left;
}

.reset-mobile-flow-step .item-text .item-title {
    color: #39435a;
    font-size: 14px;
}

.print-header {
    margin: 15px 0px;
}

.print-header p {
    color: #39435a;
    line-height: 25px;
}

.button {
    display: inline-block;
    _zoom: 1;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    font-size: 14px;
    color: #39435a;
    padding: 0 20px;
    line-height: 25px;
    border: 1px solid #ddd;
    border-radius: 2px;
    margin: 10px 0px;
}

.button-sys {
    background-color: #5098ff;
    color: #fff;
    border: 1px solid #5098ff;
}

.button + .button {
    margin-left: 10px;
}

.list-table-title {
    font-size: 14px;
    margin: 15px 0px;
    font-weight: bold;
}

.list-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin: 15px 0px;
    border: 1px solid #ddd;
    text-align: center;
}

.list-table .thead th {
    background: #f8f8f8;
    border: 1px solid #ddd;
    color: #767676;
    font-weight: bold;
    line-height: 30px;
    padding: 0 5px;
}

.list-table td {
    border-width: 0 0 1px 1px;
    border-color: #eee;
    border-style: solid;
    background: #fff;
    vertical-align: top;
    line-height: 25px;
    padding: 5px;
    word-break: break-all;
    word-wrap: break-word;
    color: #39435a;
}

.reset-process-reason {
    margin: 20px 0px;
}

.reset-process-reason p {
    color: #39435a;
}

.reset-process-status-1,
.reset-process-status-6 {
    color: #ffb800 !important;
}

.reset-process-status-2 {
    color: #ffb800 !important;
}

.reset-process-status-3,
.reset-process-status-4,
.reset-process-status-5,
.reset-process-status-7 {
    color: #fd2c00 !important;
}

.modal {
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    background: rgba(0, 0, 0, 0.5);
    transform: translate3d(0, 0, 0);
}

.modal-transition {
    transition: all .3s ease;
}

.modal-enter,
.modal-leave {
    background: rgba(0, 0, 0, 0);
}

.modal-dialog {
    transition: all 0.3s ease-out;
    transform: translate3d(0, -25%, 0);
    position: relative;
    width: 400px;
    margin: 120px auto;
    background-color: #fff;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0;
    opacity: 1;
    border: 2px solid #3f3f3f;
}

.modal-header {
    padding: 5px;
    border-bottom: 1px solid #3f3f3f;
    min-height: 25px;
    background: #3f3f3f;
    color: #fff;
}

.modal-header .close {
    margin: 2px 5px 0 0;
    line-height: 1em;
    float: right;
    cursor: pointer;
    border-radius: 2px;
    font-size: 20px;
    text-decoration: none;
    opacity: .5;
    color: #fff;
}

.modal-header .close:hover {
    text-decoration: none;
    opacity: 1;
}

.modal-title {
    margin: 0 0 0 10px;
    line-height: 20px;
    font-size: 14px;
    text-align: left;
}

.modal-body {
    position: relative;
    text-align: center;
    padding: 30px;
    color: #39435a;
    padding-bottom: 15px;
}

.modal-large {
    width: 600px;
}

.modal-small {
    width: 200px;
}

.modal-alert {
    margin-top: 0px;
}

.modal-alert-action {
    text-align: center;
    margin-top: 20px;
}

.modal-confirm {
    margin-top: 0;
    text-align: left;
}

.modal-confirm-action {
    text-align: center;
    margin-top: 20px;
}