html,
body {
    height: 100%;
    letter-spacing: 1px;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-text-fill-color: #000 !important;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
    background-color: transparent;
    background-image: none;
    transition: background-color 50000s ease-in-out 0s;
}

input {
    background-color: transparent;
}

/* .layui-login {
    height: 100%;
    background: url("../../images/login_bg_2.png");
    display: flex;
    align-items: center;
    justify-content: center;
} */
.layui-login {
    height: 100%;
    background: url("../../images/login_bj.png") no-repeat, linear-gradient(180deg, rgba(1, 166, 234, 0.04) 0%, rgba(255, 255, 255, 0.04) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
}

.layui-login-content {
    width: 520px;
    padding: 80px 50px;
    box-sizing: border-box;
    background: #FFFFFF;
    margin: auto;
    box-shadow: 0px 4px 24px 0px rgba(43, 72, 126, 0.08);
    border-radius: 24px 24px 24px 24px;
}

.layui-login-content .layui-login-title {
    text-align: center;
    font-weight: bold;
    color: #070C26;
    line-height: 38px;
    font-size: 32px;
    margin-bottom: 60px;
}

.layui-login-content .layui-input-block {
    margin-left: 0;
    height: 54px;
    line-height: 54px;
}

.layui-login-content .layui-input {
    padding-left: 48px;
    height: 54px;
    line-height: 54px;
    border-radius: 8px;
    border: 1px solid #EAECF0;
}

.layui-login-content .layui-icon {
    position: absolute;
    width: 20px;
    height: 20px;
    left: 16px;
    top: 17px;
}

.layui-login-content .layui-form-item {
    margin-bottom: 20px;
}

.layui-login-content .login-password {
    margin-bottom: 32px;
}

.layui-login-content .layui-btn {
    width: 100%;
    font-size: 16px;
    height: 54px;
    line-height: 54px;
    background: #01A6EA;
    border-radius: 27px 27px 27px 27px;
}

.layui-login .layui-version {
    color: #9fb3c8;
    padding: 26px 0;
}

.layui-logo img {
    margin: 10px auto;
    width: 98px;
    margin: 10px auto;
    display: block;
}

/* .layui-login h2 {
    font-weight: 600;
    font-size: 1.75rem;
} */

.ayui-logo {
    padding: 12px 24px;
}

.header {
    padding: 90px 20px 30px;
    color: #fcfcfc;
}

.user-name {
    padding: 0 24px !important;
    color: #1A2543 !important;
}

.user-name .layui-nav-more {
    content: "";
    width: 0;
    height: 0;
    border-style: solid dashed dashed;
    transition: all .2s;
    position: absolute;
    top: 50%;
    right: 3px;
    margin-top: -4px;
    border-width: 6px;
    border-top-color: #717B8F;
}

.layui-nav-breadcrumb {
    margin-left: 224px;
    margin-top: 20px;
}

.layui-nav-breadcrumb a {
    color: #1480FB !important;
}

.breadcrumb .breadcrumb-url:not(:last-child) a {
    max-width: 15%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    position: relative;
    top: 3px;
}

.layui-icon-back {
    width: 24px;
    height: 24px;
    line-height: 24px;
    padding: 3px;
    border-radius: 4px;
    color: #ffffff;
    background: #1480FB;
}

.layui-layout-right {
    display: flex;
    align-items: center;
}

.layui-layout-right .time-zone {
    font-size: 12px;
    color: #717B8F;
    padding: 8px 16px;
    background-color: rgba(227, 230, 236, 0.5);
    /* background: #CFD6DF; */
    border-radius: 20px;
    /* margin-top: 8px; */
}

/* .layui-login-content {
    width: 480px;
    padding: 60px 40px 76px 40px;
    background: #ffffff;
    margin: auto;
    border-radius: 24px;
} 

 .layui-login-content .layui-login-title {
    padding: 0 0 32px 0;
} 

.layui-login-content .layui-input-block {
    margin-left: 0;
    height: 48px;
    line-height: 48px;
}

.layui-login-content .layui-input {
    padding-left: 45px;
    height: 48px;
    line-height: 40px;
    border-radius: 8px;
    border: 1px solid #E0E1E3;
}

.layui-login-content .layui-icon {
    width: 24px;
    position: absolute;
    height: 24px;
    left: 16px;
    top: 12px;
    color: #c0c4cc;
}

.layui-login-content .layui-form-item {
    margin-bottom: 24px;
}

.layui-login-content .layui-btn {
    width: 100%;
    height: 48px;
    font-size: 16px;
    border-radius: 8px;
    background: #1480FB;
}

.layui-login .layui-version {
    color: #9fb3c8;
    padding: 26px 0;
}

.layui-logo img {
    padding-left: 20px;
}
*/
.layui-layout-admin .layui-body {
    padding: 16px 24px 64px;
    overflow: auto;
}

.layui-form-select .layui-input {
    min-height: 36px;
    /* margin-top: 8px; */
    border: 1px solid #E0E1E3;
}

.layui-layout-left .layui-breadcrumb {
    line-height: 40px;
    display: inline-block;
    padding-top: 10px;
    font-size: 14px;
}

.layui-layout-left .layui-breadcrumb a {
    color: rgba(255, 255, 255, 0.7) !important;
}

.layui-layout-left .layui-breadcrumb a cite {
    color: #fff;
}



.layui-layout-left .layui-breadcrumb span[lay-separator] {
    color: rgba(255, 255, 255, 0.7) !important;
}

.layui-body .layui-serach {
    padding: 24px;
    border-radius: 4px;
    /* border: 1px solid #ebeef5; */
    background-color: #ffffff;
    color: #303133;
    display: flex;
    margin-bottom: 22px;
    /* box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08); */
}

.layui-serach .layui-input {
    width: 222px;
    /* width: 240px; */
    border: 1px solid #E0E1E3;
}

.layui-serach .layui-form-item {
    margin: 10px 20px 8px 0;
}

.layui-serach .layui-date {
    max-width: 668px;
}

.layui-serach .more {
    display: inline-block;
    color: #1480FB;
    cursor: pointer;
    margin-right: 16px;
}

.layui-serach .icon-more {
    font-size: 14px;
    color: #1480FB;
}

.layui-serach .layui-btn-right {
    float: right;
    margin: 10px 20px 8px 0;
}

.layui-serach .layui-icon-down {
    display: none;
}

/* .layui-serach .seach-form-item:nth-child(n+4) {
    display: none;
} */

.layui-serach .btn-reset {
    margin-left: 8px;
}

.layui-serach .serach-form {
    width: 100%;
}

.layui-body .layui-body-table {
    /* border: 1px solid #ebeef5; */
    box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
    /* background-color: #ffffff; */
    border-radius: 4px;
    padding: 24px;
}

.layui-body-table-wrap {
    min-height: 500px;
    background: #ffffff;
}

.home-table-wrap {
    background: #ffffff;
}

.layui-body-table .btn-execl {
    margin-bottom: 16px;
}

.layui-body .layui-table {
    margin: 0;
}

.layui-body .layui-table tr td,
.layui-body .layui-table tr th {
    border: none;
    padding: 5px;
    min-width: 20px;
    max-width: 300px;
    white-space: normal;
    word-wrap: break-word;
}

.layui-body .layui-table tr th {
    color: #717B8F;
    line-height: 40px;
    font-weight: 600;
}

.layui-body .layui-table tr {
    height: 48px;
    border-bottom: 1px solid #E0E1E3;
}

.layui-body #demo7 {
    margin-top: 30px;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background: #1480FB;
}

.layui-body .layui-table tr td div {
    color: #1e9fff;
    line-height: 26px;
    cursor: pointer;
}

.layui-layer-page .layui-layer-content {
    position: relative;
    overflow: visible !important;
}

.layui-sign-content .layui-sign-select {
    line-height: 36px;
    height: 36px;
    width: 100%;
    padding: 0 1%;
    border-color: #ddd;
}

.layui-sign-content .layui-form-label {
    width: 80px;
    padding: 9px 5px;
}

.layui-sign-content .layui-input-block {
    margin-left: 90px;
}

.layui-sign-content .layui-sign-select:focus {
    border-color: #ccc !important;
}

.layui-label-text {
    display: inline-block;
    margin-bottom: 8px;
}

#seach .layui-input {
    padding-right: 30px;
}

.error {
    color: #f56c6c;
    font-size: 12px;
    line-height: 1;
    padding-top: 4px;
    text-align: left;
}

.layui-table .layui-btn {
    margin: 5px;
}

.edit .layui-form-pane .layui-form-label {
    width: 160px;
}

.edit .layui-form-pane .layui-input-block {
    margin-left: 160px;
}

#seach .layui-form-label {
    width: 160px;
    padding: 8px 5px;
    /* text-align: right;
    padding-right: 8px; */
}

#seach .layui-input-block {
    margin-left: 160px;
}

.edit #seach .layui-inline-select {
    width: 749px;
}

#seach .layui-inline-select {
    width: 768px;
}

.edit #seach #upload {
    width: 36%;
    border: none;
    height: 36px;
    line-height: 36px;
    padding-right: 0;
}

.edit .upload-loa {
    color: #1480FB !important;
    width: 120px !important;
    height: 32px !important;
    line-height: 32px !important;
    text-align: center;
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #1480FB !important;
    margin-top: 16px;
    cursor: pointer;
}

.edit #seach .file {
    /* border: 1px solid #ddd; */
}

.edit #seach .see_file {
    white-space: nowrap;
    float: right;
    width: 62%;
    margin-top: -38px;
    line-height: 38px;
    font-size: inherit;
    overflow: hidden;
    height: 38px;
    padding-right: 3px;
}

.edit #seach a {
    font-size: 12px;
    color: #1480FB;
    /* color: #0000ee; */
}

.laravel-error {
    margin: 20px 0;
    color: #f56c6c;
}

.edit .layui-btn-normal {
    /* display: block; */
    height: 36px;
    line-height: 36px;
    /* width: 372px; */
    letter-spacing: 1px;
    font-size: 14px;
    padding: 0 32px;
    /* margin: 24px 0; */
}

.layui-btn-delete {
    width: 74px;
    height: 36px;
    line-height: 36px;
}

.layui-btn-edit {
    /* width: 110px; */
    height: 36px;
    line-height: 36px;
    display: inline-block;
    border: 1px solid #1480FB;
    margin-right: 8px;
}

.layui-btn-blue-bg {
    width: 120px;
    height: 36px;
    line-height: 36px;
    background: #1480FB;
    border-radius: 4px;
}

.btn-add {
    margin-right: 10px;
}

.layui-btn-refuse {
    width: 120px;
    height: 36px;
    line-height: 36px;
    background: #FC4545;
    border-radius: 4px;
}

.layui-btn-green {
    width: 120px;
    height: 36px;
    line-height: 36px;
    background: #53D18F;
    border-radius: 4px;
}

.layui-btn-border-blue {
    width: 120px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #1480FB;
    border-radius: 4px;
}

.ippool-edit-btn {
    width: 100%;
    height: 68px;
    line-height: 68px;
    position: fixed;
    bottom: 0;
    left: 93px;
    text-align: center;
    background: #ffffff;
    box-shadow: 0px -3px 3px 1px rgba(28, 29, 32, 0.1);
}

.layui-btn-view {
    width: 120px;
    height: 36px;
    line-height: 36px;
    margin-right: 8px;
}

.examine-btn {
    width: 100%;
    height: 60px;
    line-height: 60px;
    position: fixed;
    bottom: 0;
    background: #FFFFFF;
    box-shadow: 0px -3px 3px 1px rgba(28, 29, 32, 0.1);
}

.gray-disable {
    cursor: not-allowed;
}

.btn-submit {
    text-align: right;
}

.layui-btn-submit {
    position: absolute;
    width: 100%;
    bottom: 110px;
    height: 60px;
    line-height: 60px;
    padding: 0 24px;
    text-align: left;
    background: #FFFFFF;
    box-shadow: 0px -1px 2px 1px rgba(28, 29, 32, 0.1);
}

/* .btn-customer-submit {} */

.btn-customer-submit .layui-btn {
    width: 120px;
    height: 36px;
    line-height: 36px;
    background: #1480FB;
    border-radius: 4px;
}

.show #seach .layui-input-block {
    border: 1px solid #ddd;
    line-height: 36px;
    padding: 0 6px;
    min-width: 198px;
    max-width: 952px;
    background: #F8F8F9;
    border-radius: 4px;
}

#seach .layui-form-text .layui-input-block {
    max-width: 1111px;
    margin-left: 0;
    min-height: 100px;
    padding: 0;
}

#seach .layui-form-text .layui-form-label {
    width: 100%;
    max-width: 1113px;
}

#seach .layui-form-text .layui-form-label-width {
    max-width: 1111px;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert h4 {
    margin-top: 0;
    color: inherit;
}

.alert .alert-link {
    font-weight: 700;
}

.alert>p,
.alert>ul {
    margin-bottom: 0;
}

.alert>p+p {
    margin-top: 5px;
}

.alert-dismissable,
.alert-dismissible {
    padding-right: 35px;
}

.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.2;
    filter: alpha(opacity=20);
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.alert-dismissable .close:focus,
.alert-dismissable .close:hover,
.alert-dismissible .close:focus,
.alert-dismissible .close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

.alert-success hr {
    border-top-color: #c9e2b3;
}

.alert-success .alert-link {
    color: #2b542c;
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}

.alert-info hr {
    border-top-color: #a6e1ec;
}

.alert-info .alert-link {
    color: #245269;
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}

.alert-warning hr {
    border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
    color: #66512c;
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

.alert-danger hr {
    border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
    color: #843534;
}

.upload_img_show {
    margin-bottom: 10px;
    margin-left: 5px;
}

.upload_img_show img {
    max-width: 372px;
}

.tips {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 12px;
    margin-top: 12px;
    max-width: 1111px;
    /* border-bottom: 1px solid #ccc; */
}

.latui-contrast-left {
    width: 30%;
    padding-right: 5%;
    min-width: 400px;
    float: left;
}

.latui-contrast-right {
    padding-left: 5%;
    padding-right: 0;
    border: none;
    border-left: 1px solid red;
}

.show #seach .latui-contrast-left .layui-input-block {
    max-width: 198px;
}

.notice {
    width: 10px;
    height: 10px;
    background-color: red;
}

.layui-h3 {
    line-height: 2.6rem;
    margin-bottom: 1rem;
    border-bottom: 2px solid #ebeef5;
}

.layui-body .layui-padding-top0 {
    padding-top: 5px;

}

.layui-body .layui-padding-top0 li {
    line-height: 2rem;
    font-size: 16px;
}

.layui-body .layui-padding-top0 li span {
    font-size: 14px;
    color: #ababab;
    display: inline-block;
    width: 50%;
}

.layui-work-bg {
    background-color: #eee;
    padding: 2rem 1rem;
    border-radius: 0.2rem;
}

.layui-work-list {
    padding: 1rem;
    background-color: #fff;
    border-radius: 0.2rem;
    letter-spacing: 2px;
    margin-bottom: 1rem;
}

.layui-work-subject {
    font-weight: 600;
}

.layui-work-from {
    font-weight: 600;
}

.layui-work-content {
    padding: 1rem;
    word-wrap: break-word;
}

.layui-work-file {
    padding: 0.2rem 0.5rem 0.5rem 0.5rem;
}

.layui-work-file a {
    font-size: 12px;
    color: #1480FB !important;
}

.layui-work-submit {
    width: 20%;
    border-radius: 0.2rem;
    font-size: 1.4rem;
    line-height: 2.8rem;
    height: 2.8rem;
}

.view-hide {
    color: #fff;
    cursor: pointer;
    /* padding: 5px; */
    /* width: 60px; */
    background-color: #1e9fff;
    border-radius: 3px;
    text-align: center;
}

.hide-text {
    color: #1480FB !important;
    background: none;
    float: right;
    font-weight: 400;
}

.information-data {
    width: 55%;
}

.layui-clear-left {
    margin-left: 0 !important;
}

.ip_cidr_list {
    width: 140px;
    text-align: center;
    margin: 10px;
    border-radius: 2px;
    padding: 2px;
    height: 30px;
    line-height: 30px;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    border-color: #ddd;
    cursor: pointer;

}

.ip_cidr_select {
    border-color: #1E9FFF;
}

.layui-home-margin-top {
    margin-top: 10px;
}

.layui-sales-h3 {
    line-height: 2.6rem;
    margin-top: 1rem;
    border-top: 1px solid #5FB878;
}

.home-ul {
    width: 48%;

}

.home-title {
    width: 40%;
    color: #666;
}

.home-content {
    width: 50%;
    font-size: 14px;
    vertical-align: top;
}

.home-content a {
    color: #1e9fff;
}

.layui-plus-sign {
    cursor: pointer;
}

.layui-customer-header {
    color: #717B8F;
    font-weight: bold;
    height: 48px !important;
    line-height: 48px !important;
    background: #F6F8FA !important;
    border: none !important;
}

.layui-customer-tbody {
    padding: 14px 0;
    border-bottom: 1px solid #E0E1E3;
}

.layui-customer-second-bg {
    background: #F8F8F9;

}

.layui-customer-tbody-bg {
    background: #F1F6FB;
    /* background: #F8F8F9; */
    padding: 14px 0;
    border-bottom: 1px solid #E0E1E3;
}

.layui-customer-th {
    border-top: 1px solid #ccc;
    background-color: #efefef;
}

.layui-customer-tr {
    border-bottom: 1px solid #ccc;
    line-height: 36px;
}

.layui-customer-tr button {
    margin: 3px;
}

.layui-customer-tr:hover {
    background-color: #efffef;
}

.table-customer-icon {
    display: flex;
    align-items: center;
}

.table-customer-icon img {
    margin-left: 6px;
}

.layui-bonus-th-bg {
    background: #FDFDFE;
    padding: 14px 0;
    border-bottom: 1px solid #E0E1E3;
}

.layui-bonus-tbody-bg {
    background: #F8F8F9;
    padding: 14px 0;
    border-bottom: 1px solid #E0E1E3;
}

.div-word-wrap {
    word-wrap: break-word;
    /* padding: 6px 0; */
}

.layui-content {
    position: absolute;
    padding: 24px 24px 64px;
    overflow: auto;
    background: #F7F8FA;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 900;
    width: auto;
    box-sizing: border-box;
}

/* home */
.layui-home-top .layui-item:nth-child(1) .layui-item-wrap {
    background-image: url("../../images/icon_IPzhongshu_bg.png");
    background-repeat: no-repeat;
    background-position: bottom right;
    background-color: #1480FB;
}

.layui-home-top .layui-item:nth-child(2) .layui-item-wrap {
    background-image: url("../../images/icon_yichuzuIP_bg.png");
    background-repeat: no-repeat;
    background-position: bottom right;
    background-color: #53D18F;
}

.layui-home-top .layui-item:nth-child(3) .layui-item-wrap {
    background-image: url("../../images/icon_shenyuIP_bg.png");
    background-repeat: no-repeat;
    background-position: bottom right;
    background-color: #FFB35C;
}

.layui-home-top .layui-item-wrap {
    padding: 16px;
    color: #ffffff;
    border-radius: 8px;
}

.layui-home-top .layui-item-wrap span {
    font-size: 18px;
    font-weight: bold;
    margin-top: 8px;
    display: inline-block;
}

.layui-grid-item {
    background: #F8F8F9;
    border-radius: 4px;
}

.layui-grid-item .layui-item-text p {
    color: #717B8F;
    font-size: 14px;
    margin-bottom: 12px;
}

.layui-grid-item .layui-item-text span {
    font-size: 18px;
    font-weight: bold;
}

.layui-item-view {
    padding: 12px 16px;
    background: #EEF0F3;
    cursor: pointer;
}

.layui-item-view a {
    font-size: 12px;
    color: #717B8F;
}

.layui-item-view img {
    float: right;
    cursor: pointer;
}

.layui-index-top {
    color: #ffffff;
    margin-bottom: 12px;
}

.layui-item-text {
    padding: 20px 16px 17px;
}

.layui-index-top .layui-item .layui-view {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.layui-index-top .layui-item .layui-item-wrap {
    height: 127px;
}

.layui-index-top .layui-item:nth-child(1) .layui-view {
    padding: 9px 16px;
    background: #0671FB;
}

.layui-index-top .layui-item:nth-child(2) .layui-view {
    padding: 9px 16px;
    background: #32C175;

}

.layui-index-top .layui-item:nth-child(3) .layui-view {
    padding: 9px 16px;
    background: #2ABCBC;
}

.layui-index-top .layui-item:nth-child(4) .layui-view {
    padding: 10px 16px;
    background: #FF9D4B;
}

.layui-index-top .layui-item:nth-child(5) .layui-view {
    padding: 10px 16px;
    background: #8BA0BA;
}

.layui-index-top .layui-item:nth-child(6) .layui-view {
    padding: 10px 16px;
    background: #F9667D;
}

.layui-index-top .layui-item:nth-child(1) .layui-item-wrap {
    background-image: url("../../images/icon_index_1.png");
    background-repeat: no-repeat;
    background-position: bottom right;
    background-color: #1480FB;
    border-radius: 4px;
}

.layui-index-top .layui-item:nth-child(2) .layui-item-wrap {
    background-image: url("../../images/icon_index_2.png");
    background-repeat: no-repeat;
    background-position: bottom right;
    background-color: #53D18F;
    border-radius: 4px;
}

.layui-index-top .layui-item:nth-child(3) .layui-item-wrap {
    background-image: url("../../images/icon_index_3.png");
    background-repeat: no-repeat;
    background-position: bottom right;
    background-color: #46CEC9;
    border-radius: 4px;
}

.layui-index-top .layui-item:nth-child(4) .layui-item-wrap {
    background-image: url("../../images/icon_index_4.png");
    background-repeat: no-repeat;
    background-position: bottom right;
    background-color: #FFB35C;
    border-radius: 4px;
}

.layui-index-top .layui-item:nth-child(5) .layui-item-wrap {
    background-image: url("../../images/icon_index_5.png");
    background-repeat: no-repeat;
    background-position: bottom right;
    background-color: #A7B5C5;
    border-radius: 4px;
}

.layui-index-top .layui-item:nth-child(6) .layui-item-wrap {
    background-image: url("../../images/icon_index_6.png");
    background-repeat: no-repeat;
    background-position: bottom right;
    background-color: #F9667D;
    border-radius: 4px;
}

.layui-index-top .layui-item span {
    font-size: 20px;
    font-weight: bold;
    margin-top: 16px;
    display: inline-block;
}

.layui-index-top .layui-item a {
    color: #ffffff;
    font-size: 12px;
}

.layui-index-top .layui-item a:hover {
    color: #ffffff;
}

.layui-index-top .layui-item img {
    float: right;
    cursor: pointer;
}

.layui-finance-top {
    color: #ffffff;
    margin-bottom: 12px;
}

.layui-finance-top .layui-item-text {
    padding: 20px 16px 16px;
}

.layui-finance-top .layui-item .layui-view {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.layui-finance-top .layui-item .layui-item-wrap {
    height: 127px;
}

.layui-finance-top .layui-item span {
    font-size: 20px;
    font-weight: bold;
    margin-top: 16px;
    display: inline-block;
}

.layui-finance-top .layui-item a {
    color: #ffffff;
    font-size: 12px;
}

.layui-finance-top .layui-item img {
    float: right;
    cursor: pointer;
}

.layui-finance-top .layui-col-md2 {
    width: 20%;
}

.layui-finance-top .layui-item:nth-child(1) .layui-view {
    padding: 9px 16px;
    background: #0671FB;
}

.layui-finance-top .layui-item:nth-child(2) .layui-view {
    padding: 9px 16px;
    background: #11A8BE;
}

.layui-finance-top .layui-item:nth-child(3) .layui-view {
    padding: 9px 16px;
    background: #FB7340;
}

.layui-finance-top .layui-item:nth-child(4) .layui-view {
    padding: 9px 16px;
    background: #FFB35C;
}

.layui-finance-top .layui-item:nth-child(4) .layui-view {
    padding: 9px 16px;
    background: #FF415F;
}

.layui-finance-top .layui-item:nth-child(1) .layui-item-wrap {
    background-image: url("../../images/icon_finanes.png");
    background-repeat: no-repeat;
    background-position: bottom right;
    background-color: #1480FB;
    border-radius: 4px;
}

.layui-finance-top .layui-item:nth-child(2) .layui-item-wrap {
    background-image: url("../../images/icon_finanes.png");
    background-repeat: no-repeat;
    background-position: bottom right;
    background-color: #1DB4C2;
    border-radius: 4px;
}

.layui-finance-top .layui-item:nth-child(3) .layui-item-wrap {
    background-image: url("../../images/icon_finanes.png");
    background-repeat: no-repeat;
    background-position: bottom right;
    background-color: #FB7340;
    border-radius: 4px;
}

.layui-finance-top .layui-item:nth-child(4) .layui-item-wrap {
    background-image: url("../../images/icon_finanes.png");
    background-repeat: no-repeat;
    background-position: bottom right;
    background-color: #FFB35C;
    border-radius: 4px;
}

.layui-finance-top .layui-item:nth-child(5) .layui-item-wrap {
    background-image: url("../../images/icon_finanes.png");
    background-repeat: no-repeat;
    background-position: bottom right;
    background-color: #FF415F;
    border-radius: 4px;
}

.layui-title {
    color: #1A2543;
    font-size: 16px;
    font-weight: bold;
    padding: 24px 24px 12px 24px;
    background: #ffffff;
    position: relative;
}

.layui-title::before {
    content: "";
    width: 4px;
    height: 16px;
    background: #1480FB;
    border-radius: 0px 3px 3px 0px;
    position: absolute;
    left: 0;
    bottom: 14px;
}

.layui-title-view {
    color: #1A2543;
    font-size: 16px;
    font-weight: bold;
    padding: 16px 24px;
    background: #ffffff;
    position: relative;
}

.layui-title-view::before {
    content: "";
    width: 4px;
    height: 16px;
    background: #1480FB;
    border-radius: 0px 3px 3px 0px;
    position: absolute;
    left: 0;
    bottom: 18px;
}

.layui-span {
    font-size: 14px;
    color: #717B8F;
    font-weight: 400;
}

.layui-index-left {
    background: #ffffff;
    padding-bottom: 24px;
}

.layui-left-item {
    background: #F8F8F9;
    padding: 20px 16px;
}

.layui-left-item p {
    color: #717B8F;
    font-size: 14px;
    margin-bottom: 16px;
}

.layui-left-item span {
    color: #1A2543;
    font-size: 18px;
    font-weight: bold;
}

.layui-index-left .grid-item {
    padding-left: 24px;
    padding-right: 24px;
}

.layui-index-right {
    background: #ffffff;
}

.layui-left {
    padding-left: 0;
}

.layui-right {
    padding-right: 0;
}

.layui-right-list {
    padding: 0 24px;
}


.layui-right-list ul {
    height: 193px;
    overflow-y: scroll;
}

.layui-right-list span {
    float: right;
}

.layui-index-right .ranking {
    font-size: 14px;
    padding: 10px 24px;
    border-top: 1px solid #E0E1E3;
}

.layui-right-list ul li {
    color: #1A2543;
    font-size: 14px;
    line-height: 30px;
    position: relative;
    padding-left: 40px;
    padding-bottom: 24px;
}

.layui-right-list li i {
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #ffffff;
    position: absolute;
    left: 0;
    border-radius: 50%;
    font-style: normal;
}

.layui-right-list li:nth-child(1) i {
    background: #FC4545;
}

.layui-right-list li:nth-child(2) i {
    background: #FF7C24;

}

.layui-right-list li:nth-child(3) i {
    background: #FFB35C;
}

.layui-right-list li:nth-child(n+4) i {
    color: #717B8F;
    background: #F8F8F9;
}

.customer-wrap .layui-col-md3:nth-child(1) .customer-item {
    background: #E7F2FF;
}

.customer-wrap .layui-col-md3:nth-child(2) .customer-item {
    background: #FFF7EE;
}

.customer-wrap .layui-col-md3:nth-child(3) .customer-item {
    background: #EDFBF4;
}

.customer-wrap .layui-col-md3:nth-child(4) .customer-item {
    background: #FFECEC;
}

.customer-demo {
    width: 20%;
}

.customer-item {
    display: flex;
    justify-content: space-between;

}

.customer-item img {
    margin-top: -5px;
}

.tab-more {
    float: right;
    margin-right: 0 !important;
    cursor: pointer;
}

.tab-more a {
    font-size: 14px;
    color: #9DA5B8;
}

.layui-table-wrap {
    background: #ffffff;
    padding: 0 24px 24px 24px;
    margin-bottom: 24px;
}

.layui-table-body-wrap {
    min-height: 400px;
}

.layui-table-wrap .expiration-date {
    color: #FC4545;
}

.layui-table-wrap .quarterly {
    display: none;
}

.index-title-tab {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}

.index-title-tab li {
    padding: 8px 16px;
    border: 1px solid #E0E1E3;
    border-radius: 4px;
    cursor: pointer;
    margin-right: 8px;
}

.tab-active {
    color: #ffffff;
    background: #1480FB;
    border: 1px solid #1480FB;
}

.table-item {
    display: none;
}

.table-one {
    display: block;
}

.view-details {
    color: #1480FB;
    cursor: pointer;
}

.layui-warn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #ffffff;
    padding-right: 24px;
}

.layui-warn a {
    color: #9DA5B8;
}

.status-red {
    font-size: 12px;
    color: #FC4545;
    padding: 4px 8px;
    border: 1px solid rgba(252, 69, 69, 0.6);
    border-radius: 2px;
    background: #FFE8E8;
    white-space: nowrap;
    display: inline-block;
}


.status-green {
    font-size: 12px;
    color: #53D18F;
    padding: 4px 8px;
    border: 1px solid rgba(83, 209, 143, 0.6);
    border-radius: 2px;
    background: #EBFAF2;
    white-space: nowrap;
    display: inline-block;
}

.status-blue {
    font-size: 12px;
    color: #1480FB;
    padding: 4px 8px;
    border: 1px solid rgba(20, 128, 251, 0.6);
    border-radius: 2px;
    background: #E6F1FE;
    white-space: nowrap;
    display: inline-block;
}

.status-orange {
    font-size: 12px;
    color: #FFB35C !important;
    padding: 4px 8px;
    border: 1px solid rgba(255, 179, 92, 0.6);
    border-radius: 2px;
    background: #FFF0DE;
    white-space: nowrap;
    font-weight: 400 !important;
    display: inline-block;
}

.status-grey {
    font-size: 12px;
    color: #9DA5B8;
    padding: 4px 8px;
    border: 1px solid rgba(157, 165, 184, 0.6);
    border-radius: 2px;
    background: #F2F3F5;
    white-space: nowrap;
    display: inline-block;
}

.status-purple {
    font-size: 12px;
    color: #1C7FF2;
    padding: 4px 8px;
    border: 1px solid rgba(203, 226, 251, 0.6);
    border-radius: 2px;
    background: rgb(237, 245, 254);
    white-space: nowrap;
    display: inline-block;
}

.status-yellow {
    font-size: 12px;
    color: #FC7840;
    padding: 4px 8px;
    border: 1px solid rgba(254, 219, 204, 0.6);
    border-radius: 2px;
    background: rgb(255, 245, 240);
    white-space: nowrap;
    display: inline-block;
}

.status-brown {
    font-size: 12px;
    color: #a52a2a;
    padding: 4px 8px;
    border: 1px solid rgba(165, 42, 42, 0.6);
    border-radius: 2px;
    background: rgb(255, 245, 240);
    white-space: nowrap;
    display: inline-block;
}

.status-apricot {
    font-size: 12px;
    color: #093e5b;
    padding: 4px 8px;
    border: 1px solid rgba(9, 62, 91, 0.6);
    border-radius: 2px;
    background-color: rgba(9, 62, 91, 0.1);
    white-space: nowrap;
    display: inline-block;
}

.status-blue-text {
    color: #1480FB;
}

.layui-text-red {
    color: #FC4545;
}

.layui-text-green {
    color: #53D18F;
    cursor: pointer;
}

.status-green-text {
    color: #53D18F;
}

.status-grey-text {
    color: #9DA5B8;
}

.layui-contract-title {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    letter-spacing: 0;
}

.layui-contract-title h2 {
    font-size: 20px;
    color: #1A2543;
    font-weight: bold;
}

.layui-contract-edit-title {
    margin-bottom: 16px;
    letter-spacing: 0;
}

.layui-contract-edit-title h2 {
    font-size: 20px;
    color: #1A2543;
    font-weight: bold;
    margin-bottom: 16px;
}

.basic-wrap {
    background: #ffffff;
    padding: 0 12px 24px;
    margin-bottom: 24px;
}

/* .customer-form-wrap {
    min-height: 550px;
} */

.layui-abuse-wrap {
    background: #ffffff;
}

.layui-abuse-wrap .line {
    height: 1px;
    background: #E0E1E3;
    margin: 20px 24px;
    border-bottom: 0 !important;
}

.layui-abuse-wrap .basic-wrap:not(:last-child) {
    padding-bottom: 0;
    margin-bottom: 0;
}

.data-center {
    background: #ffffff;
    margin-bottom: 24px;
}

.information-data-center {
    padding: 0 12px 24px;
}

.layui-form-text {
    min-height: 36px;
    line-height: 36px;
    background: #F8F8F9;
    padding: 0 12px;
    border-radius: 4px 4px 4px 4px;
    margin-top: 8px;
    border: 1px solid #F8F8F9;
}

.layui-form-border {
    min-height: 36px;
    line-height: 36px;
    padding: 0 12px;
    border-radius: 4px 4px 4px 4px;
    margin-top: 8px;
    border: 1px solid #E0E1E3;
}

.layui-contract-form-input {
    border: none;
    outline: none;
}

.textarea-remark {
    padding: 0 12px;
    border-radius: 4px 4px 4px 4px;
    margin-top: 8px;
    border: 1px solid #E0E1E3;
}

.layui-form-content {
    background: #F8F8F9;
    padding: 12px;
    border-radius: 4px 4px 4px 4px;
    margin-top: 8px;
}

.layui-form-content a {
    color: #1480FB !important;
    font-size: 12px;
    margin-top: 16px;
    display: inline-block;
}



.layui-form .devices {
    height: 36px;
    display: flex;
    align-items: center;
    background: #ffffff;
    border: 1px solid #E0E1E3;
    border-radius: 4px;
    margin-top: 10px;
    padding: 0 6px;
}

.layui-form .devices .icon-add {
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #ffffff;
    background: #1480FB;
    border: 1px solid #1480FB;
    border-radius: 4px 4px 4px 4px;
    cursor: pointer;
}

.layui-form .devices .icon-reduce {
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #E0E1E3;
    background: #ffffff;
    border: 1px solid #E0E1E3;
    border-radius: 4px 4px 4px 4px;
    cursor: pointer;
}

.layui-input-devices {
    width: 75%;
    height: 36px;
    margin: auto;
    text-align: center;
}

.layui-input-other {
    border: 1px solid #E0E1E3;
}

.tips-text {
    font-size: 16px;
    color: #1A2543;
    font-weight: bold;
}

.line {
    height: 1px;
    background: #E0E1E3;
    margin: 20px 0;
    border-bottom: 0 !important;
}

.layui-form-equipment {
    height: 48px;
    background: #F8F8F9;
    padding: 0 12px;
    border-radius: 4px 4px 4px 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.layui-form-edit-equipment {
    padding: 16px;
    background: #F8F8F9;
}

.equipment-number {
    font-size: 18px;
    color: #1A2543;
    font-weight: bold;
}

.layui-textarea-input {
    margin-top: 8px;
    border: 1px solid #E0E1E3;
}

.layui-upload {
    background: #F8F8F9;
    border-radius: 4px 4px 4px 4px;
    padding: 20px;
    text-align: center;
}

.layui-upload span {
    font-size: 12px;
    color: #717B8F;
}

.registration-file {
    height: 36px;
    line-height: 36px;
    margin-top: 8px;
    padding: 0 12px;
    background: #F8F8F9;
}

.registration-file a {
    font-size: 12px;
    color: #1480FB;
}

.upload-input {
    margin: 8px 0 8px 45%;
    background: #F8F8F9;
}

.upload-excel {
    padding: 8px 0 8px 40%;
    background: #F8F8F9;
}

.back-off-message {
    background: #F8F8F9;
    padding: 12px;
    border-radius: 4px;
    margin-top: 8px;
    line-height: 36px;
    overflow-wrap: break-word;
}

.layui-back-message {
    margin-top: 8px;
    border: 1px solid #E0E1E3;
}

.timeline-back-message .layui-timeline-item:not(:last-child) .layui-timeline-axis {
    color: #9DA5B8;
    background: #9DA5B8;
}

.timeline-back-message .layui-timeline-item:nth-last-child(1) .layui-timeline-axis {
    color: #2C6AF5;
}


.timeline-back-message h4 {
    color: #1A2543;
}

.timeline-back-message .layui-form-text {
    overflow-wrap: break-word;
}

.contractextension-wrap .timeline-back-message .layui-timeline-item:nth-last-child(1) .layui-timeline-axis {
    color: #2C6AF5;
    background: none;
}

/* 销售客户详情 */
.layui-contract-wrap {
    border-radius: 4px;
    padding: 24px;
    background: #ffffff;
    margin-bottom: 24px;
}

.layui-contract-wrap h3 {
    font-size: 16px;
    color: #1A2543;
    font-weight: bold;
    margin-bottom: 16px;
}

.layui-contract-top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.layui-contract-top li {
    font-size: 14px;
    color: #717B8F;
    /* line-height: 26px; */
}

.layui-contract-top .contract-num {
    color: #1A2543;
    font-weight: bold;
}

.layui-contract-top .divider {
    color: #E0E1E3;
    margin: 0 25px;
}

.layui-contract-bottom {
    padding: 16px;
    background: #F8F8F9;
    margin-top: 12px;
}

.layui-contract-bottom .layui-col-md2 {
    width: 14%;
}

.layui-contract-bottom .layui-col-md2>div {
    padding: 16px;
    background: #ffffff;
}

.layui-contract-bottom .layui-contract-one {
    background: #1480FB !important;
}

.layui-contract-bottom .layui-contract-one p {
    color: #ffffff !important;
}

.layui-contract-bottom .layui-contract-one span {
    color: #ffffff !important;
}

.layui-contract-bottom p {
    font-size: 14px;
    color: #717B8F;
}

.layui-contract-bottom span {
    font-size: 18px;
    color: #1A2543;
    font-weight: bold;
    margin-top: 8px;
    display: inline-block;
}

.layui-contract-text {
    display: flex;
    /* align-items: center; */
    /* flex-wrap: wrap; */
    font-size: 14px;
    /* line-height: 30px; */
}

.layui-contract-text .layui-contract-item {
    color: #9DA5B8;
    margin-right: 24px;
    white-space: nowrap;
}

.layui-contract-text p {
    margin-bottom: 12px;
}

.layui-contract-right {
    color: #1A2543;
    word-wrap: break-word;
    word-break: break-all;
}

.layui-contract-ip {
    /* height: 60px; */
    /* overflow-y: scroll; */
}

.layui-contract-ip a {
    margin-bottom: 4px;
    display: inline-block;
}

.layui-tab-contract {
    background: #ffffff;
    padding: 6px 24px 0 24px;
    margin-bottom: 24px;
}

.layui-tab-customer {
    background: #ffffff;
    padding: 6px 24px 0 24px;
}

.layui-coupon-bottom {
    margin-top: 12px;
    padding: 16px;
    background: #F8F8F9;
}

.layui-coupon-top {
    display: flex;
    justify-content: space-between;
}

/* 发票详情 */
.layui-content-fixd {
    width: 45%;
    height: 100%;
    background: #ffffff;
    box-shadow: -6px 0px 16px 1px rgba(28, 29, 32, 0.12);
    position: fixed;
    right: 0;
    top: 60px;
    bottom: 0;
    z-index: 999;
    display: none;
}

.layui-content-fixd .line {
    margin: 8px 0;
}

.popup-title {
    padding: 16px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #E0E1E3;
}

.popup-title h2 {
    font-size: 16px;
    font-weight: bold;
}

.icon-close {
    cursor: pointer;
}

.layui-popup-wrap {
    height: 70%;
    overflow-y: scroll;
    scrollbar-width: none;
    padding: 8px 24px 8px 24px;
    padding-bottom: 100px;
}

.layui-popup-wrap::-webkit-scrollbar {
    display: none
}

.layui-information-data h2 {
    font-size: 16px;
    color: #1A2543;
    font-weight: bold;
    text-align: center;
    padding: 16px 0;
    border-bottom: 1px solid #E0E1E3;
}

.layui-information-data .layui-col-left {
    border-right: 1px solid #E0E1E3;
}

.layui-information-data .grid-demo {
    padding-top: 24px;
}

.layui-information-data .old {
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    padding: 2px 9px;
    border-radius: 4px;
    background: #FFB35C;
    margin-left: 7px;
}

.layui-information-data .new {
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    padding: 2px 9px;
    border-radius: 4px;
    background: #1480FB;
    margin-left: 7px;
}

.layui-layer-btn {
    padding-bottom: 24px !important;
}

.layui-layer-btn0 {
    width: 92px !important;
    height: 36px !important;
    line-height: 36px !important;
    text-align: center;
    border-radius: 4px !important;
}

.layui-layer-btn1 {
    width: 92px !important;
    height: 36px !important;
    line-height: 36px !important;
    text-align: center;
    border-radius: 4px !important;
}

.layui-layer-title {
    font-size: 16px;
    color: #1A2543;
    font-weight: bold;
}

.appeal-content {
    display: flex;
    margin: 12px 0;
}

.appeal-content p:nth-child(1) {
    color: #717B8F;
}

.appeal-content .appeal-content-text {
    width: 100%;
    color: #1A2543;
    position: relative;
    word-wrap: break-word;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    /* -webkit-box-orient: vertical; */
    /* -webkit-line-clamp: 3; */
    overflow: hidden;
    line-height: 18px;
}

.line-clamp {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.appeal-content .icon-text {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #1480FB;
    background: #ffffff;
    padding-left: 24px;
    cursor: pointer;
}

.return-message {
    display: flex;
    padding: 16px;
    background: #F8F8F9;
    margin-bottom: 24px;
}

.return-message p {
    color: #717B8F;
    white-space: nowrap;
}

.layui-dot-blue {
    width: 8px;
    height: 8px;
    background: #1480FB;
    border-radius: 50%;
    display: inline-block;
}

.layui-dot-orange {
    width: 8px;
    height: 8px;
    background: #FFB35C;
    border-radius: 50%;
    display: inline-block;
}

.popup-file-tips {
    text-align: center;
    padding: 0 20px;
}

.popup-file-tips p {
    font-size: 18px;
    color: #1A2543;
    font-weight: bold;
    margin-top: 12px;
    margin-bottom: 12px;
}

.upload-text {
    color: #1A2543;
}

.object-content {
    width: 100%;
    border: 1px solid #E0E1E3;
    border-radius: 4px;
}

.object-content span {
    display: inherit;
    height: 40px;
    line-height: 40px;
    background: #F7F8FA;
    padding: 0 24px;
    border-radius: 0px 0px 4px 4px;
    border-top: 1px solid #E0E1E3;
}

.layui-panel-item {
    /* padding: 16px; */
    border-radius: 4px;
    border: 1px solid #E0E1E3;
}

.layui-panel-list {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.layui-panel-left img {
    margin-right: 8px;
}

.layui-panel-left p {
    width: 205px;
    color: #1A2543;
    font-weight: bold;
    margin-bottom: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.layui-panel-top {
    padding: 16px;
}

.layui-panel-bottom {
    padding: 12px;
    display: flex;
    justify-content: space-around;
    border-top: 1px solid #E0E1E3;
}

.layui-panel-left {
    display: flex;
}

.customers-operation {
    position: relative;
}

.customers-ul {
    display: none;
    position: absolute;
    right: 40%;
    top: 35px;
    width: 160px;
    padding: 8px;
    background: #ffffff;
    box-shadow: 0px 3px 12px 1px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    border: 1px solid #E0E1E3;
    z-index: 999;
}

.customers-ul li {
    padding: 6px 8px;
    border-radius: 4px;
}

.customers-ul li:last-child {
    margin-bottom: 0;
}

.customers-ul li:hover {
    background: #EFF1F4;

}

.cursor-pointer {
    cursor: pointer;
}

.layui-more-active {
    background: #F1F6FB;
}

.select-option {
    display: none;
}

.layui-form-label-input {
    padding-left: 12px !important;
    width: 100px !important;
}

.layui-form-label-block {
    margin-left: 100px !important;
}

.avatar-file {
    display: flex;
    align-items: center;
}

.avatar-file .avatar-img {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    overflow: hidden;
}

.avatar-file .avatar-img img {
    position: relative;
    width: 100%;
    height: 100%;
}

.edit-file {
    cursor: pointer;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    position: absolute;
    left: 55px;
    bottom: 14px;
    background: rgb(233, 158, 20);
    display: flex;
    align-items: center;
    justify-content: center;
}

#file {
    display: none;
}

.avatar-right {
    margin-left: 24px;
}

.avatar-right p {
    font-weight: bold;
    margin-bottom: 8px;
}

.avatar-right span {
    font-size: 12px;
    color: #9DA5B8;
}

.avatar-wrap {
    padding: 24px;
    margin-bottom: 24px;
    background: #F8F8F9;
    display: flex;
    justify-content: space-between;
}

.transfer-customer-content {
    padding: 22px 16px;
    border-radius: 4px;
    border: 1px solid #E0E1E3;

}

.transfer-customer-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.transfer-customer-left {
    display: flex;
    align-items: center;
}

.transfer-customer-left img {
    margin-right: 12px;
}

.radio-type {
    width: 18px;
    height: 18px;
    appearance: none;
    position: relative;
}

.radio-type:before {
    content: '';
    width: 18px;
    height: 18px;
    border: 1px solid #E0E1E3;
    display: inline-block;
    border-radius: 4px;
    vertical-align: middle;
}

.radio-type:checked:before {
    content: '';
    width: 18px;
    height: 18px;
    border: 1px solid #1480FB;
    background: #1480FB;
    display: inline-block;
    /* border-radius: 50%; */
    vertical-align: middle;
}

.radio-type:checked:after {
    content: '';
    width: 10px;
    height: 5px;
    border: 2px solid white;
    border-top: transparent;
    border-right: transparent;
    text-align: center;
    display: block;
    position: absolute;
    top: 5px;
    left: 4px;
    vertical-align: middle;
    transform: rotate(-45deg);
}

.radio-type:checked+label {
    color: #1480FB;
}

.layui-tab-title .tab-view-expire {
    display: none;
}

.btn-next {
    text-align: right;
    margin-top: 34px;
}

.btn-next button {
    padding: 0 25px;
}

.transfer-top {
    display: flex;
    justify-content: space-around;
    align-items: center;
    background: #F1F8FF;
    border-radius: 4px;
    padding: 8px;
}

.transfer-text {
    width: 110px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
    background: url('../../images/icon-transfer.png');
    background-size: cover;
}

.transfer-bottom {
    border-radius: 4px;
    border: 1px solid #E0E1E3;
}

.transfer-bottom-text {
    padding: 8px 20px;
    border-bottom: 1px solid #E0E1E3;
    background: #F8F8F9;
}

.code-list-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.layui-coupons-ul {
    display: flex;
}

.layui-coupons-item {
    width: 220px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #E0E1E3;
    cursor: pointer;
    margin-right: 16px;
}

.coupons-active {
    color: #1480FB;
    box-shadow: 0px 1px 4px 1px rgba(20, 128, 251, 0.14);
    border: 1px solid #1480FB;
    background-color: #F9FBFF;
    background-image: url('../../images/icon_selected.png');
    background-repeat: no-repeat;
    background-position: top right;
}

.layui-team-list {
    padding: 16px;
    border-radius: 4px;
    background: #ffffff;
    margin-bottom: 16px;
}

.team-list-active {
    color: #ffffff;
    background: #1480FB;
}

.team-list-active .avatar-name {
    color: #ffffff;
}

.layui-team-list .avatar-name {
    width: 160px;
}

.layui-team-list .layui-team-id {
    font-size: 14px;
    margin-bottom: 16px;
}

.layui-panel-wrap {
    padding: 24px;
    background: #F8F8F9;
    border-radius: 4px;
    margin-bottom: 24px;
}

.layui-team-ul li {
    color: #1A2543;
}

.layui-orange-text {
    font-size: 14px;
    color: #FFB35C;
    margin-top: 4px;
    display: inline-block;
    font-weight: 400;
}

.item-relative {
    /* position: relative; */
    padding-left: 140px;
    margin-bottom: 16px;
    display: inline-block;
}

.item-absolute {
    color: #9DA5B8;
    width: 140px;
    position: absolute;
    left: 0;
    top: 0;
}

.layui-badge-icon {
    float: right;
}

.layui-date-time {
    font-size: 12px;
    color: #9DA5B8;
}

.layui-tips-contact {
    font-size: 12px;
    color: #FFB35C;
    padding: 4px 8px;
    border: 1px solid rgba(255, 179, 92, 0.6);
    border-radius: 2px;
    background: #FFF0DE;
    display: flex;
    align-items: center;
}

.layui-tips-msg {
    font-size: 12px;
    color: #FC4545;
    padding: 4px 8px;
    border: 1px solid rgba(252, 69, 69, 0.6);
    border-radius: 2px;
    background: #FFE8E8;
    display: flex;
}

.layui-error-msg {
    font-size: 12px;
    color: #FC4545;
    padding: 4px 8px;
    border: 1px solid rgba(252, 69, 69, 0.6);
    border-radius: 2px;
    background: #FFE8E8;
    white-space: nowrap;
    display: none;
    margin-top: 8px;
    margin-bottom: 12px;
}

.layui-error-msg .layui-icon-tips {
    margin-right: 6px;
}

.layui-error-msg p {
    display: flex;
    align-items: center;
}

.layui-error-msg p:not(:last-child) {
    margin-bottom: 6px;
}

/* 

.layui-layer-title img {
    margin-right: 12px;
}

.layui-layer-content {
    display: flex;
    align-items: center;
    padding: 0 24px 0 !important;
}

.layui-layer-dialog {
    min-width: 480px !important;
    background: #ffffff;
}

.layui-layer-title {
    font-size: 18px;
    color: #1A2543;
    font-weight: bold;
}

.layui-sign-content {
    color: #717B8F;
    margin-left: 42px;
}
*/

/* .layui-layer-btn0 {
    width: 92px !important;
    height: 36px !important;
    line-height: 36px !important;
    color: #ffffff !important;
    text-align: center;
    background: #FC4545 !important;
    border-radius: 4px !important;
    border: none !important;
}

.layui-layer-btn1 {
    width: 92px !important;
    height: 36px !important;
    line-height: 36px !important;
    color: #717B8F !important;
    background: #FFFFFF !important;
    text-align: center;
    border-radius: 4px !important;
    opacity: 1;
    border: 1px solid #E0E1E3 !important;
} */

.layui-pagination {
    text-align: right;
}

.customer-contract-ip-list {
    width: 140px;
    float: left;
    margin-right: 24px;
    margin-bottom: 5px;
}

.no-data {
    height: 455px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.customers-ul-hide {
    display: none;
}

.customers-ul-show {
    display: block;
}

.layui-total {
    font-size: 18px;
    color: #1A2543;
    font-weight: bold;
}

.layui-more {
    font-size: 18px;
}

.abuse-edit-btn {
    display: none;
}

.content-form-item {
    height: 100%;
    position: relative;
}

.layui-email-address {
    word-break: break-all;
    word-wrap: break-word;
}

@media screen and (min-width: 1200px) and (max-width: 1351px) {
    .layui-table-item {
        width: 50%;
    }
}

@media screen and (min-width: 992px) and (max-width: 1440px) {
    .layui-content-fixd {
        width: 55%;
    }
}


/* .layui-examine-dateline {
    position: fixed;
    width: 21%;
    height: 100%;
    margin-top: 55px;
    margin-right: 12px;
}

.layui-examine-dateline .layui-index-left::-webkit-scrollbar {
    display: none
}

.layui-examine-dateline .layui-index-left {
    height: 85%;
    background: #ffffff;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-bottom: 200px;
} */

/* .layui-examine-right {
    padding-left: 0;
    margin-left: 27%;
    margin-top: 55px;
} */


@media screen and (min-width: 1024px) {
    .layui-examine-dateline {
        position: fixed;
        width: 21%;
        height: 100%;
        margin-top: 55px;
        margin-right: 12px;
    }

    .layui-examine-dateline .layui-index-left::-webkit-scrollbar {
        display: none
    }

    .layui-examine-dateline .layui-index-left {
        height: 85%;
        background: #ffffff;
        overflow-y: scroll;
        scrollbar-width: none;
        -ms-overflow-style: none;
        padding-bottom: 200px;
    }

    .layui-examine-right {
        padding-left: 0;
        margin-left: 27%;
        margin-top: 55px;
    }

    .layui-examine-title {
        position: fixed;
        width: 100%;
        height: 50px;
        z-index: 999;
        background: #F6F8FA;
        padding-top: 16px;
        margin-left: 10px;
    }
}

@media screen and (min-width: 1281px) {
    .layui-examine-dateline {
        position: fixed;
        width: 21%;
        height: 100%;
        margin-top: 55px;
        margin-right: 12px;
    }

    .layui-examine-dateline .layui-index-left::-webkit-scrollbar {
        display: none
    }

    .layui-examine-dateline .layui-index-left {
        height: 85%;
        background: #ffffff;
        overflow-y: scroll;
        scrollbar-width: none;
        -ms-overflow-style: none;
        padding-bottom: 200px;
    }

    .layui-examine-right {
        padding-left: 0;
        margin-left: 26%;
        margin-top: 55px;
    }

    .layui-examine-title {
        position: fixed;
        width: 100%;
        height: 50px;
        z-index: 999;
        background: #F6F8FA;
        padding-top: 16px;
        margin-left: 10px;
    }
}

@media screen and (min-width:1920px) {
    .layui-examine-dateline {
        position: fixed;
        width: 21%;
        height: 100%;
        margin-top: 55px;
        margin-right: 12px;
    }

    .layui-examine-dateline .layui-index-left::-webkit-scrollbar {
        display: none
    }

    .layui-examine-dateline .layui-index-left {
        height: 85%;
        background: #ffffff;
        overflow-y: scroll;
        scrollbar-width: none;
        -ms-overflow-style: none;
        padding-bottom: 200px;
    }

    .layui-examine-right {
        padding-left: 0;
        margin-left: 25%;
        margin-top: 55px;
    }

    .layui-examine-title {
        position: fixed;
        width: 100%;
        height: 50px;
        z-index: 999;
        background: #F6F8FA;
        padding-top: 16px;
        margin-left: 10px;
    }

    .layui-serach .layui-input {
        width: 218px;
    }
}

@media screen and (min-width: 1680px) {
    .customer-form-wrap {
        min-height: 550px;
    }
}

@media screen and (min-width: 1440px)and (max-width: 1680px) {
    .layui-serach .layui-input {
        width: 192px;
    }
}

.layui-form-file {
    padding: 12px;
    background: #F8F8F9;
    border-radius: 4px;
}

.img-content {
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .6);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
}

.big-img {
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.layui-mask {
    z-index: 1 !important;
}

.view-media-content {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 70%;
    height: 80%;
    z-index: 2;
}

.media-mask {
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .6);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
}

.layui-verifying-remark {
    word-break: break-all;
}

.layui-list {
    cursor: pointer;
}

.text-break {
    word-wrap: break-word;
    /* 允许长单词换行 */
    white-space: pre-wrap;
}

/**输入框联想样式**/
.autocomplete-suggestions {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #999;
    background: #FFF;
    cursor: default;
    overflow: auto;
    -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    border-radius: 4px;
}

.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
    font-family: inherit
}

.autocomplete-no-suggestion {
    padding: 2px 5px;
}

.autocomplete-selected {
    background: #F0F0F0;
}

.autocomplete-suggestions strong {
    font-weight: bold;
    color: red;
}

.autocomplete-group {
    padding: 2px 5px;
}

.autocomplete-group strong {
    font-weight: bold;
    font-size: 16px;
    color: red;
    display: block;
    border-bottom: 1px solid #000;
}