[v-cloak]{
    display:none
}
/* 背景颜色 */
.ud-bg-blue{
    background-color: #406CDE!important;
}
.ud-bg-yellow{
    background-color: #f6cc44!important;
}
.ud-bg-green{
    background-color: #5dba80!important;
}
/* 颜色 */
.ud-color-green{
    color: #5FC9A5!important;
}
.ud-color-blue{
    color: #406CDE!important;
}
.ud-color-orange{
    color: #FFAA00!important;
}
.ud-color-red{
    color: #EA4335!important;
}
.ud-color-lightgray{
    color: #ccc!important;
}
/* 个人中心  */
.ud-basic-form{
    /*padding: 0 15px;*/
}
.ud-basic-form .layui-col-space100{
    margin: 0 -50px;
}
.ud-basic-form .layui-col-space100>* {
    padding: 0 50px!important;
}
/*.ud-basic-form [class^=layui-col-]{*/
/*    padding: 0 15px;*/
/*}*/
.ud-basic-form .ud-form-text{
    line-height: 38px;
}
.ud-basic-form .layui-form-label.label-required:after {
    content: "*";
    color: #EA4335;
    position: absolute;
    top: 3px;
    margin-left: 3px;
    line-height: 20px;
}
.ud-basic-form .layui-input-block{
    margin-left: 152px;
}
.ud-basic-form .ud-form-btn{
    min-width: 120px;
}
.ud-basic-form .layui-form-select dl dd.layui-this{
    background-color: #406CDE;
}
/*.ud-basic-form .layui-form-checked[lay-skin=primary] i{*/
/*    border-color: #406CDE!important;*/
/*    background-color: #406CDE;*/
/*}*/
/*.ud-basic-form .layui-form-checkbox[lay-skin=primary]:hover i{*/
/*    border-color: #406CDE*/
/*}*/
.ud-basic-form .layui-form-radio:hover *, .ud-basic-form .layui-form-radioed, .ud-basic-form .layui-form-radioed>i {
    color: #333;
}
.ud-basic-form .layui-form-radio {
    /*margin-top: 9px*/
}
.ud-basic-form .layui-form-radio i {
    width: 20px;
    height: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 50%;
    font-size: 0;
    position: relative;
}
.ud-basic-form .layui-form-radioed i {
    /*border-color: #406CDE;*/
    /*background-color: #406CDE;*/
}
.ud-basic-form .layui-form-radioed i:before{
    width: 12px;
    height: 12px;
    background-color: #406CDE;
    border-radius: 50%;
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -6px;
    top: 50%;
    margin-top: -6px;
}
.ud-basic-form .layui-form-item{
    margin-bottom: 14px;
}
.ud-basic-form .layui-form-item .item-cell{
    display:-webkit-flex;
    display:flex;
}
.ud-basic-form .layui-form-item .item-cell .cell{
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.ud-basic-form .layui-form-item .item-cell .cell:last-child:not(:first-child){
    padding-left: 5px;
}
.ud-basic-form .btn-change {
    color: #406CDE;
    display: inline-block
}
.ud-basic-form .layui-input.layui-disabled {
    background-color: #f7f7f7;
    border-color: #ebebeb !important;
}
.ud-member-tips{
    padding: 20px 30px 0;
}
.ud-member-directions{
    font-size: 12px;
    color: #8E95A7;
}
.ud-member-directions li{
    line-height: 22px;
}
.ud-member-directions li.title{
    font-size: 15px;
    color: #333;
    margin-bottom: 12px;
    line-height: 18px;
}
.ud-basic-form .layui-input::-webkit-input-placeholder {
    color: #ccc
}
.ud-basic-form .layui-form-radio * {
    font-size: 15px;
}
/* .ud-basic-form .layui-input, .ud-basic-form .layui-select, .ud-basic-form .layui-textarea {
    background-color: #f9f9f9;
} */


.ud-basic-form .layui-input,.ud-basic-form .layui-select,.ud-basic-form .layui-textarea {
    font-size: 14px;
    border-radius: 6px;
    border-color: #DDE1EB;
}
.ud-basic-form .layui-input::-webkit-input-placeholder,.ud-basic-form .layui-select::-webkit-input-placeholder,.ud-basic-form .layui-textarea::-webkit-input-placeholder {
    color: #CFD3DF;
}
.ud-basic-form .layui-form-label {
    width: 152px;
    padding: 9px 28px 9px 0;
    box-sizing: border-box;
    font-size: 15px;
    /*text-align: left;*/
}
.ud-basic-form .layui-form-select dl dd, .ud-basic-form .layui-form-select dl dt {
    line-height: 36px;
}
.ud-basic-form .layui-form-select dl dd.layui-this {
    background-color: #406CDE!important;
}
.ud-basic-form .layui-form-select dl dd:hover {
    background-color: #EBF2FF;
}
.ud-basic-form .layui-form-select dl {
    /*top: 42px;*/
}
.ud-basic-form .layui-form-select .layui-edge{
    /*border-width: 4px;*/
    /*right: 11px;*/
    /*margin-top: -2px;*/
    width: auto;
    height: auto;
    border: 0;
    font-family: layui-icon!important;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-top: -5px;
    color: #8E95A7;
}
.ud-basic-form .layui-form-select .layui-edge:before{
    content: "\e61a";
}
.ud-basic-form .layui-form-selected .layui-edge{
    margin-top: -7px;
}
.ud-basic-form .layui-input:hover,.ud-basic-form .layui-textarea:hover {
    border-color: #406CDE!important
}

.ud-basic-form .layui-input:focus,.ud-basic-form .layui-textarea:focus {
    border-color: #406CDE!important
}

.ud-basic-form xm-select {
    min-height: 38px;
    line-height: 38px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 6px;
    border-color: #DDE1EB;
}

.ud-basic-form xm-select:hover {
    border-color: #e6e6e6
}

/*.ud-basic-form xm-select .xm-select-disabled {*/
/*    background-color: #ccc*/
/*}*/

.ud-basic-form xm-select>.xm-tips {
    color: #CFD3DF;
}

.ud-basic-form xm-select * {
    font-size: 13px
}

.ud-basic-form xm-select > .xm-body .xm-tree-icon{
    /*border-width: 4px;*/
    /*margin-right: 6px;*/
}
.ud-basic-form xm-select > .xm-body .xm-option{
    background-color: #fff!important;
}
.ud-basic-form xm-select > .xm-body .xm-option:hover{
    background-color: #EBF2FF!important;
}

.ud-basic-form xm-select .xm-body .xm-option .xm-option-icon {
    /*height: 16px;*/
    /*width: 16px;*/
    /*font-size: 16px;*/
}

.ud-basic-form xm-select > .xm-label .xm-label-block > span{
    color: #406CDE;
}

.ud-basic-form xm-select > .xm-label .xm-label-block > i{
    color: #406CDE;
}

.ud-basic-form xm-select .xm-label .xm-label-block {
    height: 24px;
    line-height: 24px;
    margin: 0 5px 0 0;
    border-radius: 3px;
    background-color: #EBF2FF!important;
}

.ud-basic-form xm-select > .xm-label .scroll .label-content {
    line-height: 18px;
    padding: 6px 10px;
}

.ud-basic-form xm-select>.xm-icon {
    /*border-width: 4px;*/
    /*margin-top: -2px;*/
    width: auto;
    height: auto;
    border: 0;
    font-family: layui-icon!important;
    font-size: 10px;
    line-height: 10px;
    font-style: normal;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-top: -4px;
    color: #8E95A7;
}
.ud-basic-form xm-select>.xm-icon:before{
    content: "\e61a";
}

.ud-basic-form xm-select>.xm-icon-expand {
    margin-top: -6px
}

.ud-basic-form xm-select .xm-input {
    /*height: 24px*/
}

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

.ud-appearance-cb .layui-form-radio{
    margin-right: 5px;
}
.ud-appearance-cb .layui-form-radio i{
    width: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 2px;
    box-sizing: content-box;
    animation: none;
    color: #fff!important;
    -webkit-transition: .1s linear;
    transition: .1s linear;
    margin-right: 10px;
}
.ud-appearance-cb .layui-form-radio:hover i {
    border-color: #406CDE;
}
.ud-appearance-cb .layui-form-radioed i{
    border-width: 1px;
    border-color: #406CDE;
    background-color: #406CDE;
    font-size: 0;
    text-align: center;
}
.ud-appearance-cb .layui-form-radioed i:before {
    content: "\e605";
    font-size: 12px;
}


/* 历史样式 */
.member-wrap {
    width: 100%;
    height: auto;
}
.member-wrap.set-padding {
    padding: 40px 0
}
.member-main {
    width: 1200px;
    height: auto;
    margin: 30px auto;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0px 1px 14px rgba(64, 108, 222, 0.11);
    position: relative;
}
.member-left {
    width: 200px;
    height: 100%;
    box-shadow: 1px 0px 3px rgba(64, 108, 222, 0.11);
    border-radius: 6px;
    position: absolute;
    left: 0;
    top: 0;
}
.member-left-hd {
    width: 100%;
    height: 70px;
    line-height: 70px;
    box-sizing: border-box;
    border-radius: 6px;
    border-bottom: 1px solid #F1F1F1;
    font-size: 15px;
}
.m-user-level {
    letter-spacing: 1px;
    text-align: center;
}
.member-nav-list {
    border-radius: 6px;
    text-align: center;
    position: relative;
    letter-spacing: 1px;
}
.member-nav-list .list-item {
    height: 38px;
    line-height: 38px;
    overflow: hidden;
    position: relative;
    z-index: 10
}
.member-nav-list .list-item.active a {
    color: #fff;
    background-color: #406CDE;
}
.member-nav-list .list-item a {
    display: block;
    color: #444444;
}
.member-nav-list .slide-bar {
    width: 100%;
    height: 38px;
    background-color: #406CDE;
    opacity: 0;
    position: absolute;
    top: 10px
}
.member-nav-list .slide-bar.active {
    opacity: 1
}
.member-right {
    padding-left: 200px;
    position: relative;
}
.member-main-bar {
    width: 100%;
    height: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 6px;
    padding: 10px 15px;
}
.member-main-bar .marks {
    float: left;
    padding: 2px 0 0;
    font-size: 18px;
    letter-spacing: 2px;
}
.member-main-bar .layui-icon {
    font-size: 20px;
    color: #406CDE;
}
.member-main-bar .marks {
    float: left;
    padding: 2px 0 0;
    font-size: 18px;
    letter-spacing: 2px;
    font-family: PingFangMedium
}

.member-main-bar .marks .icon {
    width: 25px;
    height: 25px;
    display: inline-block;
    background-image: url(/v202307181457/images/main_icons.png);
    background-repeat: no-repeat;
    vertical-align: -5px;
    margin-right: 8px
}

.member-main-bar .marks .icon-pc {
    background-position: 0 -50px
}

.member-main-bar .marks .icon-live {
    background-position: -25px -50px
}

.member-main-bar .marks .icon-offline {
    background-position: -100px -50px
}

.member-main-bar .marks .icon-comment {
    background-position: 0 -75px
}

.member-main-bar .marks .icon-test {
    background-position: -175px -50px
}

.member-main-bar .marks .icon-collect {
    background-position: -50px -50px
}

.member-main-bar .marks .icon-person {
    background-position: -150px -50px
}

.member-main-bar .marks .icon-order {
    background-position: -125px -50px
}

.member-main-bar .marks .icon-news {
    background-position: -75px -50px
}
/*.member-main-bar .marks .icon {
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px
}*/

.member-main-container {
    width: 100%;
    min-height: 800px;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 25px 30px;
}

/* 表格 */
.member-search {
    width: 170px;
    float: right
}

.member-search .m-search-box {
    border-radius: 20px;
    overflow: hidden;
    background: rgba(87, 113, 184, .4)
}

.member-search .search-input {
    width: 125px;
    height: 32px;
    line-height: 32px;
    border: 0;
    font-size: 12px;
    letter-spacing: 1px;
    background: 0 0;
    padding-left: 10px;
    color: #fff
}

.member-search .search-input::-webkit-input-placeholder {
    color: #fff
}

.member-search .search-btn {
    width: 40px;
    height: 32px;
    line-height: 32px;
    padding: 0;
    border-radius: 0;
    background: 0 0
}

.member-search .search-btn:before {
    width: 25px;
    height: 25px;
    display: inline-block;
    content: "";
    background-image: url(/v202307181457/images/main_icons.png);
    background-position: 0 0;
    margin: 3px 0 0 0
}
.ileader-table-container {
    border: 1px solid #ccc;
    border-radius: 3px;
    overflow: hidden
}

.ileader-table {
    text-align: center;
    margin: 0;
    color: #333
}

.ileader-table .color-blue {
    color: #406CDE;
    opacity: .7
}

.ileader-table thead tr {
    background-color: #e6eff0
}

.ileader-table th {
    text-align: center;
    border-top: 0;
    font-weight: 700;
    padding: 0;
    height: 44px;
    letter-spacing: 1px
}

.ileader-table th:last-child {
    border-right: 0
}

.ileader-table td {
    height: 65px;
    padding: 0;
    border-bottom: 0
}

.ileader-table td:last-child {
    border-right: 0
}

.ileader-table td,
.ileader-table th {
    border-color: #ccc
}

.ileader-table td:first-child,
.ileader-table th:first-child {
    border-left: 0
}

.ileader-table tbody tr {
    background-color: #fff !important
}

.ileader-table .layui-table-cell {
    width: 100%;
    max-height: 44px;
    height: auto;
    line-height: 22px;
    padding: 0 15px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    word-break: break-all
}

.ileader-table .btn-cell {
    color: #406CDE;
    opacity: .7
}

.ileader-table .btn-cell:hover {
    opacity: 1
}

.ileader-table .btn-cell-1 {
    width: 100px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background-color: #ccc;
    display: inline-block;
    border-radius: 20px;
    font-size: 12px;
    padding: 0
}

.ileader-table .btn-cell-1+.btn-cell-1 {
    margin-left: 15px
}

.ileader-table .js-btn-pay {
    background-color: #406CDE
}
/*分页*/
.ileader-page .layui-laypage a,
.ileader-page .layui-laypage span {
    background: 0 0;
    border-color: transparent;
    padding: 0 10px;
    border-radius: 50%;
    color: #b3b3b3;
    margin: 0 6px;
    font-size: 14px
}

.ileader-page .layui-laypage a:hover,
.ileader-page .layui-laypage span:hover {
    color: #667fc2
}

.ileader-page .layui-laypage .layui-laypage-curr {
    border: 0;
    font-weight: 700
}

.ileader-page .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #406CDE;
    top: 0;
    left: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%
}

.ileader-page .layui-laypage .layui-laypage-first {
    float: left
}

.ileader-page .layui-laypage .layui-laypage-last {
    float: right
}

.m-personal-floor {
    padding-bottom: 35px;
    letter-spacing: 1px
}

.m-personal-floor .floor-pane {
    padding-bottom: 12px
}

.m-personal-floor .floor-title {
    font-size: 18px;
    line-height: 18px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 40px
}

.m-personal-floor .layui-form-item {
    margin-bottom: 20px
}

.m-personal-floor .layui-input-inline {
    width: auto;
    float: none
}

.m-personal-floor .layui-form-radio {
    margin-top: 9px
}

.m-personal-floor .layui-form-radio i {
    width: 14px;
    height: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 50%;
    font-size: 0
}

.m-personal-floor .layui-form-radioed i {
    border-color: #406CDE;
    border-width: 2px
}

.m-personal-floor .layui-form-label {
    width: 187px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 13px 20px
}

.m-personal-floor .layui-input {
    width: 300px;
    height: 46px;
    border-color: #ebebeb;
    background-color: #f7f7f7;
    border-radius: 3px
}

.m-personal-floor .layui-input.layui-disabled {
    border-color: #ebebeb !important
}

.m-personal-floor .btn-change {
    color: #406CDE;
    display: inline-block
}

.m-personal-floor .btn-submit {
    width: 150px;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    letter-spacing: 1px
}

.m-personal-floor .extra-account {
    padding-top: 12px
}

.m-personal-floor .extra-account em {
    color: #666;
    font-style: normal
}

.m-personal-floor .extra-account .icon {
    width: 30px;
    height: 30px;
    background-image: url(/v202307181457/images/main_icons.png);
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px
}

.m-personal-floor .extra-account .icon-wx {
    background-position: -80px -110px
}
.m-personal-floor .layui-btn-normal , .bar-list .layui-btn-normal, .accountForm .layui-btn-normal{
    background-color: #406CDE;
}
.m-personal-floor xm-select {
    box-sizing: border-box;
}
.accountForm xm-select {
    box-sizing: border-box;
}
/*弹窗*/
/*.sign-box{*/
/*    padding: 30px 20px 20px;*/
/*}*/
.sign-body .layui-input::-webkit-input-placeholder {
    color: #ccc
}
.sign-body .layui-tips {
    height: 22px;
    line-height: 22px;
    color: #f26766;
    font-size: 12px
}
.sign-box {
    width: 100%;
    min-height: 300px;
    letter-spacing: 1px
}

.sign-tab {
    padding: 8px 30px 0;
    overflow: hidden;
    background-color: #f7f7f7;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.sign-tab li {
    float: left;
    text-align: center;
    margin-right: 35px
}

.sign-tab a {
    line-height: 46px;
    display: inline-block;
    color: #333;
    font-size: 18px;
    position: relative;
    padding: 0 6px
}

.sign-tab a:hover {
    color: #406CDE
}

.sign-tab a.active {
    color: #406CDE
}

.sign-tab a.active:before {
    width: 100%;
    height: 4px;
    content: "";
    position: absolute;
    background-color: #406CDE;
    left: 0;
    bottom: 0
}

.sign-tips {
    width: 450px;
    line-height: 24px;
    color: #333;
    padding: 30px 30px 0;
    margin-bottom: -10px
}

.sign-title {
    color: #2c2b33;
    font-size: 18px;
    line-height: 46px;
    padding: 8px 30px 0;
    background-color: #f7f7f7;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.sign-body {
    padding: 30px;
    min-height: 200px
}

.sign-body .form-pane {
    display: none
}

.sign-body .layui-form-item {
    position: relative;
    margin-bottom: 0
}

.sign-body .layui-input-icon {
    float: left;
    width: 40px;
    padding: 10px 10px 0 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.sign-body .layui-input-icon~.layui-tips {
    padding-left: 40px
}

.sign-body .layui-input-icon .icon {
    width: 25px;
    height: 25px;
    display: inline-block;
    background-image: url(/v202307181457/images/main_icons.png);
    background-repeat: no-repeat
}

.sign-body .layui-input-icon .icon.icon-1 {
    background-position: 0 -150px
}

.sign-body .layui-input-icon .icon.icon-2 {
    background-position: -25px -150px
}

.sign-body .layui-input-icon .icon.icon-3 {
    background-position: -50px -150px
}

.sign-body .layui-input-icon .icon.icon-4 {
    background-image: url(/images/icon_4.png)
}

.sign-body .layui-input-icon .icon.icon-5 {
    background-position: 4px -20px
}

.sign-body .layui-input-inline {
    width: auto;
    position: relative
}

.sign-body .layui-input {
    width: 360px;
    height: 46px;
    border: 1px solid #ebebeb;
    background-color: #f7f7f7;
    border-radius: 3px;
    font-size: 16px;
    padding-left: 13px
}

.sign-body .layui-input::-webkit-input-placeholder {
    color: #ccc
}

.sign-body .layui-input2 {
    width: 360px;
    height: 46px;
    line-height: 46px;
    border: 0;
    border-bottom: 1px solid #ebebeb;
    font-size: 16px;
    padding-left: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.sign-body .layui-input2::-webkit-input-placeholder {
    color: #ccc
}

.sign-body .icon-pass {
    width: 15px;
    height: 15px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -7px;
    background: url(/v202307181457/images/main_icons.png) no-repeat 0 -25px
}

.sign-body .layui-btn {
    width: 150px;
    height: 46px;
    letter-spacing: 2px;
    border-radius: 3px;
    -webkit-box-shadow: 0 10px 15px rgba(87, 113, 184, .3);
    box-shadow: 0 10px 15px rgba(87, 113, 184, .3);
    background-color: #406CDE;
}

.sign-body .layui-btn.disabled {
    opacity: .6;
    cursor: not-allowed
}

.sign-body .btn-reg.layui-btn-disabled {
    color: #fff;
    background: #406CDE;
    opacity: .5 !important
}

.sign-body .get-code {
    width: 110px;
    border-radius: 3px;
    background: rgba(41, 183, 203, .7);
    border: 1px solid #29b7cb;
    opacity: 1;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.sign-body .get-code.layui-btn-disabled {
    color: #fff;
    opacity: .4 !important;
    border: 1px solid #29b7cb !important;
    background: rgba(41, 183, 203, .7) !important
}

.sign-body .get-code:hover {
    background: #29b7cb
}

.sign-body .get-pic {
    width: 100px;
    height: 46px;
    border-radius: 3px;
    display: inline-block;
    background-color: #f7f7f7;
    overflow: hidden
}

.sign-body .get-pic img {
    width: 100%;
    height: 100%
}

.sign-body .pass-switch {
    width: 46px;
    height: 46px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    cursor: pointer
}

.sign-body .pass-switch.active .icon-eye {
    background-position: -125px 0
}

.sign-body .pass-switch .icon-eye {
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-top: 10px;
    background: url(/v202307181457/images/main_icons.png) no-repeat -100px 0
}

.sign-body .layui-tips {
    height: 22px;
    line-height: 22px;
    color: #fc654a;
    font-size: 12px
}

.sign-body .auto-item {
    line-height: 18px
}

.sign-body .auto-sign,
.sign-body .btn-link {
    color: #333
}

.sign-body .auto-sign a:hover,
.sign-body .btn-link a:hover {
    color: #406CDE
}

.sign-body .auto-sign {
    float: left;
    cursor: pointer
}

.sign-body .auto-sign:before {
    width: 14px;
    height: 14px;
    content: "";
    border: 1px solid #333;
    display: inline-block;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: -2px;
    margin-right: 8px
}

.sign-body .auto-cbx:checked+.auto-sign:before {
    background: url(/v202307181457/images/main_icons.png) no-repeat -38px -14px
}

.sign-body .layui-form-checkbox[lay-skin=primary] {
    margin-top: 0;
    padding-left: 24px
}

.sign-body .layui-form-checkbox[lay-skin=primary].layui-form-checked i:before {
    opacity: 1
}

.sign-body .layui-form-checkbox[lay-skin=primary] i {
    border-color: #333;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: 0 0;
    color: #333;
    font-weight: 700;
    font-size: 12px;
    border-radius: 3px
}

.sign-body .layui-form-checkbox[lay-skin=primary] i:before {
    opacity: 0
}

.sign-body .btn-forget-pass {
    float: right
}

.sign-body .cancel_list li {
    margin-bottom: 15px
}

.sign-body .layui-form-radio {
    margin: 0;
    line-height: 18px
}

.sign-body .layui-form-radio.layui-form-radioed .layui-icon {
    background-color: #406CDE;
    border-color: #406CDE
}

.sign-body .layui-form-radio .layui-icon {
    width: 16px;
    height: 16px;
    border: 1px solid #ebebeb;
    background-color: #f7f7f7;
    border-radius: 50%;
    font-size: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.sign-extra {
    padding: 0 70px;
    margin-top: -10px
}

.sign-extra .es-tips {
    width: 100%;
    position: relative;
    color: #ccc;
    text-align: center;
    font-size: 12px
}

.sign-extra .es-tips:after,
.sign-extra .es-tips:before {
    width: 160px;
    height: 1px;
    content: "";
    background-color: #ebebeb;
    position: absolute;
    top: 50%
}

.sign-extra .es-tips:before {
    left: 0
}

.sign-extra .es-tips:after {
    right: 0
}

.sign-extra .es-bar {
    padding: 10px 0 16px;
    text-align: center
}

.sign-extra .link-wexin {
    width: 36px;
    height: 36px;
    background-color: #ccc;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.sign-extra .link-wexin:hover {
    background-color: #42b035
}

.sign-extra .icon-wexin {
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url(/v202307181457/images/main_icons.png) no-repeat -75px 0;
    margin-top: 5px
}

/*基本信息*/
.ud-basic-info{
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 1px 14px rgba(64, 108, 222, 0.11);
    border-radius: 6px;
}
.ud-basic-info-hd{
    width: 100%;
    height: 105px;
    padding: 27px 0 22px;
    text-align: center;
    font-size: 16px;
    background: #E5F4FF url(/v202307181457/images/v1/vendor_bg1.jpg) no-repeat;
    color: #fff;
    border-radius: 6px;
    box-sizing: border-box;
}
.ud-basic-info-hd.bg2{
    background-image: url("/v202307181457/images/v1/vendor_bg2.jpg");
}
.ud-basic-info-hd > span{
    font-size: 18px;
    line-height: 26px;
}
.ud-basic-info-hd > p{
    font-size: 20px;
    line-height: 30px;
}
.ud-basic-info-bd{
    min-height: 500px;
}
.ud-basic-dialog{
    padding: 35px 0;
    text-align: center;
}
.ud-basic-dialog .layui-icon{
    color: #5FB878;
    font-size: 26px;
    vertical-align: middle;
    margin-right: 15px;
}
.ud-basic-dialog strong{
    font-size: 16px;
}
.ud-form-dialog{
    padding: 30px 60px 50px 30px
}
.ud-form-dialog .layui-form-label{
    width: 100px;
}
.ud-form-dialog .layui-input-block{
    margin-left: 130px;
}
.ud-approve-tips {
    width: 100%;
    height: 30px;
    line-height: 30px;
    border-radius: 6px;
    padding: 0 10px;
    box-sizing: border-box;
    background-color: #FFFBE6;
    border: 1px solid #FFE58F;
}
.ud-approve-tips.warning{
    background-color: #FFFBE6;
    border: 1px solid #FFE58F;
}
.ud-approve-tips.danger{
    background-color: #FFF1F5;
    border: 1px solid #FFC8C8;
}
.ud-approve-tips.success{
    background-color: #E9FFF7;
    border: 1px solid #78F2C9;
}
.ud-approve-tips .icon {
    width: 20px;
    height: 20px;
    background-image: url("/v202307181457/images/v1/ud_approve_groups.png");
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.ud-approve-tips .icon.icon-exc{
    background-position: 0 0;
}
.ud-approve-tips .icon.icon-danger{
    background-position: -60px 0;
}
.ud-approve-tips .icon.icon-success{
    background-position: -30px 0;
}
.ud-approve-error{
    color: #8E95A7;
    font-size: 13px;
    padding: 15px 40px 20px;
}
.ud-approve-view{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 20px;
    margin-bottom: 10px;
}
.ud-approve-view .view-label{
    font-size: 17px;
    padding: 0 80px 0 40px;
    line-height: 32px;
}
.ud-approve-view .view-list{
    line-height: 34px;
    font-size: 15px;
}
.ud-approve-view .view-list .text{
    color: #8E95A7;
}
.ud-approve-view .modular-license-item{
    margin-bottom: 0!important;
}

.ud-step-bar{
    position: relative;
    padding: 20px 0 30px;
}
.ud-step-bar .steps {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*-webkit-box-pack: justify;*/
    /*-ms-flex-pack: justify;*/
    /*justify-content: space-between;*/
}
.ud-step-bar .step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*-webkit-box-flex: 1;*/
    /*-ms-flex: 1;*/
    /*flex: 1;*/
    margin-right: 25px;
}
.ud-step-bar .step.line{
    width: 150px;
    height: 1px;
    background-color: #F1F1F1;
    -ms-flex-item-align: center;
    align-self: center;
    position: relative;
}
.ud-step-bar .step.line:before, .ud-step-bar .step.line:after{
    width: 5px;
    height: 5px;
    background-color: #f1f1f1;
    border-radius: 50%;
    position: absolute;
    content: "";
    top: -2px;
}
.ud-step-bar .step.line:before{
    left: 0;
}
.ud-step-bar .step.line:after{
    right: 0;
}
.ud-step-bar .step.active .step-number > span {
    opacity: 1;
}
.ud-step-bar .step:last-child {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 0;
}
.ud-step-bar .step:last-child .step-main:before {
    display: none;
}
.ud-step-bar .step-number {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 15px;
}
.ud-step-bar .step-number > span {
    width: 56px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    font-weight: 700;
    font-size: 17px;
    color: #406CDE;
    display: block;
    border-radius: 50%;
    background-image: url("/v202307181457/images/v1/ud_approve_groups.png");
    background-repeat: no-repeat;
    background-position: 0 -19px;
    opacity: 0.5;
}
.ud-step-bar .step-main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-top: 8px;
}
.ud-step-bar .step-main .title {
    margin-bottom: 5px;
    font-size: 17px;
}
.ud-step-bar .step-main .other {
    color: #8D92A1;
    font-size: 13px;
}
.ud-approve-modular .modular-license-header{
    height: 36px;
    line-height: 36px;
    background: #F7F7F7;
    border-radius: 6px;
    font-size: 15px;
    padding: 0 30px;
    margin-bottom: 35px;
    margin-left: -10px;
}
.ud-approve-modular .modular-finance .layui-form-label{
    width: 95px;
}
.ud-approve-modular .modular-license-item{
    overflow: hidden;
    margin-bottom: 55px;
}
.modular-license-view{
    width: 198px;
    float: left;
    margin-right: 142px;
}
.modular-license-view:last-child{
    border-bottom: 0;
}
.modular-license-view .lm-label{
    font-size: 15px;
}
.modular-license-view .lm-label.label-required:after {
    content: "*";
    color: #EA4335;
    position: relative;
    top: -3px;
    margin-left: 3px;
}
.modular-license-view .lm-bd{
    padding-left: 26px;
}
.modular-license-view .view{
    width: 100%;
    height: 132px;
    background-color: #F7F7F7;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.modular-license-view .upload-face{
    width: 60px;
    height: 60px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    left: 50%;
    margin-left: -30px;
    border-radius: 50%;
    font-size: 13px;
    color: #AAAFBD;
    text-align: center;
    padding-top: 10px;
    box-sizing: border-box;
}
.modular-license-view .upload-face .layui-icon{
    position: absolute;
    left: 21px;
    bottom: 20px;
}
.modular-license-view .upload-face .icon-upload{
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url("/v202307181457/images/v1/ud_approve_groups.png");
    background-repeat: no-repeat;
    background-position: -60px -20px;
}
.modular-license-view .pic{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modular-license-view .pic img{
    max-width: 100%;
    max-height: 100%;
    display: block;
}
.modular-license-view .op{
    font-size: 13px;
}
.ud-contract-module{
    margin-bottom: 35px;
}
.ud-contract-module .op-btn{
    height: 24px;
    background-color: #406CDE;
    border: 1px solid #406CDE;
    border-radius: 3px;
    padding: 0 12px;
    color: #fff;
    box-sizing: border-box;
}
.ud-contract-module .label{
    font-size: 15px;
}
.ud-contract-module .module-table .layui-table{
    border-collapse: separate;
    color: #333;
    margin: 0;
}
.ud-contract-module .module-table thead tr th {
    border-top: 1px solid #DDE1EB;
}
.ud-contract-module .module-table tr{
    background-color: #fff!important;
}
.ud-contract-module .module-table th{
    height: 50px;
    font-size: 15px;
    box-sizing: border-box;
    text-align: center;
    border-left: 0;
    border-right: 1px solid #DDE1EB;
    border-bottom: 1px solid #DDE1EB;
}
.ud-contract-module .module-table td{
    height: 40px;
    box-sizing: border-box;
    text-align: center;
    border-top: 0;
    border-left: 0;
    border-right: 1px solid #DDE1EB;
    border-bottom: 1px solid #DDE1EB;
}
.ud-contract-module .module-table tr th:first-child, .ud-contract-module .module-table tr td:first-child {
    border-left: 1px solid #DDE1EB;
}
.ud-contract-module .module-table tr:first-child th:first-child {border-top-left-radius: 6px;}
.ud-contract-module .module-table tr:first-child th:last-child {border-top-right-radius: 6px;}
.ud-contract-module .module-table tr:last-child td:last-child {border-bottom-right-radius: 6px;}
.ud-contract-module .module-table tr:last-child td:first-child {border-bottom-left-radius: 6px;}

.ud-contract-module .module-list{

}
.ud-contract-module .module-list li{
    color: #8D92A1;
    line-height: 38px;
}

/*特殊区域组件*/
.ud-basic-form .xm-body-tab{
    width: 100%;
    display: table;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
.ud-basic-form .xm-body-tab li{
    display: table-cell;
    width: 50%;
    text-align: center;
    position: relative;
}
.ud-basic-form .xm-body-tab li.active{
    color: #406CDE;
}
.ud-basic-form .xm-body-tab li:first-child:after {
    position: absolute;
    width: 1px;
    height: 14px;
    background-color: #ccc;
    content: "";
    right: 0;
    top: 50%;
    margin-top: -7px;
}