:root{
	--qk-font-sm:14px;
	--qk-font-md:16px;
	--qk-font-lg:18px;
	--qk-font-h4:24px;
	--qk-black-color-1:#00001A;
	--qk-black-color-2:#12141A;
	--qk-black-color-4:#464853;
	--qk-placeholder-color:#7D7C83;
	--qk-hover-color:#0066FF;
	--qk-boxshaw:0px 2px 24px 0px rgba(0,66,164,0.08);
	--qk-boxshaw-hover:0px 8px 24px 0px rgba(0,66,164,0.08);
	--qk-bg-white:#fff;
	--qk-trans-24:all .24s;
	--qk-trans-36:all .36s;
}
*{box-sizing: border-box;}
body{background-color: #fff !important;}
.w1440{width: 1520px;padding: 0 40px;margin: 0 auto;}
.w1200{width: 1280px;padding: 0 40px;margin: 0 auto;}

/* 头部 */
.qk-header{width: 100%;height: 64px;}
.qk-header-fixed{display: flex;align-items: center;min-width: 1200px;width: 100%;height:inherit;position: fixed;top: 0;left: 0;z-index: 99;background: var(--qk-bg-white);box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.04);border-radius: 2px;padding: 0 48px;}
.qk-header-fixed .qk-logo{flex-shrink: 0;padding-left: 8px;padding-right: 16px;}
.qk-header-fixed .qk-category{flex: 1;display: flex;align-items: center;height: 100%;padding-right: 32px;}
.qk-header-fixed .qk-category .qk-category_item{position: relative;height: 100%;flex-shrink: 0;margin-left: 32px;}
.qk-header-fixed .qk-category .qk-category_item>a{display: flex;align-items: center;height: 100%;font-size: var(--qr-font-md);color: var(--qk-black-color-1);line-height: 20px;transition: var(--qk-trans-24);}
.qk-header-fixed .qk-category .qk-category_item:hover>a{color: var(--qk-hover-color);}
.qk-header-fixed .qk-userCenter{flex-shrink: 0;width: 30px;height: 100%;display: flex;align-items: center;}
.qk-header-fixed .qk-userCenter .avatar_box{position: relative;}
.qk-header-fixed .qk-userCenter .avatar{display: block;width: 30px;height: 30px;border-radius: 50%;overflow: hidden;}
.qk-header-fixed .qk-userCenter .avatar img{display: block;max-width: 100%;max-height: 100%;object-fit: contain;}
.qk-header-fixed .qk-userCenter .avatar-origin{position: absolute;width: 14px;bottom: -2px;right: -2px;}

/* 用户信息下拉 */
#uid_copy {opacity: 0;position: absolute;z-index: -11111;}
.new-transtion{display: block;position: relative;top: 20px;z-index: 2;transition: all .3s;transform: scaleY(1);}
.restructure-drop-list{width: 380px !important;height: 514px !important;background: var(--qk-bg-white); box-shadow: 0px 4px 15px 0px rgb(0 0 0 / 20%); position: absolute;top: 13px; right: 12px;z-index: 999;background: transparent;border-radius: 10px;box-shadow: none;}
.restructure-drop-list .logined-box{background: var(--qk-bg-white);border-radius: 10px;box-shadow: 0px 0px 6px 3px rgb(0 0 0 / 5%);}
.restructure-drop-list .logined-box .user-infobox{padding: 22px 0 0 20px;position: relative;display: flex;align-items: center;padding-right: 20px!important;}
.restructure-drop-list .logined-box .head-img{flex-shrink: 0;width: 54px;height: 54px;border-radius: 50px;margin-right: 12px;position: relative;top: 0px;}
.restructure-drop-list .logined-box .head-img img{max-width: 100%;border-radius: 50%;}
.restructure-drop-list .logined-box .user-name-box{position: relative;width: 100%;}
.restructure-drop-list .logined-box .user-name{font-size: 14px;color: #262626;line-height: 21px;font-weight: bold;}
.restructure-drop-list .logined-box .user-btm-info{padding-top: 8px;}

/* 主体 */
.qk-helper{position: relative;}
.qk-helper::after{content: '';width: 100%;height:210px;position: absolute;top: 0;left:0;z-index: -1;background: url(../images/banner-list.jpg) center no-repeat;}
.qk-helper.index::after{height: 600px;background: url(../images/banner-index.jpg) center no-repeat;}

/* 广告位 */
.qk-banner{padding: 56px 0 72px;min-height: 212px;}
.qk-banner .qk-banner-h2{font-size: 34px;font-weight: bold;color: var(--qk-black-color-2);line-height: 48px;letter-spacing: 6px;text-align: center;margin-bottom: 48px;}
.qk-banner .qk-banner-searchWrap{position: relative;width: 680px;margin: 0 auto;}
.qk-banner .qk-banner-search{width: 100%;height: 56px;position: relative;}
.qk-banner .qk-banner-search .qk-search-ipt{width: 100%;height: 100%;border-radius:10px;background-color: var(--qk-bg-white);padding: 0 20px;padding-right: 100px;font-size: var(--qk-font-md);transition: var(--qk-trans-24);border: 1px solid transparent;}
.qk-banner .qk-banner-search .qk-search-ipt::placeholder{color: #B1B0B5;}
.qk-banner .qk-banner-search .qk-search-ipt:focus{border-color:var(--qk-hover-color);}
.qk-banner .qk-banner-search .qk-search-btn{width: 56px;height: 56px;background: var(--qk-hover-color);display: flex;align-items: center;justify-content: center;position: absolute;top: 0;right: 0;border-radius: 0 10px 10px 0;transition: var(--qk-trans-24);}
.qk-banner .qk-banner-search .qk-search-btn .qk-public-icon{font-size: 20px;color: #fff;}
.qk-banner .qk-banner-search .qk-search-btn:hover{box-shadow: 0 4px 20px rgb(0 139 255 / 30%);}
.qk-banner .qk-banner-search .qk-search-clear{width: 32px;height: 32px;display: none;align-items: center;justify-content: center;position: absolute;top: 50%;right: 62px;border-radius: 50%;background-color: #D8D8D8;transform:translateY(-50%) scale(0.5);transition: var(--qk-trans-24);}
.qk-banner .qk-banner-search .qk-search-clear.show{display: flex;}
.qk-banner .qk-banner-search .qk-search-clear .qk-public-icon{font-size: 12px;color: #fff;}
.qk-banner .qk-banner-search .qk-search-clear:hover{background-color: #B1B0B5;}
.qk-banner .qk-search-tag{display: none;align-items: center;flex-wrap:wrap;padding: 0 16px;margin-top: 10px;height: 18px;overflow: hidden;}
.qk-banner .qk-search-tag .tag-item{font-size: var(--qk-font-sm);color: var(--qk-placeholder-color);margin-right: 20px;transition: var(--qk-trans-36);}
.qk-banner .qk-search-tag .tag-item:hover{color: var(--qk-hover-color);}

/* 板块 */
.qk-pubQues{}
.qk-pubQues .qk-pubQues-box{padding-top: 36px;margin-bottom: 36px;}
.qk-pubQues .qk-pubQues-box:first-child{padding-top: 0;}
.qk-pubQues .qk-pubQues-box:last-child{margin-bottom: 72px;}
.qk-pubQues .qk-pubQues-box .qk-pubQues-title{margin-bottom: 32px;font-size: 0;}
.qk-pubQues .qk-pubQues-box .qk-pubQues-title span{position: relative;display:inline-block;font-size: 22px;font-weight: bold;color: #323335;padding-left: 18px;line-height: 30px;}
.qk-pubQues .qk-pubQues-box .qk-pubQues-title span::after{content: '';width: 4px;height: 20px;background: #267DFF;position: absolute;left: 0;top: 50%;margin-top: -10px;}
.qk-pubQues .qk-pubQues-list{display: grid;grid-gap:24px;grid-template-columns:repeat(3, 1fr);}
.qk-pubQues .qk-pubQues-list .qk-pubQues-item{width: 100%;min-width: 0;background: var(--qk-bg-white);box-shadow: var(--qk-boxshaw);border-radius: 14px;padding: 32px 32px 24px;transition:var(--qk-trans-24);}
.qk-pubQues .qk-pubQues-list .qk-pubQues-item *{transition:var(--qk-trans-24);}
.qk-pubQues .qk-pubQues-list .qk-pubQues-item_tit{display: flex;align-items: center;font-size: var(--qk-font-lg);line-height: 24px;letter-spacing: 1px;color: var(--qk-hover-color);margin-bottom: 20px;}
.qk-pubQues .qk-pubQues-list .qk-pubQues-item_tit .qita{font-size: 22px;margin-right: 6px;}
.qk-pubQues .qk-pubQues-list .qk-pubQues-item_con{display: flex;flex-direction: column;}
.qk-pubQues .qk-pubQues-list .qk-pubQues-item_con .qk-pubQues-item_p{position: relative;flex:1;padding-left: 16px;margin-bottom: 12px;font-size: var(--qk-font-sm);color: #464853;letter-spacing: 1px;line-height: 22px;cursor: pointer;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.qk-pubQues .qk-pubQues-list .qk-pubQues-item_con .qk-pubQues-item_p::after{content: '';position: absolute;top: 50%;left: 0;width: 8px;height: 8px;border-radius: 50%;background: #464853;margin-top: -4px;transform: scale(0.4);}
.qk-pubQues .qk-pubQues-list .qk-pubQues-item_con .qk-pubQues-item_p:last-child{margin-bottom: 0;}
.qk-pubQues .qk-pubQues-list .qk-pubQues-item_con .qk-pubQues-item_p:hover{color: var(--qk-hover-color);}
.qk-pubQues .qk-pubQues-list .qk-pubQues-item_more{display: flex;margin-top: 12px;}
.qk-pubQues .qk-pubQues-list .qk-pubQues-item_more .view-more{color: var(--qk-placeholder-color);font-size: var(--qk-font-sm);display: flex;align-items: center;transition: var(--qk-trans-36);}
.qk-pubQues .qk-pubQues-list .qk-pubQues-item_more .view-more .qk-public-icon{font-size:12px;transform: scale(0.72);}
.qk-pubQues .qk-pubQues-list .qk-pubQues-item_more .view-more:hover,
.qk-pubQues .qk-pubQues-list .qk-pubQues-item_more .view-more:hover .qk-public-icon{color: var(--qk-hover-color);}
.qk-pubQues .qk-pubQues-list .qk-pubQues-item:hover{box-shadow: var(--qk-boxshaw-hover);}
.qk-pubQues .qk-pubQues-list .qk-pubQues-item:hover .view-more{padding-left: 16px;}
.qk-pubQues .qk-tools-list{display: grid;grid-gap:24px;grid-template-columns:repeat(3, 1fr);}
.qk-pubQues .qk-tools-list .qk-tools-item{display: block;width: 100%;height: 92px;background: linear-gradient(133deg, #F7FAFF 0%, #FBFCFF 100%);border-radius: 8px;transition: var(--qk-trans-24);}
.qk-pubQues .qk-tools-list .qk-tools-item .qk-tools-item_bd{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;font-size: 16px;color: #12141A;cursor: pointer;}
.qk-pubQues .qk-tools-list .qk-tools-item .qita{margin-right: 8px;font-size: 24px;}
.qk-pubQues .qk-tools-list .qk-tools-item:hover{box-shadow: inset 5px 5px 10px #f0f3f7,inset -5px -5px 10px #feffff;}

/* 列表页 */
.qk-platform{display: flex;position: relative;background-color: #FFFFFF;min-height:calc(100vh - 276px);}
.qk-platform .qk-main{width: 100%;display: flex;padding-left: 200px;flex: 1;}
.qk-breadcrumb{display: none;align-items: center;margin-bottom: 16px;font-size: 14px;}
.qk-breadcrumb .qk-breadcrumb-item{font-size: 14px;color: #4E5969;}
.qk-breadcrumb .qk-breadcrumb-separator{font-size: 14px;margin: 0 8px;color: rgba(0,0,0,.45);}
.qk-breadcrumb .qk-breadcrumb-item.on{color: #175AFF;}
.qk-ruleResult{flex: 1;min-width: 0;}
.qk-ruleResult .qk-ruleResultCon{padding:0 32px;padding-top: 0px;padding-bottom: 24px;}
.qk-ruleResult .qk-ruleResultCon .qk-resultAll{font-size: 14px;color: #7D7C83;padding-bottom: 16px;line-height: 1.75;}
.qk-ruleResult .qk-ruleResultCon .qk-resultAll em{font-size: 14px;color: #175AFF;}
.qk-ruleResult .qk-ruleResultCon .qk-resultTit{font-size: 20px;color: #4E5969;padding-bottom: 16px;line-height: 1.75;}
.qk-ruleResult .qk-resultList .qk-resultItem{display: block;width: 100%;border-bottom: 1px solid #E5E6E8;background-color: var(--qk-bg-white);transition: var(--qk-trans-36);}
.qk-ruleResult .qk-resultList .qk-resultItem:first-child{border-top: 1px solid #E5E6E8;}
.qk-ruleResult .qk-resultList .qk-resultItem>a{display: flex;align-items: center;width: 100%;height: 56px;padding: 0 12px;}
.qk-ruleResult .qk-resultList .qk-resultItem .qk-result-tit{flex: 1;font-size: 16px;color: #1D2129;padding-right: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.qk-ruleResult .qk-resultList .qk-resultItem .qk-result-time{flex-shrink: 0;font-size: 14px;color: #86909C;line-height: 22px;}
.qk-ruleResult .qk-resultList .qk-resultItem:hover{background-color: #FAFAFC;}
.qk-page{padding-top: 24px;display: flex;align-items: center;justify-content: center;}
.qk-page .page{font-size:12px;display: flex;align-items: center;justify-content: center;color:#323335;}
.qk-page .page a{display:inline-block; width: 40px;height:40px;line-height:40px;margin:0 2px;border-radius: 8px;background: #F7F7F8;font-size:12px;color:#323335;font-weight: 700;box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.05);text-align: center;}
.qk-page .page a:hover,
.qk-page .page a.current{background: linear-gradient(315deg, #0066FF 0%, #00bbff 100%);color:#fff;}
.qk-page .page span{font-size:12px;padding:0 5px;color:#323335;}
.qk-page .page .ipt_page{flex:1;width: 40px;height:40px;padding:0 12px;margin:0 2px;border-radius: 8px; background: #fff; font-size:12px;color:#323335;border:1px solid #EBEBEB;outline: 0;transition: all .24s;}
.qk-page .page .ipt_page:focus{border-color: #0066FF;}
.qk-page .page .page-iptWrap{display: flex;align-items: center;width: 104px;position: relative;margin-left: 8px;}
.qk-page .page .page-iptWrap .confirm-page{position: absolute;top: 1px;bottom: 1px;right: 1px;border-radius: 0px 8px 8px 0px;width: 48px;height:38px;line-height:38px;}
.qk-page .page .page-iptWrap .confirm-page:hover{right: 0;}

/* 侧边 */
.qk-asideRule{flex-shrink: 0;width: 200px;background: #fff;padding:0 8px;position: absolute;top: 0;left: 0;z-index: 1;bottom: 0;overflow-y: auto;border-right:1px solid #E5E6E8;}
.qk-asideRule.fixed{position: fixed;left: auto;top: 72px;padding: 16px 8px;}
.qk-asideRule::-webkit-scrollbar{width:4px;height: 4px;}
.qk-asideRule::-webkit-scrollbar-thumb{border-radius: 2px;-webkit-box-shadow: inset 0 0 5px #C1C1C1;background-color:#C1C1C1;}
.qk-asideRule::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);border-radius: 0;background: rgba(0,0,0,0);}
.qk-asideRule .qk-sideNav .sideNav-item{width: 100%;position: relative;}
.qk-asideRule .qk-sideNav .sideNav-item>a{display: block;width: 100%;padding: 0 8px;transition: all .24s;}
.qk-asideRule .qk-sideNav .sideNav-item .sideNav-text{position: relative;display: inline-block;height: 40px;line-height: 40px;font-size: 14px;color: #4E5969;}
.qk-asideRule .qk-sideNav .sideNav-item .sideNav-text .ico-badge{display: inline-block;line-height: 1;padding: 2px 6px;font-size: 12px;color: #fff;border-radius: 32px;background-color: #FF4D4F;transform: scale(.86);}
.qk-asideRule .qk-sideNav .sideNav-item .qk-public-icon{font-size: 16px;color: #4E5969;}
.qk-asideRule .qk-sideNav .sideNav-item .tongyongdown{display: inline-block;font-size: 12px;position: absolute;right: 10px;top: 14px;transition: all .2s;transform: rotate(0);}
.qk-asideRule .qk-sideNav .sideNavSecond-item:last-child{margin-bottom: 0;}
.qk-asideRule .qk-sideNav .sideNavSecond-item>a{display: block;width: 100%;padding: 0 8px;transition: all .24s;text-align: left;}
.qk-asideRule .qk-sideNav .sideNavSecond-item .sideNav-text{font-size: 14px;color: #4E5969;text-align: center;padding-left: 24px;}
.qk-asideRule .qk-sideNav .sideNav-item a{margin-bottom: 4px;}
.qk-asideRule .qk-sideNav .sideNav-item.show .tongyongdown{transform: rotate(-90deg);}
.qk-asideRule .qk-sideNav .sideNav-item .sideNav-linkItem:hover .sideNav-text{color: #175AFF;}
.qk-asideRule .qk-sideNav .sideNav-item .sideNavSecond-item:hover .sideNav-text{color: #175AFF;}
.qk-asideRule .qk-sideNav .sideNav-item .sideNavSecond-item.on{background-color: #E8F3FF;}
.qk-asideRule .qk-sideNav .sideNav-item .sideNavSecond-item.on a>span{color: #175AFF;}

/* 详情 */
.qk-help-detailCon img{display: block;max-width: 100%;max-height: 100%;}
.web-bottom {position: relative;z-index: 1;}

