/*专题rgba start*/ /*专题rgba end*/ /*字体颜色 start*/ /*字体颜色 end*/ .topicAll.ys { background-color: #17A1FF; } .topicAll.bg { background-color: #FA4633; } .topicAll.model { background-color: #FF9400; } .topicAll.illus { background-color: #6CC90C; } .topicAll.art { background-color: #00CFDD; } .topicAll.video { background-color: #6869D1; } .topicAll.office { background-color: #FFC001; } .topicAll.ui { background-color: #1ABC9C; } .topicAll.audio { background-color: #FF297F; } .topicAll.company { background-color: #d9ac62; } .topicAll.photo { background-color: #FF5859; } .topicAfterbg.ys:after { background-color: #17A1FF; } .topicAfterbg.bg:after { background-color: #FA4633; } .topicAfterbg.model:after { background-color: #FF9400; } .topicAfterbg.art:after { background-color: #00CFDD; } .topicAfterbg.office:after { background-color: #FFC001; } .topicAfterbg.ui:after { background-color: #1ABC9C; } .topicAfterbg.video:after { background-color: #6869D1; } .topicAfterbg.audio:after { background-color: #FF297F; } .topicAfterbg.illus:after { background-color: #6CC90C; } .topicAfterbg.photo:after { background-color: #FF5859; } /*鼠标hover效果 start*/ .st-pngwa-box li.center-hover-p .img-outside { width: 100%; height: 100%; display: block; position: relative; padding: 0; } .st-vl-box li.center-hover-p .img-outside { padding: 0; display: block; height: 100%; } /*视频hover效果*/ .st-show-wrap .st-vl-box li.center-hover-p:hover .img-info { display: none; } * { letter-spacing: 0.2px; } .org-icon { display: none !important; } /*顶部广告位添加 start*/ .top-ad-box { width: 100%; height: 50px; background: #000; text-align: center; } .top-ad-box > .adimg-box { display: inline-block; position: relative; } .top-ad-box > .adimg-box a { display: block; } .top-ad-box > .adimg-box .close-btn { font-size: 30px; color: #ab8e5d; position: absolute; top: 0px; right: 20px; cursor: pointer; } /*顶部广告位添加 end*/ /*首页单独 start*/ .ku-headTop-navV1 { background: rgba(255, 255, 255, 0.95); position: absolute; position: relative; margin-bottom: -40px; height: 40px; border-bottom: 0 !important; } .ku-headTop-navV1 .ku-other-entry { line-height: 40px; } .ku-headTop-navV1 .ku-other-entry > a { display: block; margin-right: 16px; color: rgba(0, 0, 0, 0.45); } .ku-headTop-navV1 .ku-other-entry > a i.icon { display: inline-block; width: 16px; height: 16px; vertical-align: sub; margin-right: 3px; } .ku-headTop-navV1 .ku-other-entry > a i.film { background: url(//static.588ku.com/imgPath/index/images180509/qk-film-icon.svg) no-repeat center; height: 17px; } .ku-headTop-navV1 .ku-other-entry > a i.mall { background: url(//static.588ku.com/imgPath/index/images180509/qk-mall-icon.svg) no-repeat center; } .ku-headTop-navV1 .ku-other-entry > a i.hotgood { color: #F7304; background: url(//static.588ku.com/imgPath/index/images180509/hotgood.svg) no-repeat center / 100%; } .ku-headTop-navV1 .ku-other-entry > a:hover { color: #17A1FF; } .ku-headTop-navV1 .top-nav-menu { margin-top: 0; } .top-nav-menu111 { height: 60px; } .top-nav-menu111 li.tool { position: relative; } .top-nav-menu111 li.tool > a { height: 60px; line-height: 60px; } .top-nav-menu111 li.tool > a .head-vip-icon { display: inline-block; margin-right: 2px; width: 20px; height: 20px; vertical-align: middle; } .top-nav-menu111 li.tool > a .company-vip-icon { background: url(//static.588ku.com/imgPath/public/images/company-vip-icon.svg) no-repeat center; } .top-nav-menu111 li.tool > a .per-vip-icon { background: url(//static.588ku.com/imgPath/public/images/per-vip-icon.svg) no-repeat center; } .top-nav-menu111 li .login-box { padding-top: 10px; } /*首页单独end*/ .ku-headTopFixed { z-index: 1000; position: fixed; height: 60px; left: 0; background-color: #fff; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.04); top: 0; } .indexV6-banner-box { height: 816px; } .indexV6-banner { width: 100%; height: 580px; position: relative; padding-top: 40px; box-sizing: border-box; background: linear-gradient(180deg, #17a1ff 0%, #36cbff 100%); background: linear-gradient(180deg, #1784ff 0%, #36cbff 100%); } .indexV6-banner:before { position: absolute; width: 100%; height: 100%; background: url(//static.588ku.com/imgPath/index/images/1902/bannerbg.png) no-repeat center / 100% 580px; top: 0; left: 0; z-index: -1; } @-moz-keyframes bggradient { 50% { background-position: 100% 0; } } @-ms-keyframes bggradient { 50% { background-position: 100% 0; } } @-webkit-keyframes bggradient { 50% { background-position: 100% 0; } } @keyframes bggradient { 50% { background-position: 100% 0; } } .indexV6-banner .indexV6-banner-c { padding-top: 40px; box-sizing: border-box; width: 100%; height: 100%; background: linear-gradient(42deg, rgba(53, 184, 255, 0.9) 0%, rgba(33, 182, 255, 0.9) 42%, rgba(40, 203, 255, 0.9) 51%, rgba(25, 216, 255, 0.9) 70%, rgba(24, 180, 255, 0.9) 100%); background-size: 400%; background-position: 0% 100%; animation: bggradient 8s ease-in-out infinite; } .indexV6-banner .index-nav { position: relative; z-index: 22; text-align: center; } .indexV6-banner .index-nav .index-nav-ul-box { text-align: center; } .indexV6-banner .index-nav .index-nav-ul { text-align: center; display: inline-block; box-sizing: border-box; margin: 0 -33px; } .indexV6-banner .index-nav .index-nav-ul > li { display: inline-block; margin-left: 30px; margin-right: 30px; float: left; } .indexV6-banner .index-nav .index-nav-ul > li .left-linebox { position: relative; display: block; } .indexV6-banner .index-nav .index-nav-ul > li .left-linebox .left-line { position: absolute; width: 1px; height: 16px; top: 50%; margin-top: -8px; left: -35px; border-right: 1px solid rgba(255, 255, 255, 0.45); } .indexV6-banner .index-nav .index-nav-ul > li > a, .indexV6-banner .index-nav .index-nav-ul > li > .left-linebox > a { display: block; line-height: 60px; font-size: 16px; color: #fff; position: relative; } .indexV6-banner .index-nav .index-nav-ul > li > a em, .indexV6-banner .index-nav .index-nav-ul > li > .left-linebox > a em { width: 30px; height: 20px; position: absolute; top: 7px; right: -28px; } .indexV6-banner .index-nav .index-nav-ul > li > a em.new-Icon, .indexV6-banner .index-nav .index-nav-ul > li > .left-linebox > a em.new-Icon { background: url(//static.588ku.com/imgPath/index/images/1902/new-icon.svg) no-repeat center; } .indexV6-banner .index-nav .index-nav-ul > li > a em.ppt-Icon, .indexV6-banner .index-nav .index-nav-ul > li > .left-linebox > a em.ppt-Icon { background: url(//static.588ku.com/imgPath/index/images/1902/PPT-icon.svg) no-repeat center; } .indexV6-banner .index-nav .index-nav-ul > li > a em.hot-Icon, .indexV6-banner .index-nav .index-nav-ul > li > .left-linebox > a em.hot-Icon { background: url(//static.588ku.com/imgPath/index/images/1902/hot-Icon.svg) no-repeat center; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box { visibility: hidden; opacity: 0; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; padding-bottom: 12px; position: absolute; width: 100%; padding-top: 6px; top: 69px; left: 0; background-color: rgba(255, 255, 255, 0.95); } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box .nax-child-list { width: 750px; margin: 0 auto; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box .nax-child-list .nax-child-top { height: 46px; padding-bottom: 6px; border-bottom: 1px solid rgba(0, 0, 0, 0.03); } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box .nax-child-list .nax-child-top .tpoic-name { font-size: 16px; line-height: 22px; display: inline-block; float: left; text-align: left; margin-top: 12px; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box .nax-child-list .nax-child-top .openVip-Btn { float: left; height: 28px; line-height: 28px; border: 1px solid; border-color: #000; text-align: center; margin-top: 9px; border-radius: 4px; margin-left: 20px; padding: 0 8px; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box .nax-child-list .nax-child-top .openVip-Btn i { font-size: 15px; display: inline-block; margin-right: -2px; vertical-align: middle; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box .nax-child-list .nav-type-box { padding-top: 14px; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box .nax-child-list .nav-type-box .nav-type-line .nav-type-name { display: inline-block; min-width: 45px; float: left; line-height: 22px; text-align: left; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box .nax-child-list .nav-type-box .nav-type-line .more-tab { cursor: pointer; float: right; font-size: 14px; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box .nax-child-list .nav-type-box .nav-type-line .more-tab i { display: inline-block; font-size: 12px; padding-left: 2px; -moz-transform: scale(0.8); -ms-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8); -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box .nax-child-list .nav-type-box .nav-type-line .nav-child-ul { display: inline-block; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box .nax-child-list .nav-type-box .nav-type-line .nav-child-ul li { min-width: 97px; float: left; text-align: left; margin-bottom: 8px; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box .nax-child-list .nav-type-box .nav-type-line .nav-child-ul li a { color: rgba(0, 0, 0, 0.65); color: rgba(0, 0, 0, 0.85); line-height: 22px; display: inline-block; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.ys .nax-child-list .nax-child-top .tpoic-name { color: #17A1FF; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.ys .nax-child-list .nax-child-top .openVip-Btn { color: #17A1FF; border-color: rgba(23, 161, 255, 0.25); } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.ys .nax-child-list .nax-child-top .openVip-Btn i { color: #17A1FF; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.ys .nax-child-list .nax-child-top .openVip-Btn:hover { background: rgba(23, 161, 255, 0.15); } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.ys .nax-child-list .nav-type-box .nav-type-line .more-tab { color: #17A1FF; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.ys .nax-child-list .nav-type-box .nav-type-line .more-tab i { color: #17A1FF; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.ys .nax-child-list .nav-type-box .nav-type-line .nav-child-ul { margin-right: -26px; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.ys .nax-child-list .nav-type-box .nav-type-line .nav-child-ul li a { font-size: 14px; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.ys .nax-child-list .nav-type-box .nav-type-line .nav-child-ul li a:hover { color: #17A1FF; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.bg .nax-child-list .nax-child-top .tpoic-name { color: #FA4633; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.bg .nax-child-list .nax-child-top .openVip-Btn { color: #FA4633; border-color: rgba(250, 70, 51, 0.25); } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.bg .nax-child-list .nax-child-top .openVip-Btn i { color: #FA4633; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.bg .nax-child-list .nax-child-top .openVip-Btn:hover { background: rgba(250, 70, 51, 0.15); } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.bg .nax-child-list .nav-type-box .nav-type-line .more-tab { color: #FA4633; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.bg .nax-child-list .nav-type-box .nav-type-line .more-tab i { color: #FA4633; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.bg .nax-child-list .nav-type-box .nav-type-line .nav-type-name { color: #FA4633; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.bg .nax-child-list .nav-type-box .nav-type-line .nav-type-name a { color: #FA4633; display: inline-block; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.bg .nax-child-list .nav-type-box .nav-type-line .nav-child-ul { float: left; width: 776px; margin-right: -71px; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.bg .nax-child-list .nav-type-box .nav-type-line .nav-child-ul li a { font-size: 14px; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.bg .nax-child-list .nav-type-box .nav-type-line .nav-child-ul li a:hover { color: #FA4633; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.photo .nax-child-list .nax-child-top .tpoic-name { color: #FF5859; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.photo .nax-child-list .nax-child-top .openVip-Btn { color: #FF5859; border-color: rgba(250, 70, 51, 0.25); } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.photo .nax-child-list .nax-child-top .openVip-Btn i { color: #FF5859; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.photo .nax-child-list .nax-child-top .openVip-Btn:hover { background: rgba(250, 70, 51, 0.15); } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.photo .nax-child-list .nav-type-box .nav-type-line .more-tab { color: #FF5859; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.photo .nax-child-list .nav-type-box .nav-type-line .more-tab i { color: #FF5859; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.photo .nax-child-list .nav-type-box .nav-type-line .nav-type-name { color: #FF5859; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.photo .nax-child-list .nav-type-box .nav-type-line .nav-type-name a { color: #FF5859; display: inline-block; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.photo .nax-child-list .nav-type-box .nav-type-line .nav-child-ul { float: left; width: 776px; margin-right: -71px; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.photo .nax-child-list .nav-type-box .nav-type-line .nav-child-ul li a { font-size: 14px; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.photo .nax-child-list .nav-type-box .nav-type-line .nav-child-ul li a:hover { color: #FF5859; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.model .nax-child-list .nax-child-top .tpoic-name { color: #FF9400; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.model .nax-child-list .nax-child-top .openVip-Btn { color: #FF9400; border-color: rgba(255, 148, 0, 0.25); } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.model .nax-child-list .nax-child-top .openVip-Btn i { color: #FF9400; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.model .nax-child-list .nax-child-top .openVip-Btn:hover { background: rgba(255, 148, 0, 0.15); } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.model .nax-child-list .nav-type-box .nav-type-line .more-tab { color: #FF9400; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.model .nax-child-list .nav-type-box .nav-type-line .more-tab i { color: #FF9400; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.model .nax-child-list .nav-type-box .nav-type-line .nav-type-name { color: #FF9400; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.model .nax-child-list .nav-type-box .nav-type-line .nav-type-name a { color: #FF9400; display: inline-block; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.model .nax-child-list .nav-type-box .nav-type-line .nav-child-ul { float: left; width: 776px; margin-right: -71px; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.model .nax-child-list .nav-type-box .nav-type-line .nav-child-ul li a { font-size: 14px; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.model .nax-child-list .nav-type-box .nav-type-line .nav-child-ul li a:hover { color: #FF9400; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.ui .nax-child-list .nax-child-top .tpoic-name { color: #1ABC9C; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.ui .nax-child-list .nax-child-top .openVip-Btn { color: #1ABC9C; border-color: rgba(26, 188, 156, 0.25); } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.ui .nax-child-list .nax-child-top .openVip-Btn i { color: #1ABC9C; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.ui .nax-child-list .nax-child-top .openVip-Btn:hover { background: rgba(26, 188, 156, 0.15); } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.ui .nax-child-list .nav-type-box .nav-type-line .more-tab { color: #1ABC9C; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.ui .nax-child-list .nav-type-box .nav-type-line .more-tab i { color: #1ABC9C; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.ui .nax-child-list .nav-type-box .nav-type-line .nav-type-name { color: #1ABC9C; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.ui .nax-child-list .nav-type-box .nav-type-line .nav-type-name a { color: #1ABC9C; display: inline-block; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.ui .nax-child-list .nav-type-box .nav-type-line .nav-child-ul { float: left; width: 776px; margin-right: -71px; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.ui .nax-child-list .nav-type-box .nav-type-line .nav-child-ul li a { font-size: 14px; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.ui .nax-child-list .nav-type-box .nav-type-line .nav-child-ul li a:hover { color: #1ABC9C; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.illus .nax-child-list .nax-child-top .tpoic-name { color: #6CC90C; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.illus .nax-child-list .nax-child-top .openVip-Btn { color: #6CC90C; border-color: rgba(108, 201, 12, 0.25); } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.illus .nax-child-list .nax-child-top .openVip-Btn i { color: #6CC90C; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.illus .nax-child-list .nax-child-top .openVip-Btn:hover { background: rgba(108, 201, 12, 0.15); } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.illus .nax-child-list .nav-type-box .nav-type-line .more-tab { color: #6CC90C; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.illus .nax-child-list .nav-type-box .nav-type-line .more-tab i { color: #6CC90C; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.illus .nax-child-list .nav-type-box .nav-type-line .nav-type-name { min-width: 49px; color: #6CC90C; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.illus .nax-child-list .nav-type-box .nav-type-line .nav-type-name a { color: #6CC90C; display: inline-block; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.illus .nax-child-list .nav-type-box .nav-type-line .nav-child-ul { float: left; width: 700px; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.illus .nax-child-list .nav-type-box .nav-type-line .nav-child-ul li a { font-size: 14px; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.illus .nax-child-list .nav-type-box .nav-type-line .nav-child-ul li a:hover { color: #6CC90C; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.art .nax-child-list .nax-child-top .tpoic-name { color: #00CFDD; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.art .nax-child-list .nax-child-top .openVip-Btn { color: #00CFDD; border-color: rgba(0, 207, 221, 0.25); } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.art .nax-child-list .nax-child-top .openVip-Btn i { color: #00CFDD; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.art .nax-child-list .nax-child-top .openVip-Btn:hover { background: rgba(0, 207, 221, 0.15); } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.art .nax-child-list .nav-type-box .nav-type-line .more-tab { color: #00CFDD; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.art .nax-child-list .nav-type-box .nav-type-line .more-tab i { color: #00CFDD; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.art .nax-child-list .nav-type-box .nav-type-line .nav-type-name { min-width: 49px; color: #00CFDD; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.art .nax-child-list .nav-type-box .nav-type-line .nav-type-name a { color: #00CFDD; display: inline-block; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.art .nax-child-list .nav-type-box .nav-type-line .nav-child-ul { float: left; width: 700px; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.art .nax-child-list .nav-type-box .nav-type-line .nav-child-ul li a { font-size: 14px; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.art .nax-child-list .nav-type-box .nav-type-line .nav-child-ul li a:hover { color: #00CFDD; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.video .nax-child-list .nax-child-top .tpoic-name { color: #6869D1; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.video .nax-child-list .nax-child-top .openVip-Btn { color: #6869D1; border-color: rgba(104, 105, 209, 0.25); } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.video .nax-child-list .nax-child-top .openVip-Btn i { color: #6869D1; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.video .nax-child-list .nax-child-top .openVip-Btn:hover { background: rgba(104, 105, 209, 0.15); } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.video .nax-child-list .nav-type-box .nav-type-line .more-tab { color: #6869D1; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.video .nax-child-list .nav-type-box .nav-type-line .more-tab i { color: #6869D1; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.video .nax-child-list .nav-type-box .nav-type-line .nav-type-name { color: #6869D1; padding-right: 16px; padding-right: 24px; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.video .nax-child-list .nav-type-box .nav-type-line .nav-type-name a { color: #6869D1; display: inline-block; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.video .nax-child-list .nav-type-box .nav-type-line .nav-child-ul { float: left; max-width: 720px; margin-right: -71px; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.video .nax-child-list .nav-type-box .nav-type-line .nav-child-ul li a { font-size: 14px; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.video .nax-child-list .nav-type-box .nav-type-line .nav-child-ul li a:hover { color: #6869D1; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.audio .nax-child-list .nax-child-top .tpoic-name { color: #FF297F; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.audio .nax-child-list .nax-child-top .openVip-Btn { color: #FF297F; border-color: rgba(255, 41, 127, 0.25); } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.audio .nax-child-list .nax-child-top .openVip-Btn i { color: #FF297F; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.audio .nax-child-list .nax-child-top .openVip-Btn:hover { background: rgba(255, 41, 127, 0.15); } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.audio .nax-child-list .nav-type-box .nav-type-line .more-tab { color: #FF297F; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.audio .nax-child-list .nav-type-box .nav-type-line .more-tab i { color: #FF297F; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.audio .nax-child-list .nav-type-box .nav-type-line .nav-type-name { color: #FF297F; padding-right: 24px; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.audio .nax-child-list .nav-type-box .nav-type-line .nav-type-name a { color: #FF297F; display: inline-block; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.audio .nax-child-list .nav-type-box .nav-type-line .nav-child-ul { float: left; max-width: 720px; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.audio .nax-child-list .nav-type-box .nav-type-line .nav-child-ul li a:hover { color: #FF297F; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.office .nax-child-list .nax-child-top .tpoic-name { color: #FFC001; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.office .nax-child-list .nax-child-top .openVip-Btn { color: #FFC001; border-color: rgba(255, 192, 1, 0.25); } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.office .nax-child-list .nax-child-top .openVip-Btn i { color: #FFC001; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.office .nax-child-list .nax-child-top .openVip-Btn:hover { background: rgba(255, 192, 1, 0.15); } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.office .nax-child-list .nav-type-box .nav-type-line .more-tab { color: #FFC001; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.office .nax-child-list .nav-type-box .nav-type-line .more-tab i { color: #FFC001; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.office .nax-child-list .nav-type-box .nav-type-line .more-tab.moreShow i { -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.office .nax-child-list .nav-type-box .nav-type-line .nav-type-name { min-width: 98px; color: #FFC001; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.office .nax-child-list .nav-type-box .nav-type-line .nav-type-name a { color: #FFC001; display: inline-block; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.office .nax-child-list .nav-type-box .nav-type-line .nav-child-ul { float: left; width: 582px; min-height: 26px; max-height: 26px; overflow: hidden; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.office .nax-child-list .nav-type-box .nav-type-line .nav-child-ul li a { font-size: 14px; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.office .nax-child-list .nav-type-box .nav-type-line .nav-child-ul li a:hover { color: #FFC001; } .indexV6-banner .index-nav .index-nav-ul > li .nav-child-box.office .nax-child-list .nav-type-box .nav-type-line .nav-child-ul.moreShow { max-height: 100px; } .indexV6-banner .index-nav .index-nav-ul > li:hover > a { color: rgba(255, 255, 255, 0.85); } .indexV6-banner .index-nav .index-nav-ul > li:hover .nav-child-box { display: block; visibility: visible; opacity: 1; } .indexV6-banner .index-nav .index-nav-ul > li > .left-linebox a:hover { color: rgba(255, 255, 255, 0.85); } .indexV6-banner .index-nav .index-nav-ul > li.omit-list { position: relative; display: none; } .indexV6-banner .index-nav .index-nav-ul > li.omit-list .hide-topmenu-box { display: none; position: absolute; top: 59px; right: -40px; z-index: 55; } .indexV6-banner .index-nav .index-nav-ul > li.omit-list .hide-topmenu-box .hide-topmenu-ul { background-color: #fff; min-width: 90px; box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.05); border-radius: 4px; overflow: hidden; } .indexV6-banner .index-nav .index-nav-ul > li.omit-list .hide-topmenu-box .hide-topmenu-ul li { padding: 5px 8px; box-sizing: border-box; display: none; } .indexV6-banner .index-nav .index-nav-ul > li.omit-list .hide-topmenu-box .hide-topmenu-ul li a { padding-left: 8px; color: rgba(0, 0, 0, 0.65); } .indexV6-banner .index-nav .index-nav-ul > li.omit-list .hide-topmenu-box .hide-topmenu-ul li:hover { background-color: #F3FCFF; } .indexV6-banner .index-nav .index-nav-ul > li.omit-list .hide-topmenu-box .hide-topmenu-ul li:hover a { color: rgba(0, 0, 0, 0.85); } .indexV6-banner .index-nav .index-nav-ul > li.omit-list:hover .hide-topmenu-box { display: block; } .indexV6-banner .index-nav .index-nav-ul.w1200 { padding: 0 76px; } .indexV6-banner .index-nav .index-nav-ul.w1200 > li { margin-left: 0; margin-right: 60px; } .indexV6-banner .index-nav .index-nav-ul.w1200 > li:last-child { margin-right: 0; } .indexV6-banner .in-logo-box { margin: 80px auto 0; width: 1045px; } .indexV6-banner .in-logo-box .logo-box { float: left; width: 152px; display: inline-block; height: 60px; padding-right: 28px; border-right: 1px solid rgba(255, 255, 255, 0.45); } .indexV6-banner .in-logo-box .logo-box img { width: 153px; } .indexV6-banner .in-logo-box .web-tip { float: left; display: inline-block; padding-left: 28px; } .indexV6-banner .in-logo-box .web-tip .tip-p { color: #fff; letter-spacing: 2px; } .indexV6-banner .in-logo-box .web-tip .tip-p.tip-p1 { font-size: 24px; line-height: 32px; margin-bottom: 6px; } .indexV6-banner .in-logo-box .web-tip .tip-p.tip-p2 { color: rgba(255, 255, 255, 0.85); font-size: 16px; letter-spacing: 3px; line-height: 24px; } .indexV6-banner .in-search-box { width: 1045px; margin: 0 auto; height: 52px; position: relative; z-index: 20; } .indexV6-banner .in-search-box .search-box { width: 100%; height: 48px; position: relative; margin-top: 67px; border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 4px; } .indexV6-banner .in-search-box .search-box .act-entry-seac { display: inline-block; position: absolute; right: 160px; top: 9px; width: 98px; height: 28px; background: rgba(255, 255, 255, 0.85); border-radius: 15px; border: 1px solid rgba(0, 0, 0, 0.1); text-align: center; line-height: 28px; font-size: 14px; color: rgba(0, 0, 0, 0.65); } .indexV6-banner .in-search-box .search-box .act-entry-seac:hover { color: #17A1FF; } .indexV6-banner .in-search-box .search-box input[type="text"] { width: 100%; padding-right: 280px; padding-left: 16px; font-size: 16px; box-sizing: border-box; border-radius: 4px; height: 100%; background-color: rgba(255, 255, 255, 0.85); color: rgba(0, 0, 0, 0.65); } .indexV6-banner .in-search-box .search-box input[type="text"] ::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.65); } .indexV6-banner .in-search-box .search-box input[type="text"] :-moz-placeholder { color: rgba(0, 0, 0, 0.65); } .indexV6-banner .in-search-box .search-box input[type="text"] ::-moz-placeholder { color: rgba(0, 0, 0, 0.65); } .indexV6-banner .in-search-box .search-box input[type="text"] :-ms-input-placeholder { color: rgba(0, 0, 0, 0.65); } .indexV6-banner .in-search-box .search-box input[type="text"]:focus { color: rgba(0, 0, 0, 0.85); background-color: rgba(255, 255, 255, 0.95); } .indexV6-banner .in-search-box .search-box .search-Btn-box { position: absolute; right: 0; top: 0; width: 144px; height: 100%; } .indexV6-banner .in-search-box .search-box .search-Btn-box .shaow-bg { position: absolute; display: block; width: 15px; height: 280px; background: url(//static.588ku.com/imgPath/index/images/1902/indexshaow.png) no-repeat center; left: -15px; top: -160px; z-index: 0; opacity: 0.2; } .indexV6-banner .in-search-box .search-box .search-Btn-box .search-Btn { display: block; width: 100%; height: 100%; border-radius: 0 4px 4px 0; padding: 17px 0 0 36px; box-sizing: border-box; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .indexV6-banner .in-search-box .search-box .search-Btn-box .search-Btn i { font-size: 16px; color: #fff; } .indexV6-banner .in-search-box .search-box .search-Btn-box .search-Btn .icon-svg-Search { display: inline-block; width: 16px; height: 16px; background: url(//static.588ku.com/imgPath/index/images/1902/searchIcon.svg) no-repeat center / 100%; } .indexV6-banner .in-search-box .search-box .search-Btn-box .search-Btn.ys { background-color: #17A1FF; } .indexV6-banner .in-search-box .search-box .search-Btn-box .search-Btn.bg { background-color: #FA4633; } .indexV6-banner .in-search-box .search-box .search-Btn-box .search-Btn.photo { background-color: #FF5859; } .indexV6-banner .in-search-box .search-box .search-Btn-box .search-Btn.model { background-color: #FF9400; } .indexV6-banner .in-search-box .search-box .search-Btn-box .search-Btn.art { background-color: #00CFDD; } .indexV6-banner .in-search-box .search-box .search-Btn-box .search-Btn.office { background-color: #FFC001; } .indexV6-banner .in-search-box .search-box .search-Btn-box .search-Btn.ui { background-color: #1ABC9C; } .indexV6-banner .in-search-box .search-box .search-Btn-box .search-Btn.illus { background-color: #6CC90C; } .indexV6-banner .in-search-box .search-box .search-Btn-box .search-Btn.video { background-color: #6869D1; } .indexV6-banner .in-search-box .search-box .search-Btn-box .search-btn-hide { display: block; width: 100%; height: 100%; border-radius: 0 4px 4px 0; padding: 19px 0 0 44px; box-sizing: border-box; position: absolute; top: 0; right: 0; z-index: 6; cursor: pointer; } .indexV6-banner .in-search-box .search-box .search-Btn-box .search-type-list-box { width: 144px; position: absolute; z-index: 5; top: -104px; right: 0; } .indexV6-banner .in-search-box .search-box .search-Btn-box .search-type-list-box .nav-type-btn { position: absolute; font-size: 17px; color: #fff; color: rgba(255, 255, 255, 0.85); left: 74px; line-height: 9px; cursor: pointer; display: inline-block; width: 17px; height: 9px; opacity: 0.65; } .indexV6-banner .in-search-box .search-box .search-Btn-box .search-type-list-box .nav-type-btn.nav-prev { top: -9px; background: url(//static.588ku.com/imgPath/index/images/1902/IconSvgUparrow.svg) no-repeat center / 100%; } .indexV6-banner .in-search-box .search-box .search-Btn-box .search-type-list-box .nav-type-btn.nav-next { bottom: -9px; background: url(//static.588ku.com/imgPath/index/images/1902/IconSvgdownarrow.svg) no-repeat center / 100%; } .indexV6-banner .in-search-box .search-box .search-Btn-box .search-type-list-box .nav-type-btn:hover { opacity: 1; } .indexV6-banner .in-search-box .search-box .search-Btn-box .search-type-list-box .search-type-list { height: 208px; overflow: hidden; } .indexV6-banner .in-search-box .search-box .search-Btn-box .search-type-list-box .search-type-list .swiper-container { position: relative; top: 27px; } .indexV6-banner .in-search-box .search-box .search-Btn-box .search-type-list-box .search-type-list .swiper-wrapper { width: 100%; height: 208px; } .indexV6-banner .in-search-box .search-box .search-Btn-box .search-type-list-box .search-type-list .swiper-wrapper .swiper-slide { cursor: pointer; height: 48px; line-height: 48px; padding-left: 58px; box-sizing: border-box; font-size: 16px; color: #fff; color: rgba(255, 255, 255, 0.85); letter-spacing: 1px; } .indexV6-banner .in-search-box .search-box .search-Btn-box .search-type-list-box .search-type-list .swiper-wrapper .swiper-slide a { color: #fff; color: rgba(255, 255, 255, 0.85); } .indexV6-banner .in-search-box .search-box .search-Btn-box .search-type-list-box .search-type-list .swiper-wrapper .swiper-slide.swiper-slide-active, .indexV6-banner .in-search-box .search-box .search-Btn-box .search-type-list-box .search-type-list .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active { color: #fff; color: #ffffff; } .indexV6-banner .in-search-box .search-box .search-Btn-box .search-type-list-box .search-type-list .swiper-wrapper .swiper-slide.swiper-slide-active a, .indexV6-banner .in-search-box .search-box .search-Btn-box .search-type-list-box .search-type-list .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active a { color: #fff; color: #ffffff; } .indexV6-banner .in-search-box .search-box .search-sugV1 { width: 901px; } .indexV6-banner .in-search-box .search-box .search-sugV1 .banner-in-searchbox { display: block; padding: 0 24px; margin: 8px 0; font-size: 0px; } .indexV6-banner .in-search-box .search-box .sb-search-box { position: absolute; top: -40px; left: 0; } .indexV6-banner .in-search-box .search-box .sb-search-box .sb-search-list li { position: relative; } .indexV6-banner .in-search-box .search-box .sb-search-box .sb-search-list li span { color: #fff; display: block; padding: 0 10px; line-height: 40px; cursor: pointer; } .indexV6-banner .in-search-box .search-box .sb-search-box .sb-search-list li:before { position: absolute; bottom: 0; left: 50%; margin-left: -3px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #fff; border-bottom: 5px solid rgba(255, 255, 255, 0.85); } .indexV6-banner .in-search-box .search-box .sb-search-box .sb-search-list li.on:before { content: ''; } .indexV6-banner .in-search-box .search-popular { padding-left: 20px; box-sizing: border-box; margin: 12px auto 0; font-size: 14px; color: #000; line-height: 20px; height: 20px; overflow: hidden; letter-spacing: 0.2px; color: rgba(0, 0, 0, 0.8); } .indexV6-banner .in-search-box .search-popular .search-popular-title { color: rgba(255, 255, 255, 0.85); float: left; } .indexV6-banner .in-search-box .search-popular .search-popular-list a { color: rgba(255, 255, 255, 0.85); } .indexV6-banner .in-search-box .search-popular .search-popular-list a:hover { color: #fff; } .indexV6-banner .in-search-box .search-popular .search-popular-list li { float: left; padding: 0 10px; } /*头部banner*/ /*头部轮播图start*/ /* banner */ .qk-banner { height: 360px; overflow: hidden; margin: -66px auto 0; margin: 93px auto 0; position: relative; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(42, 42, 42, 0.1); border-radius: 4px; /*字体库入口banner*/ } .qk-banner .Font-enterV1 { display: block; width: 280px; height: 73px; position: absolute; right: 0; bottom: 0px; z-index: 11; } .qk-banner .Font-enterV1 .font-enter-box { display: block; width: 280px; height: 73px; position: absolute; right: 0; top: 0px; z-index: 1; background: url(//static.588ku.com/imgPath/Font/images/font-enterV1.png) no-repeat right bottom / 100%; } .qk-banner .Font-enterV1 .sucai-enter-box { display: block; width: 264px; height: 73px; position: absolute; right: 0; top: 0px; z-index: 1; background: url(//static.588ku.com/imgPath/Font/images/compy-enter.png?V=190321) no-repeat right bottom / 100%; } .qk-banner .Font-enterV1 .font-enter-btm { width: 245px; height: 73px; right: 0; top: 0px; z-index: 0; position: absolute; background: url(//static.588ku.com/imgPath/Font/images/font-enterV1btm.png) no-repeat right bottom / 100%; -moz-transition: right 0.2s; -ms-transition: right 0.2s; -webkit-transition: right 0.2s; transition: right 0.2s; } .qk-banner .Font-enterV1 .font-enter-btm .arrow-icon { display: none; width: 22px; height: 19px; margin-left: 28px; margin-top: 31px; background: url(//static.588ku.com/imgPath/Font/images/font-enterV1arrow.svg) no-repeat center; } .qk-banner .Font-enterV1 .sucai-enter-btm { width: 249px; background: url(//static.588ku.com/imgPath/Font/images/compy-enter-btm.png) no-repeat right bottom / 100%; } .qk-banner .Font-enterV1:hover .font-enter-btm { right: 64px; } .qk-banner .Font-enterV1:hover .font-enter-btm .arrow-icon { display: inline-block; } .qk-banner .slide { width: 100%; height: 100%; overflow: hidden; position: relative; border-radius: 4px; } .qk-banner .slide .banner-img { width: 1200px !important; height: 360px !important; } .qk-banner .slide .banner-img > div { width: 100% !important; float: left; height: 100%; height: inherit; } .qk-banner .slide .banner-img a { width: 100%; height: 356px; position: relative; display: block; margin: 0 auto; } .qk-banner .slide .banner-img a .org-icon { position: absolute; top: 24px; left: 24px; width: 26px; height: 30px; z-index: 2; background: url(//static.588ku.com/imgPath/public/images/Icon/orgIconblue.svg) no-repeat center / 100%; } .qk-banner .slide .banner-img a .banner-text { position: absolute; top: 24px; right: 24px; width: 56px; height: 26px; line-height: 26px; text-align: center; background-color: rgba(0, 0, 0, 0.4); border-radius: 4px; color: #fff; font-size: 14px; } .qk-banner .slide .banner-img a img { width: 100%; } .qk-banner .slide .tabs { position: absolute; clear: both; height: 10px; line-height: 10px; left: 50%; text-align: center; bottom: 10px; text-align: right; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .qk-banner .slide .tabs a { width: 8px; height: 8px; border-radius: 20px; display: inline-block; font-size: 1px; -moz-transition: all .2s; -webkit-transition: all .2s; transition: all .2s; margin: 0px 6px; cursor: pointer; position: relative; border: 1px solid #fff; } .qk-banner .slide .tabs a:before, .qk-banner .slide .tabs a:after { content: ""; display: block; position: absolute; left: 0; width: 100%; } .qk-banner .slide .tabs a:before { top: 0; padding-top: 20px; } .qk-banner .slide .tabs a:after { bottom: 0; padding-bottom: 20px; } .qk-banner .slide .tabs a:hover, .qk-banner .slide .tabs a.on { background-color: #fff; } .qk-banner .slide .backward { left: 0px; } .qk-banner .slide .backward i { background-image: url(//static.588ku.com/imgPath/index/images180509/prev-icon.png); } .qk-banner .slide .forward { right: 0; } .qk-banner .slide .forward i { background-image: url(//static.588ku.com/imgPath/index/images180509/next-icon.png); } .qk-banner .slide .cut-btn { position: absolute; overflow: hidden; cursor: pointer; font-size: 0; top: 0; width: 98px; height: 100%; -webkit-transition: opacity .2s; transition: opacity .2s; background: url(about:blank); } .qk-banner .slide .cut-btn i { display: none; position: absolute; top: 50%; left: 50%; width: 30px; height: 51px; line-height: 47px; margin-top: -25px; margin-left: -15px; text-align: center; color: #fff; -webkit-transition: all .2s; transition: all .2s; background-repeat: no-repeat; background-position: center; opacity: 0.7; filter: alpha(opacity=70); } .qk-banner .slide .cut-btn:hover i { opacity: 0.95; filter: alpha(opacity=95); } .qk-banner .slide:hover .cut-btn i { display: block; } /*头部轮播图end*/ /*优质精品推荐 start*/ .index-topic-title { padding-top: 58px; padding-bottom: 24px; text-align: center; position: relative; } .index-topic-title .center-tle { font-size: 24px; color: rgba(0, 0, 0, 0.85); line-height: 32px; display: inline-block; } .index-topic-title .topic-right-more { position: absolute; right: 0; top: 63px; } .index-topic-title .topic-right-more .hot-down, .index-topic-title .topic-right-more .more-link { color: #17A1FF; display: inline-block; font-size: 14px; line-height: 22px; } .index-topic-title .topic-right-more .hot-down i, .index-topic-title .topic-right-more .more-link i { display: inline-block; margin-left: 2px; font-size: 12px; color: #17A1FF; -moz-transform: scale(0.8); -ms-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8); } .index-topic-title .topic-right-more .hot-down:hover, .index-topic-title .topic-right-more .more-link:hover { opacity: 0.9; } .index-topic-title .topic-right-more .hot-down { margin-right: 16px; } .groom-box { padding-bottom: 48px; } .groom-box .index-topic-title { padding-top: 40px; } .module-entry-wrap .entry-box { width: 285px; height: 191px; border-radius: 4px; margin-right: 20px; overflow: hidden; } .module-entry-wrap .entry-box:last-child { margin-right: 0; } .module-entry-wrap .entry-box > a { position: relative; display: block; width: 100%; height: 100%; } .module-entry-wrap .entry-box > a img { width: 100%; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; transition: all .4s; } .module-entry-wrap .entry-box > a .entb-hover { color: #fff; font-size: 20px; position: absolute; bottom: 0; left: 0; text-align: center; width: 100%; padding-top: 44px; height: 76px; box-sizing: border-box; background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); background: linear-gradient(180deg, rgba(149, 149, 149, 0) 0%, rgba(255, 255, 255, 0.6) 100%); -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; transition: all .2s; } .module-entry-wrap .entry-box > a .entb-hover span { padding: 0px 10px 5px; position: relative; max-width: 100%; box-sizing: border-box; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: rgba(0, 0, 0, 0.85); line-height: 24px; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; transition: all .2s; } .module-entry-wrap .entry-box > a .entb-hover-center { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.3); background-color: rgba(14, 22, 32, 0.4); opacity: 0; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; transition: all .4s; } .module-entry-wrap .entry-box > a .entb-hover-center span { font-size: 20px; color: #fff; display: block; margin: 0 auto; position: relative; top: 50%; text-align: center; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .module-entry-wrap .entry-box > a .entb-hover-btm { color: #fff; font-size: 20px; position: absolute; bottom: 0; left: 0; text-align: center; width: 100%; padding-top: 44px; height: 76px; box-sizing: border-box; background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(14, 22, 32, 0.4)); -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; transition: all .4s; } .module-entry-wrap .entry-box > a .entb-hover-btm span { position: absolute; bottom: 0; left: 0; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; transition: all .4s; padding: 0px 10px 5px; position: relative; max-width: 100%; box-sizing: border-box; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #fff; line-height: 24px; } .module-entry-wrap .entry-box > a:hover img { -moz-transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); } .module-entry-wrap .entry-box > a:hover .entb-hover { height: 100%; padding-top: 0; background: rgba(0, 0, 0, 0.45); } .module-entry-wrap .entry-box > a:hover .entb-hover span { font-size: 20px; color: #fff; line-height: 28px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); } .module-entry-wrap .entry-box > a:hover .entb-hover-btm span { bottom: -50px; } .module-entry-wrap .entry-box > a:hover .entb-hover-center { opacity: 1; } /*优质精品推荐end*/ /*各个专题模块样式 start*/ .index-topic-boxs { background-color: #F9F9F9; width: 100%; } .index-topic-boxs .inner-topicBox { padding-bottom: 48px; /*元素艺术字*/ /*所有包含竖图和横图*/ /*视频*/ } .index-topic-boxs .inner-topicBox .st-show-box li img { -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; transition: all .4s; } .index-topic-boxs .inner-topicBox .st-show-box li .entb-hover { color: #fff; font-size: 20px; position: absolute; bottom: 0; left: 0; text-align: center; width: 100%; padding-top: 44px; height: 76px; box-sizing: border-box; background: linear-gradient(180deg, rgba(229, 229, 229, 0) 0%, rgba(255, 255, 255, 0.6) 100%); -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; transition: all .2s; } .index-topic-boxs .inner-topicBox .st-show-box li .entb-hover .info-box { position: absolute; bottom: 0; width: 100%; height: auto; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; transition: all .2s; } .index-topic-boxs .inner-topicBox .st-show-box li .entb-hover .info-box .in-title-box { height: 32px; display: block; } .index-topic-boxs .inner-topicBox .st-show-box li .entb-hover .info-box .in-title, .index-topic-boxs .inner-topicBox .st-show-box li .entb-hover .info-box .in-num { display: block; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; transition: all .2s; } .index-topic-boxs .inner-topicBox .st-show-box li .entb-hover .info-box .in-title { max-width: 216px; line-height: 28px; display: inline-block; padding: 0px 0 4px; } .index-topic-boxs .inner-topicBox .st-show-box li .entb-hover .info-box .in-num { display: none; font-size: 16px; color: rgba(255, 255, 255, 0.85); line-height: 24px; padding-top: 12px; } .index-topic-boxs .inner-topicBox .st-show-box li .entb-hover span { position: relative; max-width: 100%; box-sizing: border-box; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: rgba(0, 0, 0, 0.85); line-height: 24px; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; transition: all .2s; } .index-topic-boxs .inner-topicBox .st-show-box li .entb-hover-center { width: 100%; height: 100%; z-index: 2; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.3); background-color: rgba(25, 37, 55, 0.8); background-color: rgba(14, 22, 32, 0.4); opacity: 0; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; transition: all .4s; } .index-topic-boxs .inner-topicBox .st-show-box li .entb-hover-center .info-box { top: 50%; text-align: center; position: relative; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); } .index-topic-boxs .inner-topicBox .st-show-box li .entb-hover-center .info-box .in-title, .index-topic-boxs .inner-topicBox .st-show-box li .entb-hover-center .info-box .in-num { position: relative; padding: 5px 0; color: #fff; color: rgba(255, 255, 255, 0.85); } .index-topic-boxs .inner-topicBox .st-show-box li .entb-hover-center .info-box .in-title { font-size: 20px; line-height: 28px; display: inline-block; width: 100%; padding: 0 41px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .index-topic-boxs .inner-topicBox .st-show-box li .entb-hover-center .info-box .in-title:before { position: absolute; bottom: 0; width: 102px; left: 50%; margin-left: -51px; height: 1px; background-color: rgba(255, 255, 255, 0.25); } .index-topic-boxs .inner-topicBox .st-show-box li .entb-hover-center .info-box .in-num { display: block; } .index-topic-boxs .inner-topicBox .st-show-box li .entb-hover-btm { z-index: 1; color: #fff; font-size: 20px; position: absolute; bottom: 0; left: 0; text-align: center; width: 100%; padding-top: 44px; height: 76px; box-sizing: border-box; background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(25, 37, 55, 0.8)); background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(14, 22, 32, 0.4)); -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; transition: all .4s; } .index-topic-boxs .inner-topicBox .st-show-box li .entb-hover-btm span { position: absolute; bottom: 0; left: 0; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; transition: all .4s; padding: 0px 10px 5px; position: relative; max-width: 100%; box-sizing: border-box; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #fff; line-height: 24px; } .index-topic-boxs .inner-topicBox .st-show-box li:hover .entb-hover, .index-topic-boxs .inner-topicBox .st-show-box li.on .entb-hover { height: 100%; padding-top: 0; background: rgba(0, 0, 0, 0.45); } .index-topic-boxs .inner-topicBox .st-show-box li:hover .entb-hover .info-box, .index-topic-boxs .inner-topicBox .st-show-box li.on .entb-hover .info-box { bottom: 50%; transform: translateY(50%); -webkit-transform: translateY(50%); -ms-transform: translateY(50%); -moz-transform: translateY(50%); -o-transform: translateY(50%); } .index-topic-boxs .inner-topicBox .st-show-box li:hover .entb-hover .info-box .in-title, .index-topic-boxs .inner-topicBox .st-show-box li.on .entb-hover .info-box .in-title, .index-topic-boxs .inner-topicBox .st-show-box li:hover .entb-hover .info-box .in-num, .index-topic-boxs .inner-topicBox .st-show-box li.on .entb-hover .info-box .in-num { color: #fff; color: rgba(255, 255, 255, 0.85); } .index-topic-boxs .inner-topicBox .st-show-box li:hover .entb-hover .info-box .in-title, .index-topic-boxs .inner-topicBox .st-show-box li.on .entb-hover .info-box .in-title { font-size: 20px; display: inline-block; } .index-topic-boxs .inner-topicBox .st-show-box li:hover .entb-hover .info-box .in-title:before, .index-topic-boxs .inner-topicBox .st-show-box li.on .entb-hover .info-box .in-title:before { position: absolute; bottom: 0; width: 102px; left: 50%; margin-left: -51px; height: 1px; background-color: rgba(255, 255, 255, 0.25); } .index-topic-boxs .inner-topicBox .st-show-box li:hover .entb-hover .info-box .in-num, .index-topic-boxs .inner-topicBox .st-show-box li.on .entb-hover .info-box .in-num { display: block; } .index-topic-boxs .inner-topicBox .st-show-box li:hover img, .index-topic-boxs .inner-topicBox .st-show-box li.on img { -moz-transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); } .index-topic-boxs .inner-topicBox .st-show-box li:hover .entb-hover, .index-topic-boxs .inner-topicBox .st-show-box li.on .entb-hover { height: 100%; padding-top: 0; background: rgba(0, 0, 0, 0.45); } .index-topic-boxs .inner-topicBox .st-show-box li:hover .entb-hover span, .index-topic-boxs .inner-topicBox .st-show-box li.on .entb-hover span { font-size: 20px; color: #fff; line-height: 28px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); } .index-topic-boxs .inner-topicBox .st-show-box li:hover .entb-hover-btm span, .index-topic-boxs .inner-topicBox .st-show-box li.on .entb-hover-btm span { bottom: -50px; } .index-topic-boxs .inner-topicBox .st-show-box li:hover .entb-hover-center, .index-topic-boxs .inner-topicBox .st-show-box li.on .entb-hover-center { opacity: 1; } .index-topic-boxs .inner-topicBox .png-box .stContent-Box .st-show-box li { width: 224px; height: 224px; position: relative; border-radius: 4px; margin-right: 20px; overflow: hidden; margin-bottom: 20px; } .index-topic-boxs .inner-topicBox .png-box .stContent-Box .st-show-box li:nth-child(5n+5) { margin-right: 0; } .index-topic-boxs .inner-topicBox .png-box .stContent-Box .st-show-box li:nth-child(n+5) { margin-bottom: 0; } .index-topic-boxs .inner-topicBox .png-box .stContent-Box .st-show-box li .img-box { position: relative; width: 100%; height: 100%; background-color: #e7e7e7; } .index-topic-boxs .inner-topicBox .png-box .stContent-Box .st-show-box li .img-box img { width: 100%; } .index-topic-boxs .inner-topicBox .longimg-box .stContent-Box .st-show-box li { width: 285px; height: 400px; position: relative; border-radius: 4px; margin-right: 20px; overflow: hidden; margin-bottom: 20px; } .index-topic-boxs .inner-topicBox .longimg-box .stContent-Box .st-show-box li:nth-child(4n+4) { margin-right: 0; } .index-topic-boxs .inner-topicBox .longimg-box .stContent-Box .st-show-box li:nth-child(5n+1) { margin-bottom: 0; } .index-topic-boxs .inner-topicBox .longimg-box .stContent-Box .st-show-box li .img-box { position: relative; width: 100%; height: 100%; background-color: #e7e7e7; } .index-topic-boxs .inner-topicBox .longimg-box .stContent-Box .st-show-box li .img-box img { max-width: 100%; } .index-topic-boxs .inner-topicBox .longimg-box .stContent-Box .st-show-box.st-tp-vertical li { width: 285px; height: 400px; height: 394px; } .index-topic-boxs .inner-topicBox .longimg-box .stContent-Box .st-show-box.st-tp-across li { width: 590px; margin-bottom: 0; height: 225px; } .index-topic-boxs .inner-topicBox .longimg-box .stContent-Box .st-show-box.st-tp-across li:nth-child(2n+2) { margin-right: 0; } .index-topic-boxs .inner-topicBox .longimg-box .stContent-Box .st-show-box.st-office-vertical li { width: 285px; height: 450px; margin-bottom: 0; } .index-topic-boxs .inner-topicBox .longimg-box .stContent-Box .st-show-box.st-UI-vertical li { width: 285px; height: 450px; margin-bottom: 0; } .index-topic-boxs .inner-topicBox .video-box .stContent-Box .st-show-box li { width: 285px; height: 160px; width: 385px; height: 216px; position: relative; border-radius: 4px; margin-right: 20px; overflow: hidden; margin-bottom: 20px; } .index-topic-boxs .inner-topicBox .video-box .stContent-Box .st-show-box li:nth-child(3n+3) { margin-right: 0; } .index-topic-boxs .inner-topicBox .video-box .stContent-Box .st-show-box li video { display: none; max-width: 100%; width: 100%; position: relative; top: 50%; -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); background: #fff url(//static.588ku.com/imgPath/public/images/Icon/playloading.gif) no-repeat center; } .index-topic-boxs .inner-topicBox .video-box .stContent-Box .st-show-box li .img-box { position: relative; width: 100%; height: 100%; background-color: #fff; } .index-topic-boxs .inner-topicBox .video-box .stContent-Box .st-show-box li .img-box img { max-width: 100%; width: 100%; } .index-topic-boxs .inner-topicBox .video-box .stContent-Box .st-show-box li .entb-hover-btm { color: #fff; font-size: 20px; position: absolute; bottom: 0; left: 0; text-align: center; width: 100%; padding-top: 44px; height: 76px; box-sizing: border-box; background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(14, 22, 32, 0.4)); -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; transition: all .4s; } .index-topic-boxs .inner-topicBox .video-box .stContent-Box .st-show-box li .entb-hover-btm span { position: absolute; bottom: 0; left: 0; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; transition: all .4s; padding: 0px 10px 5px; position: relative; max-width: 100%; box-sizing: border-box; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #fff; line-height: 24px; } .index-topic-boxs .inner-topicBox .video-box .stContent-Box .st-show-box li:hover .entb-hover { display: none; } .index-topic-boxs .inner-topicBox .video-box .stContent-Box .st-show-box li:hover .entb-hover-btm { bottom: -100px; } /*各个专题模块样式 end*/ /*合作客户 strat*/ .highQua-cust-wrap .coop-type-box { padding-bottom: 25px; } .highQua-cust-wrap .coop-type-box ul { text-align: center; } .highQua-cust-wrap .coop-type-box ul li { display: inline-block; margin-right: 48px; } .highQua-cust-wrap .coop-type-box ul li:last-child { margin-right: 0; } .highQua-cust-wrap .coop-type-box ul li a { display: block; font-size: 16px; color: rgba(0, 0, 0, 0.85); line-height: 24px; padding-bottom: 4px; position: relative; } .highQua-cust-wrap .coop-type-box ul li a:after { position: absolute; width: 100%; height: 4px; border-radius: 2px; background-color: #17A1FF; bottom: -4px; left: 0; } .highQua-cust-wrap .coop-type-box ul li:hover a:after, .highQua-cust-wrap .coop-type-box ul li.on a:after { content: ''; } .highQua-cust-wrap .coop-box .coop-list { width: 224px; height: 157px; background-color: #F9F9F9; position: relative; border-radius: 4px; text-align: center; margin-right: 20px; margin-bottom: 20px; } .highQua-cust-wrap .coop-box .coop-list:nth-child(5n+5) { margin-right: 0; } .highQua-cust-wrap .coop-box .coop-list:nth-child(n+6) { margin-bottom: 0; } .highQua-cust-wrap .coop-box .coop-list .in-hover { z-index: 2; position: absolute; top: 0; left: 0; visibility: hidden; opacity: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.45); background-color: rgba(14, 22, 32, 0.6); border-radius: 4px; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; transition: all .2s; } .highQua-cust-wrap .coop-box .coop-list .in-hover span { display: inline-block; max-width: 140px; font-size: 14px; color: rgba(255, 255, 255, 0.85); line-height: 22px; position: relative; vertical-align: middle; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .highQua-cust-wrap .coop-box .coop-list > img { position: relative; display: block !important; margin: 0 auto; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .highQua-cust-wrap .coop-box .coop-list:hover .in-hover { visibility: visible; opacity: 1; } .highQua-cust-wrap .coop-box .coop-list .partner-logo { position: relative; display: block; font-size: 31px; margin: 0 auto; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .highQua-cust-wrap .coop-box .coop-list .partner-logo.aqy { color: #4dc469; } .highQua-cust-wrap .coop-box .coop-list .partner-logo.bd { color: #3d85ff; } .highQua-cust-wrap .coop-box .coop-list .partner-logo.jd { color: #d4312b; } .highQua-cust-wrap .coop-box .coop-list .partner-logo.pa { color: #ff7000; } .highQua-cust-wrap .coop-box .coop-list .partner-logo.elm { color: #1699ff; } .highQua-cust-wrap .coop-box .coop-list .partner-logo.albb { color: #ff7600; } /*合作客户end*/ /*关于我们,友情链接等 start*/ .ku-footer-wrap { margin-top: 100px; } .ku-footer-wrap .footer-box { padding-bottom: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .ku-footer-wrap .footer-box .footer-l-logo { height: 165px; width: 214px; border-right: 1px solid rgba(0, 0, 0, 0.05); margin-right: 46px; } .ku-footer-wrap .footer-box .footer-l-logo img { width: 144px; display: block; margin: 50px auto 0; } .ku-footer-wrap .footer-box .explain-box { margin-right: 64px; } .ku-footer-wrap .footer-box .explain-box dt { font-size: 14px; color: #000; color: rgba(0, 0, 0, 0.85); line-height: 24px; padding-bottom: 20px; } .ku-footer-wrap .footer-box .explain-box dt a { color: rgba(0, 0, 0, 0.65); } .ku-footer-wrap .footer-box .explain-box dd { font-size: 14px; color: #4a4a4a; line-height: 20px; margin-bottom: 6px; } .ku-footer-wrap .footer-box .explain-box dd:last-child { margin-bottom: 0; } .ku-footer-wrap .footer-box .explain-box dd a { color: rgba(0, 0, 0, 0.65); } .ku-footer-wrap .footer-box .explain-box dd a:hover { color: rgba(0, 0, 0, 0.85); } .ku-footer-wrap .control-handle { margin-top: 36px; padding-bottom: 5px; } .ku-footer-wrap .control-handle .kefu-call-btnV1 { margin-top: -6px; } .ku-footer-wrap .control-handle .control-btn { font-size: 14px; color: rgba(0, 0, 0, 0.65); line-height: 22px; } .ku-footer-wrap .control-handle .control-btn i { color: rgba(0, 0, 0, 0.65); } .ku-footer-wrap .control-handle .icon-logo { margin-top: -10px; } .ku-footer-wrap .control-handle .icon-logo .sina { margin-right: 16px; color: #F75D49; } .ku-footer-wrap .control-handle .icon-logo .wx { color: #5CC157; } .ku-footer-wrap .control-handle .icon-logo > a:hover { opacity: 0.8; } .ku-footer-wrap .control-handle .icon-logo-wechat, .ku-footer-wrap .control-handle .icon-logo-weibo { font-size: 35px; position: relative; display: inline-block; } .ku-footer-wrap .control-handle .icon-logo-wechat img, .ku-footer-wrap .control-handle .icon-logo-weibo img { display: none; position: absolute; bottom: 50px; left: 50%; margin-left: -57px; width: 114px; height: 114px; } .ku-footer-wrap .control-handle .icon-logo-wechat:hover img { display: block; } .ku-footer-wrap .control-handle .connet_link { margin-left: 0; min-height: 60px; } .ku-footer-wrap .control-handle .connet_link ul li { margin-left: 0; margin-right: 24px; } .ku-footer-wrap .control-handle .connet_link ul li:hover { color: #17A1FF; } .ku-footer-wrap .control-handle .connet_link ul li:hover a { color: #17A1FF; } .ku-footer-wrap .control-handle .friendLink { margin-top: 0; } .ku-footer-wrap .control-handle .remeng { margin-right: 24px; font-size: 16px; } /*关于我们,友情链接等 end*/ /*底部备案 start*/ /*举报专区样式 tsrat*/ .foot-ICP { padding: 0 0 10px 0; border-top: 0; } .foot-ICP .w1200 { margin-top: 12px; padding-top: 18px; border-top: 1px solid rgba(0, 0, 0, 0.05); } .foot-ICP .w1680 { border-top: 1px solid rgba(0, 0, 0, 0.05); width: 1200px; } .foot-ICP .footer-info { margin-bottom: 10px; text-align: left; } .foot-ICP .footer-info ul { display: inline-block; padding: 10px 0; } .foot-ICP .footer-info ul li { color: #7b7b7b; padding: 0 10px 0; padding-left: 10px; border-right: 1px solid #666; line-height: 12px; } .foot-ICP .footer-info ul li:first-child { padding-left: 0; } .foot-ICP .footer-info ul li:last-child { border-right: 0; } .foot-ICP .footer-info ul li a { color: #7b7b7b; } .foot-ICP .footer-info ul li a:hover { text-decoration: underline; color: #fff; color: #333; } /*底部备案 end*/ /*首页专题列表数据hover start*/ .center-hover-p { height: 200px; } .center-hover-p .img-info { width: 100%; position: absolute; left: 0; bottom: 0; letter-spacing: 1.14px; background: rgba(0, 0, 0, 0.3); height: 70px; padding: 32px 0 0 0px; text-align: left; box-sizing: border-box; background: url(//static.588ku.com/imgPath/public/images/all-hoverbg.png) repeat 0 0; font-size: 18px; color: #FFFFFF; transition: height 0.2s,background 0.2s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; } .center-hover-p .img-info .number, .center-hover-p .img-info .look { letter-spacing: 0.2px; color: #fff; display: block; text-align: center; width: 100%; } .center-hover-p .img-info .number { color: #fff; float: none; } .center-hover-p .img-info .table-cell { width: 100%; padding: 0 15px; display: table-cell; vertical-align: middle; position: absolute; top: 30px; line-height: 40px; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; transition: all .2s; box-sizing: border-box; margin-bottom: 0px; } .center-hover-p .img-info .title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 103px; padding: 0 12px; max-width: 98%; border-bottom: 1px solid transparent; box-sizing: border-box; display: inline-block; text-align: center; color: #fff; margin: 0 auto; width: auto; float: none; } .center-hover-p .img-info .img-outside { width: 100%; height: 100%; display: block; position: relative; padding: 0; } .center-hover-p:hover .img-info { display: block; width: 100%; height: 100%; padding: 0; background-position: 0 -70px; } .center-hover-p:hover .img-info .table-cell { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); } .center-hover-p:hover .img-info .title { border-bottom: 1px solid #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.6); margin: 0 auto; } .center-hover-p:hover .img-info .title:hover { color: #fff; } .center-hover-p .img-box { height: 100%; } /*首页专题列表数据hover end*/ .nax-box { width: 100%; height: 60px; } @media screen and (max-width: 1442px) { .indexV6-banner .index-nav .index-nav-ul-box.w1680 .index-nav-ul > li { margin-left: 27px; margin-right: 27px; } .indexV6-banner .index-nav .index-nav-ul-box.w1680 .index-nav-ul > li:nth-child(11), .indexV6-banner .index-nav .index-nav-ul-box.w1680 .index-nav-ul > li:nth-child(10) { display: none; } .indexV6-banner .index-nav .index-nav-ul-box.w1680 .index-nav-ul > li.omit-list { display: block; } .indexV6-banner .index-nav .index-nav-ul-box.w1680 .index-nav-ul > li.omit-list .hide-topmenu-box .hide-topmenu-ul li:nth-child(4), .indexV6-banner .index-nav .index-nav-ul-box.w1680 .index-nav-ul > li.omit-list .hide-topmenu-box .hide-topmenu-ul li:nth-child(5) { display: block; } } #li-advert, #li-advert1 { width: 100%; height: auto; line-height: normal; } #li-advert > div, #li-advert1 > div { width: 100%; padding: 0; } #li-advert > div a, #li-advert1 > div a { width: 100%; margin: 0; } #li-advert > div a img, #li-advert1 > div a img { width: 100%; height: auto; display: block; }