.te-ali-center{text-align: center;}
.te-ali-right{text-align: right;}
.mar-bot-20{margin-bottom: 20px;}
.mar-bot-15{margin-bottom: 15px;}
.mar-bot-8{margin-bottom: 8px;}
.mar-rig-10{margin-right: 10px;}
.mar-top-3{margin-top: 3px;}
.mar-top-5{margin-top: 5px;}
.mar-top-7{margin-top: 7px !important;}
.mar-top-10{margin-top: 10px;}
.mar-top--3{margin-top: -3px;}
.mar-lef-12{margin-left: 12px;}
.mar-lef-5{margin-left: 5px;}
.mar-top-15{margin-top: 15px;}
.pad-lef-15{padding-left: 12px;}
.pad-top-7{padding-top: 7px;}
.display-none{display: none;}
.display-inl-blo{display: inline-block;}
.display-wflex{display: -webkit-flex;}
.goBack{display: inline-block;margin: 10px 15px 0;padding: 5px 20px 5px 15px;font-size: 20px;}
.color-gray{color: gray;}
.border-gray{border-color: gray;}
.color-red{color: red;}
.border-red{border-color: red;}
.color-orange{color: orange;}
.color-green{color: green;}
.border-orange{border-color: orange;}
.color-deepskyblue{color: deepskyblue;}
.border-deepskyblue{border-color: deepskyblue;}
.pos-relative{position: relative;}
.pos-absolute{position: absolute;}
.red{color: red;}
.crm-setting .display-none{display: none;}
.bg-white{background-color: white;}
.bg-light-white{background-color: #fafbfc;}
.border-rad-7{border-radius: 7px;}
.border-white{border-color: white !important;}

/*templates/system/user/profile/myinfo.html*/
.username{font-size: 24px;margin-right: 15px;}
.icon-edit-big{font-size: 18px;}
.icon-edit-mid{font-size: 16px;}
.icon-edit{color: #555555;}
.icon-edit:hover{color: #2fa3e0;}
.edit-input{width: 150px;height: 20px;line-height: 20px;}
.other-info{font-size: 18px;margin-right: 20px;color: rgb(153,153,153);font-weight: 400;}
.other-info-label{font-size: 16px;margin-right: 15px;}
.dialog-title{font-size: 16px;}
.dialog-header{padding: 25px 15px 20px 30px;}
.modal-footer .btn{margin-bottom: 0;}

/*templates/system/crmUser/manage.html*/
.icon-copy{color: #2fa3e0;margin-left: 8px;font-size: 16px;}
.keep-un-edit{padding-left: 12px;}

.form-group .disabled-input-text{border: 1px solid white;background-color: white;}
.form-group .disabled-input-text:hover{cursor: default;}

.form-group .enabled-input-text{border: 1px solid #e5e6e7;background-color: white;}
.form-group .enabled-input-text:hover{cursor: pointer;}
#tab1-inviter-btn{display: none;}
.header-img{border: 2px solid #BBBBBB;}

.row_title{height: 24px;font-size: 16px;line-height: 24px;margin-bottom: 15px;}
.row_head{background-color: #2fa3e0;width: 2px;height: 100%;margin-right: 10px;display: inline-block;}
.row_title span{vertical-align: super;}

.verify-status{padding: 5px 10px;font-size: 14px;border: solid 2px;display: inline-block;}

#error-msg{position: absolute;right: 58px;top: 10px;color: #ef392b;font-size: 12px;}


/*templates/system/crmUser/crmUser.html*/
.search-condition label{text-align: right;padding: 7px 5px 0 0;}
.search-condition li{margin: 7px 0; }
.search-condition-select{padding: 0 10px;}
.show-pwd{position: absolute;right: 10px;top: 10px;font-size: 14px;color:#888888;}

/*templates/system/crmUserDealDetail/manage_detail.html*/
.money{font-size: 36px;margin: 5px 10px;font-weight: 600;}
.currency{font-size: 16px;color: #888888;}
.show_title{font-size: 15px;text-align: center;}
.total-card{background-color: #EEEEEE;border-radius: 6px;padding: 15px 0;border: 1px solid #BBBBBB;}

/*templates/system/crmDealAccount/manage_account.html*/
.server{padding: 0 3px;height: 20px;line-height: 18px;font-size: 14px;display: inline-block;margin: 0 3px;color: #FFFFFF;}
.server-real{background-color: #2fa3e0;border: #2fa3e0 1px solid;}
.server-simu{background-color: #888888;border: #888888 1px solid;}
.type{background-color: #FFFFFF;color: #2fa3e0;}

/*templates/system/user/profile/myinfo.html*/
.toast-title{text-align: center;font-weight: 600;font-size: 20px;height: 30px;line-height: 30px;margin-bottom: 20px;}
.row-part{width: 49%;box-sizing: border-box;display: inline-block;}
.row-left{padding-left: 15px;text-align: left;}
.row-right{padding-right: 15px;text-align: right;}
.verify-select{border: 1px solid #888888;border-radius: 5px;box-sizing: border-box;display: inline-block;width: 90%;text-align: center;padding: 15px 0;}
.verify-select-active{color: #2fa3e0;border-color: #2fa3e0;}
.verify-select-active .verify-select-content{color: #2fa3e0; }
.verify-select-method{font-size: 18px;display: block;}
.verify-select-content{color: #888888;font-size: 14px;}
.select-status{display: none;text-align: right;color: #2fa3e0;font-size: 24px;}
.verify-select-active .select-status{display: block !important;}

.input-verifyCode{width: 265px;padding: 5px;margin:0 15px; border-left: none;border-right: none;border-top: none;height: 36px;border-bottom: 1px solid black;}
.button-verifyCode{width: 140px;border-radius: 5px;height: 36px;line-height: 32px;box-shadow: none;background-color: white;color: #2fa3e0;border:1px solid #2fa3e0;}
#verify-wrap{margin: 20px 15px;}
.button-disabled{color: #888888;border-color: #888888;}

/*templates/system/platFormSetting/platFormSetting.html*/
.login-img{max-width: 168px;max-height:70px}
.back-img{width: 150px;}

/*templates/system/statistics/account_statistic.html*/
.multiple_width{width: 450px;}

/*templates/system/crmUser/userDialog.html*/
.dialog-search{padding: 5px 10px;margin-bottom: 10px;}

/*templates/system/crmUserProtocolRelation/manage_protocol.html*/
.one_protocol{margin: 20px;padding: 10px 15px;border-radius: 6px;border: 1px solid #CCC;}
.protocol-name{font-size: 24px;font-weight: 600;margin: 0;}
.protocol-read{float: right;margin-left: 15px;font-size: 14px;text-align: center}

/*templates/system/crmUserDealDetail/detail.html*/
.detail_title{margin: 20px 0 0;background-color: #EEEEEE;color: #666666; display: inline-block;padding: 5px 15px;}

/*templates/system/crmDealAccount/deleteDialog.html*/
.delete-title{width: 85px;text-align: right;margin: 15px 0 0 15px;font-size: 16px;display: inline-block;}
.delete-content{width: 200px;font-size: 16px;display: inline-block;}
.delete-tip{position: absolute;bottom: 0;left: 15px;width: 350px}

/*templates/system/crmDealAccount/detail_position.html*/
.detail_text{font-size: 16px;margin-bottom: 15px;}

/*templates/system/emailNotice/emailStyleEdit.html*/
.style_thumbnail{margin: 20px 0 0 0;position: relative;width: 150px;height: 223px; border-radius: 10px; border: 1px solid #3792E5;}
.style_thumbnail_add{width: 80px;height: 118px; border-radius: 10px; border: 1px solid #3792E5;}
.style_thumbnail_div{text-align: center;}

/*templates/system/msg/msg.html*/
.send_status_failed{background-color: #8d1527;border: #8d1527 1px solid;}
.send_status_sending{background-color: #158d1d;border: #158d1d 1px solid;}
.send_status_sent{background-color: rgb(0,153,255);border: rgb(0,153,255) 1px solid;}
.send_status_for_send{background-color: rgb(204,204,204);border: rgb(204,204,204) 1px solid;}

/*templates/main.html*/
.subject{
    font-family: PingFangSC-Medium;
    font-size: 20px;
    color: #0A1B34;
    font-weight: 600;
    margin-top: 20px;
}
.main_card{padding-top: 15px;padding-bottom: 15px;margin: 15px 0;overflow: hidden;box-shadow: 0 0 10px rgba(0,0,0,0.1);border-radius: 2px;}
.main_card .icon{font-size: 42px;color: gray;text-align: center;}
.main_card .title{font-size: 14px;font-weight: normal;color: gray;margin-bottom: 4px;}
.main_card .content{font-size: 24px; color: #353c4e; font-family: cursive;}

.overflow{table-layout:fixed;}

/* 审核圈和连线 */
.submitAudit{
    margin-left: 3%;
    padding-bottom: 10px;
    border-left:1px dashed rgb(192, 197, 210);
    position:relative;
}
.submitAudit > .row{
    padding-bottom:7px;
}
.submitAudit > .row label{
    padding-top:0;
}
.submitAudit .row >label{
    text-align : left;
    margin-left : 20px;
}
.submitAudit:before{
	content: '';
	width: 12px;
	height: 12px;
	border: 2px solid #0099ff;
	border-radius: 50%;
	position: absolute;
	background-color: white;
    left: -7px;
}
.submitAudit.auditPass:before{
   border: 2px solid green;
}
.submitAudit.auditRefuse:before{
    border: 2px solid red;
}
.submitAudit.auditCancel:before{
    border: 2px solid #269abc;
}
/*2019-10-16*/

/*templates/system/crmDealAccount/crmDealAccount.html*/
.form-horizontal{
    margin: 0 15px;
}

/*查看图片样式*/
.imgModal{
    max-width: 88%;
    padding: 20px;
    margin: 0 auto;
}
.imgModal .close{
    margin-bottom: 8px;
    margin-right: -5px;
    margin-top: -10px;
}
.imgModal img{
    display: inline-block;
    max-width: 100%;
}
/*templates/system/crmInfoVerify/iDetail.html*/
.fileinput-new{
    max-width: 100%;
    max-height: 100%;
}
/*templates/system/crmUser/deleteCrmDialog.html*/
.delete-tip{
    position: static;
    width: 95%;
    margin: 0 auto;
    padding: 5px 10px;
}

.fileinput-new img{
    max-width: 100%;
    max-height: 100%;
}

i{
    font-style: inherit;
}
span+i.color-gray{
    display: inline-block;
    margin-top: 6px;
}

/*templates/system/crmWithdrawVerify/detail.html*/
.help-info{
    position: relative;
    cursor: pointer;
}
.help-info > b{
    position: absolute;
    padding: 5px 8px;
    border-radius: 5px;
    background: rgba(0,0,0,.7);
    color: #fff;
    font-weight: normal;
    font-size: 12px;
    min-width: 180px;
    line-height: 16px;
    bottom: 20px;
    left: -90px;
    display: none;
    text-align: left;
}
.help-info:after{
    content: '';
    width:0;
    height:0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid rgba(0,0,0,.4);
    position: absolute;
    bottom: 14px;
    left: 0;
    display: none;
}
.help-info:hover:after,
.help-info:hover b{
    display: block;
}


.help-info-right{
    position: relative;
    cursor: pointer;
}
.help-info-right > b{
    position: absolute;
    padding: 5px 8px;
    border-radius: 5px;
    background: rgba(0,0,0,.7);
    color: #fff;
    font-weight: normal;
    font-size: 12px;
    min-width: 220px;
    line-height: 16px;
    left: 15px;
    display: none;
    text-align: left;
}
.help-info-right:after{
    content: '';
    width:0;
    height:0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid rgba(0,0,0,.4);
    position: absolute;
    bottom: 14px;
    left: 0;
    display: none;
}
.help-info-right:hover:after,
.help-info-right:hover b{
    display: block;
}

.align-left{
    text-align: left !important;
}

.custom-hidden{
    opacity: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    border: 0;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.list-red-dot {
    height: 8px;
    display: inline-block;
    position: relative;
    left: -5px;
    top: -10px;
    background-color: rgba(255, 0, 0, 1);
    border: none;
    border-radius: 8px;
    padding: 0 4px;
}
.subtitle {
    height: 22px;
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #354052;
    line-height: 22px;
    font-weight: 600;
}
.subtitle-tip {
    height: 22px;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #8A96A0;
    line-height: 22px;
    font-weight: 400;
    margin-left: 12px;
}
.subtitle-title{
    height: 22px;
    font-family: PingFangSC-Medium;
    font-size: 20px;
    color: #354052;
    line-height: 22px;
    font-weight: 600;
}
.btn-edit-head {
    width: 82px;
    height: 36px;
    border-radius: 2px;
    background: #0077FF;
}

.btn-canlel-head {
    width: 82px;
    height: 36px;
    border-radius: 2px;
    background: #FFFFFF;
}

.mar-left-5{
    margin-left : 5px;
}

.mar-left-15{
    margin-left : 15px;
}

.mar-left-30{
    margin-left: 30px;
}

.mar-top-24{
    margin-top: 24px;
}
.mar-top-30{
    margin-top: 30px;
}

.mar-top-35{
    margin-top: 35px;
}

.btn-checkbox {
    display: inline-block;
    padding: 5px 10px;
    background-color: white; /* 按钮背景颜色 */
    color: #007bff; /* 按钮字体颜色 */
    border-radius: 20px; /* 圆角边框 */
    cursor: pointer; /* 鼠标悬停样式 */
    transition: background-color 0.3s; /* 背景颜色变化的过渡 */
    border: 1px solid #007bff;
}
.input-checkbox:checked + .btn-checkbox {
    background-color: #007bff; /* 选中状态下按钮背景颜色 */
    color: white; /* 按钮字体颜色 */
}
.clear-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 16px;
    color: #999;
}
.clear-icon:hover {
    color: #333;
}