@charset "utf-8";
/* CSS Document */
@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');
}
.clear{width:100%; height:0px; overflow:hidden; clear:both; float:none;}
ul,li{margin:0px; padding: 0px; list-style: none;}
input[type='submit'],input[type='button'],input[type='text'],input[type='password'],textarea{-webkit-appearance: none;  table-layout:fixed; word-break:break-all; word-wrap:break-word;}
body{margin:0 auto!important; padding:0px; font-size:14px; background-color:#f2f2f0; max-width:800px!important; font-family:"Helvetica Neue", Helvetica, STHeiTi, sans-serif; cursor:pointer;}
form{ margin:0px; padding:0px;}
*{ word-break:break-all; word-wrap:break-word;}
.kf_right{display: inline-block; border: 1px solid #1fbf8c; width: 18px; height: 18px; color: #1fbf8c; text-align: center; line-height: 18px; font-size: 16px; font-weight: normal; border-radius: 5px; font-size: 14px;}
.kf_error{display: inline-block; border: 1px solid #ed414a; width: 18px; height: 18px; color: #ed414a; text-align: center; line-height: 18px; font-size: 16px; font-weight: normal; border-radius: 5px; font-size: 14px;}
.kf_right:after{content:'\e645'; font-family: "iconfont";}
.kf_error:after{content:'\e646'; font-family: "iconfont";}

.kf_bohui{display: inline-block; border: 1px solid #ed414a; width: 18px; height: 18px; color: #ed414a; text-align: center; line-height: 18px; font-size: 14px; font-weight: normal; font-size: 12px;}
.kf_bohui:after{content:'驳';}

.kf_right_text{display: inline-block; border: 1px solid #1fbf8c; width:auto; height: 18px; color: #1fbf8c; text-align: center; line-height: 18px; font-size: 12px; font-weight: normal; border-radius: 2px; padding: 0px 5px;}
.kf_error_text{display: inline-block; border: 1px solid #ed414a; width:auto; height: 18px; color: #ed414a; text-align: center; line-height: 18px; font-size: 12px; font-weight: normal; border-radius: 2px; padding: 0px 5px;}
.kf_right_text:before{content:'\e645'; font-family: "iconfont";}
.kf_error_text:before{content:'\e646'; font-family: "iconfont";}

.kf_vip{display: inline-block; border: 1px solid #ff3300; width:auto; height: 16px; color: #fff; text-align: center; line-height: 16px; font-size: 12px; font-weight: normal; border-radius: 2px; padding: 0px 5px; margin-right: 5px; background-color: #ff6600;}
.kf_vip:before{content:'\e653'; font-family: "iconfont"; font-size: 14px;}

.kf_agent_pc::before{font-family:"iconfont"; content: "\e638";}
.kf_agent_mobile::before{font-family:"iconfont"; content: "\e692"; font-size: 18px; color: #ff3300;}
.kf_agent_wechat::before{font-family:"iconfont"; content: "\e603"; font-size: 18px; color: #1fbf8c;}

.kf_icon_pic::before{font-family:"iconfont"; content: "\e610"; display: inline-block; color: #00aa66; vertical-align: middle; font-size: 20px; text-align: center;}
.kf_hot_text{display: inline-block; border: 1px solid #ed414a; width:auto; height: 18px; color: #ed414a; text-align: center; line-height: 18px; font-size: 12px; font-weight: normal; border-radius: 2px; padding: 0px 5px;}
/*login*/
.loginwrap{width: 94%; border-radius: 10px; background-color: #fff; overflow: hidden;  box-shadow: 0px 5px 5px rgba(0,0,0,.4);position: absolute; left:50%; top:50%;  -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.logintop{background:#01b7f5;}
.logintop .text{font-size:16px; line-height: 50px; color: #fff; text-align:center;}
.loginfromwrap{padding:20px; text-align: left;}
.loginfromwrap>.titlewrap{border-bottom:1px solid #eee;}
.loginfromwrap>.titlewrap>.title{width:140px; text-align: center; border-bottom: 2px solid #3598db; font-size: 18px; color: #3598db; line-height: 50px; height: 50px;}
.loginfromwrap .inputwrap{width:auto; height: 40px; border:1px solid #dedede; margin-top: 20px; padding-left: 40px; border-radius: 3px; overflow: hidden; position: relative;}
.loginInput{ width:100%; border:0px; outline: none; height:40px; padding:5px; line-height:30px; font-size:14px; box-sizing: border-box;}
.loginSubmit{width:100%; background-color: #3598db; color: #fff; cursor:pointer; height:39px; text-align: center; font-size:18px; border:0px; box-sizing: border-box; padding:0px; margin:0px; letter-spacing: 10px; border-radius: 3px;}
.loginIndex{width:100%; background-color: #f0f0f0; color: #444; cursor:pointer; height:39px; text-align: center; font-size:16px; border:0px; box-sizing: border-box; padding:0px; margin:0px; letter-spacing: 2px; border-radius: 3px; margin-top: 20px;}
.logintextwrap{padding:30px 00px; color: #666666;}
.loginfoot{ height:80px; line-height: 40px; padding-top: 600px;position: absolute; left:50%; top:50%;  -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff;}
.loginfoot a{color: #fff;}
.loginfromwrap .username::after{content:"\e736"; font-family: "iconfont"; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 20px; display: block; position: absolute; top: 0px; left: 0px;}
.loginfromwrap .password::after{content:"\e6c0"; font-family: "iconfont"; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 20px; display: block; position: absolute; top: 0px; left: 0px;}
.loginfromwrap .validata::after{content:"\e769"; font-family: "iconfont"; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 20px; display: block; position: absolute; top: 0px; left: 0px;}
.loginfromwrap .inputwrap .valiimg{position:absolute; top: 0px; right: 0px; height: 40px; width: 120px;}
.loginfromwrap .inputwrap .valiimg img{width:100%; height:100%; cursor: pointer;}

/*管理*/
.adminwarning{ margin:0px 10px; font-size: 14px; display: inline-block;line-height: 20px; color: #ff0000; background-color: #ffff99; padding: 2px;}
.adminwarning::before{content:"\e6e5"; font-family: "iconfont"}
.admintop{background-color:#3598db; z-index: 1000; border-bottom: 1px solid #dedede; position: fixed; top: 0px; left: 0px; width: 100%; height: 45px; line-height: 45px; font-size: 16px; padding: 0px; color: #ffffff;}
.admintop a{color:#ffffff;}
.admintop .back{float:left; width: auto; padding-left: 10px;}
.admintop .back::before{content: '\e7e0'; font-family: "iconfont";}
.admintop .menu{float:right; width: auto; padding-right: 10px;}
.admintop .menu::before{content: '\e700'; font-family: "iconfont"; font-size: 20px; margin-right: 2px; vertical-align: middle;}
.admintop .title{text-align:center; margin: 0px 50px 0px 50px;}
.kfmenu{width:100px; display: none; z-index: 1000;  overflow-y: scroll; -webkit-overflow-scrolling:touch; height: 100vh; background-color: #353d44; position: fixed; top: 0px; right: 0px;}
.kfmenu ul li{ list-style:none; height: 50px; line-height: 50px; text-align: right; cursor: pointer; padding-right: 20px; font-size: 15px; color: #fff;}
.kfmenu ul li.ck{background-color:#2c3138; border-right: 3px solid #3598db;}
.kfmenu ul li::before{content:attr(data-icon); font-family: "iconfont"; padding-right: 10px; font-size: 20px; vertical-align:bottom;}
.kfsubmenu{width:134px; z-index: 1000;  height: 100vh; display: none; background-color: #fffffc; border-left: 1px solid #eee; position: fixed; top: 0px; right: 100px; overflow-y: scroll; -webkit-overflow-scrolling:touch;}
.kfsubmenublock{ display: none;}
.kfsubmenublock .title{font-size:15px; color: #000; border-bottom: 1px solid #dedede; margin: 5px 10px; line-height: 45px;}
.kfsubmenublock .title::before{content:attr(data-icon); font-family: "iconfont"; display: inline-block; width: 25px; font-size: 22px; vertical-align:bottom;}
.kfsubmenublock .point{font-size:14px; color: #000; display: block;margin: 0px 10px; line-height: 40px; cursor: pointer;}
.kfsubmenublock .point::before{content:"\e661"; font-family: "iconfont"; display: inline-block; width: 25px; font-size: 16px; vertical-align:bottom;}
.kfsubmenublock .hide::before{content:"\e6de";}
.kfsubmenublock ul{margin-bottom:10px;}
.kfsubmenublock ul li{ list-style:none; height: 40px; line-height: 40px; text-align:left; padding-left:35px; cursor: pointer; font-size: 14px; color: #666;}
.kfsubmenublock ul li:hover{border-right: 3px #3F87F5 solid; background: #E2EDFE; padding-left: 8px;}
.kfsubmenublock ul li:hover .dot{ display: inline-block; width: 5px; height: 5px; margin-right: 10px; margin-left: 10px; background-color: #fff; border: 1px solid #3598db; border-radius: 5px;}
.kfsubmenublock ul li.ck{border-right: 3px #3F87F5 solid; background: #E2EDFE; padding-left: 8px;}
.kfsubmenublock ul li.ck .dot{ display: inline-block; width: 5px; height: 5px; margin-right: 10px; margin-left: 10px; background-color: #fff; border: 1px solid #3598db; border-radius: 5px;}

/*页面*/
.kfapage{ background-color:#f6f8fa; margin-top: 46px;}
.kfapage::after{content:'\20';clear:both;*zoom:1; display:block; height:1px; width: 100%;}
.maintitle{padding:0px 10px; padding-top: 10px; min-height: 40px; line-height: 40px;}
.maintitle .title{font-size:18px; float: left; margin-right: 20px;}
.maintitle .tip{font-size:14px; float: left; margin-right: 20px; color: #666666; line-height: 20px; margin-top: 12px;}
.maintitle .btn{font-size:14px; float: right; padding: 0px 20px; cursor: pointer;margin-left: 20px; color: #fff; line-height: 30px; background-color: #3598db; display: block;}
.maintitle:after{content:'\20'; display: block; width: 100%; height: 5px; clear: both; float: none;}
.maintitle .tablist{width:100%; height: 40px; border-bottom: 1px #EDF2F9 solid;}
.maintitle .tablist li{float: left; padding: 0px 20px; text-align: center; min-width: 100px; color: #333; line-height: 38px; font-size:20px;}
.maintitle .tablist li.ck{border-bottom:2px solid #3598db;}
.maintitle .tablist li.ck *{color:#3598db;}
.maintitle .tablist a{color:#444; text-decoration: none;}
.kfmain{ margin:10px; background-color: #fff; height:auto;}
/*form*/
.kffieldest{border:1px solid #efefef; margin:0px 10px; background-color: #fff;}
.kffieldest legend{font-size:18px; padding:0px 10px;}

.kfformwrap{font-size:0px;}
.kf_pform_wrap{background-color:#fff; margin: 5px; padding: 5px;}
.kf_pform_wrap .tips{padding:10px 0px; color: #888;}
.kf_pform_wrap .tips::before{font-family:iconfont; content: "\e6e5"; padding-right: 5px;}
.kf_pform_wrap .postbtn{width: auto; height: 40px; text-align: center; background-color: #3598db; padding: 0px 20px; width: 100%; box-sizing: border-box; border: 1px solid #3598db; display: inline-block; cursor: pointer; line-height: 40px; color: #fff; font-size: 14px;}
.kf_pform_wrap .titlewrap{ background-color: #EDF2F9; margin-bottom: 10px;}
.kf_pform_wrap .titlewrap .title{font-size:16px; padding: 0px 10px; font-weight: bolder; color: #444; line-height: 40px;}
.kf_magic_line{font-size: 14px; display: inline-block; vertical-align: middle;}
.kf_magic_line label{display:inline-block!important; margin: 4px 0px; margin-right: 15px;}

.kf_form_item{margin-bottom:10px; float: none; clear:both;}
.kf_form_item::after{content:'\20';clear:both;*zoom:1;display:block;height:0;}
.kf_form_label{ display: inline-block; vertical-align: middle; line-height: 35px; font-size: 14px; padding-right: 10px; margin: 4px 0px;}
.kf_form_block{ display: inline-block; vertical-align: middle; margin: 4px 0px;}
.kf_form_block10{ display: inline-block; vertical-align: middle; padding-right: 10px; margin: 4px 0px;}
.kf_form_line{height: 15px; margin: 0px 10px 0px 10px; position: relative; top:3px; display: inline-block; width: 1px; overflow: hidden; border-right: 1px solid #dedede; vertical-align: middle; margin: 4px 0px;}

.kf_form_select{box-sizing: border-box; background-color: #fff; height: 40px!important; font-size: 14px; line-height: 40px; 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; vertical-align: middle; margin: 4px 0px;}
.kf_form_input{ box-sizing: border-box; width: auto; height: 40px; font-size: 14px; outline: none; border-radius: 3px; border: 1px solid #dedede; padding: 10px;}
.kf_form_textarea{ box-sizing: border-box; width: auto; height:auto; font-size: 14px; outline: none; border-radius: 3px; border: 1px solid #dedede; padding: 10px;}
.kf_form_btn{ box-sizing: border-box; width: auto; height: 40px; text-align: center; background-color: #fafafa; padding: 0px 20px; border: 1px solid #dedede; border-radius: 3px; display: inline-block; line-height: 40px; font-size: 14px; vertical-align: middle; text-decoration: none;}
.kf_form_selectwrap .kf_form_select{margin-right: 10px; vertical-align: middle;}

.kf_form_sort{margin:0px; padding:0px; width:auto;}
.kf_form_sort li{margin-right:12px; list-style:none; white-space:nowrap; float:left; width:auto; height:25px; padding:0px 5px; line-height:25px; margin-bottom:5px; font-size:14px; cursor: pointer;}
.kf_form_sort li.head{padding:0px;}
.kf_form_sort li.checked{background-color:#3598db; color: #fff; border-radius:3px;}
.kf_form_sort li a{ color:#444444;}
.kf_form_sort li.checked a{ color:#FFFFFF;}
.kf_form_sort::after{content:'\20';clear:both;*zoom:1;display:block;height:0;}

/*内页表单*/
.kf_mform_item{margin-bottom:10px; float: none; clear:both;}
.kf_mform_item::after{content:'\20';clear:both;*zoom:1;display:block;height:0;}
.kf_mform_item>label{font-size:14px; color: #444; line-height: 20px; font-weight: bolder;}
.kf_mform_item .comments{font-size:12px; color: #888;}
.kf_mform_item .comments::before{content:'\e6e5'; font-family: "iconfont"; margin-right: 5px;}
.kf_mform_item .inputwrap{position:relative;}
.kf_mform_item .inputwrap .unit{position:absolute; top: 0px; right: 0px; padding: 10px; line-height: 20px; color: #000;}
.kf_mform_item .inputwrap input[type='text']{width:100%; background-color: #f6f6f6; border-color: #f1f1f1;}
.kf_mform_item .textareawrap textarea{width:100%; background-color: #f6f6f6; border-color: #f1f1f1;}
.kf_mform_item .inputwrap .btnwrap{position:absolute; top: -0px; right: 0px; font-size: 0px; border-radius: 3px; overflow: hidden;border:1px solid #f1f1f1;}
.kf_mform_item .inputwrap .btnwrap .btn{height:38px; line-height: 38px; font-size: 14px; width: auto; background-color: #fff; display: inline-block; border: 0px; border-right: 1px solid #dedede; padding: 0px 8px; min-width: 40px; text-align: center;}
.kf_mform_item .inputwrap .btnwrap .btn:last-of-type{border-right:0px;}
.kf_mform_item .kf_form_select{background-color: #f6f6f6!important; border-color: #f1f1f1;}
.kf_mform_item .inputwrap .selectwrap{position:absolute; top: -0px; right: 0px; font-size: 0px; border-radius: 3px; overflow: hidden;}
.kf_mform_item .inputwrap .selectwrap .kf_form_select{ margin:0px; border: 0px;}

/*表格*/
.kf_table{border-collapse:collapse; font-size: 14px;}
.kf_table thead td{border-bottom: 1px solid #EDF2F9; background-color: #EDF2F9;}
.kf_table .head{border: 1px solid #EDF2F9; background-color: #f1f5f8; font-weight: bolder; font-size: 15px;}
.kf_table tr{border-bottom: 1px solid #ededed;}
.kf_table tr td{padding: 15px 7px; border-bottom: #ededed; word-break: break-all; line-height: 20px;}
.kf_table tr td .tips{padding-top:10px; color: #888;}
.kf_table tr td .tips::before{font-family:iconfont; content: "\e6e5"; padding-right: 5px;}
.kf_table tr td a{ color:#3598db; text-decoration: none;}
.kf_table tr td .btn{width: auto; height: 25px; text-align: center; background-color: #fafafa; padding: 0px 10px; border: 1px solid #dedede; display: inline-block; cursor: pointer; line-height: 25px; color: #444; box-sizing: content-box; font-size: 14px; border-radius: 0px;}
.kf_table tr td .btn a{ color: #444; display: block;}
.kf_table tr td .postbtn{width: auto; height: 40px; text-align: center; background-color: #3598db; padding: 0px 20px; border: 1px solid #3598db; display: inline-block; cursor: pointer; line-height: 40px; color: #fff;}

/*页码*/
.kPage{font-size:0px; margin:20px 0px;text-align: center;}
.page2{text-align: center; margin-bottom: 20px;}
.kPage li{ display: inline-block; font-size: 14px; height: 28px; line-height: 28px; margin-right: 10px;}
.kPage .page{border:1px solid #dedede; background-color: #fff; padding: 0px 10px;}
.kPage .page a{display:block; color: #444444; text-decoration: none;}
/*后台管理首页*/
.adminInfo{ background-color:#fff; padding:1px; margin: 10px; min-height:120px; font-size: 15px; }
.adminInfo .adminPic{ padding:10px 30px; float:left;}
.adminInfo .adminPic img{ width:80px; height:80px;}
.adminInfo .adminInfoCon{ color:#666666; line-height:20px; margin-top: 10px;}
.adminInfo .adminInfoCon strong{color:#0099cc; line-height:20px; font-weight:bolder;}
.adminInfo .adminInfoCon a{display:inline-block; border-radius: 30px; padding: 5px 15px; color: #444; border: 1px solid #dedede; margin-top: 10px; text-decoration: none;}
.deslist{ margin: 10px; }
.deslist li{ border-top:1px solid #eee; border-right:1px solid #eee; width: 50%; box-sizing: border-box; padding: 10px; height: 130px; position: relative; overflow: hidden; float: left; background-color: #fff;}
.deslist a:nth-of-type(1) li{border-top:0px;}
.deslist a:nth-of-type(2) li{border-top:0px;}
.deslist a:nth-of-type(2n) li{border-right:0px;}
.deslist li:hover{border-color:#3598db;}
.deslist li:hover .ico{padding:12px;}
.deslist li .ico{ position:absolute; color:#fff; background-color: #ff9900; top: 20px; right: 20px; font-size: 36px; vertical-align: middle; box-shadow: 5px 5px 2px rgba(0,0,0,.05);text-align: center; line-height: 40px; width: 40px; height: 40px; padding: 5px; border-radius: 10px; }
.deslist li .ico::before{content:attr(data-icon); font-family: "iconfont";}
.deslist li .title{ font-size:18px; color: #222; line-height: 35px; margin-bottom: 0px;}
.deslist li .num{ font-size:18px; color: #222; line-height: 35px; margin-bottom: 0px;}
.deslist li .numlist{ font-size:13px; color: #444444; line-height: 20px; margin-top: 10px;}
.deslist li .numlist span{ display:inline-block; width: 50%; box-sizing: border-box; line-height: 13px; height: 13px;}
.deslist li .numlist span:last-of-type{border-right: 0px solid #f0f0f0; padding-right: 0px; margin-right: 0px;}
.deslist li .numlist strong{font-weight: normal; color: #0066aa;}
.deslist::after{content:'\20';clear:both;*zoom:1; display:block; height:1px; width: 100%;}
.kffoot{text-align:center; padding: 20px; font-size: 14px; color: #7284aa; letter-spacing: 2px;}
.kffoot a{color:#3598db; text-decoration: none;}

/*其它*/
.checkall{padding:10px 20px 0px 20px;}
.klistwrap{width:auto; color: #444; padding: 10px; line-height: 20px; background-color: #fff; border: 1px solid #f1f1f1; margin: 0px 10px; margin-top: 10px; position: relative;}
.klistwrap .id{font-size:14px; color: #444;}
.klistwrap .title{font-size:16px; color: #3598db; line-height: 30px;}
.klistwrap .title a{ color:#3598db; text-decoration: none;}
.klistwrap .line{border-top:1px dashed #eee; height: 1px; width: 100%; margin: 10px 0px; overflow: hidden; font-size: 0px;}
.klistwrap .sort1{font-size:0px;}
.klistwrap .sort1>span{width:25%; text-align:left; padding: 0px; font-size: 14px; display: inline-block;}
.klistwrap .group3>span{width:33%;}
.klistwrap .sort1>span a{color:#444; text-decoration: none;}
.klistwrap .sort{font-size:0px;}
.klistwrap .sort span{border:1px solid #dedede; padding: 0px 8px; font-size: 14px;height: 18px; line-height: 18px; border-radius: 0px; display: inline-block; vertical-align: middle; margin: 3px 0px; margin-right: 5px;}
.klistwrap .sort span:nth-of-type(4n+1){border:1px solid #abc466; background-color: #abc466; color: #fff;}
.klistwrap .sort span:nth-of-type(4n+2){border:1px solid #fda19d; background-color: #fda19d; color: #fff;}
.klistwrap .sort span:nth-of-type(4n+3){border:1px solid #00bfe1; background-color: #00bfe1; color: #fff;}
.klistwrap .sort span:nth-of-type(4n+4){border:1px solid #9fa4ce; background-color: #9fa4ce; color: #fff;}
.klistwrap .sort .top{ border:1px solid #ff6600!important; background-color: #ff6600!important;}
.klistwrap .sort .top a{color:#fff;}
.klistwrap .sort .hot{ border:1px solid #ed414a!important; background-color: #ed414a!important;}
.klistwrap .sort .vip{ border:1px solid #ed414a!important; background-color: #ed414a!important;}
.klistwrap .sort .update{ border:1px solid #3598db!important; background-color: #3598db!important;}

.klistwrap .sort .kf_right_text{border: 1px solid #1fbf8c!important; background-color: #1fbf8c!important;}
.klistwrap .sort .kf_error_text{border: 1px solid #ed414a!important; background-color: #ed414a!important;}
.klistwrap .sort .kf_right_text:before{content:'\e645'; font-family: "iconfont";}
.klistwrap .sort .kf_error_text:before{content:'\e646'; font-family: "iconfont";}

.klistwrap .text{word-break:break-all; word-wrap:break-word; line-height: 25px; position: relative;}
.klistwrap .text .btnshow{color:#35a6ee; padding: 0px 10px; cursor: pointer;}
.klistwrap .text .btnshow text{display:none;}
.klistwrap .dateip{color:#888;font-size:0px;}
.klistwrap .dateip>span{width:50%; text-align:left; padding: 0px; font-size: 14px; display: inline-block;}
.klistwrap .time{color:#888;}
.klistwrap .time::before{content: "\e60c"; font-family: "iconfont"; padding-right: 5px;}
.klistwrap .ip{color:#888;}
.klistwrap .ip .kfipinfobox{color:#888; font-size: 12px;}

.klistwrap .btn_wrap{text-align:right; }
.klistwrap .btn{width: auto; height: 35px; text-align: center; background-color: #fafafa; padding: 0px 15px; border: 1px solid #f1f1f1; display: inline-block; cursor: pointer; line-height: 35px; color: #444; font-size: 14px; box-sizing: content-box; vertical-align: middle; text-decoration: none; border-radius: 3px; margin: 3px 0px;}
.klistwrap .btn a{ color: #444; display: block; text-decoration: none;}
.infoprice{ color:#ff3300; margin-left: 10px;}
.infopic{}
.infopic img{width: 80px; height: 80px; margin-right: 10px; margin-top: 5px;}
.infopic .video{overflow: hidden; display: inline-block; cursor: pointer; position: relative; vertical-align: bottom;}
.infopic .video::after{content:"\e7c7"; text-align: center; width: 100%; height: 100%; display: block; line-height: 80px; font-family: "iconfont"; font-size: 38px; color: #fff; position: absolute; top: 0px; left: 0px; opacity: 0.6;}
.kftelinfobox{ position:absolute; width:180px; letter-spacing:1px; line-height:20px; top:-100px; left:-100px; display:none; background-color:#FFFFFF; border:1px solid #dedede; color:#333333; padding:8px; font-size:14px; border-radius:5px;}
.kftelinfobox span{ color:#333333;}
.kfipinfobox{color:#444444; display: inline-block;}
.kfCmdText{border:1px solid #e5e5e5; background-color:#FFFFFF; margin:20px 0px; height:500px; overflow:scroll; font-size:14px; line-height:25px; padding:10px; color:#006600;}
.inforepeat{display:inline-block; border: 1px solid #ff3300; padding:0px 2px; color: #ff3300!important; margin-right: 3px; line-height: 15px; font-size: 12px;}

.kuserinfo{width: auto; display: inline-block; height: 42px;}
.kuserinfo:after{content:'\20'; display: block; width: 100%; height: 0px; clear: both; float: none;}
.kuserinfo>.headpic{ width:40px; height: 40px; border-radius: 25px; border: 1px solid #efefef; overflow: hidden; float: left;}
.kuserinfo>.headpic>img{width:40px; height: 40px;}
.kuserinfo>.text{line-height:20px; height: 40px; padding:0px 5px; padding-left: 50px;}
.kuserinfo>.text>.nickname{ font-size: 14px; color: #444444;}
.kuserinfo>.text>.date{ font-size: 12px; color: #888888;}

.wechatreplytext{ color:#444; font-size:12px; padding:10px; line-height:20px; width:100%; box-sizing: border-box; border:5px solid #fafafa; border-radius: 5px; background-color:#ffffff; margin-bottom: 8px;}
.wechatreplywrap{ color:#444; font-size:12px; background-color:#FFFFFF; padding:10px; border:8px solid #fafafa; border-radius: 5px; line-height:25px; width:100%; box-sizing: border-box; min-height: 140px; margin-bottom: 8px;}
.wechatreplywrap .title{ margin-bottom:10px; color: #000000;}
.wechatreplywrap .pic{ width:60px; height:60px; float:right;}
.wechatreplywrap .pic img{ width:60px; height:60px;}
.wechatreplywrap .text{ color:#666666; line-height: 20px; margin-top:10px; margin-right: 90px;}

.weixintemplatelist{ margin: 0px; padding: 0px;}
.weixintemplatelist li{ float: left; border:1px solid #dedede; border-radius: 3px; margin: 0px; margin-bottom: 10px; }
.weixintemplatelist li .name{ display: inline-block; padding-right: 10px; padding: 0px 10px;}
.weixintemplatelist li .content{ display: none;}
.weixintemplatelist li>.btn{ display: inline-block; background-color: #fafafa; border: 0px!important; border-left: 1px solid #dedede!important; padding: 0px 5px; padding: 5px 10px; cursor:pointer;}

.addressList{ margin:0px;}
.addressList li{border-radius:3px; line-height: 30px; margin: 0px 10px 0px 0px; height: 30px; width: auto; background-color: #ffffff; display: inline-block; padding: 0px 15px; padding-right: 30px; border:1px solid #efefef; position: relative;  margin-top: 10px;}
.addressList li.head{border:0px solid #efefef; background-color:transparent; padding: 0px; font-weight: normal;}
.addressList li .close{ position: absolute; top: -0px; color: #444; line-height: 20px; right: 3px; cursor: pointer;}
.addressList li .close:after{content:'\2716';}

/*上传*/
.kfUploadPicList{width:auto; float:left; height:auto; margin:0px; padding:0px;}
.kfUploadPicList:after{content:'\20';clear:both;*zoom:1;display:block;height:0}
.kfUploadPicList li{float:left; width:80px; height:80px; margin:2px; padding:0px; list-style:none; text-align:center; border:1px solid #dedede; position:relative;}
.kfUploadPicList li img{width:80px; max-width: 80px; height:80px; display:block;}
.kfUploadPicList li .del{text-align:center; margin:0px; padding:0px; cursor:pointer; position:absolute; top:-10px; right:-10px; width:20px; height:20px; line-height:20px; font-size:14px; color:#FFFFFF; background-color:#FF0000; z-index: 999; border-radius:10px;}
.kfUploadPicList li .cor{ position:absolute; bottom: 0px; left: 0px; height: 20px; line-height: 20px; background-color: #dedede; width: 80px;}
.kfUploadPicList li .cor p{ display: inline-block; margin: 0px; padding: 0px; font-size: 14px; padding: 0px 5px; cursor: pointer;}
.kfUploadBtn{float:left; width:80px; height:80px; margin:2px; padding:0px; list-style:none; text-align:center; border:1px solid #dedede; position:relative; overflow:hidden; cursor: pointer;}

/*商家模板*/
.biztemplatelist{ height: calc(100% - 50px); overflow: auto;}
.biztemplatelist::after{content:"\20"; display: block; width: 100%; height: 20px; float: none; clear:both;}
.tlBox{ float:left; width:calc(50% - 10px); height:230px; border:1px dashed #dedede; margin: 5px; padding: 5px; box-sizing: border-box; position:relative; border-radius:3px; overflow: hidden; padding-bottom: 20px;}
.tlBox.ck{background-color: #f0f0f0; border:1px dashed #3598db;}
.tlBox img{ width:100%; height:100%; object-fit:contain;  cursor:pointer;}
.tlBox .radio{ position:absolute; bottom:5px; left:calc(50% - 6px); border:1px solid #666666; background-color:#ffffff; width:12px; height:12px; overflow:hidden;  border-radius:8px;}
.tlBox.ck .radio{ position:absolute; bottom:5px; left:calc(50% - 6px); border:2px solid #0099ff; width:12px; height:12px; overflow:hidden; border-radius:8px;}
.tlBox.ck::before{content: "\20"; display: block; position: absolute; width: 50px; height: 50px; background-color: #3598db; top: -25px; right: -25px;        transform: rotate(45deg) ;}
.tlBox.ck::after{content: "\e645"; font-size: 18px; font-family: "iconfont"; display: block; position: absolute; width: 30px; height: 30px; color: #fff; top: -5px; right: -10px; line-height: 30px;}

/*幻灯片*/

.slideList{ width:auto; height:auto; height:100px; border-radius: 3px; overflow: hidden;line-height:25px; margin-top:10px; position: relative;}
.slideList .pic{  width:100%; height:100px; margin-bottom: 10px; background-color:#FFFFFF;  display: flex; overflow:hidden;}
.slideList .pic1{overflow:hidden;  display: flex;}
.slideList .pic img{width:100%; height:100%; object-fit: cover; border:0px;}
.slideList .link{ float:left; width:380px;}
.slideList .btn{position: absolute; top: 0px; right: 0px; width: 80px; text-align: center; height: 33px; border: 1px solid #eee; background-color: #fafafa;}
.slideList .btn:nth-of-type(2){top:33px;}.slideList .btn:nth-of-type(3){top:67px;}

/*tab标签*/
.kftab>.head{height:40px; width:100%;  margin:0px; padding:0px; margin-bottom:15px; border-bottom:1px solid #efefef;}
.kftab>.head li{ float:left; height:40px; cursor:pointer; list-style: none; font-size:14px; margin-right:10px; line-height:40px; padding:0px 10px;color:#444444;}
.kftab>.head a{color:#444444;}
.kftab>.head li.ck{border-bottom:3px solid #3598db; height: 37px;}
.kftab>.head1{height:40px; width:100%;  margin:0px; padding:0px; margin-bottom:15px; border-bottom:0px solid #efefef; background-color: #f0f0f0;}
.kftab>.head1 li{ float:left; height:40px; cursor:pointer; list-style: none; font-size:14px; margin-right:10px; line-height:40px; padding:0px 10px;color:#444444;}
.kftab>.head1 a{color:#444444;}
.kftab>.head1 li.ck{border-bottom:0px solid #3598db; background-color: #fff; font-weight: bolder; height: 41px;}
.kftab .kftablist{display:none;}
/*导航设置*/
.sNavLinkList{ padding:0px 10px; height: 500px; overflow:hidden; overflow-y: scroll;  margin:0px; list-style:none;}
.sNavLinkList li{ float:left; margin:5px; padding:5px 20px; line-height:20px; border:1px solid #efefef; background-color:#FFFFFF; font-size:14px; width:auto; cursor:pointer; list-style:none;}
.sNavLinkList li.head{ background-color:#efefef; font-weight:bolder;}

/*视频上传*/
.kupvideobox{}
.kupvideobox .btn_upvideo{font-size:14px; line-height: 30px; width: 130px; border: 1px solid #dedede; background-color: #fafafa; text-align: center; display: inline-block; cursor: pointer;}
.kupvideobox .btn_upvideo::before{content:"\e7a6"; font-family: "iconfont"; font-size: 20px; vertical-align: middle; padding-right: 5px;}
.kupvideobox .tips{ display: inline-block; font-size: 12px; color: #888; margin-left: 20px;}
.kupvideobox .videoinfo{font-size: 14px; line-height: 14px; padding: 5px 0px; display: none; align-items:center;}
.kupvideobox .videoinfo .pic{width: 50px; height: 50px; flex-shrink:0; border-radius: 3px; background-color: #f0f0f0; overflow: hidden;}
.kupvideobox .videoinfo .pic img{width: 100%; height: 100%; }
.kupvideobox .videoinfo .name{ margin-left: 10px; width: 100px;}
.kupvideobox .videoinfo .del{ margin-left: 10px; width: 30px; flex-shrink: 0; color: #f00; cursor: pointer;}
.kupvideobox .videoinfo .play{ margin-left: 10px; width: 30px; flex-shrink: 0; color: #3598db; cursor: pointer;}
.kupvideobox .videoinfo .getpic{ margin-left: 10px; color: #3598db; cursor: pointer;}

.gl_body {
  background: #f7f7f7;
  padding: 14px;
  padding-top:60px;
}
.gl_page_title {
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 8px;
}
.gl_time_info {
  text-align: center;
  font-size: 13px;
  color: #999;
  margin-bottom: 12px;
}

/* 蓝色按钮区域 */
.gl_btn_wrap {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 16px;
}
.gl_blue_btn {
  padding: 8px 16px;
  background: #3598db;
  text-decoration:none;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
}
.gl_blue_btn:hover {
  background: #0f6cef;
}

/* 筛选栏 */
.gl_filter_bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  background: #fff;
  border-radius: 10px;
  margin-bottom: 20px;
  padding-top:20px;
  position:relative;
}
.gl_filter_title{
    position:absolute; top:-10px; left:30px; font-size:16px; color:#444; letter-spacing:2px;
}
.gl_filter_select {
  padding: 6px 8px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 14px;
  height: 32px;
}
.gl_filter_input {
  padding: 6px 8px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 14px;
  height: 32px;
  box-sizing:border-box;
  width: 80px;
}
.gl_search_input {
  flex: 1;
  min-width: 140px;
  padding: 6px 8px;
  border: 1px solid #ddd;
  border-radius: 6px;
  box-sizing:border-box;
  font-size: 14px;
  height: 32px;
}
.gl_filter_btn {
  padding: 0 12px;
  border: none;
  border-radius: 6px;
  background: #eee;
  cursor: pointer;
  font-size: 14px;
  height: 32px;
  white-space: nowrap;
}

/* 批量操作栏 */
.gl_batch_bar {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  background: #fff;
  border-radius: 10px;
  margin-bottom: 10px;
  padding-top:20px;
  position:relative;
}
.gl_batch_title{
    position:absolute; top:-10px; left:30px; font-size:16px; color:#444; letter-spacing:2px;
}
.gl_batch_bar select {
  padding: 6px 8px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 14px;
}
.gl_batch_btn {
  padding: 6px 12px;
  border: none;
  border-radius: 6px;
  background: #eee;
  cursor: pointer;
  font-size: 14px;
}

.gl_article_item {
  background: #fff;
  border-radius: 10px;
  padding: 16px;
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.gl_article_check_id {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: #666;
}
.gl_article_title {
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  word-break: break-all;
}
.gl_article_meta { display:flex; gap:10px;
  font-size: 12px;
  color: #999;
}
.gl_article_meta a {
  color: #999;
}
.gl_article_btns {
  display: flex;
  gap: 8px;
  margin-top: 4px;
}
.gl_article_btns .btn {
  flex: 1;
  padding: 8px 0;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  color: #333;
  background: #eee;
  cursor: pointer;
  text-align:center; text-decoration:none;
}


/*管理列表状态图标*/
/* 基础状态标签样式 */
.gl_article_item .status-tag {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}

/* 1. 已审核 / 已通过 ✅ */
.gl_article_item .status-approved {
  color: #00b42a;
  background-color: #e6ffed;
}

/* 2. 待审核 ⏳ */
.gl_article_item .status-pending {
  color: #ff7d00;
  background-color: #fff7e6;
}

/* 3. 已驳回 / 未通过 ❌ */
.gl_article_item .status-rejected {
  color: #f53f3f;
  background-color: #fee7e6;
}

/* 4. 已隐藏 / 禁用 👁️‍🗨️ */
.gl_article_item .status-hidden {
  color: #8c8c8c;
  background-color: #f5f5f5;
}

/* 5. 热门 🔥 */
.gl_article_item .status-hot {
    color: #722ed1;
    background-color: #f9f0ff;
}


 /* 分类设置列表 */
.kf-sort-admin {
    background: #fff;
    color: #333;
    font-size: 14px;
}

.kf-sort-admin * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.kf-sort-admin .kf-item {
    padding: 12px 14px;
    border-bottom: 1px solid #f2f2f2;
    position: relative;
}

.kf-sort-admin .kf-info {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.kf-sort-admin .kf-id,
.kf-sort-admin .kf-sort {
    background: #f5f6f7;
    color: #666;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 12px;
    font-family: monospace;
}

.kf-sort-admin .kf-name {
    font-weight: 500;
}

.kf-sort-admin .kf-btns {
    margin-top: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.kf-sort-admin .kf-btns a {
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 12px;
    white-space: nowrap;
    text-decoration: none;
    display: inline-block;
    background: #f7f8fa;
    border: 1px solid #e5e6eb;
    color: #555;
}

.kf-sort-admin .kf-tag {
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 12px;
    color: #fff;
}

.kf-sort-admin .kf-tag-hot {
    background: #ffa940;
}

.kf-sort-admin .kf-tag-close {
    background: #999;
}

.kf-sort-admin .kf-sort-level .kf-item {
    padding-left: 28px;
    background: #fafbfc;
}

.kf-sort-admin .kf-level-line {
    position: absolute;
    left: 5px;
    color: #aaa;
}