/* margin padding */
.mt0 {
    margin-top: 0;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt25 {
    margin-top: 25px;
}

.mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}

.mt50 {
    margin-top: 50px;
}

.mt60 {
    margin-top: 60px;
}

.mb0 {
    margin-bottom: 0;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb50 {
    margin-bottom: 50px;
}

.mb60 {
    margin-bottom: 60px;
}

.ml0 {
    margin-left: 0;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.ml25 {
    margin-left: 25px;
}

.ml30 {
    margin-left: 30px;
}

.ml35 {
    margin-left: 35px;
}

.ml40 {
    margin-left: 40px;
}

.ml50 {
    margin-left: 50px;
}

.ml60 {
    margin-left: 60px;
}

.mr0 {
    margin-right: 0;
}

.mr10 {
    margin-right: 10px;
}

.mr20 {
    margin-right: 20px;
}

.mr25 {
    margin-right: 25px;
}

.mr30 {
    margin-right: 30px;
}

.mr40 {
    margin-right: 40px;
}

.mr50 {
    margin-right: 50px;
}

.mr60 {
    margin-right: 60px;
}

.pt0 {
    padding-top: 0;
}

.pt10 {
    padding-top: 10px;
}

.pt20 {
    padding-top: 20px;
}

.pt30 {
    padding-top: 30px;
}

.pt40 {
    padding-top: 40px;
}

.pt50 {
    padding-top: 50px;
}

.pt60 {
    padding-top: 60px;
}

.pt90 {
    padding-top: 90px;
}

.pb0 {
    padding-bottom: 0;
}

.pb10 {
    padding-bottom: 10px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb30 {
    padding-bottom: 30px;
}

.pb40 {
    padding-bottom: 40px;
}

.pb50 {
    padding-bottom: 50px;
}

.pb60 {
    padding-bottom: 60px;
}

.pb90 {
    padding-bottom: 90px;
}

.pl0 {
    padding-left: 0 !important;
}

.pl5 {
    padding-left: 5px;
}

.pl6 {
    padding-left: 6px;
}

.pl10 {
    padding-left: 10px;
}

.pl20 {
    padding-left: 20px;
}

.pl30 {
    padding-left: 30px;
}

.pl40 {
    padding-left: 40px;
}

.pl50 {
    padding-left: 50px;
}

.pl60 {
    padding-left: 60px;
}

.pr0 {
    padding-right: 0 !important;
}

.pr10 {
    padding-right: 10px;
}

.pr15 {
    padding-right: 15px;
}

.pr20 {
    padding-right: 20px;
}

.pr30 {
    padding-right: 30px;
}

.pr40 {
    padding-right: 40px;
}

.pr50 {
    padding-right: 50px;
}

.pr60 {
    padding-right: 60px;
}

.m0a {
    margin: 0 auto;
}

/* font */
.fb {
    font-weight: bold;
}

.font12 {
    font-size: 12px;
}

.font14 {
    font-size: 14px;
}

.font16 {
    font-size: 16px;
}

.font18 {
    font-size: 18px;
}

.font20 {
    font-size: 20px;
}

.txtL {
    text-align: left;
}

.txtR {
    text-align: right;
}

.txtC {
    text-align: center;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.disp_ib {
    display: inline-block;
}

.boder_none {
    border: none;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

ul li {
    list-style-type: none;
}

a,
a:active,
a:link,
a:hover,
a:visited {
    text-decoration: none;
}

table th,
table td {
    text-align: center;
}

table.smm-middle-cell td,
table.smm-middle-cell th {
    vertical-align: middle !important;
}

body {
    font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti, "Microsoft YaHei";
    font-size: 12px;
    color: #333;
}

.ex-magic-block {
    position: relative;
}

.smm-ground-glass {
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=4, MakeShadow=false);
}

.modal sup {
    color: #777;
    font-size: smaller;
}

.fileinput-button {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px !important;
    direction: ltr;
    cursor: pointer;
}

/* Fixes for IE < 8 */
@media screen\9 {
    .fileinput-button input {
        filter: alpha(opacity=0);
        font-size: 100%;
        height: 100%;
    }
}

.smm-popover {
    max-width: 100%;
}

.smm-full-width {
    width: 100%;
}


.row {
    margin-bottom: 15px;
}

.table:last-child,
.row:last-child {
    margin-bottom: 1px;
}

.row .default-group,
.row .input-group,
.row .smm-radio-btn,
.row .btn-group {
    margin-bottom: 15px;
    margin-left: 5px;
    margin-right: 5px;
}

.smm-clear-margin {
    margin: 0 !important;
}

.smm-clear-margin-top {
    margin-top: 0 !important;
}

.smm-clear-margin-bottom {
    margin-bottom: 0 !important;
}

.smm-tooltip-extract {
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.help-block {
    padding-left: 6px;
}

.smm-detail-table-key {
    width: 150px;
}

.smm-detail-table-key-sm {
    width: 80px;
}

.smm-detail-table {
    float: right;
}

.smm-img-print {
    left: auto;
    right: auto;
    margin-top: 15px;
    width: 100%;
}

.smm-strong {
    font-weight: bolder;
}

.smm-hidden {
    display: none;
}

.smm-visibility {
    visibility: hidden;
}

.smm-tip-content {
    position: relative;
}

.smm-tip {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-width: 0 0 7px 7px;
    border-style: solid;
    border-color: transparent transparent rgb(0, 153, 204);
}

.fa{
	width: 13px;
}
table.smm-table-compact {
    font-size: 12px;
}

table.smm-table-compact tbody tr td {
    border-width: 0px;
    padding: 3px;
}

table.smm-table-compact tbody tr td:nth-child(even) {
    text-align: left;
}

table.smm-table-compact tbody tr td:nth-child(odd) {
    text-align: right;
    padding-right: 10px;
}

.smm-padding-clear-w {
    padding-left: 0;
    padding-right: 0;
}

table.smm-message-body tbody tr td {
    text-align: left;
}

.smm-message-time,
.smm-message-title {
    display: inline-table;
}


.smm-message-time {
    width: 150px;
    text-align: center;
}

table.smm-message-body tbody tr td:nth-child(3) {
    width: 180px;
    text-align: center;
}

.smm-message-title {
    padding-left: 23px;
}

table.smm-message-body tbody tr td:first-child {
    width: 44px;
    text-align: center;
}

.smm-pick-new .label {
    display: inline-block;
    font-size: 15px;
    background-color: rgb(228, 228, 228);
    color: #555;
}

.smm-pick-new .label i.fa {
    cursor: pointer;
}

.smm-alert-body {
    font-size: 17px;
    line-height: 2;
}

.smm-confirm-check-msg {
    color: #555;
    font-size: 14px;
}

.smm-cover-body {
    padding-top: 15px;
    padding-bottom: 15px;
}

.smm-text-ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    /* for internet explorer */
    max-width: 100px;
    overflow: hidden;
}

.smm-text-form-key {
    padding-top: 8px;
    padding-left: 0px;
}

.smm-text-danger {
    color: red;
}

.smm-text-warning {
    color: #ff8c00;
}

.smm-text-success {
    color: #008733;
}

.smm-text-weak {
    color: #919191;
}

.smm-text-weak-up {
    color: dimgrey;
}

.smm-text-deep {
    color: blue;
}

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

.smm-bank-logo-left {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    background-image: url(../img/banks/default.png);
    background-size: 100% 100%;
    margin-right: 10px;
}

.smm-back-warning {
    background-color: rgb(243, 156, 18);
}

.smm-back-orange {
    background-color: rgb(243, 156, 18);
}

.smm-back-green {
    background-color: rgba(0, 135, 51, 1);
}

.smm-back-danger {
    background-color: #d7000f;
}

.smm-back-grey {
    background-color: #919191;
}

.smm-back-info {
    background-color: #0087B4;
}

.smm-pay-wraning {
    padding: 8px 8px 8px 16px;
    background: #FDF0DC;
    color: #F39C12;
    font-size: 13px;
    border: 1px solid #F39C12;
}


.btn.disabled {
    cursor: pointer;
}

.btn.smm-btn-widther {
    min-width: 120px;
}

.smm-warning-detail-tips {
    font-size: 14px;
    color: #bda631;
    border-left: 5px solid #E0D07F;
    padding-left: 10px;
}

.table tfoot td:first-child {
    text-align: left;
}

.smm-table-scroll {
    overflow: auto;
}

.smm-btn-light-blue {
    background-color: #3B99DA;
    color: #fff;
}

.smm-btn-light-blue:hover {
    background-color: rgb(0, 135, 180);
    color: #fff !important;
}

.input-group-addon {
    background-color: #fff !important;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background: #fff;
}

.smm-input-group-no-border {
    border-left: 0;
    border-right: 0;
}

.smm-font-black {
    color: #000;
}

.smm-font-blue {
    color: #0087B4;
}

.smm-font-white {
    color: #fff;
}

.smm-font-gray {
    color: #666666;
}

.smm-font-danger {
    color: #a94442
}

a:hover {
    cursor: pointer;
}

table th,
table td {
    color: #666;
}

.panel-heading .pull-right {
    color: #666;
}

.smm-sub-context {
    width: 100%;
    border-width: 0px;
    overflow: auto;
}

.smm-sub-index-icon-context {
    position: absolute;
    margin-left: 160px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 5px;
    vertical-align: middle;
    width: 20px;
    height: 40px;
    top: 50%;
    z-index: 200;
    background-color: #ecf0f1;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    filter: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0)";
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -moz-transition: margin-left 0.3s, transform 0.3s;
    -ms-transition: margin-left 0.3s, transform 0.3s;
    -webkit-transition: margin-left 0.3s, transform 0.3s;
    -o-transition: margin-left 0.3s, transform 0.3s;
    transition: margin-left 0.3s, transform 0.3s;
}

.ex-sub-index-hidden .smm-sub-index-icon-context {
    background-color: #c9ced4;
    filter: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(900deg);
    -ms-transform: rotate(900deg);
    transform: rotate(900deg);
    margin-left: 0px;
    -moz-transition: margin-left 0.3s, transform 0.3s;
    -ms-transition: margin-left 0.3s, transform 0.3s;
    -webkit-transition: margin-left 0.3s, transform 0.3s;
    -o-transition: margin-left 0.3s, transform 0.3s;
    transition: margin-left 0.3s, transform 0.3s;
}

.smm-font-orange {
    color: #F66E00;
}

.smm-font-green {
    color: green;
}

.smm-item-title {
    font-size: 14px;
    padding-left: 20px;
    line-height: 30px;
}

.smm-img-icon-sm {
    width: 40px;
    height: 40px;
}

.smm-nav-foot-no-index {
    z-index: 170;
}

.smm-nav-foot-main-index {
    z-index: 175;
}

.smm-nav-foot-sub-index {
    z-index: 205;
}

.smm-no-height {
    height: 1px;
}

.smm-margin-top-small {
    margin-top: 5px;
}

.smm-margin-top {
    margin-top: 10px;
}

.smm-margin-top-big {
    margin-top: 20px;
}

.smm-padding-bottom {
    padding-bottom: 15px;
}

.smm-padding-top {
    padding-top: 15px;
}

.smm-margin-right {
    margin-right: 15px;
}

.smm-row-depression {
    margin-bottom: -15px !important;
}

.smm-row-padding {
    margin-right: 15px !important;
    margin-left: 15px !important;
}

.smm-magic-block-margin {
    margin-bottom: 20px;
}

.smm-badge {
    padding: 2px 4px;
    min-width: 15px;
}

.smm-btn-default-size,
.smm-input-default-size,
.smm-input-sm-size {
    max-width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}

.smm-input-default-size {
    width: 400px !important;
}

.smm-input-sm-size {
    width: 180px !important;
}

.smm-paging .smm-paging-info {
    margin-top: 28px;
}

.smm-small-padding-right {
    padding-right: 10px;
}

.smm-big-padding-left {
    padding-left: 40px;
}

.smm-no-padding-left {
    padding-left: 0px;
}

.smm-small-line-height {
    line-height: 5%;
}

.smm-switch-body li {
    margin-bottom: 15px;
}

.smm-switch-body li p {
    margin-top: 3px;
    margin-bottom: 3px;
}

.smm-switch-body li:hover p {
    color: #fff;
}

.smm-link {
    text-decoration: underline !important;
    color: #3498DB !important;
}

.smm-nav-logo-adapter {
    margin-top: -5px;
}

.ex-sub-index-icon-context {
    position: absolute;
    margin-left: 160px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 5px;
    vertical-align: middle;
    width: 20px;
    height: 40px;
    top: 50%;
    z-index: 200;
    background-color: #ecf0f1;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    filter: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0)";
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -moz-transition: margin-left 0.3s, transform 0.3s;
    -ms-transition: margin-left 0.3s, transform 0.3s;
    -webkit-transition: margin-left 0.3s, transform 0.3s;
    -o-transition: margin-left 0.3s, transform 0.3s;
    transition: margin-left 0.3s, transform 0.3s;
}

.ex-sub-index-hidden .ex-sub-index-icon-context {
    background-color: #c9ced4;
    filter: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(900deg);
    -ms-transform: rotate(900deg);
    transform: rotate(900deg);
    margin-left: 0px;
    -moz-transition: margin-left 0.3s, transform 0.3s;
    -ms-transition: margin-left 0.3s, transform 0.3s;
    -webkit-transition: margin-left 0.3s, transform 0.3s;
    -o-transition: margin-left 0.3s, transform 0.3s;
    transition: margin-left 0.3s, transform 0.3s;
}

.smm-single-border-left {
    border-left: 1px solid #ECF0F1;
}

.smm-single-border-right {
    border-right: 1px solid #ECF0F1;
}

.smm-single-border-bottom {
    border-bottom: 1px solid #ECF0F1;
}

.smm-single-border-top {
    border-top: 1px solid #ECF0F1;
}

.smm-nothing-topay {
    padding: 40px 0;
    margin-bottom: 0;
}

.smm-nothing-topay img {
    max-width: 120px;
    display: inline-block;
    vertical-align: middle;
}

.smm-right-tips {
    position: fixed;
    width: 163px;
    right: -122px;
    bottom: 100px;
    z-index: 1000;
    height: 44px;
    line-height: 44px;
    padding: 0 15px;
    margin: 0;
    color: #fff;
    background: rgb(145, 145, 145);
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
}

.smm-right-tips.app {
    bottom: 54px;
}

.smm-right-tips:after {
    position: relative;
}

.smm-right-tips.app:hover {
    background: #3598DC;
    right: 0;
}

.smm-right-tips a {
    display: block;
    color: #fff;
}

.smm-right-tips a i {
    vertical-align: sub;
    width: 24px;
    height: 24px;
    transition: none !important;
}

.smm-right-tips.app a i {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -moz-transform: rotate(180deg);
    /* Firefox */
    -webkit-transform: rotate(180deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(180deg);
}

.smm-recharge-logo-wrap {
    display: table-cell;
    vertical-align: middle;
    height: 110px;
}

.smm-recharge-logo-wrap>img {
    max-width: 240px;
    display: block;
}


.pingan-explain-step img {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 1200px;
}

.pingan-explain-step .explain-step {
    position: relative;
    font-size: 60px;
    margin: 0 auto;
}

.pingan-explain-step .explain-step a {
    color: #fff;
    position: absolute;
    top: 363px;
    display: inline-block;
    background: #F98236;
    padding: 4px 32px;
    border-radius: 4px;
    box-shadow: 0 0 5px 0 #FDAD4E;
}

.pingan-explain-step .explain-step a.pingan-login-btn {
    left: 55%;
}

.pingan-explain-step .explain-step a.pingan-sign-btn {
    left: 35%;
}

.bank-logo {
    width: 200px;
}

.media-left a.media-mask {
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #919191;
    display: block;
}

.media-left a.media-mask img {
    display: inline-block;
    max-width: 80px;
    width: 80px;
    height: 80px;
}

.media-left a.media-mask .edit-mask {
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #fff;
    background: rgba(0, 0, 0, .6);
    text-align: center;
    font-size: 12px;
    padding: 4px 0;
    transition: all .35s;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    -o-transition: all .35s;
    -ms-transition: all .35s;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    -ms-transform: translateY(100%);
}

.media-left a.media-mask:hover .edit-mask {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
}

.pay-circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.pay-right-radius {
    display: inline-block;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 3px 12px 2px 12px;
    border: 1px solid #ccc;
    color: #fff;

}

.pay-left-radius {
    display: inline-block;
    border: 1px solid #ccc;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 3px 12px 2px 22px;
}

a.icon-wrap {
    color: #919191;
    display: inline-block;
    border: 1px solid #919191;
    width: 26px;
    height: 26px;
    line-height: 24px;
    text-align: center;
    margin: 0 6px;
    position: relative;
    cursor: pointer;
}

a.icon-wrap i {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
}

a.icon-wrap .icon-title-finish,
a.icon-wrap .icon-title {
    position: absolute;
    display: inline-block;
    padding: 0px 4px;
    border: 1px solid #ff8c00;
    width: auto;
    white-space: nowrap;
    font-size: 12px;
    top: 34px;
    left: -16px;
    padding: 3px 5px;
    color: #333333;
    background: #efdfca;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transform: translateY(200%);
    -webkit-transform: translateY(200%);
    -moz-transform: translateY(200%);
    -o-transform: translateY(200%);
    -ms-transform: translateY(200%);
    opacity: 0;
    visibility: hidden;
}

a.icon-wrap:not(.active):hover .icon-title {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

a.icon-wrap.active:hover .icon-title-finish {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

a.icon-wrap:hover i {
    transform: rotate(360deg)
}

a.icon-wrap.active {
    border: 1px solid #3498db;
    color: #3498db;
}

a.safety-middle span {
    color: #ff8c00;
    border: 1px solid #ff8c00;
}

a.safety-middle span.pay-right-radius {
    background: #ff8c00;
    color: #fff;
}

a.safety-low span {
    border: 1px solid #DF0007;
    color: #DF0007;
}

a.safety-low span.pay-right-radius {
    background: #DF0007;
    color: #fff;
}

a.safety-high span {
    border: 1px solid #008733;
    color: #008733;
}

a.safety-high span.pay-right-radius {
    background: #008733;
    color: #fff;
}

.last-login-time {
    margin: 10px 0 16px 0;
}

.smm-small-line {
    display: inline-block;
    width: 120px;
    vertical-align: middle;
}

/* 通讯中 */
.spinner {
    float: right;
    width: 25px;
    height: 25px;
    position: relative;
}

.container1>div,
.container2>div,
.container3>div {
    width: 6px;
    height: 6px;
    background-color: #333;
    border-radius: 100%;
    position: absolute;
    -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
    animation: bouncedelay 1.2s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.spinner .spinner-container {
    position: absolute;
    width: 100%;
    height: 100%;
}

.container2 {
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.container3 {
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
}

.circle1 {
    top: 0;
    left: 0;
}

.circle2 {
    top: 0;
    right: 0;
}

.circle3 {
    right: 0;
    bottom: 0;
}

.circle4 {
    left: 0;
    bottom: 0;
}

.container2 .circle1 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.container3 .circle1 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.container1 .circle2 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.container2 .circle2 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.container3 .circle2 {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}

.container1 .circle3 {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

.container2 .circle3 {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.container3 .circle3 {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

.container1 .circle4 {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

.container2 .circle4 {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}

.container3 .circle4 {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

@-webkit-keyframes bouncedelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0.0)
    }

    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes bouncedelay {

    0%,
    80%,
    100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

/* 打印 */

.ex-print-body {
    width: 1000px;
    margin: 0 auto;
}

.ex-print-body .smm-recharge-text>label {
    font-weight: normal;
    margin-bottom: 0;
    width: 33%;
}

.ex-print-table {
    position: relative;
    margin-top: 20px;
}

.ex-print-logo {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0 60px -40px 0;
}

.ex-print-table>table {
    margin-bottom: 80px;
    min-height: 200px;
}

.ex-print-table>table th {
    text-align: center;
}

.ex-print-location {
    position: fixed;
    left: 50%;
    top: 0;
    margin: 30px 0 0 415px;
    z-index: 10;
}

@media print {
    .ex-print-hide {
        display: none;
    }
}

.smm-panel .panel-body {
    height: 145px;
}

.smm-panel .panel-body .add-bind-btn {
    display: inline-block;
    padding: 50px 0 0 0;
}

.smm-panel .panel-footer {
    height: 38px;
}

.smm-panel .panel-footer.nothing {
    background-color: #fff;
    border-top: 1px solid #fff;
}

/*        bind-add         */
.smm-slide-list {
    right: 19px;
    left: 19px;
    margin-top: -14px;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 280px;
}

.smm-slide-list li {
    font-size: 14px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 15px;
    padding-right: 15px;
}

.smm-slide-list li:hover,
.smm-slide-list li:active {
    background: #999;
    color: #fff;
}

.smm-text-neon {
    font-size: 110px;
    line-height: 1;
    padding: 25px;
    font-family: "Tsukushi A Round Gothic", "Trattatello", "SignPainter", "Bradley Hand", "Bodoni 72 Oldstyle", "Big Caslon";
}

/*  协议 */

.smm-pay-protocol ol li,
.smm-pay-protocol ul li {
    list-style-type: none;
    font-size: 14px;
}

.smm-pay-protocol ol {
    margin-bottom: 20px;
}

.smm-pay-protocol ol:last-child {
    padding-bottom: 40px;
}

.smm-pay-protocol ol>li {
    position: relative;
    padding: 0 30px 0 46px;
    line-height: 28px;
    margin-bottom: 10px;
}

.smm-pay-protocol ol>li.no-order-number {
    padding: 0 30px 0 20px;
}

.smm-pay-protocol ol>li>span {
    position: absolute;
    left: 16px;
}

.smm-pay-protocol span.order-number {
    margin-right: 10px;
}

@media (max-width: 768px) {
    .smm-pay-protocol ol {
        padding-left: 0;
    }

    .smm-pay-protocol ol>li {
        position: relative;
        padding: 0 0 0 30px;
        line-height: 28px;
    }

    .smm-pay-protocol ol>li.no-order-number {
        padding: 0 30px 0 20px;
    }

    .smm-pay-protocol ol>li>span {
        position: absolute;
        left: 0;
    }
}

.smm-fluid {
    max-width: 1000px;
    margin: auto;
}

.smm-content-far-away {
    padding-top: 130px;
}

.smm-content-far-away-bottom {
    padding-bottom: 60px;
}

.smm-content-away {
    margin-top: 60px;
}

@media (max-width: 374px) {
    .smm-content-far-away {
        padding-top: 0;
    }

    .smm-content-away {
        margin-top: 0;
    }
}

.smm-pure-background {
    background-color: #fff;
}

@media (max-width: 768px) {
    .smm-pay-detail ul {
        padding-left: 0;
    }
}

.pay-account-info {
    min-height: 106px;
}

.smm-position-right-top {
    position: absolute;
    top: 15px;
    right: 15px;
}

.smm-position-right {
    position: absolute;
    top: 0;
    right: 15px;
}

.smm-lineheight-big {
    font-size: 14px;
    line-height: 28px;
}

.smm-lineheight-normal {
    line-height: 28px;
}

/* .btn,a{
    vertical-align: middle;
}  */
.smm-linethrough {
    text-decoration: line-through
}

/* modal*/
.smm-alert-body .disclaimer-text {
    line-height: 26px;
    font-size: 13px;
    margin-bottom: 0;
}

.smm-alert-body .has-know {
    margin-top: 20px;
}

.smm-alert-body .has-know label {
    font-size: 14px;
    font-weight: 500;
}

.smm-alert-body .acknowledge {
    display: inline-block;
    width: 14px;
    height: 18px;
    vertical-align: middle;
}

.smm-confirm-check-msg {
    color: #555;
    font-size: 14px;
}

/* personal */
.ex-index .ex-index-context .ex-index-fold i.fa.no-transform-rotate {
    transform: rotate(0deg)
}

.smm-personal-block {
    background: url('../img/bg.png') 50% 50% no-repeat;
    color: #fff;
    background-size: cover;
    padding-bottom: 0;
    padding-top: 0;
}

.smm-personal-block .smm-no-height {
    background: #ECF0F1;
}

.smm-personal-block .personal-block {
    /* padding-left: 60px; */
    margin: 40px 0;
}

.smm-personal-block a.media-mask img {
    width: 100px;
    max-width: 100px;
    height: 100px;
}

.smm-personal-block h4 {
    line-height: 18px;
    font-size: 16px;
}

.smm-personal-block .personal-block a.icon-wrap {
    vertical-align: middle;
    border: 1px solid #FDE3BC;
    width: 42px;
    height: 42px;
    line-height: 40px;
    text-align: center;
    margin: 0 6px;
    position: relative;
    cursor: pointer;
    font-size: 18px;
    color: #FDE3BC;
}

.smm-personal-block .personal-block a.icon-wrap.active {
    color: #fff;
    border: 1px solid #fff;
}

.smm-personal-block .personal-block a.icon-wrap .icon-title-finish,
.smm-personal-block .personal-block a.icon-wrap .icon-title {
    line-height: 24px;
    background: transparent;
    border: 1px solid #FDE3BC;
    top: 42px;
}

.smm-personal-block .personal-block a.icon-wrap .icon-title-finish {
    border: 1px solid #fff;
}

.smm-personal-block .person-normal-info {
    font-size: 14px;
    font-family: 'PingFangSC-Regular';
}

.bank-not-sign {
    padding: 60px 0 40px 0;
}

/* bank rate modal  */
.bank-rate-modal .nav li {
    display: inline-block;
    background: #ccc;
    margin-bottom: 10px;
}

.bank-rate-modal .nav li:hover a,
.bank-rate-modal .nav li.active a {
    background: #546478;
}

.bank-rate-modal .nav li a {
    padding: 8px 18px;
    color: #fff;
    background: #ccc;
}

.bank-rate-modal table {
    margin-top: 10px;
}

.bank-rate-modal table thead {
    font-weight: 600;
}

.bank-rate-modal table .quarter-row {
    width: 25%;
}

.bank-rate-modal table .half-row {
    width: 50%;
}

.bank-rate-modal .table-wrap {
    max-height: 240px;
    overflow-y: scroll;
}

.bank-rate-modal .bank-rate-tip {
    margin-top: 16px;
}

.bank-rate-modal .bank-rate-tip p {
    color: #666;
    font-size: 14px;
    line-height: 18px;
}

.bank-rate-modal .bank-rate-tip img {
    position: absolute;
    top: 0;
    right: 0;
}

.ex-nav .ex-nav-item.smm-pay-type {
    padding-left: 0;
}

.ex-page .ex-nav .ex-nav-item.smm-pay-type:hover {
    background-color: #408eba;
}

.smm-pay-type-tip {
    display: inline-block;
    padding: 2px 8px;
    border: 1px solid #fff;
    border-radius: 6px;
    font-size: 10px;
}

.smm-normal-font {
    font-size: 14px;
}

.btn-registration {
    margin: -5px 0 0 5px;
}

.bank-guide-ul li {
    position: relative;
    padding-left: 40px;
    margin-bottom: 10px;
}

.bank-guide-ul li span {
    position: absolute;
    display: inline-block;
    border-radius: 50%;
    background: #3598DC;
    color: #fff;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-size: 14px;
    left: 0;
    top: 4px;
}

/* pattern = /^[\u4E00-\u9FA5]{2,6}$/; */

/* 4.3 */
.opacity {
    opacity: 0;
    filter: alpha(opacity=0);
}

.fl {
    float: left;
}

.pl50 {
    padding-left: 50px;
}

.pr50 {
    padding-right: 50px;
}

.pb50 {
    padding-bottom: 50px;
}

.pt30 {
    padding-top: 30px;
}

.fw {
    font-weight: bold;
}

.txtR {
    text-align: right;
}

.question-mark {
    display: inline-block;
    width: 15px;
    height: 15px;
    line-height: 14px;
    color: #666;
    font-weight: bold;
    border: 1px solid gray;
    border-radius: 100px;
    text-align: center;
    margin-left: 5px;
    cursor: pointer;
}

#question_mark_modal p {
    font-size: 16px;
    padding-left: 10px;
}

.deposi_table {
    width: 100%;
    font-size: 16px;
    margin-left: -15px;
}

.deposi_table .head {
    background-color: #E5E5E5;
    line-height: 30px;
    padding: 5px 0;
    text-align: center;
}

.deposi_table td {
    color: #333333;
    padding: 5px 0 5px 20px;
    border: 1px solid #ccc;
    text-align: left;
}

.deposit_text {
    /* border-bottom: 1px solid #ccc; */
    margin-top: 40px;
    margin-bottom: 30px;
    /* padding-bottom: 40px; */
}

.deposit_text p {
    margin: 0;
    color: #666
}

.login_pingan {
    margin-top: 20px;
    text-decoration: underline;
}

.login_pingan a {
    color: #FF8C00;
    font-size: 14px;
}

.process_text p {
    margin: 0;
    color: #000;
    font-size: 16px;
}

.border {
    display: inline-block;
    height: 12px;
    width: 1px;
    background-color: #000;
    margin: -1px 5px;
}

.circle_index {
    display: inline-block;
    text-align: center;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 999px;
    color: #fff;
    background-color: #0099cc;
}

/*4.4*/
.pingan_tab {
    position: relative;
    cursor: pointer;
    padding: 3px 10px;
    ;
    color: #ccc;
    border: 1px solid rgba(204, 204, 204, 1);
    background-color: rgba(242, 242, 242, 1);
}

.pingan_tab.active {
    color: #666666;
    border-color: rgba(255, 140, 0, 1);
}

.triangle {
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: 25px solid rgba(255, 140, 0, 1);
    border-left: 25px solid transparent;
}

.pingan_tab.active .triangle {
    display: block;
}

.triangle i {
    font-size: 16px;
    margin-left: -15px;
    margin-top: 10px;
    color: #fff;
}

.pingan_content {
    border-top: 1px solid rgba(204, 204, 204, 1);
    background-color: rgba(242, 242, 242, 1);
    padding: 25px 0 25px 35px;
    font-size: 14px
}

.pingan_content.personal {
    border-top: none;
    background-color: #fff;
}

.pingan_content span.point {
    font-weight: bold;
    font-size: 26px;
    margin-right: 5px;
    vertical-align: sub;
}

.piangan_account p {
    margin: 0;
    color: #666;
}

.boundary {
    height: 1px;
    background-color: #ccc;
}

.payee_list {
    display: none;
    position: absolute;
    right: -315px;
    z-index: 999;
    background-color: #fff;
    width: 310px;
    height: 315px;
    border: 1px solid rgb(217, 222, 228);
}

.payee_name {
    display: inline-block;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pay_account {
    display: inline-block;
    width: 120px;
    overflow: hidden;
    text-align: right;
}

@media (max-width: 992px) {
    .payee_list {
        right: 0;
        top: 35px;
    }

}

@media (max-width: 400px) {
    .payee_list {
        left: -20px;
        width: 250px;
        top: 35px;
    }

    .payee_name {
        width: 60px;
    }

    .payee_list input {
        width: 100px;
    }
}

.payee_list_top {
    height: 28px;
    padding-left: 5px;
    border-bottom: 1px solid rgb(217, 222, 228);
}

.payee_list_top i {
    color: rgb(217, 222, 228)
}

.payee_list_top input {
    border: none;
}

.payee_list_title {
    padding: 0 5px 3px;
    line-height: 30px;
    border-bottom: 2px solid #0099cc
}

.search-icon {
    border-left: 1px solid rgb(217, 222, 228);
    padding-left: 5px;
    margin-left: 5px;
}

.close-btn {
    float: right;
    height: 100%;
    cursor: pointer;
    line-height: 30px;
    text-align: center;
    width: 35px;
    border-left: 1px solid rgb(217, 222, 228);
}

#payee_search {
    height: 24px;
}

.payee_list_item {
    padding: 20px;
    height: 255px;
}

.payee_list_item p {
    cursor: pointer;
    margin: 0 0 5px;
}

.account_info_gray {
    display: inline-block;
    color: #999999;
    font-weight: normal;
}

.personal-block .account_info_gray {
    color: #fff;
}

.account_info_gray a {
    width: 18px !important;
    height: 18px !important;
    line-height: 16px !important;
    font-size: 12px !important;
}

.bdr {
    border-right: 2px solid #CCCCCC
}

.security_level {
    display: inline-block;
    width: 18px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    /* background-color: rgba(255, 140, 0, 1); */
    border-radius: 2px;
    color: #fff;
}

.welcome_info {
    border-bottom: 1px solid rgba(236, 240, 241, 1);
}

@media (max-width: 768px) {
    .download_book {
        width: 84px;
    }
}

.text_gray {
    color: #868686
}

/* 4.5 */
.position_static {
    position: static
}

@media (min-width: 768px) {
    .ex-nav-foot-away {
        padding-bottom: 0;
        transition: padding-bottom 0.3s;
    }
}

/* 顶部退出 */
.ex-nav .ex-nav-item.safe_exit_border {
    padding-top: 18px;
    padding-left: 5px;
    padding-right: 20px;
}

.safe_exit_border a {
    display: inline-block;
    padding: 3px 5px;
    /* border: 1px solid #ccc; */
    cursor: pointer;
    font-size: 12px;
}

/* 4.6 */
.w_300 {
    width: 300px !important;
}

.no_signed {
    display: inline-block;
    width: 250px;
}

.flex-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.flex-between .bootstrap-select button{
    border: none;
}

.bank-list {
    display: none;
}

.flex-between .event-icon {
    cursor: pointer;
}

#pingan_sign_modal .modal-body,
#pingan_sign_modal .modal-footer {
    padding: 15px 25px;
}

#pingan_sign_modal .col-xs-5 {
    width: 48.666667%;
}

.pingan_content p {
    margin: 0;
}

.pay_date_picker .fa-calendar {
    position: absolute;
    right: 10px;
    top: 6px;
    font-size: 16px;
    z-index: 999;
}

.search_btn {
    display: inline-block;
    width: 68px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    background-color: #f2f2f2;
    border: 1px solid #ccc;
    text-align: center;
    border-radius: 3px;
}

.sub_gray {
    font-size: 13px;
    color: #999;
}

.modal-title {
    padding-left: 5px;
}

.modal-footer {
    padding: 10px 20px 10px 15px !important;
}

/* 4.7 */
.fa-cloud-download {
    vertical-align: sub;
    margin-right: 5px;
    font-size: 20px;
    color: #367FA9;
}

.deposit-extract-btn {
    display: inline-block;
    padding: 2px 4px;
    color: #333333;
    border: 1px solid rgba(203, 203, 203, 1);
    border-radius: 3px;
    background-color: rgba(236, 240, 241, 1);
}

.deposit-extract-btn i {
    vertical-align: text-top;
    margin-right: 3px;
}

.interest-width {
    display: inline-block;
    width: 35%;
}

.mobile-token-tips {
    font-size: 16px;
    color: #0087B4;
    margin-left: 5px;
}

.security-mobile-token .popover {
    max-width: 2000px;
}

.mobile-token-popover {
    padding-left: 0 !important;
    width: 300px;
}

.mobile-token-popover li {
    margin-bottom: 10px;
    color: #000;
}

.mobile-token-model input {
    width: 32px;
    height: 32px;
    margin-right: 10px;
    padding-left: 10px;
}

@media (max-width: 768px) {
    .mobile-token-model input {
        width: 24px;
        height: 24px;
        border: 2px solid #ccc;
    }
}

@media (min-width: 768px) {
    .smm-sign .modal-dialog {
        width: 650px;
        margin: 30px auto;
    }
}

/* 4.8 */
.trade-link,
.direct-link {
    display: inline-block;
    padding: 0 6px;
    line-height: 20px;
    background-color: rgba(54, 127, 169, 1);
    color: #fff;
    border-radius: 2px;
}

.direct-link {
    background-color: rgba(53, 152, 220, 1);
}

.operate-btns div {
    width: 60px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    margin: 0 auto;
    border-radius: 2px;
}

.operate-btns-pay {
    background-color: rgba(255, 140, 0, 1);
    color: #fff;
}

.operate-btns-close {
    display: none;
    background-color: rgba(228, 228, 228, 1);
}

.operate-btns:hover .operate-btns-close {
    display: block;
}

.special_gold-block {
    width: 100%;
    height: 100%;
    max-height: 148px;
    overflow: hidden;
    background-color: #FFF;
    margin-bottom: 15px;
    box-shadow: 0px 2px 5px #ccc;
}

.special-gold-content {
    background-color: rgba(217, 222, 228, 1);
    height: 100%;
    overflow: hidden;
}

.special-gold-content i {
    cursor: pointer;
}

.ex-context>.pay-fluid {
    margin: 50px 20px 20px;
}

.pay-fluid {
    padding-left: 0px;
    padding-right: 0px;
    margin-right: auto;
    margin-left: auto;
    background-color: #FFF;
    box-shadow: 0px 2px 5px #ccc;
    margin-top: 50px;
    transition: padding-left 0.3s, padding-right 0.3s;
}

@media (min-width: 768px) {
    .ex-context>.pay-fluid {
        margin: 50px;
    }

    .pay-fluid {
        padding-left: 15px;
        padding-right: 15px;
        transition: padding-left 0.3s, padding-right 0.3s;
    }
}

.pay-info-table {
    padding: 90px 35px 30px;
}

.pay-info-table table tr td {
    font-size: 14px;
    line-height: 22px;
    color: #919191;
}

.pay-introduction {
    padding: 25px;
    background-color: rgb(236, 240, 241);
    border: 1px solid rgb(210, 214, 222);
}

.pay-error-box {
    display: none;
}

.pay-error-box i {
    font-size: 16px;
    margin-top: 5px;
    vertical-align: sub;
}

a[disabled='disabled'],
button[disabled='disabled'],
a[disabled],
button[disabled] {
    background-color: rgba(217, 222, 228, 1) !important;
    color: #fff !important;
    border: 1px solid rgba(217, 222, 228, 1) !important;
}

a[disabled='disabled']:hover,
button[disabled='disabled']:hover,
a[disabled]:hover,
button[disabled]:hover {
    background-color: rgba(217, 222, 228, 1) !important;
    color: #fff !important;
    border: 1px solid rgba(217, 222, 228, 1) !important;
}

/* 5.0 */
.smm-cert-fill-upload {
    text-align: center;
    width: 114px;
    height: 85px;
    margin: 5px;
    display: inline-block;
    max-width: 100%;
    background-color: rgb(245, 245, 245);
    border: 1px dashed #ddd;
    float: left;
}

.smm-cert-fill-grouper {
    float: left;
}

.smm-cert-fill-upload-icon {
    margin-top: 20px;
    font-size: 20px;
    color: grey;
}

.smm-cert-fill-upload-text {
    margin-top: 5px;
    color: grey;
}

.smm-cert-fill-upload-item {
    float: left;
    min-width: 248px;
    margin-top: 15px;
    margin-right: 20px;
    display: inline-block;
}

.smm-img-thumbnail {
    width: 114px;
    height: 85px;
    margin: 5px;
    border-radius: 0;
}

.account-left-block {
    width: 79%;
    float: left;
}

.account-right-block {
    width: 20%;
    height: 522px;
    float: right;
}

@media (max-width: 1200px) {
    .account-left-block {
        width: 72%;
    }

    .account-right-block {
        width: 27%;
    }
}

@media (max-width: 992px) {
    .account-left-block {
        width: 100%;
    }

    .account-right-block {
        width: 100%;
        height: 320px;
        margin-bottom: 60px;
    }
}

.account-bank-logo {
    margin-right: 20px;
    margin-bottom: 10px;
}

.sign-apply-sheet {
    margin-top: 40px;
    border: 1px solid rgb(217, 222, 228);
}

.sign-apply-sheet .border-bottom-dashed {
    border-bottom: 1px dashed rgb(217, 222, 228);
}

.sign-apply-sheet h4 {
    font-size: 16px;
    margin-top: 0;
    padding: 16px 20px;
}

.sign-apply-sheet .content {
    padding: 35px 0;
}

.sign-apply-sheet .verified-info {
    display: inline-block;
    padding-top: 8px;
    padding-left: 0px;
    color: #919191;
}

.sign-apply-sheet input[type="text"] {
    font-size: 14px;
}

.get-sms-code {
    background-color: rgba(236, 240, 241, 1) !important;
    cursor: pointer;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
}

.get-sms-code:hover {
    background-color: rgb(189, 193, 194) !important;
}

.ex-magic-block.ex-magic-block-tabs ul li {
    cursor: pointer;
}

.ex-magic-block-tabs li .tab-icon-img {
    vertical-align: text-bottom;
    width: 18px;
    height: 18px;
}

.tab-change-btn img.gray,
.tab-change-btn.ex-active img.color {
    display: initial;
}

.tab-change-btn img.color,
.tab-change-btn.ex-active img.gray {
    display: none;
}

.word-break {
    word-break: break-all;
}

.bos-bank-id button {
    font-size: 12px;
}

/* pay 5.2 */
.account-service-charge {
    font-size: 14px;
    padding: 10px 20px;
    margin-bottom: 0;

}


.account-service-charge .title {
    color: #788D9B;
    margin-bottom: 5px;
}

/* pay 5.9 */

.liq-service-charge {
    font-size: 14px;
    padding: 24px 0;
}

.liq-service-charge .title {
    color: #788D9B;
    margin-bottom: 5px;
}

.liq-menber-code {
    position: absolute;
    padding: 6px 40px;
    background-color: rgba(51, 87, 188, 1);
    border: none;
    border-radius: 6px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    right: 0;
    top: -14px;
    font-size: 14px;
    color: #f2f6fc;
}

.service-fee-modal .modal-dialog {
    width: 890px;
}

.service-fee-modal .service-fee-info {
    padding: 30px 50px;
}

.service-fee-modal h5 {
    font-size: 18px;
    font-weight: 500;
    color: rgb(230, 19, 19);
    text-align: center;
    margin: 10px -15px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgb(230, 19, 19);
}

.service-fee-modal .service-fee-info {
    font-size: 14px;
}

.service-fee-modal .service-fee-info .text-indent {
    text-indent: 2em;
}

.service-fee-modal .service-fee-info .big-margin {
    margin-bottom: 20px;
}

.service-fee-modal .modal-footer {
    text-align: center;
}

.service-fee-modal .modal-footer button {
    width: 146px;
}

/* pay 5.3 */
.bos-quick-sign .form-control[disabled] {
    background: #eee;
}

.bos-quick-sign input::-webkit-input-placeholder {
    font-size: 14px;
}

.bos-quick-sign .filter-option-inner-inner {
    font-size: 14px;
}

.bos-personal-sign .sms-code {
    width: 200px;
}

.bos-personal-sign .get-sms-code {
    vertical-align: initial;
    width: 160px;
}

.bos-personal-sign .yidun_intellisense--light .yidun_classic-container {
    bottom: -248px;
}

.bos-bind-personal .bos-bind-personal-item {
    width: 100%;
    padding: 25px 20px;
    border: 1px solid rgba(228, 228, 228, 1);
    margin-bottom: 10px;
}

.bos-bind-personal .bos-bind-personal-item h4 {
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
}

/* ex 5.1 */
.liquidation-status-icon {
    display: inline-block;
    font-size: 12px;
    color: #FDF0DC;
    line-height: 12px;
    padding: 2px;
    border: 1px solid rgba(253, 240, 220, 1);
    border-radius: 2px;
}

.liquidation-status-icon img {
    width: 12px;
    height: 12px;
    vertical-align: bottom;
}

.smm-input-operator {
    position: absolute;
    width: 115px;
    top: 7px;
    left: 111%;
    z-index: 1;
}

/* user 3.0 */
.safe-company-name {
    width: 210px;
    padding: 15px 0px;
    margin: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #798d9a
}

.setting-to-user {
    text-align: center;
}

/*到账时间说明*/
.account-date-table {
    display: flex;
    flex-direction: column;
    width: 560px;
    border: 1px solid #ccc;
    box-sizing: content-box;
    color: #666666;
}

.table-outer {
    display: flex;
    flex-direction: row;
}

.table-outer:last-child {
    border-top: 1px solid #ccc;
}

.table-row {
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #ccc;
}

.table-row:last-child {
    border-bottom: none;
}

.row-1 {
    height: 40px;
    line-height: 40px;

}

.row-3 {
    height: 40px;
    line-height: 40px;

}

.row-2 {
    height: 80px;
}

.header-bg {
    background-color: rgba(236, 240, 245, 1);
}

.column-title {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    border-right: 1px solid #ccc;
}

.column-1 {
    width: 320px;
    border-right: 1px solid #ccc;
    padding-left: 8px;

}

.column-2 {
    padding-right: 8px;
    text-align: right;
    width: 160px;


}

.column-3 {
    line-height: 80px;
    padding-left: 8px;
    width: 160px;
    border-right: 1px solid #ccc;
}

.column-4 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 320px;
}

.column-5 {
    padding-left: 8px;
    width: 160px;
    border-right: 1px solid #ccc;
}

.column-5:last-child {
    border-right: none;
    text-align: right;
    padding-right: 8px;
}

.column-item {
    line-height: 39.5px;
    text-align: right;
    width: 160px;
    padding-right: 8px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.column-item:nth-child(2n) {
    border-right: none;

}

.column-item:last-child {
    border-bottom: none;
}

.column-item:nth-last-child(2) {
    border-bottom: none;
}

.column-item:first-child {
    text-align: left;
    padding-left: 8px;
}

.column-item:nth-child(3) {
    text-align: left;
    padding-left: 8px;
}

.popover {
    max-width: 100%;
    /* Max Width of the popover (depending on the container!) */
}
.ex-switch-item .btn{
	margin-right: 5px;
}
.ex-switch-item:hover .btn{
	background-color: #ff8733;
}