/* 框架结构 */

    .wrapper {
        padding-top: 50px;
        position: relative;
        height: 100%;
    }
    .yv-container-fluid {
        padding: 20px;
        /*box-shadow: -4px -4px 4px rgba(0, 0, 0, 0.2);*/
        position: relative;
        z-index: inherit;
    }
    /*边导航*/

    .sidebar .content,
    .sidebar>.viewport {
        height: 100%;
    }
    .scrollbar {
        opacity: 0.4!important;
        background-color: #ccc!important;
        border: 0!important;
        z-index: 9999!important;
    }
    .scrollrail {
        background: none!important;
        opacity: 0.1!important;
        border: 0!important;
        z-index: 9990!important;
    }
    /*header*/

    .yv-navbar {
        background: #fff;
        box-shadow: 0 2px 4px rgba(0,0,0,0.14);
        margin-bottom: 0;
        height: 50px;
        min-height: 50px;
        -webkit-transition: all 0.2s ease 0s;
        -moz-transition: all 0.2s ease 0s;
        -ms-transition: all 0.2s ease 0s;
        -o-transition: all 0.2s ease 0s;
        transition: all 0.2s ease 0s;
        position: relative;
        width: 100%;
    }
    .yv-navbar .navbar-header {
        height: 50px;
        line-height: 50px;
        text-align: center;
        float: left;
        overflow: hidden;
        padding: 0 15px;
        -webkit-transition: all 0.2s ease 0s;
        -o-transition: all 0.2s ease 0s;
        transition: all 0.2s ease 0s;
    }
    .yv-navbar .navbar-brand {
        padding: 0;
        height: 50px;
        line-height: 50px;
        -webkit-transition: all 0.2s ease 0s;
        -o-transition: all 0.2s ease 0s;
        transition: all 0.2s ease 0s;
    }
    .brand-name {
        float: left;
        font-size: 16px;
        margin-left: 10px;
        color: rgba(255, 255, 255, 0.9);
    }
    .brand-name a {
        color: #fff;
    }
    .brand-name a:hover,
    .brand-name a:focus {
        color: #fff;
    }
    .yv-navbar .navbar-collapse {
        border: none;
        display: block !important;
    }
    .yv-navbar .navbar-left {
        float: left;
    }
    .yv-navbar .navbar-right {
        float: right;
        margin-top: 0 !important;
    }
    .yv-navbar .navbar-right > li {
        float: left;
    }
    .yv-navbar .navbar-right:last-child {
        margin-right: 0;
    }
    .navbar-nav > li > a {
        color: #666;
        padding: 0 15px;
        line-height: 50px;
    }
    .navbar-nav > li.line {
        border-left: 1px solid rgba(0, 0, 0, 0.2);
        display: inline-block;
        height: 16px;
        margin: 17px 4px;
    }
    /*.navbar-right > li > a > i {
    vertical-align: text-top;
}*/

    .navbar .dropdown-menu > li > a > i {
        margin-right: 5px;
    }
    .navbar-nav > li > a:hover,
    .navbar-nav > li > a:focus {
        background-color: transparent;
        color: #ff6d00;
        border-color: transparent;
    }
    .navbar-nav > .open > a,
    .navbar-nav > .open > a:hover,
    .navbar-nav > .open > a:focus {
        background-color: transparent;
        color: #fff;
        border-color: rgba(255, 255, 255, 0.3);
    }
    .navbar-nav .text {
        margin-left: 3px;
        max-width: 80px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        vertical-align: top;
    }
    .navbar-nav > li > .dropdown-menu {
        font-size: 12px;
    }
    .logo-figure {
        display: block;
        font-size: 0;
    }
    .logo-figure img {
        height: 36px;
    }
    .logo-text {
        display: inline-block;
        vertical-align: top;
        margin-left: 8px;
        font-size: 18px;
        color: #fff;
    }
    .navbar .navbar-nav .navbar-main {
        left: 0;
        position: absolute;
        top: 0;
        z-index: 1;
    }
    @media (min-width: 0px) and (max-width: 768px) {
        .navbar .navbar-header .navbar-brand,
        .navbar .navbar-header .brand-name {
            display: inline-block;
        }
        .hidden-md {
            display: none !important;
        }
        .navbar .navbar-collapse .navbar-right {
            position: absolute;
            right: 0;
            top: 0;
        }
        .navbar-nav .open .dropdown-menu {
            position: absolute;
            background-color: #fff;
            border: 1px solid rgba(0, 0, 0, 0.15);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
        }
        .navbar-nav.navbar-right .dropdown-menu {
            left: auto;
            right: 0;
        }
    }
    .dns,
    .dns-label,
    .id,
    .ids,
    .pub-key {
        font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
    }
    a.id:hover {
        text-decoration: underline;
    }
    .input-w60 {
        width: 60px!important;
    }
    .input-w80 {
        width: 80px!important;
    }
    .input-w100 {
        width: 100px!important;
    }
    .input-w120 {
        width: 120px!important;
    }
    .input-w140 {
        width: 140px!important;
    }
    .input-w160 {
        width: 160px!important;
    }
    .input-w180 {
        width: 180px!important;
    }
    .input-w200 {
        width: 200px!important;
    }
    .panel-content {
        padding: 15px;
    }
    .panel-content ~ .panel-content {
        margin-top: 10px;
    }
    .wizard-wrapper {
        width: 900px;
        margin: 20px auto;
    }
    .wizard-header {
        background: #fafafa;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
    .wizard-header .steps {
        margin: 0;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .page-content {
        background: #fff;
        border-radius: 10px;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    }
    .page-title {
        display: inline-block;
        border-radius: 10px 0 0;
        padding: 10px 10px 10px 20px;
        height: 40px;
        position: relative;
        color: #fff;
        font-size: 16px;
    }
    .page-title:after {
        border-right: 32px solid transparent;
        border-top-style: solid;
        border-top-width: 40px;
        content: "";
        position: absolute;
        right: -32px;
        top: 0;
    }
    .steps-border {
        background-color: transparent;
        border-radius: 0;
        margin: 0 -15px 15px;
        padding-bottom: 10px;
        padding-top: 0;
        border-bottom: 1px solid #eee;
    }
    .secondary-text {
        text-align: center;
        border-bottom: 2px dotted #eee;
        padding-bottom: 15px;
        font-size: 18px;
        font-weight: bold;
        color: #999;
    }
    .success-content {
        padding: 80px 0;
        text-align: center;
        font-size: 26px;
        color: #5cb85c;
    }
    .success-content p {
        font-size: 14px;
        margin-top: 20px;
        color: #999;
    }
    .error-content {
        padding: 80px 0;
        text-align: center;
        font-size: 26px;
        color: #ff4440;
    }
    .error-content p {
        font-size: 14px;
        margin-top: 20px;
        color: #999;
    }
    .verification-success {
        color: #5cb85c;
    }
    .password-streng {
        width: 100%;
        height: 20px;
        background: #f8f8f8;
        display: table;
        border-radius: 4px;
        overflow: hidden;
        margin-bottom: 0;
    }
    /*.password-streng {
    width: 100%;
    height: 20px;
    background: #f8f8f8;
    display: table;
    border-radius: 4px;
    overflow: hidden;
}*/

    .pwd-text {
        width: 1%;
        border-right: 1px solid #fff;
        display: table-cell;
        line-height: 20px;
        font-size: 12px;
        text-align: center;
        color: #666;
        -webkit-transition: width .6s ease;
        -o-transition: width .6s ease;
        transition: width .6s ease;
    }
    .pwd-leve1,
    .pwd-leve2,
    .pwd-leve3 {
        color: #fff;
    }
    .password-streng .pwd-leve1 {
        background: #d9534f;
    }
    .password-streng .pwd-leve2 {
        background: #f0ad4e;
    }
    .password-streng .pwd-leve3 {
        background: #95c938;
    }
    .verify-code .verification-code-img {
        display: inline-block;
        margin-right: 10px;
    }
    .verification-code-img {
        cursor: pointer;
    }
    .alert .icon {
        float: left;
        font-size: 14px;
    }
    .alert .icon i {
        vertical-align: middle;
    }
    .alert .text {
        display: block;
        padding-left: 20px;
        line-height: 22px;
    }
    .alert .text p {
        margin-bottom: 5px;
    }
    .no-data {
        width: 80%;
        margin: 6% auto;
        /* min-height: 100px; */
        text-align: center;
        color: #999;
    }
    /*邮箱验证*/

    .mail-content {
        padding: 80px 0;
        font-size: 18px;
        color: #666;
    }
    .mail-content .yi-senddone {
        text-align: right;
        font-size: 40px;
    }
    .list-type li {
        list-style: disc;
        color: #999;
        font-size: 12px;
        line-height: 20px;
        margin-left: 10px;
    }
    .mail-invalid {
        padding: 80px 0;
        text-align: center;
        font-size: 24px;
        color: #999;
    }
    .mail-invalid .icon {
        font-size: 40px;
        color: #f96868;
        vertical-align: middle;
        margin-right: 20px;
    }
    .mail-invalid p {
        font-size: 14px;
        margin-top: 20px;
        color: #999;
    }
    .mail-invalid .alert {
        text-align: left;
        margin-bottom: 0;
    }
    .mail-invalid .alert p {
        margin-top: 0;
    }
    /*账号管理修改信息*/

    .account-content {
        width: 80%;
        margin: auto;
    }
    .acinfo-group:before,
    .acinfo-group:after {
        content: "";
        display: table;
    }
    .acinfo-group:after {
        clear: both;
    }
    .acinfo-group li {
        margin: 0 1%;
        font-size: 12px;
        float: left;
        width: 48%;
    }
    .acinfo-group li {
        border-right: 1px dashed #ddd;
        padding-right: 2%;
    }
    .acinfo-group li:last-child {
        border-right: none;
        padding-right: 0;
    }
    .acinfo-group .box {
        border: 1px solid #eee;
        margin: 4px 0;
    }
    .acinfo-group li label {
        padding: 5px 10px;
        width: 100px;
        background: #f8f8f8;
        color: #888;
        float: left;
        margin-bottom: 0;
        font-weight: normal;
        clear: both;
    }
    .acinfo-group li .text {
        overflow-wrap: break-word;
        padding: 5px 10px 5px 120px;
    }
    .view-input-group {
        font-size: 12px;
    }
    .view-input-group .input-group-addon {
        background: #f4f4f4;
        border-color: #ddd;
        color: #999;
        font-size: 12px;
    }
    .input-group-box {
        border: 1px solid #ddd;
        border-radius: 0 4px 4px 0;
        display: inline-block;
        height: 34px;
        line-height: 34px;
        padding: 0 10px;
        width: 100%;
    }
    .account-basic-info div {
        padding-left: 0;
        padding-right: 0;
    }
    .account-basic-info li {
        border-bottom: 1px solid #eee;
        padding: 10px 0;
        margin: 0;
    }
    .account-basic-info li:last-child {
        border-bottom: none;
    }
    .account-basic-info .type-name {
        color: #999;
    }
    .account-basic-info .icon {
        font-size: 18px;
        vertical-align: middle;
        margin-right: 10px;
    }
    .account-basic-info .edit {
        margin-left: 20px;
    }
    .payment-icons {
        color: #ccc;
        display: block;
        font-size: 26px;
        margin-top: 10px;
    }
    /*绑定微信*/

    .qrcode-mod {
        padding: 20px;
    }
    .qrcode-desc {
        text-align: center;
        font-size: 16px;
    }
    .qrcode-img {
        margin: 0 auto 10px;
        width: 202px;
        height: 202px;
    }
    .qrcode-mod .info {
        font-size: 12px;
        text-align: center;
        margin: 10px 0 0;
        color: #999;
    }

    .operations-group {
        display: inline-block;
        white-space: nowrap;
    }
    @media (max-width:1200px) {
        .operations-group a {
            display: block;
            margin-top: 5px;
        }
        .operations-group a:before {
            display: none;
        }
    }
    html,body{
        height: 100%;
    }
    .register-wrapper{
        position: relative;
        display: flex;
        flex-direction: column;
        min-height: calc(100% - 50px);
        background: url("images/apply-bg.png") center/cover no-repeat;
    }
    .register-wrapper.bg .content{
        border-top: none;
    }
    /*.navbar ~ .register-wrapper{
        padding-top: 50px;
    }*/
    .register-body{
        width: 1040px;
        margin: 0 auto;
        padding: 0 40px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex: 1;
    }
    .register-body .logo{
        margin-bottom: 20px;
    }
    .register-body .logo img{
        height: 40px;
    }
    .register-body .title{
        margin-bottom: 40px;
        text-align: center;
        border-bottom: 1px solid #eaeaea;
        padding: 25px 0;
    }
    .register-body .title .text{
        font-size: 30px;
    }
    .carousel-item{
        display: flex;
        justify-content: center;
        margin-top: 10px;
    }
    .carousel-item li{
        width: 8px;
        height: 8px;
        border-radius: 8px;
        background: #eee;
        margin: 0 5px;
    }
    .register-body .content{
        background-color: #fff;
        border-radius: 6px;
        border-top-style: solid;
        border-top-width: 4px;
        box-shadow: 0 0 10px rgba(0,0,0,0.15);
        padding-bottom: 40px;
        min-height: 520px;
        position: relative;
        display: flex;
        flex-direction: column;
    }
    .register-body .content .inner{
        width: 520px;
        margin: 0 auto;
        flex: 1;
        justify-content: center;
        display: flex;
        flex-direction: column;
    }
    .register-body .content .account{
        width: 520px;
    }
    .desc-info{
        margin-bottom: 20px;
        color: #666;
    }
    .passwd-tips{
        background: #fff6ea;
        padding: 5px 10px;
        border-radius: 4px;
        color: #bfa482;
        margin-bottom: 0;
    }
    .authenticator-name{
        font-size: 18px;
        margin-bottom: 20px;
        display: flex;
        align-items: center;
    }
    .other-finders{
        margin-top: 30px;
    }
    .other-finders .divider{
        position: relative;
        margin: 20px 0;
        color: #999;
        text-align: center;
    }
    .other-finders .divider:after{
        content: '';
        position: absolute;
        background: #e5e5e5;
        height: 1px;
        width: 100%;
        top: 50%;
        left: 0;
    }
    .other-finders .divider span{
        position: relative;
        z-index: 1;
        background: #fff;
        padding: 0 20px;
    }
    .other-finders .link{
        text-align: center;
    }
    .other-finders .link a{
        color: #666;
        display: inline-flex;
        align-items: center;
        margin-right: 20px;
    }
    .other-finders .link i{
        font-size: 16px;
        vertical-align: middle;
    }
    .input-group-prefix .form-control{
        padding-left: 44px;
    }
    .input-group-prefix .form-control{
        padding-left: 44px;
    }
    .input-group-suffix .form-control{
        padding-right: 40px;
    }
    .input-group-suffix .form-control{
        padding-right: 40px;
    }
    .input-group-captcha .form-control{
        padding-right: 160px;
    }
    .addon-phone {
        position: absolute;
        left: 10px;
        top: 12px;
    }
    .addon-send{
        position: absolute;
        right: 10px;
        top: 0;
        height: 44px;
        line-height: 44px;
    }
    .addon-send .send{
        display: inline-block;
        line-height: 44px;
    }
    .refresh{
        color: #999;
    }
    .icon-eye{
        vertical-align: middle;
        cursor: pointer;
        font-size: 16px;
        display: block;
        line-height: 44px;
    }
    .addon-icon {
        position: absolute;
        right: 0;
        top: 0;
        width: 40px;
        height: 44px;
        line-height: 44px;
        text-align: center;
    }
    .captcha-image {
        position: absolute;
        right: 0;
        top: 0;
        height: 44px;
        line-height: 44px;
        text-align: center;
    }
    .captcha-image .icon{
        vertical-align: middle;
        cursor: pointer;
        font-size: 16px;
        display: inline-block;
        width: 40px;
    }
    .form-container .icon-success{
        color: #0ba97c;
    }
    .form-container .form-control {
        height: 44px;
    }
    .form-container .form-group {
        position: relative;
        margin-bottom: 26px;
    }
    .form-container .form-group:last-child{
        margin-bottom: 0;
    }
    .form-container .form-group .c-input{
        display: flex;
        padding-left: 0;
    }
    .form-container .form-group .c-input .c-indicator{
        position: relative;
        top: 0%;
        transform: translate(0);
        margin-top: 2px;
    }
    .form-container .form-group .c-input > input{
        width: 16px;
        height: 16px;
        top: 2px;
    }
    .form-container .form-group .c-checkbox input:checked ~ .c-indicator:before {
        width: 16px;
        height: 16px;
    }
    .form-container .form-group .c-description{
        margin-left: 6px;
        flex: 1;
    }
    .form-container .form-group .btn {
        display: block;
        width: 100%;
        height: 44px;
        font-size: 16px;
    }
    .form-container .yv-has-error .info-text{
        line-height: normal;
        position: absolute;
        margin-top: 2px;
        width: 100%;
    }
    .rule-list{
        font-size: 12px;
        color: #999;
    }
    .rule-list li{
        line-height: 20px;
        display: flex;
        margin-bottom: 4px;
    }
    .rule-list li:last-child{
        margin-bottom: 0;
    }
    .rule-list li.active{
        color: #666;
    }
    .rule-list li.active i{
        color: #0ba97c;
    }
    .rule-list i{
        margin: 3px 7px 0 0;
        vertical-align: middle;
        font-size: 16px;
        color: #ddd;
    }
    .btn-area{
        margin-top: 40px;
    }
    .btn-area .btn{
        display: block;
        width: 100%;
        height: 44px;
        font-size: 16px;
    }
    .msg-content{
        margin: 40px 0;
        display: flex;
        justify-content: center;
    }
    .msg-content .area{
        display: flex;
        color: #666;
    }
    .msg-content .area .icon{
        margin-right: 20px;
        color: #ff6d00;
    }
    .msg-content .area .icon i{
        vertical-align: top;
        font-size: 40px;
    }
    .msg-content .area .bd{
        flex: 1;
    }
    .msg-content .area .msg-title{
        font-size: 28px;
        color: #ff6d00;
    }
    .msg-content .area .action{
        margin: 40px 0 15px 0;
    }
    .msg-content .area .action .btn{
        min-width: 200px;
        height: 44px;
        font-size: 16px;
    }
    @media (max-height:767px) {
        .register-wrapper{
            display: block;
            min-height: 100%;
            height: auto;
        }
        .register-body .logo{
            margin: 20px 0;
        }
    }
    @media (max-width:980px) {
        .register-body{
            width: 100%;
            padding: 0 20px;
        }
    }
    @media (max-width: 768px) {
        .register-body .content .inner{
            width: auto;
            padding: 0 20px;
            margin: inherit;
        }
        .msg-content{
            margin: 0;
        }
        .msg-content .area{
            flex-direction: column;
            align-items: center;
        }
        .msg-content .area .icon {
            margin-right: 0;
            margin-bottom: 10px;
        }
        .msg-content .area .bd {
            align-items: center;
            display: flex;
            flex-direction: column;
        }
    }
    /*图片验证滑块*/
    .RegisterSliderBlock {
        position: absolute;
        left: 0;
        top: 0;
    }
    .sliderContainer {
        position: relative;
        text-align: center;
        width: 250px;
        height: 40px;
        line-height: 40px;
        margin-top: 15px;
        background: #f7f9fa;
        color: #45494c;
        border: 1px solid #e4e7eb;
        border-radius: 5px;
        box-sizing: border-box;
    }
    .sliderContainer_active .slider {
        height: 40px;
        top: -1px;
        color: #fff;
    }
    .sliderContainer_active .sliderMask {
        height: 40px;
        border-width: 1px;
        box-sizing: border-box;
    }
    .sliderContainer_success .slider {
        height: 40px;
        top: -1px;
        background-color: #0baa30 !important;
        color: #fff;
    }
    .sliderContainer_success .sliderMask {
        height: 40px;
        background-color: #D2F4EF;
    }
    .sliderContainer_success .sliderIcon {
        background-position: 0 0 !important;
        color: #fff;
    }
    .sliderContainer_fail .slider {
        height: 40px;
        top: -1px;
        background-color: #fa8e00 !important;
        color: #fff;
    }
    .sliderContainer_fail .sliderMask {
        height: 40px;
        background-color: #fce1e1;
    }
    .sliderContainer_fail .sliderIcon {
        top: 14px;
        color: #fff;
    }
    .sliderContainer_active .sliderText, .sliderContainer_success .sliderText, .sliderContainer_fail .sliderText {
        display: none;
    }
    .sliderMask {
        position: absolute;
        left: 0;
        top: 0;
        height: 38px;
        background: #D1E9FE;
    }
    .RegisterSlider {
        position: absolute;
        top: 0;
        left: 0;
        width: 38px;
        height: 38px;
        background: #fff;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
        cursor: pointer;
        transition: background .2s linear;
        border-radius: 5px;
        box-sizing: border-box;
    }
    .RegisterSlider:hover {
        background: #49baff;
        color: #fff;
    }
    .RegisterSlider:hover .sliderIcon {
        background-position: 0 -13px;
    }
    .sliderIcon {
        position: absolute;
        top: 12px;
        left: 11px;
        font-size: 16px;
    }
    .refreshIcon {
        position: absolute;
        right: 28px;
        top: -27px;
        font-size: 18px;
        cursor: pointer;
    }
    .closeIcon {
        position: absolute;
        right: 0;
        top: -27px;
        font-size: 18px;
        cursor: pointer;
    }
    .stripe-page {
        background: url("../../../sg/css/images/background_gray.png") repeat center;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }