@charset "utf-8"; /* ----------------Reset Css---------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, input{margin: 0;padding: 0;border:0;font-size: 100%;font: inherit;vertical-align: baseline;} html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6{-webkit-text-size-adjust: none;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;} html{overflow-y:scroll;} body{font-family: "Microsoft yahei",arial, "PingFangSC-Regular", sans-serif; font-size: 14px;color:#000000;min-width: 1200px} a{color: #000;text-decoration:none} ol, ul{list-style: none;} blockquote, q{quotes: none;} blockquote:before, blockquote:after, q:before, q:after{content: '';content: none;} ins{text-decoration: none;} del{text-decoration: line-through;} table{border-collapse: collapse;border-spacing: 0;} .clear{clear: both;} .fl{float:left} .fr{float:right} .clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0} * html .clearfix{height:1%} .db{display:block} .w1200,.w1201{ width: 1200px; margin: 0 auto; } .hidden{ overflow:hidden; } /* iconfont全站图标 */ @font-face {font-family: "iconfont"; src: url('//js.588ku.com/comp/public/iconfont/iconfont.eot?181119'); /* IE9*/ src: url('//js.588ku.com/comp/public/iconfont/iconfont.eot#iefix?181119') format('embedded-opentype'), /* IE6-IE8 */ url('//js.588ku.com/comp/public/iconfont/iconfont.woff?181119') format('woff'), url('//js.588ku.com/comp/public/iconfont/iconfont.ttf?181119') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('//js.588ku.com/comp/public/iconfont/iconfont.svg?181119') format('svg'); /* iOS 4.1- */ } .iconfont { font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-qunfengqq:before { content: "\e6e3"; } .icon-logo-weibo:before { content: "\e618"; } .icon-logo-wechat:before { content: "\e619"; } .icon-dianzan:before { content: "\e60c"; } .icon-zuanshi:before { content: "\e64c"; } .icon-angle-down:before { content: "\e632"; } .icon-angle-up:before { content: "\e633"; } .icon-angle-left:before { content: "\e634"; } .icon-angle-right:before { content: "\e635"; } .icon-long-arrow-left:before { content: "\e636"; } .icon-close:before { content: "\e637"; } .icon-long-arrow-right:before { content: "\e638"; } .icon-ok:before { content: "\e642"; } .icon-qq:before { content: "\e614"; } .icon-zhifubao:before { content: "\e616"; } .icon-weixinzhifu:before { content: "\e60b"; } .icon-weixinzhifu1:before { content: "\e751"; } .icon-guanbi:before { content: "\e69e"; } .icon-zuanshi-copy:before { content: "\e6e4"; } .icon-icon-test:before { content: "\e600"; } .icon-icon-test1:before { content: "\e601"; } .icon-icon-test2:before { content: "\e602"; } .icon-icon-test3:before { content: "\e603"; } .icon-Star:before { content: "\e604"; } .icon-ArrowRight:before { content: "\e606"; } .icon-ShangYong:before { content: "\e607"; } .icon-Search:before { content: "\e605"; } .icon-HOT:before { content: "\e608"; } .icon-new:before { content: "\e609"; } .icon-new1:before { content: "\e60a"; } .icon-system-youqiehuan:before { content: "\e60e"; } .icon-system-zuoxiehuan:before { content: "\e60f"; } /* 新加入图标覆盖引入文件后往此处添加 */ /**** 头部搜索 ****/ .view-search { width: 590px; height: 38px; line-height: 38px; padding: 0 12px 0 10px; margin: 20px 18px 0 15px; border: 1px #0c3564 solid; position: relative; background:#fff; } .view-search .view-search-input{ width: 100%; height: 38px; line-height: 38px; outline: none; border: none; color: #898989;} .view-search .search-but .search-icon{background: url(//static.588ku.com/imgPath/public/images/public-icon.png) no-repeat -165px -24px;width: 22px;height:22px;display: inline-block;margin-right: 7px;vertical-align: -5px; } .view-search .search-but{ position: absolute;top: 0px;right: 0px;width: 70px;height: 38px;background: #1c9be4;border-left: 1px #0c3564 solid;} .view-search .search-but:hover .search-icon{ background-position: -195px -24px; } /****2016-11-22 新版首页用户信息下拉框样式修改 ****/ .user-drop .info-top { padding: 20px 8px;overflow: hidden; border-bottom: 1px dashed #cbcbcb; } .user-drop .top-left{padding-left: 15px;} .user-drop .info-top .head-pic{ width: 46px; height: 46px; border-radius: 50%;} .user-drop .user-name .name-id{ color: #1865c2;} .user-drop .vip-show{ overflow: hidden;} .user-drop .vip-show li{ color: #000000; font-size: 12px; margin-right: 33px; } .user-drop .vip-show li i{display: inline-block;} .user-drop .top-right{min-width: 308px;} .user-drop .top-right .user-name{ color: #2f2f2f;padding-left: 10px; } .user-drop .renew-vip{ padding-top: 5px; } .user-drop .renew-vip a{ width: 125px; height: 20px; line-height: 20px; text-align: center; display: inline-block; background: #fffbe7; border: 1px solid #f1e9bf; font-size: 12px; color: #e90101; margin-right: 15px; } .user-drop .renew-vip a:hover{ opacity: .9; color: #499ef2; } .user-drop .info-center { padding: 20px 0 28px 0; overflow: hidden; } .user-drop .info-center .classify{ color: #2c2c2c; padding-left: 20px; } .user-drop .info-center .classify dt{ text-align: center; padding-bottom: 11px; } .user-drop .info-center .classify dd{ padding: 0 10px;text-align: center; } .user-drop .info-center .classify .number{ color: #155fbc; font-size: 36px; } .user-drop .info-center .classify .no-number{ color: #e30000; } .user-drop .info-bottom{ height: 35px; line-height: 35px; border-top:1px dashed #c8c8c8;padding: 0 80px;} .user-drop .info-bottom i{ background: url(//static.588ku.com/imgPath/public/images/public-icon.png) no-repeat -111px -30px; width: 16px; height: 16px; display: inline-block; margin-right: 9px; vertical-align: -3px; } .user-drop .info-bottom .bottom-vip-icon{ background-position: -137px -30px; } .user-drop .info-bottom .bottom-sc-icon{ background-position: -136px -572px; } .user-drop .info-bottom .bottom-update-icon{ background-position: -174px -570px; } .user-drop .info-bottom:hover{background: #d7e9ff;} .user-drop .info-bottom a{ margin-right: 28px; color: #232323; } .user-drop .info-bottom .quit:hover{ color: #499ef2; } .user-drop .red-vip-icon{ background-position: 0 -70px; } .icon-show .red-vip-icon{ background-position: 0 -70px; } .user-drop .user-name .sign-out{ color:#1f67bf; display:inline-block;} /**** 用户信息下拉框我的勋章 ****/ .info-medal{ height:62px; background-color: #e2f4fe} .info-medal .own{ display: inline-block; width:40px; height:45px; float: left; margin-left:20px; margin-top:12px; margin-right:10px;color: #333; font-size: 14px;} .img-medal{ float: left; height: 35px; line-height: 35px; margin-top:13px;position: relative; width:330px; padding-left: 20px;} .img-medal span { display: inline-block; width:43px; height: 100%; margin-right: 10px;} .img-medal span i{ display:inline-block; width: 43px; height: 35px; } .img-medal .medal-62 i{ background:url(//js.588ku.com/comp/public/images/icon.png) no-repeat 0 -64px} .img-medal .medal-63 i{ background:url(//js.588ku.com/comp/public/images/icon.png) no-repeat -60px -64px;margin-right:0px;} .img-medal .medal-61 i{ background:url(//js.588ku.com/comp/public/images/icon.png) no-repeat -121px -64px} .img-medal .medal-60 i{ background:url(//js.588ku.com/comp/public/images/icon.png) no-repeat -181px -64px; } .img-medal .medal-62-none i{ background:url(//js.588ku.com/comp/public/images/icon.png) no-repeat -195px -121px} .img-medal .medal-63-none i{ background:url(//js.588ku.com/comp/public/images/icon.png) no-repeat -243px -121px;margin-right:0px;} .img-medal .medal-61-none i{ background:url(//js.588ku.com/comp/public/images/icon.png) no-repeat -94px -121px} .img-medal .medal-60-none i{ background:url(//js.588ku.com/comp/public/images/icon.png) no-repeat -144px -121px; } .img-medal .left,.img-medal .right{ display: inline-block; width: 16px;width:7px !important; height: 16px !important; } .img-medal .left i{ display:inline-block; width:7px !important; height: 16px !important; background: url(//js.588ku.com/comp/share/images/icon-click.png) 0 0 ; position: absolute;top:10px; left: 0; cursor: pointer; } .img-medal .right i{ display:inline-block; width:7px !important;; height: 16px !important; background: url(//js.588ku.com/comp/share/images/icon-click.png)-13px 0 ; position: absolute;top:10px; right: 0 ;cursor: pointer;} /*** 签到入口样式 ****/ .sign { margin-top: 28px; margin-left: 20px; } .sign .sign-but,.sign .already-sign-but{ width: 72px; height: 22px; line-height: 22px; text-align: center; display:inline-block; border:1px solid #ccc; font-size: 16px; color: #fff; transition:all .2s; border-radius:2px; } .sign .sign-but:hover,.sign .already-sign-but:hover{ background: #2475d9; color:#fff; } /**** 签到弹出框样式 ****/ #sign{ display: none; position: fixed;left: 0;top: 0; width: 100%; height:100%; z-index: 99999999999999;_position: absolute;_bottom: auto;_top:expression(eval(document.documentElement.scrollTop)); } #sign .sign-bg{ background:#000;filter:alpha(opacity=50);opacity: .3;height: 100%} #sign .sign-m{ background: url(//js.588ku.com/comp/public/images/sign.png) no-repeat 0 0 ; width: 480px;height: 207px;position: absolute; left: 50%; top: 50%; margin:-103px 0 0 -240px; color: #1169af; text-align: center; } #sign .sign-m .title{ height: 82px; line-height: 82px; } #sign .sign-m .title.f30{ font-size: 30px; } #sign .sign-m .title.f24{ font-size: 24px; } #sign .sign-m .sign-prompt{ font-size: 18px; } #sign .sign-m .but{ width: 124px; height: 34px; line-height: 34px; text-align: center; display: inline-block; background:#1a91ef; border:1px solid #1169af; font-size: 18px; margin:30px auto 0; color: #fff; border-radius:5px; } #sign .sign-m .but:hover{ background: #1678c6; } /**** 背景红色区分 ***/ .red-search-bg h2{ color: #dd0000 !important; } /*.red-search-bg .search .search-but{ background: url(//js.588ku.com/comp/public/images/public-icon.png) no-repeat 22px -393px #dd0000; }*/ .red-search-bg .search .search-but{ background-color:#dd0000; } .red-search-bg .search{ border:2px solid #dd0000; } /**** 搜索框 2016-08-24 以前的版本****/ /*.search {width: 810px;height: 52px;margin: 0 auto;position: relative;border:2px #1169af solid;border-radius: 12px;} .search-bg{ height:170px; background:#fff; border-bottom:1px solid #c1bebd; box-shadow:0px 0px 3px #c1bebd; } .search-con h2{ height: 86px; line-height: 86px; text-align: center; font-size: 30px; color: #0061c5; } .search .input-text{ width: 545px; height: 50px; line-height: 50px; margin-left: 106px; color: #222; position: absolute; top:1px; left:20px; outline: none; } .search .search-but:hover .search-icon{ background-position: -195px -25px; } .search .search-but { position: absolute; top:0; right:0; width: 68px;height: 52px;text-indent: -999px;overflow: hidden;background:url(//js.588ku.com/comp/public/images/public-icon.png) no-repeat 22px -393px #1169af;border-top-right-radius: 8px;border-bottom-right-radius:8px } .search .search-left{ height: 52px; line-height: 52px; padding-left: 20px; cursor: pointer; position: relative;} .search .search-left .red-triangle{ background-position: -129px -15px;margin-top: 22px} .search .triangle { margin-top: -12px; right:-16px; }*/ /**** 搜索框列表下拉框 ***/ .select-list{ display:none;width: 136px;background: white;text-align: center;border:1px #dadada solid;border-radius:4px;position: absolute;top:52px;left: -2px; animation:sealist .2s ease-out;z-index: 5000; } .select-list .triangle{ background-position: -100px -2px; width: 18px; height: 10px; position: absolute;top:3px; left:45px; } .select-list ul li{ height: 35px;line-height: 35px;margin:0 3px;border-bottom:1px #eee solid;margin-bottom: -1px;} .select-list ul a{color:#2e2e2e;} .select-list ul a:hover{ color:#499ef2; } /*搜索引导样式*/ .search{z-index:11;} /*.search .search-sug{position: absolute;top: 53px;left: 108px;background:#fff;border:1px #1169af solid;border-top:none;width: 632px;z-index: 5;display: none;}*/ /*2017-07-03 修改了样式*/ .search .search-sug{ position: absolute; top:59px; background:#fff; width: 689px; z-index: 50; display: none; left:0px; box-shadow:0px 3px 6px 3px rgba(0, 0, 0, 0.05); border-radius:0px 0px 6px 6px; overflow:hidden; } /* 全站通用搜索向下键颜色 */ .search-sug .sokeyup_1.changeColor{background:#d5d5d5;} .search .search-sug .sokeyup_1{height: 40px; line-height: 40px;padding:0 20px;cursor:pointer;} .search .search-sug .sokeyup_1:hover{background: #F8FAFB;} .search .search-sug .sokeyup_1 .sokeyup_2{ font-size: 16px; float: left; color:rgba(0,0,0,0.4); color:#999\9; } .search .search-sug .sokeyup_1 .sokeyup_3{ font-size: 14px; float: right; color:rgba(0,0,0,0.2); color:#ccc\9; } .search .search-sug .sokeyup_1.hot .sokeyup_2{color:#ff4c29;position: relative;} .search .search-sug .sokeyup_1.hot .sokeyup_2:after{ position: absolute; content: ""; width: 15px; height: 17px; right: -22px; top: 12px; -webkit-animation: hot-up-down 0.8s ease infinite 80ms alternate; animation: hot-up-down 0.8s ease infinite 80ms alternate; background: url(//static.588ku.com/imgPath/element/images/hot.svg) no-repeat; } .red-search-bg .search-sug{width: 690px; border: 1px #dd0000 solid;} .search-sug ul li>a{ color:rgba(0,0,0,.2); color:#ccc\9; } /*** 搜索框下的热门搜索 ****/ .hot-search{ width: 690px; height: 37px; line-height: 37px; margin:auto; overflow: hidden; text-align: center;} .hot-search a{ color: #222; float: left; margin-left: 5px;} .hot-search a:hover{ color:#EF6B07; } .hot-search .hot-more .gray-triangle{ background-position: -100px -15px; cursor: pointer;margin-top: 14px} .more-hot-search{ display:none; } .more-hot-search a{ float:inherit; } /*最近搜索*/ .search-log{overflow: hidden;padding-top:15px;padding-bottom: 10px;padding-right: 10px} .search-log ul li {float: left;height: 32px;line-height: 32px;margin-left: 30px;} .search-log ul li:hover a{ color:rgba(0,0,0,.6); color:#666\9; } .search-log .recent-search{ margin-left:0; padding-left: 25px; /* background: url(//static.588ku.com/imgPath/public/images/base-icon.png) no-repeat -98px -252px; */ color:rgba(0,0,0,.2); color:#ccc\9; } /****** 翻页 ****/ .page{ width:100%; overflow:hidden; padding:20px 0; } .page-con{text-align: center;} .page-con a{ height:66px; line-height:66px; padding:0 26px; text-align:center; font-size:18px; color:#414141; border:1px solid #d9d9d9; display:inline-block; margin-right:14px; background: #fff; } .page-con a:hover ,.page-con .current{ height:68px; line-height:68px; background:#168EE1; padding:0 26px; color:#fff; } .page-con .point{ line-height:59px; font-weight:bold; font-size:19px; margin-right:13px; } .page-con .page-input{ width:64px; height:64px; line-height:64px; margin:0 5px; text-align:center; font-size:18px; color:#414141; outline:none;border:1px solid #d9d9d9; display: inline-block;} .page-con .go{ width:66px; height:66px; line-height:66px; text-align:center; background:#f8f8f8; border:1px solid #d9d9d9; cursor:pointer;margin-left: 15px;display: inline-block;} .page-con .jump{ font-size:18px;display: inline-block; } /****** 红色背景翻页 ****/ .red-page .page-con a:hover,.red-page .page-con .current{ background:#dc0000; } #inspect{width: 100%;height:100%;position: fixed;top:0;left: 0;z-index: 999;} #inspect .inspect-mask{width: 100%;height:100%;background-color: #000;opacity: .6;filter: alpha(opacity=60);} #inspect .inspect-cont{width: 1092px;min-height: 606px; background: #fff;position: absolute;top: 50%;left: 50%;margin-top: -303px;margin-left: -546px;border-radius: 4px;z-index: 999;} #inspect .inspect-cont .cont-top{height: 70px;position: relative;text-align: center;border-bottom: 1px solid #d2d2d2;} #inspect .inspect-cont .cont-top h4{font-size:18px;color: #177abf;line-height: 70px;} #inspect .inspect-cont .cont-top .cont-close{display: block;color:#000;position: absolute;top: 10px;right: 25px;cursor: pointer; font-size: 36px;} #inspect .inspect-cont .cm-form .cm-tit{position: relative;overflow: hidden;font-size: 18px;} #inspect .inspect-cont .cm-form .cm-tit p{text-align: center;line-height: 80px;} #inspect .inspect-cont .cm-form .cm-tit span{position: absolute;top: 28px;right: 29%;color: #ff0000;} #inspect .inspect-cont .cm-form .cm-cnt{padding: 0 20px;margin-right: -12px;} #inspect .inspect-cont .cm-form .cm-cnt .list{width: 254px;height: 75px; cursor: pointer; position: relative; border: 1px solid #d1d1d1;margin:0 10px 10px 0; border-radius: 8px;text-align: center;} #inspect .inspect-cont .cm-form .cm-cnt .list h4{font-size: 18px;color: #000;line-height: 48px;} #inspect .inspect-cont .cm-form .cm-cnt .list p{font-size: 14px;color: #969696;} #inspect .inspect-cont .cm-form .cm-cnt .list label{line-height: 75px;color: #000;font-size: 18px;} #inspect .inspect-cont .cm-form .cm-cnt .list input{height: 42px;border: 1px solid #d1d1d1;outline: none;padding-left: 10px;width: 143px;vertical-align: middle\9;} #inspect .inspect-cont .cm-form .cm-cnt .bigList{width: 1050px;height: 75px; margin-top: 10px;cursor: inherit;position: relative; border: 1px solid #d1d1d1; border-radius: 8px;text-align: center;} #inspect .inspect-cont .cm-form .cm-cnt .bigList input{width: 254px;height: 42px;border: 1px solid #d1d1d1;outline: none;padding-left: 10px;vertical-align: middle\9;} #inspect .inspect-cont .cm-form .cm-cnt .bigList label{line-height: 75px;color: #000;font-size: 18px;} #inspect .inspect-cont .cm-form .cm-cnt .bigList span{color: #FF0000;font-size: 18px;position: absolute;top: 25px;right: 22%;} #inspect .inspect-cont .cm-form .cm-cnt .list.on {border:3px solid #169DEA;width: 250px;height: 71px; } #inspect .inspect-cont .cm-form .cm-btm {padding: 20px 0;} #inspect .inspect-cont .cm-form .cm-btm .sureBtn{display: block;width: 195px;height: 58px;font-size: 18px;text-align: center;line-height: 58px;background-color: #169dea;color: #fff; border-radius: 28px;margin:0 auto;} #inspect .inspect-cont .cm-succ{text-align: center;margin-top: 150px;} #inspect .inspect-cont .cm-succ h4{font-size: 24px;color:#343434;margin-bottom: 30px;} #inspect .inspect-cont .cm-succ p{font-size: 24px;color: #ff1e00;} #inspect .inspect-cont .cm-succ img{width: 184px;height: 177px;display: inline-block;} #inspect .inspect-cont .cm-succ .sc-close{display:block;margin: 0 auto; width: 195px;height: 58px;color: #fff;font-size: 18px;text-align: center;line-height: 58px;background-color: #169DEA;border-radius: 28px;} /***** 弹出层用户登录 ****/ #gai{ width:100%;height:100%;background:black;opacity:0.5;filter:alpha(opacity=50);position:fixed;z-index:9999;top:0px;left:0px; } #login{width:576px;height:388px;border:2px solid #747474;background:white;position:fixed;top:25%;left:32%;z-index:100000 } #login_top{width:536px;height:49px;line-height:49px;font-weight:bold;padding-left:20px;border-bottom:1px solid #E8E8E8;color:#1886D2;padding-right:20px; } #login_del{width:17px;height:17px;float:right;cursor:pointer;margin:14px 0 0 0;font-size:20px; background: url(//static.588ku.com/imgPath/public/images/public-icon.png) no-repeat -153px -133px; display: block; } #login_pic{background: url(//static.588ku.com/imgPath/public/images/public-icon.png) no-repeat 34px -421px; width:130px;height:130px;cursor:pointer;display:block;border:2px solid #E3E3E3;border-radius:50%; } #login_weixin{ background: url(//static.588ku.com/imgPath/public/images/public-icon.png) no-repeat 32px -570px; width:130px;height:130px;cursor:pointer;display:block;border:2px solid #E3E3E3;border-radius:50%; } #login_qq { line-height:35px;margin:9px auto;font-size:14px;text-align:center; } #login-center { padding-top: 78px; } #login-center dl{ float: left; width: 134px; text-align: center; margin-right: 94px; } #login-center dl dd{ padding-top: 32px; font-size: 18px; color:#343434; } #qq-login { margin-left: 98px; } /*弹窗公用部分*/ .bgimg{ position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0.44;background-color:rgba(0,0,0,0.44);filter:alpha(opacity=44); z-index:11;} .error,.prompt{position:fixed; top:0; left:0; width:100%; height:100%; z-index:15; } .error-page{width:610px;height:415px; top:50%;left:50%;margin-top:-150px;margin-left:-245px;background-color:#fff;position:fixed;box-shadow:2px 0px 7px rgba(0,0,0,.75);border:#366a89 1px solid; } .error-page .p1{text-align:center; font-size:25px;margin-top:110px; color:#202020;} .error-page .off{width:187px;height:51px;line-height:51px;font-size:20px;margin:0 auto;text-align:center;background-color:#169DEA;color:white;cursor:pointer; } .error-page .prompt-icon{ width:110px;height:100px;position:absolute;background:url(//js.588ku.com/comp/base/images/loudou.png) no-repeat;top:-57px;left:50%; margin-left: -55px; } .error-p {height:75px; line-height:75px; position:relative;} .error-red{background: -moz-linear-gradient( top,#ffdada,#fff);background: -o-linear-gradient(top,#ffdada, #fff);background:-webkit-linear-gradient(top,#ffdada,#fff);} .error-blue{background: -moz-linear-gradient( top,#cbebff,#fff);background: -o-linear-gradient(top,#cbebff, #fff);background:-webkit-linear-gradient(top,#cbebff,#fff);} .error-p i{ float:left;display:inline-block; width:38px; height:29px; margin:22px 15px 0 22px;} .error-p .bg-red{background:url(//static.588ku.com/imgPath/public/images/public-icon.png) no-repeat 0 -166px;} .error-p .bg-blue{background:url(//static.588ku.com/imgPath/public/images/public-icon.png) no-repeat 0 -129px;} .error-p .title{ color:#000; font-size:18px; line-height:75px; float:left;height: 63px;} .error-p .switch{ float:right; font-size:24px; position:absolute; top:-20px; right:15px; cursor:pointer} .error-p .red-off{ color:#cd0c0c} .error-p .blue-off{ color:#1b6dc2} /*服务器压力提示*/ .error-p .button-off{ position:absolute; right:15px; top:15px; font-size:24px;} .error-main{ text-align:center; overflow:hidden;zoom:1} .error-main .big{ color:#202020; font-size:24px;text-align:center; padding-top:50px;} .error-main .find{ color:#000; font-size:18px;height:40px; line-height:40px; margin-top:35px; margin-bottom:50px;} .error-main .find span{ color:#ee0000} .error-main .shou a{ display:inline-block;width:482px; height:57px; color:#fff; font-size:18px; line-height:57px;text-decoration:none;background-color:#ff6c00;} .error-main .shou a:hover{ background: #e96301; } /*下载数量*/ .prompt-main{ padding-top:30px;} .prompt-title{ font-size:24px; text-align:center} .red-word{color:#c70000;} .blue-word{color:#155fbc;} .numer{ height:35px; padding:30px 10px; width:315px; margin:20px auto; border-top:#acacac 1px dashed;border-bottom:#acacac 1px dashed; overflow:hidden;} .numer p{ float:left} .every{ font-size:14px; color:#2c2c2c; line-height:20px; display:inline-block; width:75px; padding-right:10px; border-right:#acacac 1px solid} .num{ font-size:30px; display:inline-block; line-height:40px; padding-left:10px; color: #2c2c2c; } .blue-num{ color:#155fbc} .balck-num{ color:#2c2c2c;} .red-num{ color:#ec0b0b} .upload{ text-align:center; font-size:14px; color:#363535} .upload span{ color:#f4570a; font-size:18px; padding:0 5px;} .sub{ width:385px; margin:15px auto} .sub a{ display:inline-block; width:182px; height:57px; text-decoration:none; font-size:18px; line-height:57px; text-align: center} .sub .add{ background-color:#ff6c00; color:#fff; margin-right:15px; } .sub .add:hover{ background: #e96301; } .sub .off{ background-color:#e4e4e4; color:#424242; } .sub .off:hover{ background: #cdcdcd; } /*** 公用小ICON **/ .triangle{ background: url(//static.588ku.com/imgPath/public/images/public-icon.png) no-repeat 0px -376px; width: 10px; height:6px; display: inline-block; position: absolute; top: 38px; right: 10px; } /* .vip-icon{ background: url("../images/public-icon.png") no-repeat 0 -70px; width: 57px; height: 20px; display: inline-block; margin-right: 6px; } */ /*** footer ******/ .footer-con { width: 100%; height: initial !important; background-color: #fff;} .blogroll-box{background:#f4f4f4;overflow: hidden;} .blogroll-box .dldd{padding-bottom:40px;overflow: hidden;} .footer-con .foot{border-top: 7px solid #0082df;padding-bottom:30px;} .footer-con .foot .left{ height:90px; padding: 25px 80px 25px 0; border-right: #e7e7e7 1px solid; margin-top:30px; } .footer-con .foot .left img{ width: 127px; height: 40px; float: left; margin-top:21px; margin-right: 25px;} .footer-con .foot .left span{ color: #5a5a5a; font-size: 30px; float: left; margin-top:25px;} .footer-con .foot .center dl { width: 60px; height: auto; height:90px; margin-right:30px;margin-top:10px; } .footer-con .foot .center{ margin-top:25px; border-right:#b9ced9 1px solid;padding: 25px 40px 25px 40px; } .footer-con .foot .center dt i{ display: inline-block;; width: 52px; height: 55px; background: url(//static.588ku.com/imgPath/base/images/public-icon.png) 0 -380px; } .footer-con .foot .center dd{ color: #444;line-height: 30px; } .footer-con .foot .center p{ color: #515151; height: 29px; line-height: 29px; margin-bottom: 0px;} .footer-con .foot .center a{ display: inline-block; height: 29px; width: 96px; background: url(//static.588ku.com/imgPath/base/images/public-icon.png) 0 -443px; vertical-align: middle; margin-left: 15px; } .footer-con .foot .right{ padding:0 0 0 54px;margin-top:30px;border-left:1px solid #e7e7e7;} .footer-con .foot .right dl{ margin-right: 40px; } .footer-con .foot .right dt{ text-align: center;margin-bottom:10px; } .footer-con .foot .right .weibo img{ width: 114px; height: 110px; } .footer-con .foot .right img{ width: 114px;height: 110px; } .footer-con .foot .right dl.weibo dd{background-position: 0 -396px;} .footer-con .foot .right dt img{ width: 23px; height: 19px; display: inline-block; margin-right: 7px;vertical-align: -3px;} .footer-con .foot .right .click{ color: #727272; font-size: 14px; margin-top: 15px; } /*优质客户展示*/ .blogroll-box .highQua-custBox{ padding-top:45px; padding-bottom:21px; border-bottom:1px solid #dcdcdc; } .blogroll-box .highQua-custBox p{ font-size:24px; color:#686868; margin-bottom:18px; } /*友情链接*/ .dibu{height:20px;line-height:20px;margin-top:40px!important;margin-bottom:15px!important;} .dibu .remeng {color:#686868;margin-right:10px;font-size:18px;} .dibu .remeng:hover{ color: #666; } .colo{color:#666;font-weight:bold;} .newsucai li{float:left;margin-right:14px;color:#9a9a9a;font-size:14px;line-height: 30px;color:#9a9a9a;} .newsucai li a{color:#9a9a9a;} .newsucai li a:hover{ color:#168EE1; } .web-bottom { width: 100%; /* background-color: #0082df;*/ background:#333; height: 44px; line-height: 44px; overflow: hidden; } .web-bottom .bottom-con p{ color: #7b7b7b; float: left; margin-right:30px;font-size: 14px;} .web-bottom .bottom-con a{ color: #7b7b7b; padding-right:15px; } .web-bottom .bottom-con div{ height: 32px; width: 191px; background: url(//static.588ku.com/imgPath/base/images/public-icon.png) 0 -477px; margin-top: 15px } .web-bottom .bottom-con .yanzheng{ height: 32px; width: 90px; background: url(//static.588ku.com/imgPath/base/images/public-icon.png) 0 -477px; margin-top: 15px;float: right; } /*友情链接*/ .friendLink{margin-top:17px;} .friendLink ul li{float:left;margin-left:10px;color: #686868;font-size: 14px;line-height: 30px;} .friendLink ul li a{color: #9a9a9a;cursor:pointer;font-size: 14px;line-height: 30px;margin-left: -2px;} .friendLink span{float: left;display: block;color: #9a9a9a;font-size: 14px;line-height: 30px;} .friendLink2 ul li {margin-left: 0px; float: left;color: #9a9a9a;font-size: 14px;line-height: 30px;} .connet_link{margin-left: 55px;} .connet_link ul li{margin-left: 14px;} .connet_link a:hover{color:#168EE1;} .connet_link ul a li:hover{color:#168EE1;} /**** 红包弹出框 *******/ .hongbao{width:314px;height:450px;background:url(//js.588ku.com/comp/base/images/big_hongbao.png) no-repeat 0 0;z-index: 9999;position: fixed;left:40%;top:20%; text-align:center;color:#fff;font-size: 25px;} .hb_close{width:23px;height: 23px;margin-top:153px;margin-left:271px;text-align:center;line-height:30px;color:white;font-size:20px;background:url(//static.588ku.com/imgPath/public/images/public-icon.png) no-repeat -185px -127px;cursor:pointer;} .hb_fl{width:314px;height:36px;font-size: 36px;color:#FBDA30;line-height:36px;margin-top:10px;} .hb_fs{width:314px;height:25px;line-height:25px;margin-top:24px; } .hb_hf{width:314px;height:25px;font-size: 20px;line-height:25px;margin-top:19px;} .hb_kk{width:314px;height:48px;cursor:pointer;color:#57320A;line-height:48px;margin-top:30px;} .hb_kk a{color:#57320A;cursor:pointer;} /*多次异地登陆警告*/ .multi-usersWarn{position:fixed;left:50%;top:50%;margin-left:-273px;margin-top:-159px;width:546px;height:318px;border-radius:5px;background:#fff;text-align:center; z-index:50;padding-top:34px;} .multi-usersWarn dl{color:#333;} .multi-usersWarn dl dt{margin:0 auto;margin-bottom:30px;background:url(//js.588ku.com/comp/base/images/warn-icon.png) no-repeat;width:99px;height:95px;} .multi-usersWarn dl dd{width:490px;margin:0 auto;margin-bottom:50px;font-size:18px;} .multi-usersWarn dl dd b{font-size:24px;color:#ff6464;} .multi-usersWarn .usersWarn-btn{display:inline-block;border:2px solid #2d2b29;border-radius:30px;width:187px;height:33px;line-height:33px;font-size:16px;} .multi-usersWarn .usersWarn-btn:hover{color:#fff;background-color:#2d2b29;} /** 红包滚动条 */ /* 20170814旧版弹幕 */ /* #barrage{position: fixed; bottom: 100px; right: 0; display: inline-block; z-index: 999;} #barrage li{width: 410px;height: 50px;background-color: rgba(0,0,0,.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; margin-right: 224px; } #barrage li .hd-pic{width: 40px;height: 40px;border: 1px solid #fff;display: inline-block; margin: 4px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;} #barrage li .hd-pic img{ width: 100%; height: 100%; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;} #barrage li .bar-words{width: 300px;overflow: hidden;font-size: 14px;line-height: 50px;} #barrage li .bar-words a{color: #fff;} #barrage li .bar-words span{width: 40px;display: inline-block; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} #barrage li .bar-close .close-btn{font-size: 24px;color: #fff;font-weight: bold;line-height: 50px;padding-right: 15px; filter: alpha(opacity=0); -webkit-transition: all .2s ; -moz-transition: all .2s ; -ms-transition: all .2s ; -o-transition: all .2s ; transition: all .2s ;} #barrage li:hover .close-btn{opacity: 1; -ms-filter: alpha(opacity=100); filter: alpha(opacity=100);} */ /* 20170814-全站弹幕新版 */ .ku-barrage-wrap{position:absolute;white-space:nowrap;overflow:hidden;position: fixed;bottom: 50px;right:0;z-index:999;} .ku-barrage-wrap li{display:inline-block;margin-right:220px;} .ku-barrage-wrap li .userHead-icon{ width:76px; height:80px; background:url(//static.588ku.com/imgPath/public/images/barrage-icon.png) no-repeat 0px 0px; overflow:hidden; margin-right:24px; } .ku-barrage-wrap li .userHead-icon img{border-radius:50%;margin:10px 14px 22px;} .ku-barrage-wrap li .userContent{ position:relative; background:url(//static.588ku.com/imgPath/public/images/barrage-bottomBg.png) repeat-x bottom #fff; border-top:2px solid #221714; height:68px; line-height:62px; padding:0 5px; text-align:center; color:#000; } .ku-barrage-wrap li .userContent .close-btn{display:inline-block;width:30px;height:30px;background:url(//static.588ku.com/imgPath/public/images/base-icon.png) no-repeat -47px -389px;vertical-align:-10px;cursor:pointer;margin-left:15px;} .ku-barrage-wrap li .userContent>a{color:#000;font-size:14px;} .ku-barrage-wrap li .userContent .user-name{width:70px;display: inline-block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;vertical-align:bottom;} .ku-barrage-wrap li .userContent:before{ content:""; position:absolute; left:-23px; top:-2px; width:24px; height:72px; background:url(//static.588ku.com/imgPath/public/images/barrage-icon.png) no-repeat -77px 0px; } .ku-barrage-wrap li .userContent:after{ content:""; position:absolute; right:-12px; top:-2px; width:12px; height:72px; background:url(//static.588ku.com/imgPath/public/images/barrage-icon.png) no-repeat -110px 0px; } /*** 公用弹出框遮罩层 ******/ .down-limit{position:fixed;z-index: 9997;left: 0;top: 0;width: 100%;height: 100%;} .down-limit-bg{background-color: #000;position: absolute;z-index: 9998;left: 0;top: 0;width: 100%;height: 100%;opacity: 0.5;filter: alpha(opacity=50);-moz-opacity: 0.5;} /*** 提示账号在另一地方登录弹出框 ******/ .down-limit-content{border: 1px solid #2b2b2b;box-shadow: #d1d1d1 0px 0px 5px;-moz-box-shadow: 0px 0px 5px #d1d1d1;-webkit-box-shadow: 0px 0px 5px #d1d1d1;width: 611px;height: 414px;position: fixed;background: #fff;_position: absolute;_left: expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||537)-(parseInt(this.currentStyle.marginRight,10)||0));_top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||100)-(parseInt(this.currentStyle.marginBottom,10)||0)));z-index: 9999;} .down-limit-content-nav{width: 100%;height: 54px;border-bottom: 1px solid #D2D2D2;} .down-limit-content-nav h3{font-size: 18px;color: #1584d1;margin-left: 22px;margin-top: 17px;display: block;float: left;font-weight: bolder;} .down-limit-close{cursor: pointer;background: url(//js.588ku.com/comp/diaocha/images/close.jpg) no-repeat 0 0;width: 44px;height: 52px;display: block;float: right;} .down-limit-pic{background: url(//js.588ku.com/comp/back/images/no-down-icon.png) no-repeat center bottom;width: 325px;height: 81px;border-bottom: 1px #acacac dashed;} .down-limit .dl-close-wrap{width: 325px;height: 92px;border-top: 1px #acacac dashed;} .down-limit .dl-close-wrap .close-btn{width: 179px;height: 54px;border:1px solid #BBBBBB;display: block;background-color:#E4E4E4;color: #696767;text-align: center;line-height: 54px;margin-top: 35px;margin-left: 70px; } .down-limit .dl-close-wrap .close-btn:hover{background-color: #D0D0D0;} .down-limit-content .p-info{color: #155fbc;font-size: 18px;display: block;line-height: 34px;text-align: center;font-weight: bold;margin-top: 55px;} .down-limit-content .add-num{ width: 181px;height:56px; line-height: 56px;font-size: 18px;color:#fff; text-align: center; background: #ff6c00;margin:42px auto 0; display: block;margin-left: 124px;margin-top: 15px;float: left;} .down-limit-content .add-num:hover{background: #FF9343;} .down-limit-content .close-num{width: 181px;height:56px; line-height: 56px;font-size: 18px;color:#fff; text-align: center; background: #B9B9B9; display: block;margin-left: 24px;margin-top: 15px;float: left;} .down-limit-content .close-num:hover{background: #D0D0D0;} .login-limit-nav{height: 52px;width:610px;color: #1584d1;border-bottom: 1px solid #D2D2D2;font-size: 18px;line-height: 53px;padding-left: 20px;width:590px;} .login-limit-content{height:360px;width:100%;} .login-limit-content-info{width:100%;height: 190px;float: left;} .login-limit-content-info p{text-align: center;font-size: 24px;color: #202020;} .login-limit-content-info p.l-l-c-i-p1{margin-top: 55px;} .login-limit-content-info p.l-l-c-i-p2{margin-top: 35px;} .login-limit-content-bwrap{height: 148px;float: left;width: 100%;} .login-limit-content-bwrap .login-limit-content-b-sure{width:200px;height:56px;text-align: center;line-height: 56px;background-color: #FF6C00;display: block;color: #fff;margin-left: 205px;float: left;} .login-limit-content-bwrap .login-limit-content-b-sure:hover{background-color: #F5812C;} .login-limit-content-bwrap p{display: block;float: left;text-align: center;width: 100%;margin-top: 35px;color: #999999;} .down-limit.inspect-box { width: 100%; height: 100%; display: none; } .down-limit.inspect-box .dialog-content-box { z-index: 20; position: relative; width: 100%; height: 100%; overflow-y: auto; text-align: center; } .down-limit.inspect-box .dialog-content-box .center-ctn-box { width: 100%; display: block; text-align: center; height: 100%; box-sizing: border-box; display: table; } .down-limit.inspect-box .dialog-content-box .center-ctn-box .table-cell-box { display: table-cell; vertical-align: middle; padding: 30px 0; box-sizing: border-box; } .down-limit.inspect-box .dialog-content { width: 964px; height: 868px; border-radius: 4px; background-color: #fff; display: inline-block; color: #001013; padding: 44px 48px; box-sizing: border-box; } .down-limit.inspect-box .dialog-content .title-p { font-size: 24px; line-height: 24px; color: #001013; text-align: center; } .down-limit.inspect-box .dialog-content .datas-box { padding-top: 28px; } .down-limit.inspect-box .dialog-content .datas-box .data-box .tle-box { padding-top: 12px; text-align: left; margin-bottom: 12px; } .down-limit.inspect-box .dialog-content .datas-box .data-box .tle-box > span { line-height: 24px; font-size: 16px; color: rgba(0, 16, 19, 0.75); } .down-limit.inspect-box .dialog-content .datas-box .data-box .tle-box > span .red-star { color: #FF0000; display: inline-block; margin-right: 8px; } .down-limit.inspect-box .dialog-content .datas-box .data-box .list-box li { cursor: pointer; margin: 0 20px 20px 0; width: 128px; height: 44px; line-height: 44px; text-align: center; border: 1px solid rgba(0, 0, 0, 0.25); float: left; box-sizing: border-box; border-radius: 4px; font-size: 14px; } .down-limit.inspect-box .dialog-content .datas-box .data-box .list-box li:hover, .down-limit.inspect-box .dialog-content .datas-box .data-box .list-box li.on { background-color: #17A1FF; color: #fff; border: 0; } .down-limit.inspect-box .dialog-content .datas-box .data-box .list-box li:nth-child(6n+6) { margin-right: 0; } .down-limit.inspect-box .dialog-content .datas-box .data-box .list-box li.else-box input { display: none; width: 76px; height: 29px; line-height: 29px; background-color: #fff; padding-left: 8px; box-sizing: border-box; } .down-limit.inspect-box .dialog-content .datas-box .data-box .list-box li.else-box.on input { display: inline-block; } .down-limit.inspect-box .dialog-content .datas-box .data-box.qq-box .tle-box { color: #001013; font-size: 16px; } .down-limit.inspect-box .dialog-content .datas-box .data-box.qq-box .input-box { text-align: left; } .down-limit.inspect-box .dialog-content .datas-box .data-box.qq-box .input-box input { width: 328px; border-radius: 4px; height: 44px; padding-left: 16px; box-sizing: border-box; border: 1px solid rgba(0, 0, 0, 0.25); } .down-limit.inspect-box .dialog-content .btns-box { text-align: center; padding-top: 48px; } .down-limit.inspect-box .dialog-content .btns-box .confirm-btn, .down-limit.inspect-box .dialog-content .btns-box .cancle-btn { border-radius: 4px; display: inline-block; width: 160px; cursor: pointer; height: 48px; margin: 0 20px; text-align: center; font-size: 14px; line-height: 48px; box-sizing: border-box; } .down-limit.inspect-box .dialog-content .btns-box .confirm-btn { color: #fff; background-color: #17A1FF; } .down-limit.inspect-box .dialog-content .btns-box .confirm-btn.none-Click { opacity: 0.5; cursor: not-allowed; } .down-limit.inspect-box .dialog-content .btns-box .confirm-btn.none-Click:hover:before { display: none; } .down-limit.inspect-box .dialog-content .btns-box .cancle-btn { border: 1px solid #17A1FF; color: #17A1FF; } /***** 侧边栏样式2016-8-2 *****/ #fixed{position:fixed;bottom:21%;right:0;z-index:9999;} /**** PNG上传比赛 ****/ #match_link { margin-bottom:12px; } #match_link .match_link_icon{ color:#fff; background: url(//js.588ku.com/comp/public/images/right-icon.png) no-repeat 0px 4px; display:block; width:73px; height:142px;z-index: 9999;right: 0;cursor: pointer;margin-left:-13px;} /**** 送福利 ****/ #money_link .money_link_icon{color:#fff;background: url(//js.588ku.com/comp/public/images/right-icon.png) no-repeat 0 -149px;width:60px;height:82px;z-index: 9999;right: 0;cursor: pointer;margin-bottom: -1px; display:block;} /**** 微信&微博 ****/ #weixin{width: 60px;z-index: 9999;right: 0;cursor: pointer;margin:14px 0 10px 0;} #weixin .button{width: 58px;height: 58px;margin-bottom: 10px;display: block;} #weixin .weixin-group{background: url(//js.588ku.com/comp/public/images/right-icon.png) no-repeat 0 -517px; width:60px; height:91px; } #weixin .weixin-group:hover{ background-position:0 -613px; } #weixin #weixin-detail { display: none; float: right;width: 178px;height: 390px;margin-right: 67px; border:1px solid #c1c1c1; background:#fff; position:absolute; top:0px; left:-188px; } #weixin #weixin-detail .triangle{ background:url(//js.588ku.com/comp/public/images/right-icon.png) no-repeat -63px -236px; width:10px; height:20px; display:block; position:absolute; top:46%; right:-10px; } #weixin #weixin-detail p{text-align: center;margin-top: 10px;font-size: 14px;color: #000000;} #weixin #weixin-detail .active{text-align: center;margin-top: 5px;font-size: 14px;color: #5d5a5a;} #weixin .icon{background: url(//js.588ku.com/comp/public/images/right-icon.png) no-repeat 0 -237px; width:23px; height:18px; display:inline-block;margin-right: 7px;vertical-align: middle; } #weixin #weixin-detail .qq-shenqin{width: 114px;height: 110px;background: url(//js.588ku.com/comp/public/images/right-icon.png) no-repeat 0 -263px;margin: 0 auto;margin-top: 10px;} #weixin #weixin-detail .weibo .qq-shenqin{ background-position:0 -394px; } #weixin .weibo{ border-top:1px dashed #c1c1c1; margin-top:15px; } #weixin .weibo p i{background: url(//js.588ku.com/comp/public/images/right-icon.png) no-repeat -33px -236px; width:23px; height:19px; } #login .weixin { position: absolute; margin: 19px -11px; font-size: 14px;} /***** 意见建议 ****/ #idea_link{color:white;background: url(//js.588ku.com/comp/public/images/right-icon.png) no-repeat 0 -793px;width:60px; height:65px;font-size:12px;word-break:keep-all;z-index: 9999;right: 0;cursor: pointer;margin-bottom: 9px;} #idea_link:hover{ background-position:0 -794px; } #qq-kefu{ padding-left: 4px;color:white;background: url(//js.588ku.com/comp/public/images/right-icon.png) no-repeat 0 -1080px;width:60px; height:65px;font-size:12px;word-break:keep-all;z-index: 9999;right: 0;cursor: pointer;margin-bottom: 20px;} .qq-kefu:hover .kefu-detail{ display: block; } .kefu-detail{width: 216px;height: 245px;border:1px solid #c1c1c1;position: absolute;top: -120%;left: -230px;background: #fff;padding: 0 2px; display: none; } .kefu-detail .consult,.kefu-detail .phone, .kefu-detail .time{border-bottom: 1px dashed #c1c1c1;padding: 16px 0 10px 20px;} .kefu-detail dl dd{line-height: 24px;} .kefu-detail dl .qq-17{display: inline-block;height: 29px;width: 96px;background: url(//static.588ku.com/imgPath/base/images/public-icon.png) 0 -443px;vertical-align: middle;margin-left: 6px;} .kefu-detail .triangle{background: url(//js.588ku.com/comp/public/images/right-icon.png) no-repeat -63px -236px;width: 10px;height: 20px;display: block;position: absolute;top: 41%;right: -10px;} #weixin #weixin-detail{ top: -38px; } /***** QQ群交流框 ***/ #right-side-menu .button-qq-group{background: url(//js.588ku.com/comp/public/images/right-icon.png) no-repeat 0px -868px; width:60px; height:65px;} #right-side-menu .button-qq-group:hover{ background-position:0 -945px; } #right-side-menu{z-index: 9999;right: 0;cursor: pointer;} #right-side-menu .button{width: 58px;height: 58px;margin-bottom: 10px;display: block;} #right-side-menu #qq-group-detail{float: right;display: none;width: 347px;height: 160px;margin-right: 58px;margin-top: -15px;background: url(//js.588ku.com/comp/base/images/lbpopbox.png);} #right-side-menu #qq-group-detail p{color: #444444;height: 38px;overflow: hidden;margin-left: 60px;margin-right: 20px;} #right-side-menu #qq-group-detail label{float: left;line-height: 35px;display: inline;width: 168px;word-break: break-all;word-wrap: break-word;white-space: nowrap;overflow: hidden;text-overflow: ellipsis} #right-side-menu #qq-group-detail a{float: right;margin-top: 5px;} #right-side-menu #qq-group-detail .qq-shenqin{background: #f1f1f1;color: #41be33;text-align: center;width: 288px;font-size: 14px;height: 34px;line-height: 34px;display: block;margin-left: 49px;margin-top: 6px;float: left;cursor: auto;} #right-side-menu #qq-group-detail .qq-shenqin-l{display: block;float: left;color: #2A7FD4;line-height: 34px;height: 34px;margin-top: 0;margin-left: 10px;} #right-side-menu #qq-group-detail .qq-shenqin-r{display: block;float: right;color: #2A7FD4;line-height: 34px;height: 34px;margin-top: 0;margin-right: 10px;} /***** 返回顶部 ***/ #right_goTopBtn{width:54px;height:231px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||200)-(parseInt(this.currentStyle.marginBottom,10)||0)));right:10px;bottom:25%;z-index:1000} #right_goTopBtn .right_top a{display:block;height:58px} #right_goTopBtn .right_top a,#right_goTopBtn .right_vip a,#right_goTopBtn .right_user_fav a,#right_goTopBtn .right_user_dl a,#right_goTopBtn .right_bottom a{display:block;height:55px;margin-bottom:3px} #right_goTopBtn .right_top a{background:url(//js.588ku.com/comp/public/images/right-icon.png) 0 -1014px no-repeat; width: 54px; height: 54px;} #right_goTopBtn .right_top a:hover{opacity:0.7;filter: alpha(opacity=70);} /**** 元素首页自适应页面样式 ****/ @media screen and (max-width: 1570px ) and (min-width: 1200px){ #main .classify-nav{ max-width:1200px !important; } #element{clear:both; max-width:1220px !important; position:relative; overflow:hidden; margin:0px auto ;left:10px; position: relative;} .w1100px{ width:1100px;} .nav-list {height:auto;} .subnav-list{height:auto;} .nav-list .subnav-list{ height:auto; } #element-result{max-width: 1200px!important;} #element-keyword{max-width: 1200px!important;} .no-result{max-width: 1200px!important;} } /***** 分类导航筛选 ***/ #main .classify-nav{ max-width: 1500px; } #main #element{max-width: 1526px; } .classify-nav{ width: 100%; margin:20px auto 15px; border:1px solid #d5d5d5; border-bottom: none; background: #fff; } .nav-list{padding-left: 1%;height:49px;line-height:49px;border-bottom:1px solid #d5d5d5;width: 99%;} .classify-nav .current-icon{background: url(//static.588ku.com/imgPath/public/images/public-icon.png) no-repeat -100px -98px;width: 13px;height: 10px;display: inline-block;margin-right: 9px;} .classify-nav .subnav-list .more-icon{ background-position: -100px -164px; width: 8px; height: 5px; margin-left: 9px; vertical-align: middle; } .nav-list .nav-first{ color: #499ef2;} .nav-list .choose-form a{ margin-left: 17px; } .nav-list .subnav-list{ height:49px; padding-right: 15px; } .nav-list .subnav-list .more-list:hover .dd-drop{ display: block; } .nav-list .subnav-list .more-list .dd-drop{ top:48px; left: -20px; } .nav-list .subnav-list .list{ margin:0 14px; position: relative; } .nav-list .subnav-list .list a:hover{color:#d30707; } .nav-list .subnav-list .list a.current{color:#d30707; } .nav-list .subnav-list .more-list:hover .more-icon{ transform:rotate(180deg); } .nav-list a:hover{ color: #499ef2; } .color-ul{ padding:4px 20px 0 14px; } .subnav-t{background-color: #f2f2f2;border-bottom: 1px #ddd solid; background: #d1d1d1;} .subnav-t a{ float: left;padding:0 34px; line-height: 40px; height: 41px;position: relative;} .subnav-t a i{background: url(//js.588ku.com/comp/public/images/new1.gif) no-repeat 0 1px;position: absolute;top:-24px;left: 101px;width:38px;height: 39px;display:inline;} .subnav-t a.on,.subnav-t a:hover{color:#212121;border-top: 3px #c70000 solid; height: 39px;background: #fff;} /**** 红色分类筛选导航 ***/ .red-classify-nav .nav-list .nav-first{color: rgb(211, 7, 7); } .red-classify-nav .current-icon{width: 15px;height: 10px;display: inline-block;background: url(//static.588ku.com/imgPath/public/images/public-icon.png) -148px -98px no-repeat;} /**** 大图小图选择 ***/ .pic-choose{ padding-right:0px; } .pic-choose a{ color:#494949; margin-right:15px; } .classify-nav .pic-choose a .current-icon{ background-position: -148px -375px; width:16px; height:14px; vertical-align:middle;margin-right: 6px;} .classify-nav .pic-choose a:hover{ color:#d30707; } .classify-nav .pic-choose .big-pic:hover .current-icon{ background-position: -125px -375px; } .classify-nav .pic-choose .small-pic .current-icon{background-position: -125px -394px; } .classify-nav .pic-choose .small-pic:hover .current-icon{ background-position: -148px -394px; } /**** 分类导航筛选颜色选择 ****/ .c-nav-list{ width:450px; padding-left: 20px; border-left:1px solid #d5d5d5;} .c-nav-list .color-list { width:30px; height:20px; display:inline-block; cursor:pointer; float:left; } .c-nav-list .color-list a{width:20px;height: 21px;display: inline-block;position: absolute;} .c-nav-list .color-11{background-color: #ffffff;width: 20px;height: 20px;border: 1px solid #dbdbdb;} .color-1{background-color: #CF0000;} .color-2{background-color: #F58F00;} .color-3{background-color: #F2E200;} .color-4{background-color: #58CA00;} .color-5{background-color: #4496EE;} .color-6{background-color: #6E2CDF;} .color-7{background-color: #D51AD3;} .color-8{background-color: #8D5412;} .color-9{background-color: #000000;} .color-10{background-color: #989898;} .color-12{background-color: #ea68a2;} .color-choose { position: relative; } .custom-color .custom{ padding-right:14px; font-size:16px; color:rgba(0,0,0,.6); color:#666\9; } .custom-color .custom-circle{ border:1px solid #ccc; width:26px; height:14px; display:block; margin-top:3px; } .custom-color .custom-circle a{ background:url(//static.588ku.com/imgPath/public/images/public-icon.png) no-repeat -166px -181px; width: 26px; height: 14px; display: inline-block; cursor: pointer; position:absolute;} .custom-color .custom-box .has-color{border: 2px solid #fff;border-radius: 2px;box-shadow: 0 0 0 1px rgba(0,0,0,.15),inset 0 0 0 1px rgba(0,0,0,.15); } .custom-color .custom-box .has-color a{ background:url(//static.588ku.com/imgPath/public/images/public-icon.png) no-repeat -120px -97px; display:block; } .color-ul .current{border:2px solid #fff;border-radius:2px;box-shadow: 0 0 0 1px rgba(0,0,0,.15),inset 0 0 0 1px rgba(0,0,0,.15);margin-top:-1px;} .color-ul .gou{background: url(//static.588ku.com/imgPath/public/images/colorpicker-sel.png) no-repeat center;display: inline-block;} .color-ul .color-11>a.gou{background: url(//static.588ku.com/imgPath/public/images/colorpicker-sel-grey.png) no-repeat center;} .main-nav {margin-left: 15px;} /*** 搜索无结果 **/ .no-result {display:block; } .no-result .result-prompt{ padding-top:130px; margin:0 auto;font-size:18px; text-align:center; } .no-result .result-prompt dt{ margin-left:300px; float:left; margin-right:20px; } .no-result .result-prompt dd{ padding-top:15px; text-align:left; } .no-result .result-prompt .search-keyword{ color:#ff5400; margin:0 5px; } #element-result{ padding: 5px 0 30px 0; font-size: 18px; color: #434343; } #element-result .search-number,#element-result .search-key-word{ color: #ff2a00; } /*vip 增加提升 css*/ .mask{width:100%; height:100%; position: fixed; background:#000; z-index:100; top:0; left:0; opacity:0.54; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=54);} .vip-mask{position:fixed; top:0; left:0; width:100%; height:100%; z-index:110;} .vip-welfare{ position:fixed; top: 50%; left: 50%; margin-top: -257px; margin-left:-227px; width:453px; height:513px;position:relative; background: url(//js.588ku.com/comp/base/images/vip-bg.png);} .vip-mask .close-but{ display:inline-block; width: 15px; height: 15px; position: absolute; top:60px; right:40px; cursor: pointer;} .vip-mask .close-but i{ display: inline-block; width: 15px; height: 15px; background: url(//js.588ku.com/comp/base/images/close-but.png); } .vip-mask .vip-go{ width: 754px; height: 54px; position: absolute; bottom:93px;left:175px; } .vip-mask .vip-go a{ display: inline-block; width: 75px; height: 54px; background: url(//js.588ku.com/comp/base/images/vip-go.png); } /*** 用户信息下拉框消息通知2016-3-28 ***/ .info-con .info-title{ font-size:30px; text-align:center; color:#000; padding-top:56px; margin-bottom:62px; } .info-con .info-title i{ background:url(//static.588ku.com/imgPath/public/images/public-icon.png) no-repeat -42px -343px; width:28px; height:24px; display:inline-block; margin-right:14px; vertical-align:-1px; } .info-list-con .info-list{ border-bottom:1px dashed #dadada; padding-right:10px; overflow:hidden; } .info-list-con .info-list dt{ width:74px; height:74px; border-radius:50%; background:#d1d1d1; margin-right:32px; } .info-list-con .no-read-info dt{ background:#858585; } .info-list-con .info-list dt .info-icon{ background:url(//static.588ku.com/imgPath/public/images/public-icon.png) no-repeat 0 -343px; width:26px; height:22px; display:block; margin:25px auto 0; } .info-list-con .info-list dd{ font-size:18px; color:#959595; } .info-list-con .info-list dd a:hover{ color:#499ef2; } .info-list-con .no-read-info dd a{ color:#3b3b3b; } .info-list-con .no-read-info .info-time{ color:#3b3b3b!important; } .info-list-con dd a{color: #7c7b7b;} .info-list-con .info-list .list-title{ padding:10px 0 8px 0; } .info-list-con .info-list .list-title em{ background:url(//static.588ku.com/imgPath/public/images/public-icon.png) no-repeat -173px -12px; width:6px; height:6px; display:inline-block; vertical-align:15px; margin-left:5px; } .info-list-con .info-list .list-con{width: 90%;float: left;height: 20px;line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .info-list-con .info-list .info-time{font-size:18px;padding-right:10px;} /***** 用户信息消息下拉框2016-3-28 ***/ .info-drop{ width:428px;border:1px solid #dadada; position: absolute; background: #fff; /*top:77px; */left:-169px; z-index: 101; } .info-drop .info-drop-icon{ background:url(//static.588ku.com/imgPath/public/images/public-icon.png) no-repeat -100px -2px; width:18px; height:10px; display:inline-block; position:relative;top:-10px;left:48%; } .big-info-list .info-list{ padding-left: 10px; overflow:hidden;} .big-info-list .info-list dt{ width:44px; height:44px; margin-right:18px;margin-top: 10px; } .big-info-list .info-list dt .info-icon{ margin:10px auto 0; } .big-info-list .info-list dd{ font-size:14px; color:#959595; } .big-info-list .info-list .list-con{ width:84%; } .big-info-list .info-list .list-title{ padding:4px 0 2px 0; height: 36px; line-height: 36px; } .big-info-list .info-list .list-title p{ max-width:182px; overflow: hidden;white-space: nowrap; text-overflow: ellipsis; } .big-info-list .info-list .info-time{font-size:14px; } .big-info-list .look-main-info{ display:block; text-align:center; height:46px; line-height:46px; } .big-info-list .look-main-info:hover{ color:#499ef2;} /***** 用户信息消息下拉框2016-8-23 ***/ /*** 背景自适应页面 ***/ #bg-main{ width:93%; padding: 0 3.5%; } /*收藏弹窗*/ .colt-fy{width: 586px;height: 386px;position: fixed;top: 50%;left: 50%;border-radius: 5px;background-color: #fff;margin-left: -243px;margin-top: -193px;z-index: 9999;} /*收藏弹窗头部*/ .colt-fy-head{height: 38px;position: relative;border-bottom: 1px solid #ecebeb;} .colt-fy-head span{display: inline-block;font-size: 14px;color: #413f3f;line-height: 38px;padding-left: 15px;} .colt-fy-head .colt-clsbtn{display: inline-block;cursor: pointer;font-size: 20px;width: 14px;height: 14px;background: url(//static.588ku.com/imgPath/public/images/public-icon.png) no-repeat -237px 0px;margin: 12px 19px 0px;} /*收藏弹窗主体部分左边*/ .colt-fy-main{padding: 16px 18px 21px 15px;} .colt-fy-main .fy-mian-viewImg{width: 283px;height: 308px;border: 1px solid #EDEBEB;background-color: #F7F7F7;transition: all .2s;} .colt-fy-main .fy-mian-viewImg:hover{box-shadow: 0 2px 10px rgba(0,0,0,0.2);transform: translate3d(0, -2px, 0);} .colt-fy-main .fy-mian-viewImg .viewImg-info{padding: 9px 11px;} .colt-fy-main .fy-mian-viewImg .imgInfo-hide{width: 259px; height: 259px; margin-bottom: 10px; overflow: hidden;} .colt-fy-main .fy-mian-viewImg img{width: 259px;border: 1px solid #edebeb;margin-bottom: 10px;} .colt-fy-main .fy-mian-viewImg .viewImg-intro{font-size: 14px;color: #5f5f5f;} /*收藏弹窗主体部分右边*/ .colt-fy-main .fl-mian-edit{padding-top: 20px;border-top: 1px solid #ddd;} .colt-fy-main .fl-mian-edit input{width: 249px; height: 18px; border: 1px solid #cdcccc;padding: 5px 0px 5px 8px;color: #444;font-size: 14px;border-radius: 2px;outline: none;} .colt-fy-main .fl-mian-edit .addTypes{margin-bottom: 10px;position: relative;} .colt-fy-main .fl-mian-edit .addTypes label input{background: url(//static.588ku.com/imgPath/public/images/bg_input.png) repeat-x 0px 0px;cursor: pointer;} .colt-fy-main .fl-mian-edit .addTypes label{position: relative;display: block;} .colt-fy-main .fl-mian-edit .addTypes label i{display: block;width: 12px;height: 8px;background: url(//static.588ku.com/imgPath/public/images/public-icon.png) no-repeat -255px 0px;position: absolute;top: 12px;right: 5px;cursor: pointer;} .colt-fy-main .fl-mian-edit .addTypes .selectType-drop{position: absolute;top: 29px;left: 0;z-index: 5;width: 257px;border: 1px solid #cdcccc;border-top: none;border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;max-height: 215px;overflow-y: overlay;} .colt-fy-main .fl-mian-edit .addTypes .selectType-drop a{display: block;line-height: 30px;background-color: #fff;color: #444;padding-left: 15px;} .colt-fy-main .fl-mian-edit .addTypes .selectType-drop a:hover{background-color: #1f67bf;color: #ffff;} .colt-fy-main .fl-mian-edit .addTypes .selectType-drop .addNewName{width: 237px; border:none;border-top: 1px solid #cdcccc;padding: 0;height: 25px;color: #444;padding-left: 20px;} .error-show{margin-top: 10px; height: 55px; line-height: 55px; color: #f72525; font-size: 14px; width: 130px; text-align: right; padding-right: 15px;} .coltto-btnt,.coltto-btn,.coltto-add-btn,.coltto-btn-make,.coltto-btn-list{margin-top: 10px;} .coltto-btnt a,.coltto-btn a,.coltto-add-btn a,.coltto-btn-make a,.coltto-btn-list a{transition: all .2s; border-radius: 2px; display: block;width: 115px;height: 33px;color: #fff;line-height: 33px;text-align: center;background-color: #1f67bf;} .coltto-btnt a:hover,.coltto-btn a:hover,.coltto-add-btn a:hover,.coltto-btn-make a:hover,.coltto-btn-list a:hover{opacity: .9;filter: alpha(opacity=90);transition: all .2s;} .coltto-add-btn a{margin-right: 20px;background-color:#ff8b3d;} .coltto-btn-list{margin-bottom: 19px;margin-left: 10px;float: left;} .coltto-btn-list a{margin-right: 0px;margin-top: 0px;background-color: #1f67bf;} /*2016-08-26 下拉框新样式*/ /*旧版下拉暂有用样式*/ .head-nav-drop .triangle{ background-position:-100px -2px; width:18px; height:10px; position:absolute;top:-10px; left:25px; } .small-width-nav .drop-box{ width: auto; padding: 0; } .small-width-nav .drop-box a{ text-align: center;} /*头部加入VIP导航下拉修改*/ .invip-wid .invip-drop-title{text-align:center;font-size:22px;color:#656565;padding:17px 0;} .invip-wid .invip-drop-title:hover a{color:#0082df;} /* .invip-drop-box .invip-bg,.invip-drop-box .invip-ys{width: 50%;position: relative;text-align: center;} .invip-drop-box .invip-ys{border-right: 1px solid #bebebe;width: 228px;} .invip-drop-box .invip-bg i,.invip-drop-box .invip-ys i{display: inline-block;width: 152px;height: 43px;background: url(//static.588ku.com/imgPath/public/images/comv-icons.png) no-repeat;margin: 25px 0px 30px;} .invip-drop-box .invip-ys i{background-position: -431px -36px;} .invip-drop-box .invip-bg i{background-position: -431px -92px;} */ .invip-drop-box .invip-bg p,.invip-drop-box .invip-ys p{font-size: 14px;line-height: 40px;text-align: center;} .invip-drop-box .invip-ys p{color: #1166bb;} .invip-drop-box .invip-bg p{color: #c80000;} /* .invip-drop-box .invip-bg a,.invip-drop-box .invip-ys a{display: inline-block;width: 168px;height: 36px;line-height: 34px;text-align: center;font-size: 14px;color: #fff;border-radius: 5px;margin: 20px 0 45px;} .invip-drop-box .invip-bg a:hover,.invip-drop-box .invip-ys a:hover{opacity: .8;filter: alpha(opacity=80);} .invip-drop-box .invip-ys a{background-color: #1166bb;} .invip-drop-box .invip-bg a{background-color: #c80000;} */ .vip-icon{ background: url(//static.588ku.com/imgPath/public/images/public-icon.png) no-repeat 0 -46px; width: 57px; height: 20px; display: inline-block; margin-right: 6px; } .user-drop .red-vip-icon{ background-position: 0 -70px; } .icon-show .red-vip-icon{ background-position: 0 -70px; } .user-drop .gray-vip-icon{ background-position: 0 -97px; } .user-drop .ys-gray-vip-icon{background-position: -133px -258px;} /*头部设计元素与背景新下拉框*/ /*下拉公用*/ .nav-pull-down{ width:451px; margin-left:-225px; position: absolute; top:80px; left: 50%; z-index: 100; background: #fff; border-radius:6px; display: none; box-shadow:0px 0px 6px 3px rgba(0,0,0,0.05); } .top-nav-list .branch .nav-pull-down{top: 36px;} .nav-pull-down.last{right:0;} /*设计元素下拉*/ .pull-down-box{ position: relative; } .pull-down-box .triangle {background-position: -100px -2px;width: 18px;height: 10px;position: absolute;top: -9px;left: 25px;} .pull-down-box .pd-top .dredge-vip{ color: #008BFF; padding: 0 10px; height: 30px; line-height: 30px; border-radius: 4px; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; transition: all .2s; letter-spacing:0.2px; border: 1px solid rgba(0, 0, 0, 0.2); border: 1px solid #ccc\9; } .pull-down-box .pd-top .dredge-vip>i{font-size:20px;vertical-align:middle;} /* png */ .pull-down-box .pd-top .dredge-vip.png-vip{ color:#008BFF; border-color: rgba(0, 139, 255, 0.2); border-color: #CCE7FF\9; } .pull-down-box .pd-top .dredge-vip.png-vip:hover{ border-color: rgba(0, 139, 255, 0.6); border-color: #66B9FF\9; } /* 背景 */ .pull-down-box .pd-top .dredge-vip.bg-vip{ color:#FA4633; border-color: rgba(250, 70, 51, 0.2); border-color:#FEDAD6\9; } .pull-down-box .pd-top .dredge-vip.bg-vip:hover{ border-color: rgba(250, 70, 51, 0.6); border-color:#FC9084\9; } /* 模板 */ .pull-down-box .pd-top .dredge-vip.mb-vip{ color:#FF9400; border-color: rgba(255, 148, 0, 0.2); border-color:#FFE9CC\9; } .pull-down-box .pd-top .dredge-vip.mb-vip:hover{ border-color: rgba(255, 148, 0, 0.6); border-color:#FFBE66\9; } /* 办公文档 */ .pull-down-box .pd-top .dredge-vip.wp-vip{ color:#FFC516; border-color: rgba(255, 197, 22, 0.2); border-color:#FFF3D0\9; } .pull-down-box .pd-top .dredge-vip.wp-vip:hover{ border-color: rgba(255, 197, 22, 0.6); border-color:#FFDC73\9; } /* UI设计 */ .pull-down-box .pd-top .dredge-vip.ui-vip{ color:#1ABC9C; border-color: #1ABC9C20; } .pull-down-box .pd-top .dredge-vip.ui-vip:hover{ border-color: #1ABC9C60; } /* 试听库 */ .pull-down-box .pd-top .dredge-vip.vl-vip{ color:#6869D1; border-color: rgba(104, 105, 209, 0.2); border-color:#E0E1F5\9; } .pull-down-box .pd-top .dredge-vip.vl-vip:hover{ border-color: rgba(104, 105, 209, 0.6); border-color: #A4A5E3\9; } /* 艺术字 */ .pull-down-box .pd-top .dredge-vip.wa-vip{ color:#00CFDD; border-color: rgba(0, 207, 221, 0.2); border-color:#CCF5F8\9; } .pull-down-box .pd-top .dredge-vip.wa-vip:hover{ border-color: rgba(0, 207, 221, 0.6); border-color:#66E2EA\9; } /* 插画 */ .pull-down-box .pd-top .dredge-vip.illus-vip{ color:#6CC90C; border-color: rgba(108, 201, 12, 0.2); border-color: #E1F4CE\9; } .pull-down-box .pd-top .dredge-vip.illus-vip:hover{ border-color: rgba(108, 201, 12, 0.6); border-color: #A6DE6D\9; } .pull-down-box .pd-top span{ line-height: 32px; font-size: 12px; letter-spacing: 0.2px; color: rgba(0,0,0,.4); color: #999\9; } .pull-down-box .expand-sortBox{ padding-left: 22px; padding-top: 35px; padding-bottom: 18px; } .pull-down-box .expand-sortBox a{ letter-spacing: 0.2px; min-width: 100px; white-space: nowrap; text-align: left; margin-right: 5px; margin-bottom: 8px; color: rgba(0, 0, 0, .6); color: #666\9; } .pull-down-box .expand-sortBox a>span{ display: inline-block; padding: 0 8px; border-radius: 4px; height: 30px; line-height: 30px; } .pull-down-box .expand-sortBox a:hover>span { color:#fff; } .pull-down-box .expand-sortBox.png a:hover>span { background: #008BFF; } .pull-down-box .expand-sortBox.bg a:hover>span { background: #FA4633; } .pull-down-box .expand-sortBox.tp a:hover>span { background: #FF9400; } .pull-down-box .expand-sortBox.wa a:hover>span { background: #00CFDD; } .pull-down-box .expand-sortBox.illus a:hover>span { background: #6CC90C; } .pull-down-box .expand-sortBox.wp a:hover>span { background: #FFC516; } .pull-down-box .expand-sortBox.ui a:hover>span { background: #1ABC9C; } .pull-down-box .expand-sortBox.vl a:hover>span { background: #6869D1; } .pull-down-box .expand-sortBox.bg .sort-title { color: #FA4633; border-color: #FDB5AD; } .pull-down-box .expand-sortBox.tp .sort-title { color: #FF9400; border-color: #FFD499; } .pull-down-box .expand-sortBox.wa .sort-title { color: #00CFDD; border-color: #99EBF1; } .pull-down-box .expand-sortBox.illus .sort-title { color: #6CC90C; border-color: #C4E99D; } .pull-down-box .expand-sortBox.wp .sort-title { color: #FFC516; border-color: #FFD499; } .pull-down-box .expand-sortBox.ui .sort-title { color: #1ABC9C; border-color: #1ABC9C80; } .pull-down-box .expand-sortBox.vl .sort-title { color: #6869D1; border-color: #C2C3EC; } .pull-down-box .expand-sortBox.other { padding-top: 0px; } /* 艺术字 */ .pull-down-box .wa-sort-type a{ min-width: inherit; padding-right:30px; } /* 插画 */ .pull-down-box .tp-sort-title{height:21px;margin-top:13px;width:90px;font-size:16px;color:#000;} .pull-down-box .sort-title{ display: block; text-align: left; color: #323232; line-height: 16px; overflow: hidden; border-left: 4px solid #000; font-size: 16px; padding-left: 4px; margin-left: 10px; margin-bottom: 18px; } .pull-down-box .ill-sort-title{margin-top:14px;width:60px;font-size:16px;color:#000;} /* .pull-down-box .png-sort a:hover{color:#007fff;} .pull-down-box .bg-sort a:hover{color:#dd0000;} .pull-down-box .tp-sort a:hover{color:#ff7200;} .pull-down-box .ppt-sort a:hover{color:#ffc000;} .pull-down-box .vl-sort a:hover{color:#6869d1;} .pull-down-box .origin-sort a:hover{color:#0ca02b;} .pull-down-box .wa-sort a:hover{color:#009eb9;} .pull-down-box .illus-sort a:hover{color:#6CC90C;} .pull-down-box .ill-sort a:hover{color:#5ebb6a;} */ .pull-down-box .expand-ppt a{min-width:30px;} /*背景*/ .pull-down-box .pd-top h3.bg-pics a{color: #dd0000;} .bg-main-box .bg-esort{border-left: 1px solid #ddd;} /*办公文档下拉*/ .pull-down-box .pd-top h3.work-ppt a{color:#febf2c;} /* 艺术字下拉 */ .pull-down-box .pd-top h3.word-art a{color:#009eb9;} /*插画下拉*/ .pull-down-box .pd-top h3.illus a{color:#6CC90C;} /*li hover 下拉出现*/ .head-nav li:hover .nav-pull-down{display: block;} /* 网站数据信息 */ .web-number{ background: #fff; padding-top:60px !important;padding-left:54px;} .web-number .web-number-dl{color: #464646; width:200px; margin-left: -1px; line-height:26px; } .web-number .web-number-dl dt{ width: 80px; text-align:left;font-size: 15px; } .web-number .web-number-dl dd{ font-size: 14px; color:#464646; } /* new header */ .tb1{ width:20px; height:23px; background: url("//js.588ku.com/comp/index/images/public-icon.png") no-repeat -152px -453px; } .news{ display:inline-block; width: 18px; height: 18px; line-height: 18px; background: #ff4800; border-radius: 50%; color: #fff; font-size: 12px; } .tb2{ width: 57px; height: 20px; background: url("//js.588ku.com/comp/index/images/public-icon.png") no-repeat 0px -46px; } .tb3{ width: 10px; height: 6px; background: url("//js.588ku.com/comp/index/images/public-icon.png") no-repeat -126px -457px; } .tb4{ width: 57px; height: 20px; background: url("//js.588ku.com/comp/index/images/public-icon.png") no-repeat 0px -70px; } .head-nav-drop { display: none; position: absolute; top: 77px; left: -18px; z-index: 100; background: #fff; border: 1px solid #ccc; border-radius: 3px; } .head-nav-drop:before{ content: ""; position: absolute; height: 0px; width: 100%; top: -21px; padding-top: 20px; } .small-width-nav .drop-box { width: auto; padding: 0; } .small-width-nav .drop-box a { text-align: center; } .head-nav-drop .drop-box a { width: 95px; text-align: center; height: 34px; line-height: 34px; display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .head-nav-drop .drop-box a:hover{background:#f2f0f0;} .header-nav ul, .header-nav .fr { margin-top: 0!important; line-height: 38px; height: 39px; padding: 0!important; } .header-nav ul li { padding-top: 0; } .header-nav ul li { float: left; display: inline; } .action-wrap{ position: relative; } .vip-show li i{ display: inline-block; } .dd-drop .drop-box a{ width: 95px; text-align: center; height: 34px; line-height: 34px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tran { -ms-transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; } .head-top .head-nav-right li .tb1{ margin-left: 2px; } /* search tab box and templet recommanded in index page */ /*免抠PNG元素库搜索框*/ body{ height:100%; position: relative; } .search { width: 1198px !important; height: 56px !important; margin: 0 auto !important; position: relative; } .element{ border:none; margin:0 auto !important; } .search .input-text { width: 1024px; padding-left:15px; height: 56px; line-height: 56px; outline: none; color: rgba(0, 0, 0, .6); color: #666\9; } .search-con h2 { height: 83px; line-height: 78px; text-align: center; font-size: 30px; width:100%; } /*.search-con .element-h2 { color:#0063ca; } .search-con .background-h2 { color:#dd0000; } .search-con .model-h2 { color:#ff7200; }*/ .search.element{ border: 1px #0082df solid; } .search.background{ border: 1px #dd0000 solid; } .search.model{ border:1px #ff7200 solid; } /* 艺术字 */ .search.wordart{ border:1px #009eb9 solid; } .search .search-but { display:inline-block; color: #fff; font-size: 16px !important; text-align: center; line-height: 56px; background-color: #0082df; width:159px!important; height:56px!important; overflow: hidden; } .search .search-but i{ /*position: absolute;*/ display:inline-block; width:18px; height:18px; background:url(//static.588ku.com/imgPath/public/images/base-icon.png) no-repeat -72px -160px; vertical-align: sub; margin-right:3px; margin-top:20px; } .search-bg { height:initial !important; background: #fff; /*border-bottom: 1px solid #c1bebd; box-shadow: 0px 0px 3px #c1bebd;*/ } .search-bg .search-tabBox{ width:1200px; height:33px; margin:0 auto; position:relative; } .search-tabBox .search-tab li{ position:absolute; text-align:center; height:32px; line-height:32px; float:left; width:70px; cursor:pointer; font-size:14px; color:#737373; /*margin-right:1px;*/ background-color:#fff; border:1px solid #e5e5e5; border-bottom:none; z-index:20; } .search-tabBox .search-tab .element-search{ left:0px; } .search-tabBox .search-tab .element-search.selected{ /*background-color:#0063ca;*/ /*color:#0f63ca; border:1px solid #9abfe7; height:33px; border-bottom:none;*/ } .search-tabBox .search-tab .element-search.selected{ background-color:#0082df; /*color:#0f63ca;*/ color:#fff; border:1px solid #0082df; height:32px; } .search-tabBox .search-tab .background-search{ /* left:75px; */ left:150px; } .search-tabBox .search-tab .background-search.selected{ /*background-color:#dd0000;*/ /*color:#dd0000; border:1px solid #e99191; height:33px; border-bottom:none;*/ } .search-tabBox .search-tab .background-search.selected{ background-color:#dd0000; color:#fff; border:1px solid #dd0000; height:32px; } .search-tabBox .search-tab .model-search.selected{ background-color:#ff7200; /*color:#ff7200;*/ color:#fff; border:1px solid #ff7200; height:32px; } .search-tabBox .search-tab .model-search{ left:225px; /* left:150px; */ } .search-tabBox .search-tab .model-search.selected{ /*background-color:#ff7200;*/ /* color:#ff7200; border:1px solid #ffc99e; height:33px; border-bottom:none;*/ } /* 艺术字 */ .search-tabBox .search-tab .wordart-search{ /* left:150px; */ left:75px; } .search-tabBox .search-tab .wordart-search.selected{ background-color:#009eb9; /*color:#ff7200;*/ color:#fff; border:1px solid #009eb9; height:32px; } /*搜索框下拉*/ /* .search-sug.element{ border:1px solid #0082df; } */ /* .search-sug.background{ border:1px solid #e99191; } */ /* .search-sug.model{ border:1px solid #ffc99e; } .search-sug.office{ border:1px solid #ffc000; } */ /* 艺术字 */ /* .search-sug.wordart{ border:1px solid #009eb9; } */ /*免抠PNG元素库搜索框结束*/ /*模板素材推荐*/ .box-hd { margin: 40px 0 25px; line-height: 36px; } .box-hd h3 { font-size: 24px; color: #262626; } .box-hd .box-bd-tabs .list-elemt a.current { background: #0082df; color: #fff; } .box-hd .box-bd-tabs .list-elemt .more { display: inline-block; width: 80px; height: 34px; background: #fff; border: 1px solid #d9d9d9; color: #262626; text-align: center; line-height: 34px; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s; } .box-hd .box-bd-tabs .list-elemt a { display: inline-block; margin-right: 15px; color: #262626; font-size: 14px; } /*模板素材图片*/ /*新版搜索框升级提醒*/ .new-search-opacityBox { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index:10000; } .new-search-opacityBox .new-search-opacity{ opacity: 0.8; filter: alpha(opacity=80); background-color: #000; height: 100%; } .new-search-opacityBox .new-search-img{ width:955px; height:263px; background:url(//static.588ku.com/imgPath/public/images/remind.png) no-repeat; position: absolute; /*top:168px; left:464px;*/ left:50%; top:5%; margin-left:-487.5px; margin-top:-93.5px; z-index:11; } .new-search-opacityBox a{ position: absolute; left:50%; top:13%; margin-left: -100px; margin-top: -225px; width:220px; height:48px; line-height:48px; text-align: center; display:block; border:2px solid #32a2f8; border-radius:30px; background:#f5f5f5; color:#000; font-size:18px; z-index:11; } /*注册新账号*/ .reg-accountBox { position:fixed; width: 575px; height: 388px; border: 1px solid rgb(102, 102, 102); top: 40%; left: 50%; margin-left:-287px; margin-top:-194px; display: block; z-index: 100000; background: white; } .reg-accountBox .newAccount-title{ color:#0082df; font-size:18px; height:59px; line-height:59px; border-bottom:1px solid #c2c2c2; padding-left:22px; } .newAccount-phone{ text-align:center; padding-top:45px; } .newAccount-phone .verify-info{ color:#fa1212; font-size:10px; } .newAccount-phone .phone-ipt{ margin:5px auto 81px; text-align:center; padding-right: 42px; } .newAccount-phone .phone-ipt span{ color:#666; font-size:16px; } .newAccount-phone .phone-ipt input{ width:189px; height:30px; line-height:30px; border:1px solid #c2c2c2; border-radius:2px; outline:none; padding-left:5px; margin-left:5px; } .newAccount-phone .phone-ipt input.warn{ border:1px solid #fa1212; } .newAccount-phone .newAccount-btn{ display:block; width:167px; height:30px; line-height:30px; /*background-color:#117cea;*/ background-color:#c0c0c0; color:#fff; font-size:16px; margin: 0 auto; } .newAccount-phone .newAccount-btn.check{ background-color:#117cea; } .newAccount-phone .newAccount-btn:hover{ opacity:0.8; filter:alpha(opacity=80); } .newAccount-phone .clause{ font-size:12px; margin-top:8px; } .newAccount-phone .clause input{ vertical-align: middle; background-color:red; } .newAccount-phone .clause b{ color:#0082df; } /*20170207 bg limit notice*/ .bg-downloadHint{ position: fixed; z-index: 50; left: 0; top: 0; width: 100%; height: 100%; } .bg-downloadHint .downloadHint-con{ width:546px; height:267px; text-align:center; background:#fff; position:fixed; left:50%; top:50%; margin-left:-273px; margin-top:-133px; border-radius:5px; padding-top:85px; z-index:50; position:relative; } .bg-downloadHint .downloadHint-con .close-btn{ position:absolute; display:inline-block; right:16px; top:12px; width:23px; height:23px; background:url(//static.588ku.com/imgPath/public/images/close.png) no-repeat; cursor:pointer; } .downloadHint-con p b{ color:#f14444; } .downloadHint-con .content{ color:#333; font-size:20px; } .downloadHint-con .content em{ display:inline-block; background:url(//static.588ku.com/imgPath/public/images/bg-sIcon.png) no-repeat; width:23px; height:17px; vertical-align:middle; margin-right:10px; } .downloadHint-con .bg-dredgeBtn{ display:inline-block; width:299px; height:48px; line-height:48px; text-align:center; background:#eb4444; color:#fff; font-size:18px; margin:60px 0 10px; border-radius:3px; } .downloadHint-con .bg-dredgeBtn:hover{ opacity:.8; filter:alpha(opacity=80); } .downloadHint-con .advantage{ color:#8c8b8b; font-size:14px; } /*2017-02-08 float searchbox 顶部悬浮搜索框*/ .search-fixTop{ width: 100%; position: fixed; left: 0; /* height:80px; */ top:-200px; -webkit-transform: translateZ(0); transform: translateZ(0); background:#fff; z-index:1000; box-shadow: 4px 2px 2px 0px rgba(40, 40, 40, 0.1); } .search-fixTop .inner{ padding:6px 0; } .search-fixTop .logo-wrap a{ background: url(//static.588ku.com/imgPath/index/images180509/ku-logoNewTopV1.svg) no-repeat center; background: url(//static.588ku.com/imgPath/index/images180509/ku-logoNewTopV1.png) no-repeat center\9; width: 104px; height: 33px; display: inline-block; z-index:50; margin-top:4px; } .search-fixTop .current-select.element{color:#008bff;} .search-fixTop .current-select.background{color:#FA4633;} .search-fixTop .current-select.model{color:#FF9400;} .search-fixTop .search{ width:634px !important; height:40px !important; background:rgba(239, 243, 245, 1); border-radius:6px; } .search-fixTop .search .search-left{ width:70px; height:40px; line-height:40px; background:#EFF3F5; padding-left: 20px; cursor: pointer; position: relative; border-top-left-radius:6px; border-bottom-left-radius:6px; } .search-fixTop .search .search-left .current-selectOther{ position:absolute; top:40px; left:0px; background:#fff; display:none; width:82px; padding:8px 0; box-shadow:0px 4px 6px 3px rgba(0, 0, 0, 0.05); border-radius:0px 0px 6px 6px; } .search .search-left .current-selectOther li{ height:38px; line-height:38px; text-align:center; color:#383838; } .search .search-left .current-selectOther .element:hover{ color:#008bff; } .search .search-left .current-selectOther .background:hover{ color:#FA4633; } .search .search-left .current-selectOther .model:hover{ color:#FF9400; } .search .search-left .current-selectOther .wordart:hover{ color:#00CFDD; } /* 切换板块改变颜色 */ /* png */ /* .search-fixTop .search.element{ border: 1px #0082df solid; } .search-fixTop .search.element .current-selectOther,.search-fixTop .search.element .current-selectOther li,.search-fixTop .search.element .search-left{ border-color:#0082df; } .search-fixTop .search.element .current-select{color:#0082df;} */ /* 背景 */ /* .search-fixTop .search.background{ border: 1px #dd0000 solid; } .search-fixTop .search.background .current-selectOther,.search-fixTop .search.background .current-selectOther li,.search-fixTop .search.background .search-left{ border-color:#dd0000; } .search-fixTop .search.background .current-select{color:#dd0000;} */ /* 模板 */ /* .search-fixTop .search.model{ border:1px #ff7200 solid; } .search-fixTop .search.model .current-selectOther,.search-fixTop .search.model .current-selectOther li,.search-fixTop .search.model .search-left{ border-color:#ff7200; } .search-fixTop .search.model .current-select{color:#ff7200;} .search-fixTop .search.wp{ border:1px #ffc000 solid; } */ /* 艺术字 */ /* .search-fixTop .search.wordart{ border:1px #009eb9 solid; } .search-fixTop .search.wordart .current-selectOther,.search-fixTop .search.wordart .current-selectOther li,.search-fixTop .search.wordart .search-left{ border-color:#009eb9; } .search-fixTop .search.wordart .current-select{color:#009eb9;} .search-fixTop .search.wordart{ border:1px #009eb9 solid; } */ /* 切换板块改变颜色 */ .search-fixTop .search .triangle { width:6px; height:6px; background:url(//static.588ku.com/imgPath/public/images/arrow-bottom.png) no-repeat center; top:17px; right:11px; } .search-fixTop .search .input-text { font-size:14px; padding-left:10px; width: 440px; height: 40px!important; line-height: 40px; color:rgba(0,0,0,0.6); color:#666\9; } .search-fixTop .search .search-but { color: #fff; font-size: 14px !important; text-align: center; line-height: 40px; width: 94px !important; height: 40px !important; overflow: hidden; position: absolute; top: 0px !important; right: 0px !important; border:none; } .search-fixTop .search .search-but i{ width: 20px; height: 20px; background: url(//static.588ku.com/imgPath/index/images/indexV3-icon.png) no-repeat -307px -181px; vertical-align: -8px; margin-top:10px; } .search-fixTop .search .search-but.element { background-color: #008AFF; } .search-fixTop .search .search-but.background { background-color: #dd0000; } .search-fixTop .search .search-but.model { background-color: #ff7200; } .search-fixTop .search .search-but.wordart { background-color: #009eb9; } .search-fixTop .search-log{ width:447px; } .search-fixTop .search .search-sug-float { width: 450px; position: absolute; top: 40px; background: #fff; border: none; z-index: 5; display: none; left: 90px; box-shadow: 0px 3px 6px 3px rgba(0, 0, 0, 0.05); border-radius: 0px 0px 6px 6px; overflow: hidden; } /* .search-fixTop .search .search-sug-float.element { border-color: #0082df; } .search-fixTop .search .search-sug-float.background { border-color: #dd0000; } .search-fixTop .search .search-sug-float.model { border-color:#ff7200; } .search-fixTop .search .search-sug-float.wordart{ border-color:#009eb9; } */ /* .search-fixTop .search .search-sug-float .sokeyup_1, .search-fixTop .search .search-sug-float .go-wordart-search, .search-fixTop .search .search-sug-float .no-search-result{ width:410px; } */ .search-fixTop .fix-top-mask{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index:-1; } .search .search-sug-float{position: absolute;top: 53px;background:#fff;border:1px #1169af solid;border-top:none;width: 689px;z-index: 5;display: none;left:-2px;} .search .search-sug-float .sokeyup_1{height: 40px; line-height: 40px;padding:0 24px;cursor:pointer;} .search .search-sug-float .sokeyup_1:hover{background: #EFF3F5;} .search .search-sug-float .sokeyup_1 .sokeyup_2{ float: left; font-size: 16px; color:rgba(0,0,0,0.4); color:#999\9; } .search .search-sug-float .sokeyup_1 .sokeyup_3{ font-size: 14px; float: right; color:rgba(0,0,0,0.2); color:#ccc\9; } .search .search-sug-float .sokeyup_1.hot .sokeyup_2{color:#ff2a00;color:#ff2a00;position: relative;} .search .search-sug-float .sokeyup_1.hot .sokeyup_2:after{position: absolute;content: ""; width: 22px;height: 10px;right:-31px;top: 15px; background: url(//js.588ku.com/comp/element/images/search-hot.gif)} .red-search-bg .search-sug-float{width: 690px; border: 1px #dd0000 solid;} .search .search-sug{width:1076px;} /* .search-sug-float.element{border-color: #1069af;} .search-sug-float.background{border-color: #dd0000;} .search-sug-float.model{border-color: #ff7200;} */ /*视频播放*/ .jwlogo{display: none} /****** 新消息提示.css 2016-11-23 ****/ .news-drop{ display: none; width: 258px; left: 50%; margin-left: -129px; top: 80px; position: absolute; z-index: 20; background: #fff; border-radius:6px; /* border: 1px solid #e5e5e5; */ box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.05); } .news-drop .news-list{ position: relative;text-align:left; } .news-list .list{ padding-bottom:0!important; border-bottom: 1px solid #f2f2f2; } .news-list .list a{ text-align: left; margin: 0; padding: 0 24px; font-size: 14px; color: rgba(0, 0, 0, .6); color: #666\9; width: auto; height: 44px; line-height: 44px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .news-list .more-news-list{ border-bottom: none; } .news-circle{ width: 4px; height: 4px; background: #ff4800; border-radius: 50%; display: inline-block; vertical-align: 3px; margin-right: 6px; } .news-list .more-news-list a{ text-align: center; } .news-list .list a.isRead { color: #ccc; } .news-list .more-news-list a { color: #000!important; } /*vip过期提醒 2017-03-15*/ .expire-hint{ position:fixed; left:0; /*bottom:0;*/ bottom:-260px; width:100%; height:260px; z-index:100; background:url(//static.588ku.com/imgPath/public/images/expire-hint.png) no-repeat center; overflow:hidden; } .expire-hint .switch-close-vip{ font-size: 55px; position: absolute; top: 50%; right: 0%; cursor: pointer; color: #fff; } .expire-hint span{ position:absolute; bottom:15%; left:37%; color:#fff; font-size:24px; } .expire-hint span b{ color:#ff6000; } .expire-hint .renew-btn{ position:absolute; bottom:12%; right:8%; width:202px; height:53px; line-height:53px; background:#ffe400; color:#102648; font-size:18px; border-radius:3px; text-align:center; -moz-transition: all .2s; -ms-transition:all .2s; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; transform:scale(1); } .expire-hint .renew-btn:hover{ background:#fbe953; -webkit-transform:scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); } @media screen and (max-width: 1200px) { .expire-hint{ width:1200px; } } /*临时功能 设计师问卷调查start*/ /*通用*/ .window-public{ top: 50%; left: 50%; z-index:15; border-radius:5px; background-color: #fff; position: absolute; text-align:center; } .window-public .go-action{ display:block; margin:20px auto; width:239px; height:56px; line-height:56px; background:#0060cd; font-size:18px; color:#fff; border-radius:5px; } .window-public .go-action:hover{ opacity:.7; filter:alpha(opacity=70); } .window-public .close-btnBox{ position: relative; } .window-public .close-btnBox span{ position: absolute; right:0; top:-57px; width:36px; height:57px; background:url(../images/close-wd.png) no-repeat center; cursor:pointer; } .questionnaire-wd{ width: 568px; height: 510px; margin-top: -255px; margin-left: -284px; overflow:hidden; } .questionnaire-wd .info{ font-size:18px; color:#343434 } .questionnaire-wd .info i{ color:#db1413; font-weight:bold; } .questionnaire-wd .next-ask{ cursor:pointer; text-decoration:underline; font-size:18px; color:#343434; } .questionnaire-wd .next-ask:hover{ color:#db1413; } /*临时功能 设计师问卷调查end*/ /*新版本公共弹窗 css start*/ /*170426新版弹窗*/ /*当日下载上限*/ .down-limitPublic{position:fixed;top:50%;left:50%;width:532px;height:362px;margin-top:-181px;margin-left:-266px;background:#fff;text-align:center;z-index:1000;border-radius:12px;} .down-limitPublic .hint-info{font-size:22px;color:#222;font-weight:bold;padding:40px 0 25px;} .down-limitPublic .hint-info .hinfo-ch-color{color: #6CC90C;} .down-limitPublic .best-choice{font-size:18px;} .down-limitPublic .best-choice b{padding-right:5px;} .down-limitPublic .best-choice b.png{color:#0060cd;} .down-limitPublic .best-choice b.bg{color:#df0000;} .down-limitPublic .best-choice b.model{color:#ff7200;} .down-limitPublic .best-choice b.wa{color:#009eb9;} .down-limitPublic .best-choice b.illus{color:#6CC90C;} .down-limitPublic .best-choice b.wp{color:#febf2c;} .down-limitPublic .best-choice b.ui{color:#1ABC9C;} .down-limitPublic .reason{color:#454545;padding-top:25px;} .down-limitPublic .reason .lowest-price{color:#ff3a00;} .down-limitPublic .reason .lowest-price.illuscolor{color:#6CC90C;} .down-limitPublic .upload-vip{display:block;margin:25px auto 15px;width:195px;height:58px;line-height:58px;text-align:center;font-size:18px;color:#fff;border-radius:30px;-webkit-transition: all .2s; -o-transition: all .2s;transition:all .2s;} .down-limitPublic .upload-vip:hover{opacity:.8;filter:alpha(opacity=80);} .down-limitPublic .upload-vip.png{background:#005fcd;} .down-limitPublic .upload-vip.bg{background:#e00000;} .down-limitPublic .upload-vip.model{background:#ff7200;} .down-limitPublic .upload-vip.illus{background:#6CC90C;} .down-limitPublic .upload-vip.wa{background:#009eb9;} .down-limitPublic .upload-vip.wp{background:#febf2c;} .down-limitPublic .upload-vip.ui{background:#1ABC9C;} .down-limitPublic a.cancel{font-size:18px;color:#454545;text-decoration:underline;} .down-limitPublic a.cancel.png:hover{color:#005fcd;} .down-limitPublic a.cancel.bg:hover{color:#e00000;} .down-limitPublic a.cancel.model:hover{color:#ff7200;} .down-limitPublic a.cancel.wa:hover{color:#009eb9;} .down-limitPublic a.cancel.wp:hover{color:#febf2c;} .down-limitPublic a.cancel.ui:hover{color:#1ABC9C;} .down-limitPublic .know-btn{display:block;margin:25px auto 15px;width:195px;height:58px;line-height:58px;text-align:center;font-size:18px;color:#fff;border-radius:30px;-webkit-transition: all .2s; -o-transition: all .2s;transition:all .2s;background:#169dea;} .down-limitPublic .know-btn:hover{opacity:.8;filter:alpha(opacity=80);} /*免费下载上限*/ .illusbg{background:#6CC90C;} .illusft{color:#6CC90C;} /*新版本公共弹窗 css end*/ /*头部下拉升级 css start*/ /*170504新版下拉升级*/ .head-top .head-nav-right li .user-drop .user-drop-info a{margin-left:0px;margin-right:14px} .head-top .head-nav-right li .user-drop .user-drop-vip a{margin-left:0px;margin-right:0px} .head-top .head-nav-right li .user-drop .user-drop-vip a:hover{opacity:0.8;filter:alpha(opacity=80)} @media screen and (max-width: 1450px) { .user-drop{ left:auto; right:0; } } /*头部用户信息*/ .top-nav-menu .login-box .user-drop-list,.head-top-nav .user-drop-list{ display: none; position: absolute; left: 50%; top: 80px; width: 147px; margin-left:-73px; background: #fff; border-radius:6px; box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.05); /* border: 1px solid #e5e5e5; */ } .user-info-box:hover .user-drop-list { display:block; } .user-drop-list li.user-name { text-align: left; border-bottom: 1px solid #f2f2f2; color: #000; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height:32px; padding:10px 2px 10px 20px; } .user-drop-list li { position: relative; text-align: center; height: 41px; line-height: 41px; } .user-drop-list li.user-name .user-id { display:block; font-size: 12px; letter-spacing: 0.2px; line-height: 11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color: rgba(0, 0, 0, .4); color: #aaa\9; } .user-drop-list li.user-name { height: 53px; } .user-drop-list li.quit { height: 53px; line-height: 53px; } .user-drop-list li.quit { border-top: 1px solid #f2f2f2; } .user-drop-list li>a { display: block; padding-left: 20px; text-align: left; color: rgba(0, 0, 0, 0.6); color: #000\9; } .user-drop-list li>a:hover{ color:#000!important; } .invip-wid{width:400px;left:-170px !important} /*解决误碰*/ /* .nav-pull-down:before{ content: ""; position: absolute; height: 0px; width: 100%; top: -21px; padding-top: 20px; } .invip-wid .triangle{background-position:-100px -2px;width:18px;height:10px;position:absolute;top:-9px;left:219px} */ /* .invip-drop-box .invip-bg,.invip-drop-box .invip-ys,.invip-drop-box .invip-md{width:33%;position:relative;text-align:center} .invip-drop-box .invip-bg{border-right:1px solid #c4c4c4;border-left:1px solid #c4c4c4}.invip-drop-box .invip-ys{border-right:none} */ /* .invip-drop-box .invip-bg i,.invip-drop-box .invip-ys i,.invip-drop-box .invip-md i{display:inline-block;width:72px;height:75px;background:url(//static.588ku.com/imgPath/public/images/VIPicon.png) no-repeat;margin:35px 0px 30px} .invip-drop-box .invip-ys i{background-position:-23px -21px} .invip-drop-box .invip-bg i{background-position:-116px -21px} .invip-drop-box .invip-md i{background-position:-208px -21px} */ .invip-drop-box .invip-bg p,.invip-drop-box .invip-ys p,.invip-drop-box .invip-md p{font-size:14px;line-height:40px;text-align:center} .invip-drop-box .invip-ys p{color:#0082df} .invip-drop-box .invip-bg p{color:#c80000} .invip-drop-box .invip-md p{color:#f55700} .invip-drop-box .invip-bg a,.invip-drop-box .invip-ys a,.invip-drop-box .invip-md a{display:inline-block;width:107px;height:34px;line-height:34px;text-align:center;font-size:16px;color:#fff;border-radius:5px;margin:0 13px 23px} .invip-drop-box .invip-bg a:hover,.invip-drop-box .invip-ys a:hover,.invip-drop-box .invip-md a:hover{opacity:.8;filter:alpha(opacity=80)} .invip-drop-box .invip-ys a{background-color:#0082df} .invip-drop-box .invip-bg a{background-color:#c80000} .invip-drop-box .invip-md a{background-color:#f55700} .head-nav li:hover .nav-pull-down{display:block} .nav-pull-down .vip-benefit{text-align:center;border-top:1px solid #cbcbcb;} .nav-pull-down .vip-benefit a{display:inline-block;padding:0 12px;margin:22px auto;color:#fff;font-size:16px;text-align:center;background:#0083de;height:35px;line-height:35px;border-radius:5px;} .nav-pull-down .vip-benefit a:hover{opacity:.8;filter:alpha(opacity=80);} .vip-icon{background:url(//static.588ku.com/imgPath/public/images/public-icon.png) no-repeat 0 -46px;width:57px;height:20px;display:inline-block;margin-right:6px} .user-drop .red-vip-icon{background-position:0 -70px} .icon-show .red-vip-icon{background-position:0 -70px} .user-drop .gray-vip-icon{background-position:0 -97px} .user-drop .ys-gray-vip-icon{background-position:-133px -258px} .pull-down-box .pd-top{ padding-top: 20px; margin-left: 30px; margin-right: 20px; } /* 新增简历分类 */ .pull-down-box .wp-main-box{padding-bottom:18px;} /*新版本下拉升级 css end*/ /*20170511顶部导航改版*/ /*** header ***/ .head-top-nav{background:#fff;width:100%;position:relative;} .head-top-nav.top-navBorder{border-bottom:2px solid #0082df;} .head-top-nav .logo-wrap{margin-right:18px;} .head-top-nav .logo-wrap a{ margin:17px 0; display:inline-block; width:127px; height:40px; background:url(//static.588ku.com/imgPath/public/images/base-icon.png) no-repeat ; } .head-top-nav .top-nav-menu li{position:relative;} .head-top-nav .top-nav-menu li .main{height:58px;line-height:78px;padding:0 12px;display:inline-block;color:#495965;font-size:16px;} .head-top-nav .top-nav-menu li:hover a.main,.head-top-nav .top-nav-menu li.on a.main{/*background:#f2f0f0;*/color:#0082df;} /*图片浏览页搜索框*/ .head-top-search{ width:710px; height:37px; margin-top:21px; } .head-top-search .search-input-wrap{border:1px solid #d1d1d1;border-right:none;} .head-top-search .search-cut-btn{ position:relative; text-align:center; background:#f1f1f1; width:84px; height:35px; line-height:35px; border-right:1px solid #e9e8e8; color:#556d7e; cursor:pointer; } .head-top-search .triangle-n{ margin-left:8px; margin-bottom:2px; width: 10px; height: 6px; display: inline-block; background: url(//static.588ku.com/imgPath/public/images/public-icon.png) no-repeat -126px -457px; } .head-top-search .current-selectOther { position: absolute; top: 35px; left: -1px; background: #f1f1f1; border: 1px solid #d1d1d1; border-top: none; display: block; z-index:15; } .head-top-search .current-selectOther li{ width:66px; height:28px; line-height:28px; padding-right:18px; color:#556d7e; } .head-top-search .current-selectOther .element:hover{color:#0082df;} .head-top-search .current-selectOther .background:hover{color:#dd0000;} .head-top-search .current-selectOther .model:hover{color:#ff7200;} .search-input-wrap.element{border-color:#0082df;} .search-input-wrap.background{border-color:#e99191;} .search-input-wrap.model{border-color:#ffc99e;} .head-top-search .search-button.element {background-color: #0082df;} .head-top-search .search-button.background {background-color: #dd0000;} .head-top-search .search-button.ppt {background-color: #febf2c;} .head-top-search .search-button.model {background-color: #ff7200;} .head-top-search .search-button.wa {background-color: #009eb9;} .head-top-search .search-button.Illustrations{ background-color: #6CC90C; } .head-top-search .search-input{ width:514px; padding-left:10px; height:35px; line-height:35px; outline:none; } .head-top-search .search-button{ display:inline-block; width:100px; height:37px; line-height:37px; text-align:center; background:#0082df; color:#fff; font-size:16px; } /*top-nav-list*/ .head-top-nav .top-nav-list{ /*position:absolute; left:0; top:78px;*/ border-top:1px solid #9cd1f7; width:100%; background:#dff1ff; -webkit-box-shadow: 0px 2px 2px rgba(13,5,9,.1); -moz-box-shadow: 0px 2px 2px rgba(13,5,9,.1); box-shadow: 0px 2px 2px rgba(13,5,9,.1); /*z-index:99;*/ } .head-top-nav .top-nav-list .material-bank{padding-left:142px;} .head-top-nav .top-nav-list .recom{position:relative;} /*.head-top-nav .top-nav-list .recom:after{ content:""; position:absolute; top:-9px; left:22px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 9px solid #0082df; }*/ .head-top-nav .top-nav-list .branch{ position:relative; height:30px; line-height:30px; padding:2px 0; margin:0 6px; } .head-top-nav .top-nav-list .branch:hover .nav-pull-down{display:block;} .head-top-nav .top-nav-list .branch .branch-main{display:inline-block;color:#3e7aa4;} .top-nav-list .branch .branch-main.on span,.top-nav-list .branch:hover .branch-main{color:#fff;} .top-nav-list .branch .branch-main span{ display:inline-block; padding:2px 11px; height:25px; line-height:25px; border-radius:30px; } .top-nav-list .branch .branch-main.on span,.top-nav-list .branch:hover .branch-main span{ background:#0281db; } /*用户qq微信登录按钮样式*/ .head-top-nav .login-wrap li{position:relative;} .head-top-nav .login-wrap li.user-drop-control{height:66px;padding-bottom:12px;} .head-top-nav .login-wrap li.tool{line-height:40px;} .head-top-nav .login-wrap li.tool:hover{background:#f2f2f2;} .head-top-nav .login-wrap li.message-drop-control:hover .news-drop{display:block;top:78px;} /* .head-top-nav .login-wrap li.user-drop-control:hover .user-drop{display:block;} */ /* 2017新版头部 */ .ku-headTop-nav li .login-box:hover .user-drop{display:block;} /* 2016旧版头部 */ .head-top-nav .login-wrap li.user-drop-control:hover .user-drop { display: block; right:0; left:auto; top:78px; } /*未登录*/ .head-top-nav .login-wrap li a.loginOr-reg{ margin-left:10px; display:inline-block; padding:0 25px; height:38px; line-height:38px; border:1px solid #dbdbdb; border-radius:30px; margin-top:19px; color:#495965; } .head-top-nav .login-wrap li a.loginOr-reg:hover{background:#0082df;color:#fff;border-color:#0082df;} .head-top-nav .login-wrap li.tool .tool-a{display:inline-block;padding:0 10px;text-align:center;} .head-top-nav .login-wrap li.tool .tool-a span{color:#556d7e;font-size:13px;} .head-top-nav .login-wrap li a.login{color:#0082df;} .head-top-nav .login-wrap li.tool .tool-a .tool-em{ display:block; margin:22px auto 0; background-image:url(//static.588ku.com/imgPath/public/images/base-icon.png); background-repeat:no-repeat; width:15px; height:16px; } /*签到有奖*/ .head-top-nav .login-wrap li a.sign-btn em{background-position:-9px -57px;} .head-top-nav .login-wrap li a.sign-btn span{color:#ff3c00;} /*已签到*/ .head-top-nav .login-wrap li a.sign-btn.signIn em{background-position:-38px -57px;} .head-top-nav .login-wrap li a.sign-btn.signIn span{color:#909090;} /*已登录*/ .head-top-nav .login-wrap li a.user-icon{margin-top:14px;margin-left:20px;display:inline-block;border-radius:50%;width:48px;height:48px;overflow:hidden;} /*头部搜索框自适应1200 1500*/ .top-nav-w1200{width:1200px;margin:0 auto;} @media screen and (min-width: 1570px ){ .top-nav-w1200{width:1500px;} .head-top-nav .logo-wrap {margin-right: 38px;} .head-top-nav .top-nav-list .material-bank {padding-left: 162px;} } /*控制头部导航下拉菜单*/ /* .head-top-nav .top-nav-menu li:hover .nav-pull-down,.head-top-nav .top-nav-menu li:hover .head-nav-drop{display: block;} */ .topModule-list li:hover .nav-pull-down,.topModule-list li:hover .head-nav-drop{display: block;} /*20170511顶部导航改版*/ /*20170512企业VIP搬动*/ .companyVip .companys { overflow:hidden; padding:30px 0 0; margin:0 40px; border-top:1px solid #e8e8e8; text-align:center; } .companyVip .intovip-wrap{ margin: 28px 0 25px; } .companyVip .intovip { position:relative; display: inline-block; border-radius: 4px; width: 202px; height: 40px; text-align: center; line-height: 40px; color: #914a0f; font-size:18px; background-image: -moz-linear-gradient( 0deg, rgb(227,186,130) 0%, rgb(217,178,122) 100%); background-image: -webkit-linear-gradient( 0deg, rgb(227,186,130) 0%, rgb(217,178,122) 100%); background-image: -ms-linear-gradient( 0deg, rgb(227,186,130) 0%, rgb(217,178,122) 100%); } .companyVip .intovip span.price{ padding:0 9px; position: absolute; right:16px; top:-16px; height:26px; line-height:26px; text-align:center; background:#9d5b25; color:#deb67e; font-size:18px; /*font-family:"SimSun";*/ border-radius:4px; } .companyVip .intovip span.price em{font-size:14px;} .companyVip .intovip-l{margin-left:40px;} .companyVip .intovip-r{margin-right:40px;} .companyVip .intovip:hover{opacity:.8;filter:alpha(opacity=80);} .companyVip .intovip i{ display: inline-block; width: 13px; height: 16px; background: url(//static.588ku.com/imgPath/company/intro/images/company-intro-icon.png) no-repeat 0px -26px; margin-left: 10px; vertical-align:-1px; } .companyVip .intovip b{ position: absolute; left: 0; top: 0; width: 28px; height: 35px; background: url(//static.588ku.com/imgPath/public/images/sideBar-icon.png) no-repeat -282px 0px; } .companyVip .logovip { background: url(//static.588ku.com/imgPath/public/images/VIPicon.png) no-repeat -147px -374px; width:195px; height:50px; overflow: hidden; margin:9px auto 8px; } .companyVip .companys .com-vipType{width: 33.3%;text-align: center;} .companyVip .companys .com-vipType b{color: #cd8740;font-size: 16px;margin-left: 8px;font-weight:lighter;} .companyVip .companys .com-vip{ width: 20px; height: 21px; padding-top: 1px; display:inline-block; vertical-align:middle; background-image:url(//static.588ku.com/imgPath/public/images/sideBar-iconV2.png) ; background-repeat:no-repeat; margin:0 auto 6px; } .companyVip .companys .com-vip.originvip {background-position:0px -136px;} .companyVip .companys .com-vip.ysvip {background-position:-69px -137px;} .companyVip .companys .com-vip.wavip {background-position:-69px -180px;} .companyVip .companys .com-vip.bgvip {background-position:-137px -137px;} .companyVip .companys .com-vip.mbvip {background-position:-204px -137px;} .companyVip .companys .com-vip.wpvip {background-position:-272px -137px;} .companyVip .companys .com-vip.vlvip {background-position:-347px -137px;} .companyVip .companys .com-vip.othervip {background-position:7px -181px;} .companyVip .companys .com-vip.qzdown {background-position:-125px -66px;} .companyVip .companys .com-vip.qysysq {background-position:-157px -66px;} .companyVip .companys .com-vip.zxsqfp {background-position:-189px -66px;} .companyVip .companys b {color: #333;font-weight:normal;font-size:14px;} /*20170515 model-hint.css合并*/ .model-hintlimit{ width: 546px; height: 267px; text-align: center; background: #fff; position: fixed; left: 50%; top: 50%; margin-left: -273px; margin-top: -133px; border-radius: 5px; padding-top: 85px; z-index: 50; position: relative; } .model-hintlimit .close-btn { position: absolute; display: inline-block; right: 16px; top: 12px; width: 23px; height: 23px; background: url(//static.588ku.com/imgPath/public/images/close.png) no-repeat; cursor: pointer; } .model-hintlimit p{font-size:20px;color:#333;margin-bottom:60px;} .model-hintlimit p b{color:#ff7200;} .model-hintlimit a{ display:block; width:297px; height:46px; line-height:46px; border-radius:3px; text-align:center; border:1px solid #ff7200; margin:0 auto 16px; font-size:18px; } .model-hintlimit .model-noLimit{background:#fff;color:#ff7200;} .model-hintlimit .model-noLimit:hover{background:#ff7200;color:#fff;} .model-hintlimit .all-noLimit{background:#ff7200;color:#fff;} .model-hintlimit .all-noLimit:hover{opacity:.6;filter:alpha(opacity=60);} /*20170515 model-hint.css合并结束*/ /*20170515 login.css合并*/ /*通用*/ input{outline:none;} .login-frameBox{ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: fixed; left: 50%; top: 50%; width: 605px; height: 425px; margin-left: -302px; margin-top: -212px; background-color: #fff; border-radius: 10px; z-index: 1010; } .login-publicTitle b{ display:block; color:#767676; font-size:18px; } .login-publicTitle b:before,.login-publicTitle b:after{ content: ""; display: inline-block; position: relative; top:-4px; width: 272px; height: 0px; border-top: 1px solid #e0e0e0; } .login-publicTitle b:before{ right: 12px; } .login-publicTitle b:after{ left: 12px; color: #fff; } .login-publicTitle img{ margin-top:39px; margin-bottom:16px; } .login-publicTitle .switch-close { float: right; font-size: 30px; position: absolute; top: 1px; right: 15px; cursor: pointer; color:#999; } .select-loginType{margin-top:58px;} .select-loginType a{ display:inline-block; border-radius:50%; width:165px; height:165px; border:1px solid #dfdfdf; font-size:18px; text-align:center; } .select-loginType a em{ margin:38px auto 13px; display:block; background-image:url(//static.588ku.com/imgPath/public/images/login-type.png); background-repeat:no-repeat; } .select-loginType .qq{ color:#2a9ce3; margin-left:97px; margin-right:40px; } .select-loginType .qq em{ width:52px; height:57px; background-position:-11px -6px; } .select-loginType .qq:hover{ background:#2a9ce3; color:#fff; border:1px solid #2a9ce3; } .select-loginType .qq:hover em{background-position:-11px -82px;} .select-loginType .wechat{color:#40af37;margin-left:40px;} .select-loginType .wechat:hover{ background:#40af37; color:#fff; border:1px solid #40af37; } .select-loginType .wechat:hover em{background-position:-124px -82px;} .select-loginType .wechat em{ width:57px; height:57px; background-position:-124px -6px; } /*手机号登录*/ .phone-login{ display:block; text-align:right; padding-right:25px; color:#7b7b7b; margin-top:48px; } .input-list{position:relative;} .input-list span{color:#7b7b7b;margin-left:94px;} .input-list .phone-input{ border:1px solid #dddddd; border-radius:5px; width:294px; height:40px; line-height:40px; padding-left:10px; } .input-list .code-input{ border:1px solid #dddddd; border-radius:5px; width:176px; height:40px; line-height:40px; padding-left:10px; vertical-align:middle; } .input-list .send-code{ margin-left:10px; display:inline-block; width:108px; height:42px; line-height:42px; background:#0060cd; border-radius:5px; color:#fff; font-size:12px; text-align:center; vertical-align:middle; } .input-list label{ position:absolute; top:50px; left:153px; } .input-list label em{ display:inline-block; width:13px; height:13px; background:url(//static.588ku.com/imgPath/public/images/login-icon.png); vertical-align:-2px; margin-right:5px; } /*正确图标*/ .input-list .error-info {color:#d81e06;} .input-list .error-info em{background-position:0px 0px;} /*错误图标*/ .input-list .correct-info{color:#0063ca;} .input-list .correct-info em{background-position:-21px 0px;} .phone-loginbox .login-btn{ margin:40px auto 0; display:block; width:302px; height:42px; line-height:42px; background:#dddddd; text-align:center; border-radius:5px; font-size:18px; color:#fff; } .phone-loginbox .login-btn.on{background:#0060cd;} .phone-loginbox .return-qqWechat{ display:block; text-align:left; padding-left:20px; color:#0060cd; margin-top:32px; } /*绑定手机*/ .login-publicTitle .bind-icon{ background:url(//static.588ku.com/imgPath/public/images/login-type.png) no-repeat -237px -14px; width:28px; height:42px; margin-left:32px; margin-right:20px; margin-top:29px; } .login-publicTitle .bind-info{margin-top:24px;margin-bottom:24px;} .login-publicTitle .bind-info span{ color:#3c3c3c; font-size:18px; font-weight:bold; } .login-publicTitle .bind-info p{ color:#ff3c00; font-size:14px; margin-top:5px; } .bind-info p i{ display:inline-block; background:url(//static.588ku.com/imgPath/public/images/login-icon.png) no-repeat -182px 0px; width:14px; height:14px; vertical-align:-1px; margin-right:5px; } .phone-loginbox .return-qqWx-hint { display: inline-block; text-align: left; color: #0060cd; } /*20170515 login.css合并结束*/ /*20170515 sidebar_0412.css合并*/ /*.side-barBox{ position:fixed; right:0; bottom:0; height:100%!important; top:0; width:40px; background:#fff; z-index:100; filter: progid:DXImageTransform.Microsoft.Shadow(color='#efeeee', Direction=220, Strength=2); } .side-barBox .side-bar{ position:absolute; right:0; top:0; bottom:0; width:40px; background:#fff; -webkit-box-shadow: -1px 0 2px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: -1px 0 2px 0 rgba(0, 0, 0, 0.1); box-shadow: -1px 0 2px 0 rgba(0, 0, 0, 0.1); }*/ .side-bar > ul{ position:absolute; left:0; right:0; text-align:center; } .side-bar > ul > li{ position:relative; width:100%; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; border-bottom:1px solid #e9e9e9; /* cursor:pointer;*/ } .right-slide-bar > ul > li .introduce{display:none;} .right-slide-bar > ul > li:hover .introduce{display:block;} .right-slide-bar > li > a > span{ color:#616161; font-size:12px; display:block; width: 30px; margin: 0 auto; } .right-slide-bar > ul > li:hover > a span{color:#fff;} .right-slide-bar ul li em{ display:block; background-image:url(//static.588ku.com/imgPath/public/images/base-icon.png); background-repeat:no-repeat; } .right-slide-bar li em{margin:0 auto 6px;} .bar-menu-contact li{padding-top:20px;height:30px;} .bar-menu-contact li.last-child{border-bottom:none;} .bar-menu-contact li em{margin:0 auto 6px;} /*活动相关等*/ .bar-menu-top .vip em{width:27px;height:27px;background-position:-3px -227px;} .bar-menu-top .match em{width:14px;height:12px;background-position:-71px -92px;} .bar-menu-top .match:hover em{background-position:-71px -126px;} .bar-menu-top .auction em{ width:16px; height:16px; background-position:-40px -91px; } .bar-menu-top .auction:hover em{background-position:-39px -125px;} .side-bar .bar-menu-top{ bottom:300px; z-index:8; background:#fff; min-height:365px; } .right-slide-bar li.fix{top:65px;} .right-slide-bar li .vip{border-top:1px solid #e9e9e9;padding: 10px 0;line-height: 17px;} .right-slide-bar li .introduce{ position:absolute; background:#fff; z-index:7; filter: progid:DXImageTransform.Microsoft.Shadow(color='#d9d9d9', Direction=220, Strength=5); right:50px; } .right-slide-bar li .introduce span{ display:block; font-weight:bold; font-size:18px; color:#2b2b2b; padding-bottom:8px; } .right-slide-bar li .introduce i{display:block;} .right-slide-bar li .introduce a{ -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; } /*vip介绍*/ .right-slide-bar li.vip .introduce .dredge-comVip-wrap{ margin: 28px 0 25px; } .right-slide-bar li.vip .introduce a.dredge-comVip { position: relative; display: inline-block; border-radius: 4px; width: 202px; height: 40px; text-align: center; line-height: 40px; /* clear: both; */ color: #914a0f; font-size: 18px!important; background-image: -moz-linear-gradient( 0deg, rgb(227,186,130) 0%, rgb(217,178,122) 100%); background-image: -webkit-linear-gradient( 0deg, rgb(227,186,130) 0%, rgb(217,178,122) 100%); background-image: -ms-linear-gradient( 0deg, rgb(227,186,130) 0%, rgb(217,178,122) 100%); } .right-slide-bar li.vip .introduce a.dredge-comVip-l {margin-left:40px;} .right-slide-bar li.vip .introduce a.dredge-comVip-r {margin-right:40px;} .right-slide-bar li.vip .introduce a.dredge-comVip:hover{ opacity: 0.8; filter:alpha(opacity=80); } .right-slide-bar li.vip .introduce a.dredge-comVip i{ display: inline-block; width: 13px; height: 16px; background: url(//static.588ku.com/imgPath/company/intro/images/company-intro-icon.png) no-repeat 0px -26px; margin:0 0 0 10px; vertical-align: -1px; } .right-slide-bar li.vip .introduce a.dredge-comVip b{ position: absolute; left: 0; top: 0; width: 28px; height: 35px; background: url(//static.588ku.com/imgPath/public/images/sideBar-icon.png) no-repeat -282px 0px; } .right-slide-bar li{position:relative;} .right-slide-bar li .introduce{ width:523px; background:#fff; top:-60px; border:1px solid #e8e8e8; cursor:default; } .right-slide-bar .introduce .company{ overflow: hidden; padding: 30px 0 0; margin: 0 40px; border-top: 1px solid #e8e8e8; text-align: center; } .right-slide-bar .introduce i{ background: url(//static.588ku.com/imgPath/public/images/VIPicon.png) no-repeat -147px -374px; width: 195px; height: 50px; overflow: hidden; margin: 9px auto 8px; } .right-slide-bar .introduce .company .com-vip{ width: 20px; height: 21px; padding-top: 1px; display:inline-block; vertical-align:middle; background-image:url(//static.588ku.com/imgPath/public/images/sideBar-iconV2.png) ; background-repeat:no-repeat; margin:0 auto 6px; } .right-slide-bar .introduce .com-vipType{width: 33.3%;text-align: center;} .right-slide-bar .introduce .com-vipType b{color: #cd8740;font-size: 16px;margin-left: 8px;font-weight:lighter;} .introduce .company .com-vip.originvip {background-position:0px -136px;} .introduce .company .com-vip.ysvip {background-position:-69px -137px;} .introduce .company .com-vip.wavip {background-position:-69px -180px;} .introduce .company .com-vip.bgvip {background-position:-137px -137px;} .introduce .company .com-vip.mbvip {background-position:-204px -137px;} .introduce .company .com-vip.wpvip {background-position:-272px -137px;} .introduce .company .com-vip.vlvip {background-position:-347px -137px;} .introduce .company .com-vip.othervip {background-position:7px -181px;} .introduce .company .com-vip.qzdown {background-position:-125px -67px;} .introduce .company .com-vip.qysysq {background-position:-157px -66px;} .introduce .company .com-vip.zxsqfp {background-position:-189px -66px;} .introduce .company b {color: #383838;font-weight:normal;font-size:14px;} /* .right-slide-bar li .introduce a{ display:inline-block; width:174px; height:33px; line-height:33px; background:#fde23d; color:#000; text-align:center; border-radius:25px; margin:16px auto 23px; font-size:14px!important; } */ .right-slide-bar li.match .introduce a{ background:#fb4a02; color:#fff; } .right-slide-bar li.auction .introduce a{ background:#46c6e1; color:#fff; } /*上传比赛介绍*/ .right-slide-bar .match .introduce{width:230px;height:235px;top:-175px;} .match .introduce a{ display:block; margin:8px auto 0; width:174px; height:33px; line-height:33px; text-align:center; border-radius:25px; background:#fb4a02; color:#fff; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; } .match .introduce i{ margin:25px auto 15px; width:127px; height:105px; background:url(//static.588ku.com/imgPath/public/images/profit-icon.png) no-repeat center; } .right-slide-bar .match .introduce:after{top:118px;} /*竞拍馆介绍*/ .right-slide-bar .auction .introduce{width:230px;height:272px;top:-75px;} .right-slide-bar .auction .introduce:after{top:106px;} .right-slide-bar .auction i{ margin:25px auto 15px; width:117px; height:109px; background:url(//static.588ku.com/imgPath/public/images/auction-icon.png) no-repeat center; } .auction .introduce a{ display:inline-block; width:174px; height:33px; line-height:33px; text-align:center; background:#46c6e1; color:#fff; border-radius:25px; margin:8px auto 0; } .auction .introduce a:hover{background:#07b7dc;} .right-slide-bar .phone em{ width:14px; height:14px; background-position:-9px -91px; } .right-slide-bar .phone:hover em{background-position:-9px -125px;} .right-slide-bar .phone .introduce{ width:289px; top:-66px; text-align:left; right:50px; } .phone .introduce .qq-17:hover{ -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .phone .introduce p{border-bottom:1px solid #e2e2e2;color:#616161;} .phone .introduce p.last-child{border-bottom:none;} /*客服信息*/ .phone .introduce .service-title{ height:40px; line-height:40px; background-color:#f7f7f7; padding-left:20px; } .phone .introduce .service-info{padding:0 20px;} .introduce .service-info p{padding-top:15px;padding-bottom:17px;} .phone .introduce .qq-17{ display: inline-block; height: 29px; width: 96px; background: url(//static.588ku.com/imgPath/base/images/public-icon.png) 0 -443px; vertical-align: -8px; margin:0 0 0 6px; border-radius:0px; } /*客服信息*/ /*联系方式等*/ .bar-menu-contact li .introduce{ position:absolute; background:#fff; z-index:6; filter: progid:DXImageTransform.Microsoft.Shadow(color='#c0bebf', Direction=220, Strength=5); } .side-bar .bar-menu-contact{bottom:0;z-index:7;background:#fff;} /*微信二维码*/ .bar-menu-contact .wechat{border-top:1px solid #e9e9e9;} .bar-menu-contact .wechat em{width:17px;height:15px;background-position:-102px -91px;} .bar-menu-contact .wechat:hover em{background-position:-102px -126px;} /*微信二维码*/ .bar-menu-contact .wechat .introduce{ padding:21px; -moz-box-shadow: -1px 0px 4px 2px #d9d9d9; -ms-box-shadow: -1px 0px 4px 2px #d9d9d9; -webkit-box-shadow: -1px 0px 4px 2px #d9d9d9; box-shadow: -1px 0px 4px 2px #d9d9d9; top:-46px; right:40px; text-align:left; } /*微信二维码*/ /*反馈建议*/ .bar-menu-contact .suggest em{ width:17px; height:15px; background-position:-7px -162px; } .bar-menu-contact .suggest:hover em{background-position:-7px -198px;} .bar-menu-contact .suggest .introduce{ width:92px; height:50px; line-height:50px; text-align:center; top:0; right:40px; background:#0082df; color:#fff; } .suggest .introduce a{display:block;} /*反馈建议*/ /*返回顶部*/ .bar-menu-contact .return-top em{ width:18px; height:17px; background-position:-39px -160px; } .bar-menu-contact .return-top:hover em{background-position:-235px -38px;} .bar-menu-contact .return-top .introduce{ width:92px; height:50px; line-height:50px; text-align:center; top:0; right:40px; background:#0082df; color:#fff; } .return-top .introduce a{display:block;} /*返回顶部*/ /*20170515 sidebar_0412.css合并结束*/ /*倒流搜索页面右侧广告css star*/ .advert-sideBar{ display:none; position:absolute; left:10px; top:543px; width:158px; border:1px solid #d5d5d5; background:#fff; } .advert-sideBar .head{ color:#222; font-size:16px; position:relative; padding:10px 0 10px 10px; } .advert-sideBar .head .close-btn{ position:absolute; right:6px; top:-3px; font-size:32px; color:#999; cursor:pointer; } .advert-sideBar .advert-listBox{border-top:1px solid #d5d5d5;padding:6px 6px 4px;} .advert-sideBar .advert-listBox .advert-img{ display:block; width:146px; overflow:hidden; } .advert-listBox .advert-title{padding-top:4px;height:27px;line-height:27px;} .advert-listBox .advert-title .title{width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666;} .advert-listBox .advert-title .title:hover{color:#499df2;} .advert-listBox .advert-title .free-study{ padding:0 9px; height:26px; line-height:26px; text-align:center; border:1px solid #0b7cd2; border-radius:2px; background:#499df2; color:#fff; } .advert-listBox .advert-title .free-study:hover{opacity:.8;filter:alpha(opacity=80);} /*屏幕大于1850出现广告*/ @media screen and (min-width:1850px) { .advert-sideBar {display:block;} } /*摄图网弹窗广告*/ .advert-public-wd{ position: fixed; top: 50%; left: 50%; width: 580px; height: 400px; margin-top:-200px; margin-left:-290px; background: #fff; text-align: center; z-index: 1000; border-radius: 2px; } .advert-public-wd .head{position:relative;} .advert-public-wd .head .close-btn{ position:absolute; top:-57px; right:0; width:37px; height:57px; background:url(//static.588ku.com/imgPath/public/images/close-traffic.png) no-repeat center; cursor:pointer; } .advert-public-wd a.advert-img-box{ position: relative; display:block; width:580px; height:235px; overflow:hidden; } .advert-public-wd .info{text-align:center;font-size:16px;color:#666;padding:26px 0;} .advert-public-wd a.dl-btn{ display:block; margin:0 auto 16px; width:165px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:16px; background:#0082df; border-radius:2px; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; } .advert-public-wd a.dl-btn:hover{ opacity:.7; filter:alpha(opacity=70); } .advert-public-wd a.got-it{ color:#0082df; font-size:16px; } .advert-public-wd a.got-it:hover{ color:#ec0000; } /* 到期提醒弹窗 */ .vip-expire-wd { position: fixed; width: 532px; height: 362px; border-radius: 8px; z-index: 100; background: #fff; top: 50%; left: 50%; margin-left: -266px; margin-top: -181px; text-align: center; } .vip-expire-wd .head { position: relative; } .vip-expire-wd .head .close-btn { position: absolute; top: -3px; right: 10px; font-size: 34px; color: #454545; cursor: pointer; } .vip-expire-wd .ve-info { font-weight: bold; color: #222222; } .vip-expire-wd .ve-infoB { font-size: 30px; padding: 93px 0 30px; } .vip-expire-wd .ve-infoS { font-size: 22px; } .vip-expire-wd .go-renewal { display: block; margin: 42px auto 0; width: 195px; height: 58px; line-height: 58px; border-radius: 30px; color: #fff; font-size: 18px; text-align: center; } .vip-expire-wd .go-renewal:hover { opacity: .8; filter: alpha(opacity=80); } .vip-expire-wd .go-renewal.png { background: #005fcd; } .vip-expire-wd .go-renewal.bg { background: #e00000; } .vip-expire-wd .go-renewal.model { background: #ff7200; } /*# sourceMappingURL=vip-expire-wd.css.map */ /*右侧边栏*/ .right-slide-bar{ position:fixed; width:50px; right:7px; /* bottom:11%; */ bottom:170px; height:328px; margin-top:-164px; z-index:100; -webkit-transform: translateZ(0); transform: translateZ(0); } .right-slide-bar .slide-bar li{ width:50px; min-height:42px; border-radius:4px; background:#fff; margin-bottom:5px; text-align:center; border:1px solid #eaeaea; cursor:pointer; } .right-slide-bar .slide-bar li:hover{background:#0082df;border-color:#0082df;} .right-slide-bar .slide-bar li:hover>a{color:#fff;} .right-slide-bar .slide-bar li.return-top-r{background:#ddd;cursor:pointer;} .right-slide-bar .slide-bar li.return-top-r:hover{border-color:#eaeaea;} .right-slide-bar .slide-bar li a{ display:block; color:#333; font-size:12px; } .right-slide-bar .slide-bar li>a{padding:9px 0;} .right-slide-bar .slide-bar li.return-top-r i{ display:block; margin:21px auto; width:15px; height:8px; background:url(//static.588ku.com/imgPath/public/images/base-icon.png) no-repeat -11px -395px; } /* 20170905新增原创下载提示充值vip */ .down-limitPublic.origin-down-limit{ width:600px; height:372px; margin-left:-300px; margin-top:-186px; border-radius:4px; color:#383838; } .down-limitPublic.origin-down-limit .dredge-btn{ display:block; margin:55px auto 25px; width:190px; height: 42px; line-height:42px; text-align:center; font-size:18px; color:#fff; background:#0182e0; border-radius:4px; } .down-limitPublic.origin-down-limit .dredge-btn:hover{opacity:.8;filter:alpha(opacity=80);} .down-limitPublic.origin-down-limit .cancel-btn{ font-size:16px; color:#a6a6a6; text-decoration:underline; } .down-limitPublic.origin-down-limit .cancel-btn:hover{color:#005fcd;} /* 20170905新增原创下载提示充值vip结束 */ /* 首页左右侧边栏上下浮动动画效果 */ .sideBar-animate{ -webkit-animation: two-up-down .8s ease infinite 80ms alternate; animation: two-up-down .8s ease infinite 80ms alternate; } @keyframes two-up-down{from{-webkit-transform:translate(0,8px);transform:translate(0,8px)}to{-webkit-transform:translate(0,-8px);transform:translate(0,-8px)}} @keyframes hot-up-down{from{-webkit-transform:translate(0,1px);transform:translate(0,1px)}to{-webkit-transform:translate(0,-1px);transform:translate(0,-1px)}} /* 20171026增加广告的图标 */ .advert-public-wd a.advert-img-box em.advert{ background:url(//static.588ku.com/imgPath/public/images/base-icon.png) no-repeat 0px -427px; position: absolute; top:20px; right:20px; width:43px; height:22px; } /* 20171107新增原创一元弹窗 */ .org-oneYuan-wd{ position: absolute; width:840px; height:422px; top:50%; left:50%; margin-left:-420px; margin-top:-211px; background:none; z-index:99; overflow:hidden; border-radius:8px; } .org-oneYuan-wd .org-oneYuan-content{padding-top:0px;text-align:center;height:100%;position:relative;} .org-oneYuan-wd .org-oneYuan-l{width:512px;background:url(//static.588ku.com/imgPath/original/images/org-oneYuan-bgV1.png) no-repeat center;} .org-oneYuan-wd .org-oneYuan-r{width:328px;background:#fff;} .org-oneYuan-wd .org-oneYuan-content .title{font-size:16px;color:#333;padding-top:35px;} .org-oneYuan-wd .org-oneYuan-content .info{ color:#da0916; font-size:14px; padding:23px 0 38px; font-weight:bold; } .org-oneYuan-wd .org-oneYuan-content .benefit{ font-size:16px; color:#999; padding-top:25px; } .org-oneYuan-wd .org-oneYuan-content .title b{color:#da0916;font-size:30px;} .org-oneYuan-wd .org-oneYuan-content .title strong{color:#da0916;font-size:18px;} .org-oneYuan-wd .org-oneYuan-content .title i{font-size:20px;color:#333;} /* 关闭按钮 */ .org-oneYuan-wd .orgWd-close{ position: absolute; top:10px; right:17px; width:25px; height:25px; line-height:23px; font-size:40px; color:#000; text-align:center; cursor:pointer; } .org-oneYuan-wd .org-oneYuan-l .dredge-btn{ position: absolute; bottom:56px; left:50%; width:347px; margin-left:-173px; height:45px; line-height:45px; text-align:center; background:#fcb541; border:2px solid #fff; border-radius:4px; font-size:16px; color:#fff; font-weight:bold; -moz-transition:all .2s; -webkit-transition:all .2s; transition:all .2s; } .org-oneYuan-wd .org-oneYuan-l .dredge-btn:hover{background:#fcc873;} .org-oneYuan-wd .superiority-box{padding:75px 0 70px;} .org-oneYuan-wd .superiority-box .list{ display:inline-block; width:107px; height:107px; overflow:hidden; margin:0 31px; background-image:url(//static.588ku.com/imgPath/public/images/org-oneYIcon.png); background-repeat:no-repeat; } .org-oneYuan-wd .superiority-box .list.one{background-position:0px 0px;} .org-oneYuan-wd .superiority-box .list.two{background-position:0px -121px;} .org-oneYuan-wd .qrCode-box .org-qrCode{display:inline-block;margin:0 17px;} .org-oneYuan-wd .qrCode-box .qrCode{ width:104px; height:104px; border:1px solid #c5c5c5; margin:0 auto 26px; text-align:center; } .org-oneYuan-wd .qrCode-box .qrCode img{width:100%;} .org-oneYuan-wd .qrCode-box .org-qrCode.alipay .qrCode{ border:none; background:url(//static.588ku.com/imgPath/activity/lifeLongVip/images/ll-publicIconV1.png) no-repeat -117px -205px; } .org-oneYuan-wd .pay-btn{ display: inline-block; color: #fff; width: 124px; height: 28px; line-height: 28px; font-size: 14px; background: #1aa0e5; -ms-transition: opacity .2s; -moz-transition: opacity .2s; -webkit-transition: opacity .2s; transition: opacity .2s; } .org-oneYuan-wd .wx-btn{background: #fff;color:#999;} .org-oneYuan-wd .wx-btn i{ display:inline-block; width:26px; height:22px; background:url(//static.588ku.com/imgPath/activity/lifeLongVip/images/ll-publicIconV1.png) no-repeat -59px -136px; vertical-align:-5px; margin-right:8px; } .org-oneYuan-wd .alipay-btn{background: #1aa0e5;cursor:pointer;} .org-oneYuan-wd .pay-btn:hover{ opacity:.8; filter:alpha(opacity=80); } /* 20171107新增原创一元弹窗 */ /* 20171204虎课弹窗 */ .nt-huke-wd{ position: fixed; top: 50%; left: 50%; /* width: 580px; height: 400px; margin-top: -200px; margin-left: -290px; */ /* width:530px; height:360px; margin-top:-180px; margin-left:-265px; */ width:327px; height:438px; margin-top:-219px; margin-left:-163px; background: #fff; text-align: center; z-index: 1000; border-radius: 2px; } .nt-huke-wd .head{ position: relative; } .nt-huke-wd .head .close-btn{ top:-33px; right:-33px; width:27px; height:27px; background:url(//static.588ku.com/imgPath/public/images/nt-publicIcon.png) no-repeat 0px -61px; position: absolute; cursor: pointer; } .nt-huke-wd .type-icon{ position: absolute; top:10px; left:10px; width:40px; height:20px; background:url(//static.588ku.com/imgPath/public/images/nt-publicIcon.png) no-repeat 0px 0px; } /* .nt-huke-wd .info{ text-align: center; font-size: 16px; color: #666; padding: 26px 0; } .nt-huke-wd .dl-btn{ display: block; margin: 0 auto 16px; width: 165px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 16px; background: #0082df; border-radius: 2px; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; } .nt-huke-wd .dl-btn:hover{ opacity:.7; filter:alpha(opacity=70); } .nt-huke-wd .got-it{ color: #0082df; font-size: 16px; } .nt-huke-wd .got-it:hover{ color: #ec0000; } */ /* 20171122新增头部导航的更多 */ .ku-headTop-nav .nav-pullMore-other{ width:120px; text-align:center; background:#fff; } .ku-headTop-nav .nav-pullMore-other li.other{ height:60px; line-height:60px; margin-right:0!important; } .ku-headTop-nav .nav-pullMore-other li.other>a{ display:block; color:#000; height:60px; line-height:60px; } .ku-headTop-nav .nav-pullMore-other li.other>a:hover{ background:#0082df; color:#fff; } /* 20171122新版公用网站头部 */ .ku-headTop-nav{ background:#fff; width:100%; height:60px; } .ku-headTop-nav .logo-wrap{ height:60px; overflow:hidden; } .ku-headTop-nav .logo-wrap>a{ margin:24px 0; margin-right:30px; display:inline-block; width:104px; height:33px; background:url(//static.588ku.com/imgPath/index/images180509/ku-logoNewTopV1.svg) no-repeat center; background:url(//static.588ku.com/imgPath/index/images180509/ku-logoNewTopV1.png) no-repeat center\9; } .ku-headTop-nav .top-nav-menu li{ /* margin:0 6px; */ position: relative; } .ku-headTop-nav li .noLogin-box a{ display: block; font-size: 14px; height: 80px; line-height: 80px; padding: 0 6px; -moz-transition: all .2s; -webkit-transition: all .2s; -ms-transition: all .2s; transition: all .2s; margin: 0 6px; color: rgba(0,0,0,.4); color: #999\9; } .ku-headTop-nav li .noLogin-box a .loginBtn{ display: inline-block; color: #fff; padding: 0 15px; height: 24px; line-height: 24px; background-color: #008BFF; border-radius: 12px; margin-top: 28px; letter-spacing:0.4px; } .ku-headTop-nav li .noLogin-box a:nth-child(2):hover{color:#008aff;} .ku-headTop-nav li .login-box{position: relative;height:60px;z-index:101;} .ku-headTop-nav li .login-box .user-icon{ /* padding: 17px 5px; */ margin: 26px 7px; margin: 27px 1px 26px 14px; padding: 0 7px; display: inline-block; border-radius: 100px; width: 28px; height: 28px; overflow: hidden; cursor: default; } .ku-headTop-nav li .login-box .user-icon img{ border-radius:50%; width:100%; } .ku-headTop-nav .top-nav-menu li.tool>a{ display:block; font-size:14px; height:80px; line-height:80px; padding:0 6px; -moz-transition:all .2s; -webkit-transition:all .2s; -ms-transition:all .2s; transition:all .2s; margin:0 6px; color:rgba(0,0,0,.4); color: #999\9; } .ku-headTop-nav .top-nav-menu li>a span{ color:#008aff; text-decoration:underline; } .ku-headTop-nav .top-nav-menu li>a:hover{ color:#008aff; } /* 网站模块切换 */ .ku-headTop-nav{ /* background:#434343; */ background:#fff; width:100%; height:80px; border-bottom:1px solid #f2f2f2; } .ku-headTop-nav .topModule-list li{margin-right:10px;position:relative;} .ku-headTop-nav .topModule-list.change-margin li{margin-right:0px;} .ku-headTop-nav .topModule-list li>a{ position: relative; letter-spacing:0.2px; display:block; font-size:16px; height:80px; line-height:80px; /* padding:0 15px; */ width:92px; text-align:center; transition:all .2s; -ms-transition:all .2s; -webkit-transition:all .2s; -moz-transition:all .2s; color:rgba(0,0,0,0.6); color:#323232\9; } .ku-headTop-nav .topModule-list li>a:after{ content: ""; display: none; position: absolute; border: 1px solid #000; bottom: -1px; left: 0; width: 100%; } .ku-headTop-nav .topModule-list li:hover>a:after{ display:block; } .ku-headTop-nav .topModule-list li:hover>a.png, .ku-headTop-nav .topModule-list li.on>a.png{ color:#008bff; } .ku-headTop-nav .topModule-list li:hover>a.png:after, .ku-headTop-nav .topModule-list li.on>a.png:after{ border-color:#008bff; } .ku-headTop-nav .topModule-list li:hover>a.bg,.ku-headTop-nav .topModule-list li.on>a.bg { color: #FA4633; } .ku-headTop-nav .topModule-list li:hover>a.bg:after,.ku-headTop-nav .topModule-list li.on>a.bg:after { border-color: #FA4633; } .ku-headTop-nav .topModule-list li:hover>a.tp,.ku-headTop-nav .topModule-list li.on>a.tp { color: #FF9400; } .ku-headTop-nav .topModule-list li:hover>a.tp:after,.ku-headTop-nav .topModule-list li.on>a.tp:after { border-color: #FF9400; } .ku-headTop-nav .topModule-list li:hover>a.wa,.ku-headTop-nav .topModule-list li.on>a.wa { color: #00CFDD; } .ku-headTop-nav .topModule-list li:hover>a.wa:after,.ku-headTop-nav .topModule-list li.on>a.wa:after { border-color: #00CFDD; } .ku-headTop-nav .topModule-list li:hover>a.wp,.ku-headTop-nav .topModule-list li.on>a.wp { color: #FFC516; } .ku-headTop-nav .topModule-list li:hover>a.wp:after,.ku-headTop-nav .topModule-list li.on>a.wp:after { border-color: #FFC516; } .ku-headTop-nav .topModule-list li:hover>a.ui,.ku-headTop-nav .topModule-list li.on>a.ui { color: #1ABC9C; } .ku-headTop-nav .topModule-list li:hover>a.ui:after,.ku-headTop-nav .topModule-list li.on>a.ui:after { border-color: #1ABC9C; } .ku-headTop-nav .topModule-list li:hover>a.vl,.ku-headTop-nav .topModule-list li.on>a.vl { color: #6869d1; } .ku-headTop-nav .topModule-list li:hover>a.vl:after,.ku-headTop-nav .topModule-list li.on>a.vl:after { border-color: #6869d1; } .ku-headTop-nav .topModule-list li:hover>a.illus,.ku-headTop-nav .topModule-list li.on>a.illus { color: #6CC90C; } .ku-headTop-nav .topModule-list li:hover>a.illus:after,.ku-headTop-nav .topModule-list li.on>a.illus:after { border-color: #6CC90C; } .ku-headTop-nav .topModule-list li>a.more{ font-size: 40px; line-height: 45px; } /*上传按钮和消息*/ /* 旧版头部 */ .head-top-nav .login-wrap li a.message-btn .message-num { position: absolute; top: 12px; left: 25px; width: 18px; height: 18px; line-height: 18px; text-align: center; border-radius: 50%; background: #ff5a00; color: #fff; font-size: 12px; } /* 新版头部 */ .ku-headTop-nav .top-nav-menu li.tool .message-num{ position:absolute; top:20px; left:35px; width:18px; height:18px; line-height:18px; text-align:center; border-radius:50%; background:#ff5a00; color:#fff; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .head-top-nav .login-wrap li a.upload-btn em{background-position:-70px -57px;} .head-top-nav .login-wrap li a.message-btn em{background-position:-103px -57px;} /* 20171213 首页的左侧边栏网站通用部分 */ /*首页左侧边栏*/ .left-slide-bar{ position:fixed; width:88px; margin-left:-890px; left:50%; top:50%; min-height:294px; margin-top:-164px; z-index:100; -webkit-transform: translateZ(0); transform: translateZ(0); } .left-slide-bar ul{ border:1px solid #a4d1f5; border-bottom:none; border-radius:2px 2px 0 0; } .left-slide-bar ul li{ background:#fff; width:86px; height:48px; line-height:48px; text-align:center; border-bottom:1px solid #a4d1f5; } .left-slide-bar ul li a:hover{color:#fff;background:#a4d1f5;} .left-slide-bar ul li a{ display:block; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s; } .left-slide-bar .return-top-l{ width:88px; padding-top:10px; height:40px; text-align:center; background:#1584dc; color:#fff; cursor:pointer; } .left-slide-bar .return-top-l i{ display:block; width:24px; height:13px; margin:0 auto 3px; background:url(//static.588ku.com/imgPath/index/images/indexV3-icon.png) no-repeat -340px -154px; } /* 商用图库图标 */ .img-box-link .org-icon,.img-show .org-icon,.pic-box .org-icon,.img-box .org-icon,.lit-imgshow .org-icon,.pic-list .org-icon{ position: absolute; bottom: 10px; left: 10px; width: 26px; height: 30px; background: url(//static.588ku.com/imgPath/original/images/org-publicIcon-new.svg?v=180809) no-repeat center; background: url(//static.588ku.com/imgPath/original/images/org-publicIcon-new.png?v=180809) no-repeat center\9; } /* 模板充值升级张数提示20180130 */ .tp-upgradeNum-wd{ position: absolute; top:50%; left:50%; width: 431px; height: 277px; margin-left: -215px; margin-top: -139px; background: url(//static.588ku.com/imgPath/templet/images/tp-upgrade-wdBg.jpg) no-repeat top #fff; text-align:center; border-radius:4px; z-index:1000; } .tp-upgradeNum-wd .head{ position: absolute; top:-103px; left:0; width:100%; height:113px; overflow:hidden; background:url(//static.588ku.com/imgPath/templet/images/tp-upgrade-wdHead.png) no-repeat center; } .tp-upgradeNum-wd .close-btn{ position: absolute; right:10px; top:5px; width:18px; height:18px; line-height:18px; font-size:30px; color:#fff; text-align:center; cursor: pointer; } .tp-upgradeNum-wd .body{margin-top:140px;background:#fff;} .tp-upgradeNum-wd .info{color:#666;font-size:18px;padding-bottom:5px;font-weight:bold;} .tp-upgradeNum-wd .go-upgrade{ display:block; width:170px; height:36px; line-height:36px; text-align:center; background:#1685e4; color:#fff; font-size:18px; border-radius:4px; margin:15px auto 0; } .tp-upgradeNum-wd .go-upgrade:hover{opacity:.8;filter:alpha(opacity=80);} /* 20171122新版公用网站头部 */ @media screen and (max-width:1460px) { .search-fixTop .inner{ padding:8px 0 7px; } } /* 20180207-新年用户头像皮肤 */ .fashiond-user-icon{ position: absolute; top: 0px; left: -7px; width: 49px; height: 35px; background: url(//static.588ku.com/imgPath/PublicHeadActIcon/images/fd-user-icon.png) no-repeat center; } /* 20180208-搜索框增加跳转到艺术字库搜 */ .search-sug .go-wordart-search,.search-sug-float .go-wordart-search, .search-sug .no-search-result,.search-sug-float .no-search-result{ height: 40px; line-height: 40px; padding: 0 24px; cursor: pointer; border-bottom:1px solid #eaeaea; color: rgba(0, 0, 0, 0.4); color: #999\9; } .search-sug .go-wordart-search .sokeyup_2,.search-sug-float .go-wordart-search .sokeyup_2, .search-sug .no-search-result .sokeyup_2,.search-sug-float .no-search-result .sokeyup_2 { float: left; color: rgba(0, 0, 0, 0.4); color: #999\9; } .search-sug .go-wordart-search .sokeyup_3,.search-sug-float .go-wordart-search .sokeyup_3, .search-sug .no-search-result .sokeyup_3,.search-sug-float .no-search-result .sokeyup_3 { float: right; color: rgba(0, 0, 0, 0.4); color: #999\9; } .search-sug .go-wordart-search:hover,.search-sug-float .go-wordart-search:hover, .search-sug .no-search-result:hover,.search-sug-float .no-search-result:hover{ background: #EFF3F5; } .search-sug .go-wordart-search .go-wordart-icon,.search-sug-float .go-wordart-search .go-wordart-icon, .search-sug .no-search-result .no-result-icon,.search-sug-float .no-search-result .no-result-icon{ display:inline-block; width:58px; height:18px; background:url(//static.588ku.com/imgPath/public/images/search-wa-icon.png) no-repeat center; vertical-align:-3px; margin:0 3px; } /* 多人企业VIP提示不能开通单人企业 */ .comyMulti-single-wd .close-b{ font-size:34px; position: absolute; top:15px; right:10px; width:24px; height:20px; line-height:10px; color:#000; cursor:pointer; } .comyMulti-single-wd .reason{ line-height:40px; padding-top:95px; font-size:24px; } /* 20180419-插画艺术字水印 */ .waterMark-icon{ position: absolute; background-repeat:no-repeat; background-position:center; top:0; left:0; right:0; bottom:0; margin:auto; background-image:url(//static.588ku.com/imgPath/public/images/waterMark-inside-icon.png); } /* 20180410新增原创招聘入口 */ @media screen and (max-width: 1700px) { .right-clikMe { display: none!important; } } /* 全站活动图标显示宽度限制 */ @media screen and (max-width:1350px) { .limit-width-hide { display: none; } } /*2018国庆拼团入口浮标,(1350 ---> 1150)随侧边栏一起显示隐藏,活动过后可删除此样式*/ @media screen and (max-width: 1150px) { .show-with-sidebar { display: none; } } /*20180510 全站登录注册以及手机验证码登录新版样式*/ .CLdialog{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.44); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#5F000000,endColorstr=#5F000000); z-index: 9999; } .CLdialog.advertF { z-index: 9996; } .CL-common{ width: 516px; height: 320px; border-radius: 2px; background: #fff; padding: 12px 20px; box-sizing: border-box; position: absolute; left: 50%; margin-left: -258px; top: 50%; margin-top: -160px; } .CLdialog .CLogin{ } .CLdialog .CL-title{ position: relative; text-align: center; height: 25px; } .CLdialog .CL-title>span:first-child{ font-size: 18px; } .CLdialog .CL-close{ position: absolute; width: 12px; height: 12px; /*overflow: hidden;*/ display: inline-block; cursor: pointer; right: 0; margin-top: 6px; } .CLdialog .CL-close>span{ font-size: 22px; position: absolute; top: -10px; right:-3px; cursor: pointer; color: #999; } /*.CLdialog .CL-close>span:last-child{ transform: rotate(135deg); }*/ .CLdialog .CL-Logo{ text-align:center; margin: 23px auto 0px; /*display: flex; justify-content: space-between;*/ } .CLdialog .CL-Logo>.CL-wx{ /* float: right; */ } .CL-Logo>.CL-jx{ display: inline-block; padding-top:60px; padding-bottom:40px; } .CL-Logo>.CL-jx .CL-img{ width: 71px; height: 71px; line-height: 71px; border-radius: 50%; margin: 0 auto; -webkit-transition:all .2s; -moz-transition:all .2s; -ms-transition:all .2s; transition:all .2s; } .CL-Logo>.CL-jx .CL-img.CLqq-img{ /* background-image: url(//static.588ku.com/imgPath/public/images/baseqq.png); */ color:#3f98ff; } .CL-Logo>.CL-qq{padding-left:90px;padding-right:40px;} .CL-Logo>.CL-wx{padding-right:90px;padding-left:40px;} .CL-Logo>.CL-jx .CL-img.CLqq-img>i{font-size:70px;} .CL-Logo>.CL-jx .CL-img.CLwx-img{ /* background-image: url(//static.588ku.com/imgPath/public/images/basewx.png); */ color:#0bbc13; } .CL-Logo>.CL-jx .CL-img.CLwx-img>i{font-size:75px;margin-left:-1px;} .CL-Logo>.CL-jx.CL-qq:hover .CL-img{color:#3285E5;} .CL-Logo>.CL-jx.CL-wx:hover .CL-img{color:#0AA311;} .CL-Logo>.CL-jx>span{ display: inline-block; font-size: 16px; color: rgba(0,0,0,0.4); margin-top: 13px; -webkit-transition:all .2s; -moz-transition:all .2s; -ms-transition:all .2s; transition:all .2s; } .CL-Logo>.CL-jx:hover>span{ color: rgba(0,0,0,0.6); } .CLogin .CL-bottom{ padding: 0 20px; } /*公共部分*/ .CL-bottom .CLfontcolor{ color: #bdbcbc; color: rgba(0,0,0,0.4); font-size: 14px; -webkit-transition:all .2s; -moz-transition:all .2s; -ms-transition:all .2s; transition:all .2s; } .CL-bottom .CL-msg:hover{ color: rgba(0,0,0,0.6); } .CLogin .CL-bottom .CL-register,.CLregister .CL-Login{ color: #008AFF; } .CLogin .CL-bottom .CL-register:hover,.CLregister .CL-Login:hover{ color:#007de7; } .CLogin .CL-bottom .CL-bottom-r,.CL-MsgL .CL-bottom-r{ float: right; } .CL-bottom .CLfontcolor .reg-check-box { display:inline-block; vertical-align: -3px; width: 16px; height: 16px; margin-right:3px; background:url(//static.588ku.com/imgPath/public/images/reg-check-icon.png); cursor:pointer; } .CL-bottom .CLfontcolor .statement{ color: rgba(0,0,0,0.4); text-decoration:underline; } .CL-bottom .CLfontcolor .statement>a{ color: rgba(0,0,0,0.4); } .CL-bottom .CLfontcolor .statement:hover,.CL-bottom .CLfontcolor .statement:hover>a{ color:#008AFF; } .CL-bottom .check-hint{ position: absolute; left:0; bottom:80px; width:100%; display:none; text-align:center; color:#df0000; } /*注册*/ .CLregister .CL-Logo{ /*margin: 68px auto 45px;*/ margin:0; } .CLregister .CL-bottom .CLfontcolor{ text-align: center; } .CLregister .CL-bottom .CLfontcolor{ margin-bottom: 17px; } /*短信登录模块*/ .CL-MsgL{ height: 362px; margin-top:-181px; } .CL-Msg-tip{ height: 25px; width: 100%; margin: 30px auto 10px; text-align: center; font-size: 14px; color: #FF595E; display: block; } .CL-MsgL .CL-Infoform .CL-info-input{ width: 286px; height: 40px; box-sizing: border-box; /*margin-bottom: 14px;*/ margin: 0 auto 14px; border: 1px solid #ccc; border-radius: 2px; } .CL-MsgL .CL-Infoform .CL-info-input input{ border-style: none; padding: 14px 10px; box-sizing: border-box; height: 100%; } .CL-MsgL .CL-Infoform .CL-info-input.actived{ border: 1px solid #008AFF; } .CL-MsgL .CLmsg-user input{ width: 100%; } .CL-MsgL .CLmsg-code input{ max-width: 203px; } .CL-MsgL .CLmsg-code a{ display: inline-block; height: 100%; line-height: 40px; float: right; padding-right: 10px; max-width: 100px; } .CL-MsgL .CLmsgLfont{font-size: 14px;color: #008AFF;} .CL-MsgL .CLmsgLfont:hover{color:#007de7;} .CL-MsgL .CLMsgsubmit{ width: 286px; height: 40px; font-size: 14px; line-height: 40px; color: #fff; background: #4C4C4C; margin: 0 auto 59px; display: block; cursor: pointer; border-radius: 2px; text-align: center; -webkit-transition:background .2s; -ms-transition:background .2s; -moz-transition:background .2s; transition:background .2s; } .CL-MsgL .CLMsgsubmit:hover{ background:#333; } .CL-MsgL .CL-bottom{ padding: 0 20px; } .CL-MsgL .CL-Infoform .CL-info-input input::-webkit-input-placeholder { color:rgba(0,0,0,0.4); } .CL-MsgL .CL-Infoform .CL-info-input input::-moz-placeholder{ color:rgba(0,0,0,0.4); } .CL-MsgL .CL-Infoform .CL-info-input input:-moz-placeholder { color:rgba(0,0,0,0.4); } .CL-MsgL .CL-Infoform .CL-info-input input:-ms-input-placeholder { color:rgba(0,0,0,0.4); } /* 180525添加千库小贴士长期使用 */ .qk-tips-wrap { position: fixed; bottom: 50px; right: 50px; width: 400px; min-height: 252px; border-radius: 8px; overflow: hidden; background: #fff; z-index: 9999; border: 1px solid #a4a4a4; } .qk-tips-wrap .tips-close { position: absolute; top: 19px; right: 19px; width: 12px; height: 12px; line-height: 12px; text-align: center; color: #999; cursor: pointer; font-size: 24px; } .qk-tips-wrap .tips-logo { display: inline-block; width: 75px; overflow: hidden; margin-left: 25px; margin-top: 12px; } .qk-tips-wrap .tips-logo img { width: 100%; } .qk-tips-wrap .tips-head { width: 100%; border-bottom: 1px solid #f2f2f2; height: 46px; } .qk-tips-wrap .tips-body { padding: 23px 27px 0; } .qk-tips-wrap .tips-body .content { color: #a4a4a4; line-height: 28px; padding-bottom: 45px; word-break: break-all; word-break: break-word; word-wrap: break-word; } .qk-tips-wrap .tips-body .content strong { color: #000; } .qk-tips-wrap .tips-body .import-info { color: #a4a4a4; line-height: 25px; padding-bottom: 27px; } .qk-tips-wrap .tips-body .import-info strong { color: #000; } .qk-tips-wrap .tips-body .import-info .qq-join { display: inline-block; width: 80px; height: 25px; line-height: 25px; border-radius: 13px; font-size: 12px; color: #fff; background: #008AFF; text-align: center; } .qk-tips-wrap .tips-body .import-info .qq-join .iconfont { vertical-align: -2px; } /* 20180703新右侧边栏 */ /*.globalR-side-bar li { position: relative; } .globalR-side-bar li .introduce { display: none; width: 523px; background: #fff; top: -54px; border: 1px solid #e8e8e8; cursor: default; } .globalR-side-bar .side-bar li a { display: block; color: rgba(0, 0, 0, 0.8); color: #333\9; font-size: 12px; } .globalR-side-bar .introduce.company-vip { width: 186px; } .globalR-side-bar .introduce.company-vip .type-list { width: 50%; text-align: center; padding: 18px 0; } .globalR-side-bar .introduce.company-vip .type-list .icon-zuanshi { display: block; margin: 0 auto 10px; font-size: 20px; width: auto; height: auto; background: none; } .globalR-side-bar .introduce.company-vip .type-list .icon-zuanshi.comp { color: #fed914; } .globalR-side-bar .introduce.company-vip .type-list .type-name { font-size: 14px; color: rgba(0, 0, 0, 0.6); } .globalR-side-bar .introduce.company-vip .type-list:hover .type-name { color: rgba(0, 0, 0, 0.9); }*/ /*右侧边栏*/ .bar-menu-contact li { padding-top: 20px; height: 30px; } .bar-menu-contact li.last-child { border-bottom: none; } .bar-menu-contact li em { margin: 0 auto 6px; } /*活动相关等*/ .bar-menu-top .vip em { width: 27px; height: 27px; background-position: -3px -227px; } .bar-menu-top .match em { width: 14px; height: 12px; background-position: -71px -92px; } .bar-menu-top .match:hover em { background-position: -71px -126px; } .bar-menu-top .auction em { width: 16px; height: 16px; background-position: -40px -91px; } .bar-menu-top .auction:hover em { background-position: -39px -125px; } .side-bar .bar-menu-top { bottom: 300px; z-index: 8; background: #fff; min-height: 365px; } .globalR-side-bar li.fix { top: 65px; } .globalR-side-bar li .vip { border-top: 1px solid #e9e9e9; padding: 10px 0; line-height: 17px; } .globalR-side-bar li .introduce { position: absolute; background: #fff; z-index: 7; filter: progid:DXImageTransform.Microsoft.Shadow(color='#d9d9d9', Direction=220, Strength=5); right: 44px; } .globalR-side-bar li .introduce span { display: block; font-weight: bold; font-size: 18px; color: #2b2b2b; padding-bottom: 8px; } .globalR-side-bar li .introduce i { display: block; } .globalR-side-bar li .introduce a { -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; } /*vip介绍*/ .globalR-side-bar li.vip .introduce .dredge-comVip-wrap { margin: 28px 0 25px; } .globalR-side-bar li.vip .introduce a.dredge-comVip { position: relative; display: inline-block; border-radius: 4px; width: 202px; height: 40px; text-align: center; line-height: 40px; /* clear: both; */ color: #914a0f; font-size: 18px !important; background-image: -moz-linear-gradient(0deg, #e3ba82 0%, #d9b27a 100%); background-image: -webkit-linear-gradient(0deg, #e3ba82 0%, #d9b27a 100%); background-image: -ms-linear-gradient(0deg, #e3ba82 0%, #d9b27a 100%); } .globalR-side-bar li.vip .introduce a.dredge-comVip-l { margin-left: 40px; } .globalR-side-bar li.vip .introduce a.dredge-comVip-r { margin-right: 40px; } .globalR-side-bar li.vip .introduce a.dredge-comVip:hover { opacity: 0.8; filter: alpha(opacity=80); } .globalR-side-bar li.vip .introduce a.dredge-comVip i { display: inline-block; width: 13px; height: 16px; background: url(//static.588ku.com/imgPath/company/intro/images/company-intro-icon.png) no-repeat 0px -26px; margin: 0 0 0 10px; vertical-align: -1px; } .globalR-side-bar li.vip .introduce a.dredge-comVip b { position: absolute; left: 0; top: 0; width: 28px; height: 35px; background: url(//static.588ku.com/imgPath/public/images/sideBar-icon.png) no-repeat -282px 0px; } .globalR-side-bar .introduce .company { overflow: hidden; padding: 30px 0 0; margin: 0 40px; border-top: 1px solid #e8e8e8; text-align: center; } .globalR-side-bar .introduce i { background: url(//static.588ku.com/imgPath/public/images/VIPicon.png) no-repeat -147px -374px; width: 195px; height: 50px; overflow: hidden; margin: 9px auto 8px; } .globalR-side-bar .introduce .company .com-vip { width: 20px; height: 21px; padding-top: 1px; display: inline-block; vertical-align: middle; background-image: url(//static.588ku.com/imgPath/public/images/sideBar-iconV2.png); background-repeat: no-repeat; margin: 0 auto 6px; } .globalR-side-bar .introduce .com-vipType { width: 33.3%; text-align: center; } .globalR-side-bar .introduce .com-vipType b { color: #cd8740; font-size: 16px; margin-left: 8px; font-weight: lighter; } .introduce .company .com-vip.originvip { background-position: 0px -136px; } .introduce .company .com-vip.ysvip { background-position: -69px -137px; } .introduce .company .com-vip.wavip { background-position: -69px -180px; } .introduce .company .com-vip.bgvip { background-position: -137px -137px; } .introduce .company .com-vip.mbvip { background-position: -204px -137px; } .introduce .company .com-vip.wpvip { background-position: -272px -137px; } .introduce .company .com-vip.vlvip { background-position: -347px -137px; } .introduce .company .com-vip.othervip { background-position: 7px -181px; } .introduce .company .com-vip.qzdown { background-position: -125px -67px; } .introduce .company .com-vip.qysysq { background-position: -157px -66px; } .introduce .company .com-vip.zxsqfp { background-position: -189px -66px; } .introduce .company b { color: #383838; font-weight: normal; font-size: 14px; } .globalR-side-bar li.match .introduce a { background: #fb4a02; color: #fff; } .globalR-side-bar li.auction .introduce a { background: #46c6e1; color: #fff; } /*上传比赛介绍*/ .globalR-side-bar .match .introduce { width: 230px; height: 235px; top: -54px; } .match .introduce a { display: block; margin: 8px auto 0; width: 174px; height: 33px; line-height: 33px; text-align: center; border-radius: 25px; background: #fb4a02; color: #fff; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; } .match .introduce i { margin: 25px auto 15px; width: 127px; height: 105px; background: url(//static.588ku.com/imgPath/public/images/profit-icon.png) no-repeat center; } .globalR-side-bar .match .introduce:after { top: 118px; } .globalR-side-bar .phone em { width: 14px; height: 14px; background-position: -9px -91px; } .globalR-side-bar .phone:hover em { background-position: -9px -125px; } .globalR-side-bar .phone .introduce { width: 289px; top: -54px; text-align: left; right: 44px; } .phone .introduce .qq-17:hover { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .phone .introduce p { border-bottom: 1px solid #e2e2e2; color: #616161; } .phone .introduce p.last-child { border-bottom: none; } /*客服信息*/ .phone .introduce .service-title { height: 40px; line-height: 40px; background-color: #f7f7f7; padding-left: 20px; } .phone .introduce .service-info { padding: 0 20px; } .introduce .service-info p { padding-top: 15px; padding-bottom: 17px; } .phone .introduce .qq-17 { display: inline-block; height: 29px; width: 96px; background: url(//static.588ku.com/imgPath/base/images/public-icon.png) 0 -443px; vertical-align: -8px; margin: 0 0 0 6px; border-radius: 0px; } /*客服信息*/ /*联系方式等*/ .bar-menu-contact li .introduce { position: absolute; background: #fff; z-index: 6; filter: progid:DXImageTransform.Microsoft.Shadow(color='#c0bebf', Direction=220, Strength=5); } .side-bar .bar-menu-contact { bottom: 0; z-index: 7; background: #fff; } /*微信二维码*/ .bar-menu-contact .wechat { border-top: 1px solid #e9e9e9; } .bar-menu-contact .wechat em { width: 17px; height: 15px; background-position: -102px -91px; } .bar-menu-contact .wechat:hover em { background-position: -102px -126px; } /*微信二维码*/ .bar-menu-contact .wechat .introduce { padding: 21px; -moz-box-shadow: -1px 0px 4px 2px #d9d9d9; -ms-box-shadow: -1px 0px 4px 2px #d9d9d9; -webkit-box-shadow: -1px 0px 4px 2px #d9d9d9; box-shadow: -1px 0px 4px 2px #d9d9d9; top: -46px; right: 40px; text-align: left; } /*微信二维码*/ /*反馈建议*/ .bar-menu-contact .suggest em { width: 17px; height: 15px; background-position: -7px -162px; } .bar-menu-contact .suggest:hover em { background-position: -7px -198px; } .bar-menu-contact .suggest .introduce { width: 92px; height: 50px; line-height: 50px; text-align: center; top: 0; right: 40px; background: #0082df; color: #fff; } .suggest .introduce a { display: block; } /*反馈建议*/ /* 为你推荐 */ .control-handle{padding-bottom:45px;} .control-handle .control-btn { display:block; color:#7b7b7b; cursor:pointer; margin-right:28px; height:35px; line-height:35px; } .control-handle .control-btn.on .iconfont { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); } .control-handle .control-btn .iconfont{ display:inline-block; margin-left:8px; font-size:12px; } .control-handle .control-btn:hover {color:#d3d3d3;} .control-handle .qq-17{ margin-top:6px; width:82px; height:25px; line-height:25px; border-radius:13px; background-color:#fff; text-align:center; color:#666; font-size:12px; color:#7b7b7b; } .control-handle .qq-17 i{vertical-align:-3px;font-size:20px;color:#3F98FF;} .control-handle .qq-17:hover{ color:#666; } /*返回顶部*/ .bar-menu-contact .return-top em { width: 18px; height: 17px; background-position: -39px -160px; } .bar-menu-contact .return-top:hover em { background-position: -235px -38px; } .bar-menu-contact .return-top .introduce { width: 92px; height: 50px; line-height: 50px; text-align: center; top: 0; right: 40px; background: #0082df; color: #fff; } .return-top .introduce a { display: block; } /* 新增QQ联盟 */ .globalR-side-bar li .introduce.qq-group-box { width: 238px; border: 1px solid #e8e8e8; background: #fff; padding-bottom: 8px; text-align: center; } .globalR-side-bar .qq-group-box .head { height: 40px; line-height: 40px; color: #666; background: #f7f7f7; border-bottom: 1px solid #e8e8e8; } .globalR-side-bar .qq-group-box .head .title { margin-left: 20px; font-size: 14px; } .globalR-side-bar .qq-group-box .head>.more { font-size: 12px; color: #999; margin-right: 16px; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; transition: all .2s; } .globalR-side-bar .qq-group-box .head>.more:hover { color: #147aef; } .globalR-side-bar .qq-group-box .qq-group-list { height: 26px; line-height: 26px; padding-top: 12px; } .globalR-side-bar .qq-group-list .name { width: 140px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 20px; text-align: left; font-size: 14px; color: #666; } .globalR-side-bar .qq-group-list .name:hover { color: #008aff; } .globalR-side-bar .qq-group-list .add-group { width: 48px; height: 20px; line-height: 20px; border: 1px solid #008aff; border-radius: 4px; color: #008aff; font-size: 12px; padding-bottom: 0; font-weight: normal; margin-right: 15px; margin-top: 2px; } .globalR-side-bar .qq-group-list .add-group:hover { background: #008aff; color: #fff; } .globalR-side-bar .qq-group-list.full{cursor:default;} .globalR-side-bar .qq-group-list.full .name,.globalR-side-bar .qq-group-list.full .name:hover{ color:#999; } .globalR-side-bar .qq-group-list.full .add-group,.globalR-side-bar .qq-group-list.full .add-group:hover{ border-color:#999; color:#999; background:none; } /* 右侧边栏结束 */ /* 20180704vip下拉集合 */ .ku-headTop-nav .top-nav-menu li.tool>a .vip-gather{ display:inline-block; margin-right:2px; width:17px; height:16px; vertical-align:-1px; background: url(//static.588ku.com/imgPath/public/images/qk-vipgather-icon.svg) no-repeat center; background: url(//static.588ku.com/imgPath/public/images/index-public-icon.png) no-repeat 0px -19px\9; } .ku-headTop-nav .top-nav-menu li.tool>a .head-vip-icon{ display:inline-block; margin-right:2px; width:20px; height:20px; vertical-align:middle; } .ku-headTop-nav .top-nav-menu li.tool>a .company-vip-icon { background: url(//static.588ku.com/imgPath/public/images/company-vip-icon.svg) no-repeat center; background: url(//static.588ku.com/imgPath/public/images/index-public-iconV1.png) no-repeat -18px -71px\9; } .ku-headTop-nav .top-nav-menu li.tool>a .per-vip-icon{ background: url(//static.588ku.com/imgPath/public/images/per-vip-icon.svg) no-repeat center; background: url(//static.588ku.com/imgPath/public/images/index-public-iconV1.png) no-repeat 0px -71px\9; } .top-nav-menu .vip-gather-l .vip-gather-type,.top-nav-menu .vip-gather-r .vip-gather-type { position:relative; padding-top:20px; text-align:center; font-size:18px; color:rgba(0,0,0,.4); color:#999\9; } .top-nav-menu .vip-gather-l .vip-gather-type:before,.top-nav-menu .vip-gather-l .vip-gather-type:after,.top-nav-menu .vip-gather-r .vip-gather-type:before,.top-nav-menu .vip-gather-r .vip-gather-type:after{ content:''; position:absolute; top:70%; width:133px; border-bottom:1px solid #f2f2f2; } .top-nav-menu .vip-gather-l .vip-gather-type:before,.top-nav-menu .vip-gather-r .vip-gather-type:before{ left:37px; } .top-nav-menu .vip-gather-l .vip-gather-type:after,.top-nav-menu .vip-gather-r .vip-gather-type:after{ right:37px; } .top-nav-menu .vip-gather-r .vip-other-type{ font-size:16px; display:block; margin:16px auto 36px; width:239px; height:46px; line-height:46px; text-align:center; border-radius:4px; border:1px solid #000; -moz-transition:all .2s; -webkit-transition:all .2s; -ms-transition:all .2s; transition:all .2s; } .top-nav-menu .vip-gather-r .vip-other-type>i{ display:inline-block; width:29px; height:23px; vertical-align:-5px; margin-right:5px; } .top-nav-menu .vip-gather-r .vip-other-type.company{ /* background:#D5B37E; */ color:#955C2B; border-color:rgba(171,125,86,.2); border-color:#EEE5DD\9; } .top-nav-menu .vip-gather-r .vip-other-type.company:hover{ border-color:rgba(171, 125, 86, .6); border-color:#CCB199\9; } .top-nav-menu .vip-gather-r .vip-other-type.company>i{ background:url(//static.588ku.com/imgPath/public/images/drop-company-icon.svg) no-repeat center; background:url(//static.588ku.com/imgPath/public/images/index-public-icon.png) no-repeat 0px -46px\9; } .top-nav-menu .vip-gather-r .vip-other-type.common{ /* background:#008BFF; */ color:#008BFF; border-color:rgba(0,139,255,.2); border-color:#CCE7FF\9; } .top-nav-menu .vip-gather-r .vip-other-type.common:hover { border-color:rgba(0, 139, 255, .6); border-color:#66B9FF\9; } .top-nav-menu .vip-gather-r .vip-other-type.common>i{ background:url(//static.588ku.com/imgPath/public/images/drop-common-icon.svg) no-repeat center; background:url(//static.588ku.com/imgPath/public/images/index-public-icon.png) no-repeat -31px -46px\9; } /* 20180709-新增头部下拉vip集合 */ /* .nav-pull-down.last { left: auto; right: 0; } */ .ku-headTop-nav .top-nav-menu li.vip-gather:hover .nav-pull-down { display:block!important; } .ku-headTop-nav .top-nav-menu li .vip-gather-box { left:50%; width:460px; margin-left:-230px; border:none; box-shadow:0px 0px 6px 3px rgba(0, 0, 0, 0.05); border-radius:6px; } .top-nav-menu .vip-gather-box .vip-type-box { padding-left: 28px; } .top-nav-menu .vip-gather-box .vip-type-box .type-list { text-align: center; margin-right:25px; padding-top:18px; } .top-nav-menu .vip-gather-box .vip-type-box .type-list .icon-zuanshi { font-size: 26px; display: block; margin: 0 auto 5px; } .top-nav-menu .vip-gather-box .type-list:hover .type-name { color: rgba(0, 0, 0, 0.9); } .top-nav-menu .vip-gather-box .type-name { letter-spacing:0.2px; font-size:16px; color: rgba(0, 0, 0, 0.6); color: #000\9; } /* 元素 */ .top-nav-menu .vip-gather-box .type-list.png .icon-zuanshi { color: #008bff; } .top-nav-menu .vip-gather-box .type-list.png .open-btn:hover{ border-color:#008bff; color:#008bff; } /* 艺术字 */ .top-nav-menu .vip-gather-box .type-list.wa .icon-zuanshi { color: #00CFDD; } .top-nav-menu .vip-gather-box .type-list.wa .open-btn:hover { border-color:#00CFDD; color:#00CFDD; } /* 背景 */ .top-nav-menu .vip-gather-box .type-list.bg .icon-zuanshi { color: #FA4633; } .top-nav-menu .vip-gather-box .type-list.bg .open-btn:hover { border-color: #FA4633; color: #FA4633; } /* 模板 */ .top-nav-menu .vip-gather-box .type-list.tp .icon-zuanshi { color: #FF9400; } .top-nav-menu .vip-gather-box .type-list.tp .open-btn:hover { border-color:#FF9400; color:#FF9400; } /* 插画 */ .top-nav-menu .vip-gather-box .type-list.illus .icon-zuanshi { color: #6CC90C; } .top-nav-menu .vip-gather-box .type-list.illus .open-btn:hover { border-color: #6CC90C; color: #6CC90C; } /* 办公 */ .top-nav-menu .vip-gather-box .type-list.wp .icon-zuanshi { color: #FFC516; } .top-nav-menu .vip-gather-box .type-list.wp .open-btn:hover { border-color: #FFC516; color: #FFC516; } /* UI设计 */ .top-nav-menu .vip-gather-box .type-list.ui .icon-zuanshi { color: #1ABC9C; } .top-nav-menu .vip-gather-box .type-list.ui .open-btn:hover { border-color: #1ABC9C; color: #1ABC9C; } /* 视听库 */ .top-nav-menu .vip-gather-box .type-list.vl .icon-zuanshi { color: #6869d1; } .top-nav-menu .vip-gather-box .type-list.vl .open-btn:hover { border-color: #6869d1; color: #6869d1; } .top-nav-menu .vip-gather-box .open-btn{ width:78px; height:28px; line-height:28px; border-radius:4px; /* opacity:0.6; filter:alpha(opacity=60); */ margin-top:8px; border:1px solid rgba(0, 0, 0, 0.05); border:1px solid #f2f2f2\9; color:rgba(0,0,0,0.3); color:#999\9; } .top-nav-menu .vip-gather-box .combo-vip { width: 83px; text-align: center; } .top-nav-menu .vip-gather-box .combo-vip:hover .type-name { color: rgba(0, 0, 0, 0.9); } .top-nav-menu .vip-gather-box .combo-vip .combo { width: 33px; margin: 0 auto 6px; } .top-nav-menu .vip-gather-box .combo-vip .type-list { display: block; text-align: center; padding: 11px 0 18px; } .top-nav-menu .vip-gather-box .combo-vip .type-list .icon-zuanshi { font-size: 16px; float: left; } .top-nav-menu .company-vip .type-list { width: 50%; text-align: center; padding: 18px 0; } .top-nav-menu .company-vip .type-list .icon-zuanshi { display: block; margin: 0 auto 10px; font-size: 20px; } .top-nav-menu .company-vip .type-list .icon-zuanshi.comp { color: #fed914; } .top-nav-menu .company-vip .type-list .type-name { color: rgba(0, 0, 0, 0.6); color:#666\9; } .top-nav-menu .company-vip .type-list:hover .type-name { color: rgba(0, 0, 0, 0.9); color:#191919\9; } .news-list .list:hover>a { color: rgba(0, 0, 0, 0.9)!important; color:#191919\9; } /*20180724 导航修改*/ .pull-down-box .expand-sortBox.wp a.wp-more:hover>span { background: none; } .pull-down-box .expand-sortBox a.wp-more>span { color: #FFC516; } .pull-down-box .expand-sortBox a.wp-more:hover>span { color: #FFD499; } .pull-down-box .expand-sortBox.ui a.ui-more:hover>span { background: none; } .pull-down-box .expand-sortBox a.ui-more>span { color: #1ABC9C; } .pull-down-box .expand-sortBox a.ui-more:hover>span { color: #1ABC9C80; } .pull-down-box .expand-sortBox.bg .sort-title>a{ color: #FA4633; } .pull-down-box .expand-sortBox.tp .sort-title>a { color: #FF9400; } .pull-down-box .expand-sortBox.illus .sort-title>a { color: #6CC90C; } .pull-down-box .expand-sortBox.wa .sort-title>a { color: #00CFDD; } .pull-down-box .expand-sortBox.wp .sort-title>a { color: #FFC516; } .pull-down-box .expand-sortBox.ui .sort-title>a { color: #1ABC9C; } .pull-down-box .expand-sortBox.vl .sort-title>a { color: #6869D1; } .pull-down-box .expand-sortBox.bg .sort-title>a:hover{ color: #FDB5AD; } .pull-down-box .expand-sortBox.tp .sort-title>a:hover{ color: #FFD499; } .pull-down-box .expand-sortBox.illus .sort-title>a:hover{ color: #C4E99D; } .pull-down-box .expand-sortBox.wa .sort-title>a:hover{ color: #99EBF1; } .pull-down-box .expand-sortBox.wp .sort-title>a:hover{ color: #FFD499; } .pull-down-box .expand-sortBox.ui .sort-title>a:hover{ color: #1ABC9C98; } .pull-down-box .expand-sortBox.vl .sort-title>a:hover{ color: #C2C3EC; } /* 新侧边栏18.7.20 */ .globalR-side-bar { position: fixed; right: 0px; z-index: 101; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s; top: 0px; min-height: 730px; height: 100%; width:40px; background: rgba(0, 0, 0, .6); box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .1); margin-top:0px; } .globalR-side-bar .side-bar li { text-align: center; cursor: pointer; width: 40px; height: 70px; background: transparent; border: none; } .globalR-side-bar .side-bar li.sign-in .in-sign{ display: none; } .globalR-side-bar .side-bar li.sign-in:hover .in-sign{ display: block; } .globalR-side-bar li { position: relative; } .globalR-side-bar .side-bar li:hover { background: #008aff; border-color: #008aff; } .globalR-side-bar .side-bar li:hover > a { color: #fff; } .globalR-side-bar .side-bar li:hover .introduce { display: block; } .globalR-side-bar .side-bar li.return-top-r { background:#ddd; cursor: pointer; margin-top: 17px; font-size: 12px; color:#fff; } .globalR-side-bar li .introduce { display: none; width: 523px; background: #fff; top: -54px; border: 1px solid #e8e8e8; cursor: default; } .globalR-side-bar .side-bar li a { display: block; color: rgba(0, 0, 0, 0.8); color: #333\9; font-size: 12px; } .globalR-side-bar .introduce.company-vip { width: 186px; } .globalR-side-bar .introduce.company-vip .type-list { width: 50%; text-align: center; padding: 18px 0; } .globalR-side-bar .introduce.company-vip .type-list .icon-zuanshi { display: block; margin: 0 auto 10px; font-size: 20px; width: auto; height: auto; background: none; } .globalR-side-bar .introduce.company-vip .type-list .icon-zuanshi.comp { color: #fed914; } .globalR-side-bar .introduce.company-vip .type-list .type-name { font-size: 14px; color: rgba(0, 0, 0, 0.6); } .globalR-side-bar .introduce.company-vip .type-list:hover .type-name { color: rgba(0, 0, 0, 0.9); } .globalR-side-bar .side-bar li > a { color: #fff; line-height: 20px; padding:15px 5px 9px; background: transparent; } .globalR-side-bar .side-bar li .iconfont{ display: block; margin-top:5px; } .globalR-side-bar .side-bar li .icon-qq, .globalR-side-bar .side-bar li .icon-weixin{ margin-top:-4px; } .globalR-side-bar .side-bar li.return-top-r{ background: transparent; margin-top:0px; } .globalR-side-bar .side-bar li.return-top-r:hover{ background: #008aff; border-color: #008aff; } .globalR-side-bar .side-bar li.return-top-r i{ margin-top:0px; padding-top:20px; font-size: 24px; } .globalR-side-bar .side-bar li .introduce{ right:40px; } /* 签到 */ .globalR-side-bar .sign-in .in-sign{ position: absolute; right:34px; top:26px; background: url(//static.588ku.com/imgPath/public/images/signIn.png) no-repeat top; width:125px; height:47px; color: #9e443b; margin-left: 12px; line-height: 30px; font-size:14px; } .globalR-side-bar .sign-in:hover .in-sign{ color:#9e443b; } .globalR-side-bar .side-bar .sign-in:hover .introduce{ display: none; } .globalR-side-bar .sign-in .coin{ display: none; position: absolute; right:64px; top:5px; width:61px; height:57px; border-radius: 28px; background: url(//static.588ku.com/imgPath/public/images/coin.png) no-repeat; animation:Rotation 1.5s; } @keyframes Rotation{ 0%{ -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } 100%{ -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } } .globalR-side-bar .sign-out .introduce{ display: none; top:0px; right:40px; height:70px; width:220px; background: #fff; border:1px solid #e8e8e8; padding:10px 28px; box-sizing: border-box; } .globalR-side-bar .sign-out .introduce.hov{ display: block; } .globalR-side-bar .side-bar .sign-out:hover .introduce{ display: block; } .globalR-side-bar li.sign-out .introduce p{ color:#666; } .globalR-side-bar li.sign-out .introduce a{ margin-top:8px; display: inline-block; width:56px; height:20px; border-radius: 4px; border:1px solid #008aff; color:#008aff; line-height: 20px; text-align: center; padding:0px; } .globalR-side-bar li.sign-out .introduce a:hover{ background: #008aff; color:#fff; } .globalR-side-bar li.sign-out .introduce .go-mask{ margin-right:15px; } @media screen and (min-width:1381px){ .globalR-side-bar .sb-top{ position: fixed; bottom:73%; } .globalR-side-bar .sb-middle{ position: fixed; bottom:38.4%; z-index: 101; } .globalR-side-bar .sb-bottom{ position: fixed; bottom:13.7%; } .globalR-side-bar .sb-floor{ position: fixed; bottom:0; } } .globalR-side-bar .sv-allVip .thanksHOver{ display: none !important; position:absolute; top: 0;right: 40px; width:240px; height:128px; background: url(//static.588ku.com/imgPath/activity/commonVip/images/thanksRightHover.png)no-repeat center !important; } .globalR-side-bar .sv-allVip:hover .thanksHOver{ display: block !important; } /*end*/ /* 最近搜索活动入口动效 */ .all-vipEntry-animate { background: #FE2540 -webkit-linear-gradient(left, #FE2540, #febaf7 50%, #f77182 90%, #FE2540) no-repeat 0 0; background-size: 20% 100%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: slideShine 1.5s linear infinite; animation: slideShine 1.5s linear infinite; } /* 180612优惠升级资格 */ .qk-tips-allVip { position: fixed; bottom: 0px; right: 40px; width: 350px; min-height: 260px; border-radius: 8px; overflow: hidden; background: #fff; z-index: 9999; } .qk-tips-allVip .tips-close { position: absolute; top: 10px; right: 12px; width: 12px; height: 12px; line-height: 12px; text-align: center; color: #fff; cursor: pointer; font-size: 24px; opacity: .8; filter: alpha(opacity=80); } .qk-tips-allVip .head { background: #0082df; height: 32px; line-height: 32px; } .qk-tips-allVip .head .tips-logo { display: inline-block; margin-left: 15px; margin-top: 9px; width: 50px; height: 15px; background: url(//static.588ku.com/imgPath/index/images180509/tips-public-icon.png) no-repeat 0px 0px; } .qk-tips-allVip .body { text-align: center; position: relative; min-height: 227px; border:1px solid #ddd; border-top:none; } .qk-tips-allVip .body .info { font-size: 16px; color: #333; padding-top: 32px; line-height: 30px; } .qk-tips-allVip .body b { color: #0082df; } .qk-tips-allVip .anim-icon1 { position: absolute; top: 105px; right: 13px; width: 100px; height: 100px; background: url(//static.588ku.com/imgPath/index/images180509/tips-public-icon.png) no-repeat -48px 0px; } .qk-tips-allVip .service-box { padding-left: 27px; text-align: left; margin-top: 42px; color: #333; border-bottom:1px solid #efefef; padding-bottom:39px; } .qk-tips-allVip .service-box .service-icon { display: inline-block; width: 20px; height: 20px; background: url(//static.588ku.com/imgPath/index/images180509/tips-public-icon.png) no-repeat 0px -30px; vertical-align: -5px; margin-right: 3px; } .qk-tips-allVip .service-box .qq-17 { display: inline-block; width: 94px; height: 30px; line-height: 30px; text-align: center; background: #68a5e1; border-radius: 8px; text-align: center; color: #fff; transition: opacity .2s; } .qk-tips-allVip .service-box .iconfont { font-size: 24px; vertical-align: -4px; margin-left: -3px; } .qk-tips-allVip .service-box .qq-17:hover { opacity: .7; filter: alpha(opacity=70); } @keyframes slideShine { 0% { background-position: 0 0; } 100% { background-position: 100% 100%; } } /*点击联系客服公共样式 支付页面底部和首页 start*/ .kefu-call-rightpublic .kefu-icon{ display: inline-block !important; margin-right: 30px; float: left; width: 25px !important; height: 25px !important; background: url(//static.588ku.com/imgPath/public/images/kefu-Icon.png)no-repeat center bottom !important; background-size:100% !important; } .kefu-call-rightpublic .callkf{ display: inline-block !important; font-size: 14px !important; line-height: 27px; color: #038bff !important; } .kefu-call-rightpublic .callkf:hover{ text-decoration: underline !important; } /*客服上线以上客服部分可删除*/ .kefu-call-btn{ width:82px; height:25px; line-height: 21px; padding-left: 8px; box-sizing: border-box; background:#fff; border-radius:100px; border:1px solid #ccc; border:1px solid rgba(0,0,0,0.1); display: inline-block; } .kefu-call-btn .kefu-icon{ width: 14px; height: 14px; background: #ccc; float: left; margin-top: 4px; margin-right: 3px; background: url(//static.588ku.com/imgPath/public/images/kefuIconV1809.png)no-repeat !important; background-position: 0px -28px !important; } .kefu-call-btn .callkf{ font-size: 12px !important; line-height: 23px; } .kefu-call-btn.kefu-call-border:hover{ border: 1px solid #3F98FF; } .kefu-call-btn.kefu-call-bg:hover{ background:#3F98FF; border: 1px solid #3F98FF; } .kefu-call-btn.kefu-call-bg:hover .kefu-icon{ background-position: 0px 0px !important; } .kefu-call-btn.kefu-call-bg:hover .callkf{ color: #fff; } /*商城详情页下*/ .kefu-call-btn .kefu-icon1{ background: url('//static.588ku.com/imgPath/public/images/kefuIcon2.png')no-repeat center /100% !important; -webkit-animation: updown .5s ease infinite 80ms alternate; animation: updown .5s ease infinite 80ms alternate; } .kefu-call-btn .callkf.bluetext{ color: #008AFF; } @-moz-keyframes updown{ from{ -webkit-transform: translate(0,2px); transform: translate(0,2px); } to{ -webkit-transform: translate(0,-2px); transform: translate(0,-2px); } } @-ms-keyframes updown{ from{ -webkit-transform: translate(0,2px); transform: translate(0,2px); } to{ -webkit-transform: translate(0,-2px); transform: translate(0,-2px); } } @keyframes updown{ from{ -webkit-transform: translate(0,2px); transform: translate(0,2px); } to{ -webkit-transform: translate(0,-2px); transform: translate(0,-2px); } } @-webkit-keyframes updown{ from{ -webkit-transform: translate(0,2px); transform: translate(0,2px); } to{ -webkit-transform: translate(0,-2px); transform: translate(0,-2px); } } /*点击联系客服公共样式 支付页面底部和首页 end*/ /*右侧全站Vip start*/ .globalR-side-bar .side-bar.sb-top li.sv-allVip{ height: 112px; box-sizing: border-box; background: #008aff; border-color: #008aff; } .globalR-side-bar .side-bar.sb-top li.sv-allVip a{ height: 100%; padding-top: 20px; display: block; box-sizing: border-box; } .globalR-side-bar .side-bar.sb-top li.sv-allVip .all-vip-icon{ margin: 0 auto 12px; display: block; width: 29px; height: 23px; background: #ccc; background: url('//static.588ku.com/imgPath/public/images/navallVip180910.png')no-repeat left center; transition: all .2s; } /* 企业VIP改版 侧边栏改动 */ .globalR-side-bar .sb-top .introduce.companyvip { width: 500px; background-color: #fff; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); border-radius: 4px; top: 0px; right: 48px; text-align: center; padding: 0 24px; box-sizing: border-box; } .globalR-side-bar .sb-top .introduce.companyvip .top-tittle { font-size: 30px; color: #d9ac62; padding: 16px 0 24px; font-weight: bold; } .globalR-side-bar .sb-top .introduce.companyvip .top-tittle .iconfont { font-weight: normal; font-size: 30px; display: inline-block; margin: 0 8px 0 0; vertical-align: -2px; } .globalR-side-bar .sb-top .introduce.companyvip .main li { text-align: center; width: 25%; height: auto; cursor: default; } .globalR-side-bar .sb-top .introduce.companyvip .main li img { padding-bottom: 4px; } .globalR-side-bar .sb-top .introduce.companyvip .main li .text1 { color: #65430b; font-size: 16px; } .globalR-side-bar .sb-top .introduce.companyvip .main li .text2 { color: rgba(0, 16, 19, 0.5); font-size: 14px; } .globalR-side-bar .sb-top .introduce.companyvip .main li:hover { background: #fff; border-color: #fff; } .globalR-side-bar .sb-top .introduce.companyvip .btn { width: 219px; height: 48px; background: linear-gradient(180deg, #f7e7c3 0%, #d1a967 100%); border-radius: 4px; line-height: 48px; color: #65430b; text-align: center; font-size: 16px; margin: 32px auto 20px; cursor: pointer; } .globalR-side-bar .sb-top .introduce.companyvip .btn:hover { background: linear-gradient(180deg, rgba(247, 231, 195, 0.8) 0%, rgba(209, 169, 103, 0.8) 100%); } .globalR-side-bar .sb-top .introduce.companyvip .btn:active { background: linear-gradient(180deg, #f7e7c3 0%, #d1a967 100%); } .globalR-side-bar .sb-top .introduce.companyvip .sanjiao { position: absolute; top: 15px; right: -24px; width: 32px; height: 24px; background: url(//static.588ku.com/imgPath/company/pay/images/comy-sanjiao.png) no-repeat center / 32px; transform: rotate(-90deg); } /*end*/ /*导航VIPhover弹窗 start*/ .nav-selfVip-down{ display: none; width: 220px; height: 170px; position: absolute; top: 80px; left: 50%; margin-left: -110px; background: rgba(255,255,255,1); box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.05); border-radius: 4px; padding-top: 20px; z-index: 100; box-sizing: border-box; } .vip-gather:hover .nav-selfVip-down, .index-banner-nav:hover .nav-selfVip-down{ display: block; } .nav-selfVip-down .nex-sv{ padding-bottom: 15px; } .nav-selfVip-down .nex-sv:last-child{padding-bottom: 0;} .nav-selfVip-down .nex-sv1:first-child{ border-bottom:1px solid #F2F2F2; } .nav-selfVip-down .nex-sv>a>span{display: inline-block;} .nav-selfVip-down .nex-sv>a em{ display: inline-block; width: 25px; height: 25px; float: left; margin-top: 12px; } .nav-selfVip-down .nex-sv1>a em{ background: url('//static.588ku.com/imgPath/public/images/navallVip1809.png')no-repeat left center /80%; } .nav-selfVip-down .nex-sv2>a em { background: url('//static.588ku.com/imgPath/public/images/selfVipIcon1809.png')no-repeat left center /80%; } .nav-selfVip-down .nex-sv >a{ display: block; margin: 0 auto; width:160px; height:48px; border-radius:4px; text-align: center; line-height: 48px; font-size: 14px; color: #008BFF; background: #fff; border:1px solid #008BFF; border:1px solid rgba(0,139,255,0.5); -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; transition: all .2s; } .nav-selfVip-down .nex-sv2 >a{ margin-top: 15px; color: #4A90E2; border:1px solid #4A90E2; border:1px solid rgba(74,144,226,0.5); } .nav-selfVip-down .nex-sv1 >a:hover{ border:1px solid #008BFF; } .nav-selfVip-down .nex-sv2 >a:hover{ border:1px solid #4A90E2; } .index-banner-nav .nav-selfVip-down{height: 90px;} .index-banner-nav .nav-selfVip-down .nex-sv a{margin-top: 0;} .nav-selfVip-downV1{ position: absolute; top: 80px; left: 50%; margin-left: -218px; z-index: 100; width:436px; height:235px; background:rgba(255,255,255,1); box-shadow:0px 0px 6px 3px rgba(0,0,0,0.05); border-radius:4px; padding: 14px; box-sizing: border-box; display: none; } .vip-gather:hover .nav-selfVip-downV1, .index-banner-nav:hover .nav-selfVip-downV1{ display: block; } .nav-selfVip-downV1 .nex-sv{ display: inline-block; width: 200px; height: 207px; } .nav-selfVip-downV1 .nex-sv img{max-width: 100%;} .nav-selfVip-downV1 .nex-sv1{ background: url(//static.588ku.com/imgPath/public/images/allIndexDialog1.png)no-repeat center /100%; } .nav-selfVip-downV1 .nex-sv2{ background: url(//static.588ku.com/imgPath/public/images/allIndexDialog2.png)no-repeat center /100%; } .nav-selfVip-downV1 .nex-sv{position: relative;} .nav-selfVip-downV1 .downV-btn{ width: 77px; height: 28px; border-radius: 4px; background: #fff; color: #0D56FC; display: block; position: absolute; bottom: 18px; text-align: center; line-height: 28px; font-weight: bold; left: 50%; margin-left: -39px; } .nav-selfVip-downV1 .downV-btn:hover{opacity: 0.9;} .nav-selfVip-downV1 .downV1-btn{color: #3AAFFF;} .nav-selfVip-downV1 .downV2-btn{color: #0D56FC;} /*end*/ /*办公活动 升级弹窗 start*/ .word-public-paydialog{ z-index: 99;text-align: center; font-size:20px; font-weight:400; color:#000; color:rgba(0,0,0,0.9); line-height:28px; position: fixed;bottom:0; right: 39px; width: 328px;height: 256px; background: url('//static.588ku.com/imgPath/public/images/indexWordDialog.png')no-repeat center /100%; } .word-public-paydialog .wppay-dg{ text-align: center;margin-top: 32px; } .word-public-paydialog .wppay-dg>p{ display: inline-block;margin-bottom: 6px; line-height: 61px; } .word-public-paydialog .wppay-dg>p>span{ display: inline-block; } .word-public-paydialog .wppay-dg>p>span.price-dg{ margin: 0 6px;font-size:43px; color:#FE2540; } .word-public-paydialog .wppay-btn{ width:120px; height:37px; display:block; background:#4A4A4A; border-radius:4px; font-size:18px; font-weight:400; color:#FEBF2C; color:rgba(254,191,44,0.9); line-height:37px; margin: 18px auto 0; } .word-public-paydialog .close-wppay{ position: absolute; width: 14px; height: 14px; top: 16px; line-height: 14px; right: 21px; cursor: pointer; text-align: center; color: #999; } @media screen and (max-width:1200px ) { .word-public-paydialog{display: none;} } /*办公活动 升级弹窗20180918 这次生效以上可以删除 start*/ .word-public-paydialogV1{ background: #fff; z-index: 99;text-align: center; font-size:20px; font-weight:400; color:#000; color:rgba(0,0,0,0.9); line-height:28px; position: fixed;bottom:0; right: 39px; width: 300px;height: 200px; border-radius: 4px; overflow: hidden; background: #fff url('//static.588ku.com/imgPath/public/images/wpdDialogbgbtm.png')no-repeat center 110px /100%; } .wdpV1-top{height: 32px;margin-bottom: 16px;background: #008AFF;} .wdpV1-top .wdpV1-logo{ width: 48px; height: 15px; border-right: 1px solid #fff; padding-right: 8px; margin: 9px 0 0 14px; background: url('//static.588ku.com/imgPath/public/images/whiteDialog.png')no-repeat left center /48px; } .wdpV1-top .wdpV1-text{ font-size:14px; font-weight:400; color:#fff; margin-left: 8px; padding-top: 3px; } .wdp-alink{ display: block; width: 100%; height: 100%; box-sizing: border-box; } .wdp-alink .wdpV1-p{ font-size:14px; font-weight:400; color:#333; line-height:29px; text-align: center; } .wdp-alink .wdpV1-p>span{color: #008AFF;} .word-public-paydialogV1 .wppay-btn{ width:120px; height:37px; display:block; background:#008AFF; border-radius:4px; font-size:16px; font-weight:400; color:#fff; line-height:37px; margin: 28px auto 0; } .word-public-paydialogV1 .wppay-btn:hover{opacity: 0.9;} .word-public-paydialogV1 .close-wppay{ position: absolute; width: 14px; height: 14px; top: 9px; line-height: 14px; right: 12px; cursor: pointer; text-align: center; color: #fff; } @media screen and (max-width:1200px ) { .word-public-paydialogV1{display: none;} .w1200none{display: none;} } /*end*/ /*办公活动弹窗end*/ /* 元素下载超限提示弹框 -- start*/ .element-limit-box .title{ padding-top: 45px; font-size: 20px; } .element-limit-box .title .png { color: #0060cd; } .element-limit-box .icon-box { display: inline-block; margin: 0 auto; /*width: 400px;*/ padding: 38px 0 12px; } .element-limit-box .icon-box .icon { float: left; padding: 0 37px; } .element-limit-box .icon-box .icon i{ display: inline-block; width: 56px; height: 62px; background: url(//static.588ku.com/imgPath/original/images/ele-spr.png) no-repeat; text-align: center; } .element-limit-box .icon-box .icon1 i{ background-position: -4px -7px; } .element-limit-box .icon-box .icon2 i{ background-position: -70px -7px; } .element-limit-box .icon-box .icon3 i{ background-position: -136px -7px; } .element-limit-box .icon-box .icon p { font-size: 14px; color: #3F3F3F; padding-top: 12px; } /* 元素下载超限提示弹框 -- end */ /*企业活动vip充值头部 - hover入口 start*/ .nav-compyVip-down{ display: none; width: 207px; height: 193px; position: absolute; top: 80px; left: 50%; margin-left: -103px; box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.05); border-radius: 4px; z-index: 100; box-sizing: border-box; } .nav-compyVip-down>a{display: block;} .nav-compyVip-down img{max-width: 100%;} .top-nav-menu .tool:first-child:hover .nav-compyVip-down{ display: block; } /*企业活动vip充值 end*/ /* 20181225 增加广告导流 start */ .advertF { display: none; } .advertF.element{ padding-top: 40px; } .advertF.background{ padding-top: 40px; } .advertF.model{ padding-bottom: 30px; } .advertF.illus{ padding-bottom: 40px; } .advertF.wa{ padding: 20px 0 30px; } .advertF a { border-radius: 4px; overflow: hidden; display: inline-block; position: relative; } .advertF .adv img { width: 1200px; height: 83px; } .advertF.double .small-adv img { width: 590px; height: 83px; } .advertF.double .small-adv:first-child { margin-right: 20px; } .advertF .adv-icon { width: 36px; height: 20px; line-height: 20px; font-size: 12px; text-align: center; background-color: rgba(0,0,0,0.4); color: #fff; position: absolute; top: 0; right: 0; } /* 20181225 增加广告导流 end */ /* 20190218外部广告跳转前弹框提示 */ .outside-link { text-align: center; } .outside-link .CL-common{ height: auto; } .outside-link .btn-box{ padding-bottom: 28px; } .outside-link .adv-close-img { display: block; margin: 30px auto 38px; height: 51px; } .outside-link .content { font-size: 20px; color: rgba(0, 0, 0, 0.8); font-weight: 300; padding-bottom: 40px; } .outside-link .time-box { padding: 30px 0; font-size: 14px; color: rgba(0, 0, 0, 0.65); } .outside-link .close { position: absolute; top: 20px; right: 20px; font-size: 24px; font-weight: 100; color: rgba(0, 0, 0, 0.35); cursor:pointer; } .outside-link .cancel { width: 140px; height: 38px; background: #ffffff; border-radius: 6px; display: inline-block; text-align: center; line-height: 38px; color: #008AFF; font-size: 16px; cursor: pointer; border: 1px solid #008AFF; margin-right: 39px; position: relative; } .outside-link .confirm { width: 140px; height: 40px; background: rgba(0,138,255,1); border-radius: 6px; display: inline-block; text-align: center; line-height: 40px; color: #ffffff; margin: 0 auto; font-size: 16px; cursor: pointer; position: relative; } .outside-link .cancel:hover:after, .outside-link .confirm:hover:after { content: ''; display: block; position: absolute; top: -1px; left: -1px; bottom: -1px; right: -1px; background-color: rgba(255,255,255,0.2); } /* 侧边栏增加499活动入口 */ .globalR-side-bar .side-bar.sb-top li.sv-allVip:hover .allvip-activity-side-entry { display: inline-block; } .globalR-side-bar .side-bar.sb-top li.sv-allVip .allvip-activity-side-entry{ display: none; } /* 老版企业VIP升级 引导弹窗 start */ .fb-lead-updata { display: none; width: 182px; height: 181px; background: url(//static.588ku.com/imgPath/company/pay/images/company-fb.png) no-repeat center / 100%; position: fixed; top: 50px; right: 20px; } .fb-lead-updata .updata-fb { display: block; height: 100%; } .fb-lead-updata .close-lead-fb { border-radius: 50%; position: absolute; top: 0px; right: 0px; color: #65430b; font-size: 12px; display: inline-block; width: 26px; height: 26px; line-height: 28px; background: #c89e59; text-align: center; cursor: pointer; } .dl-lead-updata { display: none; width: 314px; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1); border-radius: 6px; position: fixed; right: 60px; bottom: 48px; background-color: #fff; overflow: hidden; z-index: 99; } .dl-lead-updata .top { height: 68px; background: url(//static.588ku.com/imgPath/company/pay/images/company-dl-banner.png) no-repeat center / 100%; text-align: right; } .dl-lead-updata .top .close-lead-dl { font-size: 12px; color: #fff; padding: 12px; display: inline-block; cursor: pointer; } .dl-lead-updata .top .close-lead-dl:hover { color: #ffffffcc; } .dl-lead-updata .con { color: rgba(0, 16, 19, 0.5); text-align: center; padding: 24px 0 14px; } .dl-lead-updata .updata-btn { display: block; width: 219px; height: 44px; text-align: center; background: linear-gradient(180deg, #f7e7c3 0%, #d1a967 100%); border-radius: 4px; color: #65430b; font-size: 16px; line-height: 44px; margin: 0 auto 24px; } .dl-lead-updata .updata-btn:hover { opacity: 0.8; background: linear-gradient(180deg, #f7e7c3 0%, #d1a967 100%); } @keyframes shakes { 0% { background-position: 0 0 } 25% { background-position: 0 0 } 26% { background-position: 20px -20px } 50% { background-position: 20px -20px } 51% { background-position: 40px -40px } 75% { background-position: 40px -40px } 76% { background-position: 60px -60px } 99% { background-position: 60px -60px } to { background-position: 0 0 } } .head_text_shakes{ background: linear-gradient(left,#ffae12,#fb0555); background: -webkit-gradient(linear,left top,right top,from(#ffae12),to(#fb0555)); animation: shakes .4s linear infinite forwards; -webkit-text-fill-color:transparent; -webkit-background-clip:text; } /* 老版企业VIP升级 引导弹窗 end */