@charset "UTF-8";
/**
 *
 * @authors Your Name (you@example.org)
 * @date    2019-06-12 14:52:43
 * @version $Id$
 */
@font-face {
    font-family:'ysbth';
    src: url('../fonts/ysbth.ttf');
    font-weight: normal;
    font-style: normal;
}
*{
    -webkit-font-smoothing: antialiased; /*chrome、safari*/
}
[tabindex]:focus{
    outline: none;
}

.new_posi {
    position: fixed;
    left: 200px;
    top: 80px;
    right: 0px;
    bottom: 0;
    border-radius: 5px;
    min-width: 1126px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 20px;
}

.new_posi::-webkit-scrollbar {
    width: 4px;
}

.new_posi::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2);
}

.new_posi::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: rgba(0, 0, 0, 0.1);
}

.new_all_view_posi {
    position: fixed;
    left: 0px;
    top: 80px;
    right: 0px;
    bottom: 0;
    border-radius: 5px;
    min-width: 1326px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 20px;
    padding-left: 20px;
}

.new_all_view_posi::-webkit-scrollbar {
    width: 4px;
}

.new_all_view_posi::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2);
}

.new_all_view_posi::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: rgba(0, 0, 0, 0.1);
}

.layui-table {
    margin-top: 20px;
}

body {
    overflow-x: hidden;
}

body,html {
    height: 100%;
    width: 100%;
}

.header .h-logo {
    width: 300px;
    height: 100%;
    /*background-color: #01AAED;*/
    float: left;
    line-height: 55px;
    box-sizing: border-box;
    padding-left: 15px;
    position: absolute;
    left: 0;
    top: 0;
}

/*（如果屏幕宽度最小）最小宽800px，最大宽1000px*/
.header .h-info {
    /*width: 1000px;*/
    height: 100%;
    float: left;
    box-sizing: border-box;
    padding-right: 15px;
}

.layui-nav-child {
    left: -8px !important;
}

#special_top_nav{
    width: 87px;
    height: 18px;
    line-height: 18px;
    border-radius: 18px;
    color: rgb(255, 255, 255);
    font-size: 12px;
    text-align: center;
    margin: 5px auto;
    cursor: pointer;
}
/* 右上角的版本下拉导航-基础版本 */
.sm_special_top_nav_basics{
    background-color: #02cc7c;
}
/* 右上角的版本下拉导航-标准版本 */
.sm_special_top_nav_standard{
    background-color: #4E92F2;
}
/* 右上角的版本下拉导航-标准版本 */

/* 右上角的版本下拉导航-高级版 */
.sm_special_top_nav_senior{
    background-color: #DB6A72;
}
/* 右上角的版本下拉导航-高级版 */

/* 右上角的版本下拉导航-旗舰版 */
.sm_special_top_nav_flagship{
    background-color: #7A6EE5;
}
/* 右上角的版本下拉导航-旗舰版 */

.header .h-info .h-nav {
    height: 100%;
    float: left;
    /*width: 640px;*/
    padding-left: 1px;
    padding-right: 1px;
    /*background-color: #93D1FF;*/
}

.header .h-info .h-user {
    float: right;
    /*height: 100%;*/
    width: 186px;
    line-height: 55px;

    /*background-color: #eb7350;*/
}

.h-nav {
    padding-left: 1px;
    padding-right: 1px;
    height: 100%;
    position: relative;
    left: 220px;
}

.h-nav ul {
    height: 100%;
    width: 100%;
}

.h-nav ul li {
    height: 56px;
    width: 85px;
    text-align: center;
    line-height: 55px;
    position: relative;
    display: inline-block;
}

.h-nav ul li.active {
    background-color: #5D6BE8;
}

.h-nav ul li.active:after {
    content: '';
    width: 100%;
    height: 3px;
    background-color: white;
    position: absolute;
    top: 0;
    left: 0;
}

.h-nav ul li a {
    color: white;
    display: block;
    font-size: 13px;
    position: relative;
}

.h-nav ul li a img {
    position: relative;
    top: -2px;
}

.h-user .layui-nav .layui-nav-item {
    line-height: 55px;
}

.c-btn {
    border: 1px solid;
    border-radius: 5px;
    height: 39px;
    line-height: 39px;
    padding-left: 15px;
    padding-right: 15px;

}

.c-btn.active {
    background-color: #5D6BE8;
    border: 1px solid #5d6bd7;
    color: white;
}

/*.nav_txt:hover>.layui-nav-child{*/
/*    display: block;*/
/*}*/
button {
    cursor: pointer;
}

/*.layui-nav-child {*/
/*    top: 55px;*/
/*}*/
/*.h-user-handler:hover .layui-nav-child{*/
/*    display: block;*/
/*}*/
.t-top-title {
    /*公共的面包屑导航样式*/
    height: 40px;
}

/*小标题*/
.t-top-title span {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding-left: 0;
    padding-right: 15px;
    text-indent: 15px;
    position: relative;
    font-size: 14px;
}

.t-top-title span:before {
    content: '';
    width: 3px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 12px;
    background-color: #5D6BE8;
}

span.t-top-title-clear-span{
    line-height: normal;
    text-indent: unset;
    display: unset;
}

span.t-top-title-clear-span:before{
    content: none;
}

.out-box {
    /*min-height: 800px;*/
    overflow-x: hidden;
    overflow-y: auto;
}

.out-box::-webkit-scrollbar {
    width: 4px;
}

.out-box::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2);
}

.out-box::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: rgba(0, 0, 0, 0.1);
}


/*左侧导航*/
.navbar {
    width: 200px;
    height: 100%;
    position: fixed;
    top: 55px;
    left: 0;
    background-color: #fff;
}

.nav-list {
    width: 100%;
    height: 100%;
    /*background-color: #00F7DE;*/
    position: absolute;
    top: 0px;
    bottom: -50px;
    left: 0;
}

.nav-list dl {
    width: 100%;
    /*height: 100%;*/
    margin: 0 auto;
    /*border-bottom: 1px solid #3a3c3c;*/
    background-color: #fafafa;
}

.nav-list dl dt {
    display: block;
    width: 100%;
    padding-top: 1px;
    padding-bottom: 1px;
    height: auto;
    position: relative;
    font-weight: 600;
}

.nav-list dl dt a {
    color: #3a3a3a;
    font-size: 14px;
    position: relative;
    display: block;
    height: 45px;
    line-height: 45px;
    width: 100%;
    box-sizing: border-box;
    padding-left: 27px;
}

.nav-list dl dt a img:last-child {
    width: 16px;
    position: absolute;
    right: 15px;
    top: 14px;
}

.nav-list dl dt a span {
    position: absolute;
    left: 54px;
}

.nav-list dl dt a label {
    position: absolute;
    right: 15px;
}

.nav-list dl dd {
    position: relative;
    width: 100%;
    /*display: none;*/
}

.nav-list dl dd li {
    display: block;
    height: 40px;
    width: 100%;
    line-height: 40px;
    cursor: pointer;
    position: relative;
    /*color: #7E7E7E;*/
}

.nav-list dl dd li a {
    color: #7E7E7E;
    padding-left: 54px;
    font-size: 14px;
    display: block;
}
.nav-list dl:first-child dd{
    display: block;
}

.my-table tr td a {
    color: #1c6ed7;
}

.p-handler {
    padding-bottom: 5px;
    padding-top: 15px;
}

.my-table tr td a {
    cursor: pointer;
    margin: 0 8px;
}
.p-h-list {
    padding: 30px;
    background-color: white;
    border-radius: 5px;
}
.p-h-list:first-child{
    padding: 8px;
    padding-left: 30px;
    padding-right: 30px;
    background-color: white;
    border-radius: 5px;
}

.out-box-posi {
    position: absolute;
    left: 220px;
    top: 75px;
    right: 0px;
    bottom: 15px;
    min-height: 600px;
    padding-right: 20px;
}

.t-top-title label {
    display: inline-block;
    text-align: right;
    position: relative;
    padding-left: 8px;
}

.t-top-title label:before {
    content: '>';
    position: absolute;
    left: -12px;
    top: 0px;
    font-family: fangsong;
    font-weight: bold;
    color: #000;
    opacity: 0.65;
}

.layui-form-label {
    text-align: left;
}

.layui-table th,
.layui-table td {
    text-align: center !important;
}

.t-top-title a {
    cursor: pointer;
    padding-right: 8px;
    color: #8C8C8C;
}

.t-top-title a:hover {
    color: #01AAED;
}

.search-btn {
    background-color: #5D6BE8;
}

.my-table thead tr th,
.my-table tbody tr td {
    /*border-bottom-width: 1px !important;*/
    /*border-style: solid !important;*/
    border-color: #e6e6e6 !important;
    border: 0;
}

.my-table tbody tr:nth-child(odd) {
    background-color: #FCFCFC;
}

.my-table tbody tr:nth-child(even) {
    background-color: #F7F7F7;
}

.hide {
    display: none;
}

.bd-layer::-webkit-scrollbar {
    width: 4px;
}

.bd-layer::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2);
}

.bd-layer::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: rgba(0, 0, 0, 0.1);
}

body::-webkit-scrollbar {
    width: 4px;
}

body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2);
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: rgba(0, 0, 0, 0.1);
}

/***分页***/
.layui-laypage a {
    margin-right: 3px;
    margin-left: 3px;
    color: #333;
}

.layui-laypage a:hover {
    color: #333;
}

.layui-laypage-curr {
    margin-right: 3px !important;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 0px !important;
    width: 100%;
    height: 100%;
    background-color: #f5f5f5;
}

.layui-laypage .layui-laypage-curr em {
    position: relative;
    color: #b4b4b4;
}

.layui-laypage-em {
    border-radius: 0px !important;
}

.page span {
    display: inline-block;
    padding: 0 9px;
    min-width: 15px;
    border: 1px solid #E2E2E2;
}
/***分页***/

.has-dd dd ul li a.active {
    color: #7472ff;
    background-color: #E6E9FF;
}


.comm-outbox {
    clear: both;
    padding: 20px 30px;
    border-radius: 5px;
    background-color: white;
    margin-bottom: 20px;
}
.comm-outbox:first-child{
    clear: both;
    padding: 8px;
    border-radius: 5px;
    background-color: white;
    margin-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
}

.sm_clear_bottom_margin{
    margin-bottom: 0 !important;
}

.btn—new {
    width: 68px;
}

.btn—new-purple {
    background-color: #5D6BE8 !important;
}

.layui-table tr th, .layui-table tr td {
    text-align: center;
    border: 0;
}

.bj-tab {
    border-bottom: 1px solid #ebebeb;
    height: 40px;
    margin-bottom: 15px;
}

.bj-tab ul {
    /*padding-left: 15px;*/
}

.bj-tab ul li {
    margin-right: 0;
    padding: 0 15px;
    text-align: center;
    position: relative;
    font-size: 16px;
    float: left;
    height: 41px;
    cursor: pointer;
    /*font-weight: 600;*/
    color: #8c8c8c;
}
.bj-tab ul li:first-child {
    padding-left: 0;
}
.bj-tab ul li.have:before {
    content: '';
    width: 1px;
    height: 15px;
    background-color: #e6e6e6;
    position: absolute;
    right: 0;
    top: 3px;
}
.bj-tab ul li.tabActive:after {
    content: '';
    height: 2px;
    width: 40px;
    background-color: #5D6BE8;
    margin-left: 50%;
    position: absolute;
    bottom: 0px;
    left: -20px;
}
.bj-tab ul li:first-child.tab_active:after{
    content: '';
    height: 2px;
    width: 40px;
    background-color: #5D6BE8;
    margin-left: -20px;
    position: absolute;
    bottom: 0px;
    left: calc(50% - 10px);
}
.bj-tab ul li.tab_active:after {
    content: '';
    height: 2px;
    width: 40px;
    background-color: #5D6BE8;
    margin-left: 50%;
    position: absolute;
    bottom: 0px;
    left: -20px;
}

.bj-tab ul li.tab_active{
    font-weight: bold;
    color: #333;
}

.bj-tab ul li a{
    display: inline-block;
    width: 100%;
    height: 100%;
}

.layui-nav .layui-nav-child a:hover{
    background-color: #5D6BE8;
    color: white;
}

.has-dd dd ul li a.active {
    color: #7472ff;
    background-color: #E6E9FF;
}

.alert-padding {
    padding: 25px;
}

.layui-form-label {
    text-align: left !important;
}

.connpromit h3 img {
    margin-right: 5px;
    height: 25px;
    width: 25px;
}

.nav-list dl dd {
    display: none;
}

/*--------新------*/
.nodataPromit{
    width: 100%;
    line-height: 45px;
    background-color: rgb(237, 237, 237);
    color: rgb(144, 144, 144);
    text-align: center;
    }

.alertpromit{
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
}
.alertpromit h3{
    margin-bottom: 10px;
}
.alertpromit p {
    text-align: center;
    line-height: 37px;
}

/*2019-8-19*/
.layui-form-radioed div{
    color: #5D6BE8;
}
.layui-form-radio > i:hover, .layui-form-radioed > i {
    color: #5D6BE8;
}

.cluesList-r .layui-timeline-item .line-axis {
    position: absolute;
    width: 20px;
    height: 20px;
    background: url("../images/point.png") center no-repeat;
    background-size: 20px 20px;
    left: -37px;
    top: 4px;
}
.layui-timeline-item {
    padding-bottom: 10px !important;
}

/*2019-8-19*/
.formflexcomm{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.cluesBoxComm .layui-form-item{
    margin-bottom: 3px;
}
.cluesBoxComm{
    /*padding: 10px;*/
}
.cluesBoxCommbd1 .layui-inlineImgs a{
    margin-left: 3px;
    margin-right: 3px;
}

/* 导入 弹窗 */
.cy_batch_upload button{
    border: 1px solid #C9C9C9;
    background: #fff;
    border-radius: 5px;
    color: #333;
    height: 30px;
    line-height: 30px;
    margin-top: 5px;
}
.cy_batch_upload button:hover{
    color: #333;
}
.cy_batch_consignment .layui-form-item{
    padding-left: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.cy_batch_consignment .layui-form-item:nth-child(3){
    padding-left: 0;
}
.cy_batch_upload_operation{
    text-align: center;
}
.cy_batch_upload_operation button{
    display: inline-block;
    border: 1px solid #C9C9C9;
    background: #fff;
    /*border-radius: 5px;*/
    color: #333;
    /*height: 30px;*/
    /*line-height: 30px;*/
    vertical-align: middle;
    text-align: center;
    width: 100px;
    padding: 0;
    margin: 5px 10px 0;
    /*11月优化*/
    height: 35px;
    line-height: 35px;
    border-radius: 3px;
}
.cy_batch_upload_operation button:nth-child(1){
    background-color: #5D6BE8;
    color: #fff;
    /*11月优化*/
    border: none;
    border-radius: 3px;
}
.cy_batch_upload_operation button:nth-child(2):hover{
    color: #333;
}
.cy_batch_consignment{
    padding: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.cy_batch_upload .layui-input-inline{
    width: 300px;
}
.cy_batch_upload .layui-input-inline span{
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow-x: hidden;
    display: inline-block;
    width: 195px;
    margin: 0;
    padding-right: 0;
}
.dl.has-dd a img:nth-child(1){
    position: absolute;
    top: 15px;
}

/*9/16*/
.nodataBox{
    height: 300px;
    width: auto;
    text-align: center;
    letter-spacing: 1px;
}
.nodataSettleBox{
    height: 300px;
    width: auto;
    text-align: center;
    letter-spacing: 1px;
    margin-top: 60px;
}
.nodataBox p{
    font-size: 16px;
    color: #7b7b7b;
}
.nodataSettleBox p{
    font-size: 16px;
    color: #7b7b7b;
}
/*9/16*/
/*9/24*/
.choseStuBtn{
    background: url("../images/chose3.png") center no-repeat;
    background-size: 52% 60%;
}
/*9/24*/
#refund .layui-form-radio{
    margin: 2px 10px 0 0 !important;
}

.h-logo img{
    height: 40px;
    width: auto;
}

/*10/28*/
.bjinfo-handler:hover ul{
    display: block;
}
.bjinfo-handler li:hover{
    color: #7472ff;
    background-color: #E6E9FF;
}
/*10/28*/
.link-pointer h4{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    word-break: break-all;
}
.link-pointer p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-all;
}

/* 清除 默认样式 此处删除 */




/* CSS Document */
a,input,button{
    -webkit-tap-highlight-color:rgba(255,0,0,0);
    border-radius:0;
    -moz-appearance: none;
    appearance: none;
}
input,button,textarea,select{
    -webkit-appearance:none;/*在苹果浏览器中去掉默认样式*/
    -moz-appearance: none;
    appearance: none;
    border:0;
    font-family: "Microsoft YaHei", "PingFang SC";
    background:none;
    color:#444;
    outline:0;
    list-style:none;
    border-radius:0;
}
.recommend_size{
    position: absolute;
    right: -150px;
}

[v-cloak]{
    display: none;
}

/* clear input img */
.sm_clear_input_box{
    display: inherit;
    position: relative;
    width: 240px;
}
.sm_clear_input_box > input{
    padding-left: 12px;
    border-radius: 3px;
    height: 34px !important;
    box-sizing: border-box;
}
.sm_clear_input_box > .sm_clear_input_icon_box{
    width: 60px;
    height: 34px;
    background-color: #5d6be8;
    position: absolute;
    top: 0px;
    right: 0px;
    box-sizing: border-box;
    border-radius: 3px;
    cursor: pointer;
}
.sm_clear_input_box > .sm_clear_input_icon_box > .sm_clear_input_icon{
    width: 16px;
    height: 16px;
    margin-top: 9px;
    margin-left: 23px;
    user-select: none;
}

.sm_clear_input_clear{
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    display: none;
    cursor: pointer;
}

.cusour_style{
    cursor:pointer;
}


.check_tips{
    margin-top: 5px;
    color: #f00;
    height: 20px;
}
.sm_add_class_box .check_tips{
    margin-left: 70px;
}
.check_input.check_red{
    border-color: #f00;
}
.check_select.check_red input,.check_select.check_red.xm-select{
    border-color: #f00 !important;
}

.special_check_red{
    border: 1px solid red;
    box-sizing: border-box;
}

.special_check_red .layui-input:focus{
    border: none !important;
}

input::-ms-clear,input::-ms-reveal{
    display: none;
}
/**/
/*公共的紫色按钮*/
.clear_layui_topmargin{
    margin-top: 0;
}
.sm_btn_box{
    padding-bottom: 20px;
    width: 100%;
}
.sm_classroom_list_btn{
    border: 1px solid #5D6BE8 !important;
    border-radius: 3px !important;
    padding: 0px 15px !important;
    width: auto;
    font-size: 14px;
    height: 33px !important;
    line-height: 32px !important;
    box-sizing: border-box;
    background-color: #5D6BE8 !important;
    vertical-align: bottom;
}

.sm_classroom_disable_list_btn{
    border: 1px solid #D7D7D7 !important;
    border-radius: 3px !important;
    padding: 0px 15px !important;
    width: auto;
    font-size: 14px;
    height: 33px !important;
    line-height: 32px !important;
    box-sizing: border-box;
    background-color: #D7D7D7 !important;
    vertical-align: bottom;
    color: #7F7F7F;
    cursor: not-allowed;
}

.clip_btn_close{
    vertical-align: bottom;
    margin-left: 5px;
    width: 88px;
}

.bd-drawerBottomBtn .bd_sm_classroom_list_btn{
    background: #ffffff !important;
    border: 1px solid #d9d9d9 !important;
    border-radius: 3px;
    color: #595959 !important;
}

.common_white_btn{
    border: 1px solid rgb(93, 107, 232) !important;
    border-radius: 5px !important;
    color: rgb(93, 107, 232);
    background-color: #ffffff !important;
    padding: 0px 15px !important;
    width: auto;
    font-size: 14px;
    height: 34px !important;
    line-height: 34px !important;
    box-sizing: border-box;
}

.common_white_btn:hover{
    color: rgb(93, 107, 232);
}

.sm_200_35_input{
    height: 35px !important;
    width: 200px !important;
}
.sm_up_img_200_100{
    height: 100px !important;
    width: 200px !important;
}
/* 清除高度塌陷 */
.sm_clear_fix::before,.sm_clear_fix::after{
    content: "";
    clear: both;
    display: table;
}
/* 清除高度塌陷 */
.floatl{
    float: left;
}
.floatr{
    float: right;
}

.cy_add_must{
    color: #f00;
    margin-left: 5px;
}

.sm_message_box{
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", Tahoma, Arial, sans-serif !important;
    font-size: 14px !important;
}

/*顶部导航Logo样式*/
#top_logo{
    height: 22px;
    width: auto;
}
#top_text_logo{
    font-weight: bold;
    font-size: 14px;
    color: #f0f0f0;
    line-height: 60px;
    width: 210px;
    text-align: center;
    cursor: pointer;
}
#top_img_logo {
    cursor: pointer;
    width: 171px;
    height: 40px;
    padding-left: 15px;
}

.layui-table tr{
    height: 50px;
}
.layui-table thead tr{
    background-color: #F7F7F7;
}
.layui-table tbody tr:hover, .layui-table-click, .layui-table-header, .layui-table-hover, .layui-table-mend, .layui-table-patch, .layui-table-tool, .layui-table-total, .layui-table-total tr, .layui-table[lay-even] tr:nth-child(even){
    background-color: #e8ecfc;
}
.bdTableClick{
    background-color: #e8ecfc !important;
}

.sm_website_tbody tr{
    background-color: #f7f8fa;
    height: 50px;
    padding: 0;
}

.my-skin .layui-layer-btn a {
    border: 1px solid #d9d9d9;
    margin: 0 10px;
}

.my-skin .layui-layer-btn a:nth-child(1) {
    background-color: white !important;
    color: #595959;
    border: 1px solid #d9d9d9 !important;
}

.my-skin .layui-layer-btn a:nth-child(2) {
    background-color: #5D6BE8;
    border: 1px solid #5D6BE8;
    color: #fff;
}

.special-layer-skin .layui-layer-btn a {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #5D6BE8;
    border-radius: 3px;
    padding: 0px 15px;
    font-size: 14px;
    height: 33px;
    line-height: 32px;
    background-color: #5D6BE8;
    vertical-align: bottom;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}

.sm_common_overflow_ellipsis{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sm_main_clear_input_clear {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    display: none;
    cursor: pointer;
}

.sm_common_page_content {
    min-height: calc(100vh - 186px);
}

.common_top_nav_icon{
    width: 16px;
    height: 16px;
}
.sm_comm_nav_btn_list{
    float: right;
    margin-top: 3px;
}

/*基于element ui 和vue 的抽屉组件样式*/
.el-drawer__wrapper .el-drawer__wrapper *:focus {
    outline: none;
}
.el-drawer__wrapper .el-drawer__header{
    background-color: #f5f5f5;
    margin-bottom: 0px;
    padding-top: 16px;
    padding-bottom: 16px;
}
.el-drawer__wrapper .el-drawer__header span{
    font-size: 14px;
    color: #333333;
    font-weight: bold;
}
.el-drawer__wrapper .el-drawer__body{
    padding: 14px 24px;
    margin-bottom: 40px;
}
.el-drawer__wrapper .el-icon-close{
    font-weight: bold;
    color: #B3B3B3;
}
.el-drawer__wrapper .el-drawer{
    min-width: 400px !important;
}
.el-drawer__wrapper *::-webkit-scrollbar {
    width: 4px;
    height: 6px;
}

.common-drawer *::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2);
}

.common-drawer *::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: rgba(0, 0, 0, 0.1);
}
/*基于element ui 和vue 的抽屉组件样式*/


.nodataBoxBtnStyle button,.bd-yxAddStyle{
    background-color: #5D6BE8 !important;
    border-radius: 5px;
    padding: 0px 22px !important;
    width: auto;
    font-size: 16px;
    height: 40px !important;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    border: none;
    cursor: pointer;
    outline: 0;
    display: inline-block;
    margin-top: 20px;
}

@media screen and (min-width: 1650px) {
    .nodataBox img{
        width: 150px;
    }
}

.my-table{
    position: relative;

}
.BCP,.BCP2{
    position: absolute;
    top: 0;
    left: 55px;
    right: 0;
    background-color: #F7F7F7;
    z-index: 200;
    padding-left: 30px;
    color: #666;
    display: flex;
    align-items: center;
}

.chosedNumberStyle{
    color: #5D6BE8;
    font-weight: 600;
    margin-left: 2px;
    margin-right: 2px;
}
.BCPchosedSelect{
    margin-left: 20px;
}
.layui-table thead tr th{
    color: #333 !important;
    font-weight: 600 !important;
}
.special-layui-table thead tr th:nth-child(1){
    padding-left: 25px;
    width: 25px;
}
.special-layui-table tbody tr td:nth-child(1){
    padding-left: 25px;
    width: 25px;
}

.layui-table tbody tr td{
    color: #595959 !important;
    word-break: break-all;
}
.layui-table-box .layui-table-fixed th, .layui-table-box .layui-table-fixed td {
    text-align: left !important;
}
.layui-table-view .layui-table{
    width: 100%;
}
.layui-nav-bar {
    background-color: #5D6BE8 !important;
}

.layui-form-select .layui-input {
    padding-right: 30px;
    cursor: pointer;
    background-color: #FAFAFA !important;
}
body{
    background-color: #FAFAFA !important;
}
.classStateComm{
    display: inline-block;
    padding: 0px 4px;
    font-size: 10px;
    border-radius: 2px;
}
.classStateYJS{
    color: #8c8c8c;
    background: rgba(51,51,51,0.1);
}
.classStateZSZ{
    color: #FA6400;
    background: rgba(250,100,0,0.1);
}
.classStateSKZ{
    color: #3CC151;
    background: rgba(60,193,81,0.1);
}
.classStatebule{
    color: #5D6BE8;
    background-color: rgba(93,107,232,0.1);
    padding: 2px 3px;
}
.bd-drawerBottomBtn{
    position: absolute;
    height: 56px;
    left: 0;
    bottom: 0;
    width: 100%;
    line-height: 45px;
    background-color: #F5F5F5;
    text-align: right;
    box-sizing: border-box;
    padding-right: 24px;
    z-index: 99999;
}
.el-drawer__body{
    overflow-y: auto;
}
.bd-classRepeatBox{
    height: 33px;
    width: 112px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border:1px solid #e6e6e6;
    border-radius: 2px;
    background-color: #FAFAFA;
}
.bd-classRepeatBoxF{
    border-right: 1px solid #e6e6e6;
    width: 35px;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.bd-classRepeatBoxM{
    text-align: center;
    height: 100%;
    width: 40px;
}
.bd-classRepeatBoxS{
    border-left: 1px solid #e6e6e6;
    width: 35px;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.bd-classRepeatBoxM input{
    width: 40px;
    height: 33px !important;
    background-color: white;
    border: 0;
    text-align: center;
    padding-left: 0 !important;
}
.delAvoidStyle img{
    height: 34px;
    width: 34px;
}
.bd-commMoreHandler{
    position: relative;
}
.bd-commMoreHandler img{
    width: 15px;
    height: 15px;
}
.bd-commMoreHandler ul{
    width: 100px;
    background-color: white;
    border-radius: 2px;
    box-shadow: 0px 9px 28px 8px rgba(0,0,0,0.05), 0px 6px 16px 0px rgba(0,0,0,0.08), 0px 3px 6px -4px rgba(0,0,0,0.12);
    z-index: 999;
    position: absolute;
    left: -66px;
    top: 17px;
    box-sizing: border-box;
    padding-top: 6px;
    display: none;
}
.bd-commMoreHandler:hover ul{
    display: block;
}
.bd-commMoreHandler ul li{
    display: block;
    height: 40px;
    width: 100%;
    text-align: center;
    line-height: 32px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bd-commMoreHandler ul li:hover{
    background: #f5f5f5;
    color: #5D6BE8;
}
.bd-commMoreHandler ul li img{
    margin-right: 3px;
}
.bd-drawPaddingLeft{
    padding: 7px 15px;
    padding-left: 0;
}
.BCP-del-Style{
    width: 80px;
    height: 32px;
    background: #fafafa;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    margin-left: 10px;
}


/*两端对齐*/
.bd-bothEnds{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}
/*进行平均分布，又可以换行*/
.bd-Line-break-equally{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}
/*垂直居中*/
.vertical-center{
    display: flex;
    display: -webkit-flex;
    align-items: center;
}
/*水平垂直居中*/
.Horizontal-vertical-center{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
}



.bd-numfontColor{
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #5d6be8;
}
.tabActive{
    font-weight: bold;
}

.common_select_style_6{
    width: 135px;
    margin-right: 10px;
}

.common_iocn{
    width: 12px;
    height: 12px;
}


/* 表格状态公共样式 */
.common_state_bule {
    /* 蓝色 */
    width: 48px;
    height: 17px;
    background-color: rgba(73,190,223,0.1);
    border-radius: 2px;
    font-size: 10px;
    text-align: center;
    line-height: 17px;
    color: rgb(73,190,223);
    padding: 4px;
}

.common_state_green {
    /* 绿色 */
    height: 20px;
    width: 50px;
    background-color: #EBF8ED;
    color: #3CC151;
    border-radius: 2px;
    white-space: pre;
    padding: 4px;
    font-size: 14px;
}

.common_state_orange {
    /* 橙色*/
    height: 20px;
    width: 50px;
    background-color: #FEEFE5;
    color: #FA6400;
    border-radius: 2px;
    white-space: pre;
    padding: 4px;
    font-size: 14px;
}

.common_state_grey {
    /* 灰色 */
    height: 20px;
    width: 50px;
    background-color: #F2F2F2;
    color: #999999;
    border-radius: 2px;
    white-space: pre;
    padding: 4px;
    font-size: 14px;
}
/* 表格状态公共样式 */

/*!* 图片上传的样式 *!*/
.cover-wrap {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 10000000;
    text-align: center;
    display: none;
}

.cover-wrap-content {
    width: 900px;
    height: 600px;
    background-color: #FFFFFF;
    overflow: hidden;
    border-radius: 4px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -450px;
    margin-top: -300px;
}

.clipArea {
    margin: 10px;
    height: 520px;
    user-select: none;
    overflow: hidden;
    position: relative;
}

.photo-clip-view {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 428px;
    height: 321px;
    margin-left: -214px;
    margin-top: -160.5px;
}

.photo-clip-moveLayer {
    transform-origin: 0px 0px;
    transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);
    transition-duration: 0ms;
    transform: translate(0px, 0px) scale(1) translateZ(0px);
}

.photo-clip-mask {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.photo-clip-mask-left {
    position: absolute;
    left: 0px;
    right: 50%;
    top: 50%;
    bottom: 50%;
    width: auto;
    height: 321px;
    margin-right: 214px;
    margin-top: -160.5px;
    margin-bottom: -160.5px;
    background-color: rgba(0, 0, 0, 0.5);
}

.photo-clip-mask-right {
    position: absolute;
    left: 50%;
    right: 0px;
    top: 50%;
    bottom: 50%;
    margin-left: 214px;
    margin-top: -160.5px;
    margin-bottom: -160.5px;
    background-color: rgba(0, 0, 0, 0.5);
}

.photo-clip-mask-top {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 50%;
    margin-bottom: 160.5px;
    background-color: rgba(0, 0, 0, 0.5);
}

.photo-clip-mask-bottom {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 50%;
    bottom: 0px;
    margin-top: 160.5px;
    background-color: rgba(0, 0, 0, 0.5);
}

.photo-clip-area {
    border: 1px dashed rgb(221, 221, 221);
    position: absolute;
    left: 50%;
    top: 50%;
    width: 428px;
    height: 321px;
    margin-left: -215px;
    margin-top: -161.5px;
}

.clip_btn_box {
    height: 56px;
    line-height: 36px;
    text-align: center;
    padding-top: 8px;
}

/*  2.6.4  版本修改 */
.clip_btn_box::after{
    content: "提示：调整图片大小，请滚动鼠标滚轮。";
    float: left;
    color: rgba(118,118,118,0.8);
    font-size: 12px;
    margin-left: 14px;
}

.clip_btn_box > button{
    float: right;
    margin-right: 16px;
}
/*  2.6.4  版本修改 */

.upload_rotation {
    width: 214px;
    height: 160.5px;
    background-color: rgb(102, 102, 102);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.befroe_upload_rotation{
    width: 160px;
    height: 90px;
    background: rgba(0,0,0,0.02);
    border: 1px dashed rgba(0,0,0,0.15);
    border-radius: 2px;
    text-align: center;
    cursor: pointer;
    float: left;
}

.befroe_upload_rotation_icon{
    width: 18px;
    height: 18px;
    /*border: 1px dashed rgba(0,0,0,0.15);*/
    margin: 22px auto 0 auto;
}

.befroe_upload_rotation_text {
    margin-top: 10px;
    color: #595959;
}

.after_upload_rotation_box{
    width: 160px;
    height: 90px;
    float: left;
    border-radius: 2px;
    background-repeat: no-repeat;
    background-size: 100%;
}

.after_upload_rotation{
    width: 160px;
    height: 90px;
    border-radius: 2px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.after_upload_rotation > img{
    display: none;
    cursor: pointer;
}
.after_upload_rotation:hover{
    background-color: rgba(0,0,0,0.6    );
}
.after_upload_rotation:hover .show_after_upload_rotation_icon{
    display: inline;
}

.after_upload_rotation_icon{
    margin-right: 16px;
}
/* 图片上传的样式 */

.sm_up_rotation_text{
    font-size: 13px;
    text-align: left;
    color: #a6a6a6;
}

.sm_rotatio_title{
    color: #333333;
    font-size: 13px;
    float: left;
    width: 110px;
    font-weight: 600;
    margin-top: 8px;
    min-height: 16px;
}

.sm_rotatio_input{
    background: #ffffff;
    border: 1px solid #d6d6d6;
    border-radius: 3px;
    height: 32px !important;
    vertical-align: bottom;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    width: 300px;
    padding-left: 10px;
}


.sm_rotation_form_item{
    margin-bottom: 12px;
}

.sm_rotatio_select_box{
    width: 376px;
    float: left;
}

.sm_rotation_ordinary_input{
    width: 376px;
    height: 32px;
    background: #ffffff;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    padding-left: 10px;
    box-sizing: border-box;
}

.sm_rotation_pervie_bing_img_mask{
    position: fixed;
    top: 0%;
    left: 0%;
    right: 0%;
    bottom: 0%;
    width: 100vw;
    height: 100vh;
    z-index: 99999999;
    background: rgba(0,0,0,0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 0.2s;
    opacity: 0;
    pointer-events: none;
}

.sm_an_show{
    opacity: 1;
    pointer-events: all;
}

.sm_rotation_pervie_bing_img_box{
    height: 50vw;
    max-height: 400px;
    position: relative;
    user-select: none;
}

.sm_rotation_pervie_bing_img{
    height: 100%;
    user-select: none;
}

.sm_rotation_pervie_bing_close{
    position: absolute;
    bottom: -66px;
    left: 50%;
    margin-left: -18px;
    cursor: pointer;
}

.lyx-content{
    height: 950px;
    display: flex;
}
.lyx-c-c-left{
    width: 180px;
    height: calc(100vh - 55px);
    overflow-y: auto;
    overflow-x: hidden;
}
.lyx-c-c-left > ul{
    background-color: #343E73;
    min-height: 100%;
    position: relative;
}

.lyx-c-c-left::-webkit-scrollbar {
    width: 4px;
}

.lyx-c-c-left::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2);
}

.lyx-c-c-left::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: rgba(0, 0, 0, 0.1);
}

.lyx-content .li1{
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

.lyx-c-left{
    /*width: 200px;*/
    height: 56px;
    background: rgba(255,255,255,0.1);
}

.lyx-content .lyx-ssp{
    line-height: 56px;
    font-size: 14px;
    color: #ffffff;
    text-align: left;
    position: relative;
    padding-left: 50px;
    box-sizing: border-box;
    width: 180px;
    display: block;
    cursor: pointer;
}

.lyx-content .lyx-c-left::before{
    content:"";
    width: 4px;
    height: 56px;
    background-color: #5d6be8;
    position:absolute;
    left: 0;
    top: 0;
}

.lyx-ssp-block{
    position: absolute;
    left: 0;
    transition: height 0.1s ease-in-out;
    height: 0px;
}
.li1 .lyx-ssp:hover .lyx-ssp-block{
    width: 4px;
    height: 56px;
    background: #5d6be8;
    position: absolute;
}
.lyx-ssp{
    position: relative;
}

.sys_btn_mar{
    margin-right: 10px;
}

.common_count_text{
    font-size: 14px;
    color: #333333;
    font-weight: bold;
    float: left;
    line-height: 38px;
}
.common_count_text > span{
    color: #5D6BE8;
}

.sm_description_textarea_box .check_tips{
    position: relative;
    top: 13px;
}

.sm_page_main_one_title{
    font-weight: bold;
    color: #333333;
    font-size: 20px;
}
.bderror{
    border: 1px solid red !important;
}
.bd-signTable tbody tr:nth-child(odd) {
    background-color: #FCFCFC;
}
.bd-signTable tbody tr:nth-child(even) {
    background-color: #F7F7F7;
}
.bd-signTable tbody tr:hover{
    background-color: #e8ecfc !important;
}
.bd-customStyle{
    width: 464px;
    height: 32px;
    color: #5d6be8;
    background: #ffffff;
    border: 1px dashed #5d6be8;
    border-radius: 2px;
    /*display: block;*/
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.layui-inlineImgs a{
    cursor: pointer;
}
.layui-inlineImgs a:hover{
    color: #5d6be8 !important;
}
.common_left_nav_not_chlide{
    line-height: 45px;
    cursor: default !important;
}

/*input placehoder 颜色*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #a6a6a6;

}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #a6a6a6;
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #a6a6a6;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #a6a6a6;
}

/*layui 单选框变复选框*/
.layui-unselect.layui-form-radio.layui-form-radioed .layui-anim.layui-icon::before{
    content: "\e605";
    background-color: #5D6BE8;
    border: 1px solid transparent;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    font-size: 13px;
    color: #FFFFFF;
    padding: 2px;
    position: relative;
    left: 1px;
    top: 3px;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    line-height: 15px;
}

.layui-unselect.layui-form-radio .layui-anim-scaleSpring{
    animation-name: unset;
}
.layui-form-radio > i{
    font-size: 0;
}

.layui-unselect.layui-form-radio .layui-anim.layui-icon::before{
    content: "\e60";
    background-color: transparent;
    border: 1px solid #5D6BE8;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    font-size: 13px;
    padding: 2px;
    -moz-outline-radius: 2px;
    -webkit-outline-radius: 2px;
    position: relative;
    left: 1px;
    top: 3px;
    -webkit-font-smoothing: antialiased;
    color: transparent;
    display: inline-block;
    line-height: 15px;
}
/*layui 单选框变复选框*/

/* 去掉layui 开关的off和on字样 和开关的样式他调整 */
.layui-form-switch em{
   display: none;
}
.layui-form-switch i{
    width: 16px;
    height: 16px;
    top: 1px;
}
.layui-form-switch{
    width: 36px;
    box-sizing: border-box;
    height: 20px;
}
.layui-form-onswitch i{
    margin-left: -18px;
}

/* 去掉layui 开关的off和on字样 */


/* layui的下拉菜单 */
.layui-input, .layui-select, .layui-textarea{
    height: 35px;
}
/* layui的下拉菜单 */

.layui-form-radio > i {
    margin-top: 5px;
}

.layui-table .el-switch.is-checked .el-switch__core::after{
    background-color: #fff;
}
.layui-table .el-switch__core{
    width: 36px !important;
}
/*ele的checkbox*/
.el-checkbox__inner{
    width: 18px !important;
    height: 18px !important;
}
.el-checkbox__inner::after{
    position: absolute;
    top: 2px;
}
.el-checkbox__input.is-checked .el-checkbox__inner{
    background-color: #5D6BE8 !important;
    border-color: #5D6BE8 !important;
}
.el-checkbox__inner::after{
    height: 8px !important;
    left: 6px !important;
    position: absolute !important;
    top: 2px !important;
    width: 4px !important;
}
.el-checkbox__inner:hover{
    border-color: #5D6BE8 !important;
}
.el-checkbox__input.is-checked + .el-checkbox__label{
    color: #5D6BE8 !important;
}

.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner{
    background-color: #5d6be8;
    border-color: #5d6be8;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{
    top: 7px;
}
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{
    background-color: #5d6be8;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{
    transform: scale(.6);
}
/*修改 el 的单选*/
.changeElRadio{

}
.changeElRadio .el-radio__inner{
    display: none;
}
.changeElRadio .el-scrollbar ul li{
    width: auto;
}
.changeElRadio .el-select-dropdown__item.hover{
    border: none !important;

}
.changeElRadio .el-select-dropdown__item.hover span{
    width: auto !important;
    height: auto !important;
    background-color: transparent !important;
    position: static !important;
    border: none !important;
}
.changeElRadio .el-scrollbar{
    box-shadow: unset;
}
.changeElRadio .el-select-dropdown{
    border: none;
}
.changeElRadio .el-select-dropdown__wrap.el-scrollbar__wrap{
    margin: 0;
}
.changeElRadio .el-scrollbar{
    margin: 0;
}
.changeElRadio .el-icon-arrow-up:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 6px solid #c2c2c2;
    position: absolute;
    top: 14px;
    right: 6px;
}
.changeElRadio .el-select .el-input__inner {
    border-color: #e6e6e6;
    border: 1px solid #e6e6e6;
    border-radius: 1px;
    background-color: #FAFAFA;
    height: 35px;
    color: #000;
}

.changeElRadio .el-select  .el-input__inner::-webkit-input-placeholder{
    color: #000;    }
.changeElRadio .el-select  .el-input__inner::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color: #000;    }
.changeElRadio .el-select  .el-input__inner:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color: #000;    }
.changeElRadio .el-select .el-input__inner:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color: #000;    }
.changeElRadio .el-popper .popper__arrow::after{
    content: unset;
}
.changeElRadio .el-select-dropdown .popper__arrow{
    content: "";
}
.changeElRadio .el-select-dropdown__item.hover, .el-select-dropdown__item:hover{
    color: #ffffff !important;
    background-color: #5D6BE8 !important;
}
.changeElRadio .el-scrollbar{
    padding: 0;
    border: 1px solid transparent;
    border-radius: 2px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12);
}

.changeElRadio .layui-form-radio {
    line-height: 28px;
    margin: 0;
    padding-right: 0;
    cursor: pointer;
    font-size: 0;
    display: none;
}
.changeElRadio .el-radio__label{
    padding-left: 0;
}
.changeElRadio .el-radio__input.is-checked + .el-radio__label{
    color: #5D6BE8 !important;
}
.changeElRadio .el-radio__input{
    margin-right: 12px;
}

.changeElRadio .el-radio__input.is-disabled{
    cursor: no-drop;
}

.changeElRadio .el-radio__input.is-disabled::after{
    border: 1px solid #9596a1;
}

.changeElRadio .el-radio__input::after{
    content: "";
    width: 18px;
    height: 18px;
    background-color: transparent;
    border: 1px solid #5D6BE8;
    border-radius: 50%;
    box-sizing: border-box;
    font-size: 13px;
    padding: 2px;
    -moz-outline-radius: 2px;
    -webkit-outline-radius: 2px;
    position: relative;
    left: 1px;
    top: 0px;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
}

.changeElRadio .el-radio__input.is-checked::after{
    content: "";
    width: 18px;
    height: 18px;
    background-color: #5D6BE8;
    border: 1px solid transparent;
    border-radius: 50%;
    box-sizing: border-box;
    font-size: 13px;
    color: #FFFFFF;
    padding: 2px;
    position: relative;
    left: 1px;
    top: 0px;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
}

.changeElRadio .el-radio__input.is-checked::before{
    content: "";
    width: 7px;
    height: 15px;
    position: absolute;
    left: 6px;
    top: 0px;
    border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    z-index: 2;
    display: inline-block;
    transform: rotate(
            230deg
    ) scale(0.7);
}
/*修改 el 的单选*/
/*修改el联级下拉*/
.el-input input::-webkit-input-placeholder{
    color: #A6A6A6;
}
.el-input input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#A6A6A6;
}
.el-input input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#A6A6A6;
}
.el-input input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#A6A6A6;
}
.el-icon-arrow-down:before {
    content: "\e790" !important;
}
.el-cascader .el-input .el-icon-arrow-down{
    font-size: 17px !important;
}
.el-cascader .el-input__icon{
    height: 32px !important;
    line-height: 32px !important;
    position: relative;
    top: -2px;
}
.sm_xueyuan_select_box .el-cascader .el-input{
    position: relative;
    top: -1px;
}
.el-cascader .el-input__inner{
    border-radius: 2px !important;
    border: 1px solid #E6E6E6 !important;
}
/*修改el联级下拉*/

.orderList_th{
    background-color: #f7f9fc;
}
.bd-finace22 thead{
    border-top: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
}
.orderList_tr{
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
}
.bd-sfje{
    font-weight: 600;
}
.bd-payment{
    color: #FA6400;
    font-weight: 600;
}
/*修改提示最大宽*/
.el-tooltip__popper{
    max-width: 600px;
}

.operationContent{
    width: 400px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

.w-e-toolbar .w-e-menu:first-child{
    z-index: 9999999 !important;
}
.w-e-toolbar .w-e-menu:nth-child(3){
    z-index: 9999999 !important;
}
.w-e-toolbar .w-e-menu:nth-child(4){
    z-index: 9999999 !important;
}
.w-e-text-container a[target="_blank"]{
    text-decoration: underline;
    color: blue;
}

.bd-zffsBox44{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}
.bd-zffsBox44 img{
    margin-right: 5px;
}
.bd-whiteListTableBox{
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
    /*height: 335px;*/
    overflow-y: auto;
}

/*上传课件相关*/
.sm_up_courseware_box{
    width: 100%;
    height: 100%;
}
.befroe_upload_rotation_text_s{
    color: #A6A6A6;
    font-size: 12px;
}
.sm_live_up_img_i_box{
    user-select: none;
    width: 474px;
    height: 310px;
    margin-bottom: 10px;
    position: relative;
}
.sm_live_up_img_i{
    width: 100%;
    height: 100%;
    display: block;
}
.sm_live_up_img_i_num{
    height: 24px;
    background: #fa6400;
    border-radius: 12px 0px 0px 12px;
    position: absolute;
    right: 0;
    top: 20px;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    padding: 0 10px;
    line-height: 24px;
}
.sm_live_up_img_i_del_bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 36px;
    height: 36px;
    border-bottom-right-radius: 30px;
    background: rgba(0,0,0,0.6);
    cursor: pointer;
}
.sm_live_up_img_i_del{
    display: block;
    margin-top: 7px;
    margin-left: 8px;
}
/*上传课件相关*/

.sm_common_phone_nav{
    width: 307px;
    position: absolute;
    top: 13px;
    left: 26px;
}

.sm_student_list_avt{
    width: 35px;
    height: 35px;
    float: left;
    border-radius: 50%;
}

.sm_student_list_avt_box{
    display: inline-block;
    width: 26px;
    height: 26px;
    float: left;
    position: relative;
}

.sm_student_list_sex{
    position: absolute;
    width: 10px;
    height: 10px;
    bottom: -2px;
    right: -3px;
}

.sm_student_list_avt_head_box{
    width: 35px;
    height: 35px;
    line-height: 35px;
    background-color: rgb(93, 107, 232);
    margin: 0px auto;
    border-radius: 100%;
    color: white;
    font-size: 12px;
    box-sizing: border-box;
    text-align: center;
}

/* 消费总览样式 */
.sm_consum_order_num{
    width: 300px;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    line-height: 16px;
    float: left;
}
.sm_consum_order_data{
    width: 179px;
    font-size: 12px;
    color: #8c8c8c;
    float: left;
}
.sm_consum_order_title{
    margin-top: 30px;
}
.sm_consum_order_stu_avt{
    width: 36px;
    height: 36px;
    border-radius: 50%;
    flex-shrink: 0;
}
.sm_consum_order_stu_avt_box{
    width: 36px;
    height: 36px;
    background-color: rgb(93, 107, 232);
    border-radius: 100%;
    color: white;
    font-size: 12px;
    line-height: 36px;
    box-sizing: border-box;
    display: inline-block;
    flex-shrink: 0;
}
.sm_consum_tabel{
    font-size: 12px;
    text-align: center;
}
.sm_consum_order_p{
    line-height: 24px;
    color: #595959;
}

.sm_consum_order_sp{
    width: 32%;
    text-align: left;
    display: inline-block;
}

.sm_consum_order_sp_2{
    width: 49%;
    text-align: center;
    display: inline-block;
}

.sm_consum_order_stu_name{
    margin-left: 10px;
}

.sm_consum_tabel{
    border: 1px solid #d9d9d9;
}

.sm_consum_tabel th:not(:last-child){
    border-right: 1px solid #e8e8e8 !important;
}

.sm_consum_tabel td:not(:last-child){
    border-right: 1px solid #e8e8e8 !important;
}
.sm_consum_order_p_b_l{
    text-align: left;
}
.sm_consum_order_sp_l{
    float: left;
    width: 76px;
    text-align: left;
}
.sm_consum_order_sp_r{
    float: left;
    width: calc(100% - 76px);
}
.sm_consum_order_sp_d{
    text-align: left;
}

.sm_consum_tabel_bm tbody tr:not(:first-child){
    border-top: 1px solid #e8e8e8;
}

.layui-form-selected dl::-webkit-scrollbar {
    width: 4px;
}

.layui-form-selected dl::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2);
}

.layui-form-selected dl::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: rgba(0, 0, 0, 0.1);
}

/* 消费总览样式 */


/* 办理打印凭证开始 */
.sm_print_area{
    padding: 0 25px;
}

.sm_print_area_title{
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    margin-top: 50px;
}

.sm_print_area_sub_title{
    font-size: 28px;
    margin-top: 8px;
    text-align: center;
}

.sm_print_table{
    width: 100%;
    border: 1px solid #000000;
    margin-top: 5px;
}

.sm_print_area_stu_t{
    font-size: 16px;
    font-weight: bold;
    float: left;
}

.sm_print_area_stu_table{
    float: left;
    font-weight: bold;
}

.sm_print_area_stu_name{
    font-weight: 400;
}

.sm_print_table td{
    border: 1px solid #000000;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    color: #000000;
}

.sm_print_table tr{
    border: 2px solid #000000;
}

.sm_print_table table{
    border: 1px solid #000000;
}

.sm_print_table th{
    border: 1px solid #000000;
    padding-left: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.sm_print_table th > span{
    color: #000000;
    font-weight: bold;
}

.sm_print_table tbody{
    text-align: center;
}

.sm_print_table thead{
    text-align: left;
}

.sm_print_table tbody tr:not(:first-child){
    color: #5a5a5a;
}

.sm_print_frist_tr{
    font-weight: bold;
}

.sm_print_settlement{
    font-size: 24px;
    font-weight: bold;
    margin-top: 20px;
}

.sm_print_settlement_r{
    font-size: 20px;
    margin-top: 20px;
    margin-top: 14px;
}
/* 办理打印凭证结束 */

/* 去掉layui的按钮交互效果 */
.layui-btn, .layui-input, .layui-select, .layui-textarea, .layui-upload-button{
     transition: unset !important;
     -webkit-transition: unset !important;
}
.layui-textarea{
    color: #333333!important;
}
.sm_consum_stu_name_and_avt{
    display: flex;
    justify-content: center;
    align-items: center;
}
.bd-red-wran{
    margin-top: 5px;
    color: #f00;
    height: 20px;
}
.grayBtnStyle{
    background-color: grey !important;
    border: 1px solid gray !important;
}

/* element ui 开关激活颜色 */
.is-checked .el-switch__core:after {
    background-color: white;
}

/*  2021年3月12日 15:12:32 图片上传的样式  */
.common_clip_area_bg{
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.common_clip_area{
    width: 900px;
    height: 600px;
    background-color: #FFFFFF;
    overflow: hidden;
    border-radius: 4px;
    position: relative;
}

.common_clip_area_btn_list{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
}

.common_clip_area_i{
    width: 858px;
    height: 519px;
    margin: 0 auto;
    margin-top: 20px;
}

/*  2021年3月12日 15:12:32 图片上传的样式  */


.bd-purchase-list{
    margin-top: 10px;
    padding-bottom: 90px;
    overflow-y: auto;
    height: calc(100vh - 335px);
    /*background-color: red;*/
}
.bd-purchase-list-item{
    height: 60px;
    border-bottom: 1px solid #f0f0f0;
}
.bd-purchase-list-head img{
    width: 44px;
    height: 44px;
    border-radius: 100%;
    margin-right: 10px;
}
.bd-purchase-name h3{
    font-weight: 500;
    padding-bottom: 5px;
    font-size: 14px;
}
.bd-purchase-name p{
    color: #8C8C8C;
    font-size: 14px;
}
.bd-purchase-handler-l{
    margin-right: 15px;
}
.bd-purchase-handler-l span{
    color: #5D6BE8;
}
.bd-purchase-handler-r{
    position: relative;
    /*background-color: red;*/
    height: 60px;
}
.bd-purchase-handler-r:hover .bd-purchase-handler-imgborder{
    display: block;
}
.bd-purchase-handler-imgborder{
    width: 100px;
    height: 100px;
    border: 1px solid #e6e6e6;
    display: none;
    position: absolute;
    top: 55px;
    left: 0;
    z-index: 9;
}
.bd-purchase-handler-r img{
    width: 100%;
    height: 100%;
    border: 1px solid white;
}
.bd-scrollDown-tips-style{
    text-align: center;
    height: 80px;
    line-height: 80px;
    color: #8C8C8C;
}
.bd-scrollDownOver-tips-style{
    text-align: center;
    height: 80px;
    line-height: 80px;
    color: #8C8C8C;
}
.bd-purchase-nodata{
    height: 150px;
    text-align: center;
    flex-direction: column;
    box-sizing: border-box;
    padding-top: 20px;
}
.bd-purchase-nodata img{
    margin-bottom: 15px;
}
.bd-purchase-nodata p{
    color: #8C8C8C;
    text-align: center;
    margin-bottom: 22px;
}
.bd-audition-head{
    height: 110px;
}
.bd-audition-head-item{
    text-align: center;
}
.bd-audition-finish{
    width: 36px;
    height: 36px;
    background: #dfdfdf;
    border-radius: 100%;
    color: white;
    font-weight: 600;
    font-size: 18px;
    line-height: 36px;
}
.bd-audition-stepIng{
    width: 36px;
    height: 36px;
    background-color: #5D6BE8;
    color: white;
    border-radius: 100%;
    line-height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bd-audition-stepIng img{
    width: 20px;
    height: 20px;
}
.bd-audition-head-line{
    width: 100px;
    height: 1px;
    border-top: 1px solid #E6E9ED;
    position: relative;
    top: -15px;
}
.bd-audition-head-item-top{
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}
.bd-audition-head-item-bottom{
    font-size: 14px;
    font-weight: 600;
}
.bd-audition-box{
    height: 60px;
    border-bottom: 1px solid #f0f0f0;
}

.bd-insertClassBox-item{
    height: 60px;
    border-bottom: 1px solid #f0f0f0;
}
.bd-insertClassBox-item-l p{
    color: #8C8C8C;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    width: 250px;
}
.bd-insertClassBox{
    height: calc(100vh - 250px);
    overflow-y: auto;
    box-sizing: border-box;
    padding-right: 5px;
}

.bd-insertClassBox::-webkit-scrollbar {
    width: 4px;
}

.bd-insertClassBox::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2);
}

.bd-insertClassBox::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: rgba(0, 0, 0, 0.1);
}
.bd-purchase-list{
    box-sizing: border-box;
    padding-right: 5px;
}

.bd-purchase-list::-webkit-scrollbar {
    width: 4px;
}

.bd-purchase-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2);
}

.bd-purchase-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: rgba(0, 0, 0, 0.1);
}
.bd-orderNumColor{
    color: #5D6BE8;
}
.bd-lessonOrderTitle{
    padding-top: 20px;
    padding-left: 20px;
}
.warn-greenPoint{
    display: inline-block;
    width: 5px;
    height: 5px;
    opacity: 1;
    background: #2cff00;
    border-radius: 50%;

}
.warn-whitePoint{
    display: inline-block;
    width: 5px;
    height: 5px;
    opacity: 1;
    background: transparent;
    border-radius: 50%;
}

.sm_order_remarks_input{
    width: 1017px;
    display: inline;
    height: 34px;
}

.sm_perview_remark{
    line-height: 33px;
    font-size: 14px;
    margin-right: 10px;
}
.order-Code-wx{
    height: 32px;
    width: 200px;
    border-radius: 16px;
    background-color: #0cc25c;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 30px;
    left: 32px;

}
.order-Code-wx img{
    width: 15px;
    height: auto;
    margin-right: 5px;
}

.orderCode-poster{
    display: flex;
    box-sizing: border-box;
    padding: 30px;
}
.orderCode-poster-left{
    width: 265px;
    height: 480px;
    margin-right: 30px;
    margin-left: 20px;
    position: relative;
}
.orderCode-poster-left .image1{
    position: absolute;
    top: 12px;
    left: 14px;
    width: 236px;
}
.orderCode-poster-left .image2{
    width: 265px;
    height: 480px;
    position: absolute;
    left: 0;
    top: 0;
}
.orderCode-poster-left .image3{
    width: 229px;
    height: 403px;
    position: absolute;
    top: 65px;
    left: 18px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
}
.orderCode-poster-phone-head{
    width: 237px;
    height: 56px;
    position: absolute;
    top: 9px;
    left: 14px;
}
.orderCode-poster-phone-head img{
    position: absolute;
    right: 11px;
    top: 27px;
    height: 20px;
}

.bd-lessonWarn{
    position: relative;
}
.bd-lessonWarn input{
    width: 80px;
    margin-right: 10px;
    margin-left: 10px;
}
.bd-lessonWarn small{
    position: absolute;
    right: 15px;
    top: 9px;
}
.bd-stuDeta-lineHeight{
    margin-bottom: 5px !important;
}
.bd-stuDeta-lineHeight .layui-input-block span{
    line-height: 38px;
    display: inline-block;
}

.bd-stuDeta-classAgain{
    display: flex;
    flex-grow: 3;
}
.bd-stuDeta-classAgain input{
    flex-grow: 2;
}
.bd-stuDeta-classAgain button{
    flex-grow: 1;
    position: relative;
    top: 1px;
    margin-left: 10px;
}

.sm_blue_bg_btn{
    background: #f0f1ff;
    border-radius: 3px;
    font-size: 14px;
    text-align: center;
    color: #5d6be8;
    line-height: 33px;
    height: 33px;
    padding: 0px 15px;
}

.common_scroll::-webkit-scrollbar-track-piece { /*滚动条凹槽的颜色，还可以设置边框属性*/
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: rgba(0, 0, 0, 0.1);
}

.common_scroll::-webkit-scrollbar { /*滚动条的宽度*/
    width: 4px;
    height: 9px;
}

.common_scroll::-webkit-scrollbar-thumb { /*滚动条的设置*/
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2);
}

.bd-stu-tag-del{
    position: relative;
}
.bd-stu-tag-del img{
    position: absolute;
    right: -10px;
    top: -5px;
    cursor: pointer;
    display: none;
    z-index: 9;
}
.bd-stu-tag-del:hover img{
    display: block;
}
.bd-new-orderType-color{
    color: #5D6BE8;
    font-weight: 600;
}

/* 打印窗口样式 */
@page {
    margin-left: 12px !important;
    margin-right: 12px !important;
    margin-top: 12px !important;
    margin-bottom: 12px !important;
}
/* 打印窗口样式 */

/* element UI table 样式 */
.el-table td, .el-table th.is-leaf{
    border-bottom: none!important;
}

.el-table__header th{
    background-color: #F7F7F7!important;
}

.el-table__body .el-table__row:nth-child(ood){
    background-color: #FCFCFC!important;
}

.el-table__body .el-table__row:nth-child(ood){
    background-color: #F7F7F7!important;
}

/*.el-table__body .el-table__row:hover{*/
/*    background-color: #e8ecfc;*/
/*}*/

.el-table thead {
    color: #333!important;
    font-weight: 600!important;
}

.el-table__header th:nth-child(1){
    padding-left: 50px!important;
}

.el-table__body tr td:nth-child(1) .cell{
    padding-left: 50px!important;
}

.el-table__fixed::before{
    content: none !important;
}

.el-table__fixed-right::before{
    content: none !important;
}

.el-table::before{
    content: none!important;
}
/* element UI table 样式 */

.lyx-sp-gray{
    opacity: 1;
    font-size: 14px;
    color: #8c8c8c;
    line-height: 24px;
}
.lyx-sp-red{
    opacity: 1;
    font-size: 14px;
    color: #FF4040;
    line-height: 18px;
}
.lyx-sp-blue{
    opacity: 1;
    font-size: 14px;
    color: #5D6BE8;
    line-height: 18px;
}

/* 班级选择弹窗的列表选中颜色 */
.sm_acitvity_choose_item{
    background-color: #909aed !important;
}

#saleTeacher_list{
    height: 390px;
    overflow-y: auto;
}
#saleTeacher_list::-webkit-scrollbar {
    width: 4px;
}

#saleTeacher_list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2);
}

#saleTeacher_list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: rgba(0, 0, 0, 0.1);
}

.layui-nav {
    background-color: transparent;
    padding: 0;
}

.layui-nav-child {
    display: none;
    position: absolute;
    left: 0;
    top: 55px;
    min-width: 100%;
    line-height: 36px;
    padding: 5px 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12);
    border: 1px solid #d2d2d2;
    background-color: #fff;
    z-index: 100;
    border-radius: 2px;
    white-space: nowrap;
}
.nav-list dl dd{
    display: none;
}
.nav-list dl dt a{
    cursor: pointer;
}
.el-drawer__body{
    overflow-y: auto;
}
.el-drawer__body::-webkit-scrollbar {
    width: 4px;
}

.el-drawer__body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2);
}

.el-drawer__body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: rgba(0, 0, 0, 0.1);
}

.sm_lay_bg::-webkit-scrollbar {
    width: 4px;
}

.sm_lay_bg::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2);
}

.sm_lay_bg::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: rgba(0, 0, 0, 0.1);
}

.sm_toggle_school_area_list_box{
    max-height: 250px;
    overflow: auto;
    margin-top: 20px;
}

.sm_toggle_school_area_box{
    padding: 20px 20px 0 20px;
}

.sm_toggle_serch_box{
    float: left;
}

.sm_toggle_serch{
    width: 210px;
    height: 32px;
    box-sizing: border-box;
    outline: none;
    margin-right: -5px;
    border: 1px solid #efefef;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    padding-left: 10px;
}

.sm_toggle_serch:focus{
    border: 1px solid #5D6BE8;
}

.sm_select_serch_img{
    margin-top: 9px;
    margin-left: 13px;
}

.sm_toggle_school_area_item{
    background-color: #FCFCFC;
    height: 52px;
    font-size: 14px;
}

.sm_toggle_school_area_item:nth-child(odd){
    background-color: #F7F7F7;
}

.sm_toggle_school_area_text{
    line-height: 50px;
    margin-left: 46px;
}

.sm_toggle_school_checkbox_box{
    position: relative;
    float: right;
    margin-top: 6px;
}

.leftNavi{
    width: 180px;
    height: 100%;
    position: fixed;
    top: 55px;
    left: 0;
    background-color: #343E73;
    overflow-y: auto;
}
.leftNavi::-webkit-scrollbar {
    width: 4px;
}

.leftNavi::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2);
}

.leftNavi::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: rgba(0, 0, 0, 0.1);
}

.common_nav_icon{
    width: 16px;
}

.common_tow_nav_icon{
    margin-right: 10px;
    width: 16px;
    height: 16px;
}

.common_tow_nav{
    color: #3a3a3a !important;
    font-size: 14px;
    font-weight: 600;
    padding-left: 30px !important;
    box-sizing: border-box;
    width: 208px;
    height: 45px !important;
    line-height: 45px !important;
}

.common_tow_nav:hover{
    box-sizing: border-box !important;
    width: 208px !important;
    background-color: #E6E9FF !important;
}

.common_tow_nav_box{
    width: 208px;
}

.common_nav_active{
    background-color: #E6E9FF;
}

.leftNavi .cy_lay_bg .common_nav_active:hover{
    background-color: #E6E9FF !important;
}


/*顶部导航样式*/
.sm_top_user_info_box {
    display: inline;
    width: 100%;
}

.sm_top_user_info_ctn {
    float: right;
    position: unset !important;
}

.sm_top_user_info_item {
    line-height: 35px;
}

.sm_top_user_info_item_box {
    height: 55px;
    padding-right: 33px;
    cursor: pointer;
}

.sm_top_user_info_avt {
    width: 30px !important;
    height: 30px;
    border-radius: 50%;
    float: left;
    margin-top: 12px;
}

.sm_top_user_info_name_box {
    float: left;
    margin-top: 8px;
    margin-left: 12px;
}

.sm_top_user_info_name {
    line-height: 20px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    max-width: 110px;
}

.sm_top_user_info_school {
    line-height: 20px;
    font-size: 12px;
    color: #B3B3B3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    max-width: 110px;
}

/*2.6.2*/
.lyx-top-i {
    width: 10px;
    height: 10px;
    margin: 10px;
}

#feedBackContent {
    line-height: 20px;
    font-size: 12px;
    color: #B3B3B3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

#feedBackNum {
    position: absolute;
    bottom: 8px;
    right: 13px;
    z-index: 10;
    user-select: none;
    color: #8d8d8d;
}
#feedBackContent::-webkit-scrollbar {/*滚动条整体样式*/
    width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 5px;
    opacity: 0;
}
#feedBackContent::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 1px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.2);
}
#feedBackContent::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(0,0,0,0.2);
}

.layui-nav .layui-nav-child a:hover {
    background-color: #5D6BE8;
    color: white;
}

#common_top_nav_box > li > a {
    padding: 0 !important;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
}

#common_top_nav_box > li > a:hover {
    color: rgb(255, 255, 255);
}

#common_top_nav_box .layui-nav-bar {
    background-color: #ffffff !important;
    max-height: 3px !important;
    top: 0px !important;
}

#common_top_nav_box > li.active a {
    color: rgb(255, 255, 255) !important;
    position: relative;
}

.h-nav ul li.active:after {
    height: 3px;
}

#common_top_nav_box .layui-this:after {
    background-color: transparent !important;
}

.lyx-icon-i {
    display: flex;
    align-items: center;
    margin: 8px 20px;
}

.lyx-icon-i img {
    width: 15px;
    margin-right: 10px;
}

.lyx-icon-p1 {
    opacity: 1;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    color: #ffffff;
    line-height: 19px;
}
.layui-nav-item img{
    margin-left: -5px;
}
/*顶部导航样式*/

/* 左侧导航样式 */
#comm_left_nav_box .layui-this, #comm_left_nav_box .layui-nav .layui-this a{
    background-color: transparent !important;
}
.lyx-content .layui-nav-more{
    display: none;
}

#comm_left_nav_box > li.layui-nav-item.layui-this{
    background-color: transparent !important;
}

#comm_left_nav_box > li > dl > dd > a:focus{
    background-color: #3E3D4D;
}
#comm_left_nav_box > li > dl > dd > a:active{
    background-color: rgb(82 81 95) !important;
}
#comm_left_nav_box > li > dl > dd > a:visited{
    background-color: #3E3D4D;
}

#comm_left_nav_box > li > a > img{
    vertical-align: -1px;
    margin-right: 8px;
    width: 12px;
}

#comm_left_nav_box > li > dl > dd > a{
    line-height: 56px;
    height: 56px;
    color: #ffffff;
    width: 204px;
    padding-left: 58px;
}

#comm_left_nav_box > li > dl > dd > a:hover{
    background: rgba(255,255,255,0.1);
}

#comm_left_nav_box > li.layui-nav-item.layui-nav-itemed > dl{
    background-color: #3E3D4D;
}

#comm_left_nav_box > li{
    cursor: pointer;
}
#comm_left_nav_box > span{
    width: 4px !important;
}

#comm_left_nav_box .lyx-c-left{
    background-color: rgba(255,255,255,0.1) !important;
}
#comm_left_nav_box > li.common_left_nav_chlide{
    color: #ffffff;
    height: 56px;
}
#comm_left_nav_box > li.common_left_nav_chlide > a{
    color: rgba(255,255,255,0.7);
    height: 56px;
    line-height: 56px;
    padding-left: 38px;
}
#comm_left_nav_box > li.common_left_nav_not_chlide > a{
    height: 44px !important;
    font-size: 12px !important;
    color: rgba(255,255,255,0.4) !important;
    padding-left: 24px;
    pointer-events: none;
}
#comm_left_nav_box > li.common_left_nav_chlide > a:hover{
    color: rgb(255,255,255);
}

#comm_left_nav_box > li> a.lyx-c-left{
    color: rgb(255,255,255);
}

#comm_left_nav_box.layui-nav-tree .layui-nav-item a:hover {
    background-color: rgba(255,255,255,0.1) !important;
}
#comm_left_nav_box.layui-nav-tree{
    width: 180px;
}
/* 左侧导航样式 */

.layui-form-item{
    position: relative;
}
.el-cascader .el-input .el-input__inner{
    color: #444;
}
.el-cascader .el-input .el-input__inner::-webkit-input-placeholder{
    color: #a6a6a6;
}

.el-cascader .el-input .el-input__inner::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #a6a6a6;
}

/*查看大图样式*/
.common-preview-big-img .el-image-viewer__wrapper{
    z-index: 20000001!important;
}
.common-preview-big-img .el-icon-circle-close{
    color: #ffffff;
}
.common-preview-big-img .el-image-viewer__actions__inner{
    cursor: pointer;
}
.common-preview-big-img .el-image-viewer__close{
    top: 220px;
    right: 204px;
}
.common-preview-big-img .el-image-viewer__actions{
    bottom: 160px;
}
/*查看大图样式*/

.my-skin-oneBtn .layui-layer-btn a:nth-child(1){
    background-color: #5D6BE8 !important;
    border: 1px solid #5D6BE8 !important;
    color: #fff !important;
}

.sm_common_check_work_read_card{
    width: 400px;
    height: 250px;
    background-color: #f2f5fa;
    box-shadow: 1px 1px 10px 1px rgba(100,100,100,0.2);
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    position: relative;
}

.sm_common_check_work:hover .sm_common_check_work_read_card{
    display: block;
}

.sm_common_check_work_read_card_bg{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -99px;
    margin-left: -179px;
    width: 358px;
    height: 198px;
}

.sm_common_check_work_read_card_flag{
    width: 7px;
    height: 80px;
    background-color: #c1c1c1;
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -40px;
    border-radius: 10px;
}

.sm_common_check_work_card_num{
    position: absolute;
    left: 210px;
    font-size: 15px;
    top: 35px;
    color: #000000;
}

.sm_common_check_work_tip_text{
    position: absolute;
    top: 69px;
    left: 142px;
    user-select: none;
    color: #aaa;
}

.sm_common_check_work_stu_name{
    position: absolute;
    left: 40px;
    font-size: 15px;
    top: 165px;
    color: #000000;
}

.sm_common_check_work_stu_avt_box{
    width: 60px;
    height: 60px;
    position: absolute;
    top: 45px;
    left: 45px;
}

.sm_common_check_work_stu_avt_img{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    display: none;
}

.sm_common_check_work_stu_avt_text{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #5D6BE8;
    color: #ffffff;
    text-align: center;
    line-height: 60px;
    font-size: 20px;
    display: none;
}

.sm_common_check_work_stu_phone{
    position: absolute;
    left: 40px;
    font-size: 15px;
    top: 189px;
    color: #000000;
}
/*文字超出省略*/
.common_text_limit_1{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.common_text_limit_1_s{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
}

.common_text_limit_2_s{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}

.sm_nav_top_download_icon_box{
    position: relative;
    float: left;
    margin-right: 24px;
    height: 100%;
    line-height: 52px;
}

.sm_nav_top_download_icon{
    width: 19px;
    cursor: pointer;
}

.sm_nav_top_download_un_read_state{
    position: absolute;
    background: #FF8C00;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    top: 16px;
    right: -4px;
}

.sm_nav_top_downLoad_nav{
    color: #333333;
    font-size: 14px;
    height: 50px;
    border-bottom: 1px solid #e4e4e4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
}
.sm_nav_top_downLoad_nav span{
    cursor: pointer;
}
.sm_nav_top_downLoad_nav span:first-child{
    font-weight: 600;
    color: #333;
}
.sm_nav_top_downLoad_nav span:last-child{
    color: #5D6BE8;
}
.sm_nav_top_downLoad_nav_list{
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    height: 270px;
    overflow: auto;
}

.sm_nav_top_downLoad_nav_item{
    background: #f7f9fc;
    border-radius: 2px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
    padding: 15px;
}
.sm_nav_top_downLoad_nav_item_left img{
    width: 44px;
    height: 44px;
    margin-right: 10px;
}
.sm_nav_top_downLoad_nav_item_left{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 300px;
    /*background-color: red;*/
}

.sm_nav_top_downLoad_nav_item_left_title{
    width: 240px;
}

.sm_nav_top_downLoad_nav_item_left_title div{
    font-weight: 600;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 240px;
    /*background-color: blue;*/
}
.sm_nav_top_downLoad_nav_item_left_title p{
    font-size: 12px;
    color: #8C8C8C;
}
.sm_nav_top_downLoad_nav_item_left_title p span{
    color: #5D6BE8;
}

.sm_nav_top_downLoad_nav_item_right .bd-indexBtnCommStyle{
    margin-right: 0;
}

#nav_file_list_no_data .nodataBox {
    height: 263px;
}

/*会员权限不足弹框*/

.bd-jurisdiction{
    padding: 30px;
    position: relative;
}
.bd-jurisdiction .Icon_Close{
    position: absolute;
    right: 30px;
    top: 30px;
    cursor: pointer;
}
.bd-j-smallTitle{
    color: #575F76;
    font-size: 16px;
    text-align: center;
    margin-bottom: 10px;
}
.bd-j-bigTitle{
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    color: #575f76;
    margin-bottom: 20px;
}
.bd-jurisdiction-list{
    width: 100%;
    height: 420px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    overflow-y: auto;
}
.bt_classify_name {
    margin: 5px;
    width: 140px;
    height: 100px;
    border-radius: 6px;
    background: #EDEDED;
}
.bt_classify_name_empty{
    margin: 5px;
    width: 140px;
    height: 0px;
}
.bt_classify_name-item{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.bt_classify_name-item img{
    border-radius: 50%;
    margin-bottom: 10px;
}
.bt_classify_name-item span{
    font-size: 12px;
    color: #575f76;
}

/*会员权限不足弹框*/

/* vip 按钮 */
.sm_vip_base_style_btn{
    padding-left: 12px;
    padding-right: 12px;
    line-height: 31px;
    font-size: 14px;
    color: #FFFFFF;
    border-radius: 3px;
    cursor: pointer;
    background-color: transparent !important;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
}

.sm_vip_base_style_btn::after{
    content: "";
    height: 20px;
    width: 40px;
    display: inline-block;
    margin-left: 5px;
    background-repeat: no-repeat;
    color: #ffffff;
    font-size: 12px;
    line-height: 19px;
    border-radius: 16px;
    transform: scale(0.9);
}

/* 基础版本 */
.sm_vip_icon_base_version_btn{
    color: #1CD28A;
    border-color: #1CD28A;
}
.sm_vip_icon_base_version_btn::after{
    background-image: url(../images/sm_vip_icon_base_version.svg);
}
/* 基础版本 */

/* 旗舰版本 */
.sm_vip_icon_flagship_version_btn1{
    color: #735DFB;
    border-color: #735DFB;
}
.sm_vip_icon_flagship_version_btn1::after{
    background-color: #7A6EE5;
    content: "旗舰";
}
/* 旗舰版本 */

/* 高级版本 */
.sm_vip_icon_senior_version_btn1{
    color: #F24854;
    border-color: #F24854;
}
.sm_vip_icon_senior_version_btn1::after{
    background-color: #DB6A72;
    content: "高级";
}
/* 高级版本-刷脸 */
.sm_vip_icon_senior_version_btn_face{
    color: #F24854;
    border-color: #F24854;
}
.sm_vip_icon_senior_version_btn_face::after{
    background-color: #DB6A72;
    content: "高级";
}
/* 高级版本 */

/* 标准版本 */
.sm_vip_icon_stand_version_btn1{
    color: #2F8CFF;
    border-color: #2F8CFF;
}
.sm_vip_icon_stand_version_btn1::after{
    background-color: #4E92F2;
    content: "标准";
}
/* 标准版本 -刷卡*/
.sm_vip_icon_stand_version_btn_card{
    color: #2F8CFF;
    border-color: #2F8CFF;
}
.sm_vip_icon_stand_version_btn_card::after{
    background-color: #4E92F2;
    content: "标准";
}
/* 标准版本 */

/* vip 按钮 */

/* 左侧导航的图标 */
.sm_left_nav_vip_base_style::after{
    content: "";
    margin-left: 6px;
    display: inline-block;
    margin-right: 5px;
    height: 20px;
    width: 40px;
    background-size: 100% 100%;
    font-size: 12px;
    line-height: 20px;
    border-radius: 16px;
    transform: scale(0.9);
    text-align: center;
    color: #ffffff;
}
/* 左侧导航的图标 */

/* 基础版本 */
.sm_left_nav_vip_icon_base_version::after{
    background-image: url(../images/sm_vip_icon_base_version.svg);
}
/* 基础版本 */

/* 旗舰版本 */
.sm_left_nav_vip_icon_flagship_version1::after{
    background-color: #7A6EE5;
    content: "旗舰";
}
/* 旗舰版本 */

/* 高级版本 */
.sm_left_nav_vip_icon_senior_version1::after{
    background-color: #DB6A72;
    content: "高级";
}
/* 高级版本 */

/* 标准版本 */
.sm_left_nav_vip_icon_stand_version1::after{
    background-color: #4E92F2;
    content: "标准";
}
/* 标准版本 */

/* 基础版本 */
.sm_nav_tab_vip_base{
    color: #1CD28A;
}
.sm_nav_tab_vip_base::after{
    content: "";
    margin-left: 6px;
    display: inline-block;
    margin-right: 5px;
    height: 11px;
    width: 13px;
    background-size: 100% 100%;
    background-image: url(../images/sm_vip_icon_base_version.svg);
}
/* 基础版本 */

/* 旗舰版本 */
.sm_nav_tab_vip_flagship1{
    color: #735dfb;
}
.sm_nav_tab_vip_flagship1::after{
    content: "旗舰";
    margin-left: 6px;
    background-size: 100% 100%;
    display: inline-block;
    margin-right: 5px;
    height: 20px;
    width: 40px;
    font-size: 12px;
    line-height: 20px;
    border-radius: 16px;
    transform: scale(0.9);
    text-align: center;
    color: #ffffff;
    background-color: #7A6EE5;
}
/* 旗舰版本 */

/* 高级版本 */
.sm_nav_tab_vip_senior1{
    color: #f24854;
}
.sm_nav_tab_vip_senior1::after{
    content: "高级";
    margin-left: 6px;
    background-size: 100% 100%;
    display: inline-block;
    margin-right: 5px;
    height: 20px;
    width: 40px;
    font-size: 12px;
    line-height: 20px;
    border-radius: 16px;
    transform: scale(0.9);
    text-align: center;
    color: #ffffff;
    background-color: #DB6A72;
}
/* 高级版本 */

/* 标准版本 */
.sm_nav_tab_vip_stand1{
    color: #2f8cff;
}
.sm_nav_tab_vip_stand1::after{
    content: "";
    margin-left: 6px;
    display: inline-block;
    margin-right: 5px;
    height: 11px;
    width: 13px;
    background-size: 100% 100%;
    background-image: url(../images/sm_vip_icon_stand_version.svg.svg);
}
/* 标准版本 */


/* vip tab */

.el-switch .layui-form-checkbox{
    display: none;
}

.layui-nav-item a{
    width:85px;
}


.layui-nav-item img{
    width:16px;
}

.layui-nav-item{
    min-width:85px;
}
.sm_common_right_box{
    position: absolute;
    top: 0;
    right: 25px;
}


/* 左侧考勤按钮样式 */
.no_before_el::before{
    content: none;
}
.sm_left_special_btn_box{
    position: fixed;
    bottom: 30px;
    left: 10px;
}

.sm_left_special_btn{
    width: 160px;
    height: 48px;
    background: rgba(255,255,255,0.2);
    color: #ffffff;
    display: block !important;
    font-size: 14px;
    line-height: 48px;
}

.sm_left_special_btn:after{
    content: none;
}

.sm_left_special_btn:hover{
    background: rgba(255,255,255,0.1);
}

.sm_left_special_btn:first-child{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.sm_left_special_btn:last-child{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.sm_left_special_line{
    position: absolute;
    width: 50px;
    height: 1px;
    background: rgba(255,255,255,0.4);
    top: 48px;
    left: 50%;
    margin-left: -25px;
}

.sm_left_special_btn_icon_1{
    background-color: #4E92F2;
    height: 20px;
    width: 40px;
    display: inline-block;
    margin-left: 5px;
    background-repeat: no-repeat;
    color: #ffffff;
    font-size: 12px;
    line-height: 19px;
    border-radius: 16px;
    transform: scale(0.9);
}

.sm_left_special_btn_icon_2{
    background-color: #DB6A72;
    height: 20px;
    width: 40px;
    display: inline-block;
    margin-left: 5px;
    background-repeat: no-repeat;
    color: #ffffff;
    font-size: 12px;
    line-height: 19px;
    border-radius: 16px;
    transform: scale(0.9);
}


.sm_left_check_work_vip_icon_4{
    margin-right: 5px;
    vertical-align: -5px;
    width: 20px;
}

.sm_left_check_work_vip_icon_3{
    vertical-align: -10px;
    margin-right: 5px;
    width: 28px;
}


.sm_left_check_work_vip_icon_2{
    vertical-align: 0px;
    margin-right: 5px;
    width: 16px;
}

.sm_left_check_work_vip_icon_1{
    margin-right: 5px;
    vertical-align: -2px;
    width: 16px;
}
/* 考勤按钮样式 */

.bd-add-RecordFrom .sm_student_record_input{
    height: 110px !important;
}
.bd-add-RecordFrom #font_num{
    top: 104px !important;
}

.layui-laydate .layui-laydate-main{
    width: 271px;
}
.clue_setting::before{
    content: " ";
    display: inline-block;
    height: 10px;
    width: 10px;
    margin-right: 5px;
    background: url(/assets/images/bd-sxsz2.6.6.svg) no-repeat;
    background-size: 100%;
}
.important_hide{
    display: none !important;
}

.sm_disabled_mask{
    z-index: 20;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    cursor: no-drop;
}

.sm_disabled_mask_box{
    position: relative;
}


.sm_swipe_area{
    box-sizing: border-box;
    padding: 24px;
    padding-bottom: 0;
}

.sm_swipe_area .layui-input-block{
    margin-left: 95px;
}

.sm_swipe_area .sm_special_layui_input{
    width: 180px;
    height: 33px;
}

.sm_swipe_area .sm_special_layui_input_2,.sm_swipe_area .sm_special_layui_input_2:hover, .sm_swipe_area .sm_special_layui_input_2:focus{
    background: #fafafa !important;
    border-color: #fafafa !important;
}

.sm_swipe_area_item_text{
    line-height: 35px;
}

#swipe_area .layui-form-item:last-child{
    margin-bottom: 0;
}

#select_vip_card_area .layui-form-item:last-child{
    margin-bottom: 0;
}

.sm_select_vip_card_area{
    padding: 24px;
    padding-bottom: 0;
}

#open_vip_pay_by_qr{
    position: relative;
}

#vip_pay_by_qr_box{
    position: absolute;
    width: 160px;
    height: 160px;
    background-color: #ffffff;
    border-radius: 4px;
    top: -222px;
    left: 0;
    display: none;
    box-sizing: border-box;
    padding: 5px;
}

#vip_pay_by_qr_box > img {
    width: 100%;
    height: 100%;
}

#open_vip_pay_by_qr:hover #vip_pay_by_qr_box{
    display: block;
}

.el-tooltip__popper{
    z-index: 99999999 !important;
}

.sm_special_layui_number_change_icon{
    width: 15px;
    margin-left: 7px;
}

.sm_number_input_change_btn{
    position: absolute;
    width: 30px;
    height: 17px;
    right: 26px;
    box-sizing: border-box;
    border-left: 1px solid #e6e6e6;
    cursor: pointer;
    user-select: none;
    text-align: left;
}

.sm_number_input_change_btn:nth-child(1){
    top: 0;
    border-bottom: 1px solid #e6e6e6;
}

.sm_number_input_change_btn:nth-child(2){
    bottom: 0;
    border-top: 1px solid #e6e6e6;
}

.sm_clear_pseudo_class:hover{
    border-color: #e6e6e6 !important;
}

.layui-input-block .sm_clear_pseudo_class:focus{
    border-color: #e6e6e6 !important;
}

.sm_number_input_change_btn_box .sm_clear_pseudo_class:focus{
    border-color: #e6e6e6 !important;
}
















.sm_setting_signup_area{
    box-sizing: border-box;
    padding: 24px;
    padding-bottom: 0;
}

.sm_setting_signup_area .layui-form-item{
    margin-bottom: 0;
}

.sm_setting_signup_area .layui-input-block .el-switch{
    margin-top: 9px;
}

.sm_setting_signup_area .layui-input-block .el-radio{
    margin-top: 10px;
    margin-right: 0px;
}

.sm_setting_signup_area_tip_text{
    font-size: 14px;
    color: #aaaaaa;
    position: relative;
    top: 6px;
    left: 12px;
}

.sm_setting_signup_area_tip_text_2{
    font-size: 14px;
    color: #333333;
}

.sm_setting_signup_area_tip_img{
    height: 15px;
    vertical-align: text-bottom;
}

.sm_layer_box{
    display: none;
    box-sizing: border-box;
    padding: 24px;
    padding-bottom: 0;
}

.sm_main_font_color{
    color: #5D6BE8;
}

.min_no_data_box > .nodataBox{
    height: 176px;
}
.el-select-dropdown .el-scrollbar{
    margin: 0px 0 !important;
    padding: 0px 0 !important;
}

.fix_el_radio_box{
    padding-top: 8px;
    box-sizing: border-box;
}

.hide_common_page_limits .layui-laypage-limits{
    display: none;
}