html, body {height: 100%;background: #f4f4f4; color: #666666;}
input, textarea, select, button {font-size: 14px;border: 0;outline: none; }
.main-bg-color {background: #1190b0;color: #fff; }
.main-link-color {color: #1190b0; }
.passcard-box {margin: 0 auto;padding-top: 48px;}

.passcard-nav {color: #444444;padding-top: 40px;line-height: 24px;font-size: 24px;}
.passcard-nav .login-right-subnav {margin-left: 25px;font-size: 14px;float: right;}
.passcard-nav .login-nav {color: #666666;}
.passcard-nav .login-nav:after {content: "";display: inline-block;vertical-align: middle;*vertical-align: auto;zoom: 1;*display: inline;width: 1px;height: 14px;margin-top: -4px;background: #666666;margin-left: 20px;}

.passcon {min-height: 394px;margin: 30px 0;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;background: #ffffff;}
/*.passcon input[name="password"] {padding-right: 40px;}*/
.passcon #detailed {display: none}
.passcon .passmail-title {height: 76px;line-height: 76px;font-size: 24px;text-align: center;font-weight: normal;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.passcon .retrieve-pass-box {padding: 20px 0 30px;border-top: none;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.passcon .dis-flex {display: flex;justify-content: center;flex-wrap: wrap;}
.passcon .retrieve-pass-box .retrie-center {width: 100%;display: flex;justify-content: center;flex-wrap: wrap;margin: 0 auto;}
.passcon .retrieve-pass-box .retrie-center .form-tip {padding: 10px 0;display: block;font-size: 12px;*zoom: 1;}
.passcon .retrieve-pass-box .retrie-center .form-tip:after {content: "";display: table;}
.passcon .retrieve-pass-box .retrie-center .form-tip:after {clear: both;}
.passcon .retrieve-pass-box .retrie-center .codeeye {left: 8px;top: 16px;}
.passcon .retrieve-pass-box .retrie-center .agreemen-txt {font-size: 14px;}
.passcon .retrieve-pass-box .parent-input-box {position: relative;width: 336px;padding: 0 40px;}
.passcon .retrieve-pass-box .form-eye-icon {display: inline-block;vertical-align: middle;*vertical-align: auto;zoom: 1;*display: inline;width: 22px;height: 22px;position: absolute;cursor: pointer;background-position: center;background-image: url(/images/vericodeicon.png);background-repeat: no-repeat;right: 10px;top: 10px;}
.passcon .retrieve-pass-box .disabled-glance {background-image: url(/images/disabledglance.png);}
.passcon .retrieve-pass-box .input-normal-style {width: 336px;}
.passcon .retrieve-pass-box .verification-code {width: 218px;margin-right: 7px;}
.passcon .retrieve-pass-box .codebtn {width: 100px;height: 42px;font-size: 14px;float: right;}
.passcon .retrieve-pass-box .form-group { width: 50%;margin: 0 auto; padding: 15px 30px}
.passcon .retrieve-pass-box .form-control {height: 40px; padding: 10px}
.passcon .retrieve-pass-box .tabel-group {width: 100%;padding: 0 30px}
.select2-container--bootstrap .select2-selection--single {height: 40px; line-height: 30px;padding: 5px 12px}
.select2-container--bootstrap .select2-selection {border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}
.country-phone-covers {border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;*zoom: 1;padding-bottom: 20px}
.country-phone-covers:after {content: "";display: table;}
.country-phone-covers:after {clear: both;}
.ipt-area-current {width: 264px;border-radius: 0 4px 4px 0;float: left;border: 0;}
.ipt-area-current.ipt-w-334 {width: 334px;}
.passcard-btn {width: 50%;height: 42px; display: none;margin: auto}
.next-btn {width: 50%;height: 42px;}
.insert-btn {width: 100px}
.third-party-covers {margin-top: 32px;line-height: 28px;*zoom: 1;}
.third-party-covers:after {content: "";display: table;}
.third-party-covers:after {clear: both;}
.third-party-covers > span {float: left;margin-right: 20px;}
.pass-account-covers {display: inline-block;}
.js-h-from-ele {display: none;}
.no-ver-code {color: #282828;line-height: 42px;float: right;cursor: pointer;display: none;}
.btn-default-main.btn {padding: 0}
.btn-default-main {background: #1190b0;border: 1px solid #1190b0;border-radius: 4px;cursor: pointer;width: 120px;height: 36px;line-height: 36px;color: #fff;}
.btn-default-main:hover {color: #444444;background: #ffd100;border: 1px solid #ffd100;}
.btn-default-main {color: #fff;background: #1190b0;border: 1px solid #00abe9;border-radius: 4px;cursor: pointer;}
.btn-default-main:hover {color: #1190b0;background: #D8EBF0;border: 1px solid #09a7e0;}
.checkbox-wrap label {display: inline-block;vertical-align: middle;*vertical-align: auto;zoom: 1;*display: inline;cursor: pointer; }
.checkbox-wrap input[type="checkbox"] {opacity: 0;margin-right: 10px;vertical-align: middle;cursor: pointer; }
.check-c {margin-right: 10px;background: url("/images/checkbox.svg") no-repeat 0 3px;background-size: 14px; }
.check-cd {margin-right: 10px;background: url("/images/checkboxed.svg") no-repeat 0 3px;background-size: 14px; }
.text-style {height: 42px;padding-left: 20px;padding-right: 20px;color: #666666;font-size: 14px;border: 1px solid #dddddd;background: #f4f4f4;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px; }
.btns{width: 100%;margin: auto;text-align: center;padding: 0 60px 40px}
.footerN p {font-size: 12px;color: #999999;text-align: center;margin-bottom: 8px;}
table thead tr{background-color: #D8EBF0;}
/**/
.safe-box {
    padding: 20px 10%;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
}
.safe-title-box {
    width: calc(100% - 120px);
}
.safe-box-title {
    width: 56px;
    display: inline-block;
    text-align-last: justify;
}

.inmodal .modal-header {
    border-bottom: none;
    padding: 30px;
}
.modal-dialog {
    margin: 12% auto;
}
.modal-footer {
    border: none;
}
@media (min-width: 768px){
    .modal-dialog {
        width: 600px;
        margin: 12% auto;
    }
}

/*头像--start*/
.name-datum-box {
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
}
.user-avatars {
    text-align: center;
    position: relative;
    width: 118px;
    height: 165px;
    /*margin: 0px auto;*/
    cursor: pointer;
}
.z-center {
    width: 150px;
}
.hide {
    display: none;
}
.user-avatars .opacity-layer {
    width: 120px;
    height: 120px;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    border-radius: 50%;
    color: #ffffff;
    line-height: 120px;
}
.editor-portrait {
    position: absolute;
    z-index: 100;
    width: 500px;
    height: 500px;
    background-color: #fff;
    top: 12%;
    left: 35%;
}
.red {
    color: red;
}
.img-box {
    width: 300px;
    text-align: left;
}
.img-p {
    text-indent: -15px;
    padding-left: 30px;
}
/*头像--end*/

.fixed-table-body .card-view .title {min-width: 40%;}
.yzm-box {display: flex;justify-content: space-between}
.yzm {width: calc(100% - 100px - 10%)}
.set-password {display: none}
.error-tips .ipt-default-current {height: 42px;}
.ipt-tips-default {width: 100%;padding: 0 20px 0 45px;border: 1px solid #d46f16;border-radius: 4px;background: #ffe6e5 url(/images/error-tips.png) no-repeat 20px 12px;display: flex;align-items: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.footerN span{word-break: keep-all;}