@font-face {
  font-family: "iconfont"; /* Project id 2902988 */
  src: url('/fonts/iconfont.woff2?t=1635597032462') format('woff2'),
       url('/fonts/iconfont.woff?t=1635597032462') format('woff'),
       url('/fonts/iconfont.ttf?t=1635597032462') format('truetype');
}
.kicon{  font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
/*弹出层*/

.kfOpenBox{height:100%; color:#444444; z-index:2000; margin:0px auto; position:fixed; Left:0; right:0; top:0; bottom:0; background-color:#FFFFFF; padding:15px; display:none;}
.kfOpenBox .title{ line-height: 25px; font-size: 16px;  padding: 10px 10px; border-bottom: 1px solid #dedede;}
.kfOpenBoxBg{width:100%;height:100%;background:#000; position:fixed;top:0;left:0;z-index:1000; opacity:0.7;filter:alpha(opacity =70); display:none;}
.kfOpenBoxClose{position:absolute; top:0px; right:0px; font-size:24px; line-height:30px; width:30px; text-align:center; cursor:pointer; }
.kfOpenBox_tishi{width:80%; max-width:600px; height:auto; color:#444444; z-index:2000; margin:auto; position:fixed; left:50%; top:50%;  -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color:#FFFFFF; border-radius:5px; border:1px solid #dedede; display: none;}
.kfOpenBox_tishi .title{ line-height: 25px; font-size: 16px; background-color: #fafafa; padding: 10px 10px; border-bottom: 1px solid #dedede;}
.kfOpenBox_tishi .text{ padding:20px 20px; line-height: 25px; font-size: 14px;}
.kfOpenBox_tishi .btn{ padding:10px; line-height: 25px; font-size: 14px; text-align: center;}
.kfOpenBoxBg{width:100%;height:100%;background:#000; position:fixed;top:0;left:0;z-index:1000; opacity:0.7;filter:alpha(opacity =70); display:none;}
.kfOpenBoxClose{position:absolute; top:0px; right:0px; font-size:24px; line-height:30px; width:30px; text-align:center; cursor:pointer;}
.kfOpenBox_tishi .btn_only{width:100%; height: 45px; line-height: 45px; text-align: center; background-color: #3598db; color: #ffffff; font-size: 16px; cursor: pointer;}

/*提示弹窗*/
.ktipwrap{ width:350px; height: auto; padding: 20px 0px; position:fixed; left:50%; top:50%;  -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 8px; z-index:1000;}
.ktipwrap .bg{ background-color: #000; width:100%; height: 100%; position: absolute; top: 0px; left: 0px; filter:alpha(opacity=70); opacity:0.7;border-radius: 8px; }
.ktipwrap .text{ width:100%; height: 100%; line-height: 30px; position: relative;  color: #ffffff; text-align: center; font-size: 16px;}
.ktipwrap .arrow{position: absolute; bottom: -15px; left: 0px; width: 0; height: 0; border-width: 20px;  border-color: transparent;  border-style: dashed; border-right-color: #000000; display: none;}

.ktipwraparrow{ width:150px; height: auto; padding: 10px; position:absolute; top:100px; left: 200px; border-radius: 8px;}
.ktipwraparrow .bg{ background-color: #000; width:100%; height: 100%; position: absolute; top: 0px; left: 0px; border-radius: 3px; }
.ktipwraparrow .text{ width:100%; height: 100%; line-height: 20px; position: relative;  color: #ffffff; text-align:left; font-size: 14px;}
.ktipwraparrow .arrow{position: absolute; bottom: -10px; left: 10px; width: 0; height: 0; border-width: 10px;  border-color: transparent;  border-style: dashed; border-right-color: #000000; display:block;}

.ktishiwrap{}
.ktishiwrap .ktishibg{ width: 100%; height: 100%;position:fixed; top: 0; left: 0px; background-color: #000000;filter:alpha(opacity=60); opacity:0.6; z-index: 1000;}
.ktishiwrap .ktishibox{width:350px; height:auto; min-height: 100px; background-color: #fff; position:fixed; left:50%; top:50%;  transform: translate(-50%, -50%);  z-index: 2000; border-radius: 8px; border: 1px solid #efefef; overflow: hidden; display:none;}
.ktishiwrap .ktishibox .close{text-align: right; cursor: pointer; width: 24px; height: 24px; position: absolute; top: 0px; right: 0px;}
.ktishiwrap .ktishibox .close:after{content: "\e7dc"; font-family: "iconfont"; color: #333333; font-size: 24px;}
.ktishiwrap .ktishibox .text{font-size:16px; padding: 20px; line-height: 30px; color: #444444;}
.ktishiwrap .ktishibox .btn{border-top: 1px solid #f6f6f6; height: 45px; font-size: 16px; line-height: 45px;}
.ktishiwrap .ktishibox .confirm{width:50%; float: left; text-align: center; color: #3598db; cursor: pointer;}
.ktishiwrap .ktishibox .confirm:hover{background-color: #fafafa;}
.ktishiwrap .ktishibox .cancel{width:50%; float: left; text-align: center; color: #888888; cursor: pointer; border-left: 1px solid #f6f6f6; box-sizing: border-box;}
.ktishiwrap .ktishibox .cancel:hover{background-color: #fafafa;}
.ktishiwrap .ktishibox .only{width:100%;}

/*标签编辑*/
.ktagedit{font-size: 0px; width: 100%; box-sizing: border-box; height: auto; background-color: #fff; border: 1px solid #dedede; padding:2px 10px; outline: none; position: relative;}
.ktagedit .ktaglist{ white-space:nowrap; overflow: hidden; height: 100%; width: 100%;}
	.ktagedit span{display:inline-block; padding: 0px 10px; line-height: 25px; border-radius: 3px; color: #444; background-color: #eee; margin-right: 10px; font-size: 14px;  position: relative;}
.ktagedit span .close{position: absolute; top: -10px; right: -5px; cursor: pointer; font-style: normal;}
.ktagedit span .close::before{content:"\e646"; font-family: "iconfont";}
	.ktagedit .ktagname{border:0px; width: 100%; padding: 0px; height: 30px; line-height: 30px; outline: none; color: #444; font-size: 14px;}
	.ktagedit .ksuggest{font-size:14px; position: absolute; top: 35px; border: 1px solid #eee; left: 0px; background-color: #fff; width: 100%; margin: 0px; padding: 0px; display: none; z-index: 999;}
	.ktagedit .ksuggest li{line-height:30px; height: 30px; overflow: hidden; list-style: none; padding: 0px 10px; margin: 0px;}
	.ktagedit .ksuggest li.ck{background-color:#3598db; color: #fff;}

/*短位功能*/
.ksmswrapbg{width: 100%; height: 100%;position:fixed; top: 0; left: 0px; background-color: #000000;filter:alpha(opacity=60); opacity:0.6; z-index: 1000; display: none;}
.ksmswrap{width:90%; max-width: 500px; height:auto; min-height: 100px; background-color: #fff; position:fixed; left:50%; top:50%;  transform: translate(-50%, -50%);  z-index: 2000; border-radius: 8px; border: 1px solid #efefef; overflow: hidden; display: none;}
.ksmswrap .close{text-align: right; cursor: pointer; width: 24px; height: 24px; position: absolute; top: 0px; right: 0px;}
.ksmswrap .close:after{content: "\e7dc"; font-family: "iconfont"; color: #333333; font-size: 24px;}
.ksmswrap{padding:15px; box-sizing: border-box;}
.ksmswrap .title{ line-height:35px; font-size: 16px; color: #444; font-weight: bolder;}
.ksmswrap .btn{border:1px solid #ddd; display: inline-block; line-height: 35px; cursor: pointer; padding: 0px 20px; background-color: #fafafa; color: #444; border-radius: 3px;}
.ksmswrap .kf_sms_item{margin:25px 0px; position: relative;}
.ksmswrap .kf_sms_item .valipic{position:absolute; right: 0px; top: 0px; height: 40px; border-left: 1px solid #ddd;}
.ksmswrap .kf_sms_item .valipic img{ height:40px; cursor: pointer;}
.ksmswrap input{width:100%; background-color: #f6f6f6; border-radius: 3px; font-size: 14px; height: 40px; box-sizing: border-box; padding: 10px; border:1px solid #f1f1f1;-webkit-appearance: none;  table-layout:fixed; word-break:break-all; word-wrap:break-word; outline: none;}

/*magic-checkbox*/

 @keyframes hover-color {
  from {
    border-color: #c0c0c0; }
  to {
    border-color: #3e97eb; } }

.magic-radio,
.magic-checkbox {
  position: absolute;
  display: none; }

.magic-radio[disabled],
.magic-checkbox[disabled] {
  cursor: not-allowed; }

.magic-radio + label,
.magic-checkbox + label {
  position: relative;
  display: block;
  padding-left: 30px;
  cursor: pointer;
  vertical-align: middle; }
  .magic-radio + label:hover:before,
  .magic-checkbox + label:hover:before {
    animation-duration: 0.4s;
    animation-fill-mode: both;
    animation-name: hover-color; }
  .magic-radio + label:before,
  .magic-checkbox + label:before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: '';
    border: 1px solid #c0c0c0; }
  .magic-radio + label:after,
  .magic-checkbox + label:after {
    position: absolute;
    display: none;
    content: ''; }

.magic-radio[disabled] + label,
.magic-checkbox[disabled] + label {
  cursor: not-allowed;
  color: #e4e4e4; }
  .magic-radio[disabled] + label:hover, .magic-radio[disabled] + label:before, .magic-radio[disabled] + label:after,
  .magic-checkbox[disabled] + label:hover,
  .magic-checkbox[disabled] + label:before,
  .magic-checkbox[disabled] + label:after {
    cursor: not-allowed; }
  .magic-radio[disabled] + label:hover:before,
  .magic-checkbox[disabled] + label:hover:before {
    border: 1px solid #e4e4e4;
    animation-name: none; }
  .magic-radio[disabled] + label:before,
  .magic-checkbox[disabled] + label:before {
    border-color: #e4e4e4; }

.magic-radio:checked + label:before,
.magic-checkbox:checked + label:before {
  animation-name: none; }

.magic-radio:checked + label:after,
.magic-checkbox:checked + label:after {
  display: block; }

.magic-radio + label:before {
  border-radius: 50%; }

.magic-radio + label:after {
  top: 7px;
  left: 7px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #3e97eb; }

.magic-radio:checked + label:before {
  border: 1px solid #3e97eb; }

.magic-radio:checked[disabled] + label:before {
  border: 1px solid #c9e2f9; }

.magic-radio:checked[disabled] + label:after {
  background: #c9e2f9; }

.magic-checkbox + label:before {
  border-radius: 3px; }

.magic-checkbox + label:after {
  top: 2px;
  left: 7px;
  box-sizing: border-box;
  width: 6px;
  height: 12px;
  transform: rotate(45deg);
  border-width: 2px;
  border-style: solid;
  border-color: #fff;
  border-top: 0;
  border-left: 0; }

.magic-checkbox:checked + label:before {
  border: #3e97eb;
  background: #3e97eb; }

.magic-checkbox:checked[disabled] + label:before {
  border: #c9e2f9;
  background: #c9e2f9; }
.kf_radio_item{display:inline-block; border-radius: 5px; border: 1px solid #eee; overflow: hidden; vertical-align:middle; font-size: 0px;}
.kf_radio_item .head{display:inline-block; font-size: 14px; padding: 6px 15px; border-right: 1px solid #eee; font-weight: bolder;color: #444; vertical-align:middle; background-color: #fafafa;}
.kf_radio_item label{display:inline-block; font-size: 14px; padding: 6px 15px; border-right: 1px solid #eee; color: #444; vertical-align:middle;}
.kf_radio_item label:last-of-type{border-right:0px;}
.kf_radio_item label:hover{color:#3e97eb;}
.kf_radio_item label::before{display:none;}
.kf_radio_item label::after{display:none!important;}
.kf_radio_item .magic-radio:checked + label{background: #3e97eb!important; color: #fff;}
.kf_radio_item_nowrap{display:block; width: 100%; box-sizing: border-box; white-space: nowrap; -webkit-overflow-scrolling:touch; overflow-x: scroll;}
.kf_radio_item_nowrap::-webkit-scrollbar{display: none;}

/*layuiupload*/
.layui-upload-file{display:none!important;opacity:.01;filter:Alpha(opacity=1)}.layui-upload-drag,.layui-upload-form,.layui-upload-wrap{display:inline-block}.layui-upload-list{margin:10px 0}.layui-upload-choose{padding:0 10px;color:#999}.layui-upload-drag{position:relative;padding:30px;border:1px dashed #e2e2e2;background-color:#fff;text-align:center;cursor:pointer;color:#999}.layui-upload-drag .layui-icon{font-size:50px;color:#009688}.layui-upload-drag[lay-over]{border-color:#009688}.layui-upload-iframe{position:absolute;width:0;height:0;border:0;visibility:hidden}.layui-upload-wrap{position:relative;vertical-align:middle}.layui-upload-wrap .layui-upload-file{display:block!important;position:absolute;left:0;top:0;z-index:10;font-size:100px;width:100%;height:100%;opacity:.01;filter:Alpha(opacity=1);cursor:pointer}