/* icon //js.588ku.com/comp/qk-intro/images/index*/
.icon-inlblock{display:inline-block;}
.icon-hd1{width: 26px;height: 26px;background: url(//js.588ku.com/comp/qk-intro/images/index/icon-hd1.png)no-repeat;background-size: 100% 100%;}
.icon-hd2{width: 26px;height: 26px;background: url(//js.588ku.com/comp/qk-intro/images/index/icon-hd2.png)no-repeat;background-size: 100% 100%;}
.icon-hd3{width: 26px;height: 26px;background: url(//js.588ku.com/comp/qk-intro/images/index/icon-hd3.png)no-repeat;background-size: 100% 100%;}
.icon-kehuaduan{width: 23px;height: 22px;background: url(//js.588ku.com/comp/qk-intro/images/index/icon-kehuduan.png)no-repeat;background-size: 100% 100%;}
.icon-kehuaduan-mac{width: 22px;height: 26px;background: url(//js.588ku.com/comp/qk-intro/images/index/icon-kehuduan-mac.png)no-repeat;background-size: 100% 100%;}
.icon-qkIndex{width: 30px;height: 30px;background: url(//js.588ku.com/comp/qk-intro/images/index/icon-qkIndex.png)no-repeat;background-size: 100% 100%;}
.icon-wuxianhua{width: 30px;height: 30px;background: url(//js.588ku.com/comp/qk-intro/images/index/icon-wuxianhua.png)no-repeat;background-size: 100% 100%;}
.ico-oepnBtn{width: 81px;height: 85px;background: url(//js.588ku.com/comp/qk-intro/images/other/icon-open.png)no-repeat;background-size: 100% 100%;}
.sj-icon-jixiao{width: 68px;height: 68px;background: url(//js.588ku.com/comp/qk-intro/images/other/sj-icon-jixiao.png)no-repeat;background-size: 100% 100%;}
.sj-icon-muban{width: 68px;height: 68px;background: url(//js.588ku.com/comp/qk-intro/images/other/sj-icon-muban.png)no-repeat;background-size: 100% 100%;}
.sj-icon-zhengban{width: 68px;height: 68px;background: url(//js.588ku.com/comp/qk-intro/images/other/sj-icon-zhengban.png)no-repeat;background-size: 100% 100%;}
.icon-mbBadge{width: 110px;height: 30px;background: url(//js.588ku.com/comp/qk-intro/images/other/icon-mbBadge.png)no-repeat;background-size: 100% 100%;}

.idx-icon-yuansu{width: 46px;height: 44px;background: url(//js.588ku.com/comp/qk-intro/images/index/icon-yuansu.png)no-repeat;background-size: 100% 100%;}
.idx-icon-ppt{width: 46px;height: 44px;background: url(//js.588ku.com/comp/qk-intro/images/index/icon-ppt.png)no-repeat;background-size: 100% 100%;}
.idx-icon-syt{width: 46px;height: 44px;background: url(//js.588ku.com/comp/qk-intro/images/index/icon-syt.png)no-repeat;background-size: 100% 100%;}
.idx-icon-ui{width: 46px;height: 44px;background: url(//js.588ku.com/comp/qk-intro/images/index/icon-ui.png)no-repeat;background-size: 100% 100%;}
.idx-icon-video{width: 46px;height: 44px;background: url(//js.588ku.com/comp/qk-intro/images/index/icon-video.png)no-repeat;background-size: 100% 100%;}
.art-icon-artFont{width: 46px;height: 44px;background: url(//js.588ku.com/comp/qk-intro/images/other/art-icon-artFont.png)no-repeat;background-size: 100% 100%;}
.gif-icon-gif{width: 46px;height: 44px;background: url(//js.588ku.com/comp/qk-intro/images/other/gif-icon-gif.png)no-repeat;background-size: 100% 100%;}
.bg-icon-book{width: 46px;height: 44px;background: url(//js.588ku.com/comp/qk-intro/images/other/bg-icon-book.png)no-repeat;background-size: 100% 100%;}
.ch-icon-chahua{width: 46px;height: 44px;background: url(//js.588ku.com/comp/qk-intro/images/other/ch-icon-chahua.png)no-repeat;background-size: 100% 100%;}
.gg-icon-book{width: 46px;height: 44px;background: url(//js.588ku.com/comp/qk-intro/images/other/gg-icon-book.png)no-repeat;background-size: 100% 100%;}

.art-icon-artFont{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/art-icon-artFont.png)no-repeat;background-size: 100% 100%;}
.art-icon-down{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/art-icon-down.png)no-repeat;background-size: 100% 100%;}
.art-icon-time{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/art-icon-time.png)no-repeat;background-size: 100% 100%;}
.art-icon-update{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/art-icon-update.png)no-repeat;background-size: 100% 100%;}
.art-icon-vip{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/art-icon-vip.png)no-repeat;background-size: 100% 100%;}

.bg-icon-book{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/bg-icon-book.png)no-repeat;background-size: 100% 100%;}
.bg-icon-down{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/bg-icon-down.png)no-repeat;background-size: 100% 100%;}
.bg-icon-time{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/bg-icon-time.png)no-repeat;background-size: 100% 100%;}
.bg-icon-update{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/bg-icon-update.png)no-repeat;background-size: 100% 100%;}
.bg-icon-vip{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/bg-icon-vip.png)no-repeat;background-size: 100% 100%;}

.ch-icon-chahua{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/ch-icon-chahua.png)no-repeat;background-size: 100% 100%;}
.ch-icon-down{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/ch-icon-down.png)no-repeat;background-size: 100% 100%;}
.ch-icon-time{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/ch-icon-time.png)no-repeat;background-size: 100% 100%;}
.ch-icon-update{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/ch-icon-update.png)no-repeat;background-size: 100% 100%;}
.ch-icon-vip{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/ch-icon-vip.png)no-repeat;background-size: 100% 100%;}

.gg-icon-book{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/gg-icon-book.png)no-repeat;background-size: 100% 100%;}
.gg-icon-down{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/gg-icon-down.png)no-repeat;background-size: 100% 100%;}
.gg-icon-time{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/gg-icon-time.png)no-repeat;background-size: 100% 100%;}
.gg-icon-update{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/gg-icon-update.png)no-repeat;background-size: 100% 100%;}
.gg-icon-vip{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/gg-icon-vip.png)no-repeat;background-size: 100% 100%;}

.gif-icon-gif{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/gif-icon-gif.png)no-repeat;background-size: 100% 100%;}
.gif-icon-down{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/gif-icon-down.png)no-repeat;background-size: 100% 100%;}
.gif-icon-time{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/gif-icon-time.png)no-repeat;background-size: 100% 100%;}
.gif-icon-update{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/gif-icon-update.png)no-repeat;background-size: 100% 100%;}
.gif-icon-vip{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/gif-icon-vip.png)no-repeat;background-size: 100% 100%;}

.office-icon-paper{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/office-icon-paper.png)no-repeat;background-size: 100% 100%;}
.office-icon-ppt{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/office-icon-ppt.png)no-repeat;background-size: 100% 100%;}
.office-icon-word{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/office-icon-word.png)no-repeat;background-size: 100% 100%;}
.office-icon-excel{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/office-icon-excel.png)no-repeat;background-size: 100% 100%;}
.office-icon-down{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/office-icon-down.png)no-repeat;background-size: 100% 100%;}
.office-icon-time{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/office-icon-time.png)no-repeat;background-size: 100% 100%;}
.office-icon-update{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/office-icon-update.png)no-repeat;background-size: 100% 100%;}
.office-icon-vip{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/office-icon-vip.png)no-repeat;background-size: 100% 100%;}

.syt-icon-syt{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/syt-icon-syt.png)no-repeat;background-size: 100% 100%;}
.syt-icon-down{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/syt-icon-down.png)no-repeat;background-size: 100% 100%;}
.syt-icon-time{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/syt-icon-time.png)no-repeat;background-size: 100% 100%;}
.syt-icon-update{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/syt-icon-update.png)no-repeat;background-size: 100% 100%;}
.syt-icon-vip{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/syt-icon-vip.png)no-repeat;background-size: 100% 100%;}

.ui-icon-ui{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/ui-icon-ui.png)no-repeat;background-size: 100% 100%;}
.ui-icon-down{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/ui-icon-down.png)no-repeat;background-size: 100% 100%;}
.ui-icon-time{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/ui-icon-time.png)no-repeat;background-size: 100% 100%;}
.ui-icon-update{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/ui-icon-update.png)no-repeat;background-size: 100% 100%;}
.ui-icon-vip{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/ui-icon-vip.png)no-repeat;background-size: 100% 100%;}

.vd-icon-vd{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/vd-icon-vd.png)no-repeat;background-size: 100% 100%;}
.vd-icon-down{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/vd-icon-down.png)no-repeat;background-size: 100% 100%;}
.vd-icon-time{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/vd-icon-time.png)no-repeat;background-size: 100% 100%;}
.vd-icon-update{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/vd-icon-update.png)no-repeat;background-size: 100% 100%;}
.vd-icon-vip{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/vd-icon-vip.png)no-repeat;background-size: 100% 100%;}

.ys-icon-book{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/ys-icon-book.png)no-repeat;background-size: 100% 100%;}
.ys-icon-down{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/ys-icon-down.png)no-repeat;background-size: 100% 100%;}
.ys-icon-time{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/ys-icon-time.png)no-repeat;background-size: 100% 100%;}
.ys-icon-update{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/ys-icon-update.png)no-repeat;background-size: 100% 100%;}
.ys-icon-vip{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/other/ys-icon-vip.png)no-repeat;background-size: 100% 100%;}

.svg-xiala{width: 14px;height: 8px;background: url(//js.588ku.com/comp/qk-intro/images/index/svg-xiala.svg)no-repeat;background-size: 100% 100%;}
.svg-rightArr{width: 26px;height: 26px;background: url(//js.588ku.com/comp/qk-intro/images/index/svg-rightArr.svg)no-repeat;background-size: 100% 100%;}
.svg-bianjiqi{width: 30px;height: 30px;background: url(//js.588ku.com/comp/qk-intro/images/index/svg-bianjiqi.svg)no-repeat;background-size: 100% 100%;}
.svg-kehuduan{width: 30px;height: 30px;background: url(//js.588ku.com/comp/qk-intro/images/index/svg-kehuduan.svg)no-repeat;background-size: 100% 100%;}
.svg-koutu{width: 30px;height: 30px;background: url(//js.588ku.com/comp/qk-intro/images/index/svg-koutu.svg)no-repeat;background-size: 100% 100%;}
.svg-zhuanti{width: 30px;height: 30px;background: url(//js.588ku.com/comp/qk-intro/images/index/svg-zhuanti.svg)no-repeat;background-size: 100% 100%;}
.svg-ziti{width: 30px;height: 30px;background: url(//js.588ku.com/comp/qk-intro/images/index/svg-ziti.svg)no-repeat;background-size: 100% 100%;}
.svg-jiantou2{width: 52px;height: 42px;background: url(//js.588ku.com/comp/qk-intro/images/index/svg-jiantou2.svg)no-repeat;background-size: 100% 100%;}
.svg-search{width: 18px;height: 18px;background: url(//js.588ku.com/comp/qk-intro/images/index/svg-search.svg)no-repeat;background-size: 100% 100%;}
.svg-zan{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/index/svg-zan.svg)no-repeat;background-size: 100% 100%;}
.svg-bjEdit{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/index/svg-bjEdit.svg)no-repeat;background-size: 100% 100%;}
.svg-work{width: 48px;height: 48px;background: url(//js.588ku.com/comp/qk-intro/images/index/svg-work.svg)no-repeat;background-size: 100% 100%;}

.qk-introHead{height: 72px !important;background: transparent!important;}
.qk-introHead.fixed{background: rgba(255,255,255,0.5)!important;box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);}
.qk-introHead::before{content: "";position: absolute; top: 0;left: 0;bottom: 0;right: 0;backdrop-filter: blur(4px);pointer-events: none;}
.qk-introHead .header_item{padding-top: 0 !important;}
.qk-introHead .head_content{height: 100%;}
.qk-introHead .user_drop_230517{top: 72px !important;backdrop-filter: blur(5px) !important;}
.qk-introHead .header_left .change_user{background: #eff0f5!important;}
.qk-introHead .header_left .change_user .sub_name{color: #8C8C8C!important;}
.qk-introHead .qk-navBar{margin-left: 40px !important;}
.qk-introHead .head_content{padding: 0 190px;}
.qk-introHead .header_left .change_user .main_name{color: #333 !important;}
.qk-introHead .header_right .login_btn{border: 1px solid #17A1FF;}
.qk-navBar .qk-navBar_list{display: flex;align-items: center;height: 100%;}
.qk-navBar .qk-navBar_list li{flex-shrink: 0;position: relative;margin-right: 18px;height: 100%;}
.qk-navBar .qk-navBar_list li .qk-navBar_tit{position: relative;font-size: 16px;color: #262626;letter-spacing: 1px;display: flex;align-items: center;justify-content: center;height: 100%;transition: all .24s;}
.qk-navBar .qk-navBar_list li:hover .qk-navBar_tit{color: #15A2FF;}
.qk-navBar .qk-navBar_list li.current .qk-navBar_tit{color: #15A2FF;}
.qk-navBar .qk-navBar_list li.current .qk-navBar_tit::after{content: '';position: absolute;bottom: 2px;left: 50%;width: 32px;height: 3px;background: #15A2FF;margin-left: -16px;border-radius: 2px;}
.qk-dropCon{display: flex;padding: 16px 20px 6px;}
.qk-dropCon .qk-dropCon_item{flex-shrink: 0;width: 210px;margin-right: 20px;}
.qk-dropCon .qk-dropCon_item.w100{width: 100px;}
.qk-dropCon .qk-dropCon_item:last-child{margin-right: 0;}
.qk-dropCon .qk-dropCon_item .qk-dropCon_tit{display: flex;align-items: center;font-size: 14px;color: #1397EE;padding-bottom: 8px;border-bottom: 1px solid #F3F3F3;}
.qk-dropCon .qk-dropCon_item .qk-dropCon_tit .icon-inlblock{margin-right: 8px;}
.qk-dropCon .qk-dropCon_list{display: flex;flex-wrap: wrap;padding-top: 14px;}
.qk-dropCon .qk-dropCon_list .link{flex-shrink: 0;flex-shrink: 0;width: 100px;height: 40px;font-size: 14px;color: #333333;background: #F8F9FB;border-radius: 4px;display: flex;align-items: center;justify-content: center;margin-left: 10px;margin-bottom: 10px;transition: all .24s;}
.qk-dropCon .qk-dropCon_list .link:nth-child(odd){margin-left: 0;}
.qk-dropCon .qk-dropCon_list .link:hover{color: #0098F7;}
.qk-dropCon .qk-dropCon_list .link.on{color: #fff;background-color: #0098F7;}

/* banner */
.qk-introCon{position: relative;background-color: #fff;}
.qk-introCon *{box-sizing: border-box;}
.qk-banner{width: 100%;height: 1224px;background: url(//js.588ku.com/comp/qk-intro/images/index/bg-top_2x_1.jpg) center no-repeat;padding-top: 122px;background-size: cover;}
.qk-banner .qk-banner-tit{font-size: 46px;text-align: center;font-weight: bold;color: #333333;line-height: 62px;letter-spacing: 2px;margin-bottom: 24px;}
.qk-banner .qk-banner-tip{font-size: 20px;text-align: center;color: #323233;line-height: 26px;letter-spacing: 6px;margin-bottom: 60px;}
.qk-banner .qk-banner-down{display: flex;align-items: center;justify-content: center;margin-bottom: 20px;}
.qk-banner .qk-banner-down .down-item{flex-shrink: 0;position: relative;width: 244px;height: 74px;border-radius: 16px;margin-right: 60px;}
.qk-banner .qk-banner-down .serve-wrap{width: 100%;height: 100%;display: flex;align-items: center;border-radius: 16px;background-color: #323133;overflow: hidden;transition: all .24s;}
.qk-banner .qk-banner-down .serve-wrap.blue{background: #3D84F7;box-shadow: 0px 2px 10px 0px rgba(22,117,255,0.2);}
.qk-banner .qk-banner-down .serve-wrap.blue:hover{background: #6CA4FF;}
.qk-banner .qk-banner-down .serve-wrap .serve-icon{flex-shrink: 0;width: 38px;height: 100%;background: #5B5A5C;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all .24s;}
.qk-banner .qk-banner-down .serve-wrap .serve-icon:hover{background: #818181;}
.qk-banner .qk-banner-down .serve-wrap .serve-tit{display: flex;align-items: center;justify-content: center;flex: 1;font-size: 22px;color: #FFFFFF;letter-spacing: 1px;line-height: 30px;}
.qk-banner .qk-banner-down .serve-wrap .serve-tit .icon-kehuaduan{margin-right: 10px;}
.qk-banner .qk-banner-down .serve-wrap .serve-tit .svg-rightArr{margin-left: 10px;}

.qk-banner .qk-banner-down .serve-slideDown{display: none;position: absolute;left: 0;right: 0;height: 74px;bottom: -76px;background: #FFFFFF;border-radius: 16px;border: 1px solid #D9DADD;}
.qk-banner .qk-banner-down .serve-slideDown .serve-mac{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;font-size: 22px;color: #83878E;letter-spacing: 1px;}
.qk-banner .qk-banner-down .serve-slideDown .icon-kehuaduan-mac{margin-right: 10px;}
.qk-banner .qk-banner-support{font-size: 12px;color: #323133;line-height: 16px;letter-spacing: 1px;text-align: center;}
.qk-banner .qk-banner-apply{margin-top: 60px;}
.qk-banner .qk-banner-apply .apply-list{display: flex;align-items: center;justify-content: center;}
.qk-banner .qk-banner-apply .apply-item{flex-shrink: 0;display: flex;align-items: center;justify-content: center;flex-direction: column;width: 110px;height: 72px;margin-right: 16px;background: rgba(255,255,255,0.6);border-radius: 10px;border: 2px solid #fff;transition: all .24s;}
.qk-banner .qk-banner-apply .apply-item:last-child{margin-right: 0;}
.qk-banner .qk-banner-apply .apply-item .apply-tit{font-size: 14px;color: #262626;margin-top: 6px;}
.qk-banner .qk-banner-apply .apply-item:hover{background-color: #fff;}

.qk-part-sence{}
.qk-part-sence .sence-title{display: flex;align-items: center;margin-bottom: 38px;}
.qk-part-sence .title-text{font-size: 30px;font-weight: bold;color: #327BF7;line-height: 40px;letter-spacing: 1px;background: linear-gradient(180deg, #66B3FC 0%, #367CF7 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin-left: 12px;}
.qk-part-sence .sence-subtit{position: relative;margin-bottom: 40px;}
.qk-part-sence .sence-subtit .svg-jiantou2{position: absolute;top: -20px;left: 0;}
.qk-part-sence .subtit-text{font-size: 46px;font-weight: bold;color: #333333;line-height: 46px;letter-spacing: 2px;padding-left: 62px;}

.qk-part1{width: 100%;height: 2088px;background: url(//js.588ku.com/comp/qk-intro/images/index/bg-vip1.png) center no-repeat;padding-top: 100px;}
.qk-part1 .qk-part-h4{font-size: 30px;text-align: center;margin-bottom: 40px;font-weight: bold;color: #327BF7;line-height: 40px;letter-spacing: 1px;background: linear-gradient(180deg, #66B3FC 0%, #367CF7 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.qk-part1 .qk-part-h2{font-size: 46px;text-align: center;margin-bottom: 40px;font-weight: bold;color: #333333;line-height: 36px;letter-spacing: 5px;}
.qk-part1 .qk-part-box{display: grid;grid-column-gap: 20px;grid-row-gap: 30px;grid-template-rows:repeat(2,346px);grid-template-columns:repeat(5, 224px);padding-top: 60px;padding-bottom: 100px;}
.qk-part1 .qk-part-box .qk-box-item{display: block;background: #FFFFFF;box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);border-radius: 16px;padding: 30px 24px 0 24px;transition: all .24s;}
.qk-part1 .qk-part-box .qk-box-item .icon-wrap{width: 64px;height: 64px;display: flex;align-items: center;justify-content: center;margin-bottom: 20px;border-radius: 50%;}
.qk-part1 .qk-part-box .qk-box-item .qk-box-tit{font-size: 24px;font-weight: bold;color: #333333;line-height: 24px;letter-spacing: 3px;margin-bottom: 16px;}
.qk-part1 .qk-part-box .qk-box-item .qk-box-desc{font-size: 14px;color: #333333;line-height: 22px;letter-spacing: 1px;}
.qk-part1 .qk-part-box .qk-box-item.mkys:hover{background: #3E85F7;}
.qk-part1 .qk-part-box .qk-box-item.mkbj:hover{background: #FF5E4E;}
.qk-part1 .qk-part-box .qk-box-item.ggsj:hover{background: #FFA427;}
.qk-part1 .qk-part-box .qk-box-item.mkart:hover{background: #2FD5E3;}
.qk-part1 .qk-part-box .qk-box-item.gif:hover{background: #F24C8E;}
.qk-part1 .qk-part-box .qk-box-item.uisj:hover{background: #28C7A7;}
.qk-part1 .qk-part-box .qk-box-item.syt:hover{background: #FF6465;}
.qk-part1 .qk-part-box .qk-box-item.chahua:hover{background: #62CB83;}
.qk-part1 .qk-part-box .qk-box-item.video:hover{background: #7F71ED;}
.qk-part1 .qk-part-box .qk-box-item.ppt:hover{background: #FFD249;}
.qk-part1 .qk-part-box .qk-box-item.mkys .icon-wrap{background: #E2F3FF;}
.qk-part1 .qk-part-box .qk-box-item.mkbj .icon-wrap{background: #FFF0EE;}
.qk-part1 .qk-part-box .qk-box-item.ggsj .icon-wrap{background: #FFEDD3;}
.qk-part1 .qk-part-box .qk-box-item.mkart .icon-wrap{background: #DEF9FB;}
.qk-part1 .qk-part-box .qk-box-item.gif .icon-wrap{background: #FEE2EC;}
.qk-part1 .qk-part-box .qk-box-item.uisj .icon-wrap{background: #F1FBF9;}
.qk-part1 .qk-part-box .qk-box-item.syt .icon-wrap{background: #FFE9E9;}
.qk-part1 .qk-part-box .qk-box-item.chahua .icon-wrap{background: #EDFFF2;}
.qk-part1 .qk-part-box .qk-box-item.video .icon-wrap{background: #F4F3FF;}
.qk-part1 .qk-part-box .qk-box-item.ppt .icon-wrap{background: #FFF3D3;}
.qk-part1 .qk-part-box .qk-box-item:hover .qk-box-tit{color: #FFFFFF;}
.qk-part1 .qk-part-box .qk-box-item:hover .qk-box-desc{color: #FFFFFF;}
.qk-part1 .qk-part-box .qk-box-item:hover .icon-wrap{background: #FFFFFF;}
.qk-part1 .sence-swiper{position: relative;display: flex;height: 604px;background: linear-gradient(314deg, #437CFE 0%, #4B83FE 32%, #B9DAF9 100%);border-radius: 30px;padding: 30px 40px;z-index: 1;}
.qk-part1 .sence-swiper .swiper-lt{flex-shrink: 0;width: 752px;margin-right: 38px;}
.qk-part1 .sence-swiper .swiper-lt .video-item{display: none;width: 100%;height: 542px;}
.qk-part1 .sence-swiper .swiper-lt .video-item.on{display: block;}
.qk-part1 .sence-swiper .swiper-lt video{display: block;width: 100%;border-radius: 6px;}
.qk-part1 .sence-swiper .swiper-rt{flex: 1;}
.qk-part1 .sence-swiper .swiper-rt .scene-list{display: flex;flex-direction: column;padding-top: 30px;}
.qk-part1 .sence-swiper .swiper-rt .scene-list .scene-item{flex-shrink: 0;width: 100%;width: 230px;height: 88px;display: flex;justify-content: center;flex-direction: column;padding-left: 42px;border-radius: 20px;cursor: pointer;transition: all .24s;margin-bottom: 4px;}
.qk-part1 .sence-swiper .swiper-rt .scene-list .scene-item:hover,
.qk-part1 .sence-swiper .swiper-rt .scene-list .scene-item.on{background: rgba(255,255,255,0.2);}
.qk-part1 .sence-swiper .scene-tit{font-size: 16px;font-weight: bold;color: #FFFFFF;line-height: 24px;letter-spacing: 1px;margin-bottom: 2px;}
.qk-part1 .sence-swiper .scene-subtit{font-size: 16px;color: #FFFFFF;line-height: 24px;letter-spacing: 1px;}
.qk-part1 .sence-swiper .icon-waterwall{ position: absolute;z-index: -1;bottom: 30px;right: 40px;pointer-events: none;font-size: 84px;font-weight: bold;-webkit-background-clip: text;background-color: rgba(255,255,255,0.04);-webkit-text-fill-color: transparent;line-height: 84px;letter-spacing: 10px;text-transform: uppercase;}

.qk-part2{width: 100%;height: 1580px;background: url(//js.588ku.com/comp/qk-intro/images/index/bg-vip2.png) center no-repeat;padding-top: 100px;}
.qk-part2 .case-list{display: flex;justify-content: space-between;padding: 0 50px;margin-bottom: 40px;}
.qk-part2 .case-list .case-item{flex-shrink: 0;width: 528px;height: 470px;background: #FFFFFF;box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);border-radius: 20px;padding: 40px 50px 0;}
.qk-part2 .case-list .case-item .case-tit{font-size: 24px;margin-bottom: 14px;font-weight: bold;color: #333333;line-height: 24px;letter-spacing: 3px;}
.qk-part2 .case-list .case-item .case-tip{font-size: 14px;margin-bottom: 30px;color: #333333;line-height: 22px;letter-spacing: 1px;}
.qk-part2 .case-list .case-item img{display: block;max-width: 100%;}
.qk-part2 .case-big{position: relative;width: 1100px;height: 675px;background: linear-gradient(128deg, #457EFE 0%, #A0C6FA 100%);box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);border-radius: 20px;margin: 0 auto;z-index: 1;padding: 40px;}
.qk-part2 .case-big .case-tit{font-size: 24px;margin-bottom: 14px;font-weight: bold;color: #fff;line-height: 24px;letter-spacing: 3px;}
.qk-part2 .case-big .case-tip{font-size: 14px;margin-bottom: 30px;color: #fff;line-height: 22px;letter-spacing: 1px;}
.qk-part2 .case-big img{display: block;max-width: 100%;border-radius: 8px;}
.qk-part2 .case-big .icon-waterwall{position: absolute;z-index: -1;top: 30px;right: 40px;pointer-events: none;font-size: 84px;font-weight: bold;-webkit-background-clip: text;background-color: rgba(255,255,255,0.04);-webkit-text-fill-color: transparent;line-height: 84px;letter-spacing: 10px;text-transform: uppercase;}

.qk-part3{width: 100%;height: 1086px;background: url(//js.588ku.com/comp/qk-intro/images/index/bg-vip3.png) center no-repeat;padding-top: 100px;}
.qk-part-work .work-nav{display: flex;align-items: center;padding:0 64px;margin-bottom: 40px;}
.qk-part-work .work-nav .work-navItem{flex-shrink: 0;width: 243px;height: 75px;display: flex;align-items: center;justify-content: center;background: transparent;font-size: 22px;color: #333333;border-radius: 38px;margin-right: 32px;transition: all .24s;cursor: pointer;}
.qk-part-work .work-nav .work-navItem:hover{background: #3D84F7;color: #fff;}
.qk-part-work .work-nav .work-navItem.on{background: #3D84F7;color: #fff;box-shadow: 0px 2px 10px 0px rgba(22,117,255,0.2);}
.qk-part-work .work-container .work-img{display: none;}
.qk-part-work .work-container .work-img img{display: block;max-width: 100%;}
.qk-part-work .work-container .work-img.on{display: block;}

.qk-part4{width: 100%;height: 890px;background: url(//js.588ku.com/comp/qk-intro/images/index/bg-vip4.png) center no-repeat;padding-top: 100px;}
.qk-part4 .recharge-title{font-size: 36px;text-align: center;margin-bottom: 30px;font-weight: bold;color: #333333;line-height: 36px;letter-spacing: 1px;}
.qk-part4 .recharge-tip{font-size: 20px;text-align: center;margin-bottom: 106px;color: #323233;line-height: 20px;letter-spacing: 6px;}
.qk-part4 .vip-wrap{display:flex;justify-content:center;align-items:flex-end}
.qk-part4 .vip-wrap .item{width:337px;height:498px;flex-shrink:0;background:#FFFFFF;box-shadow:0px 10px 20px 0px rgba(0,0,0,0.15);border-radius:60px 0px 40px 40px;padding:85px 30px 0 30px;box-sizing:border-box;position:relative;margin:0 20px}
.qk-part4 .vip-wrap .item.item-1{height:498px;padding-top:105px}
.qk-part4 .vip-wrap .item.item-2{padding:85px 0px 0 0px}
.qk-part4 .vip-wrap .item .vip-icon{width:140px;height:112px;position:absolute;left:50%;top:-37px;transform:translateX(-50%)}
.qk-part4 .vip-wrap .item .vip-icon.vip-icon-1{width:150px}
.qk-part4 .vip-wrap .item .vip-icon.vip-icon-2{width:108px;height:108px}
.qk-part4 .vip-wrap .item .title{height:28px;text-align: center;font-size:20px;font-family:MicrosoftYaHei-Bold,MicrosoftYaHei;font-weight:bold;color:#262626;line-height:28px;letter-spacing:1px;text-align:center;margin-bottom:8px}
.qk-part4 .vip-wrap .item .tip{height:19px;text-align: center;font-size:14px;font-family:MicrosoftYaHei;color:#8C8C8C;line-height:19px;margin-bottom:24px}
.qk-part4 .vip-wrap .item .vip-button{display:block;width:216px;text-align:center;height:48px;background:#17A1FF;box-shadow:0px 4px 15px 0px rgba(23,161,255,0.4);border-radius:40px;font-size:16px;font-family:MicrosoftYaHei-Bold,MicrosoftYaHei;font-weight:bold;color:#FFFFFF;line-height:48px;letter-spacing:1px;margin:0 auto;margin-bottom:40px}
.qk-part4 .vip-wrap .item .vip-button:hover{background:#007BCE}
.qk-part4 .vip-wrap .item .vip-button.company{background:#A66F2C;box-shadow:0px 4px 15px 0px rgba(166,111,44,0.4)}
.qk-part4 .vip-wrap .item .vip-button.company:hover{background:#8E5715}
.qk-part4 .vip-wrap .item .vip-button.customization{background:url(https://static.588ku.com/imgPath/index/images/inquire_button.png?v=1) no-repeat center;background-size:100% 50px;box-shadow:0px 4px 15px 0px rgba(56,56,56,0.2)}
.qk-part4 .vip-wrap .item .vip-button.customization:hover{background:#484848}
.qk-part4 .vip-wrap .item .rights-show{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
.qk-part4 .vip-wrap .item .rights-show .right{width:98px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:24px}
.qk-part4 .vip-wrap .item .rights-show .right .icon-show{width:48px;height:48px;background:rgba(56,56,56,0.03);border-radius:4px;display:flex;align-items:center;justify-content:center}
.qk-part4 .vip-wrap .item .rights-show .right>span{font-size:12px;font-family:MicrosoftYaHei;color:#595959;line-height:17px;text-align:center;margin-top:10px}
.qk-part4 .vip-wrap .item .info{display:flex;align-items:center;margin-bottom:30px}
.qk-part4 .vip-wrap .item .info .left{width:44px;height:44px;background:rgba(23,161,255,0.05);border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;margin-right:16px}
.qk-part4 .vip-wrap .item .info .left>span{font-size:12px;font-family:MicrosoftYaHei-Bold,MicrosoftYaHei;font-weight:bold;color:#262626;line-height:18px}
.qk-part4 .vip-wrap .item .info .right{flex:1;font-size:12px;font-family:MicrosoftYaHei;color:#595959;line-height:18px;text-align:left}
.qk-part4 .vip-wrap .item .info .right .spec{color:#17A1FF;font-weight:900}
.qk-part4 .new-vip-wrap .new-vip-item{width:330px!important;padding:85px 0 0 0!important}
.qk-part4 .new-vip-item .top-vip-log{width:130px;height:104px;position:absolute;left:50%;top:-37px;transform:translateX(-50%)}
.qk-part4 .vip-button-shang:hover{background-color:#239F49!important}
.qk-part4 .new-vip-item .vip-button{width:200px!important;height:48px!important;border-radius:40px!important}
.qk-part4 .new-vip-item .info{align-items:normal!important}
.qk-part4 .new-vip-item .info .left{font-weight:bold!important;font-size:12px!important;margin-left:22px!important;width:38px!important;height:38px!important;margin-right:10px!important}
.qk-part4 .new-vip-item .info .left span{line-height:16px!important}
.qk-part4 .new-vip-item .info .right{margin-right:20px!important;line-height:16px!important;font-size:12px!important}
.qk-part4 .new-vip-item .rights-show .right{width:76px !important}

.qk-part5{padding: 100px 0;}
.qk-part5 .scroll-title{font-size: 36px;margin-bottom: 60px;text-align: center;font-weight: bold;color: #333333;line-height: 32px;letter-spacing: 1px;}
.qk-part5 .scroll-section{width:100%;overflow: hidden;}
.qk-part5 .scroll-section .scroll-bar{display:flex}
.qk-part5 .scroll-section .scroll-bar .img-bar{margin:0 9px 5px 0}
.qk-part5 .scroll-section .scroll-bar .img-bar>img{width:205px;height:87px}

/* 在线设计 */
.sj-banner{width: 100%;height: 846px;padding-top: 142px;}
.sj-banner.bg-video{background: url(//js.588ku.com/comp/qk-intro/images/other/sj-videobg.png) center no-repeat;}
.sj-banner.bg-ppt{background: url(//js.588ku.com/comp/qk-intro/images/other/sj-PPTbg.png) center no-repeat;}
.sj-banner.bg-threed{background: url(//js.588ku.com/comp/qk-intro/images/other/sj-3Dbg.png) center no-repeat;}
.sj-banner.bg-gif{background: url(//js.588ku.com/comp/qk-intro/images/other/sj-GIFbg.png) center no-repeat;}
.sj-banner.bg-pic{background: url(//js.588ku.com/comp/qk-intro/images/other/sj-picmodelbg.png) center no-repeat;}
.sj-banner .sj-banner-title{font-size: 40px;text-align: center;;margin-bottom: 30px;font-weight: bold;color: #001311;line-height: 40px;letter-spacing: 1px;}
.sj-banner .sj-banner-tip{font-size: 14px;text-align: center;margin-bottom: 48px;color: #001311;line-height: 30px;}
.sj-banner .sj-banner-search{position: relative;width: 800px;height: 52px;margin: 0 auto;margin-bottom: 16px;}
.sj-banner .sj-banner-search .sj-search-ipt{width: 100%;height: 100%;background:rgba(0,0,0,0.02);box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.15);border-radius: 26px;border: 2px solid #FFFFFF;font-size: 14px;color: #333;transition: all .24s;padding-left: 20px;padding-right: 162px;}
.sj-banner .sj-banner-search .sj-search-ipt::placeholder {color: #979CA2;}
.sj-banner .sj-banner-search .sj-search-btn{width: 140px;height: 48px;font-size: 18px;font-weight: bold;color: #FFFFFF;background: #009F8A;border-radius: 24px;display: flex;align-items: center;justify-content: center;transition: all .24s;position: absolute;top: 2px;right: 2px;}
.sj-banner .sj-banner-search .sj-search-btn .svg-search{margin-right: 6px;}
.sj-banner .sj-banner-search .sj-search-btn:hover{background: #37C1AA;}
.sj-banner .sj-banner-keyword{width: 800px;height: 20px;display: flex;align-items: center;justify-content: center;margin: 0 auto;overflow: hidden;margin-bottom: 80px;}
.sj-banner .sj-banner-keyword *{font-size: 12px;color: #999999;line-height: 20px;letter-spacing: 1px;}
.sj-banner .sj-banner-keyword .keyword-tit{margin-right: 8px;}
.sj-banner .sj-banner-keyword .keyword-item{margin-right: 16px;transition: all .24s;}
.sj-banner .sj-banner-keyword .keyword-item:hover{color: #37C1AA;}
.sj-banner .sj-banner-desc{}
.sj-banner .sj-banner-desc .desc-title{font-size: 16px;text-align: center;font-weight: bold;color: #001311;line-height: 20px;margin-bottom: 10px;}
.sj-banner .sj-banner-desc .desc-tip{margin-bottom: 20px;}
.sj-banner .sj-banner-desc .desc-tip p{font-size: 16px;text-align: center;color: #666666;line-height: 28px;}
.sj-banner .sj-banner-desc .desc-case{display: flex;align-items: center;justify-content: center;margin-bottom: 30px;}
.sj-banner .sj-banner-desc .desc-case .case-item{flex-shrink: 0;margin-right: 120px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.sj-banner .sj-banner-desc .desc-case .case-item:last-child{margin-right: 0;}
.sj-banner .sj-banner-desc .desc-case .case-tit{font-size: 16px;font-weight: bold;color: #001613;line-height: 21px;letter-spacing: 1px;margin-top: 10px;}
.sj-banner .sj-banner-desc .sj-banner-btnWrap{display: flex;align-items: center;justify-content: center;}
.sj-banner .sj-banner-desc .sj-banner-btnWrap .sj-banner-btn{flex-shrink: 0;padding: 0 34px;height: 48px;background: #009F8A;border-radius: 24px;font-size: 18px;font-weight: bold;color: #FFFFFF;line-height: 24px;display: flex;align-items: center;justify-content: center;transition: all .24s;}
.sj-banner .sj-banner-desc .sj-banner-btnWrap .sj-banner-btn:hover{background: #37C1AA;}

.sj-workCon{padding-top: 12px;}
.sj-workCon .sj-workCon-wrap{padding-bottom: 32px;}
.sj-workCon .sj-workCon-tit{position: relative;font-size: 20px;text-align: center;font-weight: bold;color: #262626;line-height: 26px;letter-spacing: 1px;margin-bottom: 24px;z-index: 1;}
.sj-workCon .sj-workCon-tit .en{font-size: 24px;position: absolute;top: -15px;left: 50%;transform: translateX(-50%);font-weight: bold;color: #FAFAFA;line-height: 30px;pointer-events: none;z-index: -1;text-transform: capitalize;}
.sj-workCon .video-list,
.sj-workCon .download-list,
.sj-workCon .ppt-list,
.sj-workCon .gif-list,
.sj-workCon .threed-list,
.sj-workCon .pic-list{display: flex;flex-wrap: wrap;}

/* 视频 */
.sj-workCon .video-list .pic-item{position: relative;flex-shrink: 0;width: 280px;height: 464px;padding-bottom: 10px;z-index: 1;margin-right: 26px;margin-bottom: 20px;}
.sj-workCon .video-list .pic-item::after{content: '';position: absolute;bottom: 0;left: 10px;right: 10px;height: 10px;background: rgba(0,0,0,0.05);z-index: -1;pointer-events: none;border-radius:0 0 16px 16px;}
.sj-workCon .video-list .pic-container{display: block;width: 100%;height:100%;background: #FFFFFF;box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);border-radius: 16px;overflow: hidden;}
.sj-workCon .video-list .pic-item:nth-child(4n){margin-right: 0;}
.sj-workCon .video-list .pic-container .pic-hd{width: 100%;height: 80px;display: flex;align-items: center;padding-left: 12px;}
.sj-workCon .video-list .pic-container .pic-hd .pic-info{flex: 1;}
.sj-workCon .video-list .pic-container .pic-hd .pic-ico{flex-shrink: 0;margin-left: 12px;}
.sj-workCon .video-list .pic-container .pic-hd .pic-name{font-size: 16px;margin-bottom: 10px;font-weight: bold;color: #000000;line-height: 21px;}
.sj-workCon .video-list .pic-container .pic-hd .pic-time{font-size: 12px;color: #979CA2;line-height: 12px;}
.sj-workCon .video-list .pic-container .pic-hd .pic-ico{font-size: 14px;font-weight: bold;color: #905400;text-align: center;padding-left: 10px;line-height: 26px;}
.sj-workCon .video-list .pic-container .pic-bd{position: relative;overflow: hidden;height: 374px;}
.sj-workCon .video-list .pic-container .pic-bd::before{display: none;content: "";position: absolute; top: 0;left: 0;bottom: 0;right: 0;backdrop-filter: blur(4px);pointer-events: none;z-index: 2;background: rgba(0,0,0,0.32);}
.sj-workCon .video-list .pic-container .pic-bd img{display: block;width: 100%;transform: scale(1);transition: all .24s;
max-height: 438px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1;}
.sj-workCon .video-list .pic-container .pic-bd .type-icon{position: absolute;top: 12px;right: 12px;}
.sj-workCon .video-list .pic-container .pic-bd .ico-video{display: inline-block;height: 20px;line-height: 20px;background: rgba(0, 0, 0, 0.65);border-radius: 13px;white-space: nowrap;font-size: 12px;color: #FFFFFF;padding: 0 7px;}
.sj-workCon .video-list .pic-container .pic-bd .ico-video .icon{display: inline-block;width: 12px;height: 9px;background-image: url(//editor-js.888ban.com/qk-editor-static/public/images/material-video-icon.svg);margin-right: 6px;background-repeat: no-repeat;background-position: center;background-size: cover;}
.sj-workCon .video-list .pic-container .pic-bd .ico-oepnBtn{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1;}
/* .sj-workCon .video-list .pic-container .pic-bd video{display: block;width: 256px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 6px;border: 2px solid #fff;} */
.sj-workCon .video-list .pic-container .pic-bd video{display: block;width:100%;height: 386px;object-fit: cover;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius:0 0 6px 6px;}
.sj-workCon .video-list .pic-container .pic-bd:hover .ico-oepnBtn{display: none;}
/* .sj-workCon .video-list .pic-container .pic-bd:hover::before{display: block;} */
.sj-workCon .video-list .pic-container .pic-bd:hover video{z-index: 2;}

/* ppt */
.sj-workCon .ppt-list .pic-item{position: relative;flex-shrink: 0;width: 280px;height: 464px;padding-bottom: 10px;z-index: 1;margin-right: 26px;margin-bottom: 20px;}
.sj-workCon .ppt-list .pic-item::after{content: '';position: absolute;bottom: 0;left: 10px;right: 10px;height: 10px;background: rgba(0,0,0,0.05);z-index: -1;pointer-events: none;border-radius:0 0 16px 16px;}
.sj-workCon .ppt-list .pic-container{display: block;width: 100%;height:100%;background: #FFFFFF;box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);border-radius: 16px;overflow: hidden;}
.sj-workCon .ppt-list .pic-item:nth-child(4n){margin-right: 0;}
.sj-workCon .ppt-list .pic-container .pic-hd{width: 100%;height: 80px;display: flex;align-items: center;padding-left: 12px;}
.sj-workCon .ppt-list .pic-container .pic-hd .pic-info{flex: 1;}
.sj-workCon .ppt-list .pic-container .pic-hd .pic-ico{flex-shrink: 0;margin-left: 12px;}
.sj-workCon .ppt-list .pic-container .pic-hd .pic-name{font-size: 16px;margin-bottom: 10px;font-weight: bold;color: #000000;line-height: 21px;}
.sj-workCon .ppt-list .pic-container .pic-hd .pic-time{font-size: 12px;color: #979CA2;line-height: 12px;}
.sj-workCon .ppt-list .pic-container .pic-hd .pic-ico{font-size: 14px;font-weight: bold;color: #905400;text-align: center;padding-left: 10px;line-height: 26px;}
.sj-workCon .ppt-list .pic-container .pic-bd{position: relative;overflow: hidden;height: 374px;display: flex;align-items: center;justify-content: center;}
.sj-workCon .ppt-list .pic-container img{display: block;max-width: 100%;transform: scale(1);transition: all .24s;}
.sj-workCon .ppt-list .pic-container:hover img{transform: scale(1.15);}

/* 图片 */
.sj-workCon .pic-list .pic-item{position: relative;flex-shrink: 0;width: 280px;height: 464px;padding-bottom: 10px;z-index: 1;margin-right: 26px;margin-bottom: 20px;}
.sj-workCon .pic-list .pic-item::after{content: '';position: absolute;bottom: 0;left: 10px;right: 10px;height: 10px;background: rgba(0,0,0,0.05);z-index: -1;pointer-events: none;border-radius:0 0 16px 16px;}
.sj-workCon .pic-list .pic-container{display: block;width: 100%;height:100%;background: #FFFFFF;box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);border-radius: 16px;overflow: hidden;}
.sj-workCon .pic-list .pic-item:nth-child(4n){margin-right: 0;}
.sj-workCon .pic-list .pic-container .pic-hd{width: 100%;height: 80px;display: flex;align-items: center;padding-left: 12px;}
.sj-workCon .pic-list .pic-container .pic-hd .pic-info{flex: 1;}
.sj-workCon .pic-list .pic-container .pic-hd .pic-ico{flex-shrink: 0;margin-left: 12px;}
.sj-workCon .pic-list .pic-container .pic-hd .pic-name{font-size: 16px;margin-bottom: 10px;font-weight: bold;color: #000000;line-height: 21px;}
.sj-workCon .pic-list .pic-container .pic-hd .pic-time{font-size: 12px;color: #979CA2;line-height: 12px;}
.sj-workCon .pic-list .pic-container .pic-hd .pic-ico{font-size: 14px;font-weight: bold;color: #905400;text-align: center;padding-left: 10px;line-height: 26px;}
.sj-workCon .pic-list .pic-container .pic-bd{position: relative;overflow: hidden;height: 374px;display: flex;align-items: center;justify-content: center;}
.sj-workCon .pic-list .pic-container img{display: block;max-width: 100%;transform: scale(1);transition: all .24s;}
.sj-workCon .pic-list .pic-container:hover img{transform: scale(1.15);}

/* 图片 */
.sj-workCon .gif-list .pic-item{position: relative;flex-shrink: 0;width: 280px;height: 464px;padding-bottom: 10px;z-index: 1;margin-right: 26px;margin-bottom: 20px;}
.sj-workCon .gif-list .pic-item::after{content: '';position: absolute;bottom: 0;left: 10px;right: 10px;height: 10px;background: rgba(0,0,0,0.05);z-index: -1;pointer-events: none;border-radius:0 0 16px 16px;}
.sj-workCon .gif-list .pic-container{display: block;width: 100%;height:100%;background: #FFFFFF;box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);border-radius: 16px;overflow: hidden;}
.sj-workCon .gif-list .pic-item:nth-child(4n){margin-right: 0;}
.sj-workCon .gif-list .pic-container .pic-hd{width: 100%;height: 80px;display: flex;align-items: center;padding-left: 12px;}
.sj-workCon .gif-list .pic-container .pic-hd .pic-info{flex: 1;}
.sj-workCon .gif-list .pic-container .pic-hd .pic-ico{flex-shrink: 0;margin-left: 12px;}
.sj-workCon .gif-list .pic-container .pic-hd .pic-name{font-size: 16px;margin-bottom: 10px;font-weight: bold;color: #000000;line-height: 21px;}
.sj-workCon .gif-list .pic-container .pic-hd .pic-time{font-size: 12px;color: #979CA2;line-height: 12px;}
.sj-workCon .gif-list .pic-container .pic-hd .pic-ico{font-size: 14px;font-weight: bold;color: #905400;text-align: center;padding-left: 10px;line-height: 26px;}
.sj-workCon .gif-list .pic-container .pic-bd{position: relative;overflow: hidden;height: 374px;display: flex;align-items: center;justify-content: center;}
.sj-workCon .gif-list .pic-container img{display: block;max-width: 100%;transform: scale(1);transition: all .24s;}
.sj-workCon .gif-list .pic-container:hover img{transform: scale(1.15);}

/* 3d */
.sj-workCon .threed-list .pic-item{position: relative;flex-shrink: 0;width: 222px;height: 392px;margin-bottom: 20px;margin-right: 22px;}
.sj-workCon .threed-list .pic-container{display: flex;align-items: center;justify-content: center;
width: 100%;height:100%;background: #FFFFFF;border-radius: 16px;overflow: hidden;border: 1px solid #E8E8E8;}
.sj-workCon .threed-list .pic-container>img{display: block;max-width: 100%;}
.sj-workCon .threed-list .pic-item:nth-child(5n){margin-right: 0;}
.sj-workCon .threed-list .pic-container img{display: block;max-width: 100%;transform: scale(1);transition: all .24s;}
.sj-workCon .threed-list .pic-container:hover img{transform: scale(1.15);}

/* 下载 */
.sj-workCon .download-list .pic-item{position: relative;flex-shrink: 0;width: 222px;height: 392px;margin-bottom: 20px;margin-right: 22px;}
.sj-workCon .download-list .pic-container{display: flex;align-items: center;justify-content: center;
width: 100%;height:100%;background: #FFFFFF;border-radius: 16px;overflow: hidden;border: 1px solid #E8E8E8;}
.sj-workCon .download-list .pic-container>img{display: block;max-width: 100%;}
.sj-workCon .download-list .pic-item:nth-child(5n){margin-right: 0;}
.sj-workCon .download-btnWrap{display: flex;align-items: center;justify-content: center;padding-top: 10px;}
.sj-workCon .download-btnWrap .download-more{flex-shrink: 0;width: 270px;height: 40px;background: #009F8A;border-radius: 6px;display: flex;align-items: center;justify-content: center;font-size: 16px;color: #FFFFFF;letter-spacing: 1px;transition: all .24s;}
.sj-workCon .download-btnWrap .download-more:hover{background: #37C1AA;}
.sj-workCon .download-list .pic-container img{display: block;max-width: 100%;max-height: 100%;transform: scale(1);transition: all .24s;}
.sj-workCon .download-list .pic-container:hover img{transform: scale(1.15);}

/* 分类页 */
.qk-introCategory{padding-top: 72px;background-color: #fff;}
.qk-introCategory *{box-sizing: border-box;}
.ic-banner{position: relative;width: 100%;height: 330px;z-index: 1;}
.ic-banner::after{content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0,0,0,0.5);z-index: -1;}

.ic-banner.bg-office-banner{background: url(//js.588ku.com/comp/qk-intro/images/other/office-banner.png) center no-repeat;padding-top: 50px;}
.ic-banner.bg-bg-banner{background: url(//js.588ku.com/comp/qk-intro/images/other/bg-banner.png) center no-repeat;padding-top: 50px;}
.ic-banner.bg-art-banner{background: url(//js.588ku.com/comp/qk-intro/images/other/art-banner.png) center no-repeat;padding-top: 50px;}
.ic-banner.bg-ch-banner{background: url(//js.588ku.com/comp/qk-intro/images/other/ch-banner.png) center no-repeat;padding-top: 50px;}
.ic-banner.bg-gg-banner{background: url(//js.588ku.com/comp/qk-intro/images/other/gg-banner.png) center no-repeat;padding-top: 50px;}
.ic-banner.bg-gif-banner{background: url(//js.588ku.com/comp/qk-intro/images/other/gif-banner.png) center no-repeat;padding-top: 50px;}
.ic-banner.bg-syt-banner{background: url(//js.588ku.com/comp/qk-intro/images/other/syt-banner.png) center no-repeat;padding-top: 50px;}
.ic-banner.bg-vd-banner{background: url(//js.588ku.com/comp/qk-intro/images/other/vd-banner.png) center no-repeat;padding-top: 50px;}
.ic-banner.bg-ui-banner{background: url(//js.588ku.com/comp/qk-intro/images/other/ui-banner.png) center no-repeat;padding-top: 50px;}
.ic-banner.bg-ys-banner{background: url(//js.588ku.com/comp/qk-intro/images/other/ys-banner.png) center no-repeat;padding-top: 50px;}

.ic-banner .ic-banner-title{font-size: 40px;text-align: center;margin-bottom: 16px;font-weight: bold;color: #FFFFFF;line-height: 40px;letter-spacing: 2px;}
.ic-banner .ic-banner-tip{font-size: 14px;text-align: center;margin-bottom: 60px;color: #FFFFFF;line-height: 14px;letter-spacing: 1px;}
.ic-banner .ic-banner-search{position: relative;width: 800px;height: 52px;margin: 0 auto;margin-bottom: 16px;}
.ic-banner .ic-banner-search .ic-search-ipt{width: 100%;height: 100%;background:#fff;box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.15);border-radius: 26px;border: 2px solid #FFFFFF;font-size: 14px;color: #333;transition: all .24s;padding-left: 20px;padding-right: 162px;}
.ic-banner .ic-banner-search .ic-search-ipt::placeholder {color: #979CA2;}
.ic-banner .ic-banner-search .ic-search-btn{position: relative;width: 140px;height: 48px;font-size: 18px;font-weight: bold;color: #FFFFFF;border-radius: 24px;display: flex;align-items: center;justify-content: center;transition: all .24s;position: absolute;top: 2px;right: 2px;overflow: hidden;z-index: 1;}
.ic-banner .ic-banner-search .ic-search-btn::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: transparent;z-index: -1;transition: all .24s;}
.ic-banner .ic-banner-search .ic-search-btn .svg-search{margin-right: 6px;}
.ic-banner .ic-banner-search .ic-search-btn:hover::after{opacity: 0.7;}
.ic-banner .ic-banner-keyword{width: 800px;height: 20px;display: flex;align-items: center;flex-wrap:wrap;margin: 0 auto;overflow: hidden;padding: 0 24px;}
.ic-banner .ic-banner-keyword *{font-size: 12px;color: #fff;line-height: 20px;letter-spacing: 1px;flex-shrink: 0;}
.ic-banner .ic-banner-keyword .keyword-tit{margin-right: 8px;}
.ic-banner .ic-banner-keyword .keyword-item{margin-right: 12px;transition: all .24s;}
.ic-banner .ic-banner-keyword .keyword-item:last-child{margin-right: 0;}
.ic-banner.yellow .ic-banner-search .ic-search-btn::after{background: #FFC102;}
.ic-banner.yellow .ic-banner-keyword .keyword-item:hover{color: #FFC102;}
.ic-banner.deep-yellow .ic-banner-search .ic-search-btn::after{background: #FF9400;}
.ic-banner.deep-yellow .ic-banner-keyword .keyword-item:hover{color: #FF9400;}
.ic-banner.purple .ic-banner-search .ic-search-btn::after{background: #7264E1;}
.ic-banner.purple .ic-banner-keyword .keyword-item:hover{color: #7264E1;}
.ic-banner.deep-green .ic-banner-search .ic-search-btn::after{background: #3CB060;}
.ic-banner.deep-green .ic-banner-keyword .keyword-item:hover{color: #3CB060;}
.ic-banner.green .ic-banner-search .ic-search-btn::after{background: #1BBC9C;}
.ic-banner.green .ic-banner-keyword .keyword-item:hover{color: #1BBC9C;}
.ic-banner.red .ic-banner-search .ic-search-btn::after{background: #FF5859;}
.ic-banner.red .ic-banner-keyword .keyword-item:hover{color: #FF5859;}
.ic-banner.deep-red .ic-banner-search .ic-search-btn::after{background: #FB4633;}
.ic-banner.deep-red .ic-banner-keyword .keyword-item:hover{color: #FB4633;}
.ic-banner.cyan-blue .ic-banner-search .ic-search-btn::after{background: #06CFDD;}
.ic-banner.cyan-blue .ic-banner-keyword .keyword-item:hover{color: #06CFDD;}
.ic-banner.pink .ic-banner-search .ic-search-btn::after{background: #F02B79;}
.ic-banner.pink .ic-banner-keyword .keyword-item:hover{color: #F02B79;}
.ic-banner.blue .ic-banner-search .ic-search-btn::after{background: #17A1FF;}
.ic-banner.blue .ic-banner-keyword .keyword-item:hover{color: #17A1FF;}
.ic-case{padding-top: 30px;}
.ic-case .ic-case-list{display: flex;margin-bottom: 60px;}
.ic-case .ic-case-list .ic-case-item{flex-shrink: 0;width: 220px;height: 88px;border-radius: 4px;display: flex;align-items: center;margin-right: 20px;padding: 16px;}
.ic-case .ic-case-list .ic-case-icon{flex-shrink: 0;margin-right: 10px;}
.ic-case .ic-case-list .ic-case-tit{font-size: 14px;font-weight: bold;color: #262626;margin-bottom: 4px;transition: all .24s;}
.ic-case .ic-case-list .ic-case-tip{font-size: 12px;color: #8C8C8C;transition: all .24s;}
.ic-case .ic-case-list .ic-case-item:nth-child(5n){margin-right: 0;}
.ic-case .ic-case-desc{margin-bottom: 60px;}
.ic-case .ic-case-desc p{font-size: 16px;text-align: center;color: #666666;line-height: 28px;letter-spacing: 1px;}
.ic-case.yellow .ic-case-list .ic-case-item{background-color: #FFFBEE;}
.ic-case.yellow .ic-case-list .ic-case-item:hover .ic-case-tit,
.ic-case.yellow .ic-case-list .ic-case-item:hover .ic-case-tip{color: #FF9401;}
.ic-case.deep-yellow .ic-case-list .ic-case-item{background-color: #FFF7EC;}
.ic-case.deep-yellow .ic-case-list .ic-case-item:hover .ic-case-tit,
.ic-case.deep-yellow .ic-case-list .ic-case-item:hover .ic-case-tip{color: #FF9401;}
.ic-case.red .ic-case-list .ic-case-item{background-color: #FFEBEB;}
.ic-case.red .ic-case-list .ic-case-item:hover .ic-case-tit,
.ic-case.red .ic-case-list .ic-case-item:hover .ic-case-tip{color: #FB4A37;}
.ic-case.deep-red .ic-case-list .ic-case-item{background-color: #FFF1F1;}
.ic-case.deep-red .ic-case-list .ic-case-item:hover .ic-case-tit,
.ic-case.deep-red .ic-case-list .ic-case-item:hover .ic-case-tip{color: #FF5859;}
.ic-case.blue .ic-case-list .ic-case-item{background-color: #E7F5FF;}
.ic-case.blue .ic-case-list .ic-case-item:hover .ic-case-tit,
.ic-case.blue .ic-case-list .ic-case-item:hover .ic-case-tip{color: #17A1FF;}
.ic-case.pink .ic-case-list .ic-case-item{background-color: #FFF3F8;}
.ic-case.pink .ic-case-list .ic-case-item:hover .ic-case-tit,
.ic-case.pink .ic-case-list .ic-case-item:hover .ic-case-tip{color: #F24D8F;}
.ic-case.cyan-blue .ic-case-list .ic-case-item{background-color: #EAFBFC;}
.ic-case.cyan-blue .ic-case-list .ic-case-item:hover .ic-case-tit,
.ic-case.cyan-blue .ic-case-list .ic-case-item:hover .ic-case-tip{color: #29D1DF;}
.ic-case.green .ic-case-list .ic-case-item{background-color: #EAFAF7;}
.ic-case.green .ic-case-list .ic-case-item:hover .ic-case-tit,
.ic-case.green .ic-case-list .ic-case-item:hover .ic-case-tip{color: #1BBC9C;}
.ic-case.deep-green .ic-case-list .ic-case-item{background-color: #EAF8EE;}
.ic-case.deep-green .ic-case-list .ic-case-item:hover .ic-case-tit,
.ic-case.deep-green .ic-case-list .ic-case-item:hover .ic-case-tip{color: #3DAF60;}
.ic-case.purple .ic-case-list .ic-case-item{background-color: #F4F2FE;}
.ic-case.purple .ic-case-list .ic-case-item:hover .ic-case-tit,
.ic-case.purple .ic-case-list .ic-case-item:hover .ic-case-tip{color: #7264E1;}

.ic-workCon{padding-top: 12px;}
.ic-workCon .ic-workCon-wrap{padding-bottom: 64px;}
.ic-workCon .ic-workCon-tit{position: relative;font-size: 20px;text-align: center;font-weight: bold;color: #262626;line-height: 26px;letter-spacing: 1px;margin-bottom: 24px;z-index: 1;}
.ic-workCon .ic-workCon-tit .en{font-size: 24px;position: absolute;top: -15px;left: 50%;transform: translateX(-50%);font-weight: bold;color: #FAFAFA;line-height: 30px;pointer-events: none;z-index: -1;text-transform: capitalize;}
.ic-workCon .video-list,
.ic-workCon .download-list,
.ic-workCon .ppt-list,
.ic-workCon .gif-list,
.ic-workCon .threed-list,
.ic-workCon .pic-list,
.ic-workCon .illustration-list,
.ic-workCon .art-list,
.ic-workCon .thumbnail-list{display: flex;flex-wrap: wrap;}

/* ppt */
.ic-workCon .ppt-list .pic-item{position: relative;flex-shrink: 0;width: 224px;height: 336px;z-index: 1;margin-right: 20px;margin-bottom: 20px;}
.ic-workCon .ppt-list .pic-item:nth-child(5n){margin-right: 0;}
.ic-workCon .ppt-list .pic-container{display: block;width: 100%;height:100%;background: #FFFFFF;box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.1);border-radius: 10px;overflow: hidden;}
.ic-workCon .ppt-list .pic-badge{display: none;font-size: 13px;padding: 0 6px;color: #003A6B;height: 26px;line-height: 26px;background: linear-gradient(143deg, #D4EDFF 0%, #85CEFF 71%, #64BDFA 100%);box-shadow: 0px 4px 4px 0px rgba(0,139,255,0.05);border-radius: 4px;position: absolute;top: 12px;left: 12px;}
.ic-workCon .ppt-list .pic-badge.qy{background:#FFC66E linear-gradient(176deg, rgba(198,134,36,0) 0%, #C68624 100%);color: #7B4800;}
.ic-workCon .ppt-list .pic-img{display: flex;align-items: center;justify-content: center;width: 100%;height:100%;}
.ic-workCon .ppt-list .pic-img img{display: block;max-width: 100%;transform: scale(1);transition: all .24s;object-fit: cover;}
.ic-workCon .ppt-list .pic-info{min-width: 0;height: 40px;display: flex;align-items: center;background: rgba(0,0,0,0.15);border-radius: 0px 0px 10px 10px;backdrop-filter: blur(2px);position: absolute;bottom: 0;left: 0;right: 0;padding: 0 12px;}
.ic-workCon .ppt-list .pic-info .pic-name{font-size: 16px;font-weight: bold;color: #FFFFFF;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ic-workCon .ppt-list .pic-info .pic-num{flex-shrink: 0;margin-left: 8px;font-size: 14px;color: #FFFFFF;}
.ic-workCon .ppt-list .pic-item:hover img{transform: scale(1.15);}

/* 视频 */
.ic-workCon .video-list .video-list-lt{flex-shrink: 0;width: 592px;display: flex;flex-wrap: wrap;margin-right: 16px;}
.ic-workCon .video-list .video-list-rt{flex:1;display: flex;flex-wrap: wrap;}
.ic-workCon .video-list .video-big-item{position: relative;display: block;width: 592px;height: 320px;overflow: hidden;border-radius: 10px;margin-bottom: 16px;}
.ic-workCon .video-list .video-big-item img{display: block;width: 100%;height: 320px;object-fit: fill;transform: scale(1);transition: all .24s;}
.ic-workCon .video-list .video-big-item .video-big-info{min-width: 0;display: flex;align-items: center;height: 56px;background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.88) 100%);position: absolute;bottom: 0;left: 0;right: 0;padding: 0 16px;z-index: 1;}
.ic-workCon .video-list .video-big-item .video-big-name{font-size: 16px;color: #FFFFFF;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;flex: 1;padding-right: 24px;}
/* .ic-workCon .video-list .video-big-item .swiper-pagination{position: relative;z-index: 1;line-height: 1;font-size: 0;padding-top: 2px;} */
.ic-workCon .video-list .video-big-item .swiper-pagination-bullet{width: 14px;height: 14px;background: rgba(255,255,255,0.4);border-radius: 50%;cursor: pointer;margin: 0 6px;opacity: 1;}
.ic-workCon .video-list .video-big-item .swiper-pagination-bullet-active{background:#fff}
.ic-workCon .video-list .video-big-item .swiper-pagination{bottom: 16px;right: 16px;left: auto;width: auto;}
.ic-workCon .video-list .video-big-item .video-big-name{padding-right: 86px;}
.ic-workCon .video-list .video-big-item .video-big-slide:hover img{transform: scale(1.15);}
.ic-workCon .video-list .video-item{position: relative;flex-shrink: 0;width: 288px;height: 152px;z-index: 1;margin-right: 16px;margin-bottom: 16px;}
.ic-workCon .video-list .pic-container{display: block;width: 100%;height:100%;background: #FFFFFF;box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.1);border-radius: 10px;overflow: hidden;}
.ic-workCon .video-list .pic-badge{display: none;font-size: 13px;padding: 0 6px;color: #003A6B;height: 26px;line-height: 26px;background: linear-gradient(143deg, #D4EDFF 0%, #85CEFF 71%, #64BDFA 100%);box-shadow: 0px 4px 4px 0px rgba(0,139,255,0.05);border-radius: 4px;position: absolute;top: 12px;left: 12px;}
.ic-workCon .video-list .pic-badge.qy{background:#FFC66E linear-gradient(176deg, rgba(198,134,36,0) 0%, #C68624 100%);color: #7B4800;}
.ic-workCon .video-list .pic-img img{display: block;width: 100%;height: 152px;transform: scale(1);transition: all .24s;object-fit: cover;}
.ic-workCon .video-list .pic-info{min-width: 0;height: 40px;font-size: 16px;color: #FFFFFF;display: flex;align-items: center;background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.88) 100%);border-radius: 0px 0px 10px 10px;position: absolute;bottom: 0;left: 0;right: 0;padding: 0 12px;}
.ic-workCon .video-list .pic-info .pic-name{font-size: 16px;color: #FFFFFF;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ic-workCon .video-list .pic-info .pic-num{flex-shrink: 0;font-size: 16px;color: #FFFFFF;}
.ic-workCon .video-list .video-list-lt .video-item:last-child{margin-right: 0;}
.ic-workCon .video-list .video-list-rt .video-item:nth-child(2n){margin-right: 0;}
.ic-workCon .video-list .pic-img:hover img{transform: scale(1.15);}

/* 插画 */
.ic-workCon .illustration-list .pic-item{position: relative;flex-shrink: 0;width: 224px;height: 336px;z-index: 1;margin-right: 20px;margin-bottom: 20px;}
.ic-workCon .illustration-list .pic-item:nth-child(5n){margin-right: 0;}
.ic-workCon .illustration-list .pic-container{display: block;width: 100%;height:100%;background: #FFFFFF;box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.1);border-radius: 10px;overflow: hidden;}
.ic-workCon .illustration-list .pic-badge{display: none;font-size: 13px;padding: 0 6px;color: #003A6B;height: 26px;line-height: 26px;background: linear-gradient(143deg, #D4EDFF 0%, #85CEFF 71%, #64BDFA 100%);box-shadow: 0px 4px 4px 0px rgba(0,139,255,0.05);border-radius: 4px;position: absolute;top: 12px;left: 12px;}
.ic-workCon .illustration-list .pic-badge.qy{background:#FFC66E linear-gradient(176deg, rgba(198,134,36,0) 0%, #C68624 100%);color: #7B4800;}
.ic-workCon .illustration-list .pic-img{display: flex;align-items: center;justify-content: center;width: 100%;height:100%;}
.ic-workCon .illustration-list .pic-img img{display: block;width: 100%;transform: scale(1);transition: all .24s;object-fit: cover;}
.ic-workCon .illustration-list .pic-info{min-width: 0;height: 40px;display: flex;align-items: center;background: rgba(0,0,0,0.15);border-radius: 0px 0px 10px 10px;backdrop-filter: blur(2px);position: absolute;bottom: 0;left: 0;right: 0;padding: 0 12px;}
.ic-workCon .illustration-list .pic-info .pic-name{font-size: 16px;font-weight: bold;color: #FFFFFF;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ic-workCon .illustration-list .pic-info .pic-num{flex-shrink: 0;margin-left: 8px;font-size: 14px;color: #FFFFFF;}
.ic-workCon .illustration-list .pic-item:hover img{transform: scale(1.15);}

/* 艺术字 */
.ic-workCon .art-list .pic-item{position: relative;flex-shrink: 0;width: 224px;height: 224px;z-index: 1;margin-right: 20px;margin-bottom: 20px;}
.ic-workCon .art-list .pic-item:nth-child(5n){margin-right: 0;}
.ic-workCon .art-list .pic-container{display: block;width: 100%;height:100%;background: #FFFFFF;box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.1);border-radius: 10px;overflow: hidden;}
.ic-workCon .art-list .pic-badge{display: none;font-size: 13px;padding: 0 6px;color: #003A6B;height: 26px;line-height: 26px;background: linear-gradient(143deg, #D4EDFF 0%, #85CEFF 71%, #64BDFA 100%);box-shadow: 0px 4px 4px 0px rgba(0,139,255,0.05);border-radius: 4px;position: absolute;top: 12px;left: 12px;}
.ic-workCon .art-list .pic-badge.qy{background:#FFC66E linear-gradient(176deg, rgba(198,134,36,0) 0%, #C68624 100%);color: #7B4800;}
.ic-workCon .art-list .pic-img{display: flex;align-items: center;justify-content: center;width: 100%;height:100%;}
.ic-workCon .art-list .pic-img img{display: block;width: 100%;transform: scale(1);transition: all .24s;object-fit: cover;}
.ic-workCon .art-list .pic-info{min-width: 0;height: 40px;display: flex;align-items: center;background: rgba(0,0,0,0.15);border-radius: 0px 0px 10px 10px;backdrop-filter: blur(2px);position: absolute;bottom: 0;left: 0;right: 0;padding: 0 12px;}
.ic-workCon .art-list .pic-info .pic-name{font-size: 16px;font-weight: bold;color: #FFFFFF;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ic-workCon .art-list .pic-info .pic-num{flex-shrink: 0;margin-left: 8px;font-size: 14px;color: #FFFFFF;}
.ic-workCon .art-list .pic-item:hover img{transform: scale(1.15);}

/* 缩略图 */
.ic-workCon .thumbnail-list .video-item{position: relative;flex-shrink: 0;width: 288px;height: 152px;z-index: 1;margin-right: 16px;margin-bottom: 16px;}
.ic-workCon .thumbnail-list .video-item:nth-child(4n){margin-right: 0;}
.ic-workCon .thumbnail-list .pic-item{position: relative;flex-shrink: 0;width: 224px;height: 336px;z-index: 1;margin-right: 20px;margin-bottom: 20px;}
.ic-workCon .thumbnail-list.small .pic-item{width: 224px;height: 224px;}
.ic-workCon .thumbnail-list .pic-item:nth-child(5n){margin-right: 0;}
.ic-workCon .thumbnail-list .pic-container{display: block;width: 100%;height:100%;background: #FFFFFF;box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.1);border-radius: 10px;overflow: hidden;}
.ic-workCon .thumbnail-list .pic-badge{display: none;font-size: 13px;padding: 0 6px;color: #003A6B;height: 26px;line-height: 26px;background: linear-gradient(143deg, #D4EDFF 0%, #85CEFF 71%, #64BDFA 100%);box-shadow: 0px 4px 4px 0px rgba(0,139,255,0.05);border-radius: 4px;position: absolute;top: 12px;left: 12px;}
.ic-workCon .thumbnail-list .pic-badge.qy{background:#FFC66E linear-gradient(176deg, rgba(198,134,36,0) 0%, #C68624 100%);color: #7B4800;}
.ic-workCon .thumbnail-list .pic-item .pic-img{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.ic-workCon .thumbnail-list .pic-img img{display: block;width: 100%;transform: scale(1);transition: all .24s;object-fit: cover;}
.ic-workCon .thumbnail-list .video-item .pic-img img{height: 152px;}
.ic-workCon .thumbnail-list .pic-info{display: none;min-width: 0;height: 40px;font-size: 16px;color: #FFFFFF;align-items: center;background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.88) 100%);border-radius: 0px 0px 10px 10px;position: absolute;bottom: 0;left: 0;right: 0;padding: 0 12px;}
.ic-workCon .thumbnail-list .pic-info .pic-name{font-size: 16px;color: #FFFFFF;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ic-workCon .thumbnail-list .pic-info .pic-num{flex-shrink: 0;font-size: 16px;color: #FFFFFF;}
.ic-workCon .thumbnail-list .pic-img:hover img{transform: scale(1.15);}

.ic-workCon .view-btnWrap{display: flex;align-items: center;justify-content: center;padding-top: 16px;}
.ic-workCon .view-btnWrap .view-more{flex-shrink: 0;width: 270px;height: 40px;background: #17A1FF;border-radius: 6px;display: flex;align-items: center;justify-content: center;font-size: 16px;color: #FFFFFF;letter-spacing: 1px;transition: all .24s;}
.ic-workCon .view-btnWrap .view-more:hover{background: #027BCE;}

/* 下拉组件 */
.qk-dropDown{position: relative;}
.qk-dropDown .qk-drop{position: absolute;top: -2px;left: 50%;width:max-content;z-index: 1;background-color:#fff;box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.15);border-radius: 4px;opacity: 0;transform: scaleY(0) translateX(-50%); transform-origin: top;transition: all 0.3s;pointer-events: none;}
.qk-dropDown .qk-drop::before{content: '';width: 100%;height: 10px;background-color: #fff;position: absolute;top: -10px;left: 0;opacity: 0;}
.qk-dropDown .qk-drop .qk-drop_list{padding:8px 0;}
.qk-dropDown .qk-drop .qk-drop_list::-webkit-scrollbar{width:4px;height: 4px;}
.qk-dropDown .qk-drop .qk-drop_list::-webkit-scrollbar-thumb{border-radius: 2px;background-color:#ABACB3;}
.qk-dropDown .qk-drop .qk-drop_list::-webkit-scrollbar-track{border-radius: 2px;}
.qk-dropDown .qk-drop .qk-drop_list .qk-drop_item{width:max-content;min-width:130px;height: 48px;line-height: 48px;padding: 0 12px;font-size: 14px;color: #333333;transition: all .24s;cursor: pointer;text-align: center;}
.qk-dropDown .qk-drop .qk-drop_list .qk-drop_item a{font-size: 14px;color: #333333;transition: all .24s;}
.qk-dropDown .qk-drop .qk-drop_list .qk-drop_item:hover a,
.qk-dropDown .qk-drop .qk-drop_list .qk-drop_item.on a{color: #1398F0;}
.qk-dropHover{position: relative;}
.qk-dropHover:hover .qk-drop{opacity:1;pointer-events: auto;transform: scaleY(1) translateX(-50%);}

@media screen and (max-width:1669px) {
	.qk-introHead .head_content{padding: 0 100px;}
}

@media screen and (max-width:1520px) {
	.qk-introHead .head_content{padding: 0 60px;}
}