.s_button1:before {
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%)
}

.s_button1:hover:before {
    animation: style1 .75s;
    z-index: 1;
}

@keyframes style1 {
    0% {
        background: rgba(0, 0, 0, .25);
        transform: translateX(-50%) translateY(-50%) scale(0)
    }

    to {
        background: transparent;
        transform: translateX(-50%) translateY(-50%) scale(1)
    }
}

.s_button4::after {
    opacity: 1;
    width: 0
}

.s_button4:hover::after {
    width: 100%;
    background-color: rgba(64, 158, 244, 1);
}

.s_title {
    font-size: 16px;
    color: #333333;
    line-height: 1;
}

.s_button1:hover {
    background-color: rgba(64, 158, 255, 1);
    color: rgba(255, 255, 255, 1);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-style: solid;
    border-color: rgba(64, 158, 255, 1);
    font-size: 14px;
}

.s_summary {
    font-size: 14px;
    color: #666666;
    line-height: 1.5;
}

.s_button1 {
    background-color: rgba(64, 158, 255, 1);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    color: rgba(255, 255, 255, 1);
    border-style: solid;
    border-color: rgba(64, 158, 255, 1);
    font-size: 14px;
    border-width: 1px;
    position: relative;
    overflow: hidden;
}

.s_button5 {
    background-color: rgba(255, 255, 255, 0);
    font-size: 14px;
    color: rgba(64, 158, 255, 1);
    border-style: solid;
    border-width: 1px;
    border-color: rgba(64, 158, 255, 1);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    transition: all .3s;
}

.s_subtitle {
    color: #222222;
    font-size: 28px;
    font-weight: bold;
    line-height: 1;
}

.s_templatetitle {
    font-size: 16px;
    color: #333333;
}

.s_templatesum {
    font-size: 14px;
    color: #666666;
}

.s_body {
    font-size: 12px;
    color: #F56C6C;
    line-height: 1.5;
}

.s_link {
    font-size: 14px;
    color: #666666;
    line-height: 2;
}

.s_list {
    background-color: rgba(255, 255, 255, 0);
}

.s_item {
    background-color: rgba(0, 0, 0, 1);
}

.s_comp {
    background-color: rgba(255, 254, 248, 1);
}

.s_tmpl {
    background-color: rgba(239, 239, 239, 1);
}

.s_tmpl_footer {
    background-color: rgba(239, 239, 239, 1);
}

body {
    background-color: rgba(255, 255, 255, 0);
}

.s_button2 {
    background-color: rgba(64, 158, 255, 1);
    font-size: 14px;
    color: rgba(255, 255, 255, 1);
    border-style: solid;
    border-width: 1px;
    border-color: rgba(64, 158, 255, 1);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    transition: all .3s;
}

.s_button2:hover {
    background-color: rgba(255, 255, 255, 1);
    color: rgba(64, 158, 255, 1);
    border-style: solid;
    border-color: rgba(64, 158, 255, 1);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.s_button3 {
    background-color: rgba(64, 158, 255, 1);
    font-size: 14px;
    color: rgba(255, 255, 255, 1);
    border-style: solid;
    border-width: 1px;
    border-color: rgba(64, 158, 255, 1);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    position: relative;
    overflow: hidden;
    transition: all .3s;
}

.s_button3:hover {
    background-color: rgba(51, 143, 238, 1);
    color: rgba(255, 255, 255, 1);
    border-style: solid;
    border-color: rgba(51, 143, 238, 1);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.s_button4 {
    background-color: rgba(255, 255, 255, 1);
    font-size: 14px;
    color: rgba(51, 51, 51, 1);
    border-style: solid;
    border-width: 1px;
    border-color: rgba(204, 204, 204, 1);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    position: relative;
    overflow: hidden;
    transition: all .3s;
}

.s_button4:hover {
    background-color: rgba(255, 255, 255, 1);
    font-size: 14px;
    color: rgba(64, 158, 255, 1);
    border-style: solid;
    border-color: rgba(64, 158, 255, 1);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.s_button5:hover {
    background-color: rgba(64, 158, 255, 1);
    font-size: 14px;
    color: rgba(255, 255, 255, 1);
    border-style: solid;
    border-color: rgba(64, 158, 255, 1);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.s_button6 {
    font-size: 14px;
    color: rgba(64, 158, 255, 1);
    border-style: solid;
    border-width: 1px;
    border-color: rgba(64, 158, 255, 1);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    transition: all .3s;
}

.s_button6:hover {
    font-size: 14px;
    color: rgba(255, 255, 255, 1);
    border-style: solid;
    border-color: rgba(64, 158, 255, 1);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.page_a {
    font-size: 14px;
    color: rgba(138, 138, 138, 1);
    border-style: solid;
    border-width: 1px;
    border-color: rgba(235, 235, 235, 1);
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    font-family: Arial;
    background-color: rgba(255, 255, 255, 0);
}

.page_a:hover {
    color: rgba(64, 158, 255, 1);
    border-color: rgba(64, 158, 255, 1);
    background-color: rgba(255, 255, 255, 0);
}

.page_a.current {
    background-color: rgba(34, 42, 53, 1);
    font-size: 14px;
    font-family: Arial;
    color: rgba(255, 255, 255, 1);
    border-style: solid;
    border-width: 0;
    border-color: rgba(34, 42, 53, 1);
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.page_a.current:hover {
    background-color: rgba(71, 75, 82, 1);
    color: rgba(255, 255, 255, 1);
    border-color: rgba(64, 158, 255, 1);
}

.page_jump {
    font-size: 14px;
    color: rgba(116, 116, 116, 1);
}

.page_jump:hover {
    color: rgba(116, 116, 116, 1);
}

.page_a.disabled {
    background-color: rgba(244, 244, 245, 1);
    font-size: 14px;
    color: rgba(192, 196, 204, 1);
    border-style: solid;
    border-width: 1px;
    border-color: rgba(244, 244, 245, 1);
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.page_a.disabled:hover {
    background-color: rgba(244, 244, 245, 1);
    color: rgba(192, 196, 204, 1);
    border-color: rgba(244, 244, 245, 1);
}

.page_input {
    background-color: rgba(255, 255, 255, 0);
    font-size: 14px;
    color: rgba(96, 98, 102, 1);
    border-style: solid;
    border-width: 1px;
    border-color: rgba(235, 235, 235, 1);
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.page_input:hover {
    background-color: rgba(255, 255, 255, 0);
    color: rgba(96, 98, 102, 1);
    border-color: rgba(64, 158, 255, 1);
}

/********************   样 式 一 默 认 状 态   ********************/

.s_form_layout1 {
    background: #fff;
}

.s_form_layout1 .s_label {
    color: #666666;
}

.s_form_layout1 .s_input,
.s_form_layout1 .e_label .p_labelItem label,
.s_form_layout1 .e_rangeDate .j_date,
.s_form_layout1 .e_address .cascader-wrap .zd-input__inner {
    border: 1px solid #E1E1E1;
    background: transparent;
    color: #666;
    padding: 0 15px;
    line-height: 1;
    border-radius: 2px !important;
    transition: all ease .15s;
}

.s_form_layout1 input.s_input,
.s_form_layout1 .e_rangeDate .j_date {
    height: calc(1.5em + 0.75rem + 5px);
}

.s_form_layout1 textarea.s_input {
    height: 150px;
    padding: 10px 15px;
}

.s_form_layout1 .e_label .p_labelItem label {
    height: 26px;
    line-height: 26px;
    color: #999;
    cursor: pointer;
    font-size: 12px;
}

.s_form_layout1 .e_date .s_input {
    font-family: arial;
}

.s_form_layout1 .e_rangeDate .p_start,
.s_form_layout1 .e_rangeDate .p_end {
    line-height: 36px;
    height: 36px;
    border: none !important;
    box-shadow: none !important;
    font-family: arial;
}

.s_form_layout1 .zd-input__icon.zd-icon-arrow-down {
    margin: 0;
}

.s_form_layout1 .e_rangeDate .p_fenge {
    line-height: 32px;
}

.s_form_layout1 .s_input::-webkit-input-placeholder {
    color: #999999;
}

.s_form_layout1 .s_input::-moz-placeholder {
    color: #999999;
}

.s_form_layout1 .s_input:-ms-input-placeholder {
    color: #999999;
}

.s_form_layout1 *[class^="e_"][required] .p_label::after {
    font-size: 12px;
    top: 0;
    padding: 0;
}

.s_form_layout1 .e_uploadImg .p_uploadBtn {
    background: none;
    border-radius: 2px;
    border: 1px dashed #E1E1E1;
    margin-bottom: 5px;
    transition: all ease .15s;
}

.s_form_layout1 .e_uploadImg .icon {
    margin: 0;
}

.s_form_layout1 .text-danger {
    display: none;
}

.s_form_layout1 .e_uploadImg .p_imgOp {
    transition: all ease .15s;
    display: flex;
    opacity: 0;
}

.s_form_layout1 .e_uploadFile .p_upload {
    background: none;
    display: flex;
    transition: all ease .15s;
}

.s_form_layout1 .e_uploadFile .p_uploadBtn {
    width: 80px;
    margin-right: 0;
    height: 38px;
    cursor: pointer;
}

.s_form_layout1 .e_uploadFile .p_uploadBtn button {
    border-radius: 2px;
    background: #409eff;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.s_form_layout1 .e_uploadFile .p_upload > span {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    margin: 0;
    vertical-align: middle;
    width: calc(100% - 80px);
    padding-left: 15px;
    color: #999;
    border: 1px solid #E1E1E1;
    border-radius: 2px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
}

.s_form_layout1 .p_fileList {
    margin-bottom: 20px;
}

.s_form_layout1 .e_uploadFile .p_fileItem {
    margin: 0;
    line-height: 38px;
    border: 1px solid #E1E1E1;
    border-top-color: #fff;
    border-left-color: #fff;
    border-right-color: #fff;
}

.s_form_layout1 .e_uploadFile .p_fileItem .text-primary {
    color: #999;
}

.s_form_layout1 .e_uploadFile .p_size {
    margin-right: 0px;
}

.s_form_layout1 .e_formBtn {
    background-color: #409eff;
    border-color: #409eff;
    border-radius: 2px;
    font-size: 14px;
}

.s_form_layout1 .e_score .p_hint {
    color: #666;
}

.s_form_layout1 .form-check-label {
    color: #666;
}

.s_form_layout1 .e_mobileCode .p_sendBtn,
.s_form_layout1 .e_emailCode .p_sendBtn {
    height: 38px;
    vertical-align: bottom;
    background-color: #409eff;
    border-color: #409eff;
    border-radius: 2px;
    font-size: 14px;
    line-height: 38px;
}

/********************   样 式 一 焦 点 状 态   ********************/

.s_form_layout1 .s_input:focus,
.s_form_layout1 .e_label .p_labelItem label:hover,
.s_form_layout1 .e_address .cascader-wrap:not(.is-disabled):hover .zd-input__inner,
.s_form_layout1 .e_uploadImg .p_uploadBtn:hover {
    background: transparent;
    outline: 0;
    box-shadow: 0 0 8px rgba(134, 183, 254, .3);
    border: 1px solid #9fceff;
    color: #666666;
}

.s_form_layout1 .e_label .p_labelItem input:checked + label {
    background: #66B1FF;
    border-color: #66B1FF;
    color: #fff;
}

.s_form_layout1 .e_date .s_input::selection,
.s_form_layout1 .e_rangeDate .p_start::selection,
.s_form_layout1 .e_rangeDate .p_end::selection {
    background: #000;
    color: #fff;
}

.s_form_layout1 .e_date .s_input::-moz-selection,
.s_form_layout1 .e_rangeDate .p_start::-moz-selection,
.s_form_layout1 .e_rangeDate .p_end::-moz-selection {
    background: #000;
    color: #fff;
}

.s_form_layout1 .e_uploadImg .p_uploadBtn:hover {
    border-style: dashed;
}

.s_form_layout1 .e_uploadImg .p_imgItem:hover .p_imgOp {
    opacity: 1;
}

.s_form_layout1 .e_uploadFile .p_upload:hover {
    box-shadow: 0 0 8px rgba(134, 183, 254, .3);
}

.s_form_layout1 .e_uploadFile .p_upload:hover > span {
    border-color: #9fceff;
}

.s_form_layout1 .e_uploadFile .p_upload:hover .p_uploadBtn button {
    background: #66b1ff;
}

.s_form_layout1 .e_uploadFile .p_fileItem:hover {
    border: 1px dashed #9fceff;
}

.s_form_layout1 .e_formBtn:hover,
.s_form_layout1 .e_mobileCode .p_sendBtn:hover,
.s_form_layout1 .e_emailCode .p_sendBtn:hover {
    background: #66b1ff;
    box-shadow: 0 0 8px rgba(134, 183, 254, .3);
}


/********************   样 式 一 错 误 状 态   ********************/

/* .s_form_layout1 input:-internal-autofill-previewed {
    box-shadow: 0 0 0px 100px rgba(245,108,108,.1) inset !important; 
    text-fill-color: #f56c6c;
    -webkit-text-fill-color: #f56c6c;
} */
.s_form_layout1 .s_input.is-invalid,
.s_form_layout1 .is-invalid .s_input,
.s_form_layout1 .e_rangeDate .j_date.is-invalid,
.s_form_layout1 .e_date .is-invalid .p_input {
    border: 1px solid rgba(245, 108, 108, .3);
    background: #fef0f0;
    box-shadow: none;
    padding: 0 15px;
}

.s_form_layout1 textarea.s_input.is-invalid {
    padding: 10px 15px;
}

.s_form_layout1 .s_input.is-invalid:focus,
.s_form_layout1 .e_date .is-invalid .p_input:focus {
    box-shadow: 0 0 8px rgba(220, 53, 69, .25);
    border-color: #f56c6c;
}

.s_form_layout1 .s_input.is-invalid::-webkit-input-placeholder,
.s_form_layout1 .e_rangeDate .j_date.is-invalid .s_input::-webkit-input-placeholder,
.s_form_layout1 .is-invalid .s_input::-webkit-input-placeholder {
    color: #f56c6c;
}

.s_form_layout1 .s_input.is-invalid::-moz-placeholder,
.s_form_layout1 .e_rangeDate .j_date.is-invalid .s_input::-moz-placeholder,
.s_form_layout1 .is-invalid .s_input::-moz-placeholder {
    color: #f56c6c;
}

.s_form_layout1 .s_form_layout1 .s_input.is-invalid:-ms-input-placeholder,
.s_form_layout1 .e_rangeDate .j_date.is-invalid .s_input:-ms-input-placeholder,
.s_form_layout1 .is-invalid .s_input:-ms-input-placeholder {
    color: #f56c6c;
}

.s_form_layout1 .invalid-feedback {
    color: #f56c6c;
}

/********************   样 式 一 下 拉 选 项 默 认 状 态   ********************/

.s_form_layout1 .s_input .inputWrap {
    border: 0 !important;
    min-height: 38px !important;
    background: none !important;
    border-radius: 0 !important;
}

.s_form_layout1 .s_input .inputWrap .placeholder {
    padding: 0;
    line-height: 38px;
    color: #999;
}

.s_form_layout1 .s_input svg {
    margin: 0;
}

.s_form_layout1 .e_address .zd-cascader-panel {
    border-radius: 0px;
    width: 100%;
}

.s_form_layout1 .e_address .zd-cascader-menu__list {
    padding: 0 10px;
}

.s_form_layout1 .e_address .zd-cascader-panel > div {
    width: 100%;
    border-right: 1px solid #ededed;
}

.s_form_layout1 .e_address .zd-cascader-panel > div:last-child {
    border-right: 0px solid #ededed;
}

.s_form_layout1 .e_address .zd-cascader__dropdown {
    width: 100%;
    padding: 10px 0;
    box-shadow: 0 2px 8px rgb(0 0 0 / 10%);
    background: rgba(255, 255, 255, .1) !important;
}

.s_form_layout1 .e_address .zd-cascader-node {
    padding: 0 10px;
    margin-bottom: 4px;
    line-height: 30px;
    height: 30px;
}

.s_form_layout1 .e_address .zd-cascader-node__label {
    padding: 0px;
    line-height: 1;
}

.s_form_layout1 .e_address .zd-input__icon.zd-icon-arrow-right {

    margin: 0;
}

/********************   样 式 一 下 拉 选 项 焦 点 状 态   ********************/

.s_form_layout1 .s_input .multSelect-option {
    border: 0 !important;
    left: -1px;
    right: -1px;
    background: rgba(255, 255, 255, .1) !important;
    box-shadow: 0 2px 8px rgb(0 0 0 / 10%);
    padding: 10px;
    width: calc(100% + 2px) !important;
}

.s_form_layout1 .s_input .multSelect-option > div {
    padding: 0 10px !important;
    margin-bottom: 4px;
    line-height: 30px !important;
}

.s_form_layout1 .s_input .multSelect-option > div:hover {
    color: #666 !important;
}

.s_form_layout1 .s_input .multSelect-option::-webkit-scrollbar {
    width: 0px;
}

.s_form_layout1 .s_input .multSelect-option::-webkit-scrollbar-track {
    background: #ddd;
}

.s_form_layout1 .s_input .multSelect-option::-webkit-scrollbar-thumb {
    background: #ffffff;
}


/********************   样 式 一 下 拉 选 项 选 中 样 式   ********************/

.s_form_layout1 .s_input .inputWrap ul {
    padding-left: 0;
}

.s_form_layout1 .s_input .inputWrap li {
    color: #999;
    padding: 7px;
    border-radius: 2px;
}

.s_form_layout1 .s_input .multSelect-option > div.selected,
.s_form_layout1 .e_address .zd-cascader-node:hover,
.s_form_layout1 .e_address .zd-cascader-node.in-active-path {
    background: whitesmoke !important;
    color: #666 !important;
    font-weight: 500;
}

.s_form_layout1 .e_address .zd-cascader-node.in-active-path .zd-input__icon path {
    fill: #666;
}

.s_form_layout1 .e_address .is-selected-icon {
    display: none;
}


/********************   样 式 二 默 认 状 态   ********************/

.s_form_layout2 {
    background: #fff;
}

.s_form_layout2 .s_label {
    color: #666666;
}

.s_form_layout2 .s_input,
.s_form_layout2 .e_rangeDate .j_date,
.s_form_layout2 .e_address .cascader-wrap .zd-input__inner {
    border: 1px solid #E1E1E1;
    border-left: none;
    border-top: none;
    border-right: none;
    color: #666;
    padding: 0 15px;
    line-height: 1;
    border-radius: 2px !important;
    transition: border ease .15s, box-shadow ease .15s, border-color ease .15s, background-color ease .15s;
    background: none;
}

.s_form_layout2 .e_label .p_labelItem label {
    border: 1px solid #E1E1E1;
    color: #666;
    padding: 0 15px;
    line-height: 1;
    border-radius: 2px !important;
    transition: border ease .15s, box-shadow ease .15s, border-color ease .15s, background-color ease .15s;
    background: none;
}

.s_form_layout2 input.s_input,
.s_form_layout2 .e_rangeDate .j_date {
    height: calc(1.5em + 0.75rem + 5px);
}

.s_form_layout2 textarea.s_input {
    height: 150px;
    padding: 10px 15px;
}

.s_form_layout2 .e_label .p_labelItem label {
    height: 26px;
    line-height: 26px;
    color: #999;
    cursor: pointer;
    font-size: 12px;
}

.s_form_layout2 .e_date .s_input {
    font-family: arial;
}

.s_form_layout2 .e_rangeDate .p_start,
.s_form_layout2 .e_rangeDate .p_end {
    line-height: 36px;
    height: 36px;
    border: none !important;
    box-shadow: none !important;
    font-family: arial;
}

.s_form_layout2 .zd-input__icon.zd-icon-arrow-down {
    margin: 0;
}

.s_form_layout2 .e_rangeDate .p_fenge {
    line-height: 32px;
}

.s_form_layout2 .s_input::-webkit-input-placeholder {
    color: #999999;
}

.s_form_layout2 .s_input::-moz-placeholder {
    color: #999999;
}

.s_form_layout2 .s_input:-ms-input-placeholder {
    color: #999999;
}

.s_form_layout2 *[class^="e_"][required] .p_label::after {
    font-size: 12px;
    top: 0;
    padding: 0;
}

.s_form_layout2 .e_uploadImg .p_uploadBtn,
.s_form_layout2 .e_uploadVideo .p_uploadBtn {
    background: none;
    border-radius: 2px;
    border: 1px dashed #E1E1E1;
    margin-bottom: 5px;
    transition: border ease .15s, box-shadow ease .15s, border-color ease .15s, background-color ease .15s;
}

.s_form_layout2 .e_uploadImg .icon {
    margin: 0;
}

.s_form_layout2 .text-danger {
    display: none;
}

.s_form_layout2 .e_uploadImg .p_imgOp,
.s_form_layout2 .e_uploadVideo .p_imgOp {
    transition: opacity ease .15s, border ease .15s, box-shadow ease .15s, border-color ease .15s, background-color ease .15s;
    display: flex;
    opacity: 0;
}

.s_form_layout2 .e_uploadFile .p_upload {
    background: none;
    display: flex;
    transition: border ease .15s, box-shadow ease .15s, border-color ease .15s, background-color ease .15s;
}

.s_form_layout2 .e_uploadFile .p_uploadBtn {
    width: 80px;
    margin-right: 0;
    height: 38px;
    cursor: pointer;
}

.s_form_layout2 .e_uploadFile .p_uploadBtn button {
    border-radius: 2px;
    background: #409eff;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.s_form_layout2 .e_uploadFile .p_upload > span {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    margin: 0;
    vertical-align: middle;
    width: calc(100% - 80px);
    padding-left: 15px;
    color: #999;
    border: 1px solid #E1E1E1;
    border-top: 0;
    border-right: 0;
    border-radius: 2px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
}

.s_form_layout2 .p_fileList > div:last-child {
    margin-bottom: 20px;
}

.s_form_layout2 .e_uploadFile .p_fileItem {
    margin: 0;
    line-height: 38px;
    border: 1px solid #E1E1E1;
    border-top-color: #fff;
    border-left-color: #fff;
    border-right-color: #fff;
    transition: all ease .3s;
}

.s_form_layout2 .e_uploadFile .p_fileItem .text-primary {
    color: #999;
}

.s_form_layout2 .e_uploadFile .p_size {
    margin-right: 0px;
}

.s_form_layout2 .e_formBtn {
    background-color: #409eff;
    border-color: #409eff;
    border-radius: 2px;
    font-size: 14px;
}

.s_form_layout2 .e_score .p_hint {
    color: #666;
}

.s_form_layout2 .form-check-label {
    color: #666;
}

.s_form_layout2 .e_mobileCode .p_sendBtn,
.s_form_layout2 .e_emailCode .p_sendBtn {
    height: 38px;
    vertical-align: bottom;
    background-color: #409eff;
    border-color: #409eff;
    border-radius: 2px;
    font-size: 14px;
    line-height: 38px;
}

.s_form_layout2 .e_uploadVideo .p_uploadList .p_imgItem {
    margin: 0 10px 10px 0;
    border: 1px solid #E1E1E1;
    border-radius: 2px;
}

/********************   样 式 二 焦 点 状 态   ********************/

.s_form_layout2 .s_input:focus,
.s_form_layout2 .e_address .cascader-wrap:not(.is-disabled):hover .zd-input__inner {
    background: transparent;
    outline: 0;
    box-shadow: 0 0 0 rgba(134, 183, 254, .3);
    border: 1px solid #9fceff;
    border-left: none;
    border-top: none;
    border-right: none;
    color: #666666;
}

.s_form_layout2 .e_uploadImg .p_uploadBtn:hover,
.s_form_layout2 .e_uploadVideo .p_uploadBtn:hover {
    background: transparent;
    outline: 0;
    box-shadow: 0 0 8px rgba(134, 183, 254, .3);
    border: 1px solid #9fceff;
    color: #666666;
}

.s_form_layout2 .e_uploadImg .p_uploadBtn:hover,
.s_form_layout2 .e_uploadVideo .p_uploadBtn:hover {
    border-style: dashed;
}

.s_form_layout2 .e_label .p_labelItem label:hover {
    background: transparent;
    outline: 0;
    box-shadow: 0 0 0 rgba(134, 183, 254, .3);
    border: 1px solid #9fceff;
    color: #666666;
}

.s_form_layout2 .e_label .p_labelItem input:checked + label {
    background: #66B1FF;
    border-color: #66B1FF;
    color: #fff;
}

.s_form_layout2 .e_date .s_input::selection,
.s_form_layout2 .e_rangeDate .p_start::selection,
.s_form_layout2 .e_rangeDate .p_end::selection {
    background: #000;
    color: #fff;
}

.s_form_layout2 .e_date .s_input::-moz-selection,
.s_form_layout2 .e_rangeDate .p_start::-moz-selection,
.s_form_layout2 .e_rangeDate .p_end::-moz-selection {
    background: #000;
    color: #fff;
}

.s_form_layout2 .e_uploadImg .p_imgItem:hover .p_imgOp,
.s_form_layout2 .e_uploadVideo .p_imgItem:hover .p_imgOp {
    opacity: 1;
}

.s_form_layout2 .e_uploadFile .p_upload:hover {
    box-shadow: 0 0 0 rgb(134 183 254 / 30%);
}

.s_form_layout2 .e_uploadFile .p_upload:hover > span {
    border-color: #9fceff;
}

.s_form_layout2 .e_uploadFile .p_upload:hover .p_uploadBtn button {
    background: #66b1ff;
}

.s_form_layout2 .e_uploadFile .p_fileItem:hover {
    border: 1px dashed #9fceff;
    padding: 0 5px;
}

.s_form_layout2 .e_formBtn:hover,
.s_form_layout2 .e_mobileCode .p_sendBtn:hover,
.s_form_layout2 .e_emailCode .p_sendBtn:hover {
    background: #66b1ff;
    box-shadow: 0 0 8px rgba(134, 183, 254, .3);
}


/********************   样 式 二 错 误 状 态   ********************/

/* input:-internal-autofill-previewed {
    box-shadow: 0 0 0px 100px rgba(245,108,108,.1) inset !important; 
    text-fill-color: #f56c6c;
    -webkit-text-fill-color: #f56c6c;
} */
.s_form_layout2 .s_input.is-invalid,
.s_form_layout2 .is-invalid .s_input,
.s_form_layout2 .e_rangeDate .j_date.is-invalid,
.s_form_layout2 .e_date .is-invalid .p_input {
    border: 1px solid rgba(245, 108, 108, .3);
    border-left: none;
    border-top: none;
    border-right: none;
    box-shadow: none;
    padding: 0 15px;
}

.s_form_layout2 textarea.s_input.is-invalid {
    padding: 10px 15px;
}

.s_form_layout2 .s_input.is-invalid:focus,
.s_form_layout2 .e_date .is-invalid .p_input:focus {
    box-shadow: 0 0 0 rgba(220, 53, 69, .25);
    border-color: #f56c6c;
}

.s_form_layout2 .s_input.is-invalid::-webkit-input-placeholder,
.s_form_layout2 .e_rangeDate .j_date.is-invalid .s_input::-webkit-input-placeholder,
.s_form_layout2 .is-invalid .s_input::-webkit-input-placeholder {
    color: #f56c6c;
}

.s_form_layout2 .s_input.is-invalid::-moz-placeholder,
.s_form_layout2 .e_rangeDate .j_date.is-invalid .s_input::-moz-placeholder,
.s_form_layout2 .is-invalid .s_input::-moz-placeholder {
    color: #f56c6c;
}

.s_form_layout2 .s_input.is-invalid:-ms-input-placeholder,
.s_form_layout2 .e_rangeDate .j_date.is-invalid .s_input:-ms-input-placeholder,
.s_form_layout2 .is-invalid .s_input:-ms-input-placeholder {
    color: #f56c6c;
}

.s_form_layout2 .invalid-feedback {
    color: #f56c6c;
}

/********************   样 式 二 下 拉 选 项 默 认 状 态   ********************/

.s_form_layout2 .s_input .inputWrap {
    border: 0 !important;
    min-height: 38px !important;
    background: none !important;
    border-radius: 0 !important;
}

.s_form_layout2 .s_input .inputWrap .placeholder {
    padding: 0;
    line-height: 38px;
    color: #999;
}

.s_form_layout2 .s_input svg {
    margin: 0;
}

.s_form_layout2 .e_address .zd-cascader-panel {
    border-radius: 0px;
    width: 100%;
}

.s_form_layout2 .e_address .zd-cascader-menu__list {
    padding: 0 10px;
}

.s_form_layout2 .e_address .zd-cascader-panel > div {
    width: 100%;
    border-right: 1px solid #ededed;
}

.s_form_layout2 .e_address .zd-cascader-panel > div:last-child {
    border-right: 0px solid #ededed;
}

.s_form_layout2 .e_address .zd-cascader__dropdown {
    width: 100%;
    padding: 10px 0;
    box-shadow: 0 2px 8px rgb(0 0 0 / 10%);
    background: rgba(255, 255, 255, .1) !important;
}

.s_form_layout2 .e_address .zd-cascader-node {
    padding: 0 10px;
    margin-bottom: 4px;
    line-height: 30px;
    height: 30px;
}

.s_form_layout2 .e_address .zd-cascader-node__label {
    padding: 0px;
    line-height: 1;
}

.s_form_layout2 .e_address .zd-input__icon.zd-icon-arrow-right {
    margin: 0;
}

/********************   样 式 二 下 拉 选 项 焦 点 状 态   ********************/

.s_form_layout2 .s_input .multSelect-option {
    border: 0 !important;
    left: -1px;
    right: -1px;
    background: rgba(255, 255, 255, .1) !important;
    box-shadow: 0 2px 8px rgb(0 0 0 / 10%);
    padding: 10px;
    width: calc(100% + 2px) !important;
}

.s_form_layout2 .s_input .multSelect-option > div {
    padding: 0 10px !important;
    margin-bottom: 4px;
    line-height: 30px !important;
}

.s_form_layout2 .s_input .multSelect-option > div:hover {
    color: #666 !important;
}

.s_form_layout2 .s_input .multSelect-option::-webkit-scrollbar {
    width: 0px;
}

.s_form_layout2 .s_input .multSelect-option::-webkit-scrollbar-track {
    background: #ddd;
}

.s_form_layout2 .s_input .multSelect-option::-webkit-scrollbar-thumb {
    background: #ffffff;
}


/********************   样 式 二 下 拉 选 项 选 中 样 式   ********************/

.s_form_layout2 .s_input .inputWrap ul {
    padding-left: 0;
}

.s_form_layout2 .s_input .inputWrap li {
    color: #999;
    padding: 7px;
    border-radius: 2px;
}

.s_form_layout2 .s_input .multSelect-option > div.selected,
.s_form_layout2 .e_address .zd-cascader-node:hover,
.s_form_layout2 .e_address .zd-cascader-node.in-active-path {
    background: whitesmoke !important;
    color: #666 !important;
    font-weight: 500;
}

.s_form_layout2 .e_address .zd-cascader-node.in-active-path .zd-input__icon path {
    fill: #666;
}

.s_form_layout2 .e_address .is-selected-icon {
    display: none;
}


/********************   样 式 三 默 认 状 态   ********************/

.s_form_layout3 {
    background: #fff;
}

.s_form_layout3 .s_label {
    color: #666666;
}

.s_form_layout3 .s_input,
.s_form_layout3 .e_rangeDate .j_date,
.s_form_layout3 .e_address .cascader-wrap .zd-input__inner,
.s_form_layout3 .e_label .p_labelItem label {
    border: 1px solid #F1F1F1 !important;
    color: #666;
    padding: 0 15px;
    line-height: 1;
    border-radius: 2px !important;
    transition: border ease .15s, box-shadow ease .15s, border-color ease .15s, background-color ease .15s;
    background: #F1F1F1;
}

.s_form_layout3 input.s_input,
.s_form_layout3 .e_rangeDate .j_date {
    height: calc(1.5em + 0.75rem + 5px);
}

.s_form_layout3 textarea.s_input {
    height: 150px;
    padding: 10px 15px;
}

.s_form_layout3 .e_label .p_labelItem label {
    height: 26px;
    line-height: 26px;
    color: #999;
    cursor: pointer;
    font-size: 12px;
}

.s_form_layout3 .e_date .s_input {
    font-family: arial;
}

.s_form_layout3 .e_rangeDate .p_start,
.s_form_layout3 .e_rangeDate .p_end {
    line-height: 36px;
    height: 36px;
    border: none !important;
    box-shadow: none !important;
    font-family: arial;
    background: none !important;
}

.s_form_layout3 .zd-input__icon.zd-icon-arrow-down {
    margin: 0;
}

.s_form_layout3 .e_rangeDate .p_fenge {
    line-height: 32px;
}

.s_form_layout3 .s_input::-webkit-input-placeholder {
    color: #999999;
}

.s_form_layout3 .s_input::-moz-placeholder {
    color: #999999;
}

.s_form_layout3 .s_input:-ms-input-placeholder {
    color: #999999;
}

.s_form_layout3 *[class^="e_"][required] .p_label::after {
    font-size: 12px;
    top: 0;
    padding: 0;
}

.s_form_layout3 .e_uploadImg .p_uploadBtn,
.s_form_layout3 .e_uploadVideo .p_uploadBtn {
    background: #F1F1F1;
    border-radius: 2px;
    border: 1px dashed #F1F1F1;
    margin-bottom: 5px;
    transition: border ease .15s, box-shadow ease .15s, border-color ease .15s, background-color ease .15s;
}

.s_form_layout3 .e_uploadImg .icon {
    margin: 0;
}

.s_form_layout3 .text-danger {
    display: none;
}

.s_form_layout3 .e_uploadImg .p_imgOp,
.s_form_layout3 .e_uploadVideo .p_imgOp {
    transition: opacity ease .15s, border ease .15s, box-shadow ease .15s, border-color ease .15s, background-color ease .15s;
    display: flex;
    opacity: 0;
}

.s_form_layout3 .e_uploadFile .p_upload {
    background: none;
    display: flex;
    transition: border ease .15s, box-shadow ease .15s, border-color ease .15s, background-color ease .15s;
}

.s_form_layout3 .e_uploadFile .p_uploadBtn {
    width: 80px;
    margin-right: 0;
    height: 38px;
    cursor: pointer;
}

.s_form_layout3 .e_uploadFile .p_uploadBtn button {
    border-radius: 2px;
    background: #409eff;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.s_form_layout3 .e_uploadFile .p_upload > span {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    margin: 0;
    vertical-align: middle;
    width: calc(100% - 80px);
    padding-left: 15px;
    color: #999;
    border: 1px solid #F1F1F1;
    border-radius: 2px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
    background: #f1f1f1;
    transition: all ease .15s;
}

.s_form_layout3 .p_fileList > div:last-child {
    margin-bottom: 20px;
}

.s_form_layout3 .e_uploadFile .p_fileItem {
    margin: 0;
    line-height: 38px;
    border: 1px solid #F1F1F1;
    border-top-color: #fff;
    border-left-color: #fff;
    border-right-color: #fff;
    transition: all ease .3s;
}

.s_form_layout3 .e_uploadFile .p_fileItem .text-primary {
    color: #999;
}

.s_form_layout3 .e_uploadFile .p_size {
    margin-right: 0px;
}

.s_form_layout3 .e_formBtn {
    background-color: #409eff;
    border-color: #409eff;
    border-radius: 2px;
    font-size: 14px;
}

.s_form_layout3 .e_score .p_hint {
    color: #666;
}

.s_form_layout3 .form-check-label {
    color: #666;
}

.s_form_layout3 .e_mobileCode .p_sendBtn,
.s_form_layout3 .e_emailCode .p_sendBtn {
    height: 38px;
    vertical-align: bottom;
    background-color: #409eff;
    border-color: #409eff;
    border-radius: 2px;
    font-size: 14px;
    line-height: 38px;
}

.s_form_layout3 .e_uploadVideo .p_uploadList .p_imgItem {
    margin: 0 10px 10px 0;
    border: 1px solid #F1F1F1;
    border-radius: 2px;
    background: #f1f1f1;
}

.s_form_layout3 .e_uploadImg .p_imgItem {
    background: #f1f1f1;
}

/********************   样 式 三 焦 点 状 态   ********************/

.s_form_layout3 .s_input:focus,
.s_form_layout3 .e_address .cascader-wrap:not(.is-disabled):hover .zd-input__inner,
.s_form_layout3 .e_uploadImg .p_uploadBtn:hover,
.s_form_layout3 .e_uploadVideo .p_uploadBtn:hover {
    background: #F8F8F8;
    outline: 0;
    box-shadow: 0 0 0 rgba(134, 183, 254, .3);
    border: 1px solid #F1F1F1;
    color: #666666;
}

.s_form_layout3 .e_uploadImg .p_uploadBtn:hover,
.s_form_layout3 .e_uploadVideo .p_uploadBtn:hover {
    border-style: dashed;
}

.s_form_layout3 .e_label .p_labelItem label:hover {
    background: #F8F8F8;
    outline: 0;
    box-shadow: 0 0 0 rgba(134, 183, 254, .3);
    border: 1px solid #9fceff;
    color: #666666;
}

.s_form_layout3 .e_label .p_labelItem input:checked + label {
    background: #66B1FF;
    border-color: #66B1FF;
    color: #fff;
}

.s_form_layout3 .e_date .s_input::selection,
.s_form_layout3 .e_rangeDate .p_start::selection,
.s_form_layout3 .e_rangeDate .p_end::selection {
    background: #000;
    color: #fff;
}

.s_form_layout3 .e_date .s_input::-moz-selection,
.s_form_layout3 .e_rangeDate .p_start::-moz-selection,
.s_form_layout3 .e_rangeDate .p_end::-moz-selection {
    background: #000;
    color: #fff;
}

.s_form_layout3 .e_uploadImg .p_imgItem:hover .p_imgOp,
.s_form_layout3 .e_uploadVideo .p_imgItem:hover .p_imgOp {
    opacity: 1;
}

.s_form_layout3 .e_uploadFile .p_upload:hover {
    box-shadow: 0 0 0 rgb(134 183 254 / 30%);
}

.s_form_layout3 .e_uploadFile .p_upload:hover > span {
    background: #f8f8f8;
}

.s_form_layout3 .e_uploadFile .p_upload:hover .p_uploadBtn button {
    background: #66b1ff;
}

.s_form_layout3 .e_uploadFile .p_fileItem:hover {
    border: 1px dashed #9fceff;
    padding: 0 5px;
}

.s_form_layout3 .e_formBtn:hover,
.s_form_layout3 .e_mobileCode .p_sendBtn:hover,
.s_form_layout3 .e_emailCode .p_sendBtn:hover {
    background: #66b1ff;
    box-shadow: 0 0 8px rgba(134, 183, 254, .3);
}


/********************   样 式 三 错 误 状 态   ********************/

/* .s_form_layout3 input:-internal-autofill-previewed {
    box-shadow: 0 0 0px 100px rgba(245,108,108,.1) inset !important; 
    text-fill-color: #f56c6c;
    -webkit-text-fill-color: #f56c6c;
} */
.s_form_layout3 .s_input.is-invalid,
.s_form_layout3 .is-invalid .s_input,
.s_form_layout3 .e_rangeDate .j_date.is-invalid,
.s_form_layout3 .e_date .is-invalid .p_input {
    border: 1px solid rgba(245, 108, 108, .3);
    box-shadow: none;
    padding: 0 15px;
    background: #fef0f0;
}

.s_form_layout3 textarea.s_input.is-invalid {
    padding: 10px 15px;
}

.s_form_layout3 .s_input.is-invalid:focus,
.s_form_layout3 .e_date .is-invalid .p_input:focus {
    box-shadow: 0 0 0 rgba(220, 53, 69, .25);
    border-color: #f56c6c;
}

.s_form_layout3 .s_input.is-invalid::-webkit-input-placeholder,
.s_form_layout3 .e_rangeDate .j_date.is-invalid .s_input::-webkit-input-placeholder,
.s_form_layout3 .is-invalid .s_input::-webkit-input-placeholder {
    color: #f56c6c;
}

.s_form_layout3 .s_input.is-invalid::-moz-placeholder,
.s_form_layout3 .e_rangeDate .j_date.is-invalid .s_input::-moz-placeholder,
.s_form_layout3 .is-invalid .s_input::-moz-placeholder {
    color: #f56c6c;
}

.s_form_layout3 .s_input.is-invalid:-ms-input-placeholder,
.s_form_layout3 .e_rangeDate .j_date.is-invalid .s_input:-ms-input-placeholder,
.s_form_layout3 .is-invalid .s_input:-ms-input-placeholder {
    color: #f56c6c;
}

.s_form_layout3 .invalid-feedback {
    color: #f56c6c;
}

/********************   样 式 三 下 拉 选 项 默 认 状 态   ********************/

.s_form_layout3 .s_input .inputWrap {
    border: 0 !important;
    min-height: 38px !important;
    background: none !important;
    border-radius: 0 !important;
}

.s_form_layout3 .s_input .inputWrap .placeholder {
    padding: 0;
    line-height: 38px;
    color: #999;
}

.s_form_layout3 .s_input svg {
    margin: 0;
}

.s_form_layout3 .e_address .zd-cascader-panel {
    border-radius: 0px;
    width: 100%;
}

.s_form_layout3 .e_address .zd-cascader-menu__list {
    padding: 0 10px;
}

.s_form_layout3 .e_address .zd-cascader-panel > div {
    width: 100%;
    border-right: 1px solid #ededed;
}

.s_form_layout3 .e_address .zd-cascader-panel > div:last-child {
    border-right: 0px solid #ededed;
}

.s_form_layout3 .e_address .zd-cascader__dropdown {
    width: 100%;
    padding: 10px 0;
    box-shadow: 0 2px 8px rgb(0 0 0 / 10%);
    background: rgba(255, 255, 255, .1) !important;
    margin: 0;
    z-index: 0;
}

.s_form_layout3 .e_address .zd-cascader-node {
    padding: 0 10px;
    margin-bottom: 4px;
    line-height: 30px;
    height: 30px;
}

.s_form_layout3 .e_address .zd-cascader-node__label {
    padding: 0px;
    line-height: 1;
}

.s_form_layout3 .e_address .zd-input__icon.zd-icon-arrow-right {
    margin: 0;
}

/********************   样 式 三 下 拉 选 项 焦 点 状 态   ********************/

.s_form_layout3 .s_input .multSelect-option {
    border: 0 !important;
    left: -1px;
    right: -1px;
    background: rgba(255, 255, 255, 1) !important;
    box-shadow: 0 2px 8px rgb(0 0 0 / 10%);
    padding: 10px;
    width: calc(100% + 2px) !important;
}

.s_form_layout3 .s_input .multSelect-option > div {
    padding: 0 10px !important;
    margin-bottom: 4px;
    line-height: 30px !important;
}

.s_form_layout3 .s_input .multSelect-option > div:hover {
    color: #666 !important;
}

.s_form_layout3 .s_input .multSelect-option::-webkit-scrollbar {
    width: 0px;
}

.s_form_layout3 .s_input .multSelect-option::-webkit-scrollbar-track {
    background: #ddd;
}

.s_form_layout3 .s_input .multSelect-option::-webkit-scrollbar-thumb {
    background: #ffffff;
}


/********************   样 式 三 下 拉 选 项 选 中 样 式   ********************/

.s_form_layout3 .s_input .inputWrap ul {
    padding-left: 0;
}

.s_form_layout3 .s_input .inputWrap li {
    color: #999;
    padding: 7px;
    border-radius: 2px;
}

.s_form_layout3 .s_input .multSelect-option > div.selected,
.s_form_layout3 .e_address .zd-cascader-node:hover,
.s_form_layout3 .e_address .zd-cascader-node.in-active-path {
    background: whitesmoke !important;
    color: #666 !important;
    font-weight: 500;
}

.s_form_layout3 .e_address .zd-cascader-node.in-active-path .zd-input__icon path {
    fill: #666;
}

.s_form_layout3 .e_address .is-selected-icon {
    display: none;
}


/********************   样 式 四 默 认 状 态   ********************/

.s_form_layout4 {
    background: #000;
}

.s_form_layout4 .s_label {
    color: #999999;
}

.s_form_layout4 .s_input,
.s_form_layout4 .e_rangeDate .j_date,
.s_form_layout4 .e_address .cascader-wrap .zd-input__inner,
.s_form_layout4 .e_label .p_labelItem label {
    border: 1px solid rgba(51, 51, 51, 1);
    color: #999;
    padding: 0 15px;
    line-height: 1;
    border-radius: 0px !important;
    transition: border ease .15s, box-shadow ease .15s, border-color ease .15s, background-color ease .15s;
    background-color: rgb(51 51 51 / 0%);
}

.s_form_layout4 .cascader-wrap:focus-within .zd-input__inner {
    border-color: #555 !important;
}

.s_form_layout4 input.s_input,
.s_form_layout4 .e_rangeDate .j_date {
    height: calc(1.5em + 0.75rem + 5px);
}

.s_form_layout4 textarea.s_input {
    height: 150px;
    padding: 10px 15px;
}

.s_form_layout4 .e_label .p_labelItem label {
    height: 26px;
    line-height: 26px;
    color: #999;
    cursor: pointer;
    font-size: 12px;
    border: 1px solid rgba(51, 51, 51, 1);
}

.s_form_layout4 .e_date .s_input {
    font-family: arial;
}

.s_form_layout4 .e_rangeDate .p_start,
.s_form_layout4 .e_rangeDate .p_end {
    line-height: 36px;
    height: 36px;
    border: none !important;
    box-shadow: none !important;
    font-family: arial;
    background: none !important;
}

.s_form_layout4 .zd-input__icon.zd-icon-arrow-down {
    margin: 0;
}

.s_form_layout4 .e_rangeDate .p_fenge {
    line-height: 32px;
    color: #666666;
}

.s_form_layout4 .s_input::-webkit-input-placeholder {
    color: #666666;
}

.s_form_layout4 .s_input::-moz-placeholder {
    color: #666666;
}

.s_form_layout4 .s_input:-ms-input-placeholder {
    color: #666666;
}

.s_form_layout4 *[class^="e_"][required] .p_label::after {
    font-size: 12px;
    top: 0;
    padding: 0;
}

.s_form_layout4 .e_uploadImg .p_uploadBtn,
.s_form_layout4 .e_uploadVideo .p_uploadBtn {
    background: #333333;
    border-radius: 0px;
    border: 1px solid #666666;
    margin-bottom: 5px;
    transition: border ease .15s, box-shadow ease .15s, border-color ease .15s, background-color ease .15s, color ease .15s;
    color: #999;
}

.s_form_layout4 .e_uploadImg .icon {
    margin: 0;
}

.s_form_layout4 .text-danger {
    display: none;
}

.s_form_layout4 .e_uploadImg .p_imgOp,
.s_form_layout4 .e_uploadVideo .p_imgOp {
    transition: opacity ease .15s, border ease .15s, box-shadow ease .15s, border-color ease .15s, background-color ease .15s;
    display: flex;
    opacity: 0;
}

.s_form_layout4 .e_uploadFile .p_upload {
    background: none;
    display: flex;
    transition: border ease .15s, box-shadow ease .15s, border-color ease .15s, background-color ease .15s;
}

.s_form_layout4 .e_uploadFile .p_uploadBtn {
    width: 80px;
    margin-right: 0;
    height: 38px;
    cursor: pointer;
}

.s_form_layout4 .e_uploadFile .p_uploadBtn button {
    border-radius: 0px;
    background: #666666;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.s_form_layout4 .e_uploadFile .p_upload > span {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    margin: 0;
    vertical-align: middle;
    width: calc(100% - 80px);
    padding-left: 15px;
    color: #999;
    border: 1px solid rgb(51 51 51);
    border-radius: 0px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
    background-color: rgb(51 51 51 / 0%);
    transition: all ease .15s;
}

.s_form_layout4 .p_fileList > div:last-child {
    margin-bottom: 20px;
}

.s_form_layout4 .e_uploadFile .p_fileItem {
    margin: 0;
    line-height: 38px;
    border: 1px solid #333333;
    border-top-color: rgb(255 255 255 / 0%);
    border-left-color: rgb(255 255 255 / 0%);
    border-right-color: rgb(255 255 255 / 0%);
    transition: all ease .3s;
}

.s_form_layout4 .e_uploadFile .p_fileItem .text-primary {
    color: #999;
}

.s_form_layout4 .e_uploadFile .p_size {
    margin-right: 0px;
}

.s_form_layout4 .e_formBtn {
    background-color: #666666;
    border-color: #666666;
    border-radius: 0px;
    font-size: 14px;
}

.s_form_layout4 .e_score .p_hint {
    color: #999999;
}

.s_form_layout4 .form-check-label {
    color: #666;
}

.s_form_layout4 .e_mobileCode .p_sendBtn,
.s_form_layout4 .e_emailCode .p_sendBtn {
    height: 38px;
    vertical-align: bottom;
    background-color: #666666;
    border-color: #666666;
    border-radius: 0px;
    font-size: 14px;
    line-height: 38px;
}

.s_form_layout4 .e_uploadVideo .p_uploadList .p_imgItem {
    margin: 0 10px 10px 0;
    border: 1px solid rgba(51, 51, 51, 0);
    border-radius: 0px;
    background: #333333;
}

.s_form_layout4 .e_uploadImg .p_imgItem {
    background: #333333;
    color: #999;
    transition: all ease .3s;
    border: 1px solid #666666;
}

/********************   样 式 四 焦 点 状 态   ********************/

.s_form_layout4 .s_input:focus,
.s_form_layout4 .e_address .cascader-wrap:not(.is-disabled):hover .zd-input__inner,
.s_form_layout4 .e_uploadImg .p_uploadBtn:hover,
.s_form_layout4 .e_uploadVideo .p_uploadBtn:hover,
.s_form_layout4 .multSelect:hover {
    background-color: rgb(51 51 51 / 0%);
    outline: 0;
    box-shadow: 0 0 0 rgba(134, 183, 254, .3);
    border: 1px solid #555555;
    color: #666666;
}

.s_form_layout4 .e_uploadImg .p_uploadBtn:hover,
.s_form_layout4 .e_uploadVideo .p_uploadBtn:hover {
    border: 1px solid #555555;
}

.s_form_layout4 .e_label .p_labelItem label:hover {
    background: #999999;
    outline: 0;
    box-shadow: 0 0 0 rgba(134, 183, 254, .3);
    border: 1px solid #999999;
    color: #E1E1E1;
}

.s_form_layout4 .e_label .p_labelItem input:checked + label {
    background: #999999;
    border-color: #999999;
    color: #E1E1E1;
}

.s_form_layout4 .e_date .s_input::selection,
.s_form_layout4 .e_rangeDate .p_start::selection,
.s_form_layout4 .e_rangeDate .p_end::selection {
    background: #fff;
    color: #000;
}

.s_form_layout4 .e_date .s_input::-moz-selection,
.s_form_layout4 .e_rangeDate .p_start::-moz-selection,
.s_form_layout4 .e_rangeDate .p_end::-moz-selection {
    background: #fff;
    color: #000;
}

.s_form_layout4 .e_uploadImg .p_imgItem:hover .p_imgOp,
.s_form_layout4 .e_uploadVideo .p_imgItem:hover .p_imgOp {
    opacity: 1;
}

.s_form_layout4 .e_uploadFile .p_upload:hover {
    box-shadow: 0 0 0 rgb(134 183 254 / 30%);
}

.s_form_layout4 .e_uploadFile .p_upload:hover > span {
    background: rgb(51 51 51 / 0%);
    border-color: #999999;
}

.s_form_layout4 .e_uploadFile .p_upload:hover .p_uploadBtn button {
    background: #999999;
}

.s_form_layout4 .e_uploadFile .p_fileItem:hover {
    border: 1px dashed #333333;
    padding: 0 5px;
}

.s_form_layout4 .e_formBtn:hover,
.s_form_layout4 .e_mobileCode .p_sendBtn:hover,
.s_form_layout4 .e_emailCode .p_sendBtn:hover {
    background: #999999;
    box-shadow: 0 0 8px rgba(134, 183, 254, .3);
}


/********************   样 式 四 错 误 状 态   ********************/

/* input:-internal-autofill-previewed {
    box-shadow: 0 0 0px 100px rgba(245,108,108,.1) inset !important; 
    text-fill-color: #8B0C09;
    -webkit-text-fill-color: #8B0C09;
} */
.s_form_layout4 .s_input.is-invalid,
.s_form_layout4 .is-invalid .s_input,
.s_form_layout4 .e_rangeDate .j_date.is-invalid,
.s_form_layout4 .e_date .is-invalid .p_input {
    border: 1px solid #8B0C09;
    box-shadow: none;
    padding: 0 15px;
    background-color: #1c0202;
}

.s_form_layout4 textarea.s_input.is-invalid {
    padding: 10px 15px;
}

.s_form_layout4 .s_input.is-invalid:focus,
.s_form_layout4 .e_date .is-invalid .p_input:focus {
    box-shadow: 0 0 0 rgba(220, 53, 69, .25);
    border-color: #8B0C09;
}

.s_form_layout4 .s_input.is-invalid::-webkit-input-placeholder,
.s_form_layout4 .e_rangeDate .j_date.is-invalid .s_input::-webkit-input-placeholder,
.s_form_layout4 .is-invalid .s_input::-webkit-input-placeholder {
    color: #8B0C09;
}

.s_form_layout4 .s_input.is-invalid::-moz-placeholder,
.s_form_layout4 .e_rangeDate .j_date.is-invalid .s_input::-moz-placeholder,
.s_form_layout4 .is-invalid .s_input::-moz-placeholder {
    color: #8B0C09;
}

.s_form_layout4 .s_input.is-invalid:-ms-input-placeholder,
.s_form_layout4 .e_rangeDate .j_date.is-invalid .s_input:-ms-input-placeholder,
.s_form_layout4 .is-invalid .s_input:-ms-input-placeholder {
    color: #8B0C09;
}

.s_form_layout4 .invalid-feedback {
    color: #8B0C09;
}

/********************   样 式 四 下 拉 选 项 默 认 状 态   ********************/

.s_form_layout4 .s_input .inputWrap {
    border: 0 !important;
    min-height: 38px !important;
    background: none !important;
    border-radius: 0 !important;
}

.s_form_layout4 .s_input .inputWrap .placeholder {
    padding: 0;
    line-height: 38px;
    color: #999;
}

.s_form_layout4 .s_input svg {
    margin: 0;
}

.s_form_layout4 .e_address .zd-cascader-panel {
    border-radius: 0px;
    width: 100%;
}

.s_form_layout4 .e_address .zd-cascader-menu__list {
    padding: 0 10px;
}

.s_form_layout4 .e_address .zd-cascader-panel > div {
    width: 100%;
    border-right: 1px solid rgb(255 255 255 / 10%);
}

.s_form_layout4 .e_address .zd-cascader-panel > div:last-child {
    border-right: 0px solid #ededed;
}

.s_form_layout4 .e_address .zd-cascader__dropdown {
    width: 100%;
    padding: 10px 0;
    box-shadow: 0 0px 0px rgb(0 0 0 / 0%);
    background: rgba(255, 255, 255, .1) !important;
    margin: 0;
    z-index: 0;
    border: 0;
}

.s_form_layout4 .e_address .zd-cascader-node {
    padding: 0 10px;
    margin-bottom: 4px;
    line-height: 30px;
    height: 30px;
}

.s_form_layout4 .e_address .zd-cascader-node__label {
    padding: 0px;
    line-height: 1;
}

.s_form_layout4 .e_address .zd-input__icon.zd-icon-arrow-right {
    margin: 0;
}

/********************   样 式 四 下 拉 选 项 焦 点 状 态   ********************/

.s_form_layout4 .s_input .multSelect-option {
    border: 0 !important;
    left: -1px;
    right: -1px;
    background: rgba(255, 255, 255, .1) !important;
    box-shadow: 0 2px 8px rgb(0 0 0 / 10%);
    padding: 10px;
    width: calc(100% + 2px) !important;
}

.s_form_layout4 .s_input .multSelect-option > div {
    padding: 0 10px !important;
    margin-bottom: 4px;
    line-height: 30px !important;
    color: #999;
}

.s_form_layout4 .s_input .multSelect-option > div:hover {
    color: #999 !important;
    background: #313131 !important;
}

.s_form_layout4 .s_input .multSelect-option::-webkit-scrollbar {
    width: 0px;
}

.s_form_layout4 .s_input .multSelect-option::-webkit-scrollbar-track {
    background: #ddd;
}

.s_form_layout4 .s_input .multSelect-option::-webkit-scrollbar-thumb {
    background: #ffffff;
}


/********************   样 式 四 下 拉 选 项 选 中 样 式   ********************/

.s_form_layout4 .s_input .inputWrap ul {
    padding-left: 0;
}

.s_form_layout4 .s_input .inputWrap li {
    color: #999;
    padding: 7px;
    border-radius: 0px;
    background: rgb(255 255 255 / 10%);
}

.s_form_layout4 .s_input .multSelect-option > div.selected,
.s_form_layout4 .e_address .zd-cascader-node:hover,
.s_form_layout4 .e_address .zd-cascader-node.in-active-path {
    background: rgb(255 255 255 / .1) !important;
    color: #999 !important;
    font-weight: 500;
}

.s_form_layout4 .e_address .zd-cascader-node.in-active-path .zd-input__icon path {
    fill: #666;
}

.s_form_layout4 .e_address .is-selected-icon {
    display: none;
}

/********************   样 式 四 下 拉 错 误 样 式   ********************/

.s_form_layout4 .multSelect.is-invalid .placeholder {
    color: #8B0C09;
}


/********************   样 式 五 默 认 状 态   ********************/

.s_form_layout5 {
    background: #000;
}

.s_form_layout5 .s_label {
    color: #999999;
}

.s_form_layout5 .s_input,
.s_form_layout5 .e_rangeDate .j_date,
.s_form_layout5 .e_address .cascader-wrap .zd-input__inner,
.s_form_layout5 .e_label .p_labelItem label {
    border: 1px solid rgba(51, 51, 51, 1);
    border-left: 0;
    border-top: 0;
    border-right: 0;
    color: #999;
    padding: 0 15px;
    line-height: 1;
    border-radius: 0px !important;
    transition: border ease .15s, box-shadow ease .15s, border-color ease .15s, background-color ease .15s;
    background-color: rgb(51 51 51 / 0%);
}

.s_form_layout5 .cascader-wrap:focus-within .zd-input__inner {
    border-color: #555 !important;
}

.s_form_layout5 input.s_input,
.s_form_layout5 .e_rangeDate .j_date {
    height: calc(1.5em + 0.75rem + 5px);
}

.s_form_layout5 textarea.s_input {
    height: 150px;
    padding: 10px 15px;
}

.s_form_layout5 .e_label .p_labelItem label {
    height: 26px;
    line-height: 26px;
    color: #999;
    cursor: pointer;
    font-size: 12px;
    border: 1px solid rgba(51, 51, 51, 1);
}

.s_form_layout5 .e_date .s_input {
    font-family: arial;
}

.s_form_layout5 .e_rangeDate .p_start,
.s_form_layout5 .e_rangeDate .p_end {
    line-height: 36px;
    height: 36px;
    border: none !important;
    box-shadow: none !important;
    font-family: arial;
    background: none !important;
}

.s_form_layout5 .zd-input__icon.zd-icon-arrow-down {
    margin: 0;
}

.s_form_layout5 .e_rangeDate .p_fenge {
    line-height: 32px;
    color: #666666;
}

.s_form_layout5 .s_input::-webkit-input-placeholder {
    color: #666666;
}

.s_form_layout5 .s_input::-moz-placeholder {
    color: #666666;
}

.s_form_layout5 .s_input:-ms-input-placeholder {
    color: #666666;
}

.s_form_layout5 *[class^="e_"][required] .p_label::after {
    font-size: 12px;
    top: 0;
    padding: 0;
}

.s_form_layout5 .e_uploadImg .p_uploadBtn,
.s_form_layout5 .e_uploadVideo .p_uploadBtn {
    background: #333333;
    border-radius: 0px;
    border: 1px solid #666666;
    margin-bottom: 5px;
    transition: border ease .15s, box-shadow ease .15s, border-color ease .15s, background-color ease .15s, color ease .15s;
    color: #999;
}

.s_form_layout5 .e_uploadImg .icon {
    margin: 0;
}

.s_form_layout5 .text-danger {
    display: none;
}

.s_form_layout5 .e_uploadImg .p_imgOp,
.s_form_layout5 .e_uploadVideo .p_imgOp {
    transition: opacity ease .15s, border ease .15s, box-shadow ease .15s, border-color ease .15s, background-color ease .15s;
    display: flex;
    opacity: 0;
}

.s_form_layout5 .e_uploadFile .p_upload {
    background: none;
    display: flex;
    transition: border ease .15s, box-shadow ease .15s, border-color ease .15s, background-color ease .15s;
}

.s_form_layout5 .e_uploadFile .p_uploadBtn {
    width: 80px;
    margin-right: 0;
    height: 38px;
    cursor: pointer;
}

.s_form_layout5 .e_uploadFile .p_uploadBtn button {
    border-radius: 0px;
    background: #666666;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.s_form_layout5 .e_uploadFile .p_upload > span {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    margin: 0;
    vertical-align: middle;
    width: calc(100% - 80px);
    padding-left: 15px;
    color: #999;
    border: 1px solid rgba(51, 51, 51, 0);
    border-radius: 0px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
    background: #333333;
    transition: all ease .15s;
}

.s_form_layout5 .p_fileList > div:last-child {
    margin-bottom: 20px;
}

.s_form_layout5 .e_uploadFile .p_fileItem {
    margin: 0;
    line-height: 38px;
    border: 1px solid #333333;
    border-top-color: rgb(255 255 255 / 0%);
    border-left-color: rgb(255 255 255 / 0%);
    border-right-color: rgb(255 255 255 / 0%);
    transition: all ease .3s;
}

.s_form_layout5 .e_uploadFile .p_fileItem .text-primary {
    color: #999;
}

.s_form_layout5 .e_uploadFile .p_size {
    margin-right: 0px;
}

.s_form_layout5 .e_formBtn {
    background-color: #666666;
    border-color: #666666;
    border-radius: 0px;
    font-size: 14px;
}

.s_form_layout5 .e_score .p_hint {
    color: #999999;
}

.s_form_layout5 .form-check-label {
    color: #666;
}

.s_form_layout5 .e_mobileCode .p_sendBtn,
.s_form_layout5 .e_emailCode .p_sendBtn {
    height: 38px;
    vertical-align: bottom;
    background-color: #666666;
    border-color: #666666;
    border-radius: 0px;
    font-size: 14px;
    line-height: 38px;
}

.s_form_layout5 .e_uploadVideo .p_uploadList .p_imgItem {
    margin: 0 10px 10px 0;
    border: 1px solid rgba(51, 51, 51, 0);
    border-radius: 0px;
    background: #333333;
}

.s_form_layout5 .e_uploadImg .p_imgItem {
    background: #333333;
    color: #999;
    transition: all ease .3s;
    border: 1px solid #666666;
}

/********************   样 式 五 焦 点 状 态   ********************/

.s_form_layout5 .s_input:focus,
.s_form_layout5 .e_address .cascader-wrap:not(.is-disabled):hover .zd-input__inner,
.s_form_layout5 .e_uploadImg .p_uploadBtn:hover,
.s_form_layout5 .e_uploadVideo .p_uploadBtn:hover,
.s_form_layout5 .multSelect:hover {
    background-color: rgb(51 51 51 / 0%);
    outline: 0;
    box-shadow: 0 0 0 rgba(134, 183, 254, .3);
    border: 1px solid #555555;
    border-left: 0;
    border-top: 0;
    border-right: 0;
    color: #666666;
}

.s_form_layout5 .e_uploadImg .p_uploadBtn:hover,
.s_form_layout5 .e_uploadVideo .p_uploadBtn:hover {
    border: 1px solid #555555;
}

.s_form_layout5 .e_label .p_labelItem label:hover {
    background: #999999;
    outline: 0;
    box-shadow: 0 0 0 rgba(134, 183, 254, .3);
    border: 1px solid #999999;
    color: #E1E1E1;
}

.s_form_layout5 .e_label .p_labelItem input:checked + label {
    background: #999999;
    border-color: #999999;
    color: #E1E1E1;
}

.s_form_layout5 .e_date .s_input::selection,
.s_form_layout5 .e_rangeDate .p_start::selection,
.s_form_layout5 .e_rangeDate .p_end::selection {
    background: #fff;
    color: #000;
}

.s_form_layout5 .e_date .s_input::-moz-selection,
.s_form_layout5 .e_rangeDate .p_start::-moz-selection,
.s_form_layout5 .e_rangeDate .p_end::-moz-selection {
    background: #fff;
    color: #000;
}

.s_form_layout5 .e_uploadImg .p_imgItem:hover .p_imgOp,
.s_form_layout5 .e_uploadVideo .p_imgItem:hover .p_imgOp {
    opacity: 1;
}

.s_form_layout5 .e_uploadFile .p_upload:hover {
    box-shadow: 0 0 0 rgb(134 183 254 / 30%);
}

.s_form_layout5 .e_uploadFile .p_upload:hover > span {
    background: #333333;
}

.s_form_layout5 .e_uploadFile .p_upload:hover .p_uploadBtn button {
    background: #999999;
}

.s_form_layout5 .e_uploadFile .p_fileItem:hover {
    border: 1px dashed #333333;
    padding: 0 5px;
}

.s_form_layout5 .e_formBtn:hover,
.s_form_layout5 .e_mobileCode .p_sendBtn:hover,
.s_form_layout5 .e_emailCode .p_sendBtn:hover {
    background: #999999;
    box-shadow: 0 0 8px rgba(134, 183, 254, .3);
}


/********************   样 式 五 错 误 状 态   ********************/

/* input:-internal-autofill-previewed {
    box-shadow: 0 0 0px 100px rgba(245,108,108,.1) inset !important; 
    text-fill-color: #8B0C09;
    -webkit-text-fill-color: #8B0C09;
} */
.s_form_layout5 .s_input.is-invalid,
.s_form_layout5 .is-invalid .s_input,
.s_form_layout5 .e_rangeDate .j_date.is-invalid,
.s_form_layout5 .e_date .is-invalid .p_input {
    border: 1px solid #8B0C09;
    border-left: 0;
    border-top: 0;
    border-right: 0;
    box-shadow: none;
    padding: 0 15px;
    background-color: rgb(28 2 2 / 0%);
}

.s_form_layout5 textarea.s_input.is-invalid {
    padding: 10px 15px;
}

.s_form_layout5 .s_input.is-invalid:focus,
.s_form_layout5 .e_date .is-invalid .p_input:focus {
    box-shadow: 0 0 0 rgba(220, 53, 69, .25);
    border-color: #8B0C09;
}

.s_form_layout5 .s_input.is-invalid::-webkit-input-placeholder,
.s_form_layout5 .e_rangeDate .j_date.is-invalid .s_input::-webkit-input-placeholder,
.s_form_layout5 .is-invalid .s_input::-webkit-input-placeholder {
    color: #8B0C09;
}

.s_form_layout5 .s_input.is-invalid::-moz-placeholder,
.s_form_layout5 .e_rangeDate .j_date.is-invalid .s_input::-moz-placeholder,
.s_form_layout5 .is-invalid .s_input::-moz-placeholder {
    color: #8B0C09;
}

.s_form_layout5 .s_input.is-invalid:-ms-input-placeholder,
.s_form_layout5 .e_rangeDate .j_date.is-invalid .s_input:-ms-input-placeholder,
.s_form_layout5 .is-invalid .s_input:-ms-input-placeholder {
    color: #8B0C09;
}

.s_form_layout5 .invalid-feedback {
    color: #8B0C09;
}

/********************   样 式 五 下 拉 选 项 默 认 状 态   ********************/

.s_form_layout5 .s_input .inputWrap {
    border: 0 !important;
    min-height: 38px !important;
    background: none !important;
    border-radius: 0 !important;
}

.s_form_layout5 .s_input .inputWrap .placeholder {
    padding: 0;
    line-height: 38px;
    color: #999;
}

.s_form_layout5 .s_input svg {
    margin: 0;
}

.s_form_layout5 .e_address .zd-cascader-panel {
    border-radius: 0px;
    width: 100%;
}

.s_form_layout5 .e_address .zd-cascader-menu__list {
    padding: 0 10px;
}

.s_form_layout5 .e_address .zd-cascader-panel > div {
    width: 100%;
    border-right: 1px solid rgb(255 255 255 / 10%);
}

.s_form_layout5 .e_address .zd-cascader-panel > div:last-child {
    border-right: 0px solid #ededed;
}

.s_form_layout5 .e_address .zd-cascader__dropdown {
    width: 100%;
    padding: 10px 0;
    box-shadow: 0 0px 0px rgb(0 0 0 / 0%);
    background: rgba(255, 255, 255, .1) !important;
    margin: 0;
    z-index: 0;
    border: 0;
}

.s_form_layout5 .e_address .zd-cascader-node {
    padding: 0 10px;
    margin-bottom: 4px;
    line-height: 30px;
    height: 30px;
}

.s_form_layout5 .e_address .zd-cascader-node__label {
    padding: 0px;
    line-height: 1;
}

.s_form_layout5 .e_address .zd-input__icon.zd-icon-arrow-right {
    margin: 0;
}

/********************   样 式 五 下 拉 选 项 焦 点 状 态   ********************/

.s_form_layout5 .s_input .multSelect-option {
    border: 0 !important;
    left: -1px;
    right: -1px;
    background: rgba(255, 255, 255, .1) !important;
    box-shadow: 0 2px 8px rgb(0 0 0 / 10%);
    padding: 10px;
    width: calc(100% + 2px) !important;
}

.s_form_layout5 .s_input .multSelect-option > div {
    padding: 0 10px !important;
    margin-bottom: 4px;
    line-height: 30px !important;
    color: #999;
}

.s_form_layout5 .s_input .multSelect-option > div:hover {
    color: #999 !important;
    background: #313131 !important;
}

.s_form_layout5 .s_input .multSelect-option::-webkit-scrollbar {
    width: 0px;
}

.s_form_layout5 .s_input .multSelect-option::-webkit-scrollbar-track {
    background: #ddd;
}

.s_form_layout5 .s_input .multSelect-option::-webkit-scrollbar-thumb {
    background: #ffffff;
}


/********************   样 式 五 下 拉 选 项 选 中 样 式   ********************/

.s_form_layout5 .s_input .inputWrap ul {
    padding-left: 0;
}

.s_form_layout5 .s_input .inputWrap li {
    color: #999;
    padding: 7px;
    border-radius: 0px;
    background: rgb(255 255 255 / 10%);
}

.s_form_layout5 .s_input .multSelect-option > div.selected,
.s_form_layout5 .e_address .zd-cascader-node:hover,
.s_form_layout5 .e_address .zd-cascader-node.in-active-path {
    background: rgb(255 255 255 / .1) !important;
    color: #999 !important;
    font-weight: 500;
}

.s_form_layout5 .e_address .zd-cascader-node.in-active-path .zd-input__icon path {
    fill: #666;
}

.s_form_layout5 .e_address .is-selected-icon {
    display: none;
}

/********************   样 式 五 下 拉 错 误 样 式   ********************/

.s_form_layout5 .multSelect.is-invalid .placeholder {
    color: #8B0C09;
}


/********************   样 式 六 默 认 状 态   ********************/

.s_form_layout6 {
    background: #000;
}

.s_form_layout6 .s_label {
    color: #999999;
}

.s_form_layout6 .s_input,
.s_form_layout6 .e_rangeDate .j_date,
.s_form_layout6 .e_address .cascader-wrap .zd-input__inner,
.s_form_layout6 .e_label .p_labelItem label {
    border: 1px solid rgba(51, 51, 51, 0);
    color: #999;
    padding: 0 15px;
    line-height: 1;
    border-radius: 0px !important;
    transition: border ease .15s, box-shadow ease .15s, border-color ease .15s, background-color ease .15s;
    background: #333333;
}

.s_form_layout6 input.s_input,
.s_form_layout6 .e_rangeDate .j_date {
    height: calc(1.5em + 0.75rem + 5px);
}

.s_form_layout6 textarea.s_input {
    height: 150px;
    padding: 10px 15px;
}

.s_form_layout6 .e_label .p_labelItem label {
    height: 26px;
    line-height: 26px;
    color: #999;
    cursor: pointer;
    font-size: 12px;
}

.s_form_layout6 .e_date .s_input {
    font-family: arial;
}

.s_form_layout6 .e_rangeDate .p_start,
.s_form_layout6 .e_rangeDate .p_end {
    line-height: 36px;
    height: 36px;
    border: none !important;
    box-shadow: none !important;
    font-family: arial;
    background: none !important;
}

.s_form_layout6 .zd-input__icon.zd-icon-arrow-down {
    margin: 0;
}

.s_form_layout6 .e_rangeDate .p_fenge {
    line-height: 32px;
    color: #666666;
}

.s_form_layout6 .s_input::-webkit-input-placeholder {
    color: #666666;
}

.s_form_layout6 .s_input::-moz-placeholder {
    color: #666666;
}

.s_form_layout6 .s_input:-ms-input-placeholder {
    color: #666666;
}

.s_form_layout6 *[class^="e_"][required] .p_label::after {
    font-size: 12px;
    top: 0;
    padding: 0;
}

.s_form_layout6 .e_uploadImg .p_uploadBtn,
.s_form_layout6 .e_uploadVideo .p_uploadBtn {
    background: #333333;
    border-radius: 0px;
    border: 1px solid #666666;
    margin-bottom: 5px;
    transition: border ease .15s, box-shadow ease .15s, border-color ease .15s, background-color ease .15s, color ease .15s;
    color: #999;
}

.s_form_layout6 .e_uploadImg .icon {
    margin: 0;
}

.s_form_layout6 .text-danger {
    display: none;
}

.s_form_layout6 .e_uploadImg .p_imgOp,
.s_form_layout6 .e_uploadVideo .p_imgOp {
    transition: opacity ease .15s, border ease .15s, box-shadow ease .15s, border-color ease .15s, background-color ease .15s;
    display: flex;
    opacity: 0;
}

.s_form_layout6 .e_uploadFile .p_upload {
    background: none;
    display: flex;
    transition: border ease .15s, box-shadow ease .15s, border-color ease .15s, background-color ease .15s;
}

.s_form_layout6 .e_uploadFile .p_uploadBtn {
    width: 80px;
    margin-right: 0;
    height: 38px;
    cursor: pointer;
}

.s_form_layout6 .e_uploadFile .p_uploadBtn button {
    border-radius: 0px;
    background: #666666;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.s_form_layout6 .e_uploadFile .p_upload > span {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    margin: 0;
    vertical-align: middle;
    width: calc(100% - 80px);
    padding-left: 15px;
    color: #999;
    border: 1px solid rgba(51, 51, 51, 0);
    border-radius: 0px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
    background: #333333;
    transition: all ease .15s;
}

.s_form_layout6 .p_fileList > div:last-child {
    margin-bottom: 20px;
}

.s_form_layout6 .e_uploadFile .p_fileItem {
    margin: 0;
    line-height: 38px;
    border: 1px solid #333333;
    border-top-color: rgb(255 255 255 / 0%);
    border-left-color: rgb(255 255 255 / 0%);
    border-right-color: rgb(255 255 255 / 0%);
    transition: all ease .3s;
}

.s_form_layout6 .e_uploadFile .p_fileItem .text-primary {
    color: #999;
}

.s_form_layout6 .e_uploadFile .p_size {
    margin-right: 0px;
}

.s_form_layout6 .e_formBtn {
    background-color: #666666;
    border-color: #666666;
    border-radius: 0px;
    font-size: 14px;
}

.s_form_layout6 .e_score .p_hint {
    color: #999999;
}

.s_form_layout6 .form-check-label {
    color: #666;
}

.s_form_layout6 .e_mobileCode .p_sendBtn,
.s_form_layout6 .e_emailCode .p_sendBtn {
    height: 38px;
    vertical-align: bottom;
    background-color: #666666;
    border-color: #666666;
    border-radius: 0px;
    font-size: 14px;
    line-height: 38px;
}

.s_form_layout6 .e_uploadVideo .p_uploadList .p_imgItem {
    margin: 0 10px 10px 0;
    border: 1px solid rgba(51, 51, 51, 0);
    border-radius: 0px;
    background: #333333;
}

.s_form_layout6 .e_uploadImg .p_imgItem {
    background: #333333;
    color: #999;
    transition: all ease .3s;
}

/********************   样 式 六 焦 点 状 态   ********************/

.s_form_layout6 .s_input:focus,
.s_form_layout6 .e_address .cascader-wrap:not(.is-disabled):hover .zd-input__inner,
.s_form_layout6 .e_uploadImg .p_uploadBtn:hover,
.s_form_layout6 .e_uploadVideo .p_uploadBtn:hover,
.s_form_layout6 .multSelect:hover {
    background: #333333;
    outline: 0;
    box-shadow: 0 0 0 rgba(134, 183, 254, .3);
    border: 1px solid #555555;
    color: #666666;
}

.s_form_layout6 .e_uploadImg .p_uploadBtn:hover,
.s_form_layout6 .e_uploadVideo .p_uploadBtn:hover {
    /* border-style: dashed; */
}

.s_form_layout6 .e_label .p_labelItem label:hover {
    background: #999999;
    outline: 0;
    box-shadow: 0 0 0 rgba(134, 183, 254, .3);
    border: 1px solid #999999;
    color: #E1E1E1;
}

.s_form_layout6 .e_label .p_labelItem input:checked + label {
    background: #999999;
    border-color: #999999;
    color: #E1E1E1;
}

.s_form_layout6 .e_date .s_input::selection,
.s_form_layout6 .e_rangeDate .p_start::selection,
.s_form_layout6 .e_rangeDate .p_end::selection {
    background: #000;
    color: #fff;
}

.s_form_layout6 .e_date .s_input::-moz-selection,
.s_form_layout6 .e_rangeDate .p_start::-moz-selection,
.s_form_layout6 .e_rangeDate .p_end::-moz-selection {
    background: #000;
    color: #fff;
}

.s_form_layout6 .e_uploadImg .p_imgItem:hover .p_imgOp,
.s_form_layout6 .e_uploadVideo .p_imgItem:hover .p_imgOp {
    opacity: 1;
}

.s_form_layout6 .e_uploadFile .p_upload:hover {
    box-shadow: 0 0 0 rgb(134 183 254 / 30%);
}

.s_form_layout6 .e_uploadFile .p_upload:hover > span {
    background: #333333;
}

.s_form_layout6 .e_uploadFile .p_upload:hover .p_uploadBtn button {
    background: #999999;
}

.s_form_layout6 .e_uploadFile .p_fileItem:hover {
    border: 1px dashed #333333;
    padding: 0 5px;
}

.s_form_layout6 .e_formBtn:hover,
.s_form_layout6 .e_mobileCode .p_sendBtn:hover,
.s_form_layout6 .e_emailCode .p_sendBtn:hover {
    background: #999999;
    box-shadow: 0 0 8px rgba(134, 183, 254, .3);
}


/********************   样 式 六 错 误 状 态   ********************/

/* input:-internal-autofill-previewed {
    box-shadow: 0 0 0px 100px rgba(245,108,108,.1) inset !important; 
    text-fill-color: #8B0C09;
    -webkit-text-fill-color: #8B0C09;
} */
.s_form_layout6 .s_input.is-invalid,
.s_form_layout6 .is-invalid .s_input,
.s_form_layout6 .e_rangeDate .j_date.is-invalid,
.s_form_layout6 .e_date .is-invalid .p_input {
    border: 1px solid #8B0C09;
    box-shadow: none;
    padding: 0 15px;
    background: #1C0202;
}

.s_form_layout6 textarea.s_input.is-invalid {
    padding: 10px 15px;
}

.s_form_layout6 .s_input.is-invalid:focus,
.s_form_layout6 .e_date .is-invalid .p_input:focus {
    box-shadow: 0 0 0 rgba(220, 53, 69, .25);
    border-color: #8B0C09;
}

.s_form_layout6 .s_input.is-invalid::-webkit-input-placeholder,
.s_form_layout6 .e_rangeDate .j_date.is-invalid .s_input::-webkit-input-placeholder,
.s_form_layout6 .is-invalid .s_input::-webkit-input-placeholder {
    color: #8B0C09;
}

.s_form_layout6 .s_input.is-invalid::-moz-placeholder,
.s_form_layout6 .e_rangeDate .j_date.is-invalid .s_input::-moz-placeholder,
.s_form_layout6 .is-invalid .s_input::-moz-placeholder {
    color: #8B0C09;
}

.s_form_layout6 .s_input.is-invalid:-ms-input-placeholder,
.s_form_layout6 .e_rangeDate .j_date.is-invalid .s_input:-ms-input-placeholder,
.s_form_layout6 .is-invalid .s_input:-ms-input-placeholder {
    color: #8B0C09;
}

.s_form_layout6 .invalid-feedback {
    color: #8B0C09;
}

/********************   样 式 六 下 拉 选 项 默 认 状 态   ********************/

.s_form_layout6 .s_input .inputWrap {
    border: 0 !important;
    min-height: 38px !important;
    background: none !important;
    border-radius: 0 !important;
}

.s_form_layout6 .s_input .inputWrap .placeholder {
    padding: 0;
    line-height: 38px;
    color: #999;
}

.s_form_layout6 .s_input svg {
    margin: 0;
}

.s_form_layout6 .e_address .zd-cascader-panel {
    border-radius: 0px;
    width: 100%;
}

.s_form_layout6 .e_address .zd-cascader-menu__list {
    padding: 0 10px;
}

.s_form_layout6 .e_address .zd-cascader-panel > div {
    width: 100%;
    border-right: 1px solid rgb(255 255 255 / 10%);
}

.s_form_layout6 .e_address .zd-cascader-panel > div:last-child {
    border-right: 0px solid #ededed;
}

.s_form_layout6 .e_address .zd-cascader__dropdown {
    width: 100%;
    padding: 10px 0;
    box-shadow: 0 0px 0px rgb(0 0 0 / 0%);
    background: rgba(255, 255, 255, .1) !important;
    margin: 0;
    z-index: 0;
    border: 0;
}

.s_form_layout6 .e_address .zd-cascader-node {
    padding: 0 10px;
    margin-bottom: 4px;
    line-height: 30px;
    height: 30px;
}

.s_form_layout6 .e_address .zd-cascader-node__label {
    padding: 0px;
    line-height: 1;
}

.s_form_layout6 .e_address .zd-input__icon.zd-icon-arrow-right {
    margin: 0;
}

/********************   样 式 六 下 拉 选 项 焦 点 状 态   ********************/

.s_form_layout6 .s_input .multSelect-option {
    border: 0 !important;
    left: -1px;
    right: -1px;
    background: rgba(255, 255, 255, .1) !important;
    box-shadow: 0 2px 8px rgb(0 0 0 / 10%);
    padding: 10px;
    width: calc(100% + 2px) !important;
}

.s_form_layout6 .s_input .multSelect-option > div {
    padding: 0 10px !important;
    margin-bottom: 4px;
    line-height: 30px !important;
    color: #999;
}

.s_form_layout6 .s_input .multSelect-option > div:hover {
    color: #999 !important;
    background: #313131 !important;
}

.s_form_layout6 .s_input .multSelect-option::-webkit-scrollbar {
    width: 0px;
}

.s_form_layout6 .s_input .multSelect-option::-webkit-scrollbar-track {
    background: #ddd;
}

.s_form_layout6 .s_input .multSelect-option::-webkit-scrollbar-thumb {
    background: #ffffff;
}


/********************   样 式 六 下 拉 选 项 选 中 样 式   ********************/

.s_form_layout6 .s_input .inputWrap ul {
    padding-left: 0;
}

.s_form_layout6 .s_input .inputWrap li {
    color: #999;
    padding: 7px;
    border-radius: 0px;
    background: rgb(255 255 255 / 10%);
}

.s_form_layout6 .s_input .multSelect-option > div.selected,
.s_form_layout6 .e_address .zd-cascader-node:hover,
.s_form_layout6 .e_address .zd-cascader-node.in-active-path {
    background: rgb(255 255 255 / .1) !important;
    color: #999 !important;
    font-weight: 500;
}

.s_form_layout6 .e_address .zd-cascader-node.in-active-path .zd-input__icon path {
    fill: #666;
}

.s_form_layout6 .e_address .is-selected-icon {
    display: none;
}

/********************   样 式 六 下 拉 错 误 样 式   ********************/

.s_form_layout6 .multSelect.is-invalid .placeholder {
    color: #8B0C09;
}