.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_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_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 {
    font-size: clamp(1.375rem, 1.094rem + 1.41vw, 2.5rem);
	color: #333;
	line-height: 1;
    text-align: left;
    font-weight: bold;
}
.s_body {
    font-size: clamp(1rem, 0.906rem + 0.47vw, 1.375rem);
	color: #666;
	line-height: 1;
    text-align: left;
}
.s_summary {
    font-size: clamp(1rem, 0.969rem + 0.16vw, 1.125rem);
    color: #666;
    line-height: 1;
    text-align: left;
    font-weight: bold;
}
.s_title {
    font-size: clamp(0.875rem, 0.844rem + 0.16vw, 1rem);
    color: #666;
    line-height: 1.8;
    text-align: left;
}
.s_link {
    color: #999;
	font-size: clamp(0.75rem, 0.719rem + 0.16vw, 0.875rem);
	text-align: left;
	line-height: 1.8;
}
.s_subtitle2 {
    font-size: clamp(1.375rem, 1.094rem + 1.41vw, 2.5rem);
    color: #333;
    line-height: 1;
    text-align: center;
    font-weight: bold;
}
.s_body2 {
    font-size: clamp(1rem, 0.906rem + 0.47vw, 1.375rem);
    color: #666;
    line-height: 1;
    text-align: center;
}
.s_summary2 {
    font-size: clamp(1rem, 0.969rem + 0.16vw, 1.125rem);
    color: #666;
    line-height: 1;
    text-align: center;
    font-weight: bold;
}
.s_title2 {
    font-size: clamp(0.875rem, 0.844rem + 0.16vw, 1rem);
    color: #666;
    line-height: 1.8;
    text-align: center;
}
.s_link2 {
    color: #999;
	font-size: clamp(0.75rem, 0.719rem + 0.16vw, 0.875rem);
	text-align: center;
	line-height: 1.8;
}

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

.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;
}
/*-* CUSTOM_STYLESHEET_BEGIN_TAG *-*/:root{
    --main-color:#d50a1d;
}/*-* CUSTOM_STYLESHEET_END_TAG *-*/