ol, ul {
    list-style: none;
}
.view-framework {
    position: relative;
    overflow: hidden;
    min-width: 1040px;
    padding: 70px 0 0 200px;
    background-color: #f9fafe;
}
.view-framework-sidebar {
    position: fixed;
    top: 70px;
    bottom: 0;
    left: 0;
    width: 200px;
    height: 100%;
    z-index: 9;
    overflow: hidden;
    background-color: #191b2e;
}
.sidebar-body {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    width: 200px;
    padding-top: 15px;
    overflow-x: hidden;
    overflow-y: auto;
}
.sidebar-nav {
    margin: 0 20px;
    width: 160px;
    padding: 10px 0;
    overflow: hidden;
    border-bottom: 1px solid #28263b;
}

.sidebar-items a {
    display: block;
    position: relative;
    color: #b2b4c4;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding: 0 0 0 50px;
    overflow: hidden;
    -webkit-transition: color .3s;
    transition: color .3s;
}
.sidebar-items .current a, .sidebar-items .current a:hover {
    color: #fff;
}
.sidebar-items .iconfont {
    position: absolute;
    left: 15px;
    top: 1px;
    width: 30px;
    text-align: center;
    font-size: 16px;
}
.sidebar-functional {
    width: 200px;
    padding: 20px 0 0 0;
    text-align: center;
    overflow: hidden;
    font-size: 0;
}
.sidebar-call {
    margin: 0 20px;
    padding: 15px 0;
    width: 160px;
    color: #777;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
}
.sidebar-call p {
    color: #fff;
    font-size: 22px;
}
.sidebar-call small {
    font-size: 14px;
}
.view-framework-body {
    width: 100%;
    position: relative;
}
.view-framework-body .view-framework-main {
    padding: 25px 25px 10px 25px;
    min-height: 500px;
    overflow: hidden;
}

.qiye{
    padding: 0px 10px;
    background: #007dfe;
    color: #ffffff;
    border-radius: 5px;
    height: 24px;
    line-height: 24px;
    margin-left: 8px;
    font-size: 12px;
    position: absolute;
    top: 12px;
}
.xiaoka-notice-text a img{
    display: none;
}
.xiaoka-notice-text img{
    display: none;
}
.view-framework-body .footer {
    background-color: #fff;
    box-shadow: 0 0 10px rgba(86,127,165,.05);
}
.footer-sm {
    padding: 20px 0;
    font-size: 13px;
    line-height: 24px;
    color: #888;
}
.footer {
    padding: 30px 0;
    border-top: 1px #cac9c9;
    background-color: #fff;
}


.xiaoka-notice {
    max-width: 1200px;
    margin: auto;
}
.xiaoka-notice {
    margin-top: -45px;
    margin-bottom: 50px;
    position: relative;
    z-index: 5;
    height: 90px;
    border: 1px solid #f0f0f0;
    border-color: rgba(255,255,255,0);
    background-color: #fff;
    border-radius: 100px;
    box-shadow: 0 10px 40px -5px rgba(0,0,0,.11);
}
.view-framework-body .xiaoka-notice {
    border-radius: 6px;
    max-width: none;
    margin: 0 0 20px 0;
    box-shadow: 0 2px 8px rgba(50,50,50,.03);
    border-color: #f5f5f5\9;
    border-color: rgba(255,255,255,.01);
}
.xiaoka-notice-icon {
    position: absolute;
    top: -1px;
    left: -1px;
}
.xiaoka-notice-time {
    position: absolute;
    top: 22px;
    left: 30px;
    line-height: 20px;
    padding-right: 20px;
    text-align: right;
    border-right: 1px dashed #eee;
}
.xiaoka-notice-text {
    margin: 0 100px 0 138px;
    padding: 20px 0 0 0;
    line-height: 25px;
    color: #ccc;
}
.xiaoka-notice-more {
    position: absolute;
    top: 26px;
    right: 0;
    height: 36px;
    line-height: 18px;
    overflow: hidden;
    border-left: 1px dashed #eee;
}


.iconimg {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    vertical-align: middle;
    border: 0 none;
    text-indent: -999px;
    background-repeat: no-repeat;
    background-image: url(../images/iconimg.png?20180829);
}
.status-hint-icon .iconimg {
    display: block;
    width: 140px;
    height: 140px;
    overflow: hidden;
    background-image: url(../images/realname.png);
}
.status-hint-icon .iconimg-realname-succeed{	background-position: 0 0; }
.status-hint-icon .iconimg-realname-verify {	background-position: 0 -140px; }
.status-hint-icon .iconimg-realname-failed {	background-position: 0 -280px; }






/* alert */
.alert{
    position: relative;
    line-height: 1.5;
    padding: 10px 20px;
    color: #484848;
    border: 1px solid #eeeeef;
    background-color: #f8fafc;
    margin-bottom: 20px;
    border-radius: 6px;
}
.alert hr { margin-top: 13px; margin-bottom: 13px; *margin-top: 7px; *margin-bottom: 7px;}
.alert .alert-link {font-weight: bold;}
.alert h4{ margin-bottom: 5px; font-weight: 700; }
.alert p + p {margin-top: 5px;}
.alert .btn{ margin-top: 10px;}

.alert-dismissible { padding-right: 40px; }
.alert-dismissible .close{ filter: alpha(opacity=60); opacity: .6; position: relative; top: -1px; right: -25px; color: inherit; _filter: none;}
.alert-dismissible .close:focus{ filter: alpha(opacity=100); opacity:1;}

.alert-icon { position: relative; padding-left: 55px; }
.alert-icon > .icon{ position: absolute; top: 10px; left: 18px; }
.alert-icon .icon .iconfont{ font-size: 24px; }

.alert-avatar{ position: relative; padding-top: 20px; padding-bottom: 20px; padding-left: 75px; }
.alert-avatar > .avatar { position: absolute; top: 15px; left: 20px; }

.alert-sm { font-size: 12px; padding: 10px 15px; }

.alert-primary { color: #62a8ea; border-color: #ddedf8; background-color: #ecf7ff; }
.alert-primary hr { border-top-color: #ddedf8;}
.alert-primary .alert-link { color:#358fe4; }

.alert-success { color: #46be8a; border-color: #d9f5e9; background-color: #ebfbf4; }
.alert-success hr { border-top-color: #d9f5e9; }
.alert-success .alert-link { color: #36ab7a; }

.alert-info    { color: #11a6d6; border-color: #def2f4; background-color: #effafb; }
.alert-info hr { border-top-color: #def2f4; }
.alert-info .alert-link { color: #0a88ff; }

.alert-warning { color: #f60; border-color: #faebcc; background-color: #ffffe0; }
.alert-warning hr { border-top-color: #faebcc; }
.alert-warning .alert-link {color: #ec9940; }

.alert-danger { color: #f96868; border-color: #fbdddd; background-color: #ffeeee; }
.alert-danger hr { border-top-color: #fbdddd; }
.alert-danger .alert-link { color: #e9595b; }

.alert-dark{ color: #fff; border-color: #777; background-color: #777;}
.alert-dark hr { border-top-color: #707070; }
.alert-dark .alert-link {color: #fff; }
.alert-dark .close{ color: #fff; }

.alert-primary-dark{ color: #fff; border-color: #007dfe; background-color: #007dfe;}
.alert-primary-dark hr { border-top-color: #308ac5; }
.alert-primary-dark .alert-link { color: #fff; }
.alert-primary-dark .close{color: #fff; }

.alert-success-dark{ color: #fff; border-color: #46be8a; background-color: #46be8a;}
.alert-success-dark hr { border-top-color: #3dae7d; }
.alert-success-dark .alert-link { color: #fff; }
.alert-success-dark .close{color: #fff; }

.alert-info-dark{ color: #fff; border-color: #57c7d4; background-color: #57c7d4;}
.alert-info-dark hr { border-top-color: #43c0cf; }
.alert-info-dark .alert-link { color: #fff; }
.alert-info-dark .close{color: #fff; }

.alert-warning-dark{ color: #fff; border-color: #f2a654; background-color: #f2a654;}
.alert-warning-dark hr { border-top-color: #f09a3c; }
.alert-warning-dark .alert-link {color: #fff; }
.alert-warning-dark .close{color: #fff; }

.alert-danger-dark{ color: #fff; border-color: #f96868; background-color: #f96868;}
.alert-danger-dark hr { border-top-color: #e65959; }
.alert-danger-dark .alert-link { color: #fff; }
.alert-danger-dark .close{color: #fff; }

.alert-alt{  border: 0 none; border-left: 3px solid #bbb; }
.alert-alt.alert-primary{ border-left-color: #62a8ea; }
.alert-alt.alert-success{ border-left-color: #46be8a; }
.alert-alt.alert-info   { border-left-color: #57c7d4; }
.alert-alt.alert-warning{ border-left-color: #f2a654; }
.alert-alt.alert-danger { border-left-color: #f96868; }
.alert-alt.alert-primary-dark{ border-left-color: #2771b4; }
.alert-alt.alert-success-dark{ border-left-color: #247151; }
.alert-alt.alert-info-dark   { border-left-color: #2e8893; }
.alert-alt.alert-warning-dark{ border-left-color: #cb7314; }
.alert-alt.alert-danger-dark { border-left-color: #d91d1f; }


.xiaoka-notice-icon .iconimg-notice {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 80px;
    height: 80px;
    background: url(../images/notice.png) 0 0 no-repeat;
    border-radius: 100px 0 0 100px;
}
.view-framework-body .xiaoka-notice-icon .iconimg-notice {
    border-radius: 6px 0 0 0;
}
.xiaoka-notice-time > span {
    font-size: 16px;
    color: #999;
}
.xiaoka-notice-time > strong {
    display: block;
    font-size: 22px;
    color: #333;
    font-weight: 400;
    margin-top: 3px;
}
.xiaoka-notice-text > h5 {
    font-size: 18px;
    height: 25px;
    overflow: hidden;
}
.xiaoka-notice-text a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 32px;
}
.xiaoka-notice-more a {
    display: block;
    padding: 0 30px 0 20px;
    color: #999;
}

.box {
    background-color: #fff;
    box-shadow: 0 3px 15px rgba(50,50,50,.04);
    border-radius: 6px;
}
.view-framework-body .box {
    margin: 0 0 20px 0;
    padding: 30px 35px;
    position: relative;
    border: 1px solid #f5f5f5\9;
    border-color: rgba(255,255,255,0);
}
.usercenter {
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 20px;
    margin-bottom: 5px;
}
.clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .form-group:after, .form-group:before, .row:after, .row:before {
    display: table;
    content: " ";
}
.clearfix:after, .container-fluid:after, .container:after, .form-group:after, .row:after {
    clear: both;
}
.usercenter > div {
    float: left;
}
.usercenter-info {
    position: relative;
    width: 40%;
    padding: 0 0 0 80px;
    margin-top: 10px;
    overflow: hidden;
    color: #666;
}
.usercenter-info .avatar {
    position: absolute;
    top: 0;
    left: 0;
    width: 64px;
    height: 64px;
    border-radius: 50%;
}
fieldset, img {
    border: 0;
}
.usercenter-info h5 {
    font-weight: 700;
    font-size: 16px;
    color: #202020;
}
.sep {
    padding: 0 10px;
    opacity: .5;
    filter: alpha(opacity=50);
    font-size: 85%;
}
.text-light {
    color: #999999 !important;
}
:link, :visited, ins {
    text-decoration: none;
}
.usercenter-info .user-security-progress {
    display: inline-block;
    vertical-align: middle;
    width: 100px;
}
.progress {
    position: relative;
    height: 12px;
    line-height: 12px;
    font-size: 12px;
    overflow: hidden;
    background-color: #eeeeef;
    border-radius: 12px;
}


.progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    float: left;
    width: 0;
    height: 100%;
    text-align: center;
    overflow: hidden;
    color: #fff;
    background-color: #007dfe;
    border-radius: 12px;
    -webkit-transition: width .6s ease;
    transition: width .6s ease;
}
.progress-bar-success {
    background-color: #46be8a;
}
.progress .securelevel-4 {
    width: 90%;
}
.usercenter > div {
    float: left;
}
.usercenter-assets {
    position: relative;
    width: 30%;
}
.usercenter-assets .assets-icon {
    float: left;
    color: #999;
    margin-right: 15px;
}
.usercenter-assets .assets-icon .iconfont {
    font-size: 60px;
    display: inline-block;
    margin-top: 30px;
}
.usercenter-assets .assets-title {
    font-size: 16px;
    padding-top: 11px;
}
.usercenter-assets .assets-money {
    font-size: 32px;
    line-height: 1.5;
    color: #ff5c38;
}
.security-item-bg h5 {
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 100%;
}

.usercenter-cash {
    padding-top: 10px;
}

.usercenter-cash .btn-primary {
    margin-right: 10px;
}
.security-group {
    margin-left: -2%;
}
.security-group > li {
    float: left;
    display: inline;
    width: 18%;
    max-width: 220px;
    height: 280px;
    overflow: hidden;
    text-align: center;
    margin: 25px 0 5px 2%;
    border: 1px solid #f0f0f0\9;
    border-color: rgba(255,255,255,.01);
    border-radius: 6px;
    box-shadow: 0 2px 10px rgba(0,0,0,.07);
}
.security-item-finish {
    color: #fff;
    background-color: #f253be;
    background-image: -webkit-linear-gradient(bottom, #c471f5 0%, #fa71cd 100%);
    background-image: linear-gradient(to top, #c471f5 0%, #fa71cd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa71cd', endColorstr='#c471f5',GradientType=0 );
    box-shadow: 0 3px 7px rgba(242,83,190,.25);
}
.security-item-finish h5,.security-item-finish i{
    color: #FFF;
}

.security-item-bg {
    position: relative;
    width: 100%;
    height: 200px;
    overflow: hidden;
    text-align: center;
    border-bottom: 1px solid #f0f0f0\9;
    border-bottom-color: rgba(255,255,255,.01);
    color: #ccc;
    background-color: #f9fafc;
    border-radius: 6px;
    box-shadow: 0 3px 7px rgba(0,0,0,.07);
}
.security-item-mobile {
    color: #fff;
    background-color: #FF719A;
    background-image: -webkit-linear-gradient(bottom, #FF719A 0%, #FFA99F 100%);
    background-image: linear-gradient(to top, #FF719A 0%, #FFA99F 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFA99F', endColorstr='#FF719A',GradientType=0 );
    box-shadow: 0 3px 7px rgba(255,133,154,.25);
}
.security-item-email {
    color: #fff;
    background-color: #4facfe;
    background-image: -webkit-linear-gradient(bottom, #4facfe 0%, #00f2fe 100%);
    background-image: linear-gradient(to top, #4facfe 0%, #00f2fe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f2fe', endColorstr='#4facfe',GradientType=0 );
    box-shadow: 0 3px 7px rgba(79,172,254,.25);
}
.security-item-password {
    color: #f60;
}
.security-item-weixin {
    background-color: #fff;
}

.security-item-icon {
    width: 100%;
    height: 200px;
    line-height: 190px;
    overflow: hidden;
    text-align: center;
}
.security-item-icon .iconfont {
    font-size: 72px;
}
.security-item-action .btn {
    display: block;
    margin: 20px 25px;
    padding-left: 0;
    padding-right: 0;
}



.cards-group {
    padding: 5px 0 20px 0;
    font-size: 0;
    white-space: nowrap;
    text-align: center;
    overflow: hidden;
}
.owl-theme {
    overflow: visible;
    padding: 0;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}
.usercenter-sellrecords .cards-group {
    text-align: left;
    margin-left: -10px;
}
.view-framework-body .box-caption {
    margin: -5px 0 0 0;
    padding-bottom: 20px;
    font-size: 22px;
    font-weight: 400;
}
.userform {
    padding: 30px;
}

.form-group {
    margin-bottom: 15px;
    position: relative;
}
.userform .form-group {
    margin-bottom: 30px;
    line-height: 40px;
}
.userform .form-label {
    float: left;
    width: 120px;
    padding-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-align: right;
}

.userform .btn-group {
    margin: 0;
    line-height: 48px;
}
.btn-group {
    margin: -10px 0 0 -10px;
    position: relative;
    z-index: 2;
}
.btn-group > li {
    float: left;
    position: relative;
}
.userform .btn-group li.active .btn, .userform .btn-group li.selected .btn {
    color: #f89339;
    border-color: #f89339;
    vertical-align: middle;
}
address, caption, cite, code, dfn, em, th, var, optgroup {
    font-style: normal;
    font-weight: normal;
}
.userform .form-label em {
    color: #f00;
}

.help-block {
    display: block;
    margin-top: 10px;
    color: #808080;
    font-size: 14px;
}
.userform .help-block {
    float: left;
    clear: both;
    width: 100%;
    line-height: 1.5;
    margin-top: 5px;
}
.mb0 {
    margin-bottom: 0px !important;
}
.btn-group > li .btn {
    float: none;
    display: block;
    height: 36px;
    line-height: 36px;
    border-radius: 6px;
}
.btn-group .selected .btn, .btn-group .active .btn {
    position: relative;
    border-color: #f89339;
}
.userform .btn-group > li .btn {
    margin: 0;
    min-width: 168px;
    padding: 0 20px 0 12px;
    height: 48px;
    line-height: 44px;
    overflow: hidden;
    color: #666;
    font-size: 16px;
    border-width: 2px;
    border-color: #eee;
    background-color: #fff;
    border-radius: 4px;
}
.btn-group .selected .btn:after, .btn-group .active .btn:after {
    content: "";
    position: absolute;
    right: -1px;
    bottom: 0;
    z-index: 3;
    display: block;
    width: 18px;
    height: 18px;
    overflow: hidden;
    background: url(../images/selected.gif) 0 0 no-repeat;
    opacity: 1;
    filter: alpha(opacity=100);
}
.form-control {
    display: block;
    width: 100%;
    line-height: 20px;
    padding: 9px 12px;
    font-size: 14px;
    color: #484848;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    border-radius: 6px;
    transition: border linear .2s, box-shadow linear .2s;
}

.userform .form-control-short {
    width: 165px;
}
.userform .form-tips {
    float: left;
    color: #666;
    line-height: 40px;
}
.tipss {
    color: red;
}

.footer {
    padding: 30px 0;
    border-top: 1px #cac9c9;
    background-color: #fff;
}
.footer-sm {
    padding: 20px 0;
    font-size: 13px;
    line-height: 24px;
    color: #888;
}
.view-framework-body .footer {
    background-color: #fff;
    box-shadow: 0 0 10px rgba(86,127,165,.05);
}
.footer-sm p.line {
    margin-bottom: 15px;
    border-bottom: 1px solid #f0f0f0;
    padding: 0 15px 18px 15px;
}
.footer-sm a {
    color: #888;
}

.owl-carousel .owl-wrapper-outer {
    padding: 20px 0 20px 0;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.usercenter-sellrecords .owl-carousel .owl-wrapper-outer {
    padding: 5px 0 15px 0;
}

.cards-group .cards-cover {
    margin: 0 10px;
    padding: 20px;
    text-align: center;
    border: 1px solid;
    border-color: rgba(255,255,255,0);
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 3px 15px rgba(50,50,50,.05);
    transition: .3s;
}
.usercenter-sellrecords .cards-group .cards-cover {
    border: 1px solid #f0f0f0;
    text-align: center;
}
.cards-group .cards-cover > a {
    display: block;
    border: 1px solid #f5f5f5;
    border-radius: 354px;
    width: 140px;
    height: 140px;
    line-height: 168px;
    margin: auto;
}
.owl-carousel .owl-item .item {
    width: 100%;
}
.cards-group img {
    display: inline-block;
    height: 36px;
}
.cards-group .title {
    display: block;
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 7px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sr-only {
    position: absolute!important;
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    margin: -1px!important;
    overflow: hidden!important;
    clip: rect(0,0,0,0)!important;
    border: 0 none!important;
}


.text-center {
    text-align: center;
}

.btn {
    display: inline-block;
    padding: 9px 25px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    color: #4c5161;
    border: 1px solid transparent;
    background-color: transparent;
    border-radius: 100px;
    transition: .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.userform .form-group-btn {
    padding-left: 120px;
}
.userform .form-group-btn .btn {
    min-width: 165px;
    padding: 13px 50px;
    font-size: 16px;
    border-radius: 4px;
}
.form-combobox {
    margin-top: -10px;
    margin-right: 10px;
    float: left;
}
.form-combobox li{
    margin-bottom: 5px;
}


.radio, .checkbox {
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 20px;
}
.form-combobox .radio {
    width: 350px;
    display: block;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    cursor: pointer;
    padding: 0 15px;
    white-space: nowrap;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    color: #666;
    transition: .3s;
}
.form-group .btn-link, .form-group .radio, .form-group .checkbox {
    margin-top: 0;
}


.radio input, .checkbox input {
    float: left;
    margin: 4px 7px 0 0;
}
input[type="radio"]:enabled, input[type="radio"]:disabled {
    opacity: 0;
    position: absolute;
}
.form-combobox .radio input {
    margin: 18px 10px 0 0;
}

.modal .userform .form-element {
    width: auto;
}

input[type="radio"]:enabled + .radio-text, input[type="radio"]:disabled + .radio-text {
    position: relative;
    display: block;
    min-height: 20px;
    line-height: 20px;
    padding-left: 28px;
    color: #666;
    cursor: pointer;
}
input[type="radio"]:enabled:checked + .radio-text {
    color: #333;
}


input[type="radio"]:disabled + .radio-text::before, input[type="radio"]:enabled + .radio-text::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 2;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    overflow: hidden;
    border: 2px solid #ddd;
    background-color: #fff;
    border-radius: 50%;
    transition: .3s;
    box-shadow: 1px 3px 10px rgba(200,200,200,.3);
}
input[type="radio"]:enabled:checked + .radio-text::before {
    border-color: #007fde;
    box-shadow: 1px 3px 10px rgba(0,125,254,.25);
}
.form-combobox .cashcard-name {
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    margin-top: 9px;
}

.cashcard-name span {
    float: right;
    font-size: 14px;
    color: #666;
}
.form-combobox input[type="radio"]:enabled:checked + .radio-text .cashcard-name span {
    color: #007dfc;
}
.cashcard-name .iconimga {
    display: block;
    width: 125px;
    height: 28px;
}

input[type="radio"]:disabled + .radio-text::after, input[type="radio"]:enabled + .radio-text::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 8px;
    z-index: 3;
    width: 8px;
    height: 8px;
    margin-top: -2px;
    overflow: hidden;
    background-color: #eee;
    opacity: 0;
    border-radius: 50%;
    transition: .3s;
}
input[type="radio"]:enabled:checked + .radio-text::after {
    opacity: 1;
    background-color: #007fde;
}





.label {
    display: inline-block;
    padding: 2px 4px;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #999;
    border-radius: 2px;
}
.label-primary {
    background-color: #10aeff;
}
.form-filter {
    padding: 10px 0 5px 0;
    zoom: 1;
}
.form-filter .form-group {
    line-height: 34px;
    margin-bottom: 15px;
}
.form-group .control-label {
    display: inline-block;
    max-width: 100%;
    line-height: 20px;
    padding-top: 10px;
}
.form-filter .control-label {
    float: left;
    padding: 0 15px 0 0;
    line-height: 34px;
}

.form-filter .form-control {
    width: 95px;
    padding: 0 10px;
    float: left;
    font-size: 13px;
    border-width: 1px;
    height: 32px;
    line-height: 32px;
    border-radius: 4px;
}
.form-datetime{
    width: 65px!important;
}

.form-filter span.control-label {
    padding: 0 5px;
}
.form-filter .btn {
    float: left;
    margin: 0 15px 0 0;
    font-size: 14px;
    border-radius: 4px;
}
.form-filter .item {
    padding: 0 18px;
    height: 32px;
    line-height: 32px;
    margin: 0 10px 0 0;
    float: left;
    display: inline;
    border-radius: 4px;
}
.form-filter .item:hover {
    color: #fff;
    border-color: #01cf75;
    background-color: #01cf75;
    box-shadow: 1px 3px 10px rgba(1,207,117,.21);
}
.table-responsive {
    width: 100%;
    min-height: .01%;
    overflow-x: auto;
    margin-bottom: 20px;
}

.table-custom {
    border: 1px solid #f0f0f0;
}
.table-responsive .table {
    margin-bottom: 0;
}



caption, th {
    text-align: left;
}
.table th {
    background-color: #f9f9f9;
    white-space: nowrap;
}


.table th, .table td {
    padding: 10px 20px;
    vertical-align: middle;
    border-top: 1px solid #eee;
}

.table-custom th, .table-custom td {
    padding: 15px 25px;
    border-top: 0 none;
    border-bottom: 1px dotted #eee;
    text-align: center;
    color: #808080;
}


.table-custom thead th {
    border-bottom: 1px solid #f0f0f0;
    font-size: 14px;
    color: #666;
    font-weight: 700;
}

.cash-records .date {
    width: 200px;
    text-align: left;
    padding-left: 25px;
    padding-right: 25px;
}
.cash-records .paysum {
    width: 100px;
    text-align: right;
}

.cash-records .inid {
    width: 280px;
    text-align: left;
    padding-left: 50px;
    padding-right: 25px;
}
.cash-records .state {
    width: 120px;
    text-align: left;
}
.cash-records .note {
    text-align: left;
    padding: 0 30px;
}

.form-filter a.selected, .form-filter a.selected:hover {
    color: #fff;
    border-color: #01cf75;
    background-color: #01cf75;
    box-shadow: 1px 3px 10px rgba(1,207,117,.21);
    cursor: default;
}
.pb20 {
    padding-bottom: 20px !important;
}
.mr10 {
    margin-right: 10px !important;
}

/* page */
.page{ padding: 15px; text-align: center; }
.page a,
.page em,
.page strong{
    position: relative;
    display: inline-block;
    min-width: 42px;
    line-height: 20px;
    overflow: hidden;
    padding: 7px 11px;
    font-size: 14px;
    vertical-align: middle;
    margin: 0 0 0 -1px;
    border: 1px solid #e5e5e5;
}
.page a:hover{ z-index: 2; border-color: #007def; background-color: #f8fafc; }
.page a.next{ line-height: 15px; font-size: 16px;}
.page strong.bc{ z-index: 3; color: #fff; font-weight: 400; cursor: default; border-color: #007def; background-color: #007def; }
.page span.disabled{ color: #999; cursor: default; border-color: #ddd; background-color: #eee; }
.page em{ color: #999; border-color: #eee; background-color: #f5f5f5; border-radius: 6px; margin: 0 11px 0 0; }
.page em + a,.page em + strong{ border-radius: 6px 0 0 6px; }
.page a:last-child,.page strong:last-child{ border-radius: 0 6px 6px 0; }

.btn-orange {
    color: #fff;
    border-color: #ffa219;
    background-color: #ffa219;
    box-shadow: 1px 3px 13px rgba(255,162,25,.25);
}

/* userform */
.userform .form-label em{ color: #f00; }
.userform .form-element{ margin-left: 120px; }
.userform .form-tips{ float: left; color: #666; line-height: 40px;}
.userform .form-multi{ line-height: 24px; padding: 10px 0;}
.userform .help-block{ float: left; clear: both; width: 100%; line-height: 1.5; margin-top: 5px; }
.userform .btn + .help-block{ margin-top: 10px; }
.userform .form-control{ float: left; width: 220px; margin-right: 10px; border-radius: 4px; }
.userform select.form-control{ height: 44px; padding: 0 10px; color: #333;}
.userform select.form-control-short{ width: 100px;}
.userform .form-control-short{ width: 165px;}
.userform .form-group-btn{ padding-left: 120px; }
.userform .form-group-btn .btn{ min-width: 165px; padding: 13px 50px; font-size: 16px; border-radius: 4px; }
.userform .form-alert{ width: 350px; margin-top: 10px; text-align: center; padding: 20px; }
.userform .form-alert-icon .iconfont{ font-size: 48px;}
.userform .verifyimg{ height: 42px; }
.userform-narrow .form-group{ margin-bottom: 15px;}

input[type="checkbox"]:enabled, input[type="checkbox"]:disabled {
    opacity: 0;
    position: absolute;
}
input[type="checkbox"]:enabled + .checkbox-text, input[type="checkbox"]:disabled + .checkbox-text {
    position: relative;
    display: block;
    min-height: 20px;
    line-height: 20px;
    padding-left: 30px;
    color: #666;
    cursor: pointer;
}
input[type="checkbox"]:disabled + .checkbox-text::before, input[type="checkbox"]:enabled + .checkbox-text::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 2;
    width: 18px;
    height: 18px;
    margin-top: -10px;
    overflow: hidden;
    border: 2px solid #ddd;
    background-color: #fff;
    border-radius: 4px;
    transition: .3s;
    box-shadow: 1px 3px 10px rgba(200,200,200,.3);
}
input[type="checkbox"]:disabled + .checkbox-text::after, input[type="checkbox"]:enabled + .checkbox-text::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 6px;
    z-index: 3;
    width: 6px;
    height: 10px;
    margin-top: -8px;
    overflow: hidden;
    border-right: 2px solid #eee;
    border-bottom: 2px solid #eee;
    background-color: transparent;
    opacity: 0;
    transition: .3s;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
}



input[type="checkbox"]:enabled + .checkbox-text:hover::before {
    border-color: #bbb;
}

input[type="checkbox"]:enabled:checked + .checkbox-text::before {
    border-color: #ff7a8d;
    background-color: #f89339;
    box-shadow: 1px 3px 10px #f89339;
}
input[type="checkbox"]:enabled:checked + .checkbox-text:hover::before {
    border-color: #fe871d;
    background-color: #f89339;
}

input[type="checkbox"]:enabled + .checkbox-text:hover {
    color: #333;
}

input[type="checkbox"]:enabled + .checkbox-text:hover::after {
    opacity: 1;
}

input[type="checkbox"]:enabled:checked + .checkbox-text::after {
    opacity: 1;
    border-color: #fff;
}
.btn-red {
    color: #fff;
    border-color: #ff5c38;
    background-color: #ff5c38;
    box-shadow: 1px 3px 13px rgba(255,92,56,.25);
}

.nav-tabs {
    margin-bottom: -1px;
}
.nav-tabs > li {
    float: left;
    padding-right: 5px;
}

.nav-tabs > li > a {
    display: block;
    font-size: 16px;
    padding: 15px 45px;
    line-height: 20px;
    border-radius: 3px 3px 0 0;
    background-color: #f0f1f3;
    text-shadow: 1px 1px 0 rgba(255,255,255,1);
}
.nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li.current a, .nav-tabs li.current a:hover {
    position: relative;
    z-index: 9;
    color: #007dfe;
    font-weight: 600;
    border-bottom-color: #fff;
    background-color: #fff;
    box-shadow: -1px -2px 3px rgba(0,0,0,.05), 1px 0 1px rgba(0,0,0,.05);
}



.verifyimg {
    display: block;
    height: 38px;
    cursor: pointer;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.status-hint {
    position: relative;
    width: 820px;
    overflow: hidden;
    margin: 50px 0 0 50px;
    padding: 80px 100px;
    border: 1px solid #eee;
    background-color: #f8fafc;
    border-radius: 3px;
}
.status-hint-icon {
    float: left;
}
.status-hint-icon i::before {
    display: block;
    width: 140px;
    height: 140px;
    line-height: 150px;
    overflow: hidden;
    text-align: center;
    font-size: 142px;
}
.status-hint-text {
    padding-left: 40px;
    margin-left: 140px;
}
.status-hint-text h3 {
    font-size: 24px;
    padding: 0 0 10px 0;
}
.status-hint-text .btn {
    margin-top: 15px;
}
.tipss{
    color:red;
}
.form-element li i::before{
    font-size: 30px;
    vertical-align: -5px;
}
.form-element li i{
    margin-right: 10px;
}

/* cashcard-group */
.cashcard-group{
    padding-left: 10px;
}
.cashcard-group > li{
    width: 350px;
    padding: 8px 15px;
    overflow: hidden;
    line-height: 24px;
    margin-bottom: 10px;
    border: 1px solid #e5e5e5;
    border-left: 2px solid #f89339;
    border-radius: 4px;
    box-sizing: border-box;
}


.realname-status .success, .realname-status .error {
    width: 100%;
    color: #fff;
    height: 90px;
    font-size: 16px;
    border-radius: 3px;
    line-height: 30px;
    filter: alpha(opacity=80);
    text-shadow: 0 1px 1px rgba(0,0,0,.8);
}
.realname-status .success .iconfont, .realname-status .error .iconfont {
    display: block;
    font-size: 24px;
    padding-top: 18px;
}
.realname-status .success {
    background-color: #46be8a;
    background-color: rgba(70,190,138,.7);
    *background-color: #46be8a;
}
.realname-status .error {
    background-color: #f96868;
    background-color: rgba(249,104,104,.7);
    *background-color: #f96868;
}
#cashcard-bank > li{ border-left-color: #f30;}
.cashcard-group .cashcard-action{ font-size: 12px;  text-align: right; color: #aaa; }
.cashcard-group .cashcard-action .sep{ padding: 0 15px;}
.cashcard-group .cashcard-action a{ color: #999; }
.cashcard-group .cashcard-action a:hover{ color: #007dfe; }
.cashcard-group .cashcard-name{
    line-height: 28px;
    font-size: 15px;
    padding-bottom: 10px;
    margin-bottom: 4px;
    border-bottom: 1px dashed #eee;
}
.cashcard-name span{ float: right; font-size: 14px; color: #666; }
.cashcard-name span strong{ font-family: tahoma; margin-left: 5px; }
.cashcard-name .iconimg{
    display: block;
    width: 28px;
    height: 28px;
    background-image: url(../images/banks/alipay.png);
    background-size: 100%;
}
.cashcard-name .iconimga{
    display: block;
    width: 125px;
    height: 28px;
}


/* cashcard-add */
.cashcard-add{
    display: block;
    width: 350px;
    line-height: 1;
    overflow: hidden;
    margin-left: 10px;
    text-align: center;
    color: #777;
    padding: 20px 0;
    border: 1px dashed #ddd;
    border-radius: 4px;
    cursor: pointer;
}
.cashcard-add .plus{
    position: relative;
    display: block;
    width: 17px;
    height: 17px;
    overflow: hidden;
    margin: auto;
    margin-bottom: 10px;
    cursor: pointer;

}
.cashcard-add .plus s{ position: absolute; background-color: #999; overflow: hidden;}
.cashcard-add .plus s.across{ width: 17px; height: 1px; left: 0; top: 8px;}
.cashcard-add .plus s.erect { width: 1px; height: 17px; left: 8px; top: 0;}
.cashcard-add .plus .iconfont{ font-size: 18px; }
a.cashcard-add:hover{ border-color: #007dfe; color: #007dfe;}
a.cashcard-add:hover .plus s{ background-color: #007dfe; }



/* security-level */
.security-level{ clear: both; width: 100%; height: 20px; line-height: 20px; margin-top: 5px; overflow: hidden;}
.security-level span{ float: left; margin-right: 3px;}
.security-level span .iconfont{ font-size: 14px; margin-right: 2px; padding-right: 2px;}
.security-level span.levs{
    display: block;
    margin-top: 3px;
    padding: 2px 3px;
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 12px;
}
.security-level span.lev{
    width: 76px;
    height: 8px;
    line-height: 8px;
    overflow: hidden;
    text-align: center;
    font-size: 12px;
    padding: 0;
    color: #fff;
    text-indent: -999px;
    background-color: #e5e5e5;
    transition: background-color .3S;
}
.security-level span.lev1{ border-radius: 8px 0 0 8px;}
.security-level span.lev3{ border-radius: 0 8px 8px 0; margin-right: 0;}
.security-level-weak span.lev1,
.security-level-medium span.lev1,
.security-level-strong span.lev1{ background-color: #ec3701; }
.security-level-medium span.lev2,
.security-level-strong span.lev2{ background-color: #f78115; }
.security-level-strong span.lev3{ background-color: #6d9e06; }

.security-level span.text{ padding-left: 5px; color: #fff;}
.security-level span.text span{display: none;}
.security-level-weak span.text span.txt1{display: inline; color: #ec3701;}
.security-level-medium span.text span.txt2{display: inline; color: #f78115;}
.security-level-strong span.text span.txt3{display: inline; color: #6d9e06;}


/* realname-content */
.realname-content .alert{ margin: 0; max-width: 850px; _width: expression(document.body.clientWidth > 850 ? "850px" : "auto");}
.realname-content .userform{ padding-left: 100px;}

/* realname-panel */
.realname-panel{
    width: 700px;
    padding: 15px 0;
    font-size: 12px;
    border: 1px solid #f0f0f0;
    background-color: #fafcfe;
    border-radius: 6px;
    box-shadow: 0 5px 15px rgba(0,0,0,.03);
}
.realname-info{ line-height: 18px; float: left; width: 45%; min-height: 150px; padding: 0 15px; }
.realname-info + .realname-info{ border-left: 1px dashed #eee; }
.realname-info > dt{ padding-bottom: 10px; color: #999; }
.realname-info > dd{
    position: relative;
    float: left;
    width: 45%;
    text-align: center;
    color: #999;
}
.realname-info > dd + dd{ padding-left: 15px; }
.realname-info > dd + dd img{ opacity: .5; filter: alpha(opacity=50);}
.realname-info > dd + dd .realname-preview{ border-color: #eee;}
.realname-info dd p{ padding-top: 10px;}
.realname-preview img{ display: block; width: 100%!important; height: 100%; margin: 0!important; }
.realname-preview{
    width: 100%;
    height: 88px;
    overflow: hidden;
    color: #ccc;
    line-height: 88px;
    text-align: center;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    border-radius: 6px;
}
.realname-uploadfile{
    position: relative;
    display: block;
    margin: auto;
    margin-top: 10px;
    padding: 0;
    text-align: center;
    overflow: hidden;
    width: 86px;
    height: 26px;
    line-height: 25px;
    padding: 0;
    font-size: 12px;
}
.realname-uploadfile span{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.realname-uploadfile span .iconfont {
    font-size: 12px;
    margin-right: 3px;
    vertical-align: -1px;
}
.webuploader-element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px,1px,1px,1px);
}
.webuploader-pick-disable {
    opacity: 0;
    pointer-events:none;
    filter: alpha(opacity=0);
}

.realname-status {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3;
}

.userform .btn-group > li + li {
    margin: 0 0 0 14px;
}

.btn-link {
    color: #007dfe;
}
.pt10 {
    padding-top: 10px !important;
}
.btn-default {
    color: #666;
    border-color: #eee;
    background-color: #fafafa;
    box-shadow: 1px 3px 13px rgba(200,200,200,.2);
}
.btn-default:active {
    color: #333;
    border-color: #ccc;
    background-color: #f3f3f3;
}
.btn-default:hover {
    color: #333;
    border-color: #ccc;
    background-color: #f9f9f9;
}
.btn-square {
    border-radius: 6px;
}
.table {
    width: 100%;
    font-size: 14px;
    margin-bottom: 20px;
    background-color: #fff;
}

.btn-sm {
    font-size: 14px;
    padding: 5px 15px;
}
.btn-primarybtn {
    color: #ff3c00;
    border-color: #ff0000;
    background-color: #ffffff;
    box-shadow: 1px 3px 13px #ffa4a4;
}

.statistics-records th, .statistics-records td {
    white-space: nowrap;
}

.realname-panel-inhand .realname-info + .realname-info > dd {
    width: 100%;
    text-align: left;
}
.realname-panel-inhand .list {
    margin-left: 18px;
    line-height: 25px;
    color: #666;
}

.btn-primary {
    color: #fff;
    border-color: #f89339;
    background-color: #f9841c;
    box-shadow: 1px 3px 13px #f89339;
}
.list-decimal li {
    list-style-type: decimal;
}


/* stepflex */
.stepflex{
    position: relative;
    text-align: center;
    padding-left: 30px;
    margin: 30px;
}
.userform .stepflex{ width: 520px; margin: 10px 0 50px 0; padding-top: 10px;}
.userform .stepflex-2{ width: 334px; margin-left: 95px;}
.stepflex ul{}
.stepflex li{
    position: relative;
    z-index: 2;
    width: 33.333333%;
    float: left;
    height: 60px;
}
.stepflex-2 li{ width: 100%; *width: 99.9%;}
.stepflex-3 li{ width: 50%; *width: 49.9%;}
.stepflex-4 li{ width: 33.33333%; *width: 33.2%;}
.stepflex-5 li{ width: 25%; *width: 24.9%;}
.stepflex li.first{ z-index: 1; width: 30px !important; margin-left: -30px; }
.stepflex .iconfont{ font-size: 12px; *vertical-align: -1px;}
.stepflex-num{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    *line-height: 28px;
    overflow: hidden;
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    text-indent: 1px;
    background: url(../images/iconimg.png?2017) 0px 0px no-repeat;
}
.error-panel h2 .iconfont {
    font-size: 200px;
    line-height: 1;
}
/* stepflex-text */
.stepflex-text{
    position: absolute;
    bottom: 0;
    right: -33px;
    width: 100px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    text-align: center;
    color: #999;
}
.userform-tips {
    clear: both;
    margin: 50px 0 0 50px;
    font-size: 12px;
    color: #666;
    line-height: 22px;
}



.error-panel, .message-panel {
    padding: 80px 0 100px 0;
    text-align: center;
    font-size: 16px;
    zoom: 1;
    color: #666;
}

.h2, h2 {
    font-size: 22px;
}
.error-panel h2 {
    color: #ccc;
}
.error-panel h3 {
    font-size: 30px;
    padding: 15px 0;
    color: #999;
    font-weight: 300;
}
.error-panel p {
    padding: 0 0 10px 0;
}

/* stepflex-line */
.stepflex-progress{
    position: relative;
    z-index: 2;
    top: 13px;
    margin: 0 40px 0 10px;
    height: 4px;
    overflow: hidden;
    background-color: #e5e5e5;
}
.stepflex .done .stepflex-num { background-position: -35px 0px;}
.stepflex .done .stepflex-text{ color: #8dd2ad; }
.stepflex .done .stepflex-progress{ background-color: #bee2cf;}

.stepflex .doing .stepflex-num { background-position: -70px 0px;}
.stepflex .doing .stepflex-text{ color: #41b677; }
.stepflex .doing .stepflex-progress{ background-color: #bee2cf; }

/* stepflex-primary */
.stepflex-primary .done .stepflex-num { background-position: -195px -175px;}
.stepflex-primary .done .stepflex-text{ color: #ff8782; }
.stepflex-primary .done .stepflex-progress{ background-color: #f9a19a;}

.stepflex-primary .doing .stepflex-num { background-position: -230px -175px;}
.stepflex-primary .doing .stepflex-text{ color: #f89339; }
.stepflex-primary .doing .stepflex-progress{ background-color: #f9a19a; }
.btn-green {
    color: #fff;
    border-color: #01cf75;
    background-color: #01cf75;
    box-shadow: 1px 3px 13px rgba(1,207,117,.21);
}
.btn.disabled, .btn.disabled:hover, .btn.disabled:active, .btn-disabled, .btn-disabled:hover, .btn-disabled:active {
    cursor: default;
    box-shadow: none;
    text-shadow: 0 1px 0 #fff;
    color: #ccc;
    border-color: #f0f0f0;
    background-color: #f5f5f5;
    pointer-events: none;
}
.nodata {
    font-size: 18px;
    text-align: center;
    padding: 70px 0;
    color: #999;
}
/* dropdown-menu */
.dropdown-menu{
    position: absolute;
    top: 100%;
    z-index: 9;
    font-size: 14px;
    pointer-events: none;
    border: 1px solid\9;
    border-color: #ddd;
    border-color: rgba(255,255,255,0);
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 5px 30px -3px rgba(50,50,50,.2);
    box-shadow: 0 5px 35px -3px rgba(50,50,50,.2);
    display: none;
}
.open .dropdown-menu{ pointer-events: auto; display: block; }
.dropdown-arrow{
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-style: dashed dashed solid;
    border-width: 0 7px 5px 7px;
    left: 12px;
}
.dropdown-arrow{top: -5px; border-color: transparent transparent #ffffff;}
.dropdown-arrow1{top: -6px; border-color: transparent transparent #ddd;}

/* datetimepicker */
.datetimepicker {
    width: 300px;
    padding: 5px;
    direction: ltr;
    color: #666;
    font-size: 14px;
    pointer-events: auto;
}
[class*=" datetimepicker-dropdown"]:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #cccccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
}
[class*=" datetimepicker-dropdown"]:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    position: absolute;
}
[class*=" datetimepicker-dropdown-top"]:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #cccccc;
    border-top-color: rgba(0, 0, 0, 0.2);
    border-bottom: 0;
}
[class*=" datetimepicker-dropdown-top"]:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #ffffff;
    border-bottom: 0;
}
/* prompt */
.prompt{
    margin: 0 auto;
    position: relative;
    zoom: 1;
    padding: 30px 40px;
    clear: both;
    text-align: center;
}
/* prompt-icon */
.prompt-icon{
    margin: auto;
    display: block;
    width: 96px;
    height: 96px;
    line-height: 1;
}
.prompt-icon .iconfont{ font-size: 96px; }
.prompt-icon .iconimg{
    display: block;
    width: 96px;
    height: 96px;
    background-image: url(../images/sprites/prompt@x2.png);
}
.prompt-success .prompt-icon .iconimg{ background-position: 0 0; }
.prompt-info .prompt-icon .iconimg   { background-position: -200px 0; }
.prompt-warning .prompt-icon .iconimg{ background-position: -300px 0; }
.prompt-danger .prompt-icon .iconimg { background-position: -100px 0; }

/* prompt-img */
.prompt-img{ text-align: center; }
.prompt-img img{ width: 200px;  }

/* .prompt-cont */
.prompt-cont{
    overflow: hidden;
    zoom: 1;
    padding: 25px 0 10px 0;
}
.prompt-cont h4{ font-size: 22px; margin-bottom: 10px;}
.prompt-cont p:empty{ display: none; }
.prompt-cont p{ padding: 3px 0; font-size: 16px; color: #666;}
.prompt-cont .action{ padding-top: 20px; white-space: nowrap; }
.prompt-cont .action .btn{ margin: 0 10px; font-size: 14px; padding: 9px 30px; }
.prompt-success .prompt-cont h4{ color: #36ab7a; }
.prompt-info .prompt-cont h4   { color: #358fe4; }
.prompt-warning .prompt-cont h4{ color: #ec9940; }
.prompt-danger .prompt-cont h4 { color: #e9595b; }

.prompt-success .iconfont{ color: #36ab7a; }
.prompt-info .iconfont{ color: #358fe4; }
.prompt-warning .iconfont { color: #ec9940; }
.prompt-danger .iconfont  { color: #e9595b; }


fieldset {
    padding: 10px 15px 15px 15px;
    border: 1px solid #eee;
    *zoom: 1;
    border-radius: 3px;
    margin-bottom: 20px;
}
.datetimepicker-dropdown-bottom-left:before { top:-7px; right:6px; }
.datetimepicker-dropdown-bottom-left:after  { top:-6px; right:7px; }
.datetimepicker-dropdown-bottom-right:before{ top:-7px; left:6px; }
.datetimepicker-dropdown-bottom-right:after { top:-6px; left:7px; }
.datetimepicker-dropdown-top-left:before { bottom:-7px; right:6px; }
.datetimepicker-dropdown-top-left:after  { bottom:-6px; right:7px; }
.datetimepicker-dropdown-top-right:before{ bottom:-7px; left:6px; }
.datetimepicker-dropdown-top-right:after { bottom: -6px; left: 7px; }

.datetimepicker-inline{ widths:220px; }
.datetimepicker > div{ display:none; }
.datetimepicker div{ _display:none;}
.datetimepicker.datetimepicker-rtl{ direction:rtl; }
.datetimepicker.datetimepicker-rtl table tr td span{ float:right; }
.datetimepicker-dropdown,.datetimepicker-dropdown-left{ top:0; left:0; }
.datetimepicker.minutes div.datetimepicker-minutes{ display:block; }
.datetimepicker.hours   div.datetimepicker-hours  { display:block; }
.datetimepicker.days    div.datetimepicker-days   { display:block; }
.datetimepicker.months  div.datetimepicker-months { display:block; }
.datetimepicker.years   div.datetimepicker-years  { display:block; }
.datetimepicker table{ margin:0; }
.datetimepicker td,
.datetimepicker th { text-align: center; height: 20px; border-radius: 2px;  font-size: 14px;}
.datetimepicker th { color: #333; }
.datetimepicker td { color: #666; }
.datetimepicker table tr td{ cursor:pointer; }
.datetimepicker table tr td.minute:hover,
.datetimepicker table tr td.hour:hover,
.datetimepicker table tr td.day:hover{ background-color:#eee; color: #222; }
.datetimepicker table tr td.new,
.datetimepicker table tr td.old{ color:#aaa;}
.datetimepicker table tr td.disabled,
.datetimepicker table tr td.disabled:hover{background:0 0;color:#aaa;cursor:default;}
.datetimepicker table tr td.today,
.datetimepicker table tr td.today:hover { background-color: #fde19a; }
.datetimepicker table tr td.active,
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active.disabled:hover{ background-color: #007dfe; color: #fff; }

.datetimepicker-minutes .table-condensed td,
.datetimepicker-hours   .table-condensed td,
.datetimepicker-months  .table-condensed td,
.datetimepicker-years   .table-condensed td{ padding-left: 0; padding-right: 0;}

.datetimepicker table tr td span {
    width: 25%;
    height: 54px;
    line-height: 54px;
    float: left;
    cursor: pointer;
    border-radius: 2px;
}
.datetimepicker table tr td span:hover{ background-color:#eee; color: #222; }
.datetimepicker table tr td span.disabled,
.datetimepicker table tr td span.disabled:hover{background:0 0; color:#aaa; cursor:default;}
.datetimepicker table{ width: 100%;}
.datetimepicker .datetimepicker-minutes table tr td span,
.datetimepicker .datetimepicker-hours table tr td span{ height: 28px; line-height: 28px; margin: 2px 0;}
.datetimepicker .datetimepicker-hours table tr td span.hour_am,.datetimepicker .datetimepicker-hours table tr td span.hour_pm{width:14.6%;}
.datetimepicker .datetimepicker-hours fieldset legend,.datetimepicker .datetimepicker-minutes fieldset legend{margin-bottom:inherit;line-height:30px;}
.datetimepicker table tr td span.active,
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active.disabled:hover { background-color: #007dfe; color: #fff; }
.datetimepicker table tr td span.old {color: #999;}
.datetimepicker th.switch { }
.datetimepicker th span.icon { pointer-events: none; }
.datetimepicker thead tr:first-child th,
.datetimepicker tfoot tr:first-child th { cursor: pointer; }
.datetimepicker thead tr:first-child th:hover,
.datetimepicker tfoot tr:first-child th:hover { background-color: #eee;}
.datetimepicker .prev,
.datetimepicker .next,
.datetimepicker .switch{ cursor: pointer;}

.datetimepicker .prev .iconfont,
.datetimepicker .next .iconfont{ font-size: 14px; }


/* log-records */
.log-records td{ white-space: nowrap; }
.log-records .time{width: 200px; text-align: left; padding-left: 25px; padding-right: 25px;}
.log-records .ips{ width: 120px; text-align: left; padding-left: 25px; padding-right: 25px;}
.log-records .amount{ width: 130px; text-align: right;}
.log-records .types{ width: 180px; text-align: left; padding-left: 50px; padding-right: 25px;}
.log-records .info{ text-align: left; padding-right: 25px;}

/* sell-records */
.sell-records th,
.sell-records td{ white-space: nowrap; text-align: left; }
.sell-records .date{width: 190px; }
.sell-records .orderid{width: 210px; }
.sell-records .total{ width: 100px; text-align: right;}
.sell-records .values{ width: 130px; text-align: right;}
.sell-records .state{ width: 120px;  }
.sell-records .yong{ width: 100px; padding-left: 0; }
.sell-records .action{ width: 100px; text-align: center;}

/* selldetail-records */
.selldetail-records th,
.selldetail-records td{ white-space: nowrap; text-align: left; }
.selldetail-records .genre{width: 200px; }
.selldetail-records .card,
.selldetail-records .code{width: 230px; }
.selldetail-records .price,
.selldetail-records .recycle{ width: 130px; }
.selldetail-records .state{ width: 120px; }
.selldetail-records .time{}

.table-condensed th, .table-condensed td {
    padding: 5px 10px;
}
.table-condensed th {
    font-size: 14px;
}
.iconfont-arrow-left::before{
    content: "\e635";
    display: block;
    transform: rotate(-90deg);
}
.iconfont-arrow-right::before{
    content: "\e635";
    display: block;
    transform: rotate(90deg);
}

/* cash-records */
.cash-records td{ white-space: nowrap; }
.cash-records .date{width: 200px; text-align: left; padding-left: 25px; padding-right: 25px; }
.cash-records .paysum{ width: 100px; text-align: right;}
.cash-records .inid{ width: 280px; text-align: left; padding-left: 50px; padding-right: 25px; }
.cash-records .state{ width: 120px; text-align: left; }
.cash-records .note{ text-align: left; padding: 0 30px; }

/* text-color */
.text-white   { color: #ffffff !important; }
.text-tinge   { color: #eeeeee !important; }
.text-light   { color: #999999 !important; }
.text-gray    { color: #666666 !important; }
.text-dark    { color: #333333 !important;}
.text-primary {	color: #e12e43 !important; }
.text-success { color: #0cc741 !important; }
.text-info    { color: #1e90ff !important; }
.text-warning { color: #ffbe00 !important; }
.text-danger  { color: #f76260 !important; }
.text-pink    { color: #e53b75 !important; }
.text-purple  { color: #6d45bc !important; }
.text-indigo  { color: #465bd4 !important; }
.text-green   { color: #0cc741 !important; }
.text-red     {	color: #ff5c38 !important; }
.text-blue    { color: #007dfe !important; }
.text-orange  { color: #e91e63 !important; }
.text-choc    { color: #d2691e !important; }
.text-maroon  { color: #800000 !important; }

/* bg-color */
.bg-primary{ background-color: #e12e43 !important; }
.bg-success{ background-color: #20d071 !important; }
.bg-info   { background-color: #10aeff !important; }
.bg-warning{ background-color: #ffbe00 !important; }
.bg-danger { background-color: #f76260 !important; }
.bg-gray   { background-color: #757575 !important; }
.bg-red    { background-color: #f5465a !important; }
.bg-pink   { background-color: #f96197 !important; }
.bg-purple { background-color: #926dde !important; }
.bg-indigo { background-color: #677ae4 !important; }
.bg-cyan   { background-color: #57c7d4 !important; }
.bg-teal   { background-color: #3aa99e !important; }
.bg-blue   { background-color: #10aeff !important; }
.bg-green  { background-color: #20d071 !important; }
.bg-orange { background-color: #fd7400 !important; }
.bg-brown  { background-color: #8d6658 !important; }
.bg-stress { background-color: #fffddd !important; }
.bg-light  { background-color: #f7f8fa !important; }
.bg-white  { background-color: #ffffff !important; }
.bg-azure  { background-color: #f9fafe !important; }

/* margin */
.ma0 { margin:  	  0px !important; }
.mt0 { margin-top:    0px !important; }
.mb0 { margin-bottom: 0px !important; }
.mr4 { margin-right:  4px !important; }
.mt5 { margin-top:    5px !important; }
.mr5 { margin-right:  5px !important; }
.ml10{ margin-left:   10px !important; }
.mb10{ margin-bottom: 10px !important; }
.mr10{ margin-right:  10px !important; }
.my10{ margin-top:    10px !important; margin-bottom: 10px !important; }
.mt15{ margin-top:    15px !important; }
.mr15{ margin-right:  15px !important; }
.mb15{ margin-bottom: 15px !important; }
.my15{ margin-top:    15px !important; margin-bottom: 15px !important; }
.mt20{ margin-top:    20px !important; .to}
.mr20{ margin-right:  20px !important; }
.mb20{ margin-bottom: 20px !important; }
.mx20{ margin-right:  20px !important; margin-left:   20px !important; }
.my20{ margin-top:    20px !important; margin-bottom: 20px !important; }
.ma30{ margin:  	  30px !important; }
.mt30{ margin-top:    30px !important; }
.ml30{ margin-left:   30px !important; }
.mr30{ margin-right:  30px !important; }
.mb30{ margin-bottom: 30px !important; }
.mx30{ margin-right:  30px !important; margin-left:   30px !important; }

/* padding */
.pa0 { padding:        0px !important;}
.pt0 { padding-top:    0px !important;}
.pr0 { padding-right:  0px !important;}
.pb0 { padding-bottom: 0px !important;}
.pt3 { padding-top:    3px !important;}
.pt5 { padding-top:    5px !important;}
.pb5 { padding-bottom: 5px !important;}
.pl5 { padding-left:   5px !important;}
.pt10{ padding-top:    10px !important;}
.pr10{ padding-right:  10px !important;}
.pl10{ padding-left:   10px !important;}
.pb10{ padding-bottom: 10px !important;}
.pt10{ padding-top:    10px !important;}
.pa15{ padding:        15px !important;}
.py10{ padding-top:    10px !important; padding-bottom: 10px !important; }
.pt15{ padding-top:    15px !important; }
.pb15{ padding-bottom: 15px !important; }
.px15{ padding-right:  15px !important; padding-left:   15px !important; }
.pa20{ padding: 	   20px !important; }
.pt20{ padding-top:    20px !important; }
.pb20{ padding-bottom: 20px !important; }
.pl20{ padding-left:   20px !important; }
.px20{ padding-right:  20px !important; padding-left:   20px !important; }
.py20{ padding-top:    20px !important; padding-bottom: 20px !important; }
.pb25{ padding-bottom: 25px !important; }
.px25{ padding-right:  25px !important; padding-left:   25px !important; }
.py25{ padding-top:    25px !important; padding-bottom: 25px !important; }
.pa30{ padding:    	   30px !important; }
.pt30{ padding-top:    30px !important; }
.pb30{ padding-bottom: 30px !important; }
.pl30{ padding-left:   30px !important; }
.px30{ padding-right:  30px !important; padding-left:   30px !important; }
.py30{ padding-top:    30px !important; padding-bottom: 30px !important; }
.pl40{ padding-left:   40px !important; }
.py40{ padding-top:    40px !important; padding-bottom: 40px !important; }
.pt50{ padding-top:    50px !important; }
.pb50{ padding-bottom: 50px !important; }
.pr50{ padding-right:  50px !important; }
.pl50{ padding-left:   50px !important; }
.py50{ padding-top:    50px !important; padding-bottom: 50px !important; }
.py80{ padding-top:    80px !important; padding-bottom: 80px !important; }
a:hover {
    color: #ff3892;
    text-decoration: none;
}