/*弹出层*/

.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;}
.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%;}

.kf_form_select{box-sizing: border-box; background-color: #fff; height: 30px;  line-height: 30px; padding:0px 10px; vertical-align: middle; border: 1px solid #dedede; color: #333;  border-radius: 3px;appearance:none; -moz-appearance:none;  -webkit-appearance:none; background: url('/images/ico_arrow_down.png') no-repeat scroll right center transparent; background-size: 16px; padding-right: 20px;}

/*举报功能*/
.kjubaowrapbg{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;}
.kjubaowrap{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;}
.kjubaowrap .close{text-align: right; cursor: pointer; width: 24px; height: 24px; position: absolute; top: 0px; right: 0px;}
.kjubaowrap .close:after{content: "\e7dc"; font-family: "iconfont"; color: #333333; font-size: 24px;}
.kjubaowrap form{margin:15px;}
.kjubaowrap .title{ line-height:35px; font-size: 16px; color: #444; font-weight: bolder;}
.kjubaowrap .btn{border:1px solid #ddd; line-height: 35px; padding: 0px 20px; background-color: #fafafa; color: #444; border-radius: 3px;}
.kjubaowrap .kf_jubao_item{margin-bottom:15px;}
.kjubaowrap textarea{width:100%; background-color: #f6f6f6; box-sizing: border-box; padding: 10px; border:1px solid #f1f1f1;-webkit-appearance: none;  table-layout:fixed; word-break:break-all; word-wrap:break-word;}

/*标签编辑*/
.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;}

/*颜色选择*/
.kcolorwrap{margin-bottom: 10px; background-color: #fafafa; border: 1px solid #f1f1f1; padding:5px 10px; cursor: pointer; border-radius: 3px; text-align: center; width: 150px; position: relative; height: 25px;}
.kcolorwrap .colorbox{width:20px; height: 20px; line-height: 20px; border: 1px solid #f1f1f1; border-radius: 3px; display: inline-block; vertical-align: middle;}
.kcolorwrap .colortitle{display:inline-block; padding-left: 5px; line-height: 20px; font-size: 14px; vertical-align: middle;}
.kcolorwrap .colorbox::before{content:"\e679"; font-family: "iconfont"; font-size: 20px; color: #fff;}
.kcolorwrap .colorlist{position:absolute; background-color: #fff; top: 38px; left: 0px;  z-index: 999; width: 100%; padding: 10px; margin: 0px;  display: none;box-shadow: 2px 2px 4px rgba(0,0,0,.2); box-sizing: border-box;}
.kcolorwrap .colorlist li{list-style:none; height: 25px; line-height: 15px; border-bottom: 3px solid #fff;}
.kcolorwrap .colorlist li:hover{ height: 28px;}


/*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; }