/*载入中*/
.kLoading { position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 8px; max-width: 300px; width: 80%; height: 160px; display: flex; align-items: center; justify-content: center; background-color: rgba(0,0,0,0.8); z-index: 999; text-align: center; }  .kLoading .text { font-size: 15px; color: #fff; line-height: 20px; padding: 10px; }  @keyframes loading-rotate { to { transform: rotate(1turn) } }  @keyframes loading-dash { 0% { stroke-dasharray: 1,200; stroke-dashoffset: 0 }  50% { stroke-dasharray: 90,150; stroke-dashoffset: -40px }  to { stroke-dasharray: 90,150; stroke-dashoffset: -120px } }  .kLoading .circular { height: 42px; width: 42px; animation: loading-rotate 2s linear infinite; }  .kLoading .path { animation: loading-dash 1.5s ease-in-out infinite; stroke-dasharray: 90,150; stroke-dashoffset: 0; stroke-width: 2; stroke: #409eff; stroke-linecap: round; }

/*弹出层*/

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

/*国际短信*/
.kSmsTelContainer { display:flex; align-items:center; } .kSmsTelContainerPost { display: flex; align-items: center; background-color:#f6f6f6; width:320px; } .kSmsTelContainerPost .kTelAreaCode {border-right:0px; margin-right:0px; } .kSmsTelContainerPost input { flex-shrink: 0; flex-basis: auto; flex-grow: 1; } .kTelAreaCode { font-size: 15px; height: 100%; outline: none; box-sizing: border-box; border: 0; line-height: 100%; padding: 0px 10px; appearance: none; cursor: pointer; -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; border-right: 1px solid #dcdfe6; margin-right: 10px; }

/*用户中心手机认证找回密码*/
.kSmsContainer{ } .kSmsContainer .item { display: flex; align-items: center; border: 1px solid #dcdfe6; border-radius: 5px; height: 40px; margin-bottom:20px; overflow:hidden; } .kSmsContainer .item input[type="text"], .kSmsContainer .item input[type="password"] { border: 0px; padding: 0px 10px; box-sizing: border-box; outline: none; flex-grow: 1; min-width:10px;} .kSmsContainer .item .kSmsValiBtn { font-size: 14px; padding: 0px 10px; cursor: pointer; align-items: center; border-left: 1px solid #eee; background: #fafafa; height: 40px; line-height: 40px; white-space:nowrap;}.kSmsContainer .icon {font-family:iconfont; font-size:22px; width:35px; text-align:center; color:#888; flex-shrink: 0;} @media screen and (max-width: 768px) { .kSmsContainer .item { height: 45px; }  .kSmsContainer .item .kSmsValiBtn { height: 45px; line-height: 45px; } .kSmsContainer .item input[type="text"], .kSmsContainer .item input[type="password"] { font-size:15px; } .kSmsTelContainerPost { width:100%;} .kSmsTelContainerPost input { flex-shrink: 0; flex-basis: auto; flex-grow: 1; width:auto!important; } }
/*用户中心手机认证*/
.kUserTelValiDetailContainer { display: flex; align-items: center; margin: 20px 0px; } .kUserTelValiDetailContainer .icon { background: url("/images/ico_renzheng.png") 0px 0px no-repeat; background-size: 52px; width:52px; height:60px; margin-right:10px; } .kUserTelValiDetailContainer .text { font-size:15px; line-height:30px; } .kUserTelValiDetailContainer .text strong { font-size:18px; color:#ed414a;} .kUserTelValiDetailBtn { margin-left: 20px; border-radius: 3px; border: 1px solid #dcdfe6; font-size: 15px; padding: 2px 15px; color: #606266; }

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