/** * CeoNova-Pro主题是一款极致美观强大的WordPress付费产品官网主题。 * 正版唯一购买地址：https://www.ceotheme.com/ * CeoNova-Pro主题官方演示站点：http://ceonova-pro.ceotheme.com/ * 作者总裁QQ：110300260 （总裁） * CeoNova-Pro主题是一款轻量级、且简洁大气、产品官网类主题，定位于高端产品官网、同时包含了知识付费、定制服务、问答社区、论坛交流、网址导航、以及付费产品下载等全方位覆盖。 * CeoTheme总裁主题制作的CeoNova-Pro主题正版用户可享受该主题不限制域名，不限制数量，无限授权，仅限本人享有此特权，外泄主题包将取消授权资格！ * 开发不易，感谢支持，在线客户服务+技术支持为您服务。 */ /* * ------------------------------------------------------------------------------ * CeoNova-Pro主题基础样式 * ------------------------------------------------------------------------------ */ *{word-wrap:break-word;} #ceotheme{background:rgb(245,247,253);} :root{--border-color:#f2f6fc;--mini-color:#8590a6;} textarea{resize:none;} body,ul,ol,li,dl,dd,p,h1,h2,h3,h4,h5,h6,form,fieldset,.pr,.pc{margin:0;padding:0;} table{empty-cells:show;border-collapse:collapse;} caption,th{text-align:left;font-weight:400;} ul li,.xl li{list-style:none;} h1,h2,h3,h4,h5,h6{font-size:1em;} em,cite,i{font-style:normal;} a{color:#333;text-decoration:none;} a:hover{color:var(--primary-color);text-decoration:none;} a img{border:none;} label{cursor:pointer;} .b-a{border:1px solid var(--border-color)!important;} .b-b{border-bottom:1px solid var(--border-color)!important;} .b-t{border-top:1px solid var(--border-color)!important;} .b-r-4{border-radius:4px!important;} .ceo-margin-right-20{margin-right:20px;} .ceo-margin-right-20:last-child{margin-right:0px;} .ceo-margin-top-20{margin-top:20px;} .ceo-margin-bottom-10{margin-bottom:10px;} .ceo-margin-t-b-auto{margin-top:100px !important;margin-bottom:auto !important;} .ceo-modal-close{border:1px solid #ccc;border-radius:50px;width:20px;height:20px;} .ceo-text-small{font-size:0.875rem;line-height:1.5;} .ceo-text-13px{font-size:13px;line-height:1.5;} .hidefocus{outline:none;} hr{display:block;clear:both;*margin-top:-8px !important;*margin-bottom:-8px !important;} .w1240{width:1240px;margin:0 auto;} @media(max-width:768px){.w1240{width:100%;margin:0 auto;}} .ceofont{font-size:14px!important;display:inline-block;transform:translateY(1px);line-height:1;} .ceo-dongtai{transition:all .3s} .ceo-dongtai:hover{transform:translateY(-3px);-webkit-box-shadow:0 0 10px rgba(0,0,0,.05);box-shadow:0 0 10px rgba(0,0,0,.05);-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px);} .ceo-images img{width:100%;height:100%;vertical-align:top;-webkit-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s} .gradient-ver-bw{background:#000;background:-moz-linear-gradient( bottom,rgba(0,0,0,0.4) 0,transparent 100% );background:-webkit-gradient( linear,bottom,top,color-stop(0,rgba(0,0,0,0.4)),color-stop(100%,transparent) );background:-webkit-linear-gradient( bottom,rgba(0,0,0,0.4) 0,transparent 100% );background:-o-linear-gradient( bottom,rgba(0,0,0,0.4) 0,transparent 100% );background:-ms-linear-gradient( bottom,rgba(0,0,0,0.4) 0,transparent 100% );background:-webkit-gradient( linear,left bottom,left top,from(rgba(0,0,0,0.4)),to(transparent) );background:-webkit-gradient( linear,left bottom,left top,color-stop(0,rgba(0,0,0,0.4)),to(transparent) );background:-webkit-gradient( linear,left bottom,left top,color-stop(0,rgba(0,0,0,0.4)),to(transparent) );background:-webkit-gradient( linear,left bottom,left top,color-stop(0,rgba(0,0,0,0.4)),to(transparent) );background:-webkit-gradient( linear,left bottom,left top,color-stop(0,rgba(0,0,0,0.4)),to(transparent) );background:linear-gradient(to top,rgba(0,0,0,0.4) 0,transparent 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#000000,endColorstr=#ffffff);-ms-filter:"progid:DXImageTransform.Microsoft.gradient (GradientType=0,startColorstr=#000000,endColorstr=#ffffff)";} .img_hover{transition:all .5s;} .img_hover:hover{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);} .wp{width:860px;} .wp-user{} .ceo-grid-ceoblog,.ceo-grid-column-ceoblog{margin-left:-20px;} .ceo-grid-ceoblog > *,.ceo-grid-column-ceoblog > *{padding-left:20px;} .ceo-grid + .ceo-grid-ceoblog,.ceo-grid + .ceo-grid-row-ceoblog,.ceo-grid-ceoblog > .ceo-grid-margin,.ceo-grid-row-ceoblog > .ceo-grid-margin,* + .ceo-grid-margin-ceoblog{margin-top:20px;} @media screen and (max-width:900px){.ceo-grid-ceoblog,.ceo-grid-column-ceoblog{margin-left:-10px;} .ceo-grid-ceoblog > *,.ceo-grid-column-ceoblog > *{padding-left:10px;} .ceo-grid + .ceo-grid-ceoblog,.ceo-grid + .ceo-grid-row-ceoblog,.ceo-grid-ceoblog > .ceo-grid-margin,.ceo-grid-row-ceoblog > .ceo-grid-margin,* + .ceo-grid-margin-ceoblog{margin-top:10px;} } /* * ------------------------------------------------------------------------------ * 弹窗注册登录 * ------------------------------------------------------------------------------ */ .ceo-navbar-login{margin-top:3vh;border-radius:6px;width:700px;} .ceo-navbar-login .ceo-login-title{text-align:center;} .ceo-navbar-login .ceo-login-title a{display:block;margin-bottom:15px;} .ceo-navbar-login .ceo-login-title a img{height:36px;margin:0 auto;} .ceo-navbar-login .ceo-form-icon i{font-size:22px!important;} .ceo-login-social{margin:35px 0;text-align:center;} .ceo-login-social p{line-height:36px;} .ceo-login-social a{margin-right:15px;} .ceo-login-social a:last-child{margin-right:0px;} .ceo-login-social a.qq{display:inline-block;width:50px;height:50px;line-height:50px;border-radius:100px;background-color:#006eff;background-image:-webkit-gradient(linear,left top,right top,from(#006eff),to(#13adff));background-image:-webkit-linear-gradient(left,#006eff,#13adff);background-image:-o-linear-gradient(left,#006eff 0,#13adff 100%);background-image:linear-gradient(90deg,#006eff,#13adff);-webkit-box-shadow:0 5px 10px 0 rgba(16,110,253,.3);box-shadow:0 5px 10px 0 rgba(16,110,253,.3);} .ceo-login-social a.weixin{display:inline-block;width:50px;height:50px;line-height:50px;border-radius:100px;background-color:#07c160;background-image:-webkit-gradient(linear,left top,right top,from(#07c160),to(#13ff51));background-image:-webkit-linear-gradient(left,#07c160,#13ff51);background-image:-o-linear-gradient(left,#07c160 0,#13adff 100%);background-image:linear-gradient(90deg,#07c160,#13ff51);-webkit-box-shadow:0 5px 10px 0 rgb(7 193 96 / 32%);box-shadow:0 5px 10px 0 rgb(7 193 96 / 32%);} .ceo-login-social a.weibo{display:inline-block;width:50px;height:50px;line-height:50px;border-radius:100px;background-color:#ff2826;background-image:-webkit-gradient(linear,left top,right top,from(#ff2826),to(#ff9613));background-image:-webkit-linear-gradient(left,#d52c2b,#ff9613);background-image:-o-linear-gradient(left,#d52c2b 0,#13adff 100%);background-image:linear-gradient(90deg,#ff2826,#ff9613);-webkit-box-shadow:0 5px 10px 0 rgb(255 40 38 / 26%);box-shadow:0 5px 10px 0 rgb(255 40 38 / 26%);} .ceo-login-social a i{color:#fff;font-size:25px!important;transform:translateY(4px);} .ceo-login-btnss{color:var(--primary-color);} .navbar-login-z{} .navbar-login-z .box{} .navbar-login-z .box .bg{} .navbar-login-z .box .zcbg{} .navbar-login-z .box .mh{background-image:linear-gradient(90deg,var(--primary-color),#13adff);opacity:.9;} .navbar-login-z .box .title{position:relative;text-align:center;padding:30px;z-index:1;margin-top:70px;} .navbar-login-z .zc .title{margin-top:140px;} .navbar-login-z .box .title span{font-size:20px;font-weight:bold;color:#fff;margin-bottom:20px;display:block;} .navbar-login-z .box .title p{color:#fff;} .navbar-login-z .box .title a.z{display:inline-block;position:relative;font-size:14px;height:30px;line-height:30px;padding:0 20px;border-radius:3px;margin-top:20px;color:var(--primary-color);background:#fff;border:1px solid #fff0;} .navbar-login-z .box .title a.z:hover{color:#fff;background:var(--primary-color);border:1px solid var(--primary-color);} .navbar-login-z .box .title a.w{display:inline-block;position:relative;font-size:14px;height:30px;line-height:30px;padding:0 20px;border-radius:3px;margin-top:20px;color:#fff;background:#fff0;border:1px solid #fff;} .navbar-login-z .box .title a.w:hover{color:var(--primary-color);border:1px solid #fff;background:#fff;} .navbar-login-y{padding:30px;} /*动态效果*/ .circles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;} .circles li{position:absolute;display:block;list-style:none;width:20px;height:20px;background:rgba(255,255,255,0.2);animation:animate 25s linear infinite;bottom:-150px;} .circles li:nth-child(1){left:25%;width:80px;height:80px;animation-delay:0s;} .circles li:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s;} .circles li:nth-child(3){left:70%;width:20px;height:20px;animation-delay:4s;} .circles li:nth-child(4){left:40%;width:60px;height:60px;animation-delay:0s;animation-duration:18s;} .circles li:nth-child(5){left:65%;width:20px;height:20px;animation-delay:0s;} .circles li:nth-child(6){left:75%;width:110px;height:110px;animation-delay:3s;} .circles li:nth-child(7){left:35%;width:150px;height:150px;animation-delay:7s;} .circles li:nth-child(8){left:50%;width:25px;height:25px;animation-delay:15s;animation-duration:45s;} .circles li:nth-child(9){left:20%;width:15px;height:15px;animation-delay:2s;animation-duration:35s;} .circles li:nth-child(10){left:85%;width:150px;height:150px;animation-delay:0s;animation-duration:11s;} @keyframes animate{0%{transform:translateY(0) rotate(0deg);opacity:1;border-radius:0;} 100%{transform:translateY(-1000px) rotate(720deg);opacity:0;border-radius:50%;} } .ceo-invitation-btn{text-align:center;display:block;background:#006fff26;padding:10px 0;color:var(--primary-color);border-radius:4px;} .ceo-invitation-btn:hover{background:var(--primary-color);color:#fff;} /*微信扫码关注登录*/ .login-weixin{} .login-weixin .login-weixin-img{margin-top:-20px !important;} .login-weixin .login-weixin-p{text-align:center;display:block;background:#006fff26;padding:10px 0;color:var(--primary-color);border-radius:4px;} /*弹窗手机注册登录*/ .ceo-navbar-login .navbar-login-y .ceo-form-icon i{font-size:23px!important;} .ceo-navbar-login .navbar-login-y .go-captcha_mobile{border:1px solid #e5e5e5!important;background:#f7f8f9;font-size:14px!important;padding:0px;line-height:38px !important;} .ceo-navbar-login .navbar-login-y .go-captcha_mobile:hover{background:rgb(255 255 255 / 0%);} .ceo-navbar-login .login-bottom{position:relative;color:#8693ab;background:#f8f8fb;padding:15px 30px;font-size:12px;border-radius:0px 0px 8px 8px;} .ceo-navbar-login .login-bottom a{color:var(--primary-color);} /* * ------------------------------------------------------------------------------ * 顶部用户中心 * ------------------------------------------------------------------------------ */ .default-avatar{background:#e9e9e9;} .navbar-user a img{padding:3px;background-color:rgb(0 59 255 / 8%);border-radius:50px;} .navbar-user:hover .dropdown{display:block;} .navbar-user .dropdown{display:none;max-width:none;width:300px;min-height:200px;padding-top:10px;top:32px;z-index:999;} .navbar-user .dropdown .user-warp .user-name{color:#333;margin-right:5px;} .navbar-user .dropdown .user-menu{padding:15px;margin-top:20px;background:#fff;border-radius:4px;z-index:1;position:relative !important;} .navbar-user .dropdown .user-menu ul li{height:21px;line-height:21px;} .navbar-user .dropdown .user-menu a{font-size:13px;color:#999;transition:all .3s;display:block;} .navbar-user .dropdown .user-menu a:hover{color:var(--primary-color);} .navbar-user .dropdown-box{box-shadow:0 0 3px 1px rgba(0,0,0,.05);background:#f4faff;padding:20px;position:relative !important;} .navbar-user .dropdown-box:before{content:'';position:absolute;left:0;top:0;opacity:.3;background-image:-webkit-linear-gradient(46deg,#b5dfff 48%,#f4faff 91%);background-image:-o-linear-gradient(46deg,#b5dfff 48%,#f4faff 91%);background-image:linear-gradient(44deg,#b5dfff 48%,#f4faff 91%);width:60px;height:76px;-webkit-border-radius:0 0 100% 0;border-radius:0 0 100% 0;} .navbar-user .dropdown-box:after{content:'';position:absolute;right:0;bottom:0;opacity:.4;background-image:-webkit-linear-gradient(47deg,#b5dfff 1%,#f4faff);background-image:-o-linear-gradient(47deg,#b5dfff 1%,#f4faff 100%);background-image:linear-gradient(43deg,#b5dfff 1%,#f4faff);width:100px;height:57px;-webkit-border-radius:100% 0 0 0;border-radius:100% 0 0 0;} .navbar-user .dropdown .user-warp{position:relative;border-radius:4px 4px 0 0;} .navbar-user .dropdown .user-warp .ceo-border-circle{z-index:1;position:relative;margin-right:10px;} .navbar-user .dropdown .user-warp .ceo-border-circle img{padding:4px;background:#fff;border-radius:50px;} .navbar-user .ceo-czgr{padding:20px 0px 0px 0px;} .navbar-user .ceo-czgr .ceo-cz{display:block!important;vertical-align:middle;padding:0;line-height:36px;text-align:center;text-decoration:none;font-size:14px;border-radius:3px;box-shadow:0 5px 10px 0 rgba(73,178,249,0);border:1px solid #268df7;color:#268df7;} .navbar-user .ceo-czgr .ceo-cz:hover{background:#268df7;color:#fff;} .navbar-user .ceo-czgr .ceo-cz i{margin-right:3px;font-size:16px!important;} .navbar-user .ceo-czgr .ceo-gr{display:block!important;vertical-align:middle;padding:0;line-height:36px;text-align:center;text-decoration:none;font-size:14px;border-radius:3px;box-shadow:0 5px 10px 0 rgba(255,87,0,0);border:1px solid #ff6922;color:#ff6922;} .navbar-user .ceo-czgr .ceo-gr:hover{background:#ff6922;color:#fff;} .navbar-user .ceo-czgr .ceo-gr i{margin-right:3px;font-size:16px!important;} .navbar-user .ceo-czgr .ceo-ht{display:block!important;vertical-align:middle;padding:0;line-height:36px;text-align:center;text-decoration:none;font-size:14px;margin-top:15px;border-radius:3px;box-shadow:0 5px 10px 0 rgba(255,87,0,0);border:1px solid var(--primary-color);color:#fff;background:var(--primary-color);} .navbar-user .ceo-czgr .ceo-ht:hover{opacity:.8;} .navbar-user .ceo-scxx{margin-top:15px;} .navbar-user .ceo-scxx .ceo-scxx-user-money{background:#fff;border-radius:4px;padding:10px;font-size:12px;height:18px;line-height:18px;} .navbar-user .ceo-scxx .ceo-scxx-user-money .money-left t{float:right;color:#707c86;} .navbar-user .ceo-scxx .ceo-scxx-user-vip{background:#fff;border-radius:4px;padding:10px;font-size:12px;margin-top:15px;height:41px;line-height:1.5;} .navbar-user .ceo-scxx .ceo-scxx-user-vip a{float:right;background:#ff6922;color:#fff;border-radius:30px;padding:4px 8px;display:inline-block;line-height:1;margin-top:10px;} .navbar-user .ceo-scxx .ceo-scxx-user-vip p{margin-top:5px;color:#707c86;} /**/ .ceo-dropdown{width:100% !important;min-height:60px !important;} /* * ------------------------------------------------------------------------------ * 顶部导航条整体样式 * ------------------------------------------------------------------------------ */ .ceo-users-lore{display:inline-block;} .ceo-users-lore a{display:inline-block;position:relative;font-size:14px;} .ceo-users-l{margin-right:8px;border:1px solid #fff;height:25px;line-height:25px;padding:0 20px;color:#fff!important;} .ceo-users-y{border:1px solid #fff;height:25px;line-height:25px;padding:0 20px;color:var(--primary-color);background:#fff;} /*顶部导航*/ .ceo-head-top{background:var(--primary-color);height:32px;line-height:32px;font-size:12px;} .ceo-head-top a{color:#fff!important;} .ceo-text-top{color:#fff;} .ceo-head-top i{font-size:13px;margin-right:3px;} /* * ------------------------------------------------------------------------------ * 顶部导航条样式01 * ------------------------------------------------------------------------------ */ .ceo-logo-navBar_01{margin-right:10px;} .navBar_01{position:fixed;z-index:1009;top:0;width:100%;height:80px;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,0.1);} .navBar_01 .logo{height:49px;} .navBar_01 .logo img{height:100%;} .navBar_01 .nav>ul{} .navBar_01 .nav>ul>li{display:inline-block;position:relative;margin:0 15px;} .navBar_01 .nav ul.ceo-navbar-ul li.current-menu-item a{border-bottom:2px solid #fff !important;} .navBar_01 .nav>ul>li>a{display:block;font-size:16px;padding:27px 0;color:#fff;transition:0.3s ease;border-bottom:2px solid #fff0;} .navBar_01 .nav>ul>li>a:hover{color:#fff;border-bottom:2px solid #fff !important;transition:0.3s ease;} .navBar_01 .nav>ul>li:hover .sub-menu{display:block;border-radius:4px;} .navBar_01 .sub-menu{position:absolute;list-style:none;display:none;background:#fff;z-index:999;left:50%;transform:translateX(-50%);box-shadow:0px 0px 16px 1px rgba(0,0,0,0.1);border-radius:4px;padding:10px;} .navBar_01 .sub-menu li.current-menu-item a{color:var(--primary-color)!important;background:var(--shallow-color);} .navBar_01 .sub-menu li{text-align:center;box-sizing:border-box;display:block;transition:all 0.2s;width:120px;min-width:120px;overflow:hidden;padding:2px 0;} .navBar_01 .sub-menu li a{font-size:14px;transition:all .3s;position:relative;display:block;height:38px;line-height:38px;color:#595959;font-weight:400!important;border-radius:4px;} .navBar_01 .sub-menu li a:hover{color:var(--primary-color)!important;background:var(--shallow-color);} .navBar_01 .sub-menu li a:after{height:0px!important;width:0px!important;} .navBar_01 .nav ul li a em.hot{display:inline-block;background:url(../../static/images/ceo-hot.gif) no-repeat;width:30px;height:14px;position:absolute;top:12px;left:22px;} .navBar_01 .nav ul li a em.new{display:inline-block;background:url(../../static/images/ceo-new.gif) no-repeat;width:30px;height:14px;position:absolute;top:12px;left:22px;} /* * ------------------------------------------------------------------------------ * 手机端侧边导航 * ------------------------------------------------------------------------------ */ .ceo-mobNav-box{padding:20px 20px 80px 20px;} .ceo-mobNav-box::-webkit-scrollbar{width:5px;height:4px;} .ceo-mobNav-box::-webkit-scrollbar-thumb{background-color:#eee;} .mobNavbar{padding:15px 0;} .mobNavbar i{display:inline-block;padding:4px 8px;background:#f9f9f9;color:#999;font-size:12px;margin-left:5px;} .mobSide{} .mobSide .logo img{height:36px;} .mobNav{} .mobNav>ul>li{} .mobNav>ul>li{border:0;} .mobNav .current-menu-item{border:0!important;position:relative;} .mobNav .current-menu-item a{color:var(--primary-color)!important;} .mobNav>ul>li>a{display:block;color:#4b5f72;border:1px solid var(--border-color);font-size:14px;padding:5px;border-radius:4px;margin-bottom:5px;} .mobNav>ul>li>a:hover{color:#333;} .mobNav>ul .sub-menu{position:relative;display:block;width:100%;overflow:hidden;padding:0;margin-bottom:5px;border-top:0;} .mobNav>ul .sub-menu li{width:50%;float:left;padding:0;border-radius:4px;min-width:50%;border-bottom:0;text-align:center;} .mobNav>ul .sub-menu a{display:block;color:#8c979f;border:1px solid var(--border-color);font-size:13px;padding:5px;margin:2px;} .mobNav-user{} .mobNav-user .author-count{} .mobNav-user .author-count{padding-top:15px;} .mobNav-user .author-name{color:#333;font-size:15px!important;} .mobNav-user .author-des{color:#999;} .mobNav-user .dropdown{list-style:none;} .mobNav-user .dropdown a{color:#999;} .no-login{} .no-login span{color:#999;} /* * ------------------------------------------------------------------------------ * 顶部搜索条样式 * ------------------------------------------------------------------------------ */ .search{} .search input{height:36px;border-top-left-radius:4px;border-bottom-left-radius:4px;font-size:12px;min-width:220px;} .search input:focus{background:#fff;border:1px solid #DCDFE6!important;} .search button{background:transparent;border:0;cursor:pointer;outline:none;} .search button i{color:#718d9b} .ceo-navbar-search-a{font-size:15px;color:#fff!important;} .ceo-navbar-search-a i{display:inline-block;transform:translateY(0px);margin-right:5px;font-size:16px!important;font-weight:bold;} /* * ------------------------------------------------------------------------------ * 幻灯样式 * ------------------------------------------------------------------------------ */ .ceo-slide-mk{margin-top:-50px;position:relative;} .ceo-slide-mkbox{padding:20px;box-shadow:0px 3px 9px 0px rgba(205,205,205,0.46);border-radius:4px;} .ceo-slide-mk-icon{} .ceo-slide-mk-icon img{width:50px;height:50px;} .ceo-slide-mk-dail{} .ceo-slide-mk-dail span{font-size:21px;font-weight:bold;color:#2A2A2A;} .ceo-slide-mk-dail p{font-size:12px;} .ceo-slide-mk-dail i{color:#E97800;margin-left:5px;} /* * ------------------------------------------------------------------------------ * 幻灯样式02 * ------------------------------------------------------------------------------ */ .slide_02{} .slide_02 .slide_2 .ceo-slidenav{color:#fff;} .slide_02 .slide_dotnav{margin-bottom:50px;} .slide_02 .slide_dotnav li{padding-left:6px;} .slide_02 .slide_dotnav li a{width:8px;height:8px;background-color:#fff;transition:all .3s;border:1px solid #fff;} .slide_02 .slide_dotnav .ceo-active{} .slide_02 .slide_dotnav .ceo-active a{width:30px;border-radius:10px;background-color:#fff;} /*幻灯片模块*/ .slide_2_mk{margin-top:-35px;padding-bottom:100px;position:relative;} .slide_2_mkbox{box-shadow:0px 0px 29px 0px rgba(185,185,185,0.42);padding:35px;} .slide_2_mkbox .item{display:block;} .slide_2_mkbox .item span{font-size:16px;font-weight:bold;color:#333333;line-height:16px;} .slide_2_mkbox .item:hover span{color:var(--primary-color);} .slide_2_mkbox .item span em{color:var(--primary-color);} .slide_2_mkbox .item p{font-size:12px;font-weight:500;color:#8C8D9E;line-height:12px;margin-top:13px;} /* * ------------------------------------------------------------------------------ * 推荐分类样式 * ------------------------------------------------------------------------------ */ .recommendCat{} .recommendCat .item{transition:all .3s;box-shadow:-3px 0 10px #f1f6fb;height:120px;background:#000;} .recommendCat .item img{min-height:100%;opacity:.5;} .recommendCat .item p{font-size:18px;color:#fff;} .recommendCat .item .cover{min-width:100%;} /* * ------------------------------------------------------------------------------ * 公用标签样式 * ------------------------------------------------------------------------------ */ .ceo-module-title{padding:20px;} .ceo-module-title span{color:#606266;margin-right:25px;font-size:16px;} .ceo-module-title span:last-child{margin-right:0px;} .module-title{padding:20px;line-height:25px;} .module-title span{color:#333;font-size:16px;min-width:85px;} .module-title em{font-style:normal;} .module-title .cat-nav{} .module-title .cat-nav a{display:block;color:#999;margin-left:30px;padding:4px 8px;border-radius:4px;transition:all .3s;} .module-title .cat-nav a:hover{background:var(--primary-color);color:#fff;} /* * ------------------------------------------------------------------------------ * 公用标签样式 * ------------------------------------------------------------------------------ */ .tags{color:#aaa;} .tags a{display:inline-block;background:var(--primary-color);font-size:12px;color:#fff;padding:2px 6px;margin-right:5px;border-radius:3px;transition:all .3s;opacity:.3;} .tags a:hover{opacity:1;color:#fff;} .tags .item:hover a{opacity:1;} .home-tags .item{transition:all .3s;} .home-tags .item:hover{-webkit-box-shadow:0 0 10px rgba(0,0,0,.05);box-shadow:0 0 10px rgba(0,0,0,.05);-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px);} /* * ------------------------------------------------------------------------------ * 视频整体样式 * ------------------------------------------------------------------------------ */ /*列表视频图标*/ a:hover.ceo_video:before{background:rgba(0,0,0,.8);} .ceo_video:before{z-index:1;content:"";background:rgba(0,0,0,.6);opacity:.8;height:39px;} .ceo_video:after{z-index:1;height:39px;content:"";background-image:url(../../static/images/ceo_video.svg);background-position:50%;background-repeat:no-repeat;background-size:32px;opacity:.9;} .ceo_video:after,.ceo_video:before{position:absolute;left:50%;top:50%;width:39px;margin-left:-19px;margin-top:-19px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:50%;-webkit-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;} /*内页视频模块*/ .ceo-single-video{padding:20px;} .ceo-single-video iframe{border-radius:4px;display:block;overflow:hidden;width:100%;max-width:100%;height:570px;} /* * ------------------------------------------------------------------------------ * 首页基础样式 * ------------------------------------------------------------------------------ */ .ceo-home-title{text-align:center;margin-bottom:60px;} .ceo-home-title span{font-size:28px;font-weight:bold;color:#0B1D30;} .ceo-home-title p{font-size:16px;font-weight:400;color:#999999;margin-top:20px;} /* * ------------------------------------------------------------------------------ * 首页卡片模块 * ------------------------------------------------------------------------------ */ .ceo-home-card{padding-bottom:100px;} .ceo-card-more{margin-top:40px;} .ceo-card-more a{display:block;width:200px;margin:0 auto;height:45px;line-height:45px;text-align:center;font-size:16px;color:#787878;font-weight:600;box-shadow:0px 12px 21px 0px rgba(53,92,141,0.11);border:1px solid #f5f7fd;border-radius:4px;background:#fff;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear;} .ceo-card-more a:hover{color:#fff;border:1px solid var(--primary-color);background:var(--primary-color);width:260px;box-shadow:0px 6px 16px 2px rgba(55,110,242,0.49);} .ceo-card-more-no{display: none; text-align: center; margin-top: 10px;} .ceo-home-card .switch{margin-bottom: 30px;} .ceo-home-card .subnav{margin-bottom:40px;text-align:center;} .ceo-home-card .subnav li{display:inline-block;margin-right:18px;} .ceo-home-card .subnav li a{display:block;line-height:36px;padding:0 20px!important;text-align:center;font-size:14px;color:#646464;background:#f6f6f6;border-radius: 4px;} .ceo-home-card .subnav li:last-child{margin-right:0px;} .ceo-home-card .subnav li a:hover{color:#fff!important;background: var(--primary-color) !important;} .ceo-home-card .subnav li.ceo-active a{color:#fff!important;background: var(--primary-color) !important;} /* * ------------------------------------------------------------------------------ * 首页会员模块 * ------------------------------------------------------------------------------ */ /*样式1*/ .ceo-home-homevip{padding:100px 0;background-repeat:no-repeat;} .home-homevip-boxmk{text-align:center;box-shadow:0 8px 16px rgba(0,0,0,.05);padding:20px;position:relative;} .home-homevip-boxmk .top{padding-top:30px;} .home-homevip-boxmk .top .name{margin-bottom:10px;font-size:18px;font-weight:600;color:#333;} .home-homevip-boxmk .top .tag{position:absolute;top:0px;left:0px;height:24px;line-height:24px;text-align:center;background:linear-gradient( 102.51deg,#ff451d 3.76%,#ff6f32 93.18%);border-radius:4px 0 4px 0;color:#fff;font-size:14px;font-weight:400;padding:0 12px;} .home-homevip-boxmktitle{text-align:center;position:relative;padding-bottom:20px;} .home-homevip-boxmktitle .price{font-size:16px;color:#333;margin-bottom:15px;} .home-homevip-boxmktitle .price strong{font-size:43px;margin:0 5px;} .home-homevip-boxmktitle p{font-size:14px;line-height:27px;background-color:#f7faff;color:var(--primary-color);;border-radius:50px;} .home-homevip-boxmktitle p span{} .home-homevip-boxmk a{align-items:center;justify-content:center;background-color:var(--primary-color);color:#fff;font-size:14px;width:100%;margin-top:20px;height:43px;line-height:43px;text-align:center;border-radius:4px;cursor:pointer;transition:all .3s;display:flex;} .home-homevip-boxmk:hover a{opacity:.8;} .home-homevip-boxmks{padding-top:20px;} .home-homevip-boxmks span{font-size:14px;color:#999;margin-bottom:10px;display:flex;} .home-homevip-boxmks p{text-align:left;line-height:2.5;} .home-homevip-boxmks p em{float:right;color:#333;} /*样式2*/ .ceo-home-homevip2-box{} .home-homevip2-boxmk{padding:30px;} .home-homevip2-boxmk .title{} .home-homevip2-boxmk .title i{display:block;font-size:14px;line-height:27px;background-color:#f0506e17;color:#f0506e;border-radius:50px;width:100px;text-align:center;} .home-homevip2-boxmk .title span{font-size:30px;margin-top:20px;display:block;font-weight:bold;color:#333;} .home-homevip2-boxmk .title p{} .home-homevip2-boxmk .i{width:60px;line-height:60px;text-align:center;height:60px;border-radius:50px;display:inline-block;background:#fff;font-size:30px !important;box-shadow:0px 15px 60px rgba(54,127,255,0.1);transition:box-shadow .2s;} .home-homevip2-boxmk:hover .i{box-shadow:0 0 0 10px rgba(198,209,255,0.45),0 0 0 24px rgba(197,209,255,0.22);border-radius:100%;} .home-homevip2-boxmk .an{margin-top:20px;height:33px;line-height:33px;} .home-homevip2-boxmk .an a{display:inline-block;text-align:center;font-size:14px;width:110px;height:33px;line-height:33px;color:#fff;border-radius:4px;background:var(--primary-color);} .home-homevip2-boxmk .an .jg{font-size:30px;font-weight:bold;color:#333;} .home-homevip2-boxmk .an .jg em{font-size:14px;font-weight:400;margin-left:3px;color:#777;} /* * ------------------------------------------------------------------------------ * 首页宣传模块 * ------------------------------------------------------------------------------ */ .ceo-home-spread{padding:100px 0;} .home-spread-boxmk{padding:20px;text-align:center;box-shadow:0 8px 16px rgba(0,0,0,.05);} .home-spread-boxmk:hover img{animation:float 1s ease-in-out infinite alternate;} @keyframes float{0%{transform:translate(0,0)} 100%{transform:translate(0,-10px)} } .home-spread-boxmk img{display:block;margin:0 auto;height:40px;} .home-spread-boxmk span{margin-top:33px;font-size:16px;font-weight:bold;color:#0B1D30;display:block;} .home-spread-boxmk p{margin-top:25px;font-size:13px;font-weight:400;color:#757F92;line-height:22px;} .ceo-home-spread-box{} .ceo-home-spread-box a.ceo-position-center-left,.ceo-home-spread-box a.ceo-position-center-right{background:#11111129;} /* * ------------------------------------------------------------------------------ * 首页文档模块 * ------------------------------------------------------------------------------ */ .ceo-home-file{background:#f3f6ff url(../../static/images/ceo-home-file-bg.png) no-repeat;padding:100px 0;} .ceo-home-file-boxmk{padding:20px;} .ceo-home-file-boxmk:hover{box-shadow:0 8px 16px rgba(0,0,0,.05);} .ceo-home-file-boxtop{height:180px;} .ceo-home-file-boxtop a{display:block;font-size:24px;color:#fff;} .ceo-home-file-boxmk{} .ceo-home-file-boxmk li{margin-top:20px;} .ceo-home-file-boxmk li a{color:#888;font-size:14px;} .ceo-home-file-boxmk li a:hover{color:var(--primary-color);} .ceo-home-file-boxmk li a:before{content:"";display:inline-block;vertical-align:1px;margin-right:5px;width:4px;height:4px;border:1px solid #999;border-radius:100%;} .ceo-home-file-boxmk li span{font-size:14px;margin-left:20px;color:#888;} .ceo-home-file-boxbottom{text-align:center;margin-top:20px;} .ceo-home-file-boxbottom a{display:inline-block;font-size:15px;width:130px;height:35px;line-height:35px;border:1px solid var(--primary-color);color:var(--primary-color);} .ceo-home-file-boxbottom a:hover{background:var(--primary-color);color:#fff;} .ceo-home-file-boxbottom a i{margin-left:2px;font-size:18px!important;} /* * ------------------------------------------------------------------------------ * 首页社区模块 * ------------------------------------------------------------------------------ */ .ceo-home-community{padding-bottom:100px;} .home-community-bg{background-repeat:no-repeat;background-size:100% 318px;height:318px;text-align:center;} .home-community-bg span{font-size:28px;font-weight:bold;color:#ffffff;margin-top:110px;display:block;} .home-community-bg p{font-size:16px;font-weight:400;color:#ffffff;margin-top:20px;} .home-community-box{position:relative;box-shadow:0px 0px 16px 0px rgba(225,225,225,0.35);margin-top:-50px;background:#fff;} .home-community-boxitem{text-align:center;position:relative;display:block;padding:40px 0;} .home-community-boxitem:hover{background:#FBFBFB !important;box-shadow:0px 23px 39px 18px rgba(235,237,239,0.53);} .home-community-boxitem img{display:block;margin:0 auto;height:47px;} .home-community-boxitem span{margin-top:35px;font-size:20px;font-weight:bold;color:#000000;display:block;} .home-community-boxitem:hover p{position:absolute;bottom:0;left:0;right:0;height:4px;background:#006FFF;display:block;} .home-community-list{margin-top:50px;} .home-community-list-box{box-shadow:0 0px 14px 0 rgba(48,64,79,.1);} .home-community-list-box:hover{box-shadow:0 10px 30px rgba(0,0,0,.1);} .home-community-list-boxtop{height:100px;} .home-community-list-boxtop a{display:block;font-size:20px;font-weight:bold;color:#fff;} .home-community-list-box-new{padding:20px;} .home-community-list-box-new ul{} .home-community-list-box-new ul li{margin-bottom:20px;} .home-community-list-box-new ul li:last-child{margin-bottom:0px;} .home-community-list-box-new ul li a.avatar{margin-right:20px;} .home-community-list-box-new ul li a.avatar img{border-radius:50%;} .home-community-list-box-new ul li a.avatar em{color:#333;} .home-community-list-box-new ul li a.avatar em:hover{color:var(--primary-color);} .home-community-list-box-new ul li .bots{} .home-community-list-box-new ul li .bots a{color:#666;} .home-community-list-box-new ul li .bots a:hover{color:var(--primary-color);} .home-community-list-box-new ul li span{margin-left:20px;color:#999;} .home-community-list-box-new ul li span em{color:var(--primary-color);margin-right:5px;} .home-community-list-box-btn{text-align:center;margin-top:40px;} .home-community-list-box-btn .z{display:inline-block;font-size:15px;width:130px;height:35px;line-height:35px;border:1px solid var(--primary-color);color:var(--primary-color);margin-right:20px;} .home-community-list-box-btn .z:hover{background:var(--primary-color);color:#fff;} .home-community-list-box-btn .y{display:inline-block;font-size:15px;width:130px;height:35px;line-height:35px;border:1px solid var(--primary-color);color:#fff;background:var(--primary-color);} .home-community-list-box-btn .y:hover{color:var(--primary-color);background:rgb(255 255 255 / 0%);} /* * ------------------------------------------------------------------------------ * 首页资讯模块 * ------------------------------------------------------------------------------ */ .ceo-home-news{padding:100px 0;background:url(../../static/images/ceo-home-news-bg.png) center no-repeat;background-size:100% 100%;box-sizing:border-box;text-align:center;position:relative;} .home-news-boxmk{padding:23px 10px;} .home-news-boxmk:hover{background:#fff;} .home-news-boxmk .md{color:var(--primary-color);font-size:17px;font-weight:700;display:block;margin-bottom:15px;} .home-news-boxmk .y{font-size:14px;color:#9AA3B7;text-align:right;} .home-news-boxmk .title{font-size:15px;color:#454F66;margin-bottom:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;} .home-news-boxmk .content{font-size:14px;color:#9AA3B7;text-align: left;} .home-news-boxmk .btn{width:144px;height:56px;background-color:#F6F9FF;border-radius:28px;float:left;font-size:14px;color:var(--primary-color);line-height:56px;cursor:pointer;} .ceo-home-news-box .btns{margin-top:20px;text-align:center;} .ceo-home-news-box .btns a{border-radius:50%;background:var(--primary-color);width:40px;height:40px;line-height:40px;display:inline-block;color:#fff;} .ceo-home-news-box .btns a:hover{box-shadow:0px 6px 16px 2px rgba(55,110,242,0.49);} .ceo-home-news-box .btns a i{font-size:20px!important;} /* * ------------------------------------------------------------------------------ * 列表价格 * ------------------------------------------------------------------------------ */ .ceo_shop_loop_jg{color:#FF485E!important;font-weight:bold;} /* * ------------------------------------------------------------------------------ * 博客列表样式 * ------------------------------------------------------------------------------ */ .blog .item .title:hover .ceo-title-dd{background:#EC3B3B;color:#fff;} .blog .item .title .ceo-title-dd{transition:all .3s;font-style:normal;display:inline-block;font-size:12px;padding:1px 6px;border-radius:50px;margin-top:3px;border:1px solid #EC3B3B;color:#EC3B3B;vertical-align:top;} .blog .item .title .ceo-title-dd i{font-size:12px!important;} .card .item .title .ceo-title-dd{font-style:normal;display:inline-block;font-size:12px;font-weight:400;padding:1px 4px;border-radius:2px;margin-top:4px;background-color:#3385ff;background:var(--primary-color);color:#fff!important;transform:translateY(-1px);} .card .item .title .ceo-title-dd i{font-size:12px!important;} .ceo-blog-mks{position:relative;} .ceo-blog-mks .ceo_blog_category{position:absolute;left:30px;top:10px;padding:4px 8px;font-size:12px;line-height:14px;color:#fff!important;background-color:#000;filter:alpha(opacity=60);background:rgba(0,0,0,.6);border-radius:3px;text-decoration:none;} .ceo-blog-mks .ceo_blog_category:hover{background:var(--primary-color);} .ceo-blog-icon{font-size:26px !important;color:var(--primary-color);margin-right:3px;display:inline-block;position:relative;overflow:hidden;line-height:28px;transform:translateY(25%);} /*基础1*/ .ceo-home-text-title a i:hover{color:var(--primary-color);} .ceo-zx-ba a{height:66px;border-radius:4px;} .ceo-zx-cont{padding:20px;border-radius:5px;} .ceo-zx-bt a{line-height:20px;font-size:14px;color:#333;font-weight:500;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-all;} .ceo-zx-bt a:hover{color:var(--primary-color);} .ceo-zx-bt p{font-size:12px;color:#999;} /*基础1*/ .ceo_blog_mk{margin-top:20px;background:#fff;} .ceo_blog_mk .blos_title_bt{padding:15px;} .ceo_blog_mk .blos_title_bt span{font-size:18px;color:#333;} .ceo-home-sanhang-title i{font-size:20px!important;color:#ccc;} .ceo-home-sanhang-title i:hover{color:#0056ff;} .blog{} .blog .module-title span{font-size:16px;} .blog .item{transition:all .3s;padding:20px;} .blog .item:last-child{border-bottom:0;} .blog .item .thumb{width:200px;height:130px;overflow:hidden;position:relative;} .blog .item .thumb img{height:100%;min-width:100%;max-width:none;} .blog .item .title{font-size:18px;transition:all .3s;max-height:27px;text-decoration:none;margin-bottom:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .blog .item .title:hover{color:var(--primary-color);} .blog .item .desc{font-size:12px;height:67px;color:#999!important;} .blog .item .info-box{position:relative;} .blog .item .info-box .info-boxmk{} .blog .item .info{} .blog .item .info .avatar{line-height:0;width:20px;height:20px;} .item-top{max-height:220px;} .item-top .ceo-overlay-primary{background:rgba(9,9,9,.6);} .ceo-ajax-btn{background-color:#fff;padding:20px;} .ceo-bk-btn{text-align:center;margin:10px 0;} .ceo-home-text-mk{padding:20px;} .ceo-home-text-title{padding:15px;} .blog .item .info .ceo_blog_category{color:var(--mini-color);} .blog .item .info .ceo_blog_category:hover{color:var(--primary-color);} .blog .item .info .ceo_blog_category i{margin-right:3px;color:var(--primary-color);} .blog .item .ceo-title-zd{display:block;width:14px;height:14px;border-radius:100%;padding:2px;background:#fff url(../../static/images/ceo-title-zd.png) center no-repeat;position:absolute;top:10px;left:10px;z-index:10;} /* * ------------------------------------------------------------------------------ * 极简列表样式 * ------------------------------------------------------------------------------ */ .simple{} .simple .item{padding:20px;} .simple .item .title{padding-left:25px;background:url(../../static/images/ceo-simple-title.png) left center no-repeat;font-size:16px;transition:all .3s;max-height:27px;text-decoration:none;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .simple .item .title .ceo-title-dd{transition:all .3s;font-style:normal;display:inline-block;font-size:12px;padding:0px 6px;height:17px;line-height:17px;border-radius:50px;margin-top:3px;border:1px solid #EC3B3B;color:#EC3B3B;vertical-align:top;} .simple .item .title .ceo-title-dd i{font-size:12px!important;} .simple .item .title:hover{color:var(--primary-color);} .simple .item .info .ceo_blog_category{color:var(--mini-color);} .simple .item .info .ceo_blog_category:hover{color:var(--primary-color);} .simple .item .info .ceo_blog_category i{margin-right:3px;color:var(--primary-color);} /* * ------------------------------------------------------------------------------ * 卡片列表样式 * ------------------------------------------------------------------------------ */ /*卡片分类菜单*/ .ceo-card-category-box{position:relative;padding:20px;margin-bottom:40px;box-shadow:0px 6px 12px 0px rgb(205 205 205 / 22%);} .ceo-catnav-ss{} .ceo-catnav-ss ul li strong{font-weight:400;color:#333;} .ceo-catnav-ss ul li{display:inline-block;margin-right:20px;} .ceo-catnav-ss ul li:last-child{margin-right:0px;} .ceo-card-rili{display:inline;} .ceo-fl-icon a.hot{margin-left:20px;} .ceo-category-card-box{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--border-color)!important;} .ceo-category-card-box ul{margin-bottom:20px;} .ceo-category-card-box ul:last-child{margin-bottom:0px;} .ceo-category-card-box ul li{display:inline-block;margin-right:20px;} .ceo-category-card-box ul li:last-child{margin-right:0px;} .ceo-category-card-box ul li strong{font-weight:400;color:#333;} .ceo-category-card-box ul li a:hover{color:var(--primary-color);} .ceo-category-card-box ul .current-cat a{color:var(--primary-color);} /*卡片分类基础*/ .card{} .card .module-title{padding:0;} .card .item{background:#fff;transition:all .3s;border-radius:6px;box-shadow:0px 12px 21px 0px rgba(53,92,141,0.11);} .card .item:hover{box-shadow:0px 12px 21px 0px rgb(35 93 167 / 18%);-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px);} .card .item .thumb{height:280px;} .card .item .content{padding:20px;} .card .item .content .titlebox{box-shadow:0px 12px 21px 0px rgba(53,92,141,0.11);padding:30px;margin-top:-50px;position:relative;background:#fff;border-radius:6px;text-align:center;} .card .item .content .titlebox p{color:#aab3bf;margin-top:20px;} .card .item .content .title{font-size:20px;color:#242947;} .card .item .content .title:hover{color:var(--primary-color)} .card .item .content .contentan{text-align:center;margin-top:20px;} .card .item .content .contentan .x{display:inline-block;text-align:center;font-size:14px;width:110px;height:33px;line-height:33px;color:#fff;border-radius:50px;background:var(--primary-color);} .card .item .content .contentan .x:hover{box-shadow:0px 6px 16px 2px rgba(55,110,242,0.49);} .card .item .content .contentan .x i{margin-left:2px;} .ceo-card-mk{position:relative;} .card .ceo_shop_vip{position:absolute;z-index:2;right:10px;top:10px;display:block;height:18px;width:36px;background:url(../../static/images/ceo-vip-tag.svg) 0 0 no-repeat;background-size:100% 100%;} /* * ------------------------------------------------------------------------------ * 个人主页 * ------------------------------------------------------------------------------ */ @media screen and (max-width:960px){.ceo-geren{margin-right:30px!important;margin-left:0px!important;} } .author-head{height:266px;} /* * ------------------------------------------------------------------------------ * 专题样式 * ------------------------------------------------------------------------------ */ .topic{} .topic .item{padding:25px;margin-top:20px;transition:all .3s;} .topic .item:hover{transform:translateY(-3px);box-shadow:0px 6px 10px -5px #dddfe2} .topic .item .content{width:300px;} .topic .item .content h3{margin:0;} .topic .item .content h3 a{font-size:18px;} .topic .item .content ul{list-style:none;} .topic .item .content ul li{padding:10px;font-size:14px;} .topic .item .content ul li:nth-child(odd){background:hsla(0,0%,84.7%,.16);} .topic .item .content ul li a{display:block;line-height:22px;overflow:hidden;color:#7c808a;transition:all .3s;} .topic .item .content ul li a:hover{color:var(--primary-color);} .topic .item .thumb{height:260px;width:220px;transform:translateY(-50px);transition:all .3s;} .topic .item .thumb img{height:100%;min-width:100%;max-width:none;} .topic .item .view{color:var(--primary-color);} .topic .item .view i{margin-left:5px;} /* * ------------------------------------------------------------------------------ * 侧边栏样式 * ------------------------------------------------------------------------------ */ .sidebar{} .sidebar .module-title span{font-size:16px;color:#666;} .sidebar .ceo-sidebar-title{padding:20px;line-height:24px} .sidebar .ceo-sidebar-title i{font-size:20px!important;color:#ccc;} .sidebar .ceo-sidebar-title i:hover{color:var(--primary-color);} /* * ------------------------------------------------------------------------------ * 侧边栏幻灯片 * ------------------------------------------------------------------------------ */ .ceo-sidebar-slide{padding:0 15px;background-position:50%;background-repeat:no-repeat;height:350px;position:relative;} .ceo-sidebar-slide .slide .ceo-slideshow-items{min-height:200px!important;} .ceo-sidebar-slide .slide .ceo-slidenav{color:#fff;} .ceo-sidebar-slide .slide{height:200px;overflow:hidden;top:133px;border-radius:4px;} .ceo-sidebar-slide .slide .ceo-slideshow-items{min-height:200px;} .ceo-sidebar-slide .slide .ceo-slideshow-items img{height:200px;} .ceo-sidebar-slide .slide_dotnav{margin-bottom:10px;} .ceo-sidebar-slide .slide_dotnav li{padding-left:6px;} .ceo-sidebar-slide .slide_dotnav li a{width:8px;height:8px;background-color:#006fff33;transition:all .3s;border:1px solid #006fff33;} .ceo-sidebar-slide .slide_dotnav .ceo-active{} .ceo-sidebar-slide .slide_dotnav .ceo-active a{width:30px;border-radius:10px;background-color:#006fff33;} /* * ------------------------------------------------------------------------------ * 侧边栏热门标签 * ------------------------------------------------------------------------------ */ .tags-item a{display:inline-block;font-size:12px;color:#aaa;background:#f6f6f6;padding:4px 6px;border-radius:3px;margin:3px 0 3px 3px;} .tags-item a:hover{background-color:#3385ff;background:var(--primary-color);box-shadow:0 4px 10px -5px var(--primary-color);color:#fff;} .tags-item a:nth-child(3){} .ceo-tags-ico{margin-right:15px;} /* * ------------------------------------------------------------------------------ * 侧边栏作者样式 * ------------------------------------------------------------------------------ */ .ceo-author-imgs{display:inline-block;position:relative;} .ceo-author-imgs i{position:absolute;right:12px;bottom:6px;width:16px;height:16px;background-image:url(../../static/images/ceo-users-icon.png);display:inline-block;background-size:contain;background-repeat:no-repeat;} .side-author{padding:20px;} .side-author .avatar{display:inline-block;border-radius:50%;overflow:hidden;} .side-author .author-name{font-size:16px;} .side-author span{margin-top:5px;} .author-des{background:var(--bg-color);} .author-count{color:#333;padding-top:10px;} .author-count span{font-size:12px;color:#aaaeb3;} .author-count-item{border-right:1px solid var(--border-color);} .author-count-item:last-child{border:0!important;} .ceo-author-codes{margin:20px 0;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all;} .ceo-sidebar-author-codes{margin:20px 0;display:block;background:#f9f9f9;padding:10px;border-radius:4px;} .ceo-sidebar-author-text{padding:0 20px;} .ceo-sidebar-author-box{padding:0 20px;} .ceo-sidebar-author-box img{padding:4px!important;background-color:#fff!important;} .ceo-sidebar-author-box .ceo-author-mss{margin-top:48px;} .ceo-sidebar-author-box .ceo-author-imgs i{right:5px;bottom:5px;} /* * ------------------------------------------------------------------------------ * 侧边栏热门文章样式 * ------------------------------------------------------------------------------ */ .sideHot{} .sideHot .thumb{width:100px;height:75px;} .sideHot .thumb img{height:100%;min-width:100%;max-width:none;} .sideHot .title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;} .sideHot .title a{font-size:15px;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;} /* * ------------------------------------------------------------------------------ * 侧边栏弹窗样式 * ------------------------------------------------------------------------------ */ .helper{letter-spacing:.5px;} .helper p{max-width:65%;} .helper .btn{padding:6px 10px;font-size:13px;line-height:normal;background:var(--primary-color);color:#fff;transition:all .3s;-webkit-box-shadow:0px 4px 8px -4px var(--primary-color);box-shadow:0px 4px 8px -4px var(--primary-color);margin-top:20px;} .helper .btn:hover{transform:translateY(-3px);} .helper .btn i{font-size:14px;margin-right:5px;} .helper .helper-thumb{position:absolute;right:0;bottom:0;} /* * ------------------------------------------------------------------------------ * 评论样式 * ------------------------------------------------------------------------------ */ .comments{} .comments-title{line-height:25px;} .comments-title span{font-size:16px;} .comment-list{padding:20px} .comment-list .children{margin-left:25px;padding:0;} .comment-list .children .comment-main{border:0;} .comment-list .children .children{margin-bottom:0} .comment-from{margin-bottom:20px;} .comment-from .btn{font-size:13px;padding:0px 15px;line-height:32px;background:var(--primary-color);color:#fff;} .comment-from .btn:hover{transform:none} .comment-main{padding-top:15px;} .comment-head{font-size:12px} .comment-head a{font-size:14px;color:#333;} .comment-head a:hover{color:var(--primary-color);} .comment-head a span{display:inline-block;transform:translateY(2px);} .comment-head .data{color:#bdbdbd;text-align:right} .comment-head .data a{font-size:12px;color:#bdbdbd;} .comment-head .avatar{margin-right:3px;display:inline-block;} .comment-content{padding:15px 0 0 25px;font-size:14px;} .comment-content p{margin:0;background-color:#f8f8f8;padding:15px;border-radius:4px;} .comment-content p a{color:var(--primary-color)!important;} .comment-head .avatar img{border-radius:50px;} .comment-list .avatar img{border-radius:50px;} .ceo-comment-wu{text-align:center;background-color:#f8f8f8;padding:15px 0;border-radius:4px;} .ceo-comments-text{font-size:14px;} .ceo-comments-textarea{resize:vertical;} /* * ---------------------------------------------------------------------------- * 分页样式 * ---------------------------------------------------------------------------- */ .fenye{} .prev,.next{} .fenye .page-numbers{background:#fff;display:inline-block;padding:7px 15px;border-radius:4px;margin:0 3px;color:#666;transition:all .3s;border:1px solid var(--border-color)} .fenye .page-numbers:hover{background:var(--primary-color);color:#fff;} .fenye .current{background:var(--primary-color)!important;color:#fff!important;border:1px solid var(--primary-color)!important;transition:all .3s} .ceo-overlay{padding:20px;} .ceo-single-page img{width:100%!important;} .share-post{position:relative} .share-post:before{position:absolute;right:-12px;top:50%;width:1px;height:14px;margin-top:-7px;background:#999;content:"";opacity:.6;} /* * ------------------------------------------------------------------------------ * 商城内容页样式1 * ------------------------------------------------------------------------------ */ .ceo-shop-single{position:relative;z-index:2;height:100%;padding-bottom:101px;overflow:hidden;} .ceo-shop-single-box{margin-top:200px;position:relative;z-index:9;} .ceo-shop-single-z{width:80%;} .shop-single-z-title{margin-bottom:40px;} .shop-single-z-title h1{font-size:35px;margin-bottom:20px;font-weight:700;color:#ffffff;} .shop-single-z-title p{font-size:18px;color:#ffffff;} .shop-single-z-price{margin-bottom:40px;font-size:16px;color:#fff;} .shop-single-z-price .price{position:relative;display:inline-block;} .shop-single-z-price .price span{font-size:18px;color:#fdd76e;} .shop-single-z-price .price span em{font-size:30px;color:#fdd76e;} .shop-single-z-price .price i{position:absolute;right:-93px;top:-9px;background:#f0506e;border-radius:50px 50px 50px 0px;color:#fff;font-size:12px;display:inline-block;padding:0 15px;} .shop-single-z-price s{margin-left:10px;} .shop-single-z-btn{margin-bottom:40px;} .shop-single-z-btn ul.btn-shop{display:flex;justify-content:space-evenly;margin:20px 0 0 -20px;} .shop-single-z-btn ul.btn-shop li{flex:1;padding-left:20px;} .shop-single-z-btn ul.btn-shop li .btn1,.shop-single-z-btn ul.btn-shop li .btn2{display:block;text-align:center;border-radius:4px;font-size:16px;height:50px;line-height:50px;color:#fff;} .shop-single-z-btn ul.btn-shop li .btn1{background-image:linear-gradient(135deg,#ff7049 10%,#fd420a 100%);} .shop-single-z-btn ul.btn-shop li .btn1:hover{background-image:linear-gradient(135deg,#fd420a 10%,#ff7049 100%);} .shop-single-z-btn ul.btn-shop li .btn2{background-image:linear-gradient(135deg,#1f81ff 10%,#389aff 100%);} .shop-single-z-btn ul.btn-shop li .btn2:hover{background-image:linear-gradient(135deg,#389aff 10%,#1f81ff 100%);} .shop-single-z-btn ul.btn-list{display:flex;justify-content:space-evenly;margin:20px 0 0 -20px;} .shop-single-z-btn ul.btn-list li{flex:1;padding-left:20px;} .shop-single-z-btn ul.btn-list li a{display:block;text-align:center;border-radius:4px;font-size:14px;height:40px;line-height:40px;background-color:#fff;color:var(--primary-color);} .shop-single-z-meta{padding:15px 20px;background:rgba(255,255,255,.1);border-radius:5px;font-size:14px;color:#f9f9f9;line-height:24px;margin-top:50px;} .shop-single-z-meta .ul{} .shop-single-z-meta .ul .li{color:#fff;font-weight:400;line-height:35px;font-size:14px;} .shop-single-z-meta .ul .li span{margin-right:30px;} .shop-single-z-meta .ul .li p{display:inline;} .shop-single-z-meta .ul .li p.package{} .shop-single-z-meta .ul .li p.package i{margin-right:3px;} .shop-single-z-meta .discount{display:inline-block;position:relative;transition:all .3s;} .shop-single-z-meta .discount a{color:#fff474;} .shop-single-z-meta .discount a i{margin-right:3px;font-size:16px !important;} .shop-single-z-meta .discount:hover .box{display:block;} .shop-single-z-meta .discount .box{position:absolute;top:35px;left:50%;transform:translateX(-50%);z-index:201;display:none;color:#666;transition:all .3s;} .shop-single-z-meta .discount .box .title{margin-bottom:10px;} .shop-single-z-meta .discount .box ul{padding:20px;height:100%;width:205px;border-radius:4px;background:#fff;position:relative;box-shadow:0px 0px 16px 1px rgb(0 0 0 / 10%);text-align:left;} .shop-single-z-meta .discount .box ul:before{content:" ";position:absolute;width:0;height:0;left:50%;transform:translateX(-50%);top:-16px;border:10px solid transparent;border-bottom-color:#fff;} .shop-single-z-meta .discount .box ul li{margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;font-size:12px;line-height:1;border-bottom:0px dashed #f4f4f4;list-style:none;padding-left:0;} .shop-single-z-meta .discount .box ul li:after{display:none;} .shop-single-z-meta .discount .box ul li:last-child{margin-bottom:0px;} .shop-single-z-meta .discount .box ul li.vip{color:#FF7D18;} .shop-single-z-meta .discount .box ul li.vip span:after{content:'';position:absolute;right:-11px;top:3px;height:5px;width:5px;background:#FF7D18;box-shadow:3px 0px 10px -1px var(--primary-color);border-radius:50px;display:block;} .shop-single-z-meta .discount .box ul li span{position:relative;} .shop-single-z-meta .discount .box ul li p{line-height:1.5;margin-bottom:0;font-size:12px;} .shop-single-z-meta .discount .box ul li p em{color:#FF7D18;margin-right:5px;} .shop-single-z-meta .ul .li a.ceo_meta_go{display:inline-block;margin-left:15px;color:#fff;} .shop-single-z-meta .ul .li a.ceo_meta_go i{color:#fff474;font-size:16px!important;} /*y*/ .ceo-shop-single-y{} .ceo-shop-single-y ul.ceo-slideshow-items{height:500px;border:5px solid #ffffff24;border-radius:10px;overflow:hidden;box-shadow:0 45px 80px -24px #006fff7a;} .ceo-shop-single-y ul.ceo-slideshow-items li{height:500px;} .ceo-shop-single-y ul.ceo-slideshow-items li img{height:auto;width:100%;} .ceo-shop-single-y .ceo-position-center-left-out,.ceo-shop-single-y .ceo-position-center-right-out{color:#fff;margin-top:-25px;} .ceo-shop-single-y .ceo-position-center-left-out:hover,.ceo-shop-single-y .ceo-position-center-right-out:hover{opacity:.8;} .ceo-shop-single-y .ceo-position-center-left-out i,.ceo-shop-single-y .ceo-position-center-right-out i{font-size:30px!important;} .ceo-shop-single-y .ceo-position-center-left,.ceo-shop-single-y .ceo-position-center-right{color:#fff;margin-top:-25px;background:rgb(0 0 0 / 20%);border-radius:50px;width:30px;height:30px;line-height:33px;text-align:center;} .ceo-shop-single-y .ceo-position-center-left i,.ceo-shop-single-y .ceo-position-center-right i{font-size:20px!important;} .ceo-shop-single-ybo{margin-top:10px;} .ceo-shop-single-ybo ul{} .ceo-shop-single-ybo ul li{} .ceo-shop-single-ybo ul li a{height:80px;border:5px solid #ffffff24;border-radius:10px;overflow:hidden;box-shadow:0 45px 80px -24px #006fff7a;} /*基础样式*/ .ceo-shop1-mktitle{text-align:center;margin-bottom:60px!important;} .ceo-shop1-mktitle span{font-size:28px;font-weight:bold;color:#0B1D30;} .ceo-shop1-mktitle p{font-size:16px;font-weight:400;color:#999999;margin-top:20px;} /*快捷导航*/ .ceo-shop1-quick{box-shadow:0px 6px 12px 0px rgb(205 205 205 / 22%);padding:20px 0;margin-bottom:40px;text-align:center;} .ceo-shop1-quick a{display:inline-block;margin-right:40px;font-size:16px;} .ceo-shop1-quick a:last-child{margin-right:0px;} /*介绍模块*/ .ceo-shop1-introduce{margin-bottom:60px;} .ceo-shop1-content{text-align:center;} /*特色功能*/ .ceo-shop1-characteristic{margin-bottom:60px;} .ceo-shop1-characteristic .box{border-radius:6px;padding:30px;text-align:center;box-shadow:0px 12px 27px 0px rgba(36,61,164,0.11);position:relative;overflow:hidden;} .ceo-shop1-characteristic .box:hover{background-color:var(--primary-color);color:#fff;} .ceo-shop1-characteristic .box:hover:after{position:absolute;width:600px;height:600px;border-radius:50%;background-color:#ffffff;opacity:0.15;top:20px;content:"";left:20px;z-index:-1;} .ceo-shop1-characteristic .box img{height:80px;display:block;margin:0 auto;margin-bottom:20px;position:relative;} .ceo-shop1-characteristic .box span{font-size:18px;margin-bottom:8px;font-weight:700;color:#333;display:block;} .ceo-shop1-characteristic .box:hover span{color:#fff;} .ceo-shop1-characteristic .box p{font-size:14px;color:#999;} .ceo-shop1-characteristic .box:hover p{color:#fff;} /*更多功能*/ .ceo-shop1-more{background:#f3f6ff;padding:60px 0;} .ceo-shop1-morebox{} .ceo-shop1-morebox li{font-size:15px;} .ceo-shop1-morebox li i{color:var(--primary-color);margin-right:10px;font-size:17px;} .ceo-shop1-morebox li em{display:inline-block;padding:1px 6px;margin-right:5px;background:#ffb000;font-size:12px;color:#fff;border-radius:2px;} /*附赠服务*/ .ceo-shop1-service{padding:60px 0;background-image:url(../../static/images/ceo-shop1-service-bg.jpg);} .ceo-shop1-service .ceo-shop1-mktitle span{color:#fff;} .ceo-shop1-service .ceo-shop1-mktitle p{color:#fff;} .ceo-shop1-servicebox{text-align:center;} .ceo-shop1-servicebox .box{padding:20px;border-radius:6px;text-align:center;} .ceo-shop1-servicebox .box img{width:60px;height:60px;display:block;margin:0 auto 20px auto;transition:box-shadow .2s;border-radius:100%;} .ceo-shop1-servicebox .box:hover img{box-shadow:0 0 0 10px rgba(198,209,255,0.45),0 0 0 24px rgba(197,209,255,0.22);border-radius:100%;} .ceo-shop1-servicebox .box span{display:block;font-size:17px;font-weight:bold;color:#333;margin-bottom:20px;} .ceo-shop1-servicebox .box p{font-size:14px;color:var(--mini-color);} .ceo-shop1-servicebox a.btnsq{display:block;width:200px;height:38px;line-height:38px;margin:60px auto 0 auto;background:#fff;color:var(--primary-color);border-radius:4px;overflow:hidden;position:relative;} .ceo-shop1-servicebox a.ceo-position-center-left,.ceo-shop1-servicebox a.ceo-position-center-right{background:#11111129;} /*更新记录*/ .ceo-shop1-update{margin:60px 0;} .ceo-shop1-updatebox{border-radius:6px;height:500px;padding:30px;overflow:auto;-webkit-overflow-scrolling:touch;resize:vertical;box-shadow:0px 12px 27px 0px rgba(36,61,164,0.11);} .ceo-shop1-updatebox ul li.ceo-open a{background:var(--primary-color);border-radius:6px 6px 0px 0px;padding:20px;color:#fff;} .ceo-shop1-updatebox ul li.ceo-open a em{margin-left:10px;display:inline-block;padding:3px 10px;background:#ffffff;font-size:12px;color:#000000;border-radius:50px;} .ceo-shop1-updatebox ul li.ceo-open .ceo-accordion-content{background-color:#f4f4ff;padding:30px;margin-top:0px;border-radius:0px 0px 6px 6px;} .ceo-shop1-updatebox ul li.ceo-open .ceo-accordion-content p{font-size:16px;line-height:50px;} .ceo-shop1-updatebox ul li a{background:#f4f4ff;border-radius:6px 6px 0px 0px;padding:20px;color:#333;} .ceo-shop1-updatebox ul li a em{margin-left:10px;display:inline-block;padding:3px 10px;background:var(--primary-color);font-size:12px;color:#fff;border-radius:50px;} .ceo-shop1-updatebox ul li .ceo-accordion-content{background-color:#f4f4ff;padding:30px;margin-top:0px;border-radius:0px 0px 6px 6px;} /*常见问题*/ .ceo-shop1-qa{padding-bottom:60px;} .ceo-shop1-qabox{margin-bottom:30px;box-shadow:0px 12px 27px 0px rgba(36,61,164,0.11);} .ceo-shop1-qabox .zs{height:100%;font-size:26px;font-weight:900;text-align:center;letter-spacing:5px;background:#006fff30;color:#0B1D30;} .ceo-shop1-qabox .ys{padding:30px;font-size:16px;} .ceo-shop1-qabox .ys p{margin-bottom:20px;} .ceo-shop1-qabox .ys p:last-child{margin-bottom:0px;} .ceo-shop1-qabox .ys p b{color:#0B1D30;} /* * ------------------------------------------------------------------------------ * 商城内页装饰 * ------------------------------------------------------------------------------ */ /*1*/ .background-shape .circle1{width:2200px;height:2200px;border-radius:50%;background:rgba(255,255,255,0.12);position:absolute;z-index:-30;top:-1100px;right:-1100px;} @media only screen and (min-width:992px) and (max-width:1199px){.background-shape .circle1{width:1700px;height:1700px;top:-850px;right:-850px;} } @media only screen and (min-width:768px) and (max-width:991px){.background-shape .circle1{width:1700px;height:1700px;top:-850px;right:-850px;} } @media only screen and (max-width:767px){.background-shape .circle1{width:1700px;height:1700px;top:-850px;right:-850px;} } .background-shape .circle2{width:1700px;height:1700px;border-radius:50%;background:rgba(255,255,255,0.12);position:absolute;z-index:-20;top:-850px;right:-850px;} @media only screen and (min-width:992px) and (max-width:1199px){.background-shape .circle2{width:1200px;height:1200px;top:-600px;right:-600px;} } @media only screen and (min-width:768px) and (max-width:991px){.background-shape .circle2{width:1200px;height:1200px;top:-600px;right:-600px;} } @media only screen and (max-width:767px){.background-shape .circle2{width:1200px;height:1200px;top:-600px;right:-600px;} } .background-shape .circle3{width:1200px;height:1200px;border-radius:50%;background:rgba(255,255,255,0.12);position:absolute;z-index:-10;top:-600px;right:-600px;} @media only screen and (min-width:992px) and (max-width:1199px){.background-shape .circle3{width:700px;height:700px;top:-350px;right:-350px;} } @media only screen and (min-width:768px) and (max-width:991px){.background-shape .circle3{width:700px;height:700px;top:-350px;right:-350px;} } @media only screen and (max-width:767px){.background-shape .circle3{width:700px;height:700px;top:-350px;right:-350px;} } .background-shape .circle4{width:700px;height:700px;border-radius:50%;background:rgba(255,255,255,0.12);position:absolute;z-index:-10;top:-350px;right:-350px;} @media only screen and (min-width:992px) and (max-width:1199px){.background-shape .circle4{width:200px;height:200px;top:-100px;right:-100px;} } @media only screen and (min-width:768px) and (max-width:991px){.background-shape .circle4{width:200px;height:200px;top:-100px;right:-100px;} } @media only screen and (max-width:767px){.background-shape .circle4{width:200px;height:200px;top:-100px;right:-100px;} } /*2*/ .background-animation{position:absolute;z-index:1;top:0;left:0;width:70%;height:100%;} .background-animation .star-ani{position:absolute;border-radius:50%;width:300px;height:300px;top:15%;left:45%;z-index:-1;-webkit-animation:rotateAnimation linear 39s infinite;animation:rotateAnimation linear 39s infinite;} .background-animation .star-ani::after{position:absolute;content:"\ea93";top:10%;left:10%;z-index:-1;border-radius:50%;font-family:"ceofont";color:rgba(255,255,255,0.26);font-size:22px;} .background-animation .cloud-ani{position:absolute;border-radius:50%;width:240px;height:240px;top:50%;left:60%;z-index:-1;-webkit-animation:rotateAnimation linear 46s infinite;animation:rotateAnimation linear 46s infinite;} .background-animation .cloud-ani::after{position:absolute;content:"\eddc";top:10%;left:10%;z-index:-1;border-radius:50%;font-family:"ceofont";color:rgba(255,255,255,0.26);font-size:2.5rem;} .background-animation .circle-ani{position:absolute;border-radius:50%;-webkit-animation:rotateAnimation linear 34s infinite;animation:rotateAnimation linear 34s infinite;width:180px;height:180px;left:10%;top:10%;z-index:-1;} .background-animation .circle-ani::after{width:20px;height:20px;position:absolute;content:"";top:10%;left:10%;border:3px solid rgba(255,255,255,0.2);z-index:-1;border-radius:50%;} .background-animation .triangle-ani{position:absolute;border-radius:50%;-webkit-animation:rotateAnimation linear 40s infinite;animation:rotateAnimation linear 40s infinite;width:20%;height:20%;left:30%;top:50%;z-index:-1;} .background-animation .triangle-ani::after{width:0;height:0;position:absolute;content:"";border-top:14px solid rgba(255,255,255,0.16);border-bottom:14px solid transparent;border-left:14px solid transparent;border-right:14px solid transparent;z-index:-1;} .background-animation .box-ani{position:absolute;border-radius:50%;-webkit-animation:rotateAnimation linear 37s infinite;animation:rotateAnimation linear 37s infinite;width:15%;height:18%;left:7%;top:70%;z-index:-1;} .background-animation .box-ani::after{width:26px;height:26px;position:absolute;content:"";z-index:-1;background-color:transparent;border-radius:4px;border:3px solid rgba(255,255,255,0.2);} .background-animation .line-ani{position:absolute;border-radius:50%;-webkit-animation:rotateAnimation linear 43s infinite;animation:rotateAnimation linear 43s infinite;width:10%;height:12%;left:7%;top:30%;z-index:-1;} .background-animation .line-ani::after{width:30px;height:3px;position:absolute;content:"";z-index:-1;background-color:rgba(255,255,255,0.17);} @-webkit-keyframes rotateAnimation{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);} } @keyframes rotateAnimation{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);} } /*3*/ @-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px);} 100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);} } @keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px);} 100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);} } .fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig;} /* * ------------------------------------------------------------------------------ * 内容页样式 * ------------------------------------------------------------------------------ */ .ceo-single-wz{} .ceo-single-aqb{position:relative;} .ceo-single-aqb em{top:30px;right:-11px;position:absolute;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid #fff;z-index:1;float:left;} .ceo-single-dot:after{content:"·";margin-left:.5em;margin-right:.5em;} .ceo-single-dot:last-child{margin-left:0em;margin-right:0em;} .ceo-single-title{margin:0 0 20px 0;} .single-head h1{font-size:24px;line-height:1.4;color:#333;text-transform:none;display:inline} .single-head .fl{color:var(--mini-color);} .single-head .info .avatar{line-height:0;width:20px;height:20px;} .ceo-profile-cover{position:relative;width:100%;height:0!important;padding-bottom:33.4%;overflow:hidden;} .ceo-profile-adminimg{margin-top:-43px;position:relative;display:block;margin-bottom:8px;} .ceo-profile-adminimg img{padding:6px;background-color:rgba(255,255,255,.3);border-radius:100%!important;} .ceo-admin-author{display:inline-block;margin:0;} .ceo-hh-p p{margin-bottom:10px;overflow:hidden;white-space:normal;word-break:break-all;} .ceo-hh-p p:last-child{margin-bottom:0;} .ceo-hh-p p i{font-size:16px!important;transform:translateY(2px);} .ceo-overlay-primary{background:rgba(0,0,0,.5);} .single-content{padding:20px;} .single-content a{text-decoration:none;} .single-content img{display:block;margin:0 auto;text-align:center;} .single-content h1{position:relative;margin:20px 0!important;font-size:20px!important;font-weight:900;background:#f9f9f9;padding:10px 10px 10px 20px;} .single-content h1:after{content:'';position:absolute;left:0;top:9px;height:25px;width:5px;background:var(--primary-color);box-shadow:3px 0px 10px -1px var(--primary-color);border-radius:2px;} .single-content h2{position:relative;padding-left:20px;margin:20px 0!important;font-size:20px!important;} .single-content h2:after{content:'';position:absolute;left:0;top:0;height:25px;width:5px;background:var(--primary-color);box-shadow:3px 0px 10px -1px var(--primary-color);border-radius:2px;} .single-content h3{position:relative;padding-left:20px;margin:20px 0!important;font-size:18px!important;} .single-content h3:after{content:'';position:absolute;left:0;top:9px;height:5px;width:5px;background:var(--primary-color);box-shadow:3px 0px 10px -1px var(--primary-color);border-radius:50px;} .single-content ul{padding:0} .single-content li{line-height:46px;border-bottom:1px dashed #f4f4f4;list-style:none;padding-left:20px;position:relative} .single-content li:after{content:'';width:6px;height:6px;background:var(--primary-color);border-radius:50%;display:block;position:absolute;left:0;top:20px;} .single-content pre{background:#262626;color:#eee;border-left:5px solid #006eff;cursor:text;font-size:13px;} .single-content pre code{} .single-content .wp-block-button a{text-decoration:none;font-size:16px;} .single-content table{border:1px solid #eee;} .single-content table th{color:#222;font-weight:bold;font-size:15px!important;border-right:1px solid #eee;} .single-content table td{border-right:1px solid #eee;} .single-content p{line-height:2;margin-bottom:30px;font-size:16px;} /*内页视频*/ .single-content iframe{border-radius:4px;display:block;overflow:hidden;width:100%;max-width:100%;height:570px;} .single-content .wp-video{border-radius:4px;display:block;overflow:hidden;width:100%!important;max-width:100%;} .single-content .wp-video-shortcode{border-radius:4px;display:block;overflow:hidden;width:100%!important;max-width:100%;} .single-content .wp-video-shortcode video{border-radius:4px;display:block;overflow:hidden;width:100%!important;max-width:100%;} /*内页详情*/ .single-content-xq{border-bottom:1px solid var(--border-color);padding-bottom:15px;margin-bottom:30px;} .single-content-xq span{font-size:16px;position:relative;color:#333;display:inline-block;} .single-content-xq span:after{content:'';position:absolute;bottom:-15px;left:0;width:100%;height:2px;background:#333;} /*内页相册*/ .single-content .gallery-size-thumbnail{margin-left:-20px;} .single-content .gallery{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;} .single-content .gallery-item{padding-left:20px;margin-top:0px;margin-bottom:20px;box-sizing:border-box;max-width:100%;} .single-content .gallery-columns-2 .gallery-item a img{width:100%;height:240px;border:0px solid #cfcfcf!important;} .single-content .gallery-columns-3 .gallery-item a img{width:100%;height:160px;border:0px solid #cfcfcf!important;} .single-content .gallery-columns-4 .gallery-item a img{width:100%;height:140px;border:0px solid #cfcfcf!important;} #ajaxBtn{} #ajaxBtn a{display:inline-block;color:#fff;width:140px;margin:0 auto;text-align:center;background:var(--primary-color);box-shadow:0 3px 10px -6px var(--primary-color);color:#fff;padding:8px 0;border-radius:4px;font-size:14px;transition:all .3s;} .single-foot{} .single-foot .btn{background:var(--primary-color);color:#fff;padding:8px 15px;display:inline-block;border-radius:4px;margin:0 5px;box-shadow:0 4px 10px -5px var(--primary-color);font-size:13px;transition:all .3s;letter-spacing:.5px;} .single-foot .btn:hover{opacity:.8;} .single-down{} .single-down-btn{background:var(--primary-color);color:#fff;display:inline-block;border-radius:4px;margin:0 5px;box-shadow:0 4px 10px -5px var(--primary-color);font-size:15px;transition:all .3s;letter-spacing:1px;} .single-card{background:#fbfbfb;} .single-card .thumb{width:120px;height:86px;} .single-card .thumb .nlimg{background-size:cover!important;background-position:50%!important;overflow:hidden;} .single-card .title{text-decoration:none;font-size:16px;letter-spacing:.5px;margin-bottom:5px;} .single-card .views{text-decoration:none;padding:6px 15px;background:var(--primary-color);color:#fff;font-size:13px;} .single-card .views:hover{opacity:.8;} .share{color:var(--mini-color);} .share a{color:var(--mini-color);margin-left:10px;transition:all .3s;} .share a:hover{color:#333;} .share a i{font-size:16px!important;} /*文章基础信息*/ .info{} .info span{color:var(--mini-color);} .info span i{display:inline-block;margin-right:3px;transform:translateY(1px);} /*文章发布作者*/ .ceo-user-adminimg{margin-right:5px;} .ceo-user-admin{} .ceo-user-admin a{color:#333;font-size:12px;} .ceo-user-admin a:hover{color:var(--primary-color);} /*文章所属分类*/ .ceo-single-cat a{font-size:12px;} .ceo-single-cat a:hover{color:var(--primary-color)!important;} /*文章发布时间*/ .ceo-margin-ymd{margin-left:20px;font-size:12px;} /*分类广告*/ .ceo-cat-ad img{width:100%;} /*文章特色标签*/ .ceo-single-tese{margin:4px 8px 0 0;position:relative;display:inline-block;height:28px;padding:0px 9px;font-size:12px;line-height:28px;vertical-align:top;border-radius:4px;background:rgba(0,102,255,.1);color:var(--primary-color)!important;} .ceo-single-tese i{font-size:14px;} /*摘要*/ .ceo-single-abstract{color:#596178;border-bottom:0;background:rgba(245,248,250,.8);font-size:14px;line-height:30px;padding:10px 20px;border-radius:4px;margin-bottom:30px;margin-top:10px;} .ceo-single-abstract p{margin:0;display:inline;font-size:14px;} .ceo-single-abstract strong{color:#596178;font-weight:400;font-size:14px;margin-right:10px;} .ceo-padding-an{padding:30px 5px;} /*内页广告*/ .ceo-ad-single-top img{width:100%;height:80px;} .ceo-ad-single-content img{width:100%;} .ceo-ad-single-bottom{padding:20px;} .ceo-ad-single-bottom img{width:100%;} /*内页分享*/ .ceo-single-url{position:fixed;right:50%;top:130px;width:60px;margin-right:646px;} .ceo-single-url-in ul li a{position:relative;display:block;width:48px;height:48px;text-align:center;margin-bottom:10px;background-color:#fff;background-position:50%;background-repeat:no-repeat;line-height:48px;border-radius:50%;box-shadow:0 2px 4px 0 rgba(0,0,0,.04);cursor:pointer;} .ceo-single-url-in ul li a i{color:#b2bac2;font-size:20px;} .ceo-single-url-in ul li a span{position:absolute;top:0;left:75%;min-width:16px;max-width:60px;height:16px;line-height:16px;padding:0 5px;font-size:12px;color:#fff;border-radius:10px;text-align:center;white-space:nowrap;background-color:#b2bac2;-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:scale(.75);transform:scale(.75);} .ceo-single-url-fn span{display:block;width:48px;margin-bottom:6px;font-size:12px;color:#c6c6c6;text-align:center;} .ceo-single-url-fn .ceo-single-url-fn-bux a{position:relative;display:block;width:48px;height:48px;text-align:center;margin-bottom:10px;background-color:#fff;background-position:50%;background-repeat:no-repeat;line-height:48px;border-radius:50%;box-shadow:0 2px 4px 0 rgba(0,0,0,.04);cursor:pointer;} .ceo-single-url-fn .ceo-single-url-fn-bux a i{color:#b2bac2;font-size:20px;} /*内页分享*/ /*内页点赞打赏收藏模块*/ .ceo-single-szcan{padding:20px;text-align:center;} .ceo-single-szcan-sc{display:inline-block;position:relative;z-index:99;} .ceo-single-szcan-sc span{font-size:15px;-webkit-box-shadow:0 10px 20px rgba(255,96,96,.4);box-shadow:0 10px 20px rgba(255,96,96,.4);border-radius:50px;background-color:#ff6060;color:#fff;padding:6px 10px;display:inline-block;margin:0 8px;cursor:pointer;} .ceo-single-szcan-sc span i{font-size:15px!important;margin-right:3px;} .ceo-single-dashang-img{opacity:0;filter:alpha(opacity=0);position:absolute;z-index:9;left:50%;bottom:50px;width:330px;font-size:0;margin-left:-166px;background:#fff;line-height:1;text-align:center;border-radius:8px;-webkit-box-shadow:0 0 3px 1px rgba(0,0,0,.05);box-shadow:0 0 3px 1px rgba(0,0,0,.05);-webkit-box-sizing:content-box;box-sizing:content-box;pointer-events:none;-webkit-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;} .ceo-single-szcan-sc:hover .ceo-single-dashang-img{-webkit-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s} .ceo-single-szcan-sc:hover .ceo-single-dashang-img{opacity:1;filter:alpha(opacity=100);bottom:50px;pointer-events:auto} .ceo-single-dashang-img:before{bottom:-16px;border-top-color:#efefef!important;} .ceo-single-dashang-img:after{z-index:1;bottom:-15px;border-top-color:#fff!important;} .ceo-single-dashang-img:after,.ceo-single-dashang-img:before{position:absolute;left:50%;width:0;height:0;margin-left:-8px;line-height:0;border:8px solid transparent;content:"";} .ceo-single-dashang-img p{display:inline-block;width:160px;padding-bottom:10px;color:#999;font-size:13px;line-height:1;} .ceo-single-dashang-img p img{display:block;width:100%;height:auto;padding:10px;vertical-align:top;border-radius:4px;} .ceo-single-szcan-dz{display:inline-block;} .ceo-single-szcan-dz a{font-size:14px;border-radius:50px;border:1px solid var(--primary-color);color:var(--primary-color);padding:6px 25px;display:block;} .ceo-single-szcan-dz a:hover{background:var(--primary-color);color:#fff;} .ceo-single-szcan-dz a i{font-size:15px!important;margin-right:3px;} .ceo-single-szcan-sc a:hover{opacity:.8;color:#fff;} /*内页点赞打赏收藏模块*/ /*内页基础样式*/ blockquote{margin-bottom:20px;border-radius:10px;padding:30px 40px;color:#666;background-color:#f8f8f8;line-height:1.5em;position:relative;font-style:normal;font-size:15px;letter-spacing:.5px;} blockquote:before{position:absolute;top:20px;left:20px;display:block;width:16px;height:14px;background:url(../../static/images/ceo-sy.png) no-repeat;content:'';} blockquote:after{position:absolute;right:20px;bottom:20px;display:block;width:16px;height:14px;background:url(../../static/images/ceo-sy.png) -16px 0 no-repeat;content:'';} blockquote p{margin:12px 0;color:#666;font-size:15px;} blockquote cite{font-style:normal;color:#aaa;} .single-question-head .ceo-info-y span{font-weight:bold;color:#333;} .ceo-info-y span{margin-right:15px;position:relative;} .ceo-info-y span:before{position:absolute;right:-10px;top:50%;width:2px;height:2px;border-radius:50px;margin-top:0px;background:#999;content:"";opacity:.6;} .ceo-info-y span:last-child{margin-right:0px;position:relative;} .single-post-info{margin-top:20px;} .single-post-info span{color:#fff;} .single-post-info a{color:#fff!important;} /*文章上下篇*/ .ceo-sxp{} .ceo-sxp a,.ceo-sxp p,.ceo-sxp span{color:#333;} .ceo-sxp a:hover{color:var(--primary-color)!important;} /*文章上下篇*/ /*文章相关文章*/ .ceo-single-xgbox .item .thumb{height:130px;} .ceo-single-xgbox{padding:20px;} .ceo-xg-box{} .ceo-single-shopxg{padding:20px;} .shop .ceo-single-shopxg .item .thumb{height:165px;} /*文章相关文章*/ /* * ------------------------------------------------------------------------------ * 内页商城样式 * ------------------------------------------------------------------------------ */ .ceo_single_shop_box{padding:20px;box-shadow:0px 3px 18px rgba(0,0,0,0.08);} .ceo_single_shop_box_img{height:168px;} .ceo_single_shop_box_img .ceo_shop_vip{position:absolute;z-index:2;right:10px;top:10px;display:block;height:18px;width:36px;background:url(../../static/images/ceo-vip-tag.svg) 0 0 no-repeat;background-size:100% 100%;} .risktips{cursor:pointer;color:#ccc;overflow:hidden;margin-top:15px;line-height:18px;font-size:12px;text-align:center;} .risktips i{font-size:13px !important;margin-right:5px;} .risktips a{color:#ccc;} .risktips a:hover{color:var(--primary-color);} .shop_box_cos_p{max-height:40px;line-height:20px !important;margin:20px 0 !important;font-size:12px !important;color:#999;overflow:hidden;} .ceo_single_shop_box_cos_mid{margin:20px 0;padding:10px 20px;background:#f2f5fd;} .ceo_single_shop_box_cos_mid_tim{} .ceo_single_shop_box_cos_mid_tim span{display:block;height:30px;line-height:30px;} .ceo_single_shop_box_cos_mid_tim p{font-size:14px !important;color:#888;display:inline-block;margin-bottom:0px !important;background:#f2f5fd;padding:0 10px 0 0;} .ceo_single_shop_box_cos_mid_tim p::before{content:'';border-radius:50%;display:inline-block;width:5px;height:5px;margin-right:10px;background-color:#2E68E9;transform:translate(0,-50%);} .ceo_single_shop_box_cos_mid_tim em{font-size:12px;color:#333;float:right;} .ceo_single_shop_box_cos_btn{} .ceo_single_shop_box_cos_btn .cos_btn_price{font-size:16px;color:#ff2a00;margin:12px 0;font-weight:bold;height:28px;line-height:28px;} .ceo_single_shop_box_cos_btn .cos_btn_price a.taocan{display:inline-block;color:var(--mini-color);font-weight:400;font-size:12px;margin-left:10px;} .ceo_single_shop_box_cos_btn .cos_btn_price a.taocan:hover{color:#ff2a00;} .ceo_single_shop_box_cos_btn .cos_btn_price a.taocan i{margin-right:3px;} .ceo_single_shop_box_cos_btn .cos_btn_price p.ceoshop-vip{display:inline-block;color:#ff2a00;font-weight:400;font-size:12px;margin-left:10px;} .ceo_single_shop_box_cos_btn .cos_btn_price p.ceoshop-vip i{margin-right:3px;} .ceo_single_shop_box_cos_btn .cos_btn_price p.ceoshop-vip a{margin-left:5px;} .ceo_single_shop_box_cos_btn .cos_btn_price em{;color:#ff2a00;} .ceo_single_shop_box_cos_btn .cos_btn_price_an{display:block;} .ceo_single_shop_box_cos_btn .cos_btn_price_an a{display:block;} .ceo_single_shop_box_cos_btn .cos_btn_price_an a:hover{opacity:.8;} .ceo_single_shop_box_cos_btn .cos_btn_price_an a.z1{display:block;margin-bottom:18px;width:100%;height:55px;border-radius:4px;color:#fff!important;font-size:1pc;line-height:55px;cursor:pointer;text-align:center;position:relative;overflow:hidden;background:#007aff;background-color:var(--primary-color);background-image:-webkit-gradient(linear,left top,right top,from(#006eff),to(#13adff));background-image:-webkit-linear-gradient(left,#006eff,#13adff);background-image:-o-linear-gradient(left,#006eff 0,#13adff 100%);background-image:linear-gradient(90deg,#006eff,#13adff);} .ceo_single_shop_box_cos_btn .cos_btn_price_an a.z1:before{content:" ";display:block;width:20px;height:20px;position:absolute;left:5px;top:5px;background:url(../../static/images/ceo-sidebar-shop-down-vip.svg) 50% no-repeat;background-size:20px auto;z-index:10;} .ceo_single_shop_box_cos_btn .cos_btn_price_an a.z1:after{content:" ";display:block;width:70px;height:70px;position:absolute;left:-35px;top:-35px;-webkit-transform:rotate(45deg);transform:rotate(45deg);background:rgba(0,0,0,.15);z-index:5;} .ceo_single_shop_box_cos_btn .cos_btn_price_an a.x{height:35px;line-height:35px;padding:0;font-size:14px;color:#fff;text-align:center;border-radius:4px;margin:0;background-image:linear-gradient(135deg,#59c3fb 10%,#268df7 100%);box-shadow:0 5px 10px 0 rgba(73,178,249,0);} .ceo_single_shop_box_cos_btn .cos_btn_price_an a.y1{height:35px;line-height:35px;padding:0;font-size:14px;color:#fff;text-align:center;border-radius:4px;margin:0;background-image:linear-gradient(135deg,#f59f54 10%,#ff6922 100%);box-shadow:0 5px 10px 0 rgba(255,87,0,0);} .ceo_single_shop_box_cos_btn .cos_btn_price_an a i{font-size:16px !important;margin-right:3px;} .ceo_single_shop_comtitle{margin-bottom:20px;} .ceo_single_shop_comtitle span{border-bottom:3px solid var(--primary-color);padding-bottom:15px;display:inline-block;font-size:16px;color:#333;} /* * ------------------------------------------------------------------------------ * 作者主页 * ------------------------------------------------------------------------------ */ .ceo-author-bg{height:300px;overflow:hidden;} .ceo-author-bg .bg{height:300px;} .ceo-author-tpxo{margin-top:20px;} .ceo-author-tpxo span{color:#ccc;} .ceo-author-top{} .ceo-author-adminimg{position:relative;display:block;margin-bottom:15px;} .ceo-author-adminimg img{padding:5px;background:#ffffff3b;border-radius:50%;} .ceo-author-boxadmin{font-size:18px;color:#fff !important;} .ceo-author-boxtext{margin-top:10px;font-size:14px;color:#fff;} .ceo-author-countbox{padding:20px 0;margin-bottom:40px;box-shadow:0px 6px 12px 0px rgb(205 205 205 / 22%);} .ceo-author-countbox .item span{color:#333;} .ceo-author-mkbox{} .ceo-author-mkbox .ceo-author-mkboxnav{border-bottom:1px solid var(--border-color);padding-bottom:20px;} .ceo-author-mkbox .ceo-author-mkboxnav li{margin-left:20px;margin-top:20px;} .ceo-author-mkbox .ceo-author-mkboxnav li a{padding:0;font-size:16px;position:relative;} .ceo-author-mkbox .ceo-author-mkboxnav li a:hover{background-color:rgb(0 0 0 / 0);color:var(--primary-color);} .ceo-author-mkbox .ceo-author-mkboxnav li.ceo-active a{background-color:rgb(0 0 0 / 0);color:var(--primary-color);} .ceo-author-mkbox .ceo-author-mkboxnav li.ceo-active a:after{content:'';position:absolute;bottom:-19px;left:0;width:100%;height:2px;background:var(--primary-color);} /* * ------------------------------------------------------------------------------ * QQ登录样式 * ------------------------------------------------------------------------------ */ .form-popup{max-width:600px;margin:0 auto;} .form-popup-bd{background:var(--primary-color);box-shadow:0 3px 10px -6px var(--primary-color);color:#fff;} /* * ------------------------------------------------------------------------------ * 用户中心样式 * ------------------------------------------------------------------------------ */ .user-content{} .user-question{padding:20px;} .user-forum{padding:20px;} .ceo-author-count{padding-bottom:10px;} .user-main{margin-top:20px;margin-bottom:40px;} .user-mainembox em{position:absolute;top:4px;left:8px;color:#dedede;font-size:12px;} .user-nav{} .user-nav li{} .user-nav li a{color:#333;font-size:15px;} .user-nav li a:hover{color:var(--primary-color)!important;} .user-nav .active{} .user-nav .active a{color:var(--primary-color)!important;} .user-data{box-shadow:0px 6px 12px 0px rgb(205 205 205 / 22%);margin-bottom:40px;} .user-data ul{list-style:none} .user-data ul li{padding:20px 0;display:inline-block;margin-right:20px;} .user-data ul li:last-child{margin-right:0px;} .user-comment{padding:20px;} .user-comment-content{padding:20px;width:95%;margin-bottom:10px;} .user-comment-box{} .user-comment-box a{font-size:14px;} .user-comment-box a:hover{color:var(--primary-color)!important;} .user-comment-box span{font-size:14px;} .user-comment-item{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border-color)!important;} .user-comment-item:last-child{margin-bottom:0px;padding-bottom:0px;border-bottom:0px solid var(--border-color)!important;} .user-set{padding:20px;} .user-set .utitle{margin-bottom:20px;font-size:18px;} .user-set .utitle p{font-size:12px;display:inline-block;margin-left:10px;color:#999;} .user-set-head{padding-bottom:20px;} .user-set-head .user-name{margin-top:5px;} .user-set-head .upload-form{background:var(--primary-color);position:relative;margin-top:10px;} .user-set-head .upload-form span{color:#fff;} .user-set-head .upload-avatar{width:75px;color:#fff;font-size:14px;opacity:0;padding:6px 10px;} .user-user-submit{font-size:14px;padding:6px 15px;} .user-names{margin-top:8px;margin-bottom:8px;font-size:16px;} .user-user-submit{color:#fff;background:var(--primary-color);} .user-tougao{color:#fff!important;border:1px solid var(--primary-color);background:var(--primary-color);font-size:14px;border-radius:4px;padding:8px 0;display:block;margin-bottom:20px!important;} .user-tougao:hover{opacity:.8;color:#fff;} .user-shopan{color:var(--primary-color);border:1px solid var(--primary-color);font-size:14px;border-radius:4px;padding:0px 15px;display:inline-block;height:30px;line-height:30px;margin-top:15px!important;} .user-shopan:hover{background:var(--primary-color);color:#fff;} .user-shopan i{font-size:15px!important;transform:translateY(0px);margin-right:3px;} .user-title-top{padding:20px;} .user-title-top h2{font-size:18px;} .user-text-small{font-size:14px;line-height:1.5;} .ceo-user-id{display:flex;flex-wrap:wrap;margin-left:-15px;} .user-pa{padding:20px;} .sitesubmit-p p{display:inline-block;margin-left:10px;color:#999;font-size:12px;} .sitesubmit-p p i{margin-right:3px;} .sitesubmit-dosc{color:#777;background:#f9f9f9;font-size:14px;line-height:30px;padding:20px 25px;border-radius:8px;margin-top:20px;} @media (min-width:800px){.ceo-user-id .ceo-user-is{flex:0 0 50%;max-width:50%;} } .ceo-user-id .ceo-user-is{min-height:1px;box-sizing:border-box;padding-left:15px;position:relative;width:100%;} .form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed;} .form-control[disabled]{background-color:#eee;opacity:1;} .ceo-user-btn{transition:all .3s} .ceo-user-btn:hover{opacity:.8;color:#fff;} .j-lazy{height:100px;width:100%;} /*账号绑定*/ .user-binding{} .user-binding .box{margin-bottom:20px;} .user-binding .box .item{padding:20px;text-align:center;border-radius:5px;-webkit-box-shadow:0 3px 15px 3px rgba(146,146,146,.1);-moz-box-shadow:0 3px 15px 3px rgba(146,146,146,.1);box-shadow:0 3px 15px 3px rgba(146,146,146,.1);border:1px solid #f1f1f1;} .user-binding .box .item span{display:inline-block;} .user-binding .box .item span p{display:inline-block;} .user-binding .box .item i{line-height:1;font-size:30px!important;} .user-binding .box .item i.ceoicon-qq-fill{color:#1a9efb;} .user-binding .box .item i.ceoicon-wechat-fill{color:#38ad3d;} .user-binding .box .item i.ceoicon-weibo-fill{color:#e24a3b;} .user-binding .box .btns{} .user-binding .box .btns a{color:#fff;background:var(--primary-color);font-size:14px;padding:6px 15px;border-radius:4px;display:inline-block;margin-top:15px;} /*私信*/ .ceo-messages-box{padding:20px;} .messages-box-item{position:relative;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--border-color);overflow:hidden;cursor:pointer;} .messages-box-item:last-child{position:relative;padding-bottom:0px;margin-bottom:0px;border-bottom:0px solid var(--border-color)!important;} .messages-box-item-avatar{width:60px;height:60px;float:left;} .messages-box-item-avatar img{display:block;width:60px;height:60px;border-radius:50%!important;} .messages-item-content{padding-left:80px;} .messages-item-title{overflow:hidden;} .messages-item-title span{font-size:12px;color:#999;display:inline-block;transform:translateY(-1px);margin-left:10px;} .messages-item-title h4{padding-right:20px;font-size:16px;color:#333;margin-bottom:6px;font-weight:500!important;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;} .messages-item-text{position:relative;font-size:14px;line-height:24px;color:#999;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;display:inline-block;background-color:#f8f8f8;padding:4px 10px;border-radius:4px;} .messages-item-btn{float:right;margin-top:-5px;color:#fff!important;background:#6599ff;font-size:12px;padding:2px 15px;border-radius:4px;} .messages-box-item:hover .messages-item-btn{background:var(--primary-color);} /* * ------------------------------------------------------------------------------ * 登录注册页面 * ------------------------------------------------------------------------------ */ .ceo-page-login{background-color:#006fff;position:relative;z-index:2;height:100vh;overflow:hidden;} .page-login{max-width:1000px;z-index:2;} .login-main{box-shadow:0px 30px 30px -10px #dadcdd;} .login-bg{width:520px;border-right:1px solid var(--border-color);} .login-bg img{min-height:100%;max-width:none;} .login-bg span{color:#fff;} .login-form{padding:30px;} .login-form-title{padding-bottom:30px;} .login-form-title span{color:#444;font-size:28px;} .login-form-title a{color:var(--primary-color);} .login-button{background:var(--primary-color);color:#fff;border:0;padding:10px;font-size:15px;letter-spacing:1px;cursor:pointer;outline:none;} .login-button:hover{opacity:.9;} .login-social{padding-top:25px;text-align:center;} .login-social a{background:var(--primary-color);padding:8px 10px;font-size:13px;color:#fff!important;border-radius:50px;transition:all .3s;margin-right:5px;} .login-social a:hover{opacity:.8;} .ceo-login-pages{} .ceo-login-pages p{line-height:36px;} .ceo-login-pages a{margin-right:20px;} .ceo-login-pages a:last-child{margin-right:0px;} .ceo-login-pages a.ceo_qq_login i{color:#1a9efb;font-size:20px!important;transform:translateY(3px);margin-right:3px;} .ceo-login-pages a.ceo_weixin_login i{color:#38ad3d;font-size:20px!important;transform:translateY(3px);margin-right:3px;} .ceo-login-pages a.ceo_weibo_login i{color:#e24a3b;font-size:20px!important;transform:translateY(3px);margin-right:3px;} .page-login .login-main .login-bottom { position: relative; color: #8693ab; background: #f8f8fb; padding: 15px 30px; font-size: 14px; border-radius: 0px 0px 8px 8px; } .page-login .login-main .login-bottom a { color: var(--primary-color); } /* * ------------------------------------------------------------------------------ * 首页弹窗样式 * ------------------------------------------------------------------------------ */ .home-modal{background:transparent;max-width:480px!important;} .home-modal-bg{max-height:160px;} .home-modal-main{background:#fff;margin:80px auto 0 auto;width:80%;border-radius:4px;min-height:200px;} .home-modal-bottom{} .home-modal-bottom ul{list-style:none;padding:0;} .home-modal-bottom ul li{height:20px;margin:0 auto;border-radius:4px;margin-top:-15px;transition:all .2s;} .home-modal-bottom ul li:nth-child(1){width:95%;background:rgba(255,255,255,0.4);} .home-modal-bottom ul li:nth-child(2){width:90%;background:rgba(255,255,255,0.2);} .home-modal-btn{background:var(--primary-color);color:#fff;padding:6px 30px;-webkit-box-shadow:0px 7px 12px -8px var(--primary-color);box-shadow:0px 7px 12px -8px var(--primary-color);transition:all .3s;} .home-modal-btn:hover{transform:translateY(-2px);} .home-modal-close{cursor:pointer;background:var(--bg-color);color:#999;box-shadow:none;} /*二维码弹窗样式*/ .ceo-wecha-modal{} .ceo-wecha-modal h3{text-align:center;font-size:20px;margin-bottom:20px;} /* * ------------------------------------------------------------------------------ * 内页文章版权 * ------------------------------------------------------------------------------ */ .ceo-cop-text{background:#f7f8fa;color:#b4b4b4;font-size:12px;line-height:1.8;} /* * ------------------------------------------------------------------------------ * 内页文章作者 * ------------------------------------------------------------------------------ */ .ceo-single-author-d{align-items:center;} .ceo-single-author-d img{border-radius:50px!important;width:25px;height:25px;transform:translateY(-9%);} .ceo-single-author-d span{font-size:15px!important;line-height:1.4!important;margin-right:3px!important;display:inline-block!important;margin-left:3px!important;} .ceo-single-author-d p{flex:1;min-width:1px;display:inline-block!important;font-size:13px;color:#999;} .ceo-single-author-dg{padding:3px 8px;margin-right:4px;color:#4285f4!important;font-weight:400;line-height:1;border-radius:3px;overflow:hidden;vertical-align:top;border:1px solid #4285f4;margin-top:1px;} .post-author-info-fixed{position:fixed;bottom:0px;background:#fff;z-index:999;} /* * ------------------------------------------------------------------------------ * 海报生成 * ------------------------------------------------------------------------------ */ .share-post{margin-right:28px;} .btn-follow-div{margin-bottom:20px;text-align:center;} .ceo-share-bg{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99999;background:rgba(0,0,0,.5)} .ceo-share-bg .top_tips{display:none;position:absolute;left:0;top:0;width:100%;height:32px;line-height:32px;font-size:14px;background:rgba(255,235,155,.95);color:#a65018;text-align:center} @media (min-width:992px){.ceo-share-bg .top_tips{display:none!important} } /* * ------------------------------------------------------------------------------ * 内页文章标签 * ------------------------------------------------------------------------------ */ .ceo-single-tag-s{padding:0 20px 20px 20px;} .ceo-single-tag-s-tags a{margin:3px 5px 3px 0;vertical-align:middle;position:relative;display:inline-block;height:25px;padding:0 12px;font-size:13px;line-height:25px;vertical-align:top;border-radius:50px;background:#f7f8fa;color:#b4b4b4;} .ceo-single-tag-s-tags a:hover{color:#fff;background:var(--primary-color);} /* * ------------------------------------------------------------------------------ * 标签大全样式 * ------------------------------------------------------------------------------ */ .ceo-tagsj{margin-right:3px;} .page-tags-item{padding:20px;transition:all .3s;} .page-tags-item:hover{-webkit-box-shadow:0 0 10px rgba(0,0,0,.05);box-shadow:0 0 10px rgba(0,0,0,.05);-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px);} .page-tags-item .name{padding:0 20px;color:#333;font-size:15px;} .page-tags-item .name:before{margin-left:7px;content:'';position:absolute;left:0;height:100%;width:5px;background:var(--primary-color);box-shadow:3px 0px 10px -1px var(--primary-color);border-radius:2px;} .page-tags-item li{margin:5px 20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .page-tags-item li a{color:#888;font-size:15px} .page-tags-item li a:hover{color:#000} .page-tags-li{padding:20px;} .page-tags-li a{display:inline-block;background:#f2f6fc;color:#666;padding:5px 10px;margin:3px 5px;} .page-tags-item h2{font-size:20px;margin:0 0 20px 0;color:#333;} .page-tags-item small{line-height:30px;height:30px;} .ceo-page-tags-a{display:inline-block;background:var(--shallow-color);color:var(--primary-color);font-size:14px;font-weight:400;line-height:30px;height:30px;padding:0 18px;border-radius:3px;} .ceo-page-tags-a:hover{background:var(--primary-color);color:#fff;} .ceo-page-tags-a i{margin-left:3px;font-size:12px;} /* * ------------------------------------------------------------------------------ * 存档页面 * ------------------------------------------------------------------------------ */ .ceo-archives-item{padding:20px;} .ceo-archives-div .ceo-grid{margin-left:initial !important;} .ceo-archives{border-radius:4px;background-color:#fff;word-wrap:break-word;padding:20px;} .ceo-archives-container h3{margin-bottom:20px;font-size:20px;font-weight:bold;color:var(--primary-color);line-height:20px;} .ceo-archives-container h3 i{background:url(../../static/images/ceo-archives-title-img.png) left center no-repeat;color:#333;padding-left:30px;height:24px;} .ceo-archives-container ol,.ceo-archives-container ul{padding-left:0;margin-bottom:20px;list-style-position:outside;list-style-type:disc;} .ceo-archives-list{padding-left:0;margin:0;} .ceo-archives-list li{list-style:disc;margin-left:20px;margin-bottom:15px;font-size:14px;} .ceo-archives-list a{color:#666} .ceo-archives-list a:hover{color:var(--primary-color)} .ceo-archives-list time{width:40px;display:inline-block;} .ceo-archives-list span{font-size:12px;display:inline-block;margin-left:10px;} /* * ------------------------------------------------------------------------------ * 友情链接页面 * ------------------------------------------------------------------------------ */ .ceo-pages-links li{list-style:none;} .ceo-pages-links .linkcat{background:#fff;border-radius:4px;padding:20px;margin-bottom:20px;} .ceo-pages-links .linkcat h2{padding-bottom:15px;margin-bottom:30px;border-bottom:1px solid #f0f0f0;font-size:16px;} .ceo-pages-links .linkcat h2 span{font-size:16px;position:relative;color:#333;display:inline-block;} .ceo-pages-links .linkcat h2 span:after{content:'';position:absolute;bottom:-15px;left:0;width:100%;height:2px;background:#333;} .ceo-pages-links .linkcat .blogroll{overflow:hidden;margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;margin-left:-20px;} .ceo-pages-links .linkcat .blogroll li{box-sizing:border-box;width:20%;max-width:100%;padding-left:20px;} .ceo-pages-links .linkcat .blogroll li a{overflow:hidden;display:block;cursor:pointer;padding:20px;color:#333;background:#f5f7fd;margin-bottom:15px;border-radius:4px;} .ceo-pages-links .linkcat .blogroll li a img{width:32px;height:32px;border-radius:32px;display:inline-block;margin-right:8px;} .ceo-pages-links-box{} /* * ------------------------------------------------------------------------------ * 默认单页 * ------------------------------------------------------------------------------ */ .ceo-page-page{/*box-shadow:0px 0px 29px 0px rgba(213,217,222,0.35);*/} /* * ------------------------------------------------------------------------------ * 404错误页 * ------------------------------------------------------------------------------ */ .ceo-404page{position:relative;z-index:2;height:100vh;background-color:var(--primary-color);overflow:hidden;} .page404{margin-top:50px;} .page404 .btn{padding:12px 30px;border-radius:50px;} .page404 h1{font-size:4rem;} .page404 p{margin:50px 0;color:#fff;font-size:16px;} .page404 a{display:inline-block;color:var(--primary-color);width:140px;margin:0 auto;text-align:center;background:#fff;border-radius:4px;font-size:15px;transition:all .3s;} /* * ------------------------------------------------------------------------------ * 单页合集样式 * ------------------------------------------------------------------------------ */ .page-about{} .page-menu{} .page-menu ul{} .page-menu ul li{padding:20px;margin:0;text-indent:20px} .page-menu ul li:last-child{border:none} .page-menu ul li a{display:block;color:#888;font-size:15px;} .page-menu ul li a:hover{color:var(--primary-color)!important} .page-menu .current-menu-item a{position:relative;font-weight:bold;color:var(--primary-color)!important} .page-menu .current-menu-item a::after{content:'';position:absolute;width:5px;height:5px;background:var(--primary-color);left:0;top:9px;box-shadow:3px 0px 10px -1px var(--primary-color);border-radius:50px;} .page-main{} /* * ------------------------------------------------------------------------------ * 底部宣传模块 * ------------------------------------------------------------------------------ */ .ceo-footer-new{z-index:999;position:fixed;left:50%;bottom:30px;max-width:920px;-webkit-transform:translate(-50%);transform:translate(-50%);background-color:#fff;box-shadow:0 20px 40px 0 rgba(0,0,0,.1);border-radius:50px;padding:15px 20px;line-height:33px;box-sizing:border-box;} .ceo-footer-newbox{} .ceo-footer-newbox a.newwen{color:#666;} .ceo-footer-newbox a.newwen:hover{color:#f0506e;} .ceo-footer-newbox a.newbtn{display:inline-block;text-align:center;font-size:14px;width:110px;height:33px;line-height:33px;margin-left:100px;color:#fff;border-radius:50px;background:var(--primary-color);} .ceo-footer-newbox a.newbtn:hover{box-shadow:0px 6px 16px 2px rgba(55,110,242,0.49);} .ceo-footer-newbox a.newwen em{margin-right:10px;animation:my-face 5s infinite ease-in-out;display:inline-block;} @-webkit-keyframes my-face{2%,24%,80%{-webkit-transform:translate(0,1.5px) rotate(1.5deg);transform:translate(0,1.5px) rotate(1.5deg)} 4%,68%,98%{-webkit-transform:translate(0,-1.5px) rotate(-.5deg);transform:translate(0,-1.5px) rotate(-.5deg)} 38%,6%{-webkit-transform:translate(0,1.5px) rotate(-1.5deg);transform:translate(0,1.5px) rotate(-1.5deg)} 8%,86%{-webkit-transform:translate(0,-1.5px) rotate(-1.5deg);transform:translate(0,-1.5px) rotate(-1.5deg)} 10%,72%{-webkit-transform:translate(0,2.5px) rotate(1.5deg);transform:translate(0,2.5px) rotate(1.5deg)} 12%,64%,78%,96%{-webkit-transform:translate(0,-.5px) rotate(1.5deg);transform:translate(0,-.5px) rotate(1.5deg)} 14%,54%{-webkit-transform:translate(0,-1.5px) rotate(1.5deg);transform:translate(0,-1.5px) rotate(1.5deg)} 16%{-webkit-transform:translate(0,-.5px) rotate(-1.5deg);transform:translate(0,-.5px) rotate(-1.5deg)} 18%,22%{-webkit-transform:translate(0,.5px) rotate(-1.5deg);transform:translate(0,.5px) rotate(-1.5deg)} 20%,36%,46%{-webkit-transform:translate(0,-1.5px) rotate(2.5deg);transform:translate(0,-1.5px) rotate(2.5deg)} 26%,50%{-webkit-transform:translate(0,.5px) rotate(.5deg);transform:translate(0,.5px) rotate(.5deg)} 28%{-webkit-transform:translate(0,.5px) rotate(1.5deg);transform:translate(0,.5px) rotate(1.5deg)} 30%,40%,62%,76%,88%{-webkit-transform:translate(0,-.5px) rotate(2.5deg);transform:translate(0,-.5px) rotate(2.5deg)} 32%,34%,66%{-webkit-transform:translate(0,1.5px) rotate(-.5deg);transform:translate(0,1.5px) rotate(-.5deg)} 42%{-webkit-transform:translate(0,2.5px) rotate(-1.5deg);transform:translate(0,2.5px) rotate(-1.5deg)} 44%,70%{-webkit-transform:translate(0,1.5px) rotate(.5deg);transform:translate(0,1.5px) rotate(.5deg)} 48%,74%,82%{-webkit-transform:translate(0,-.5px) rotate(.5deg);transform:translate(0,-.5px) rotate(.5deg)} 52%,56%,60%{-webkit-transform:translate(0,2.5px) rotate(2.5deg);transform:translate(0,2.5px) rotate(2.5deg)} 58%{-webkit-transform:translate(0,.5px) rotate(2.5deg);transform:translate(0,.5px) rotate(2.5deg)} 84%{-webkit-transform:translate(0,1.5px) rotate(2.5deg);transform:translate(0,1.5px) rotate(2.5deg)} 90%{-webkit-transform:translate(0,2.5px) rotate(-.5deg);transform:translate(0,2.5px) rotate(-.5deg)} 92%{-webkit-transform:translate(0,.5px) rotate(-.5deg);transform:translate(0,.5px) rotate(-.5deg)} 94%{-webkit-transform:translate(0,2.5px) rotate(.5deg);transform:translate(0,2.5px) rotate(.5deg)} 0%,100%{-webkit-transform:translate(0,0) rotate(0);transform:translate(0,0) rotate(0)} } @keyframes my-face{2%,24%,80%{-webkit-transform:translate(0,1.5px) rotate(1.5deg);transform:translate(0,1.5px) rotate(1.5deg)} 4%,68%,98%{-webkit-transform:translate(0,-1.5px) rotate(-.5deg);transform:translate(0,-1.5px) rotate(-.5deg)} 38%,6%{-webkit-transform:translate(0,1.5px) rotate(-1.5deg);transform:translate(0,1.5px) rotate(-1.5deg)} 8%,86%{-webkit-transform:translate(0,-1.5px) rotate(-1.5deg);transform:translate(0,-1.5px) rotate(-1.5deg)} 10%,72%{-webkit-transform:translate(0,2.5px) rotate(1.5deg);transform:translate(0,2.5px) rotate(1.5deg)} 12%,64%,78%,96%{-webkit-transform:translate(0,-.5px) rotate(1.5deg);transform:translate(0,-.5px) rotate(1.5deg)} 14%,54%{-webkit-transform:translate(0,-1.5px) rotate(1.5deg);transform:translate(0,-1.5px) rotate(1.5deg)} 16%{-webkit-transform:translate(0,-.5px) rotate(-1.5deg);transform:translate(0,-.5px) rotate(-1.5deg)} 18%,22%{-webkit-transform:translate(0,.5px) rotate(-1.5deg);transform:translate(0,.5px) rotate(-1.5deg)} 20%,36%,46%{-webkit-transform:translate(0,-1.5px) rotate(2.5deg);transform:translate(0,-1.5px) rotate(2.5deg)} 26%,50%{-webkit-transform:translate(0,.5px) rotate(.5deg);transform:translate(0,.5px) rotate(.5deg)} 28%{-webkit-transform:translate(0,.5px) rotate(1.5deg);transform:translate(0,.5px) rotate(1.5deg)} 30%,40%,62%,76%,88%{-webkit-transform:translate(0,-.5px) rotate(2.5deg);transform:translate(0,-.5px) rotate(2.5deg)} 32%,34%,66%{-webkit-transform:translate(0,1.5px) rotate(-.5deg);transform:translate(0,1.5px) rotate(-.5deg)} 42%{-webkit-transform:translate(0,2.5px) rotate(-1.5deg);transform:translate(0,2.5px) rotate(-1.5deg)} 44%,70%{-webkit-transform:translate(0,1.5px) rotate(.5deg);transform:translate(0,1.5px) rotate(.5deg)} 48%,74%,82%{-webkit-transform:translate(0,-.5px) rotate(.5deg);transform:translate(0,-.5px) rotate(.5deg)} 52%,56%,60%{-webkit-transform:translate(0,2.5px) rotate(2.5deg);transform:translate(0,2.5px) rotate(2.5deg)} 58%{-webkit-transform:translate(0,.5px) rotate(2.5deg);transform:translate(0,.5px) rotate(2.5deg)} 84%{-webkit-transform:translate(0,1.5px) rotate(2.5deg);transform:translate(0,1.5px) rotate(2.5deg)} 90%{-webkit-transform:translate(0,2.5px) rotate(-.5deg);transform:translate(0,2.5px) rotate(-.5deg)} 92%{-webkit-transform:translate(0,.5px) rotate(-.5deg);transform:translate(0,.5px) rotate(-.5deg)} 94%{-webkit-transform:translate(0,2.5px) rotate(.5deg);transform:translate(0,2.5px) rotate(.5deg)} 0%,100%{-webkit-transform:translate(0,0) rotate(0);transform:translate(0,0) rotate(0)} } /* * ------------------------------------------------------------------------------ * 友链样式 * ------------------------------------------------------------------------------ */ .foot-link{font-size:12px;} .link{padding:20px 0;color:#4e5d75;} .link ul{list-style:none;} .link ul li{display:inline-block;font-size:14px;} .link h2{display:none;} .link ul li a{color:#4e5d75;margin-right:15px;font-size:13px;transition:all .3s;} .link ul li a:hover{color:#7486a2;} /* * ------------------------------------------------------------------------------ * 底部banner样式 * ------------------------------------------------------------------------------ */ .ceo-footer-banner{height:210px;box-shadow:0 5px 15px rgba(0,0,0,0.08);} .ceo-footer-banner-box{text-align:center;overflow:hidden;position:relative;z-index:10;} .ceo-footer-banner-box p{font-size:16px;color:#fff;margin-bottom:10px;line-height:24px;} .ceo-footer-banner-box h2{line-height:50px;color:#fff;font-size:30px;margin-bottom:10px;margin-top:25px;} .ceo-footer-banner-box a{display:block;width:200px;margin:20px auto;cursor:pointer;line-height:42px;height:42px;text-align:center;color:#fff;font-size:16px;border-radius:4px;border:1px solid #fff;} .ceo-footer-banner-box a:hover{background:#fff;color:var(--primary-color);} /* * ------------------------------------------------------------------------------ * 底部样式 * ------------------------------------------------------------------------------ */ .ceo_footer{background:#222C3C;} .ceo-footdibu{padding:30px;} .ceo_footer_lo img{width:150px;} .ceo_footer_lo p{color:#999;margin-top:10px;font-size:13px;} .foot{} .foot ul{} .foot ul li{display:inline-block;margin-right:30px;} .foot ul li a{font-size:15px;color:#666;} .foot i{margin-left:15px;color:#999;font-size:20px;transition:all .3s;} .foot i:hover{color:#333;} .foot-cop{padding:20px 0;background:#1D2431;} .foot-cop span{color:#59657b;font-size:12px;position:relative;padding-right:15px;margin-right:10px;} .foot-cop a{color:#59657b} .foot-cop a:hover{color:#7486a2} .foot-cop span:after{content:'';width:1px;height:11px;background:#59657b;position:absolute;top:4px;right:0;opacity:.4;} .foot-cop span:last-child:after{display:none;} .foot-cop-zt{margin-bottom:5px;} .foot-cop-y{} .foot-cop-y li{list-style:none;display:inline-block;margin-right:5px;} .foot-cop-y li:last-child{margin-right:0;} .foot-cop-y li a{display:block;} .foot-cop-y li a img{height:36px;} .ceo-margin-medium-top-link{margin-top:20px!important;} .ceo-gongan img{width:16px;display:inline-block;transform:translateY(-18%);position:relative;margin-right:3px;} .ceo-3hewx img{width:100px;} .foot-item{color:#676b6f;} .foot-item .foot-item-title{font-size:16px;margin-bottom:10px;color:#fff;} .foot-item ul li{margin-top:0!important;margin-bottom:10px;float:left;} .foot-item ul li a{color:#676b6f;font-size:14px;} .foot-item ul li a:hover{color:#fff;} /* * ------------------------------------------------------------------------------ * 通知样式修改 * ------------------------------------------------------------------------------ */ .ceo-notification-message{color:#fff;font-size:14px} .ceo-notification-message .ceo-notification-close{display:none!important} .ceo-notification-message-primary{} .ceo-notification-message-warning{background:#faa05a} .ceo-notification-message-success{background:#32d296} .ceo-notification-message-danger{background:#f0506e} /* * ------------------------------------------------------------------------------ * 右下角跟随 * ------------------------------------------------------------------------------ */ .gotop{position:fixed;bottom:0;right:0;margin:30px;z-index:999;} .gotop .gotop-boxan{} .gotop a:last-child{border:0} .gotop-box{position:relative;} .gotop .gotop-item{color:#555;text-align:center;cursor:pointer;position:relative;border-radius:4px;border-bottom:1px solid #f8f8f8;box-shadow:0 0px 6px 0 rgba(76,86,114,.12);width:39px;height:38px;line-height:38px;box-sizing:initial;margin-bottom:10px;} .gotop .gotop-item i{font-size:18px!important;z-index:2;position:relative;} .gotop .gotop-item:hover i{color:var(--primary-color);} .gotop .gotop-item a{color:#5f6575;} .gotop .gotop-item a:hover i{color:#fff;} .gotop .gotop-item a span.gotop-span:hover i{color:#fff;} .gotop .gotop-item a span.gotop-span{position:absolute;width:75px;height:32px;line-height:32px;right:0;top:4px;padding-right:35px;text-align:right;color:#fff;font-size:13px;font-weight:400;border-radius:15px 0 0 15px;display:none;background:var(--primary-color);} .gotop .gotop-item a:hover .gotop-span{display:block;} .ceo-pt-wx{width:300px;} .ceo-pt-wx img{height:200px;} .ceo_follow_img{margin-bottom:10px;} .ceo_follow_img a{animation:ceo_follow_img_swing 2.5s .15s linear infinite;display:block;margin:0 auto;width:36px;height:63px;z-index:10;} @keyframes ceo_follow_img_swing{10%{transform:rotate(15deg);} 20%{transform:rotate(-10deg);} 30%{transform:rotate(5deg);} 40%{transform:rotate(-5deg);} 50%,100%{transform:rotate(0deg);} } /*右下角客服*/ .gotop-service{position:relative;} .gotop-service:hover .gotop-service-box{display:block;transition:all .3s;} .gotop-service-box{display:none;position:absolute;z-index:999;right:45px;bottom:0px;width:150px;padding:20px;text-align:center;border-radius:4px;-webkit-box-shadow:0 0 3px 1px rgba(0,0,0,.05);box-shadow:0 0 3px 1px rgba(0,0,0,.05);transition:all .3s;} .gotop-service-box .you{bottom:12px;right:-11px;position:absolute;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid #fff;z-index:1010;float:left;} .gotop-service-box .tops{text-align:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #edf1f2;} .gotop-service-box .tops img{} .gotop-service-box .tops a{display:block;height:26px;line-height:26px;margin:15px auto 10px auto;border:1px solid #b5b9bc;font-size:12px;border-radius:4px;} .gotop-service-box .tops a:hover{background:#fff0;color:var(--primary-color)!important;} .gotop-service-box .tops p{font-size:12px;} .gotop-service-box .btms{text-align:center;} .gotop-service-box .btms h5{font-size:14px;color:#5f6575;font-weight:500;margin-bottom:10px;height:20px;line-height:20px;} .gotop-service-box .btms p{height:25px;font-weight:500;line-height:25px;font-size:18px;color:#4775FF;margin-bottom:10px;display:inline-block;} .gotop-service-box .btms h4{font-size:14px;color:#5f6575;font-weight:500;margin-bottom:5px;height:20px;line-height:20px;} .gotop-service-box .btms span{height:25px;line-height:25px;overflow:hidden;font-size:12px;color:#FF5151;margin-bottom:10px;} /*右下角微信*/ .gotop-wx{position:relative;} .gotop-wx:hover .gotop-wx-box{display:block;transition:all .3s;} .gotop-wx-box{display:none;position:absolute;z-index:999;right:45px;bottom:0px;width:150px;padding:20px;text-align:center;border-radius:4px;-webkit-box-shadow:0 0 3px 1px rgba(0,0,0,.05);box-shadow:0 0 3px 1px rgba(0,0,0,.05);transition:all .3s;} .gotop-wx-box .you{bottom:12px;right:-11px;position:absolute;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid #fff;z-index:1010;float:left;} .gotop-wx-box .tops p{font-size:12px;color:#5f6575;overflow:hidden;height:23px;line-height:23px;} .gotop-wx-box .tops img{width:100%;height:100%;display:block;margin-top:10px;padding:5px;border:1px solid var(--border-color);margin:10px auto 0px auto;} /*右下角二维码*/ .gotop-ma{position:relative;} .gotop-ma:hover .gotop-ma-box{display:block;transition:all .3s;} .gotop-ma-box{display:none;position:absolute;z-index:999;right:45px;bottom:0px;width:170px;padding:10px;text-align:center;border-radius:4px;-webkit-box-shadow:0 0 3px 1px rgba(0,0,0,.05);box-shadow:0 0 3px 1px rgba(0,0,0,.05);transition:all .3s;background:var(--primary-color);} .gotop-ma-box i{display:block;width:31px;height:5px;margin:0 auto 10px;border-radius:2px;background:#427df3;} .gotop-ma-box em{display:block;margin:10px auto 0;width:20px;height:20px;border-radius:100%;background:#427df3;} .gotop-ma-box .tops{padding:10px;background:#fff;border-radius:4px;text-align:center;} .gotop-ma-box .tops p{font-size:12px;color:#5f6575;overflow:hidden;height:23px;line-height:23px;} .gotop-ma-box .tops img{width:100%;height:100%;display:block;margin-top:10px;margin:10px auto 0px auto;} /*右下角天气*/ .gotop-weather{position:relative;} .gotop-weather:hover .gotop-weather-box{display:block;transition:all .3s;} .gotop-weather-box{display:none;position:absolute;z-index:999;right:45px;bottom:0px;text-align:center;transition:all .3s;} /* * ------------------------------------------------------------------------------ * 整体细节 * ------------------------------------------------------------------------------ */ /*面包屑*/ .ceo-text-mianbaoxie i,.ceo-text-mianbaoxie a,.ceo-text-mianbaoxie span{color:#999;font-size:12px !important;} .ceo-text-mianbaoxie a:hover{color:var(--primary-color) !important;} .ceo-catnav-wz{z-index:1;margin-bottom:40px;color:var(--mini-color)!important;box-shadow:0px 6px 12px 0px rgb(205 205 205 / 22%);height:49px;line-height:49px;} .ceo-catnav-wz a{color:var(--mini-color)!important;} .ceo-catnav-wz a:hover{color:#333!important;} .ceo-catnav-wz span{color:var(--mini-color)!important;} .ceo-catnav-wz i{color:var(--mini-color)!important;font-size:14px !important;} .ceo-fl-icon{font-size:12px;} .ceo-fl-icon i{font-size:16px !important;margin-right:3px;} .ceo-fl-icon span{font-weight:bold;color:var(--primary-color)!important;} /*内页*/ .ceo-padding-20{padding:20px;} .ceo-text-pu{position:relative;margin-bottom:20px;padding:20px;} /*搜索框*/ .ceo-ss-navbar{border-radius:4px;} .ceo-modal-search{text-align:center;font-size:20px;margin-bottom:20px;} /*资讯列表*/ .ceo-zx-ioc{display:block;height:20px;width:25px;background:url("../../static/images/more_read.png");} .ceo-zx-ioc:hover{background:url("../../static/images/more_read1.png");} .ceo-zx-titlebox{height:24px;line-height:25px;} .ceo-zx-title{font-size:16px;display:inline-block;color:#333;padding-left:30px;height:24px;} .ceo-zx-titlebox li{color:var(--primary-color);font-size:13px;margin-left:5px;transform:translateY(-3%);position:relative;display:inline-block;} .ceo-zx-title i:hover{color:var(--primary-color);} .ceo-home-sanhang-title{transform:translateY(-20%);display:inline-block;} .ceo-kp1-z a i{color:#ccc;font-size:20px !important;} .ceo-kp1-z a i:hover{color:var(--primary-color)!important;} .ceo-home-text-title a i{display:inline-block;position:relative;line-height:28px;transform:translateY(18%);font-size:20px;color:#ccc;} .ceo-home-text-title a i:hover{color:var(--primary-color)!important;} .ceo-blog-info-y span{margin-right:20px;} .ceo-blog-info-y span:last-child{margin-right:0px;} /*列表菜单*/ .ceo-category-blog{} .ceo-category-box{padding:15px 20px;margin-bottom:20px;position:relative;overflow:hidden;} .ceo-category-box:after{content:"";display:block;position:absolute;bottom:-25px;right:-3px;width:80px;height:80px;opacity:.3;background:url(../../static/images/ceo-cat-mkbg.png) no-repeat center;background-size:cover;} .ceo-category-blog-box{position:relative;z-index:1;} .ceo-category-blog-box ul{margin-bottom:15px;} .ceo-category-blog-box ul:last-child{margin-bottom:0px;} .ceo-category-blog-box ul li{display:inline-block;margin-right:20px;height:30px;line-height:30px;} .ceo-category-blog-box ul li:last-child{margin-right:0px;} .ceo-category-blog-box ul li a:hover{color:var(--primary-color);} .ceo-category-blog-box ul li strong{font-weight:400;color:#333;} .ceo-category-blog-box ul .current-cat a{color:var(--primary-color);} /*列表菜单*/ /*左侧广告*/ /*左侧无限分类*/ .ceo-margin-left3{margin-top:20px;border-radius:3px;} .ceo-cat-img{padding-left:0;/*margin-top:10px;*/} .ceo-cat-hr{margin:20px 0;overflow:visible;text-align:inherit;margin:0 0 20px 0;border:0;border-top:1px solid #EFEFEF;} .ceo-catshow{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid rgba(239,239,239,.8);overflow:hidden;} .ceo-catshow:last-child{padding-bottom:20px;margin-bottom:0px;border-bottom:0px solid rgba(239,239,239,.8);overflow:hidden;} .ceo-catshow-show{position:relative;} .ceo-catshow-show .ceo-text-catfl{position:absolute;left:31px;top:10px;padding:4px 8px;font-size:12px;line-height:14px;color:#fff;background-color:#000;filter:alpha(opacity=60);background:rgba(0,0,0,.6);border-radius:3px;text-decoration:none;} .ceo-catshow-show .ceo-text-catfl:hover{background-color:var(--primary-color);} .ceo-catshow-top{color:#949494;} .ceo-catshow-top a{float:left;display:block;width:20px;height:20px;margin-right:5px;border-radius:12px;} .ceo-catshow-top a img{border-radius:12px;} .ceo-cat-times{padding-bottom:10px;} .ceo-cat-time{padding-left:0;} .ceo-cat-conten{padding-left:18px;} .ceo-cat-ions{} .ceo-cat-ions-z{margin-right:6px;font-size:13px;color:#999;} .ceo-cat-ions-z a{color:var(--primary-color);} .ceo-cat-ions-z i{margin-right:3px;} .ceo-cat-ions img{border-radius:50%!important;width:20px;height:20px;} .ceo-cat-ions-y{margin-right:6px;font-size:13px;color:#999;} .ceo-cat-ions-y i{margin-right:3px;} .ceo-cat-texttitle{font-weight:400;font-size:18px;height:33px;} .ceo-cat-text{color:#666;margin-top:10px;margin-bottom:18px;width:633px;height:58px;font-size:13px;overflow:hidden;} .ceo-cattitle{float:left;padding-right:10px;color:#666;} .ceo-cattitle a{} .ceo-comment-ico{float:right;margin-right:10px;margin-top:3px} .ceo-zcgg-img2{padding-left:0;margin-bottom:20px;} .ceo-zcgg-img2 img{margin-top:0;} @media(max-width:768px){.ceo-cat-text{width:auto;} .ceo-cat-texttitle{overflow:hidden;width:41%;height:20px;} .ceo-cat-conten{width:35%;} .ceo-cat-ahu{width:120px;} .ceo-comment-ico{margin-right:2px;} .ceo-cat-time{width:120px;} } .ceo-cat-imgs-a{width:100px;text-align:center;padding:5px 7px;background:#ffffff61;border-radius:10px;} .ceo-cat-imgs-a:hover{background:#0056FF;} .ceo-cat-imgs{height:140px;border-radius:5px;padding:20px;} .ceo-h2s{width:90%;height:23px;overflow:hidden;margin-top:10px;padding-left:10px;font-size:18px;font-weight:bold;} .ceo-h3s{width:98%;height:20px;overflow:hidden;margin-top:10px;padding-left:10px;font-size:13px;font-weight:bold;} @media(max-width:768px){.ceo-cat-imgs{height:70px;} } /*右侧广告模块*/ .side-zz{} .side-zz a{margin-bottom:15px;} .side-zz a:last-child{margin-bottom:0px;} /*右侧文字显示*/ .ceo-text-title{margin-left:20px;font-size:14px;} .ceo-cattitles{color:#0056FF;margin-right:5px;} .ceo-text-conten{width:100%;padding-left:0px;} .ceo-sidebar-tuwen{} .ceo-sidebar-text-title{padding:20px;line-height:24px;} .ceo-sidebar-text-title i{font-size:20px!important;color:#ccc;} .ceo-sidebar-text-title i:hover{color:#0056ff;} .ceo-sidebar-text-wen{padding:0 20px;} .ceo-sidebar-text-winfo{font-size:12px;color:var(--mini-color);margin-top:10px;} .ceo-sidebar-text-winfo a{color:var(--mini-color);} .ceo-sidebar-text-winfo span{margin-left:10px;} .ceo-sidebar-text-winfo i{font-size:12px;color:var(--mini-color);margin-right:3px;transform:translateY(1px);display:inline-block;} /*随机标签热门等样式优化*/ .ceo-tag-title{margin-bottom:0;} .ceo-tag-left{padding-left:0;} .ceo-tag-text{width:140%;max-width:140%;} .ceo-jiaqun{} #ceo-tagscloud{width:250px;height:260px;position:relative;font-size:12px;color:#333;margin:0px auto 0;text-align:center;margin-top:-20px;} #ceo-tagscloud a{background:#0000;font-weight:200;position:absolute;top:0px;left:0px;color:#333;text-decoration:none;margin:0 10px 15px 0;line-height:18px;text-align:center;font-size:15px;padding:1px 5px;display:inline-block;border-radius:3px;} #ceo-tagscloud a:hover{color:var(--primary-color)!important} /*footer底部*/ .ceo-maxdibu{background:#121212;} .ceo-padding-large-fo{padding:0;margin:0;} .ceo-containers{width:100%;max-width:100%;margin:0;padding:0;background:#242529;} .ceo-foot-cont{width:1230px;margin:0 auto;padding-left:0;} .ceo-containers .ceo-grid .ceo-footdibu{margin:30px auto;} .ceo-foot-urltit{float:left;margin:20px auto;} .ceo-foot-urltit a{color:#ccc;font-size:14px;font-weight:bold;} .ceo-footdibu .ceo-grid .ceo-width-1-3{padding-left:20px;padding-right:5%;float:left;} .ceo-dibu-tit{font-size:15px;color:#ccc;margin-top:5px;text-align:center;} .ceo-foot-right{/*margin-right:3%!important;*/} .ceo-uls li a{color:#ccc;font-size:14px;font-weight:bold;} .ceo-uls li{float:left;display:block;margin:20px 10px!important;/*font-size:16px;*/} .ceo-foot-maxdi{margin:0 auto 10px auto;align-content:center;width:1260px;} @media(max-width:768px){.ceo-foot-cont{width:100%;} .ceo-foot-maxdi{width:100%;} .ceo-foot-cont{width:100%;} .ceo-3he{padding:0 20px;} .ceo-3hewx{margin-top:20px;} .ceo-maxdibu{display:none;} #footer{padding:0!important;} } /*单页顶部优化*/ .ceo-tag-bg{height:300px;} .ceo-tag-bgright{height:300px;} .ceo-tag-bgleft{margin-top:146px;color:#fff;text-align:left;} .ceo-tag-bgleft a{margin-top:20px;color:#fff;} .ceo-tag-bgleft h3{position:relative;} .ceo-tag-bgleft p{font-size:16px;} .ceo-hs{color:#fff;font-size:30px;margin-bottom:10px;} .ceo-align-lefts{float:left;} .ceo-cat-img{max-height:143px;width:229px;height:143px;} @media(max-width:768px){.ceo-tag-bg{height:150px;margin:auto;} .ceo-hs{text-align:center;font-size:22px;} .ceo-tag-bgleft{margin-top:60px!important;} .ceo-align-lefts{float:none;} } /*搜索页*/ .ceo-search-box{padding:40px 0;} /* * ------------------------------------------------------------------------------ * 问答社区 * ------------------------------------------------------------------------------ */ /*编辑器*/ .csf-shortcode-button{display:none !important;} .screen-reader-text,.screen-reader-text span,.ui-helper-hidden-accessible{position:absolute;margin:-1px;padding:0;height:1px;width:1px;overflow:hidden;clip:rect(0 0 0 0);border:0;word-wrap:normal!important} .error{border-color:#a94442;} .wp-editor-wrap.error .wp-editor-container{border-color:#a94442;} .media-modal{outline:0;} /*编辑器*/ .ceo-cet-question-box{padding:20px;} .ceo-cet-question-box .ask{display:block;height:32px;line-height:31px;padding:0 16px;border-radius:4px;border:1px solid var(--primary-color);background:var(--primary-color);font-size:12px;color:#fff;} .ceo-cet-question-box .ask:hover{background:#ffffff00;color:var(--primary-color);} .ceo-cet-question-box .ask i{margin-right:3px;font-size:18px!important;transform:translateY(2px);} .question-box-cat{margin-bottom:20px;} .question-box-cat a{margin-right:20px;padding:5px 20px;border-radius:4px;background-color:#f6f6f6;color:#646464;display:inline-block;} .question-box-cat a:hover{background-color:var(--shallow-color);color:var(--primary-color);} .question-box-cat a:last-child{margin-right:0px;} .question-box-cat a.current{background-color:var(--shallow-color)!important;color:var(--primary-color)!important;} .question-box-content{margin-top:30px;} .question-box-tab{border-bottom:1px solid var(--border-color);padding-bottom:10px;height:36px;line-height:36px;} .question-box-tab a.cd{color:var(--mini-color);margin-right:20px;font-size:15px;} .question-box-tab a.xz{position:relative;color:var(--primary-color);} .question-box-tab a.xz:after{content:'';position:absolute;bottom:-18px;left:0;width:100%;height:2px;background:var(--primary-color);} .question-box-tab a:hover{color:var(--primary-color);} .question-box-list .question-box-list-loop{border-bottom:1px solid var(--border-color);margin-bottom:20px;padding-bottom:20px;} .question-box-list .question-box-list-loop:last-childp{border-bottom:0px solid var(--border-color)!important;margin-bottom:0px;padding-bottom:0px;} .question-box-list-loop .info .item .btns a{display:block;padding:0 10px;border-radius:4px;border:1px solid #99A9C2;font-size:12px;color:#99A9C2;} .question-box-list-loop .info .item .btns a:hover{color:var(--primary-color);border:1px solid var(--primary-color);} .question-box-list-loop .info .item .cat a{color:var(--mini-color);} .question-box-list-loop .info .item .cat a:hover{color:var(--primary-color);} .question-box-list-loop .info .item .avatar{line-height:0;width:20px;height:20px;} .question-box-list-loop a.quantity{display:inline-block;padding-top:10px;width:60px;height:48px;border-radius:4px;color:#555;background:#f6f6f6;font-size:16px;text-align:center;line-height:1.2;margin-right:20px;} .question-box-list-loop a.xz{color:var(--primary-color)!important;background:var(--shallow-color)!important;} .question-box-list-loop a.xz span{color:var(--primary-color)!important;} .question-box-list-loop a.quantity span{display:block;font-size:12px;color:var(--mini-color);margin-top:3px;} .question-box-list-loop .info a.title{font-size:18px;transition:all .3s;max-height:27px;text-decoration:none;display:block;margin-bottom:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .question-tj{color:#fff;background:var(--primary-color);} .ceo-question-tips{color:#777;background:#f9f9f9;font-size:14px;line-height:30px;padding:20px 25px;border-radius:8px;margin-top:20px;} .ceo-question-tips span{color:var(--primary-color);} .ceo-question-tips span i{margin-right:5px;} /*问答侧边栏*/ .ceo-sidebar-question-statistics{padding:20px;} .question-statistics-box{margin-top:20px;} .statistics-box-c{text-align:center;} .statistics-box-c span{display:block;font-size:24px;font-weight:bold;color:#333;} .statistics-box-c span.wdtj{color:var(--primary-color)!important;} .statistics-box-c span p{font-size:14px;color:#999;} .statistics-box-d{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color);} .statistics-box-d .statistics-box-1{text-align:center;display:block;border:1px solid var(--primary-color);background:var(--primary-color);border-radius:4px;} .statistics-box-d .statistics-box-1 a{display:block;height:30px;line-height:29px;padding:0 12px;font-size:12px;color:#fff;} .statistics-box-d .statistics-box-2{text-align:center;display:block;border:1px solid var(--primary-color);border-radius:4px;} .statistics-box-d .statistics-box-2 a{display:block;height:30px;line-height:29px;padding:0 12px;font-size:12px;color:var(--primary-color);} .statistics-box-d .statistics-box-3{text-align:center;display:block;border:1px solid var(--mini-color);border-radius:4px;} .statistics-box-d .statistics-box-3 a{display:block;height:30px;line-height:29px;padding:0 12px;font-size:12px;color:var(--mini-color);} .ceo-sidebar-question-ad{} .ceo-sidebar-question-ad a{display:block;} .ceo-sidebar-question-ad a img{width:100%;} .ceo-sidebar-question-search{padding:20px;} .ceo-sidebar-question-search .ceo-form{margin-top:20px;} .ceo-sidebar-question-tag{margin-top:20px;} .ceo-sidebar-question-tag a{border-radius:4px;background-color:var(--shallow-color);color:var(--primary-color);display:block;font-size:12px;padding:5px;text-align:center;} .ceo-sidebar-question-tag a:hover{background-color:var(--primary-color);color:#fff;} .ceo-sidebar-question-new{padding:20px;} .question-new-box{margin-top:20px;} .question-new-box-item{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--border-color);} .question-new-box-item:last-child{margin-bottom:0px;padding-bottom:0px;border-bottom:0px solid var(--border-color)!important;} .question-new-box-item a{font-size:15px;margin-bottom:5px;} .question-new-box-item a i{display:inline-block;width:5px;height:9px;background:url(../../static/images/ceo-question-list.png) center no-repeat;margin-right:6px;} .ceo-sidebar-question-knowledge{padding:20px;} .ceo-sidebar-question-knowledge-mk{margin-top:20px;} .question-knowledge-mk-li{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--border-color);} .question-knowledge-mk-li:last-child{margin-bottom:0px;padding-bottom:0px;border-bottom:0px solid var(--border-color)!important;} .question-knowledge-mk-li span.q-z{display:block;float:left;height:25px;line-height:25px;font-size:14px;color:#BDBDBD;margin-right:15px;font-weight:600;} .question-knowledge-mk-li span.q-z1{color:#E80404;} .question-knowledge-mk-li span.q-z2{color:#F46300;} .question-knowledge-mk-li span.q-z3{color:#FDB500;} .question-knowledge-mk-li img{display:block;width:25px;height:25px;margin-right:10px;border-radius:100%;box-shadow:0 0.2rem 0.8rem rgba(51,51,51,.15);} .question-knowledge-mk-li .q-q{height:25px;line-height:25px;} .question-knowledge-mk-li .q-q p{color:var(--primary-color);font-size:12px!important;} .ceo-question-tj{background:url(../../static/images/ceo-question-tj.png) left center no-repeat;} .ceo-question-qa{background:url(../../static/images/ceo-question-qa.png) left center no-repeat;} .ceo-question-da{background:url(../../static/images/ceo-question-da.png) left center no-repeat;} .ceo-question-hot{background:url(../../static/images/ceo-question-hot.png) left center no-repeat;} /*问答内页*/ .single-question-head{} .single-question-head .info .avatar{line-height:0;width:20px;height:20px;} .single-question-head a{color:#fff;} .single-question-head span{color:#fff;} .single-question-head .zt{color:#fff;font-size:12px;} .single-question-head .zt em{background:#ED4747;font-size:12px;color:#fff;padding:0 5px;margin-right:5px;border-radius:24px;} .single-question-an{text-align:center;margin:50px 0;} .single-question-an .dz{display:inline-block;height:36px;line-height:35px;padding:0 24px;border-radius:4px;border:1px solid var(--primary-color);font-size:14px;color:var(--primary-color);margin-right:15px;} .single-question-an .dz:hover{background:var(--primary-color);color:#fff;} .single-question-an .dz i{font-size:18px!important;transform:translateY(2px);margin-right:3px;} .single-question-an .post-edit-link{color:var(--mini-color);} .single-question-xq{border-bottom:1px solid var(--border-color);padding-bottom:15px;margin-bottom:30px;} .single-question-xq span{font-size:16px;position:relative;color:#333;display:inline-block;} .single-question-xq span:after{content:'';position:absolute;bottom:-15px;left:0;width:100%;height:2px;background:#333;} /* * ------------------------------------------------------------------------------ * 论坛 * ------------------------------------------------------------------------------ */ /*论坛统计*/ .ceo-forum-statistics{margin-bottom:20px;padding:20px;height:33px;line-height:33px;} .ceo-forum-statistics .ceo-forum-z{padding-left:30px;background:url(../../static/images/ceo-question-tj.png) left center no-repeat;} .ceo-forum-statistics .ceo-forum-z span{display:inline-block;margin-right:20px;} .ceo-forum-statistics .ceo-forum-z span:last-child{margin-right:0px;} .ceo-forum-statistics .ceo-forum-z span p{display:inline-block;color:var(--primary-color);} .ceo-forum-statistics .ceo-forum-y .ask{display:block;height:32px;line-height:31px;padding:0 16px;border-radius:4px;border:1px solid var(--primary-color);background:var(--primary-color);font-size:12px;color:#fff;} .ceo-forum-statistics .ceo-forum-y .ask:hover{background:#ffffff00;color:var(--primary-color);} .ceo-forum-statistics .ceo-forum-y .ask i{margin-right:3px;font-size:18px!important;transform:translateY(2px);} /*论坛统计*/ /*论坛信息*/ .ceo-forum-catx{margin-bottom:20px;padding:20px;} .ceo-forum-catx img{width:80px;height:80px;border-radius:4px;} .ceo-forum-catx h2{font-size:18px;font-weight:600;margin-bottom:10px;} .ceo-forum-catx span{margin-bottom:5px;margin-right:10px;display:inline-block;} .ceo-forum-catx p{font-size:14px;color:#999;} .ceo-forum-catx .ceo-forum-catxy .return{border-radius:50px;border:1px solid #e2e2e2;box-shadow:0px 3px 9px 0px rgba(205,205,205,0.46);margin-right:10px;padding:7px;} .ceo-forum-catx .ceo-forum-catxy .return:hover{border:1px solid var(--primary-color);background:var(--primary-color);color:#fff;} .ceo-forum-catx .ceo-forum-catxy .return i{font-size:19px!important;} .ceo-forum-catx .ceo-forum-catxy .ask{display:inline-block;height:32px;line-height:31px;padding:0 16px;border-radius:4px;border:1px solid var(--primary-color);background:var(--primary-color);font-size:12px;color:#fff;} .ceo-forum-catx .ceo-forum-catxy .ask:hover{background:#ffffff00;color:var(--primary-color);} .ceo-forum-catx .ceo-forum-catxy .ask i{margin-right:3px;font-size:18px !important;transform:translateY(2px);} /*论坛信息*/ /*编辑器*/ .csf-shortcode-button{display:none !important;} .screen-reader-text,.screen-reader-text span,.ui-helper-hidden-accessible{position:absolute;margin:-1px;padding:0;height:1px;width:1px;overflow:hidden;clip:rect(0 0 0 0);border:0;word-wrap:normal!important} .error{border-color:#a94442;} .wp-editor-wrap.error .wp-editor-container{border-color:#a94442;} .media-modal{outline:0;} /*编辑器*/ .forum-box-content-mk{padding:20px;box-shadow:0px 6px 12px 0px rgb(205 205 205 / 22%);} .forum-box-content-mk .ceo-form .return{border-radius:50px;border:1px solid #e2e2e2;box-shadow:0px 3px 9px 0px rgba(205,205,205,0.46);margin-left:10px;padding:5px 10px;display:inline-block;transform:translateY(13px);} .forum-box-content-mk .ceo-form .return:hover{border:1px solid var(--primary-color);background:var(--primary-color);color:#fff;} .forum-box-content-mk .ceo-form .return i{font-size:19px!important;} .ceo-cet-forum-box{padding:20px;} .forum-box-cat{margin-bottom:20px;} .forum-box-cat a{padding:20px;border-radius:4px;background-color:#F5F6FA;color:#646464;display:block;} .forum-box-cat a:hover h2{color:var(--primary-color)!important;} .forum-box-cat a.current{color:var(--primary-color)!important;background:rgb(19 192 126 / 11%)!important;} .forum-box-cat a img{width:80px;height:80px;border-radius:50px;box-shadow:0px 3px 18px rgba(0,0,0,0.08);} .forum-box-cat a h2{font-size:18px;font-weight:600;margin-bottom:10px;} .forum-box-cat a span{margin-bottom:5px;margin-right:10px;display:inline-block;} .forum-box-cat a p{font-size:12px;color:#999;} .forum-box-content{margin-top:20px;} .forum-box-tab{border-bottom:1px solid var(--border-color);padding-bottom:10px;height:36px;line-height:36px;} .forum-box-tab a.cd{color:var(--mini-color);margin-right:20px;font-size:15px;} .forum-box-tab a.xz{position:relative;color:var(--primary-color);} .forum-box-tab a.xz:after{content:'';position:absolute;bottom:-18px;left:0;width:100%;height:2px;background:var(--primary-color);} .forum-box-tab a:hover{color:var(--primary-color);} .forum-box-list .forum-box-list-loop{border-bottom:1px solid var(--border-color);margin-bottom:20px;padding-bottom:20px;} .forum-box-list .forum-box-list-loop:last-childp{border-bottom:0px solid var(--border-color)!important;margin-bottom:0px;padding-bottom:0px;} .forum-box-list-loop .item .cat a{color:var(--mini-color);} .forum-box-list-loop .item .cat a:hover{color:var(--primary-color);} .forum-box-list-loop a.quantity{display:inline-block;padding-top:10px;width:60px;height:48px;border-radius:4px;color:#555;background:#f6f6f6;font-size:16px;text-align:center;line-height:1.2;margin-right:20px;} .forum-box-list-loop a.xz{color:var(--primary-color)!important;background:rgb(19 192 126 / 11%)!important;} .forum-box-list-loop a.xz span{color:var(--primary-color)!important;} .forum-box-list-loop a.quantity span{display:block;font-size:12px;color:var(--mini-color);margin-top:3px;} .forum-box-list-loop .info a.title{font-size:16px;transition:all .3s;max-height:27px;text-decoration:none;display:block;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .forum-tj{color:#fff;background:var(--primary-color);} .ceo-forum-tips{color:#777;background:#f9f9f9;font-size:14px;line-height:30px;padding:20px 25px;border-radius:8px;margin-top:20px;} .ceo-forum-tips span{color:var(--primary-color);} .ceo-forum-tips span i{margin-right:5px;} /*论坛侧边栏*/ .ceo-sidebar-forum-ad{} .ceo-sidebar-forum-ad a{display:block;} .ceo-sidebar-forum-ad a img{width:100%;} .ceo-sidebar-forum-search{padding:20px;} .ceo-sidebar-forum-search .ceo-form{margin-top:20px;} .ceo-sidebar-forum-tag{margin-top:20px;} .ceo-sidebar-forum-tag a{border-radius:4px;color:var(--primary-color);background:var(--shallow-color);display:block;font-size:12px;padding:5px;text-align:center;} .ceo-sidebar-forum-tag a:hover{background-color:var(--primary-color);color:#fff;} .ceo-sidebar-forum-new{padding:20px;} .forum-new-box{margin-top:20px;} .forum-new-box-item{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--border-color);} .forum-new-box-item:last-child{margin-bottom:0px;padding-bottom:0px;border-bottom:0px solid var(--border-color)!important;} .forum-new-box-item a{font-size:15px;margin-bottom:5px;} .forum-new-box-item a i{display:inline-block;width:12px;height:15px;background:url(../../static/images/ceo-forum-list.png) center no-repeat;margin-right:6px;transform:translateY(2px);} .ceo-sidebar-forum-knowledge{padding:20px;} .ceo-sidebar-forum-knowledge-mk{margin-top:20px;} .forum-knowledge-mk-li{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid var(--border-color);} .forum-knowledge-mk-li:last-child{margin-bottom:0px;padding-bottom:0px;border-bottom:0px solid var(--border-color)!important;} .forum-knowledge-mk-li span.q-z{display:block;float:left;line-height:25px;font-size:14px;color:#BDBDBD;margin-right:15px;font-weight:600;width:25px;height:25px;} .forum-knowledge-mk-li span.q-z1{background:url(../../static/images/ceo-q-z1.png) no-repeat;} .forum-knowledge-mk-li span.q-z2{background:url(../../static/images/ceo-q-z2.png) no-repeat;} .forum-knowledge-mk-li span.q-z3{background:url(../../static/images/ceo-q-z3.png) no-repeat;} .forum-knowledge-mk-li span.q-z4{background:url(../../static/images/ceo-q-z4.png) no-repeat;} .forum-knowledge-mk-li span.q-z5{background:url(../../static/images/ceo-q-z5.png) no-repeat;} .forum-knowledge-mk-li img{display:block;width:25px;height:25px;margin-right:10px;border-radius:100%;box-shadow:0 0.2rem 0.8rem rgba(51,51,51,.15);} .forum-knowledge-mk-li .q-q{height:25px;line-height:25px;} .forum-knowledge-mk-li .q-q p{color:var(--primary-color);font-size:12px!important;} .ceo-forum-qa{background:url(../../static/images/ceo-question-qa.png) left center no-repeat;} .ceo-forum-da{background:url(../../static/images/ceo-question-da.png) left center no-repeat;} .ceo-forum-hot{background:url(../../static/images/ceo-question-hot.png) left center no-repeat;} /*论坛内页*/ .single-forum-head{} .single-forum-head a{color:#fff;} .single-forum-head span{color:#fff;} .single-forum-head .zt{color:#fff;font-size:12px;} .single-forum-head .zt em{background:#ED4747;font-size:12px;color:#fff;padding:0 5px;margin-right:5px;border-radius:24px;} .single-forum-an{text-align:center;margin:20px 0;} .single-forum-an .post-edit-link{color:var(--mini-color);} .single-forum-xq{border-bottom:1px solid var(--border-color);padding-bottom:15px;margin-bottom:30px;} .single-forum-xq span{font-size:16px;position:relative;color:#333;display:inline-block;} .single-forum-xq span:after{content:'';position:absolute;bottom:-15px;left:0;width:100%;height:2px;background:#333;} .single-forum-fabulous{margin:50px 0;text-align:center;} .single-forum-fabulous .dz{display:inline-block;height:36px;line-height:35px;padding:0 24px;border-radius:4px;border:1px solid var(--primary-color);font-size:14px;color:var(--primary-color);} .single-forum-fabulous .dz:hover{background:var(--primary-color);color:#fff;} .single-forum-fabulous .dz i{font-size:18px!important;transform:translateY(2px);margin-right:3px;} /* * ------------------------------------------------------------------------------ * VIP页面 * ------------------------------------------------------------------------------ */ .ceo-vip-bg{margin-bottom:40px;} .ceo-pages-vipbox{padding-bottom:60px;} .ceo-pages-vip-box{margin-top:-60px;} .vip-box-mk-zt{text-align:center;box-shadow:0 8px 16px rgba(0,0,0,.05);border-radius:4px;overflow:hidden;position:relative;} .vip-box-mk-zt .top{padding:50px 20px 20px 20px;} .vip-box-mk-zt .tag{position:absolute;top:0px;left:0px;height:24px;line-height:24px;text-align:center;background:linear-gradient( 102.51deg,#ff451d 3.76%,#ff6f32 93.18%);border-radius:4px 0 4px 0;color:#fff;font-size:14px;font-weight:400;padding:0 12px;} .vip-box-mk-zt .top .name{margin-bottom:10px;font-size:18px;font-weight:600;color:#333;} .vip-box-mk-zt-top{text-align:center;position:relative;} .vip-box-mk-zt-top-dj{font-size:16px;color:#333;margin-bottom:15px;} .vip-box-mk-zt-top-dj strong{font-size:43px;margin:0 5px;} .vip-box-mk-zt-top-pi{font-size:14px;line-height:27px;background-color:#f7faff;color:var(--primary-color);border-radius:50px;} .vip-box-mk-zt-mbox{padding:20px;} .vip-box-mk-zt-mbox-s{font-size:14px;color:#777;line-height:24px;overflow:hidden;} .vip-box-title{font-size:14px;color:#999;margin-bottom:10px;display:flex;} .vip-box-mk-zt-mbox-s p{text-align:left;line-height:2.5;} .vip-box-mk-zt-mbox-s p em{float:right;color:#333;} .vip-box-mk-zt:hover a{opacity:.8;} .vip-box-mk-zt a{align-items:center;justify-content:center;background-color:var(--primary-color);color:#fff;font-size:14px;width:100%;margin-top:20px;height:43px;line-height:43px;text-align:center;border-radius:4px;cursor:pointer;transition:all .3s;display:flex;} .vip-box-mk-zts{box-shadow:0px 0px 24px rgba(7,38,74,0.09);border-radius:6px;text-align:center;padding:30px;margin-top:40px;} .vip-box-mk-zts .vip-box-mk-zt-i{margin-top:-75px;} .vip-box-mk-zts .vip-box-mk-zt-i i{padding:25px;font-size:40px !important;color:var(--primary-color);border-radius:50px;background:#fff;box-shadow:0px 0px 24px rgba(7,38,74,0.09);margin-bottom:25px;} .vip-box-mk-zts span{font-size:18px;color:#333;} .vip-box-mk-zts p{margin-top:10px;font-size:13px;} .ceo-pages-problem{background-image:linear-gradient(to bottom,#fff,#f6f7fd);padding:60px 0;} .problem-title{margin-top:0;margin-bottom:40px;text-align:center;} .problem-title h2{font-weight:bold;font-size:28px;color:#333;margin-bottom:10px;} .problem-title p{font-size:16px;color:#999;margin-bottom:10px;} .problem-box-mk-w{display:block;margin-bottom:20px;border:1px solid #eee;position:relative;font-size:12px;color:#999;line-height:1.8;border-radius:5px;background:#fff;overflow:hidden;} .problem-box-mk-w h2{padding:20px 30px;line-height:26px;color:#333;font-size:16px;font-weight:bold;} .problem-box-mk-w p{line-height:24px;font-size:14px;padding:20px 30px;color:#999;border-top:1px dotted #eee;overflow:hidden;} /* * ------------------------------------------------------------------------------ * VIP页面2 * ------------------------------------------------------------------------------ */ .ceo-vip2-bg{height:680px;} .vip2-bg-title{margin-top:146px;color:#fff;text-align:center;} .vip2-bg-title h3{font-size:40px;font-weight:bold;} .vip2-bg-title ul{margin-top:30px;} .vip2-bg-title ul li{display:inline-block;padding:1rem;font-size:14px;color:#fff;background:hsla(0,0%,100%,.1);border-radius:6px;margin-right:20px;} .vip2-bg-title ul li:last-child{margin-right:0px;} .vip2-bg-title ul li i{margin-right:5px;font-size:16px!important;} .ceo-vip2-tc{position:relative;z-index:1;margin-top:-320px;} .vip2-tc-box{border-radius:6px;box-shadow:0 4px 16px 0 rgba(0,0,0,.05);} .vip2-tc-box i.i{position:absolute;top:-16px;left:50%;z-index:1;width:48px;height:42px;transform:translateX(-50%);background:url(../../static/images/ceo-vip2-v.svg) 0 0 no-repeat;} .vip2-tc-box-top{position:relative;padding:3rem 1rem 2.5rem;text-align:center;border-radius:6px 6px 0 0;} .ceo-vip2-tc .vip2-tc-boxmk:nth-child(1) .vip2-tc-box-top{background-image:linear-gradient(180deg,#c5dcff,#eaf6ff);} .ceo-vip2-tc .vip2-tc-boxmk:nth-child(2) .vip2-tc-box-top{background-image:linear-gradient(180deg,#ffe1b2,#fff9ed);} .vip2-tc-box-top .title{display:block;margin-bottom:1rem;font-size:24px;color:#1b1e24;letter-spacing:.58px;} .vip2-tc-box-top span{font-size:14px;font-weight:700;color:#ae0900;letter-spacing:.38px;} .vip2-tc-box-top span strong{font-size:80px;line-height:80px;letter-spacing:2.17px;} .vip2-tc-box-top span p{position:relative;display:inline-block;} .vip2-tc-box-top span p em{position:absolute;bottom:120%;left:0;z-index:1;width:110px;height:24px;font-size:14px;font-weight:400;line-height:24px;color:#fff;letter-spacing:.38px;background:#ff372b;border-radius:11.5px 11.5px 11.5px 0;} .vip2-tc-box-top p.p{display:block;margin-top:1.5rem;margin-bottom:1.5rem;font-size:14px;color:#1b1e24;letter-spacing:.38px;} .vip2-tc-box-top a{width:280px;display:inline-block;height:48px;line-height:48px;font-size:16px;color:#8d3800;background-image:linear-gradient(270deg,#ffc262,#ffdb96);border-radius:4px;transition:all .35s;} .vip2-tc-box-boo{padding:40px;} .vip2-tc-box-boo span{display:flex;align-items:center;font-weight:700;color:#1a1b1c;font-size:16px;margin-bottom:20px;} .vip2-tc-box-boo p{text-align:left;line-height:2.5;} .vip2-tc-box-boo p em{float:right;color:#333;} .ceo-vip2-qy{padding:100px 0;} .vip2-qy-title{text-align:center;margin-bottom:40px;} .vip2-qy-title h2{font-size:28px;font-weight:bold;color:#0B1D30;margin-bottom:20px;} .vip2-qy-title p{font-size:16px;} .vip2-tqyc-box{text-align:center;padding:30px;} .vip2-tqyc-box img{height:52px;display:block;margin:0 auto;} .vip2-tqyc-box span{font-size:16px;margin-top:20px;display:block;margin-bottom:20px;font-weight:bold;color:#333;} .vip2-tqyc-box p{} /* * ------------------------------------------------------------------------------ * 网址导航 * ------------------------------------------------------------------------------ */ .ceo-pages-site{margin-bottom:40px;} .site-switcher{width:600px;} .site-switcher-menu{} .site-switcher-menu li{display:inline-block;padding-bottom:5px;margin:0 20px 20px 20px;margin-top:0px!important;} .site-switcher-menu li span{cursor:pointer;font-size:15px;color:#fff;} .site-switcher-menu .ceo-active{position:relative;} .site-switcher-menu .ceo-active::after{content:'';position:absolute;bottom:-3px;left:12px;width:5px;height:5px;background:#ED4747;border-radius:50px;} .site-switcher-main{box-shadow:0 6px 20px -8px #e5f2ff;} .site-form input{width:100%;border-radius:4px;padding:13px 0;text-indent:1em;border:0;} .site-form input:focus{outline:medium;} .site-form button{position:absolute;top:7px;right:0;border:0;background:none;cursor:pointer;margin:5px 10px;font-weight:bold;color:#54677b;} .sitenav{position:relative;} .sitenavbox{position:absolute;top:95px;left:100px;z-index:1;} .sitenavbox span{text-align:center;display:block;border-bottom:1px solid var(--border-color);padding-bottom:10px;margin-top:10px;} .sitenav li{list-style:none;margin-bottom:10px;} .sitenav li:last-child{border:0;margin-bottom:0px;} .sitenav li a{color:#999;font-size:13px;min-width:90px;} .sitenav li a:hover{color:#262626} .sitenav li i{font-size:14px;color:#ddd;margin-right:3px;transition:all .3s} .sitenav li a:hover i{margin-right:6px} .sitenav li b{padding:0 20px;border-right:1px solid #eee;} .sitenav li b i{color:#aaa} .site-navbtn{text-align:center;padding:0px 15px 15px 15px;} .site-navbtn a{line-height:22px;font-size:14px;border-radius:4px;color:#fff;padding:5px 0;display:block;background:var(--primary-color);} .site-submit{line-height:51px;font-size:15px;color:#fff!important;background:#2254f4;background:linear-gradient(270deg,#2254f4,#406dff);box-shadow:0 12px 30px 0 rgba(34,84,244,.2);} .site-item{padding:15px;} .site-box-img a{height:135px;background:#f5f7fd;} .site-desc{margin-top:10px;display:inline-block;} .site-desc a{font-size:16px;margin-bottom:20px;display:block;} .site-desc p{height:58px;font-size:13px;color:#999;} .site-desc em{position:relative;} .site-desc em:after{content:"";position:absolute;bottom:10px;left:0;width:40px;height:1px;background-color:#ddd;} .site-top-bottom{margin-top:30px;margin-bottom:30px;} .section-title{margin-bottom:30px;font-size:16px;} .section-title a{font-weight:400;} .switcher-title{margin-bottom:30px;text-align:center;padding:20px 0;font-size:16px;box-shadow:0px 6px 12px 0px rgb(205 205 205 / 22%);} .switcher-title li h3 a i{font-size:21px!important;display:inline-block;transform:translateY(2px);margin-right:5px;} .site-ads{display:block;padding:15px;} .site-ads img{height:100px;} /*分类*/ .ceo-pages-site .category{margin-top: 30px;} .ceo-pages-site .category h2{margin-bottom: 30px;font-size: 16px;} /*内页*/ .ceo-site-single{margin:20px 0;} .site-box{padding:20px;} .site-title span{padding-bottom:12px;border-bottom:2px solid #000;color:#262626;font-size:15px;} .site-content{} .site-content ul{padding:20px;} .site-content ul li{margin-bottom:10px;font-size:13px;border-bottom:1px solid #f1f1f1;padding-bottom:10px;} .site-content ul li:last-child{margin-bottom:0px;border-bottom:0px solid #f1f1f1;padding-bottom:0px;} .site-content-sp{padding:20px;} .site-content-sp span{display:block;} .site-content-sp p{line-height:2;} .site-side a{box-shadow:0px 2px 10px 1px rgba(0,0,0,.03);} .site-side a img{height:90px;} .site-box-tj{color:#fff!important;background:#2254f4;background:linear-gradient(270deg,#2254f4,#406dff);box-shadow:0 12px 30px 0 rgba(34,84,244,.2);outline:0;-webkit-transition:all .1s ease-out 0s;-o-transition:all .1s ease-out 0s;transition:all .1s ease-out 0s;font-size:16px;border-radius:4px;padding:15px 0;display:block;text-align:center;} .site-box-tj:hover{background:linear-gradient(270deg,#406dff,#2254f4);} /* * ------------------------------------------------------------------------------ * 定制服务 * ------------------------------------------------------------------------------ */ .ceo-pages-apply-top{height:1017px;} .web-top{text-align:center;margin-top:-280px;} .web-top-title{font-size:28px;font-weight:bold;color:#fff;margin-bottom:60px;} .web-topbox{padding:30px;box-shadow:0px 12px 27px 0px rgba(36,61,164,0.11);} .web-topbox img{width:100px;height:100px;display:block;margin:0 auto 40px auto;} .web-topbox span{margin-top:38px;font-size:22px;font-weight:bold;color:#333;margin-bottom:20px;display:block;} .web-topbox p{font-size:14px;line-height:2;margin-bottom:20px;padding-bottom:20px;color:#5b9fff;} .web-topbox em{display:block;width:2px;height:20px;margin:0 auto;background-color:#5b9fff;margin-bottom:20px;} .web-topbox .price{margin-bottom:20px;color:#999;} .web-topbox .price i{color:#ff3434;margin:0 3px;font-size:20px;font-weight:bold;} .web-topbox .tc{} .web-topbox .tc li{margin-bottom:20px;} .web-topbox .tc li:last-child{margin-bottom:0px;} .web-topbox .an{} .web-topbox .an a{display:block;width:168px;height:45px;text-align:center;line-height:45px;background:var(--primary-color);color:#fff!important;border-radius:5px;font-size:14px;margin:0 auto;margin-top:30px;position:relative;overflow:hidden;} .anim{position:absolute;top:50%;left:50%;-moz-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);} .anim{position:absolute;top:50%;left:50%;-moz-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);transform:scale(0.4);transform-origin:-35% -35% 0;} .anim:before{position:relative;content:'';display:block;margin-top:100%} .anim:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;border-radius:50%} .anim{-moz-animation:anim-out .75s;-webkit-animation:anim-out .75s;animation:anim-out .75s} .anim:after{-moz-animation:anim-out-pseudo .75s;-webkit-animation:anim-out-pseudo .75s;animation:anim-out-pseudo .75s} .anim,.anim:after{animation-iteration-count:infinite;animation-duration:1.3s} @-webkit-keyframes anim-in{0%{width:0} 100%{width:100%} } @-moz-keyframes anim-in{0%{width:0} 100%{width:100%} } @-ms-keyframes anim-in{0%{width:0} 100%{width:100%} } @keyframes anim-in{0%{width:0} 100%{width:100%} } @-webkit-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25)} 100%{background:transparent} } @-moz-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25)} 100%{background:transparent} } @-ms-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25)} 100%{background:transparent} } @keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25)} 100%{background:transparent} } @-webkit-keyframes anim-out{0%{width:0} 100%{width:100%} } @-moz-keyframes anim-out{0%{width:0} 100%{width:100%} } @-ms-keyframes anim-out{0%{width:0} 100%{width:100%} } @keyframes anim-out{0%{width:0} 100%{width:100%} } @-webkit-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25)} 100%{background:transparent} } @-moz-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25)} 100%{background:transparent} } @-ms-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25)} 100%{background:transparent} } @keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25)} 100%{background:transparent} } /*常见问题*/ .web-qa{padding:60px 0;} .web-qa-title{font-size:28px;font-weight:bold;color:#333;margin-bottom:60px;text-align:center;} .web-qabox{box-shadow:0px 0px 16px 0px rgba(225,225,225,0.35);padding:30px;} .web-qabox span{color:#333;font-size:16px;font-weight:bold;display:block;background:url(../../static/images/ceo-question-hot.png) left center no-repeat;padding-left:30px;height:24px;line-height:24px;} .web-qabox p{margin-top:15px;padding-top:15px;} .web-qabox a{margin-top:20px;display:block;color:var(--primary-color);} .web-qabox a i{margin-left:3px;} /*------------------------------------------------------------------------------*/ .ceo-pages-apply{padding:60px 0;margin-top:60px;background-image:url(../../static/images/ceo-pages-apply-bg.jpg);} .web-apply-title{font-size:28px;font-weight:bold;color:#fff;margin-bottom:60px;text-align:center;} .ceo-apply-top{margin-bottom:50px;} .ceo-apply-top-box{text-align:center;} .ceo-apply-top-box .ceo-apply-top-box-img{margin-bottom:20px;} .ceo-apply-top-box .ceo-apply-top-box-img img{width:50px;height:50px;} .ceo-apply-top-box .ceo-apply-top-box-title{font-size:18px;color:#333;margin-bottom:10px;font-weight:bold;} .ceo-apply-top-box p{font-size:14px;color:#666;} .ceo-apply-txt{text-align:left;color:#fff;} .ceo-pages-apply-box{position:relative;width:800px;margin:0 auto;} .ceo-pages-apply-box .loginForm{text-align:center;} .ceo-pages-apply-box .loginForm .ceo-width{max-width:100%;width:100%;border-radius:4px;height:139px;border:0 none;margin-bottom:20px;padding:10px 10px;background:#fff;color:#666;border:1px solid #e5e5e5;transition:0.2s ease-in-out;transition-property:color,background-color,border;} .ceo_apple_is i{transform:translateY(18%);display:inline-block;font-size:41px;color:#bdbdbd;margin-right:5px;} .ceo-pages-apply-box .loginForm input[type="text"],.ceo-pages-apply-box .loginForm input[type="password"],.ceo-pages-apply-box .loginForm input[type="button"]{line-height:45px;border:none;width:100%;font-size:12px;-webkit-appearance:none;border-radius:0;cursor:pointer;} .ceo-pages-apply-box .loginForm input[type="text"]{background-repeat:no-repeat;background-size:15px;background-position:5px 3px;border:1px solid #e5e5e5;border-radius:4px!important;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;font-variant:tabular-nums;list-style:none;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum","tnum";position:relative;display:inline-block;width:100%;height:45px;padding:0px 80px 0px 11px;color:#fff;font-size:14px;line-height:45px;background-color:#fff0;background-image:none;margin:10px 0 20px 0;} .ceo-pages-apply-box .loginForm input:focus{outline:none;} .ceo-pages-apply-box .loginForm input::-webkit-input-placeholder{color:#d4e7ff;} .ceo-pages-apply-box .loginForm input::-moz-placeholder{color:#d4e7ff;} .ceo-pages-apply-box .loginForm input:-moz-placeholder{color:#d4e7ff;} .ceo-pages-apply-box .loginForm input:-ms-input-placeholder{color:#d4e7ff;} .ceo-pages-apply-box .loginForm .userLogo{background-size:18px!important;} .ceo-pages-apply-box .loginForm input[type="password"]{padding:8px 0px 8px 30px;background-repeat:no-repeat;background-size:18px;background-position:5px 3px;} .ceo-pages-apply-box .loginForm .codeDiv{width:230px;margin:0px auto 20px auto;border-bottom:1px solid rgb(215,215,215);} .ceo-pages-apply-box .loginForm .codeDiv input[type="text"]{margin:0px;border:none;} .ceo-pages-apply-box .loginForm input[type="button"]{border-radius:4px;color:var(--primary-color);background:#fff;box-shadow:0 12px 30px 0 rgba(34,84,244,.2);font-size:14px;width:200px;} .ceo-pages-apply-box .otherBtn{font-size:12px;text-align:center;} .ceo-pages-apply-box .otherBtn em{margin-left:80px;} .ceo-pages-apply-box .otherBtn .findPwd{color:rgb(153,153,153);} .c-otherLogin{width:100%;margin-top:100px;margin:100px 0px 40px 0px;text-align:center;} .c-otherLogin h1{color:rgb(153,153,153);font-size:15px;margin-bottom:20px;} .c-otherLogin .otherLogin{width:35px;height:35px;border:1px solid rgb(215,215,215);display:inline-block;margin-right:40px;border-radius:50%;position:relative;} .c-otherLogin .otherLogin:last-child{margin-right:0px;} .c-otherLogin .otherLogin img{width:26px;position:absolute;top:50%;left:50%;margin-top:-10px;margin-left:-13px;} .ceo-pages-apply-box .loginForm .codeImg{width:75px;vertical-align:middle;} .ceo-pages-apply-box .loginForm .codeText{} .ceo-pages-apply-box .loginForm .codeBtn{} .ceo-pages-apply-box .loginForm .inputfile{width:120px !important;} .ceo-apply-sfz{} .ceo-apply-sfzimg{position:relative!important;} .applybat{position:absolute!important;max-width:60px;right:9px;top:26%;line-height:24px!important;font-size:12px!important;} .extra-info{font-size:12px;color:#fff;text-align:center;margin-top:20px;} #fileyfz1,#fileyfz2{display:none;} /* 弹窗样式 */ .checkInputSuccessTip{width:100%;position:fixed;display:none;top:30%;text-align:center;} .checkInputSuccessTip span{display:inline-block;background-color:rgba(169,251,192,0.5);font-size:15px;color:green;padding:6px 15px;border-radius:10px;} .checkInputFallTip{width:100%;position:fixed;display:none;top:30%;text-align:center;} .checkInputFallTip span{display:inline-block;background-color:rgb(215,215,215);font-size:12px;color:black;padding:6px 15px;border-radius:10px;} .checkInputTipFallHover{animation:shake 0.82s cubic-bezier(.36,.07,.19,.97) both;transform:translate3d(0,0,0);backface-visibility:hidden;perspective:1000px;} @keyframes shake{10%,90%{transform:translate3d(-1px,0,0);} 20%,80%{transform:translate3d(2px,0,0);} 30%,50%,70%{transform:translate3d(-4px,0,0);} 40%,60%{transform:translate3d(4px,0,0);} } .apply-login{} .apply-login a{border-radius:4px;color:var(--primary-color);background:#fff;box-shadow:0 12px 30px 0 rgba(34,84,244,.2);font-size:14px;width:200px;line-height:45px;padding:1px 6px;display:inline-block;} /* * ------------------------------------------------------------------------------ * 关注私信 * ------------------------------------------------------------------------------ */ .ceo-gzsxbtn-box{padding:0 20px;} .ceo-gzbtn{font-family:Microsoft yahei;color:#fff!important;outline:0;-webkit-transition:all .1s ease-out 0s;-o-transition:all .1s ease-out 0s;transition:all .1s ease-out 0s;font-weight:400;font-size:13px;line-height:33px;width:100%;border-radius:3px;display:block;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background:#4775FF;border:1px solid #4775FF;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-transform:none;overflow:visible;} .ceo-gzbtn:hover{opacity:.8;} .ceo-gzbtn i{margin-right:3px;font-size:18px!important;display:inline-block;} .ceo-sxbtn{font-family:Microsoft yahei;color:#333!important;outline:0;-webkit-transition:all .1s ease-out 0s;-o-transition:all .1s ease-out 0s;transition:all .1s ease-out 0s;font-weight:400;font-size:13px;line-height:33px;width:100%;border-radius:3px;display:block;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;border:1px solid #eee;background:#f5f7fd;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-transform:none;overflow:visible;} .ceo-sxbtn:hover{opacity:.8;} .ceo-sxbtn i{margin-right:3px;font-size:18px!important;display:inline-block;transform:translateY(1px);} .ceo-gzsxbtns{color:#fff!important;outline:0;-webkit-transition:all .1s ease-out 0s;-o-transition:all .1s ease-out 0s;transition:all .1s ease-out 0s;font-weight:400;padding:6px 15px;font-size:12px;line-height:14px;border-radius:3px;display:inline-block;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background:var(--primary-color);border:0px solid #fff;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-transform:none;overflow:visible;} .close{margin:0;float:right;font-size:18px;line-height:1;color:#828282;opacity:.8;} .close:hover{color:var(--primary-color);} .modal,.modal-open{overflow:hidden} .modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;z-index:1050;-webkit-overflow-scrolling:touch;outline:0} .modal.fade .modal-dialog{-webkit-transform:translateY(-25%);-ms-transform:translateY(-25%);transform:translateY(-25%);-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;-o-transition:transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out} .modal.in .modal-dialog{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)} .modal-open .modal{overflow-x:hidden;overflow-y:auto} .modal-dialog{position:relative;display:inline-block;width:auto;margin-top:15vh;text-align:left} @media (max-width:767px){.modal-dialog{width:92%} } .modal-content{position:relative;background-color:#fff;border-radius:4px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);box-shadow:0 1px 3px rgba(0,0,0,.3);background-clip:padding-box;outline:0} .modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000} .modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)} .modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)} .modal-header{padding:15px 15px 10px} .modal-header .close{display:inline-block;transform:translateY(-2px);} .modal-header .close i{font-size:16px!important;} .modal-header:after,.modal-header:before{content:" ";display:table} .modal-header:after{clear:both} .modal-title{margin:0;font-size:18px;color:#333;font-weight:400;line-height:1} .modal-body{position:relative;padding:15px;color:#606266} .modal-footer{padding:10px 15px 15px;text-align:right} .modal-footer .btn{margin-left:10px;color:var(--primary-color)!important;outline:0;-webkit-transition:all .1s ease-out 0s;-o-transition:all .1s ease-out 0s;transition:all .1s ease-out 0s;font-weight:400;padding:6px 15px;font-size:12px;line-height:14px;border-radius:3px;display:inline-block;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;border:1px solid var(--primary-color);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-transform:none;overflow:visible;} .modal-footer:after,.modal-footer:before{content:" ";display:table} .modal-footer:after{clear:both} .modal-footer .btn+.btn{margin-left:5px;margin-bottom:0} .modal-footer .btn-group .btn+.btn{margin-left:-1px} .modal-footer .btn-block+.btn-block{margin-left:0} .modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll} @media (min-width:768px){.modal-dialog{width:600px} .modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)} .modal-sm{width:420px} } @media (min-width:992px){.modal-lg{width:900px} } /*私信弹窗*/ .modal-message .modal-dialog{width:720px;} .modal-message .modal-title,.user-card-wrap{text-align:center;} .modal-message .modal-body{padding:0;} .modal-message .modal-message-list{padding-left:18px;padding-right:18px;height:365px;overflow-y:scroll;} .modal-message .message-sender{text-align:right;} .modal-message .modal-message-item{margin:20px 0;} .modal-message .modal-message-time{padding-top:10px;height:16px;padding-bottom:20px;font-size:12px;text-align:center;color:#999;line-height:16px;-webkit-box-sizing:content-box;box-sizing:content-box;} .modal-message .modal-message-inner{overflow:hidden;} .modal-message .modal-message-status{display:inline-block;vertical-align:middle;width:30px;height:30px;line-height:30px;text-align:center;} .modal-message .message-sender .modal-message-content{margin-right:14px;margin-left:8px;text-align:left;} .modal-message .modal-message-content{position:relative;display:inline-block;max-width:400px;min-height:40px;margin-right:8px;margin-left:14px;font-size:14px;line-height:20px;padding:10px 12px;background:#f3f3f3;color:#444;vertical-align:middle;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:pre-wrap;word-break:break-all;letter-spacing:.1px;border-radius:5px;} .modal-message .message-sender .modal-message-content:before{left:auto;right:-15px;border:8px solid transparent;border-left-color:#f3f3f3;} .modal-message .modal-message-content:before{position:absolute;left:-15px;top:12px;width:0;height:0;border:8px solid transparent;border-right-color:#f3f3f3;content:"";} .modal-message .modal-message-content .message-text{-webkit-box-sizing:border-box;box-sizing:border-box;min-width:0;margin:0;} .modal-message .modal-message-avatar,.user-card-loading img{display:inline-block;width:40px;height:40px;vertical-align:top;} .modal-message .modal-message-avatar img{display:block;width:40px;height:40px;border-radius:50%;overflow:hidden;} .modal-message .modal-message-editor{position:relative;padding:10px 0;border-top:1px solid #efefef;text-align:right;} .modal-message .modal-message-editor .modal-message-smile{left:12px;top:4px;right:auto;bottom:auto;} .comment-form-smile,.modal-message-smile{position:absolute;right:12px;bottom:8px;z-index:9;width:28px;text-align:center;font-size:26px;line-height:28px;color:rgba(130,130,130,.7);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} .modal-message .modal-message-text{display:block;padding:10px 15px;margin-bottom:10px;width:100%;height:90px;text-align:left;border:0;resize:none;background:0 0;color:#444;font-size:14px;line-height:20px;font-family:inherit;font-weight:inherit;overflow:hidden;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;} .modal-message .modal-message-send{padding:0 15px;color:#999;line-height:32px;} .modal-message .modal-message-send .btn-message{padding:7px 18px;margin:0 0 0 15px;vertical-align:top;font-weight:400;border:1px solid #dcdfe6;white-space:nowrap;font-size:14px;line-height:16px;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;text-align:center;outline:0;color:#fff!important;background:var(--primary-color);} .modal-message .modal-message-send .btn-message:hover{opacity:.8;} .modal-message-send .btn.disabled,.modal-message-send .btn[disabled],.modal-message-send fieldset[disabled] .btn{cursor:not-allowed;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;} @media (max-width:900px){.modal-message .modal-dialog{width:90%;padding-left:15px;padding-right:15px;} .modal-message .modal-message-list{height:300px;} .modal-message .modal-message-text{height:80px;} } /*用户中心关注*/ .ceo-profile-main{padding:20px;} .profile-tab{margin-bottom:20px;font-size:0;text-align:center;} .ceo-profile .profile-tab-item:hover{background:var(--primary-color);color:#fff!important;border:1px solid var(--primary-color);} .ceo-profile .profile-tab-item.active{position:relative;color:var(--primary-color);border-color:var(--primary-color);} .ceo-profile .profile-tab-item:first-child{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px;} .ceo-profile .profile-tab-item:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px;} .ceo-profile .profile-tab-item{display:inline-block;padding:0 35px;margin:0 0 0 -1px;line-height:34px;font-size:14px;font-weight:500;color:#262626;border:1px solid #dcdfe6;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} .profile-no-content{text-align:center;} .user-stats-item b,.user-stats-item span,.ceo-profile .profile-tab-content.active,.ceo-profile-main .profile-posts-list .item:hover .edit-link{display:block;} .ceo-profile .profile-tab-content,.ceo-profile .profile-tab-item:hover:after{display:none;} .ceo-profile .follow-item{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid rgba(239,239,239,.8);-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;} .ceo-profile .follow-item:last-child{border-bottom:0px solid rgba(239,239,239,.8)!important;padding-bottom:0px;margin-bottom:0px;} .ceo-profile .follow-item .follow-item-avatar a{display:block;width:50px;height:50px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;} .ceo-profile .follow-item .follow-item-avatar img{display:block;width:100%;height:100%;border-radius:50%;} .modules-image .modules-image-inner>a>img,.ceo-profile .follow-item .follow-item-text{width:100%;} .ceo-profile .follow-item .follow-item-text .follow-item-name{margin:0 0 8px;padding:0;border:0;font-size:16px;font-weight:500;line-height:22px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;} .ceo-profile .follow-item .follow-item-text .follow-item-name a{color:#333;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;} .ceo-profile .follow-item .follow-item-text .follow-item-desc{color:#5a5a5a;font-size:14px;line-height:22px;} .ceo-profile .follow-item .follow-item-action{width:190px;vertical-align:middle;text-align:right;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;} .ceo-profile .follow-item .follow-item-action button:last-child{margin-right:0;} .follow-item .follow-item-btns{margin-top:8px;} .follow-item .follow-item-btns button{width:100px;} /* * ------------------------------------------------------------------------------ * 海报 * ------------------------------------------------------------------------------ */ .mobile-share-bg{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99999;background:rgba(0,0,0,.5);} .mobile-share-wrap{position:fixed;width:100%;height:60%;left:0;top:60px;z-index:100000;text-align:center} .mobile-share-wrap img{position:relative;max-height:100%;max-width:96%;width:auto;display:block;margin:0 auto;border-radius:6px;} .mobile-share-wrap .loading{display:inline-block;padding:15px 25px;text-align:center;font-size:14px;margin-top:40%;line-height:20px;color:#666;background:#fff;border-radius:3px} .mobile-share-wrap .loading img{display:block;width:30px;height:30px;margin-bottom:10px} @media (max-width:900px){.mobile-share-bg .top_tips{display:block;z-index:9;height:32px;line-height:32px;font-size:14px;background:rgba(255,235,155,.95);color:#a65018;position:fixed;width:100%;left:0;top:0;text-align:center;} .mobile-share-wrap img{max-width:90%;} } @media (min-width:901px){.mobile-share-wrap .loading{padding:15px 30px;margin-top:50px} .mobile-share-bg .top_tips{display:none!important;} } .mobile-share-wrap .mobile-share-close{position:relative;display:inline-block;margin-top:-20px;width:40px;height:40px;font-size:20px;line-height:40px;font-weight:300;color:#333;border-radius:50%;background:#fefefe;text-align:center;vertical-align:top;font-family:serif;-webkit-box-shadow:0 0 1px 0 rgba(0,0,0,.2);box-shadow:0 0 1px 0 rgba(0,0,0,.2);cursor:pointer;} /* * ------------------------------------------------------------------------------ * 加载 * ------------------------------------------------------------------------------ */ .ajaxBtnIndex{} .ajaxBtnIndex a{display:inline-block;width:140px;margin:0 auto;text-align:center;background:var(--primary-color);box-shadow:0 3px 10px -6px var(--primary-color);color:#fff!important;padding:8px 0;border-radius:4px;font-size:14px;transition:all .3s;} .ajaxBtnIndex a:hover{opacity:.8;} @media screen and (max-width:600px){main .index-slide{width:100%;} .index-slide .ceo-gundong{margin-left:10px;} .index-slide-left,.index-slide-left .ceo-imgcon{width:100%;} .index-slide-left .ceo-card-default{width:50%;} .index-slide-left .ceo-news-mk{display:none;} } /* * ------------------------------------------------------------------------------ * 手机端 * ------------------------------------------------------------------------------ */ /*手机中部菜单*/ .ceo-app-icobox{padding:30px 0;} .ceo-app-icobox a{display:block;text-align:center;} .ceo-app-icobox a img{height:35px;} .ceo-app-icobox a p{font-size:12px;margin-top:6px;color:#666;} /*手机底部菜单*/ .ceo-app-footer-fixed{position:fixed!important;bottom:0;left:0;} .ceo-app-footer{width:100%;position:relative;z-index:999;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:8px 0;background:#fefefe;border-top:1px solid var(--border-color)!important;} .ceo-app-footer a{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#666;position:relative;} .ceo-app-footer a .icon{color:#666;} .ceo-app-footer a .icon i{color:#666;font-size:16px!important;} .ceo-app-footer a .text{display:inline-block;font-size:0.65rem;color:#666;padding-top:2px;} .ceo-app-footer a.cat .icon i{display:block;background:linear-gradient(270deg,#13adff,#406dff);color:#fff!important;border-radius:50%;padding:10px;margin-top:-23px;margin-bottom:6px;font-size:20px !important;} /*手机全局适应*/ @media (max-width:768px){.ceo-imgtext{padding-left:0;margin-left:0;} #ahov3{margin-left:-10px;} } /*手机优化*/ @media screen and (max-width:800px){.gotop{display:none!important;} .ceo-single-url{display:none!important;} } @media screen and (max-width:900px){.ceo_app_navbar{box-shadow:0 5px 15px rgba(72,125,178,0.1);z-index:998;height:60px;line-height:60px;} .ceo_app_navbar .ceo-users-l{background:var(--primary-color);border-radius:50px;margin-right:0px;font-size:12px;border:0px solid #fff;} .ceo_app_navbar .logo img{height:30px;} .ceo_app_navbar .navbar-user a img{height:30px;width:30px;} .ceo_app_navbar .navbar-user .ceo-margin-left{margin-left:5px !important;} .ceo_app_navbar .search a{font-size:13px;color:#333 !important;} .ceo_app_navbar .search input{min-width:200px;} .ceo_app_navbar .search .ceo-navbar-search-a i{margin-right:10px;margin-left:20px;} .ceo-search-box{padding:30px 0;} .ceo-home-bg{padding-top:20px;height:200px;max-height:200px;margin-bottom:-200px;} .wp{width:100%;} .blog .item .title{margin-bottom:10px;font-size:13px;height:38px;max-height:38px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box !important;-webkit-line-clamp:2;line-clamp:2 !important;-webkit-box-orient:vertical;white-space:inherit;} .blog .item .thumb{width:100px;height:66px;} .blog .item{padding:15px;} .blog .item .title .ceo-title-dd{margin-top:1px;height:14px;line-height:14px;} .blog .item .thumb img{max-width:none;} .simple .item .title{font-size:14px;} .slide_03{height:380px;} .slide_03 img{height:100%;min-width:100%;max-width:none;width:auto;} .slide_03 .slide_text{font-size:20px;} .slide_03 .search input{height:40px;} .slide_03 .search button{height:40px;} .navBar_02{padding:0 15px;} .navBar_02 .topNav ul{max-width:200px;} .navBar_02 .nav>ul{white-space:nowrap;overflow-x:overlay;} .navBar_02 .nav>ul::-webkit-scrollbar{width:10px;height:0px;background-color:#fff;} .navBar_02 .nav>ul::-webkit-scrollbar-track{background-color:#fff;} .navBar_02 .nav>ul::-webkit-scrollbar-thumb{background-color:var(--primary-color);} .page-login{margin:6% 15px;} .user-nav li{display:inline-block;margin-right:20px;} .user-nav li a{color:#666;font-size:14px;} .user-nav{padding:0 15px;white-space:nowrap;overflow-x:scroll;} .user-nav::-webkit-scrollbar{width:10px;height:0;background-color:#fff;} .user-comment{padding:15px;} .user-question{padding:15px;} .user-comment-item{overflow:hidden;} .home-modal-main{width:90%;margin:40px auto 0 auto;} .home-modal-btn{padding:6px 20px;font-size:13px;} .recommendCat .item{height:100px;} .module-title .cat-nav a{margin-left:10px;} .single-card{padding:5px;} .single-card .thumb{width:62px;height:38px;margin-right:10px!important;border-radius:3px!important;} .single-card .title{font-size:13px;font-weight:normal!important;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;height:36px;} .single-card .views{border-radius:3px!important;font-size:12px;padding:3px 6px!important;margin-left:10px!important;} footer{padding:0px 0 60px 0!important} .ceo-button{padding:0 8px;width:100%;line-height:30px;} .kapian-card-item-mk a.thumb{height:68px;} .shop .item .thumb{height:160px;} .ceo-footer-banner{height:200px;} .ceo-footer-banner-box{padding:0;} .ceo-footer-banner-box h2{font-size:16px;} .ceo-footer-banner-box p{font-size:12px;} .ceo-footer-banner-box a{width:160px;line-height:30px;height:30px;font-size:12px;} .site-ads img{height:60px;} .ceo-apply-top-title h2{font-size:25px;} .slide_02 .slide_dotnav{margin-bottom:10px;} .card .item .thumb img{width:100%;} .ceo-archives-container h3{padding-left:20px;margin-top:20px;} .ceo-archives-container ol,.ceo-archives-container ul{padding-left:20px;padding-right:20px;} .page-about .ceo-padding{padding:20px;} .single-content p{margin-bottom:20px;font-size:14px;} .single-content{padding:20px;} blockquote{padding:30px 20px;} .ceo-single-tese{margin:1px 3px 0 0;height:20px;padding:0px 6px;font-size:12px;line-height:20px;} .single-head h1{font-size:16px;} .ceo-padding-20 .single-content{padding:0px;} .ceo-single-abstract{padding:15px;margin-bottom:20px;margin-top:0px;} .ceo-single-szcan{padding:20px 0px;} .ceo-single-szcan-dz a{font-size:12px;padding:3px 13px;} .ceo-text-pu{padding:15px;} .ceo-single-dashang-img{width:249px;margin-left:-125px;} .ceo-single-dashang-img p{width:110px;} .ceo-overlay{padding:15px;} .ceo-single-xgbox .item .thumb{height:130px;} .ceo-zcgg-img{padding:10px;} .ceo-zx-ba a{width:100%;} .module-title-index{padding:15px;list-style:none;white-space:nowrap;overflow-x:auto !important;} .module-title-index::-webkit-scrollbar{display:none;} .ceo-module-title span{font-size:14px;} .ceo-profile-main{padding:15px;} .ceo-profile .follow-item .follow-item-avatar{width:40px;} .ceo-profile .follow-item .follow-item-avatar a{width:40px;height:40px;} .ceo-profile .follow-item .follow-item-text .follow-item-name{margin:0;font-size:14px;} .ceo-profile .follow-item{display:inline-block;} .ceo-messages-box{padding:15px;} .messages-item-title h4{font-size:14px;} .messages-item-btn{margin-top:5px;} .modal-message .modal-message-content{max-width:130px;} .user-comment-content{width:initial;padding:15px;} .sitesubmit-p p{margin-left:0px;} .sitesubmit-p .ceo-button{font-size:14px;padding:6px 15px;margin-left:0px!important;margin-bottom:10px;} .user-names-ts{display:none;} .user-set .user-set-head .avatar img{height:40px;width:40px;} .user-set .user-set-head .user-names{font-size:14px;} .user-set .user-set-head .upload-avatar{width:auto;font-size:12px;} .user-set-head .upload-form span{color:#fff;font-size:12px;} .user-set .user-user-submit{padding:6px 15px;line-height:28px;} .user-content{min-height:200px;} .ceo-profile .follow-item .follow-item-action{width:auto;text-align:center;} .ceo-single-tag-s-tags a{height:23px;padding:0 6px;font-size:12px;line-height:23px;} .share a{font-size:12px;} .share a i{font-size:12px!important;} .share-post:before{display:none !important;} .share .share-post{margin-right:0px;} .ceo-single-author-d span{font-size:12px!important;} .ceo-single-author-d p{flex:1;min-width:1px;display:none !important;font-size:13px;color:#999;} .ceo-single-page{height:71px!important;} .ceo-single-page span,.ceo-single-page a{font-size:12px!important;} .module-title span{font-size:14px!important;} .comments-title span{font-size:14px;} .ceo-zx-title{font-size:14px;height:23px;} .ceo-zx-titlebox li{font-size:12px;transform:translateY(-2%);} .ajaxBtnIndex a{font-size:12px;} .ceo-sidebar-tuwen-dimg a{height:160px;} .ceo-sidebar-tuwen-dimg a img{width:100%;} .ceo-sidebar-tuwen-dimg-d{font-size:12px;line-height:18px;} .ceo-sidebar-tuwen-wen-a a{font-size:12px;} .ceo-kp1-box{padding:15px;} .ceo-kp1-title{font-size:14px;} .ceo-reyi{font-size:14px;} .ceo-relunbo{font-size:12px;} .kapian-card-item-mk h2{font-size:12px;} .foot-link{display:none;} .ceo-footdibu{padding:0;text-align:center;} .ceo-footdibu .ceo-grid .ceo-width-1-3{padding-left:20px;padding-right:inherit;float:initial;} .ceo_footer_lo img{width:auto;height:36px;} .ceo-dibu-tit{font-size:12px;} .foot-cop{display:none;} #ceo-tagscloud{width:200px;} .single-content h2{padding-left:15px;font-size:16px!important;} .single-content h2:after{height:20px;} .single-content h3{font-size:14px!important;padding-left:15px;} .single-content h3:after{top:6px;} .single-content h1{font-size:16px!important;padding:10px 10px 10px 15px;} .single-content h1:after{top:6px;} .page-menu ul{padding:0 15px;list-style:none;white-space:nowrap;overflow-x:auto !important;} .page-menu ul::-webkit-scrollbar{display:none;} .page-menu ul li{display:inline-block;margin-right:20px;padding:15px 0;text-indent:inherit;} .page-menu .current-menu-item a::after{width:0px;} .page-menu ul li a{font-size:14px;} .user-title-top{padding:15px;} .user-title-top h2{font-size:14px;} .messages-box-item-avatar{width:25px;height:25px;} .messages-box-item-avatar img{width:25px;height:25px;} .messages-item-content{padding-left:35px;} .messages-item-text{font-size:13px;} .comment-head .data{text-align:inherit;} .comment-list .children{margin-left:0;} .comment-content{padding:15px 0 0 0;} .ceo_app_navbar .ceo-margin-left.ceo-users-lore{margin-left:5px !important;} .ceo_single_shop_box_img{height:160px;width:auto;} .ceo_single_shop_box_img img{width:100%;} .ceo_single_shop_box_cos_btn .cos_btn_price_an a.z{margin-right:0px;} .ceo_single_shop_box_cos_btn .cos_btn_price_an{display:block;} .main_info_price_r{display:none;} .ceo_single_shop_box_cos_btn .cos_btn_price_an a.y{margin-top:15px;display:block;width:100%;padding:0;} .ceo_single_shop_box_cos_btn .cos_btn_price_an a.x{margin-top:15px;margin-right:0;width:100%;padding:0;} .question-box-cat{padding:15px;list-style:none;white-space:nowrap;overflow-x:auto !important;} .question-box-cat::-webkit-scrollbar{display:none;} .question-box-tab ul{list-style:none;white-space:nowrap;overflow-x:auto !important;} .question-box-tab ul::-webkit-scrollbar{display:none;} .question-box-tab ul a{font-size:13px!important;} .question-box-tab a.xz:after{display:none;} .ceo-cet-question-box .ask{height:28px;line-height:27px;padding:0 12px;margin-left:10px;} .question-box-tab{line-height:31px;} .question-box-list-loop .info a.title{font-size:15px;} .question-box-list-loop a.quantity{margin-right:15px;} .ceo-cet-question-box{padding:15px;} .question-box-list-loop .info .btns{display:none;} .ceo-pages-links .linkcat .blogroll li{width:100%;} .single-question-an .dz{margin-right:0px;} .single-question-an .zt{display:block;margin-top:20px;} .single-question-an .ceo-margin-ymd{margin-left:0px;} .single-question-head .ceo-margin-ymd{margin-left:10px;} .single-content iframe{height:100%;} .single-content .gallery-item{padding-left:0px;width:100%!important;} .single-content .gallery-item a img{height:auto!important;} .ceo-single-commodity .commodity-img a{width:100%;height:146px;} .ceo-single-commodity .commodity-info a.title{font-size:14px;max-height:44px;} .ceo-single-commodity .commodity-info a.title em{font-size:12px;} .ceo-single-commodity .commodity-info .bottom{margin-top:0px;} .ceo-single-commodity .commodity-info .bottom p{font-size:14px;} .ceo-single-commodity .commodity-info .bottom a{padding:0 15px;font-size:12px;line-height:22px;} .ceo-navbar-login{padding:20px;} .ceo-login-pages p{text-align:center;} .ceo-login-pages .bottom{text-align:center;margin-top:0px;} .ceo-navbar-login .ceo-margin-medium-top{margin-top:20px !important;} .ceo-navbar-login .ceo-login-title a img{height:36px;} .ceo-shopcat-vip{display:none;} .ceo-shop-category-search form{width:263px;} .ceo-shop-category-search input{height:36px;min-width:185px;} .ceo-shop-category-search button{height:36px;line-height:35px;} .ceo-shopcat-slide .ceo-slideshow-items{height:210px;} .ceo-shop-category-box{margin-top:33px;} .ceo-shop-category-search{margin-top:-63px;} .ceo-fl-icon a.hot{margin-left:10px;} .ceo-fl-icon{text-align:center;} .ceo-catnav-ss ul{list-style:none;white-space:nowrap;overflow-x:auto !important;} .ceo-catnav-ss ul::-webkit-scrollbar{display:none;} .ceo-category-shop-box ul{list-style:none;white-space:nowrap;overflow-x:auto !important;} .ceo-category-shop-box ul::-webkit-scrollbar{display:none;} .ceo-single-video{padding:10px 20px;} .ceo-single-video iframe{height:100%;} .ceo-profile .profile-tab-item{padding:0 25px;} .follow-item .follow-item-btns button{width:100%;} .follow-item .follow-item-btns{margin-top:0px;} .ceo-margin-ymds{margin-left:0px;margin-right:20px;} .ceo-shopcat-slide .ceo-icon{padding:5px 10px;} .ceo-shopcat-slide .ceo-icon svg{height:15px;width:5px;} .shop .item .thumb img{width:100%;} .ceo-category-blog-box ul{list-style:none;white-space:nowrap;overflow-x:auto !important;} .ceo-category-blog-box ul::-webkit-scrollbar{display:none;} .site-side a img{height:56px;} .ceo-pages-apply-box .loginForm input[type="text"]{margin:10px 0 10px 0;height:35px;line-height:35px;padding:0px 11px 0px 11px;font-size:14px;} .page-menu{margin-top:20px;} .slide_02 .slide_2 .ceo-slideshow-items{min-height:160px!important;} .slide_02 .slide_2{height:160px!important;overflow:hidden;} .slide_02 .slide_2 .ceo-slideshow-items{min-height:160px!important;} .slide_02 .slide_2 .ceo-slideshow-items img{height:160px!important;} .ceo-home-card{padding-bottom:40px;} .ceo-home-card .subnav{margin-bottom:30px;list-style:none;white-space:nowrap;overflow-x:auto !important;} .ceo-home-card .subnav::-webkit-scrollbar{display:none;} .ceo-home-homevip{padding:40px 0;} .ceo-home-spread{padding:40px 0;} .ceo-home-file{padding:40px 0;} .ceo-home-community{padding-bottom:40px;} .ceo-home-news{padding:40px 0;} .ceo-home-title{margin-bottom:40px;} .ceo-home-title span{font-size:18px;} .ceo-home-title p{font-size:14px;} .home-community-bg span{font-size:18px;margin-top:40px;padding:0 20px;} .home-community-bg p{font-size:14px;padding:0 20px;} .home-community-box{margin-top:-150px;} .home-community-boxitem span{margin-top:20px;font-size:18px;} .home-community-boxitem{padding:20px 0;} .home-community-list-box-btn{margin-top:20px;} .home-community-list-box-btn .z{font-size:14px;width:110px;} .home-community-list-box-btn .y{font-size:14px;width:110px;} .home-homevip2-boxmk{padding:20px;} .home-homevip2-boxmk .title span{font-size:20px;} .home-homevip2-boxmk .an .jg{font-size:20px;} .ceo-home-file-boxtop{height:150px;} .ceo-home-file-boxtop a{font-size:20px;} .home-news-boxmk .btn{width:82px;height:32px;line-height:32px;} .ceo-category-card-box ul{list-style:none;white-space:nowrap;overflow-x:auto !important;} .ceo-category-card-box ul::-webkit-scrollbar{display:none;} .ceo-app-bg{margin-bottom:20px;} .single-question-head .ceo-hs{font-size:16px;text-align:left;} .vip2-bg-title{margin-top:80px;} .vip2-bg-title h3{font-size:26px;} .vip2-bg-title ul{list-style:none;white-space:nowrap;overflow-x:auto !important;} .vip2-bg-title ul::-webkit-scrollbar{display:none;} .vip2-bg-title ul li{padding:10px;margin-right:10px;} .ceo-vip2-tc{margin-top:-426px;} .vip2-tc-box-top a{width:200px;height:45px;line-height:45px;} .vip2-tc-box-top span strong{font-size:40px;line-height:50px;} .vip2-tc-box-top span p em{display:none;} .ceo-vip2-qy{padding:40px 0;} .vip2-qy-title h2{font-size:18px;} .vip2-qy-title p{font-size:14px;} .vip2-tqyc-box{padding:20px;} .ceo-forum-statistics .ceo-forum-z{list-style:none;white-space:nowrap;overflow-x:auto !important;} .ceo-forum-statistics .ceo-forum-z::-webkit-scrollbar{display:none;} .ceo-forum-statistics .ceo-forum-y .ask{height:28px;line-height:27px;padding:0 12px;margin-left:10px;} .forum-box-cat a img{width:60px;height:60px;} .ceo-forum-catx img{width:60px;height:60px;} .forum-box-tab ul{list-style:none;white-space:nowrap;overflow-x:auto !important;} .forum-box-tab ul::-webkit-scrollbar{display:none;} .forum-box-tab a.cd{font-size:13px;} .forum-box-list-loop .info a.title{font-size:15px;} .single-forum-head .ceo-hs{font-size:16px;text-align:left;} .single-forum-head .zt{display:none;} .single-question-head .zt{display:none;} .single-forum-head .ceo-margin-ymd{margin-left:10px;} .ceo-pages-apply-top{height:160px;} .web-top{margin-top:-98px;} .web-top-title{font-size:22px;margin-bottom:90px;} .web-qa{padding:40px 0;} .web-qa-title{font-size:18px;margin-bottom:40px;} .ceo-pages-apply-box{width:280px;} .ceo-pages-apply{margin-top:0px;} .web-apply-title{font-size:18px;margin-bottom:40px;} .ceo-pages-apply-box .loginForm input[type="button"]{line-height:35px;} .ceo-archives-item{padding:0px;} .single-post-info .ceo-margin-ymd{margin-left:10px;} .single-post-wen .ceo-hs{font-size:16px;text-align:left;} .user-shopan{font-size:12px;padding:0px 12px;height:28px;line-height:27px;margin-left:10px;} .ceo-action-userzx{margin-top:38px!important;} .ceo-action-userzx .ceo-hs{text-align:left;font-size:18px;} .ceo-action-userzx p{font-size:12px;} .ceo-action-userzx .mc{margin-top:15px;} .ceo-author-bg{height:150px;} .ceo-shop-single{padding-bottom:50px;} .ceo-shop-single-z{width:100%;} .ceo-shop-single-box{margin-top:60px;} .shop-single-z-title h1{font-size:26px;} .shop-single-z-title p{font-size:14px;} .shop-single-z-title{margin-bottom:20px;} .shop-single-z-price{margin-bottom:20px;} .shop-single-z-btn .btn1{font-size:15px;height:40px;line-height:40px;} .shop-single-z-btn .btn2{font-size:15px;height:40px;line-height:40px;} .shop-single-z-btn .btn3{font-size:12px;height:30px;line-height:30px;} .shop-single-z-btn .btn4{font-size:12px;height:30px;line-height:30px;} .shop-single-z-meta{margin-top:30px;} .shop-single-z-meta ul li{display:block;height:auto;} .shop-single-z-meta ul li span{margin-right:20px;} .ceo-shop-single-y ul.ceo-slideshow-items{height:300px;} .ceo-shop-single-y ul.ceo-slideshow-items li{height:300px;} .ceo-shop-single-y ul.ceo-slideshow-items li img{height:auto;} .ceo-shop1-quickbox{list-style:none;white-space:nowrap;overflow-x:auto !important;} .ceo-shop1-quickbox::-webkit-scrollbar{display:none;} .ceo-shop1-quick a{margin-right:30px;font-size:14px;} .ceo-shop1-introduce{margin-bottom:40px;padding-top:40px;} .ceo-shop1-mktitle{text-align:center;margin-bottom:40px!important;} .ceo-shop1-mktitle span{font-size:18px;} .ceo-shop1-mktitle p{font-size:14px;} .ceo-shop1-morebox li{font-size:14px;} .ceo-shop1-more{padding:40px 0;} .ceo-shop1-service{padding:40px 0;} .ceo-shop1-servicebox a.btnsq{margin:40px auto 0 auto;} .ceo-shop1-update{margin:40px 0;} .ceo-shop1-updatebox{padding:10px;height:300px;} .ceo-shop1-updatebox ul li.ceo-open a{padding:15px;} .ceo-shop1-updatebox ul li.ceo-open .ceo-accordion-content{padding:15px;} .ceo-shop1-qabox .zs{font-size:20px;padding:20px 0;} .ceo-shop1-content{padding:0 10px;} .ceo-404page{height:100%;} .page404{margin-top:0px;} .login-app-btns{text-align:center;margin-top:20px;} .login-app-btns a{margin-right:20px;} .login-app-btns a:last-child{margin-right:0px;} .navbar-login-y{padding:0px;} .ceo-sidebar-slide{background-size:100% 100%;} .ceo-single-post-bg{height:180px;} .ceo-page-login{height:100%;} .page-login .login-main{margin:50px 0 50px 0;} .ceo-app-gotop{position:fixed;bottom:80px;right:10px;z-index:999;} .ceo-app-gotop a{border-radius:50px;background:#00000052;color:#fff;text-align:center;cursor:pointer;box-shadow:0 0 10px rgba(0,0,0,0.07);width:30px;height:30px;line-height:30px;} .ceo-app-gotop a i{font-size:20px!important;} } /*手机结束*/ /* * ------------------------------------------------------------------------------ * 滚动条 * ------------------------------------------------------------------------------ */::-webkit-scrollbar{width:10px;height:4px;background-color:#fff;} ::-webkit-scrollbar-track{background-color:#fff;} ::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:10px}