/* 定义CSS变量 */
:root{
  --color-red:#ff6666;
  --color-grey:#6c9f31;
}
.main-con{    background-color: #fff; font-family: 黑体;font-size: 15px;}
body{font-family: 黑体!important;}
.list-group-item{border: unset;}

.layui-form-label{width: 100%;background: #fff;text-align: left;font-size: 15px;}
.layui-input-group .layui-input-split {
    border: unset;
    width: 130px;
    text-align: left;
}
.layui-input-group .space{white-space: normal;width: 100%;height: 38px;}
.edui-default .edui-editor{border-radius: 0!important;}
.layui-input-group{width: 100%;}

.layui-laydate{
    margin-top: 10px;}
/* .layui-form-item-required:after {
    display: inline-block;
    margin-right: 4px;
    color: #f5222d;
    font-size: 14px;
    font-family: SimSun,sans-serif;
    line-height: 1;
    content: "*";
} */
.layui-input-group .layui-input-split{white-space: unset;}
.layui-input,.layui-textarea,.edui-editor.edui-default{border-radius: 0;border: 1px solid var(--color-grey)!important;
    }
.layui-form-checked[lay-skin=primary]>i{border-color: var(--color-red)!important;
    background-color: var(--color-red);}
.layui-tab-brief>.layui-tab-title .layui-this:after{border-bottom: 2px solid var(--color-red);}
.layui-tab-brief>.layui-tab-title .layui-this {
    color: var(--color-red);
}
.layui-card{box-shadow:unset;}
.layui-anim.layui-anim-upbit{
border-radius: 0px;
    border-top: 0px;
}
.layui-form-select dl dd.layui-this {
    background-color: var(--color-red);
    color: #ffc5c5;
}
.layui-input:focus{border-color: var(--color-red)!important;}
.layui-card-header{color: white;
    background: #626262;}

.layui-form-select dl{border: unset;}
.register-main form .verify-box input {display: inline-block; width: 60%; }
.register-main form .verify-box img {display: inline-block; margin-left: 2%; width: 36%; height: 38px; }
.register-main form .layui-input-inline,.register-main form .layui-input-inline button{width: 100%; }
#c-file{border-right: none;}
.step{margin: 1px;}
.step div{text-align: center;}
.step img{width: 92%;}
.title{
    margin-bottom: 18px;
    padding: unset;
    padding-left: 8px;
    margin: 20px 0 23px -7px;
    border-left: 12px solid var(--color-red);
}
.bread-nav{        margin: 10px 10px 0px 10px;
    padding: 10px;    height: 40px;
}
.navbar-area{background: #e60012;}
.item-isotope-btn .button{color: #e60012;}
.item-isotope-btn .button.active{background: #e60012;}
.footer-area {
    background-color: #b30916;
}
.back-to-top{background-color: #383838}
.btn-base{background: #e60012;}
.btn-base:before{background: #e60012;}
.dkt-sitebar-menu .dkt-details-inner{background: #e60012;}
.dkt-sitebar-menu .dkt-market-earn{background: #e60012;}
.navbar-area.navbar-area-2 .nav-right-part ul li.menu-bar a{background-color: #e60012;}
.dkt-sitebar-menu{background: #e60012;}

form .verify-box input {display: inline-block; width: 60%; }
form .verify-box img {display: inline-block; margin-left: 2%; height: 38px; }
.layui-form-label {width: 110px;
    }

.layui-form-mid2{display: block; padding: 9px 0!important; line-height: 20px; margin-right: 10px; padding-left: 140px !important; }

.layui-form-item>label.layui-form-label:after {content: ":"; position: relative; top: -.5px;margin-left: 2px;}

.certificate-image{
    margin: 10px auto;
    display: block;
    width: 100%;
}
.register-main{margin-top: 50px;}
.certificate-title{font-family: '黑体';font-weight: bold;}

.gysjxh-text{position: absolute;
    right: 117px;
    bottom: 50px;}
.layui-form-select .layui-edge{top: 50%;}
.light-theme .layui-nav-tree .layui-this>a,.light-theme .layui-nav .layui-nav-item a{line-height: 33px;border-radius: 15px;
    margin: 3px 14px;
}
.light-theme .layui-nav-tree .layui-this{color: #fff;
}
.layui-form-pane .layui-form-label{background-color: unset;border: unset;text-align: left;color: black;font-size: unset;
}
.layui-bg-red{    background-color: #e60012!important;
}
.layui-nav{border-radius: 0;
}
.layui-nav-tree .layui-this>a{background-color: var(--color-red)!important;}
.layui-btn{color: white;    border-radius: unset;}
.layui-btn:hover{opacity:unset;}
.layui-nav-tree .layui-this{background-color:unset;
}

.faupload{margin-left: 8px;
    width: 125px;
    border-radius: 0;
    background-color: var(--color-red)
}
.faupload:hover{
    opacity:1;
}

.layui-elem-quote{margin-bottom: 10px;
}
.layui-laydate .layui-this, .layui-laydate .layui-this>div {
    background-color: var(--color-red)!important;
    color: #fff!important;
}
.login-btn{text-align: center;
}
.choice{background: red}
.file-item.thumbnail .file-panel {position: absolute; width: 100%; height: 30px; line-height: 30px; left: 0; right: 0; top: -30px; background: rgba(0, 0, 0, 0.4); z-index: 3; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -webkit-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; }
.file-item.thumbnail:hover .file-panel {top: 0; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -webkit-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; }
.file-item.thumbnail {overflow: hidden; float: left; width: 100px; height: 100px; margin-right: 10px; text-align: center; display: block; margin-top: 15px; line-height: 100px; background-color: #fff; border: 1px solid #ddd; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out; display: inline-block; position: relative; padding: 5px; }
.file-item.thumbnail>img {cursor: zoom-in; max-height: 100%; max-width: 100%; display: inline-block; vertical-align: middle; }
.file-item.thumbnail .info {display: none; }
.file-item.thumbnail .file-panel i {font-size: 18px; color: #fff; width: 16px; height: 16px; line-height: 16px; z-index: 5; cursor: pointer; }
.file-item.thumbnail .file-panel i.move-picture {cursor: move; }
    
/* 超小屏幕（手机，小于 768px） */
@media screen and (max-width:767px) {
	.layui-form-item .layui-form-label {
	white-space: unset;
	}
    .certificate-image{width: 100%}
    .faupload{margin-left:0;
    width: 100%;
    margin-top: unset;}
    .register-main{margin-top: 10px;}
    .layui-form{text-align: center;}
}
/* 小屏幕（平板，大于等于 768px） */
@media screen and (min-width:768px) {
}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media screen and (min-width:992px) {
.main-con{
	padding: 25px 90px;
    margin-top: 30px;
    border-radius: 18px;
}
}
/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media screen and (min-width:1200px) {
    
}
/* 大屏幕（大桌面显示器，大于等于 1400px） */
@media screen and (min-width:1400px) {


}