* { margin: 0; padding: 0; box-sizing: border-box; }
/* body { background-color: #f5f5f5; font-family: '微软雅黑,PingFangSC-Regular,PingFang SC'; } */
body { background-color: #eff3f5; font-family: "Microsoft YaHei",微软雅黑,宋体,Arial,Tahoma,Helvetica,sans-serif;  }
a:hover{opacity: 0.95;}
.kch-more:hover,.kch-detailLink:hover{color: #307bf8;}
.kch-hoverYellow:hover{color: #f08200;}
.kch-move:hover,.kch-opacity:hover{opacity: 0.9; color:#fff;}
/* 弹窗登录表单 Start */
.kch-tc-login{ width: 100%; height: 100%; top: 0; position: fixed; z-index: 1031;}
.kch-tc-login-close{ width:100%; height:100%;position:fixed; background-color: rgba(0,0,0,0.8);}
.kch-tc-login-box{ width:420px; height: 420px; padding:20px; background-color:#fff; position:relative;left:50%; margin-left:-210px; top:20%;border-radius:6px; z-index:1000;}
.kch-tc-login-box .layui-tab-title li{font-size: 15px;}
.kch-tc-login-box.layui-tab-brief>.layui-tab-title .layui-this{color: #307bf8;}
.kch-tc-login-box.layui-tab-brief>.layui-tab-more li.layui-this:after, .kch-tc-login-box.layui-tab-brief>.layui-tab-title .layui-this:after{border-bottom: 2px solid #307bf8;}
.kch-inputBox{background-color: #f0f2f7; border-radius: 2px;}
.kch-inputBox>.iconfont{color: #b9bed1; height: 16px;}
.kch-input{height: 38px; border: 1px solid #e3e8f0; font-size: 15px; background-color: inherit;border-radius: 2px; padding-left: 30px;}
.kch-input:hover,.kch-input:focus{border: 1px solid #1a66e4;background-color:#fff; box-shadow: 0 0 6px rgba(27,102,229,0.2);}
.kch-obtainBtn{width: 93px;text-align: center; height: 36px; line-height: 36px; padding: 0 10px; color: #307bf8; background-color:rgba(0,0,0,0); border: none;}
.kch-tc-login-box .layui-form-checkbox[lay-skin=primary] { padding-left: 18px; }
.kch-tc-login-box .layui-form-checkbox[lay-skin=primary] span{padding-right: 0;}
.layui-form-checked[lay-skin=primary] i{border-color: #307bf8 !important;background-color: #307bf8;}
.layui-form-checkbox[lay-skin=primary]:hover i{ border-color: #307bf8 !important;}
.layui-form-checkbox[lay-skin=primary] i{top: 1px;}
.kch-tc-login-box .layui-form-checkbox[lay-skin=primary]:hover i { border-color: #307bf8 !important; }
.crossing{height: 1px; width: 100px; background-color: #eee; margin: 0 10px;}
.kch-loginCode{width: 328px; bottom:50px; left: 0; display: none;}
.kch-loginCodeBox:hover{color: #2ba245;}
.kch-loginCodeBox:hover .kch-loginCode {display: block;}
/* 弹窗登录表单END */
/* 基础动效 */
.kch-Animation { -webkit-transition: all .3s ease-out;/* Safari 和 Chrome */ -moz-transition: all .3s ease-out;/* Firefox 4 */ -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out;/* Opera */ transition: all .3s ease-out; }
.kch-Animation:hover { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); }
.kch-faster { -webkit-transition: all .2s ease-out;/* Safari 和 Chrome */ -moz-transition: all .2s ease-out;/* Firefox 4 */ -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out;/* Opera */ transition: all .2s ease-out; }
/* 按钮 */
.kch-Btn{height: 38px; padding: 0 20px; line-height: 38px;}
.kch-Btn:hover{color: #fff; background-color: #2a6fe2;}
.kch-Btn-md{height: 50px; padding: 0 30px; line-height: 50px;}
.kch-Btn-md:hover{color: #fff;}
.kch-Btn-lg{height: 38px; padding: 0 50px; line-height: 38px;}
.kch-Btn-lg:hover{color: #fff; background-color: #2a6fe2;}
.kch-Btn-s{height:26px; padding: 0 12px; line-height: 26px; border-radius: 13px;}
.kch-Btn-s:hover{color: #fff; background-color: #2a6fe2;}
.bg-yellow:hover{background-color: #f09b00;}
.bg-gray-light:hover{background-color: #ddd; color: #888;}
.kch-Btn.bg-pink:hover{color: #fff; background-color: #f00647;}
.kch-Btn.bg-42:hover{color: #fff; background-color: #666;}
.kch-lineBtn{background-color: #f6f9ff; height: 36px; display: flex; justify-content: center; align-items: center; border: 1px solid #307bf8; font-weight: bold; color:#307bf8; border-radius: 4px;}
.kch-lineBtn:hover{color: #fff; background-color: #307bf8;}
.kch-faceBtn{height: 36px; display: flex; justify-content: center; align-items: center; border-radius: 4px;}
.kch-faceBtn.bg-main:hover{color: #fff;}
.kch-lineBtn-gold{border: 1px solid #dcb267; background-color: #fff4df; color: #dcb267;}
.kch-lineBtn-gold:hover{color: #dcb267;}
.kch-collect{height: 36px; padding: 0 10px;display: flex; justify-content: center; align-items: center; background-color: #fff8e2; color: #ffae00; border: 1px solid #ffe1bb;}
.kch-collect:hover{background-color: #ffae00; color: #fff;}
.kch-collect.active{background-color: #ffae00; color: #fff;}
/* 标签 */
.kch-label{ height: 22px; line-height: 22px; padding: 0 10px;}
.kch-label:hover{color: #307bf8;}
.kch-label-lg{height: 28px; line-height: 28px; padding: 0 10px;}
.kch-label-main{height: 24px; line-height: 22px; padding: 0 10px; border: 1px solid #307bf8; color: #307bf8; background-color: #ffffff;}
.kch-rBq{height: 24px; line-height: 24px; font-size: 12px; padding: 0 6px; border-radius: 12px; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
/* .kch-label-main:hover{color: #fff;background-color: #307bf8;} */
/* 头部导航 */
.kch-topNav {  background-color: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.15); }
.kch-topNavMenu a { height: 70px; line-height: 70px; }
.kch-topNavMenu .active { color: #307bf8; }
.kch-topNavMenu a:hover { color: #307bf8; background-color: rgba(0,0,0,0.04); }
/* .kch-topNavLogin a { height: 70px; line-height: 70px; } */
.kch-menuLH{ height: 70px; line-height: 70px; }
.kch-topNavLogin a:hover { color: #307bf8; }
.kch-topNavLogin a:hover i { color: #307bf8; }
.kch-topNavMenu .kch-userMenu{width: 100%; height: 34px; line-height: 34px; text-align: center;}
.kch-topNavMenu .kch-userMenu:hover{color: #307bf8; background-color: #f1f5f9;}
.kch-iconSelect{width: 140px!important;}
.kch-topNavMenu .kch-menuIconBox{width: 140px; height: 44px; line-height: 44px; text-align: center; display: flex; justify-content: start; align-items: center;}
.kch-topNavMenu .kch-menuIconBox:hover{color: #307bf8; background-color: #f1f5f9;}
.Yline{width: 1px; height: 12px; background-color: #d3d8db;}
.Yline2{width: 1px; height: 16px; background-color: #bfc4cd;}
.Yline3{width: 1px; height: 48px; background-color: #bfc4cd;}
.Hline{width: 220px; height: 1px; background-color: #d3d8db;}
.kch-menuIcon{width: 30px; height: 30px;}
.kch-topNavVip{position: absolute; bottom: -4px; left: 60px;}
/* logo+搜索 */
.w-center.flex.my-2.justify-between img.mr-3{ height: 42px; margin-right: 10px;}
.kch-search{width: 786px; height: 42px;}
.kch-searchBtn{width: 120px; height: 42px;line-height: 42px; text-align: center;}
.kch-issueBtn{width: 160px; height: 42px;line-height: 42px; text-align: center;}
.kch-searchBtn:hover,.kch-issueBtn:hover{color: #fff; opacity: 0.8;}
/* 用户头像 */
.kch-taskUser{width: 22px; height: 22px; border-radius: 15px; border: 1px solid #e3e3e3;}
.kch-user{width: 26px; height: 26px; border: 1px solid #ddd; border-radius: 13px;}
.kch-user20{width: 20px; height: 20px; border: 1px solid rgba(255,255,255,0.1); border-radius: 10px;}
.kch-user38{width: 38px; height: 38px; border: 1px solid rgba(0,0,0,0.1); border-radius: 19px;}
.kch-user48{width: 48px; height: 48px; border: 1px solid rgba(255,255,255,0.1); border-radius: 24px;}
.kch-user60{width: 60px; height: 60px; border: 1px solid rgba(255,255,255,0.1); border-radius: 30px;}
.kch-user80{width: 80px; height: 80px; border: 1px solid rgba(255,255,255,0.1); border-radius: 40px;}
.kch-wdTxS{width: 24px; height: 24px; border-radius: 12px; border: 1px solid #eee; line-height: 22px; text-align: center;background-color: #dadce0; color: #fff; margin-left: -8px;}
.kch-hzUserPic{width: 50px; height: 50px;border: 1px solid rgba(255,255,255,0.1);border-radius: 10px;}
.triangle{position: absolute;width: 0;height: 0;right: 0px; border-width: 4px;border-style: dashed;border-color: transparent; border-top-color:#666; margin-top: 2px;-webkit-transition: all .3s;}
.kch-userHover:hover .triangle{position: absolute;margin-top: -2px; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.top-38{top:38px;}
.triangle2{position: absolute;width: 0;height: 0;right: 4px; top: -12px; border-width: 6px;border-style: dashed;border-color: transparent; border-bottom-color:#fff;}
.kch-userHover>div:last-child{display: none;}
.kch-userHover:hover>div:last-child{display: flex;}
.kch-topNavLogin .kch-userMenu{width: 100%; height: 44px; line-height: 44px;  border-top: 1px solid #eff3f5;}
.kch-topNavLogin .kch-userMenu:hover{color: #307bf8;}
.maxW-143{max-width: 143px;}
.kch-userShowVip{width: 100%;height: 32px!important; line-height: 32px!important; border: 1px solid #e9e9e9; background-color: #f4f4f4;}
.kch-userShowVip:hover{border: 1px solid #e9e9e9; background-color: #ececec;}
.kch-topNavLogin .kch-userShowVip:hover i{color: #ff2942;}
.w-topCodeShow{width: 150px; height: 180px; border-radius: 10px; border: 1px solid #e9e9e9; background-color: #fff; top: 50px; left: 50%; margin-left: -68px;}
.kch-searchBox{width: 100%; min-height: 200px; position: fixed; top: 120px; opacity: 0; border-top: 1px solid #eff3f5; background-color: rgba(255,255,255,0.96);box-shadow: 0 10px 10px 2px rgba(0,0,0,0.05);-webkit-transition: all .2s; left: 0; }
.kch-newSearch{width: 600px; height: 50px; border-radius: 6px; border: 1px solid #307bf8; position: relative;}
.kch-newSearch input{width: 420px; height: 30px; line-height: 30px; border: none; background-color: rgba(255,255,255,0);}
.kch-newSearch:hover{box-shadow: 0 0 0 4px rgba(48,123,248,0.2);}
.kch-newSearchSelect{height: 50px; line-height: 50px;}
.kch-searchDataBox{ background-color: #fff;border-radius: 4px; box-shadow: 0 0 10px 2px rgba(0,0,0,0.1); padding:10px 20px; left: -10px; top:50px; display: none;}
.kch-searchData{width: 90px!important; line-height: 40px; cursor: pointer; color: #888; }
.kch-searchData:hover{color: #333; }
.kch-searchData i{color: #fff; font-weight: bold;}
.kch-searchData.active,.kch-searchData.active i{color: #307bf8!important;}
.kch-newSearch .icon-l-search{position: absolute; right: 10px;}
.kch-newSearchSelect .icon-l-drop-down{position: absolute; top: 0px; -webkit-transition: all .3s;}
.kch-newSearchSelect:hover .icon-l-drop-down{position: absolute; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.kch-newSearchSelect:hover .kch-searchDataBox{display: flex;}
.kch-imgClose{ transform: scale(0.8); height: 24px; border-radius: 12px; background-color: rgba(0,0,0,0.2); right: 50%; margin-right: -600px; color: rgba(255,255,255,0.6); border: 1px solid rgba(0,0,0,0.3); position: absolute; z-index: 1;}
.kch-imgClose:hover{background-color: rgba(0,0,0,0.3); color: rgba(255,255,255,0.8);}
/* 底部 */
.kch-footer{background-color: #282a38;}
.kch-introduce{width: 486px; height: 130px; padding-right: 100px;}
.kch-about{width: 160px;height: 130px;}
.kch-follow{width: 277px;height: 130px;}
.kch-contact{width: 277px;height: 130px;}
.kch-hoverYellow>span{color: #333231;}
.kch-hoverYellow.followActive{color: #f08200;}
.kch-hoverYellow.followActive>span{color: #f08200;}
.kch-followCode{width: 90px; height: 90px; border: 1px solid #f08200; position: absolute; top: 0px; right: 70px; display: none;}
.followActive>.kch-followCode{display: block;}
.kch-hoverYellow.contactActive{color: #f08200;}
.kch-hoverYellow.contactActive>span{color: #f08200;}
.kch-contactCode{width: 90px; height: 90px; border: 1px solid #f08200; position: absolute; top: 0px; right: 70px; display: none;}
.contactActive>.kch-contactCode{display: block;}
.kch-footerLinks{width: 100%;}
.kch-footerLinks a{margin-bottom: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 20px;}
.kch-copyright{border-top: 1px solid #5e5e5e;}
/* 右下角漂浮 */
.kch-public{width: 50px; border-radius: 6px; }
.kch-publicRB{right: 20px;  bottom: 80px; z-index: 12!important;  }
.kch-publicS{box-shadow: 0 0 10px rgba(35,107,227,0.24)!important;}
.kch-publicIconBox{width: 50px;height:54px; border-bottom: 1px solid #eff3f5; }
.kch-publicIcon{color: #74757a; }
.kch-publicText{color: #999;width: 50px; text-align: center; font-size: 10px;transform: scale(0.78)}
.kch-publicCode{width: 130px; height: 160px; position: absolute;right: 62px; background-color: #fff; border-radius: 10px; box-shadow: 0 0 10px rgba(35,107,227,0.24); display: none;}
.kch-publicIconBox:hover {color: #307bf8;}
.kch-publicIconBox:hover .kch-publicIcon,.kch-publicIconBox:hover .kch-publicText{color: #307bf8;}
.kch-publicIconBox:hover .kch-publicCode{display: flex;}
.kch-goTop{border-bottom: none; height: 0; overflow: hidden;}
.kch-publicUserVip{box-shadow: 0 0 10px rgba(35,107,227,0.24)!important; border: 1px solid #efc17b; height: 60px;}
.kch-publicUserVip .kch-publicText{color: #d3a346;}
.kch-publicUserVip:hover .kch-publicText{color: #d3a346; opacity: 0.9;}
.kch-publicComVip{ height: 60px; background:linear-gradient(124deg,#ffffff -16%, #f1c78d 52%) !important; border: 1px solid #f9d6a4; box-shadow: 0px 0 10px 6px rgb(249 214 164 / 60%);}
/* 上下动效 */
@keyframes tbMove { 
	0% {transform: rotate(0deg) translate(0px, 6px);}
	50% {transform: rotate(0deg) translate(0px, -6px);}           
	100% {transform: rotate(0deg) translate(0px, 6px);}
}
.kch-tbMove{ animation: tbMove 2s infinite; }
.kch-publicComVip .kch-tbMove{position: absolute; top: -28px;}
.kch-publicIconBox:last-child{border-bottom: none;}
/* 弹幕广告 */
@keyframes danmu { 
	0% {transform: rotate(0deg) translate(1920px, 0); opacity: 0;}
	10% {opacity: 1;}
	90% {opacity: 1;}
	100% {transform: rotate(0deg) translate(-500px, 0);opacity: 0;}
}
.kch-danmuAdd{height: 40px; padding:4px; line-height: 32px; background-color: rgba(0,0,0,0.5); position: fixed; z-index: 10; top: 50%; border-radius: 20px;animation: danmu 15s linear infinite; -webkit-animation:danmu 15s linear infinite;}
.kch-danmuAdd:hover{animation-play-state: paused ;}
.kch-danmuAdd .kch-danmuAddTxt:hover{text-decoration: underline; color: #fff;}
.kch-danmuAdd .icon-l-error:hover{opacity: 0.9;}
/* 宽度 */
.w-100 { width: 100%; }
.w-50 { width: 50%; }
.w-center { width: 1200px; margin: 0 auto; }
.w-60px{width: 60px;}
.w-70px{width: 70px;}
.w-80px{width: 80px;}
.w-100px{width: 100px;}
.w-105px{width: 105px;}
.w-120{width: 120px;}
.w-130{width: 130px;}
.w-140{width: 140px;}
.w-180{width: 180px;}
.w-200{width: 200px;}
.w-215{width: 215px;}
.w-220{width: 220px;}
.w-240{width: 240px;}
.w-280{width: 280px;}
.w-320{width: 320px;}
.w-380{width: 380px;}
.w-435{width: 435px;}
.w-490{width: 490px;}
.w-545{width: 545px;}
.w-580{width: 580px;}
.w-600{width: 600px;}
.w-800{width: 800px;}
.w-900{width: 900px;}
.w-1000{width: 1000px;margin: 0 auto; }
.w-max80{max-width: 80px;}
.w-max110{max-width: 110px;}
.w-max180{max-width: 180px;}
.w-max200{max-width: 200px;}
.w-max240{max-width: 240px;}
.w-max265{max-width: 265px;}
.w-max380{max-width: 380px;}
.w-max465{max-width: 465px;}
.w-max710{max-width:710px;}
.w-max822{max-width:822px;}
.h-40{height: 40px;}
.h-50{height: 50px;}
.h-60{height: 60px;}
.h-80{height: 80px;}
.h-106{height: 106px;}
.h-110{height: 110px;}
.h-113{height: 113px;}
.h-120{height: 120px!important;}
.h-160{height: 160px;}
.h-165{height: 165px;}
.h-180{height: 180px;}
.h-190{height: 190px;}
.h-219{height: 219px;}
.h-280{height: 280px;}
.h-300{height: 300px;}
.h-365{height: 365px;}
.h-550{height: 550px;}
.h-590{height: 590px;}
.h-min80{min-height: 80px;}
.h-min180{min-height: 180px;}
.kch-kfz{width: 130px; height: 130px;}
.kch-kfzInfo{position: absolute; top: -122px; opacity: 0; left: 50%; margin-left: -134px; width: 268px; height: 120px; box-shadow: 0 0 10px rgba(0,0,0,0.09); pointer-events: none;  }
.kch-kfzInfo:before{content: ""; position: absolute; width: 0; height: 0; bottom: -16px; left: 50%; margin-left: -8px; border-bottom: none; border-width: 8px;border-style: dashed;border-color: transparent; border-top-color:#fff;}
.kch-kfz:hover .kch-kfzInfo{top: -132px; opacity: 1;  }
.kch-hShadow:hover{box-shadow: 0 0 10px 2px rgba(0,0,0,0.08)!important;}
/* 标签 */
.kch-lable{height: 20px; line-height: 19px; background-color: #dfe5e9; color: #93a0ab; padding: 0 8px; border-radius: 10px; font-size: 12px; transform: scale(0.93);}
.kch-labley{height: 20px; line-height: 19px; background-color: #ffe8d0; color: #ff8f44; padding: 0 8px; border-radius: 10px; font-size: 12px; transform: scale(0.93);}
.kch-lableb{height: 20px; line-height: 19px; background-color: #dbecff; color: #307bf8; padding: 0 8px; border-radius: 10px; font-size: 12px; transform: scale(0.93);}
.kch-lable2{height: 20px; line-height: 19px; background-color: #eff3f5; color: #b1b6b9; padding: 0 8px; border-radius: 4px; font-size: 12px; transform: scale(0.93);}
.kch-bqLTBox{height: 20px; position: absolute; top: 15px; left: -10px; z-index: 1;}
.kch-bqLT{height: 20px; line-height: 20px;border-radius: 0 10px 10px 0; color: #fff; padding: 0 10px; font-size: 12px; position: relative; z-index: 1; box-shadow: 5px 4px 2px rgba(0,0,0,0.1);}
.kch-bqLTBox:after{content: ""; position: absolute; border-left: none; border-style: dashed; border-width: 10px; border-color: transparent; border-right-color: #1858c2;top: 10px; left: -10px; z-index: 0;}
.kch-ztLc{width: 80px; height: 80px; position: relative;}
/* flex 布局 */
.flex { display: flex; }
.flex-row { flex-direction: row !important; }
.flex-column { flex-direction: column !important; }
.flex-row-reverse { flex-direction: row-reverse !important; }
.flex-column-reverse { flex-direction: column-reverse !important; }
.flex-wrap { flex-wrap: wrap; }
.flex-nowrap { flex-wrap: nowrap; }
.justify-start { justify-content: flex-start; }
.justify-end { justify-content: flex-end; }
.justify-between { justify-content: space-between; }
.justify-center { justify-content: center; }
.align-center { align-items: center; }
.align-stretch { align-items: stretch; }
.align-start { align-items: flex-start; }
.align-end { align-items: flex-end; }
.content-start { align-content: flex-start; }
.content-end { align-content: flex-end; }
.content-center { align-content: center; }
.content-between { align-content: space-between; }
.content-around { align-content: space-around; }
.content-stretch { align-content: stretch; }
.flex-1 { flex: 1; }
.flex-2 { flex: 2; }
.flex-3 { flex: 3; }
.flex-4 { flex: 4; }
.flex-5 { flex: 5; }
.flex-shrink { flex-shrink: 0; }
.container { padding-right: 10px; padding-left: 10px; }
/*  -- 内外边距 -- */
.m-0 { margin: 0; }
.m-auto { margin: auto; }
.m { margin: 5px; }
.m-1 { margin: 10px; }
.m-15 { margin: 15px; }
.m-2 { margin: 20px; }
.m-3 { margin: 30px; }
.m-4 { margin: 40px; }
.m-5 { margin: 50px; }
.mt-0 { margin-top: 0; }
.mt-auto { margin-top: auto; }
.mt { margin-top: 5px; }
.mt-1 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-2 { margin-top: 20px; }
.mt-3 { margin-top: 30px; }
.mt-4 { margin-top: 40px; }
.mt-5 { margin-top: 50px; }
.mb-0 { margin-bottom: 0; }
.mb-auto { margin-bottom: auto; }
.mb { margin-bottom: 5px; }
.mb-1 { margin-bottom: 10px; }
.mb-2 { margin-bottom: 20px; }
.mb-3 { margin-bottom: 30px; }
.mb-4 { margin-bottom: 40px; }
.mb-5 { margin-bottom: 50px; }
.ml-0 { margin-left: 0; }
.mb-12{ margin-bottom: 12px;}
.mb-15{ margin-bottom: 15px;}
.ml-auto { margin-left: auto; }
.ml { margin-left: 5px; }
.ml-1 { margin-left: 10px; }
.ml-15 { margin-left: 15px; }
.ml-2 { margin-left: 20px; }
.ml-3 { margin-left: 30px; }
.ml-4 { margin-left: 40px; }
.ml-5 { margin-left: 50px; }
.mr-0 { margin-right: 0; }
.mr-auto { margin-right: auto; }
.mr{margin-right:5px;}
.mr-1 { margin-right: 10px; }
.mr-2 { margin-right: 20px; }
.mr-3 { margin-right: 30px; }
.mr-4 { margin-right: 40px; }
.mr-5 { margin-right: 50px; }
.my-0 { margin-top: 0; margin-bottom: 0; }
.my-auto { margin-top: auto; margin-bottom: auto; }
.my { margin-top: 5px; margin-bottom: 5px; }
.my-1 { margin-top: 10px; margin-bottom: 10px; }
.my-13 { margin-top: 13px; margin-bottom: 13px; }
.my-15 { margin-top: 15px; margin-bottom: 15px; }
.my-2 { margin-top: 20px; margin-bottom: 20px; }
.my-3 { margin-top: 30px; margin-bottom: 30px; }
.my-4 { margin-top: 40px; margin-bottom: 40px; }
.my-5 { margin-top: 50px; margin-bottom: 50px; }
.mx-0 { margin-left: 0; margin-right: 0; }
.mx-auto { margin-left: auto; margin-right: auto; }
.mx { margin-left: 5px; margin-right: 5px; }
.mx-1 { margin-left: 10px; margin-right: 10px; }
.mx-15 { margin-left: 15px; margin-right: 15px; }
.mx-2 { margin-left: 20px; margin-right: 20px; }
.mx-3 { margin-left: 30px; margin-right: 30px; }
.mx-4 { margin-left: 40px; margin-right: 40px; }
.mx-5 { margin-left: 50px; margin-right: 50px; }
.p-0 { padding: 0; }
.p { padding: 5px; }
.p-1 { padding: 10px; }
.p-2 { padding: 20px; }
.p-3 { padding: 30px; }
.p-4 { padding: 40px; }
.p-5 { padding: 50px; }
.pt-0 { padding-top: 0; }
.pt { padding-top: 5px; }
.pt-1 { padding-top: 10px; }
.pt-2 { padding-top: 20px; }
.pt-3 { padding-top: 30px; }
.pt-4 { padding-top: 40px; }
.pt-5 { padding-top: 50px; }
.pb-0 { padding-bottom: 0; }
.pb-1 { padding-bottom: 10px; }
.pb { padding-bottom: 5px; }
.pb-2 { padding-bottom: 20px; }
.pb-3 { padding-bottom: 30px; }
.pb-4 { padding-bottom: 40px; }
.pb-5 { padding-bottom: 50px; }
.pb-15 { padding-bottom: 15px; }
.pl-0 { padding-left: 0; }
.pl { padding-left: 5px; }
.pl-1 { padding-left: 10px; }
.pl-15{ padding-left: 15px; }
.pl-2 { padding-left: 20px; }
.pl-3 { padding-left: 30px; }
.pl-4 { padding-left: 40px; }
.pl-5 { padding-left: 50px; }
.pl-6 { padding-left: 60px; }
.pr-0 { padding-right: 0; }
.pr { padding-right: 5px; }
.pr-1 { padding-right: 10px; }
.pr-2 { padding-right: 20px; }
.pr-3 { padding-right: 30px; }
.pr-4 { padding-right: 40px; }
.pr-5 { padding-right: 50px; }
.py-0 { padding-top: 0; padding-bottom: 0; }
.py { padding-top: 5px; padding-bottom: 5px; }
.py-1 { padding-top: 10px; padding-bottom: 10px; }
.py-2 { padding-top: 20px; padding-bottom: 20px; }
.py-3 { padding-top: 30px; padding-bottom: 30px; }
.py-4 { padding-top: 40px; padding-bottom: 40px; }
.py-5 { padding-top: 50px; padding-bottom: 50px; }
.px-0 { padding-left: 0; padding-right: 0; }
.px-1 { padding-left: 10px; padding-right: 10px; }
.px { padding-left: 5px; padding-right: 5px; }
.px-2 { padding-left: 20px; padding-right: 20px; }
.px-3 { padding-left: 30px; padding-right: 30px; }
.px-4 { padding-left: 40px; padding-right: 40px; }
.px-5 { padding-left: 50px; padding-right: 50px; }
.px-8 { padding-left: 80px; padding-right: 80px; }
.px-15 { padding-left: 15px; padding-right: 15px; }
/* 文字大小 */
.font-12 { font-size: 12px; }
.font-14 { font-size: 14px; }
.font-15 { font-size: 15px; }
.font-16 { font-size: 16px; }
.font-18 { font-size: 18px; }
.font-20 { font-size: 20px; }
.font-22 { font-size: 22px; }
.font-24 { font-size: 24px; }
.font-26 { font-size: 26px; }
.font-28 { font-size: 28px; }
.font-30 { font-size: 30px; }
.font-32 { font-size: 32px; }
.font-36 { font-size: 36px; }
.font-40 { font-size: 40px; }
.font-50 { font-size: 50px; }
.font-60 { font-size: 60px; }
/* 按钮 */
.kch-sjDown{height: 30px; border-radius: 15px; color: #fff; padding: 0 15px; background-color: #307bf8;}
.kch-sjDown:hover{color: #fff; opacity: 0.9;}
.kch-ygz{background-color: #dfe5e9; color: #999;}
.kch-sjDownL{height: 30px; border-radius: 15px; color: #307bf8; padding: 0 15px; background-color: #fff; border:1px solid #307bf8;}
.kch-sjDownL:hover{color: #307bf8; opacity: 0.9;}
/* 文字缩进 */
.text-indent { text-indent: 2; }
/* 文字划线 */
.text-through { text-decoration: line-through; }
/* 文字对齐 */
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify{text-align: justify;}
/* 文字换行溢出处理 */
.text-ellipsis1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.text-ellipsis2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
/* 超出2行省略 */
.text-ellipsis3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.text-ellipsis5 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; }
/* 超出2行省略 */
/* 文字粗细和斜体 */
.font-weight-light { font-weight: 300; }
/*细*/
.font-weight-lighter { font-weight: 100; }
/*更细*/
.font-weight-normal { font-weight: 400; }
/*正常*/
.font-weight-bold { font-weight: 700; }
/*粗*/
.font-weight-bolder { font-weight: bold; }
/*更粗*/
.font-italic { font-style: italic; }
/*斜体*/
/* 文字颜色 */
.text-white { color: #ffffff; }
.text-main { color: #307bf8!important; }
/*主色*/
.text-yellow { color: #f08200; }
/*辅色*/
.text-orange-red{ color: #ff6600; }
.text-primary { color: #4f91ff; }
.text-hover-primary { color: #0056b3; }
.text-secondary { color: #6c757d; }
.text-hover-secondary { color: #494f54; }
.text-success { color: #28a745; }
.text-hover-success { color: #19692c; }
.text-info { color: #17a2b8; }
.text-hover-info { color: #0f6674; }
.text-warning { color: #ffc107; }
.text-hover-warning { color: #ba8b00; }
.text-danger { color: #dc3545; }
.text-hover-danger { color: #a71d2a; }
.text-light { color: #f8f9fa; }
.text-hover-light { color: #cbd3da; }
.text-dark { color: #191919; }
.text-hover-dark { color: #121416; }
.text-999 { color: #999; }
.text-666 { color: #666; }
.text-51 { color: #515151; }
.text-333 { color: #333; }
.text-greyBlue{ color: #414a60; }
.text-d8{color: #d8d8d8;}
.text-82{color: #828282;}
.text-grey { color: #838ba1; }
.text-green{color: #44bc15;}
.text-muted { color: #6c757d; }
.text-yellow-lg{color:#ffd28d;}
.text-red{color: #fe3838;}
.border-color-yellow-lg{border-top-color:#ffd28d;}
.text-d4dce2{color: #d4dce2;}
.text-blueGrey{color: #8b9ca9;}
.text-LinkRed{color: #e21313;}
.text-LinkBlue{color: #2f68d9;}
.text-darkGold{color: #d0a24f;}
a.text-darkGold:hover{color: #d0a24f;}
.kch-LinkBox>a:hover{text-decoration: underline; color: #0000FF;}
.text-8590a6{color: #8590a6;}
.text-8d98ab{color: #8d98ab;}
.kch-whiteBox .text-white:hover { color: #ffffff; }

/* 浅灰色 */
.text-light-muted { color: #A9A5A0; }
.text-light-black { color: rgba(0, 0, 0, 0.5); }
.text-light-white { color: rgba(255, 255, 255, 0.5); }
/* 背景颜色 */
.bg-white { background-color: #ffffff; }
.bg-main { background-color: #307bf8; }
.bg-main-light{background-color: #1a66e4;}
.bg-lightBlue{background-color: #dee8f9;}
/*主色*/
.bg-yellow { background-color: #f08200; }
/*辅色*/
.bg-pink{background-color: #ff2260;}
.bg-primary { background-color: #007bff; }
.bg-hover-primary:hover { background-color: #0062cc; }
.bg-secondary { background-color: #6c757d; }
.bg-hover-secondary:hover { background-color: #545b62; }
.bg-success { background-color: #28a745; }
.bg-green-light{background-color: #e7ffe0;}
.bg-hover-success { background-color: #1e7e34; }
.bg-info { background-color: #17a2b8; }
.bg-hover-info { background-color: #117a8b; }
.bg-warning { background-color: #ffc107; }
.bg-hover-warning { background-color: #d39e00; }
.bg-danger { background-color: #dc3545; }
.bg-hover-danger { background-color: #bd2130; }
.bg-light { background-color: #f8f9fa; }
.bg-hover-light { background-color: #dae0e5; }
.bg-dark { background-color: #343a40; }
.bg-dark-5 { background-color: rgba(0,0,0,0.5); }
.bg-hover-dark { background-color: #1d2124; }
.bg-f7 { background-color: #f7f7f7; }
.bg-bq{background-color: #eff3f5;}
.bg-f5f7f8{background-color: #f5f7f8;}
.bg-f3f4f4{background-color: #f3f4f4;}
.bg-gray{background-color: #dfe5e9;}
.bg-eee{background-color: #eee;}
.bg-blueGray{background-color: #a1b5d7;}
.bg-blueLight{background-color: #e7f4ff;}
.bg-gray-light{background-color:#eaeef1;}
.bg-42 { background-color: #424242; }
.bg-transparent { background-color: transparent; }
.bg-warn{background-color: rgba(240,130,0,0.1);}
.bg-orange-red{ background-color: #f08200; }
.bg-red{ background-color: #fe3838; }
.bg-red-light{ background-color: #ffe8e8; }
.bg-dfe5e9 { background-color: #e8ecef; }
.bg-com1{ background-color: #3a7ff2; }
.bg-com2{ background-color: #9471f7; }
.bg-com3{ background-color: #5abf8e; }
.bg-com4{ background-color: #ff5875; }
.bg-com5{ background-color: #f5a845; }
.bg-com6{ background-color: #697ae6; }
.bg-com7{ background-color: #fb4c8b; }
.bg-com8{ background-color: #f89058; }
.bg-com9{ background-color: #307bf8; }
.bg-com10{ background-color: #7b45ea; }
.bg-f1a400{background-color: #f1a400;}
.bg-659fff{background-color: #659fff;}
.bg-7d58e7{background-color: #7d58e7;}
.bg-fa5570{background-color: #fa5570;}
.bg-32b920{background-color: #32b920;}
.bg-888{background-color: #888;}
/* 边框 */
.border { border-width: 1px; border-style: solid; border-color: #eeeeee; }
.border1 { border-width: 1px; border-style: solid; border-color: #eff3f5; }
.border2 { border-width: 1px; border-style: solid; border-color: #e5eeff; }
.border-top { border-top-width: 1px; border-top-style: solid; border-top-color: #eeeeee; }
.border-right { border-right-width: 1px; border-right-style: solid; border-right-color: #eeeeee; }
.border-bottom { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eeeeee; }
.border-left { border-left-width: 1px; border-left-style: solid; border-left-color: #eeeeee; }
.border-0 { border-width: 0 !important; }
.border-top-0 { border-top-width: 0 !important; }
.border-right-0 { border-right-width: 0 !important; }
.border-bottom-0 { border-bottom-width: 0 !important; }
.border-left-0 { border-left-width: 0 !important; }
.border-main { border-color: #307bf8; }
.border-primary { border-color: #4f91ff; }
.border-secondary { border-color: #6c757d; }
.border-light-secondary { border-color: #E9E8E5; }
.border-success { border-color: #28a745; }
.border-info { border-color: #17a2b8; }
.border-warning { border-color: #ffc107; }
.border-danger { border-color: #dc3545; }
.border-light { border-color: #f8f9fa; }
.border-dark { border-color: #343a40; }
.border-white { border-color: #FFFFFF; }
/* 圆角 */
.rounded { border-radius: 2px; }
.rounded-4 { border-radius: 4px; }
.rounded-6 { border-radius: 6px; }
.rounded-10 { border-radius: 10px; }
.rounded-top { border-top-left-radius: 2px; border-top-right-radius: 2px; }
.rounded-right { border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
.rounded-bottom { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; }
.rounded-left { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
.rounded-circle { border-radius: 50%!important; }
.rounded-0 { border-radius: 0; }
/* 显示 */
.d-none { display: none; }
.d-inline-block { display: inline-block; }
.d-block { display: block; }
/* 内容溢出 */
.overflow-hidden { overflow: hidden; }
/* 定位 */
.position-relative { position: relative; }
.position-absolute { position: absolute; }
.position-fixed { position: fixed;z-index: 2; }
/* 定位 - 固定顶部 */
.fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1032; }
/* 定位 - 固定底部 */
.fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1032; }
.top-0 { top: 0; }
.top-fu2 { top: -2px; }
.top-fu10 { top: -10px; }
.top-fu40 { top: -40px; }
.top-5 { top: 5px; }
.top-10 { top: 10px; }
.top-20 { top: 20px; }
.left-0 { left: 0; }
.left-5 { left: 5px; }
.left-10 { left: 10px; }
.left-15 { left: 15px; }
.left-20{left: 20px;}
.left-fu10 { left: -10px; }
.left-fu20 { left: -20px; }
.right-0 { right: 0; }
.right-5 { right: 5px; }
.right-10 { right: 10px; }
.right-fu5 { right: -5px; }
.right-fu8 { right: -8px; }
.right-fu10 { right: -10px; }
.bottom-0 { bottom: 0; }
.bottom-fu3 { bottom:-3px; }
.bottom-5 { bottom: 5px; }
.bottom-10 { bottom: 10px; }
.bottom-15 { bottom: 15px; }
.bottom-50 { bottom: 50px; }
/* 筛选 */
.kch-screen *{line-height:34px;}
.kch-screen .kch-label{line-height:22px;}
.kch-screen>div{position: relative; height: 55px; overflow: hidden;-webkit-transition: all .3s ease-out;/* Safari 和 Chrome */ -moz-transition: all .3s ease-out;/* Firefox 4 */ -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out;/* Opera */ transition: all .3s ease-out;}
.kch-screenOpen{position: absolute; right: 0;}
.kch-screen .kch-subclass{height: 36px; }
.kch-screen .kch-subclass>div{height: 22px; line-height: 22px; }
.kch-screen>.kch-screenH{border-top: 1px solid #eee;}
.kch-screen>.kch-screenH:first-child{border-top: 0;}
.kch-screenH a.mr-2{margin:0 13px ;}
.kch-screenH>.mr-4{margin-right: 30px;}
/* .kch-screen .kch-subclass:first-child  + .kch-screenH{border-bottom: 0;} */
/* 旋转*/
.kch-180deg{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg); -o-transform:rotate(180deg); }
.kch-45deg{transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg); -o-transform:rotate(45deg); }

/* 文字模糊属性 设置后文字不可被选中*/
.filter{filter: blur(5px);}
.filter{-moz-user-select:none; /* Firefox私有属性 */-webkit-user-select:none; /* WebKit内核私有属性 */-ms-user-select:none; /* IE私有属性(IE10及以后) */-khtml-user-select:none; /* KHTML内核私有属性 */-o-user-select:none; /* Opera私有属性 */user-select:none; /* CSS3属性 */}
/* 文字不能选中 */
.select-no{-moz-user-select:none; /* Firefox私有属性 */-webkit-user-select:none; /* WebKit内核私有属性 */-ms-user-select:none; /* IE私有属性(IE10及以后) */-khtml-user-select:none; /* KHTML内核私有属性 */-o-user-select:none; /* Opera私有属性 */user-select:none; /* CSS3属性 */}
/* 阴影 */
.shadow { box-shadow: 0 0 12px 3px rgba(0, 0, 0, 0.08); }
.shadow-lg { box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.175); }
.shadow-none { box-shadow: none !important; }
/* 鼠标经过阴影 */
.hoverShadow:hover{box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);}
/* 鼠标经过变手指 */
.pointer{cursor:pointer}
/* 鼠标经过 圈斜杆 禁止 */
.pointer-not{cursor:not-allowed;}
/* 穿透点击 */
.pointer-none{pointer-events: none;}
/* 图片可用  叠加效果 */
.multiply{mix-blend-mode: multiply;}/* 正片叠底 */
/* 文章行高 */
.lineHeight1{line-height: 1!important;}
.lineHeight2{line-height: 2!important;}
.lineHeights{line-height: 1.5!important;}
.lineHeight{line-height: 1.8!important;}
/* 小头像 */
.kch-UserImg{width: 30px; height: 30px; border-radius: 15px; border: 1px solid #f2f2f2;}
/* 我需要我提供 */
.kch-wh20px{width: 20px; height: 20px;}
/* 透明度 */
.kch-opacity0{opacity: 0;}
.kch-opacity1{opacity: 0.1;}
.kch-opacity2{opacity: 0.2;}
.kch-opacity3{opacity: 0.3;}
.kch-opacity4{opacity: 0.4;}
.kch-opacity5{opacity: 0.5;}
.kch-opacity6{opacity: 0.6;}
.kch-opacity7{opacity: 0.7;}
.kch-opacity8{opacity: 0.8;}
.kch-opacity9{opacity: 0.9;}
/* 放大缩小 */
.t-scale-sm{transform: scale(0.85);}
.t-scale-sl{transform: scale(0.93);}
.t-scale-s{transform: scale(1.25);}
.t-scale-m{transform: scale(1.5);}
.t-scale-l{transform: scale(2);}
/* 正常选项卡 */
.kch-tab{height: 50px; font-size: 16px; display: flex; align-items: center; color: #666666; font-weight: 600; position: relative;}
.kch-tab:hover{color: #307bf8;} 
.kch-tab:hover:after{content: ""; position: absolute; width: 100%; height: 3px; background-color: #307bf8; left: 0; bottom: 0;}
.kch-tab.active{ color: #307bf8; }
.kch-tab.active:after{content: ""; position: absolute; width: 100%; height: 3px; background-color: #307bf8; left: 0; bottom: 0;}
/* 圆角选项卡, */
.kch-roundedTab{height: 38px; font-size: 16px; display: flex; align-items: center; color: #666666; font-weight: bold; border-radius: 19px;}
.kch-roundedTab:hover{background-color: #f2f2f2;}
.kch-roundedTab.active{border: 1px solid #307bf8; color: #307bf8;}
/* 带图片和文字的文字底色 */
.kch-imgNewTxt{position: absolute; width: 100%; bottom: 0;background: linear-gradient(180deg,transparent,rgba(0,0,0,.6)); z-index: 1; color: #fff; }
.kch-imgNewTxt:hover{color: #fff; opacity: 0.9;}
/* 带图片的链接经过放大 */
.kch-hoverImg:hover img.kch-Animation{transform:scale(1.1);}
/* 无背景色经过变白 */
.kch-hoverWhite:hover{background-color: #fff; box-shadow: 0 0 10px 2px rgba(9,31,80,0.08);}
/* textarea输入框禁止拉伸 */
.resize{resize: none;}
/* 文章图片 */
.kch-detailBox img{min-width: 300px; max-width: 720px;margin:0 auto;display:block; }
.kch-detailImg{ max-width: 720px; margin-bottom: 10px;}
.kch-detailBox p{width: 100%;line-height:2;margin-bottom:20px}
.kch-detailBox h1,h2,h3,h4,h5,h6{font-weight: bold;color: #333;margin: 20px 0;}
/* 文字不可复制 */
.user-select{-moz-user-select:none; /* Firefox私有属性 */-webkit-user-select:none; /* WebKit内核私有属性 */-ms-user-select:none; /* IE私有属性(IE10及以后) */-khtml-user-select:none; /* KHTML内核私有属性 */-o-user-select:none; /* Opera私有属性 */user-select:none; /* CSS3属性 */}
/* 分页 */
.kch-lastPage{padding: 0 10px;height: 32px; line-height: 32px;}
.kch-nextPage{padding: 0 10px;height: 32px;line-height: 32px;}
.kch-page{width: 32px; height: 32px;line-height: 32px; text-align: center;}
.kch-page:hover{background-color: #307bf8; color: #fff;}
.kch-activePage{background-color: #307bf8; color: #fff;}

/* 列表页共用 */
.kch-leftBox{width: 820px;} /* 列表左 */
.kch-rightBox{width: 340px;}/* 列表右 */
.kch-activeColor{color: #307bf8!important; font-weight: bold;}/* 选中 */
.kch-istop,.kch-recommend{width: 36px; height: 36px;z-index: 2;}/* 置顶 */
.kch-load{height: 38px; line-height: 36px; padding: 0 60px; border-radius: 2px; background-color: #fff; border: 1px solid #eee;}/* 加载 */
/* 详情页共用 */
.kch-dLeftBox{width: 730px;} /* 列表左 */
.kch-topShare{position: absolute; top: 0px; right: 0;}
.kch-topShare:hover,.kch-topShare2:hover{opacity: 0.9;}
.pr-8 { padding-right: 98px; }
.kch-Dinput{background:#f3f8fe; height: 34px; line-height: 34px; border: none; border-radius: 2px; padding: 0 10px;}
.kch-DinputCode{right: -10px;width: 280px; height: 280px;}
.kch-DinputCode img{width: 260px; height: 260px;}
.kch-DinputCodeBox .kch-DinputCode{display: none;}
.kch-DinputCodeBox:hover .iconfont{color: #307bf8;}
.kch-DinputCodeBox:hover .kch-DinputCode{display: flex;}
input.kch-Dinput:hover{background-color: #fff; border: 1px solid #307bf8;}
.kch-minH{min-height: 600px; }
/* 关注按钮 */
.kch-followBtn{border: 1px solid #f08200; color: #f08200; height: 24px; line-height: 22px; padding: 0 10px; border-radius: 2px;  }
.kch-followBtn:hover{background-color: #f08200; color: #fff;}
/* 禁止滚动 */
.ovfHiden { overflow: hidden;height: 100%;}
/* 搜索结果感叹号 */
.kch-sigh{width: 22px; height: 22px;line-height: 22px; border-radius:11px ; background-color: #307bf8; color: #fff;  text-align: center; font-weight: bold; font-size:16px ; margin-right: 5px;}
/* 加载小船 */
.kch-loadingMore{ width: 200px; text-align: center; position: relative;border-radius: 20px;}
/* 右侧调用 */
.kch-leftBt{height: 54px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 0 15px 2px rgba(0,0,0,0.1);}
.kch-ydBox{min-width: 18px; max-width: 18px; width: 18px; height: 18px; background-color: #d6e5ff; border-radius: 9px; display: flex; justify-content: center; align-items: center;}
.kch-yd{width: 8px; height: 8px; background-color: #307bf8; border-radius: 4px;}
.kch-hotNew{width: 100%; position: relative; display: flex;}
.kch-hotNewImg{width: 300px; height: 178px; border-radius: 6px; overflow: hidden; position: relative;}
.kch-hotNewImg img{width: 300px; height: 178px;}
.kch-hotIcon{position: absolute; left: -5px; top: 0; width: 32px; z-index: 2;}
.kch-hotNewImgs{min-width: 120px; width: 120px; height: 72px;border-radius: 6px; overflow: hidden; position: relative;}
.kch-hotNewImgs img{width: 120px; height: 72px;}
/* 弹窗关闭按钮 */
.kch-closeIcon{width: 40px; height: 40px; border-radius: 20px; font-size: 18px; cursor: pointer; display: flex; justify-content: center; align-items: center; color: #847f7d; position: absolute; right: -18px; top: -18px; background-color: rgba(255,255,255,0.8); z-index: 3;}
.kch-closeIcon:hover{opacity: 0.85;}
/* 出海企服右侧 */
.kch-comLogo{width: 100px; height: 100px; border: 1px solid #d6e5ff; border-radius: 6px; overflow: hidden;}
.kch-comLogo img{width:100%; }
.kch-comLogo60{min-width: 60px; width: 60px; height: 60px; border: 1px solid #eff3f5; border-radius: 4px; overflow: hidden;}
.kch-comLogo60 img{width:100%; }
.kch-comLogo80{min-width: 80px; width: 80px; height: 80px; border: 1px solid #eee; border-radius: 6px; overflow: hidden;}
.kch-comLogo80 img{width:100%; }
.kch-company{width: 100%; margin-bottom: 12px;}
.kch-rightBox .kch-company{margin-bottom: 0px;}
.kch-company:hover>div>.text-dark{color: #307bf8;}
.kch-companyUser{width: 70px; height: 70px;}
.kch-companyWidth{width:190px;max-width: 190px; height: 70px;}
.kch-company.border-bottom:last-child{border-bottom: 0;}
/* 出海活动右侧 */
.kch-active{width: 100%;position: relative;}
.kch-activeImg{width: 298px; height: 177px;}
.kch-active:hover>.text-ellipsis1{color: #307bf8;}
.kch-active:last-child{border-bottom: 0;}
/* 出海合作右侧 */
.kch-rightBox .kch-cooperate{width: 100%; margin-bottom: 0px;}
.kch-rightBox .kch-cooperate:last-child>.border-bottom{border-bottom: 0;}
/* 资讯右侧 */
.kch-information{width: 100%;}
.kch-information:hover>div>.text-dark{color: #307bf8;}
.kch-informationImg{width: 101px; height: 60px;}
.kch-informationWidth{width:160px;height: 60px;}
.kch-information.border-bottom:last-child{border-bottom: 0;}
.kch-information-lg{width: 280px; height: 166px; overflow: hidden;}
.kch-informationImg-lg{width: 280px; height: 166px;}
/* 企服左底部推荐调用 */
.kch-companyDList{width: 90px; height: 90px;}
.kch-company:hover .text-dark{color: #307bf8;}
/* 小程序扫码广告 */
.kch-xcxAd{width: 310px;}
/* 右侧不限高广告 */
.kch-leftAdd{width: 310px; display: block;position: relative;}
.kch-leftAdd img{width: 310px;}
.kch-leftAddBt{background-color: rgba(0,0,0,0.5); z-index: 2; max-height: 78px;}
.kch-leftAddBtH{max-height: 38px;}
/* 二维码弹窗共用样式 */
.kch-ewmtcImg{width: 220px; height: 220px;}
/* 活动3中状态 */
.kch-activityEnd{background-color: rgba(0,0,0,0.3); color: #fff; padding:0 10px; height: 28px ; line-height: 28px; border-radius: 2px; position: absolute; right: 10px; top: 10px; z-index: 10;}
.kch-activityIng{background-color: rgba(21,182,17,0.8); color: #fff; padding:0 10px; height: 28px ; line-height: 28px; border-radius: 2px; position: absolute; right: 10px; top: 10px; z-index: 10;}
.kch-activitySign{background-color: rgba(240,130,0,0.8); color: #fff; padding:0 10px; height: 28px ; line-height: 28px; border-radius: 2px; position: absolute; right: 10px; top: 10px; z-index: 10;}
.kch-activityDeadline{background-color: rgba(132,102,69,0.8); color: #fff; padding:0 10px; height: 28px ; line-height: 28px; border-radius: 2px; position: absolute; right: 10px; top: 10px; z-index: 10;}

/* 输入框表单 补充样式*/
.kch-inputListBox{background-color: #f0f2f7; border-radius: 2px; width: 800px;}
.kch-inputListBox2{border-radius: 2px; width: 800px;}
.kch-InputList{padding-left: 60px;}
.crossing-lg{width: 326px;}
.kch-InputList .layui-form-select{width: 800px; box-sizing: border-box;}
.z-index1{z-index: 1;}
.z-index2{z-index: 2;}
.z-index3{z-index: 3;}
.kch-InputList .layui-form-select .layui-input{background-color: rgba(255,255,255,0); border: none; padding-left: 60px;width: 800px; height: 38px;border: 1px solid #e3e8f0; }
.kch-InputList .layui-form-select .layui-input:focus{background-color:#fff; box-shadow: 0 0 6px rgba(27,102,229,0.2); border-color: #1a66e4 !important;}
.kch-InputList .layui-form-select dl dd.layui-this{background-color: #307bf8;}
/* 详情页按钮漂浮跟随 */
.kch-FixedBtnBox{position: fixed; z-index: 1031; height: 60px; top: 180px;opacity: 0;}/* 初始隐藏配合动画 */
.kch-FixedBtnBoxLogo{width: 102px; height: 44px;}
.kch-FixedBtn{height: 38px; line-height: 38px; bottom: 0;  margin-left: 9px; text-align: center; border-radius: 3px;}
.kch-FixedBtn:hover{color: #fff;opacity: 0.85;}
.kch-FixedTitActive{height: 60px;}
.kch-FixedTitActive a{line-height: 60px;}
.kch-FixedTitActive:after{position: absolute; bottom:0px;left: 50%; width: 40px;height: 4px; background-color: #307bf8; border-radius: 2px; content: '';transform: translateX(-50%);}
.animate-up{top: 44px;opacity:1;}
.animate-down{top: 180px;opacity:0; height: 0px;overflow: hidden;}
.animate-open{ height: 523px;opacity:1;}
.animate-close{height: 0px;opacity:0;}
/* 认证标识 */
.kch-userVipIcon{background:linear-gradient(to right, #D3780D, #ffdc7c, #b73300);-webkit-background-clip: text;color: transparent;}
.kch-userVipIcon2{background: #629DFF linear-gradient(270deg,#629DFF 0,#2A6BD8 100%); height: 18px;min-width: 46px; line-height: 18px; color: #fff; padding: 0 5px; border-radius: 2px;}
.kch-userVipIcon3{background: #999 ; height: 18px; line-height: 18px; color: #fff; padding: 0 5px; border-radius: 2px;}
.kch-userVipIcon3:hover{color: #fff;  opacity: 0.85;}
/* 右下角活动推荐 */
.kch-leftBottomAdd{position: fixed; right: 20px; bottom: 10px; z-index: 1032;display: flex;flex-direction: column-reverse;  }
.kch-leftBottomAddBtn{width: 426px; height: 40px; background-color: #fff; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.2); position: relative;}
.kch-leftBottomAddLable{height: 30px; line-height: 30px; padding: 0 8px; width: 80px; min-width: 80px; font-size: 14px; border-radius: 4px; text-align: center;  color: #fff; }
.kch-leftBottomAddUp{width: 40px; min-width: 40px; height: 40px; background-color: #f3f4f6;border-radius:0 10px 10px 0;position: absolute; right: 0;top: 0; z-index: 1;}
@keyframes dong { 
    0% {transform: rotate(180deg) translate(0px, 5px);}
	50% {transform: rotate(180deg) translate(0px, -5px);}            
    100% {transform: rotate(180deg) translate(0px, 5px);}
}
.kch-leftBottomAddUp>i{ animation: dong 1.2s infinite; font-size: 20px;font-weight: bold; }
.kch-leftBottomAddBt .text-ellipsis1{max-width: 306px; height:40px;}

.kchNoticeAdd{margin: inherit !important;height: 40px;}
.kch-leftBottomAddBt.swiper-slide{line-height: 40px;height: 40px;display: flex;justify-content: start;align-items: center;}
.kch-leftBottomAddShow{width: 426px; height:0;  max-height:505px; position: absolute; bottom: 0; right: 0; z-index: 0;background: #fff linear-gradient(180deg, #5B96F2 -6%, rgba(91, 150, 242, 0.02) 100px);border-radius: 10px; opacity: 0;}   
.kch-leftBottomAddShow .icon-l-error{position: absolute; right: 14px;top: 14px; z-index: 999;}
.kch-leftBottomAddShowList{width:100%; max-height: 470px; overflow-y: auto;}
.kch-leftBottomAddHd{ border-bottom: 1px solid #eee;padding-bottom: 21px;margin-bottom: 24px;}
.kch-leftBottomAddHd:last-child{border-bottom: 0px;}
.kch-leftBottomAddHd>.kch-leftBottomAddHdImg{ width: 62px; height: 62px; margin-right: 15px;}
.kch-leftBottomAddHd>.kch-leftBottomAddHdImg>img{  width: 62px; height: 62px; }
.kch-leftBottomAddHdTit{width: 288px;}
.kch-leftBottomAddHdTit>.font-16 {}
.kch-leftBottomAddHdTit .kch-rBq{box-shadow: none;}
.kch-leftBottomAddHdTit>.kch-leftBottomAddLable{text-align:center ; height: 32px; line-height: 32px;}
.kch-leftBottomAddHdTit>.kch-leftBottomAddLable:hover{color: #fff; opacity: 0.9;  }
.kch-leftBottomAddHdTit .text-orange-red:hover{color: #ff6600;}
.kch-leftBottomAddHdTit .text-ellipsis2:hover{color: #191919;}
/* 小红点带数字 */
.kch-menuTip{position: absolute; height: 18px; line-height: 18px; border-radius: 9px; background-color: red; color: #fff; padding: 0 5px; font-size: 12px;right: 0px; margin-right: -50px; width: 77px;}
/* 立即登录阅读全文 */
.kch-zhezhaoMark{height: 180px; background: linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,1) 70%,rgba(255,255,255,1));}
.kch-loginReadBtn{height: 36px;line-height: 36px;background-color: #ff6600;color: #fff;font-size: 14px;padding: 0 20px; border-radius: 18px;}
.kch-codeLoginBox{width: 180px; height: 180px;position: relative;}
.kch-codeExpire{position: absolute;width: 180px; height: 180px; background-color: rgba(255,255,255,0.95);}
.kch-codeLoginBox img{width: 180px; height: 180px;}
.kch-codeRefresh{height: 40px;line-height: 40px;background-color: #ff6600;color: #fff;font-size: 15px;padding: 0 20px; border-radius: 4px;box-shadow: 0 0 14px rgba(250,102,0,0.5);}
.kch-codeRefresh:hover{background-color: #ff8800;}
/* 加载load */
.layui-layer-loading{width: 100%!important; display: flex; justify-content: center; align-items: center; padding: 60px!important;}
/* 企服底部公共悬浮add 2021-10-19*/ 
.kch-publicComBottom{ position: fixed; z-index: 10; height: 78px; width: 600px; left: 50%; margin-left: -300px; bottom: 10px; background-color: rgba(0,0,0,0.8);border-radius: 10px;}
.kch-publicComLogo{width: 58px; height: 58px; padding: 4px; border-radius: 10px; background-color: rgba(255,255,255,0.85);}
.kch-publicComLogo img{width: 50px; height: 50px;}
.kch-publicComClose{position: absolute; right: 10px; padding: 10px; cursor: pointer;opacity: 0.4;}
.kch-publicComClose:hover{opacity: 0.8;}
.kch-publicComBottom a:hover{color: #fff;opacity: 0.8;}
/* 编辑-复选-下拉等等-表单类 */
.kch-userBtInputBox{width: 100%; position: relative;}
.kch-userInputList{width: 100%; border: none; border-bottom: 1px solid #d8dadb;}
.kch-userBtInput{width: 100%; border: none; border-bottom: 1px solid #d8dadb;}
.kch-userInputList:hover,.kch-userInputList:focus{border-bottom: 1px solid #307bf8;}
.layui-form-select .layui-input{border: 1px solid #d8dadb; height: 42px; font-size: 15px;}
.layui-form-selected dl{border:1px solid #307bf8 ; top: initial;}
.layui-form-selected .layui-input{border-bottom: 1px solid #307bf8;}
.layui-form-select dl dd.layui-this{background-color: #307bf8;}
.kch-userCover{width: 150px; height: 88px; border-radius: 6px; background-color: #eff3f5;}
.kch-userCover img{width: 100%;}
.kch-userCover:hover img{opacity: 0.9;}
.kch-userCover.pointer{border: none;}
.kch-userCover>.kch-userCover{border: 1px dashed #d8d8d8;}
.kch-delImg{width: 20px; height: 20px; font-size: 13px;  justify-content: center; align-items: center; color: #fff; background-color: #999; z-index: 1; right: -8px; top: -8px; border-radius: 10px; display: none;}
.kch-delErr{width: 17px; height: 17px; min-width: 17px; font-size: 12px; display: flex;  justify-content: center; align-items: center; color: #fff; background-color: #999; z-index: 1; border-radius: 10px; opacity: 0.5;}
.kch-delErr:hover{opacity: 1;}
.kch-userCover:hover .kch-delImg{display: flex;}
.kch-userTextarea{min-height: 80px; border: 1px solid #d8dadb; font-size: 15px; background-color: inherit;border-radius: 10px; padding:15px; }
.kch-userTextarea:hover,.kch-userTextarea:focus{border: 1px solid #307bf8;background-color:#fff; box-shadow: 0 0 6px rgba(27,102,229,0.2);}
.layui-form-radio{margin: 0; margin-right: 30px;}
.kch-radioMr .layui-form-radio{margin: 0; padding-right: 0; }
.layui-form-radio>i:hover, .layui-form-radioed>i{color:#307bf8;font-size: 20px;}
.layui-form-radio>i{font-size: 20px;}
.kch-childBtn{width: 80px; margin-right: 15px; background: #eff3f5; border: 1px solid #d8dadb; color: #666; border: 1px solid #ddd; font-size: 13px; height: 32px; border-radius: 10px;user-select:none; display: flex; justify-content: center; align-items: center;}
.kch-childBtn:hover{opacity: 0.85;background: #f9f9f9;color: #333; }
.kch-childBtnAc{background: #307bf8; color: #fff;border: 1px solid #307bf8; user-select:none;}
.kch-childBtnAc:hover{opacity: 0.85;background: #307bf8;color: #fff;  }
.kch-childBtn2{margin-right: 10px; background: #e8e8e8; color: #999;  font-size: 12px; height: 24px; border-radius: 12px;user-select:none; display: flex; justify-content: center; align-items: center; padding: 0 15px;}
.kch-childBtn2:hover{opacity: 0.85;background: #efefef;color: #999; }
.kch-childBtn2Ac{background: #31aaf9; color: #fff;user-select:none;}
.kch-childBtn2Ac:hover{opacity: 0.85;background: #31aaf9;color: #fff;  }


.kch-fbTs{left: 50%; margin-left: 420px;}
/* 1200x90的广告 */
.kch-add02{width: 1140px; height: 85px; border-radius: 10px; overflow: hidden;}
/* 专栏 */
.kch-zlHbs{width: 80px; height: 20px; border-radius: 10px; background-color: #ffefd2;}
.kch-indexZls{width: 180px; min-width: 180px; height: 106px;}
.kch-zlImgBox{min-width: 240px; width: 240px; height: 142px; overflow: hidden; border-radius: 6px;}
.kch-zlImgBox img{width: 240px; height: 142px;}
/* 企业会员 */
.kch-comHbs{width: 80px; height: 20px; border-radius: 10px; background-color: #e0e4ea;}
/* 标签库样式提取 */
.kch-labelBox a{font-size: 12px;  color: #666; height: 28px; line-height: 26px; padding: 0 10px; margin: 5px; background-color: #eceff6;border: 1px dashed #eceff6;  border-radius: 2px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */}
.kch-labelBox a:hover{background-color: #fff6eb; border: 1px dashed #ffa800; color: #f08200;}
/* 详情页分享 */
.kch-share{position: relative;}
.kch-share>.w-280{display: none;z-index: 102;}
.kch-share>.w-280:after{position: absolute; content: ""; width:0; height: 0; border-width: 6px; border-style: dashed; border-color: transparent; border-bottom-color:#fff ; top: -12px; left: 50%; margin-left: -6px;}
.kch-share:hover .icon-f-wechat{color: #00C237;}
.kch-share:hover>.w-280{display: flex;opacity: 1; background-color: #fff;  box-shadow: 0 -4px 20px rgba(0,0,0,0.15);}
.kch-lBorder{height: 16px; line-height: 16px; border-left: 3px solid #307bf8; padding-left: 8px;}
/* 详情页left企业推荐 */
.kch-qyTjBox{width: 240px; height: 60px; background-color: #eff3f5; padding: 10px; display: flex; justify-content: flex-start; align-items: center; margin: 10px;}
.kch-qyTjBox img{width: 40px; height: 40px; border: 1px solid #eee; border-radius: 6px;} 
.kch-shenFen{width: 18px; min-width: 18px; height: 18px; border-radius: 9px; display: flex ; justify-content: center; align-items: center; background-color: #307bf8; color: #fff; font-weight: normal;} 
/* 文字经过 */
.kch-hoverWhiteT:hover{color:#fff ;}
.kch-reportsImgBox{width: 300px; height: 177px; border-radius: 8px; position: relative; overflow: hidden; border: 1px solid #e5e8ea;}
.kch-wendaBtn2{ height: 34px; line-height: 34px; background-color: #e0ecff; color: #1556c2;border-radius: 3px;}
.kch-wendaBtn2:hover{color: #1556c2;background-color: #cbdaf2; }
.kch-wendaBtn2.active{color: #fff;background-color: #1556c2; }
/* 活动倒计时 */
.countdownBg{height: 42px;background: #fff linear-gradient(90deg, #deeefc -6%, rgba(91, 150, 242, 0.02) 100%);display: flex;justify-content: start;align-items: center;padding-left: 15px;}
.countdownBg2{height: 42px;background: #fff linear-gradient(90deg, #bfc1c8 -6%, rgba(91, 150, 242, 0.02) 80%);display: flex;justify-content: start;align-items: center;padding-left: 15px;}
.countdown{display: flex;justify-content: start;align-items: center;}
.countdown li span,.countdownBg li span{padding:0 5px; height: 22px;font-size: 16px; text-align: center;line-height: 22px;background-color: #307bf8;color: #fff;border-radius: 4px;display: block;margin: 0 4px;}
.seperator{color: #307bf8;font-size: 16px;margin: 0 2px;margin-bottom: 2px;}
.seperator:first-child{margin: 0;margin-bottom: 2px;}
/* layui弹窗覆盖 */
.layui-layer-dialog{border-radius: 6px!important; overflow: hidden;}
.layui-layer-dialog .layui-layer-content{display: flex;  align-items: center;}
.layui-layer-dialog .layui-layer-title{border: none; background-color: #fff;font-size: 18px;color: #303133; height: 50px; line-height: 70px; padding: 0 80px 0 25px;}
.layui-layer-dialog  .layui-layer-setwin .layui-layer-close1{top: 10px; right: 5px;opacity: 0.5;}
.layui-layer-dialog .layui-layer-btn{display:inherit; padding: 0 25px 20px;}
.layui-layer-dialog .layui-layer-btn a{margin-left: 20px!important;}
.layui-layer-dialog .layui-layer-btn .layui-layer-btn0{display: inline-block;line-height: 1;white-space: nowrap;cursor: pointer;background: #fff;border: 1px solid #dcdfe6;color: #606266;-webkit-appearance: none;text-align: center;box-sizing: border-box;outline: none;margin: 0;transition: .1s;font-weight: 500;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;padding: 12px 20px;font-size: 14px;border-radius: 4px;height: 40px;}
.layui-layer-dialog .layui-layer-btn .layui-layer-btn0:focus,.layui-layer-dialog .layui-layer-btn .layui-layer-btn0:hover {color: #409eff;border-color: #c6e2ff;background-color: #ecf5ff}
.layui-layer-dialog .layui-layer-btn .layui-layer-btn1{display:inline-block;line-height: 1;white-space: nowrap;cursor: pointer;background: #409eff;border: 1px solid #409eff;color: #fff;-webkit-appearance: none;text-align: center;box-sizing: border-box;outline: none;margin: 0;transition: .1s;font-weight: 500;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;padding: 12px 20px;font-size: 14px;border-radius: 4px;height: 40px;}