/*
 * CeoDocs是一款极简大气的WordPress付费素材下载主题。
 * 正版唯一购买地址：https://www.ceotheme.com/
 * CeoDocs主题官方演示站点：http://ceodocs.ceotheme.com/
 * 作者总裁QQ：110300260 （总裁）
 * CeoDocs主题是一款轻量级、且简洁大气、付费素材下载类型主题，定位于办公素材行业，当然也适用于各类素材网站，同时也适用于网页素材网页特效下载网站等。
 * CeoTheme总裁主题制作的CeoDocs主题正版用户可享受该主题不限制域名，不限制数量，无限授权，仅限本人享有此特权，外泄主题包将取消授权资格！
 * 开发者不易，感谢支持，在线客户服务+技术支持为您服务。
 */



/*
 * ------------------------------------------------------------------------------
 * CeoDocs主题基础样式
 * ------------------------------------------------------------------------------
 */
* {
	word-wrap: break-word;
}
#ceotheme {
	background: #fff;
}
:root {
	--border-color: #f2f6fc;
}
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: #1b2337;
	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-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;
}
.z {
	float: left;
}
.y {
	float: right;
}
hr {
	display: block;
	clear: both;
	*margin-top: -8px !important;
	*margin-bottom: -8px !important;
}
.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 4px 10px rgba(0,0,0,.08);
	box-shadow: 0 4px 10px rgba(0,0,0,.08);
	-webkit-transform: translateY(-3px);
	-ms-transform: translateY(-3px);
	transform: translateY(-3px);
}
.wp {
	width: 920px;
}
/*
 * ------------------------------------------------------------------------------
 * 弹窗注册登录
 * ------------------------------------------------------------------------------
 */
.ceo-navbar-login{
    
}
.ceo-navbar-login .ceo-modal-dialog{
    width: 750px;
    padding: 0;
    background: rgb(255 255 255 / 0%);
}
.ceo-navbar-login .ceo-modal-close{
    top: 20px;
    right: 20px;
}
.ceo-navbar-login .left{
}
.ceo-navbar-login .left .ceo-slideshow-items{
    /*min-height: 639px!important;*/
    border-radius: 8px 0px 0px 8px;
}
.ceo-navbar-login .left .ceo-slideshow-items li a{
    height: 100%;
    background-size: cover;
    background-position: 50% 0%;
    background-repeat: no-repeat;
    border-radius: 8px 0px 0px 8px;
}
.ceo-navbar-login .left .ceo-slideshow-nav{
    margin-top: -30px;
    position: relative;
}
.ceo-navbar-login .left .ceo-slideshow-nav a{
    background-color: rgb(255 255 255 / 50%);
    border: 1px solid rgb(255 255 255 / 0%);
}
.ceo-navbar-login .left .ceo-slideshow-nav .ceo-active a {
    background-color: rgb(255 255 255);
    border-color: transparent;
}
.ceo-navbar-login .right{
    padding: 30px;
    border-radius: 8px 8px 0px 0px;
}
.ceo-navbar-login .right form{
    
}
.ceo-navbar-login .right form .title{
    font-size: 20px;
    color: rgb(0 0 0 / 80%);
    font-weight: 600;
    margin-bottom: 30px;
}
.ceo-navbar-login .right form .ceo-inline{
    
}
.ceo-navbar-login .right form .ceo-inline span{
    
}
.ceo-navbar-login .right form .ceo-inline span i{
    font-size: 23px!important;
    color: #ccc;
}
.ceo-navbar-login .right form .ceo-inline input{
    height: 45px;
}
.ceo-navbar-login .right form .login-button{
    padding: 6px;
    background: var(--primary-color);
    color: #fff;
    font-size: 15px;
}
.ceo-navbar-login .right form .login-button:hover{
    opacity: .8;
}
.ceo-navbar-login .right form .desc{
    color: #999;
}
.ceo-navbar-login .right form .desc a{
    color: var(--primary-color);
}
.ceo-navbar-login .right form .desc .forget{
    color: #999;
}
.ceo-navbar-login .right form .desc .forget:hover{
    color: var(--primary-color)!important;
}
.ceo-navbar-login .right .socialize{
    text-align: center;
    margin-top: 30px;
}
.ceo-navbar-login .right .socialize .title{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    padding-bottom: 24px;
    box-sizing: border-box;
}
.ceo-navbar-login .right .socialize .title em{
    width: 30px;
    height: 1px;
    background-color: #eee;
}
.ceo-navbar-login .right .socialize .title span{
    font-size: 12px;
    width: 102px;
    color: rgba(0,0,0,.4);
}
.ceo-navbar-login .right .socialize .type{
    
}
.ceo-navbar-login .right .socialize .type a{
    background: #f8f8fb;
    width: 48px;
    height: 48px;
    line-height: 50px;
    display: inline-block;
    border-radius: 50px;
    text-align: center;
    margin-right: 15px;
}
.ceo-navbar-login .right .socialize .type a:last-child{
    margin-right: 0;
}
.ceo-navbar-login .right .socialize .type a i{
    font-size: 22px!important;
}
.ceo-navbar-login .right .socialize .type a.ceo_qq_login{
    color: #26a5fe;
}
.ceo-navbar-login .right .socialize .type a.ceo_weixin_login{
    color: #00ca5a;
}
.ceo-navbar-login .right .socialize .type a.ceo_weibo_login{
    color: #ff8200;
}
.ceo-navbar-login .bottom{
    color: #8693ab;
    background: #f8f8fb;
    padding: 15px 30px;
    font-size: 12px;
    border-radius: 0px 0px 8px 8px;
}
.ceo-navbar-login .bottom a{
    margin-left: 5px;
    color: var(--primary-color);
}
.ceo-navbar-login .agreen{
    display: flex;
    align-items: center;
}
.ceo-navbar-login .agreen input{
    margin-right: 10px;
    cursor: pointer;
}
/*微信扫码关注登录*/
.login-weixin{

}
.login-weixin .login-weixin-img{
    margin-top: -20px !important;
}
.login-weixin .login-weixin-p{
    text-align: center;
    display: block;
    background: #13c07e26;
    padding: 10px 0;
    color: #13c07e;
    border-radius: 4px;
}
/*手机注册登陆*/
.go-captcha_mobile {
    border: 1px solid #e5e5e5!important;
    background: #f7f8f9;
    font-size: 14px!important;
    padding: 0px;
    line-height: 43px !important;
}
/*
 * ------------------------------------------------------------------------------
 * 顶部用户中心
 * ------------------------------------------------------------------------------
 */
.default-avatar {
    background: #e9e9e9;
}
.navbar-user a img{
    padding: 3px;
    background-color: rgb(33 93 255 / 8%);
    border-radius: 50px;
    width: 38px;
    height: 38px;
}
.navbar-user:hover .dropdown {
    display: block;
}
.navbar-user .dropdown {
    display: none;
    max-width: none;
    width: 350px;
    min-height: 200px;
    z-index: 999;
    padding-top: 30px;
    position: absolute;
    top: 24px;
    right: 0;
}
.navBar_02 .navbar-user .dropdown{
    padding-top: 36px;
}
.navbar-user .dropdown .role {
    background: var(--shallow-color);
    color: var(--primary-color);
    font-size: 12px;
    padding: 2px 8px;
    border-radius: 3px;
    margin-top: -1px;
    display: inline-block;
    height: 20px;
    line-height: 20px;
}
.navbar-user .dropdown .user-warp .user-name {
    color: #333;
    margin-right: 5px;
    font-size: 16px;
}
.navbar-user .dropdown .user-menu {
    
}
.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 .user-menu a i{
    color: var(--primary-color);
    background: var(--shallow-color);
    display: block;
    border-radius: 50px;
    font-size: 23px !important;
    width: 46px;
    height: 46px;
    line-height: 46px;
    margin: 0 auto 5px auto;
    transition: all .3s;
}
.navbar-user .dropdown .user-menu a:hover i{
    background: var(--shallow-color);
}
.navbar-user .boxs{
    border-radius: 6px;
    box-shadow: 0px 3px 9px 0px rgba(205, 205, 205, 0.46);
}
.navbar-user .dropdown-box{
    background: #f7f9fe;
    padding: 20px;
    border-radius: 6px 6px 0px 0px;
    position: relative !important;
}
.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{
    width: 45px;
    height: 45px;
    padding: 4px;
    background: var(--shallow-color);
    border-radius: 50px;
}
.navbar-user .ceo-czgr{
    padding-top: 20px;
}
.navbar-user .ceo-czgr a{
    border-radius: 4px;
    box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 5%);
    padding: 15px;
    display: block;
    background: #fff;
}
.navbar-user .ceo-czgr a:hover{
    box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 10%);
}
.navbar-user .ceo-czgr a i{
    font-size: 16px!important;
    transform: translateY(0px);
    background: var(--primary-color);
    line-height: 1;
    border-radius: 50px;
    color: #fff;
    padding: 5px;
    margin-right: 10px;
    font-weight: 400;
}
.navbar-user .ceo-scxx{
    margin-top: 15px;
}
.navbar-user .ceo-scxx .ceo-scxx-user-vip{
    background: url(../../static/images/ceo-scxx-user-vip.png) center no-repeat;
    padding: 15px;
    font-size: 15px;
    color: #85541c;
    height: 45px;
    background-size: 100% 100% !important;
    display: block;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}
.navbar-user .ceo-scxx .ceo-scxx-user-vip a{
    float: right;
    background-image: linear-gradient(-135deg,#e2aa62,#ffd298);
    color: #673416;
    border-radius: 4px;
    padding: 0 20px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    margin-top: 9px;
    font-size: 14px;
}
.navbar-user .ceo-scxx .ceo-scxx-user-vip a:hover{
    background-image: linear-gradient(-135deg,#ffd298,#e2aa62);
}
.navbar-user .ceo-scxx .ceo-scxx-user-vip p{
    margin-top: 5px;
    color: #85541c;
    font-size: 12px;
}
/**/
.ceo-dropdown{
    width: 100% !important;
    min-height: 60px !important;
}
.navbar-user .dropdown .userbottom{
    padding: 20px;
    border-radius: 0px 0px 6px 6px;
}
.navbar-user .dropdown .admin{
    margin-top: 20px;
    text-align: center;
    display: block;
    background: var(--primary-color);
    color: #fff !important;
    padding: 15px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
}
.navbar-user .dropdown .admin i{
    margin-right: 3px;
    font-size: 16px!important;
    line-height: 1;
	animation: myMove1 2s ease-in infinite alternate;
	-webkit-animation: myMove1 2s ease-in infinite alternate;
}
@keyframes myMove1 {
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}

@-webkit-keyframes myMove1 {
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}
/*
 * ------------------------------------------------------------------------------
 * 顶部导航条整体样式
 * ------------------------------------------------------------------------------
 */
.huo{
    
}
.new{
    
}
.ceo-users-lore{
    margin-left: 10px;
    display: inline-block;
}
.ceo-users-lore a{
    display: inline-block;
    position: relative;
    width: 110px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold;
    margin-right: 0px;
    height: 36px;
    line-height: 36px;
    text-align: left;
    color: #fff;
    background: var(--primary-color);
}
.ceo-users-lore a span{
    padding-left: 32px;
}
.ceo-users-lore a i{
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 45px;
    background-color: #f45ca4;
    color: #fff;
    line-height: 38px;
    text-align: center;
    border-radius: 4px;
    width: 188px;
    font-weight: 400;
    height: 34px;
    display: inline-block;
    background: url(../../static/images/ceo-users-lore.png) no-repeat 50%/100%;
    vertical-align: middle;
    -webkit-animation: bounce-down-data-v-2d3b1a5e 1.5s linear infinite;
    animation: bounce-down-data-v-2d3b1a5e 1.5s linear infinite;
}
.ceo-users-lore a:before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border: 1px solid #fff;
    border-radius: 100%;
    top: 13px;
    left: 12px;
    position: absolute;
    transition: all 0.25s cubic-bezier(0.77, 0.01, 0.32, 1.65);
}
.ceo-users-lore a:after {
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    top: 10px;
    left: 16px;
    background: #fff;
    border-radius: 100%;
    left: 15px !important;
    position: absolute;
    transition: all 0.25s cubic-bezier(0.77, 0.01, 0.32, 1.65);
}
.ceo-users-lore a:hover::before, .ceo-users-lore a:hover::after {
    top: 50% !important;
    transform: translateY(-50%) !important;
}
@-webkit-keyframes bounce-down-data-v-2d3b1a5e{25%{transform:translateY(-3px)}50%,to{transform:translateY(0)}75%{transform:translateY(3px)}}@keyframes bounce-down-data-v-2d3b1a5e{25%{transform:translateY(-3px)}50%,to{transform:translateY(0)}75%{transform:translateY(3px)}}

header.navBar_01_s .ceo-users-lore a{
    background: #ffdb00;
    color: #202020;
}
header.navBar_01_s .ceo-users-lore a:before{
    border: 1px solid #202020;
}
header.navBar_01_s .ceo-users-lore a:after{
    background: #202020;
    
}
header.header_cus .ceo-users-lore a{
    color: #fff!important;
    background: var(--primary-color);
}
header.header_cus .ceo-users-lore a:hover{
    color: #fff!important;
}
header.header_cus .ceo-users-lore a:before{
    border: 1px solid #fff!important;
}
header.header_cus .ceo-users-lore a:after{
    background: #fff!important;
    
}
/*
 * ------------------------------------------------------------------------------
 * 顶部导航条基础样式
 * ------------------------------------------------------------------------------
 */
.navBar{
    
}
.navBar .fat{
    background: linear-gradient(to right, #6372ff 0%, #5ca9fb 100%);
    height: 5px;
}
/*
 * ------------------------------------------------------------------------------
 * 顶部导航条样式02
 * ------------------------------------------------------------------------------
 */
.navBar_02 .nav>ul>li>a {
    font-size: 15px!important;
    padding: 30px 0!important;
}
.navBar_02 .nav ul.ceo-navbar-ul li.current-menu-item a:after {
    height: 0px!important;
}
/*
 * ------------------------------------------------------------------------------
 * 顶部导航条样式01
 * ------------------------------------------------------------------------------
 */
/*导航基础*/
.navBar_01 {

}
.navBar_01_s{
    position: fixed;
	z-index: 998;
    top: 0;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.navBar_01_c{
    z-index: 998;
    box-shadow: 0 6px 6px rgba(150,153,158,10%);
    background: #fff;
}
.navBar_01_c .navBar_info a,.navBar_01_c .navBar_vip a{
    color: #1b2337 !important;
}
.navBar_01_c .navBar_info a:hover,.navBar_01_c .navBar_vip a:hover{
    color: var(--primary-color) !important;
}
.navBar_01_c .navBar_delivery a{
    color: #fff;
    background: var(--primary-color);
}
.navBar_01.navBar_01_c .nav>ul>li>a{
    color: #1b2337;
}
.navBar_01.navBar_01_c .nav>ul>li>a:hover{
    color: var(--primary-color)!important;
}
.navBar_01.navBar_01_c .navBar_search .search input{
    color: #1b2337;
}
.navBar_01.navBar_01_c .navBar_search .search input:focus{
    min-width: 300px;
}
header.navBar_01_c .navBar_search .search input{
    background: #f3f4f9;
    color: #333;
}
header.navBar_01_c .navBar_search .search input:focus{
    min-width: 300px;
}
header.navBar_01_c .navBar_search .search input::-webkit-input-placeholder { /* WebKit browsers */
    color:#8693ab;
}
header.navBar_01_c .navBar_search .search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#8693ab;
}
header.navBar_01_c .navBar_search .search input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#8693ab;
}
header.navBar_01_c .navBar_search .search input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#8693ab;
}
header.navBar_01_c .navBar_search .search button i{
    color: #8693ab;
}
header.navBar_01_c .navBar_search .search button:hover{
    background: var(--primary-color);
}
header.navBar_01_c .navBar_search .search button:hover i{
    color: #fff;
}

header.header_cus {
    background: #fff;
    box-shadow: 0 6px 6px rgba(150,153,158,10%);
}
header.header_cus a {
    color: #1b2337 !important;
}
header.header_cus a:hover{
    color: var(--primary-color) !important;
}
header.header_cus .navBar_delivery a{
    color: #fff !important;
    background: var(--primary-color);
}
.navBar-box{
    padding: 0 30px;
}
.navBar_01 .ceo-logo{
	position: relative;
	width: 106px;
	transform: translateY(-2px);
	z-index: 998;
}
.navBar_01 .ceo-logo .logo {
    z-index: 1;
}
.navBar_01 .ceo-logo .logo img {
	height: 36px;
}
.navBar_01 .ceo-logo i.website{
    width: 288px;
    height: 108px;
     display: none; 
    background: url(../../static/images/website.png) no-repeat 50%/100%;
    position: absolute;
    left: 0;
    top: -16px;
    z-index: -1;
}
.navBar_01 .ceo-logo:hover i.website{
    display: block;
}
.navBar_01 .desc{
    position: relative;
    margin-left: 10px;
}
.navBar_01 .desc .more{
    display: block;
    height: 25px;
    line-height: 25px;
    background-color: hsla(0,0%,100%,.14);
    color: #ffffffc7;
    border: 1px solid hsla(0,0%,100%,.14);
    font-size: 12px;
    text-align: center;
    border-radius: 50px;
    padding: 0 10px;
}
.navBar_01 .desc .more:hover{
    background-color: hsla(0,0%,100%,.14);
    color: rgb(255 255 255 / 100%);
}
.navBar_01 .desc a.more i{
    margin-right: 3px;
}
header.header_cus .desc .more{
    color: #8693ab!important;
    background-color: #f3f4f9;
    border: 1px solid #f3f4f9;
}
header.header_cus .desc .more:hover{
    border: 1px solid #e8eaf3;
}
header.header_cus .desc:before{
    background-color: #e6e6e6;
}
header.navBar_01_c .desc .more{
    color: #8693ab!important;
    background-color: #f3f4f9;
    border: 1px solid #f3f4f9;
}
header.navBar_01_c .desc .more:hover{
    border: 1px solid #e8eaf3;
}
header.navBar_01_c .desc:before{
    background-color: #e6e6e6;
}
.navBar_01 .desc .box{
    position: absolute;
    padding-top: 25px;
    top: 24px;
    left: 0;
    z-index: 201;
    display: none;
}
.navBar_02 .desc .box{
    padding-top: 32px;
    top: 22px;
}
.navBar_01 .desc:hover .box{
    display: block;
}
.navBar_01 .desc .box .boxmk{
    width: 280px;
    height: 100%;
    border-radius: 4px;
    padding: 20px;
    background: #fff;
    position: relative;
    box-shadow: 0px 0px 16px 1px rgba(0, 0, 0, 0.1);
}
.navBar_01 .desc .box .boxmk .title{
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
    display: block;
    margin-bottom: 20px;
    text-align: center;
}
.navBar_01 .desc .box .boxmk ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: -20px;
}
.navBar_01 .desc .box .boxmk ul li{
    width: calc(100% * 1 / 3.001);
    box-sizing: border-box;
    max-width: 100%;
    padding-left: 20px;
    margin-bottom: 20px;
    border-radius: 4px;
}
.navBar_01 .desc .box .boxmk a{
    text-align: center;
    display: block;
    color: #768199!important;
}
.navBar_01 .desc .box .boxmk a:hover{
    color: var(--primary-color)!important;
}
.navBar_01 .desc .box .boxmk a .img{
    height: 38px;
    width: 38px;
    line-height: 38px;
    text-align: center;
    margin: 0 auto;
    border-radius: 8px;
    padding: 5px;
    border: 1px solid #f0f0f0;
}
.navBar_01 .desc .box .boxmk a .img img{
    height: 26px;
}
.navBar_01 .desc .box .boxmk a p{
    font-size: 12px;
    line-height: 20px;
    margin-top: 6px;
}
.navBar_01 .desc .box .boxmk .descx{
    background: #f9fafd;
    height: 30px;
    font-size: 12px;
    color: #bbb;
    line-height: 30px;
    text-align: center;
}
.navBar_01 .desc .box .boxmk .descx i{
    font-size: 16px!important;
    margin-right: 3px;
    color: var(--primary-color)!important;
    transform: translateY(1px);
    line-height: 1;
}
/*导航*/
.navBar_01 .nav>ul {
    margin-left: 30px;
}
.navBar_01 .nav>ul>li {
	display: inline-block;
	position: relative;
	margin-right: 30px;
}
.navBar_01.navBar_01_c .nav ul.ceo-navbar-ul li.current-menu-item a{
    color: var(--primary-color)!important;
}
.navBar_01navBar_01_s .nav ul.ceo-navbar-ul li.current-menu-item a{
    color: #fff !important;
}
.navBar_01.header_cus .nav ul.ceo-navbar-ul li.current-menu-item a{
    color: var(--primary-color)!important;
}
.navBar_01 .nav>ul>li>a {
	display: block;
    font-size: 14px;
    padding: 25px 0;
    color: #fff;
}
.navBar_01 .nav>ul>li>a:hover {
	color: var(--primary-color);
}
header.navBar_01_s .nav>ul>li>a:hover {
	color: rgb(255 255 255 / 81%);
}
.navBar_01 .nav>ul>li:hover .sub-menu {
	display: block;
}
.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 .navBar_search{
    margin-right: 30px;
}
.navBar_01 .navBar_search .search input{
    box-shadow: inset 0 0 0 0 hsla(0,0%,100%,.4);
    border: 1px solid rgb(255 255 255 / 0%)!important;
    padding: 0 46px 0 16px;
    box-sizing: border-box;
    color: #fff;
    background: hsla(0,0%,100%,.14);
    border-radius: 50px;
    min-width: 200px;
}
.navBar_01 .navBar_search .search input:focus{
    min-width: 300px;
}
.navBar_01 .navBar_search .search input::-webkit-input-placeholder { /* WebKit browsers */
color:#ffffff80;
}
.navBar_01 .navBar_search .search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:#ffffff80;
}
.navBar_01 .navBar_search .search input::-moz-placeholder { /* Mozilla Firefox 19+ */
color:#ffffff80;
}
.navBar_01 .navBar_search .search input:-ms-input-placeholder { /* Internet Explorer 10+ */
color:#ffffff80;
}
.navBar_01 .navBar_search .search button{
    border: 0;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 50px;
}
.navBar_01 .navBar_search .search button:hover{
    background: hsla(0,0%,100%,.14);
}
.navBar_01 .navBar_search .search button i{
    color: #fff;
    font-size: 16px!important;
    line-height: 1;
}
header.header_cus .navBar_search .search input{
    background: #f3f4f9;
    color: #333;
}
header.header_cus .navBar_search .search input:focus{
    min-width: 300px;
}
header.header_cus .navBar_search .search input::-webkit-input-placeholder { /* WebKit browsers */
color:#8693ab;
}
header.header_cus .navBar_search .search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:#8693ab;
}
header.header_cus .navBar_search .search input::-moz-placeholder { /* Mozilla Firefox 19+ */
color:#8693ab;
}
header.header_cus .navBar_search .search input:-ms-input-placeholder { /* Internet Explorer 10+ */
color:#8693ab;
}
header.header_cus .navBar_search .search button i{
    color: #8693ab;
}
header.header_cus .navBar_search .search button:hover{
    background: var(--primary-color);
}
header.header_cus .navBar_search .search button:hover i{
    color: #fff;
}
/*导航活动按钮*/
.navBar_info{
    position: relative;
}
.navBar_info a{
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin-right: 20px;
    line-height: 17px;
}
.navBar_info a.huodong i{
    width: 20px;
    height: 20px;
    margin-right: 6px;
    background: url(../../static/images/navBar-huodong-1.svg) no-repeat;
    background-size: contain;
    display: inline-block;
    vertical-align: bottom;
    transform: translateY(1px);
}
header.header_cus .navBar_info a.huodong i{
    background: url(../../static/images/navBar-huodong-2.svg) no-repeat;
    background-size: contain;
}
header.navBar_01_c .navBar_info a.huodong i{
    background: url(../../static/images/navBar-huodong-2.svg) no-repeat!important;
    background-size: contain!important;
}
.navBar_info:hover .box {
	display: block;
	transition: all .3s;
}
.navBar_info .box {
    position: absolute;
    padding-top: 30px;
    top: 16px;
    right: 0;
    z-index: 201;
    display: none;
}
.navBar_02 .navBar_info .box {
    padding-top: 36px;
}
.navBar_info .box .nav-info-temp{
    width: 280px;
    height: 100%;
    padding: 20px;
    border-radius: 4px;
    background: linear-gradient(224deg,rgba(255,252,246,1) 0%,rgba(255,251,245,1) 0%,rgba(255,255,255,1) 100%);
    position: relative;
    box-shadow: 0px 0px 16px 1px rgba(0, 0, 0, 0.1);
}
.navBar_info .box .nav-info-temp li{
    list-style: none;
    margin-bottom: 10px;
}
.navBar_info .box .nav-info-temp li:last-child{
    margin-bottom: 0px;
}
.navBar_info .box .nav-info-temp li a{
    margin-right: 0;
}
.navBar_info .box .nav-info-temp li a:hover{
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.15);
}
.navBar_info .box .nav-info-temp li a img{
    height: 105px;
    width: 100%;
    border-radius: 4px;
}
/*导航会员按钮*/
.navBar_vip{
    position: relative;
}
.navBar_vip a{
    color: #fff;
    display: block;
    font-size: 14px;
    line-height: 17px;
    margin-right: 20px;
    position: relative;
}
.navBar_vip a.vip i{
    width: 20px;
    height: 20px;
    margin-right: 6px;
    background: url(../../static/images/navBar-vip-1.svg) no-repeat;
    background-size: contain;
    display: inline-block;
    vertical-align: bottom;
    transform: translateY(1px);
}
header.header_cus .navBar_vip a.vip i{
    background: url(../../static/images/navBar-vip-2.svg) no-repeat;
    background-size: contain;
}
header.navBar_01_c .navBar_vip a.vip i{
    background: url(../../static/images/navBar-vip-2.svg) no-repeat!important;
    background-size: contain!important;
}
.navBar_vip:hover .box {
	display: block;
	transition: all .3s;
}
.navBar_vip .box {
    position: absolute;
    padding-top: 30px;
    top: 14px;
    right: 0;
    z-index: 201;
    display: none;
}
.navBar_02 .navBar_vip .box {
    padding-top: 36px;
}
.navBar_vip .box .nav-vip-temp{
    width: 400px;
    height: 340px;
    border-radius: 4px;
    background: linear-gradient(224deg,rgba(255,252,246,1) 0%,rgba(255,251,245,1) 0%,rgba(255,255,255,1) 100%);
    position: relative;
    box-shadow: 0px 0px 16px 1px rgba(0, 0, 0, 0.1);
}
.navBar_vip .box .nav-vip-temp:before {
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    width: 152px;
    height: 215px;
    background: url(../../static/images/ceo-navbar-vip-temp.png) center no-repeat;
    background-size: cover;
}
.navBar_vip .box .nav-vip-temp .nav-vip-title{
    position: relative;
    background: none;
    height: auto;
    line-height: 1;
    font-size: 20px;
    padding: 0 33px;
    padding-top: 40px;
    color: #212227;
    font-weight: bold;
    text-align: center;
}
.navBar_vip .box .nav-vip-temp .nav-vip-title:before {
    content: " ";
    position: absolute;
    left: 33px;
    top: 49px;
    height: 1px;
    width: 70px;
    background: #3F4E6D;
    background: linear-gradient(315deg, rgba(233,191,110,1) 0%,rgba(233,191,110,0) 100%);
    opacity: 1;
}
.navBar_vip .box .nav-vip-temp .nav-vip-title:after {
    content: " ";
    position: absolute;
    right: 33px;
    top: 49px;
    height: 1px;
    width: 70px;
    background: #3F4E6D;
    background: linear-gradient(315deg,rgba(233,191,110,0) 0%,rgba(233,191,110,1) 100%);
    opacity: 1;
}
.navBar_vip .box .nav-vip-temp .nav-vip-title span{
    
}
.navBar_vip .box .nav-vip-temp .nav-vip-subtitle{
    padding-top: 26px;
    padding-bottom: 16px;
    font-size: 13px;
    color: #6F737D;
    line-height: 1;
    text-align: center;
    position: relative;
}
.navBar_vip .box .nav-vip-temp ul{
    position: relative;
    padding: 18px 18px 0 18px;
    background: rgba(253, 250, 245, 1);
    border: 1px solid rgba(234,193,115,0.2);
    display: flex;
    flex-wrap: wrap;
    margin: 0 30px;
}
.navBar_vip .box .nav-vip-temp ul:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(20px);
    z-index: -1;
}
.navBar_vip .box .nav-vip-temp ul li{
    width: 50%;
    box-sizing: border-box;
    max-width: 100%;
    padding-left: 10px;
    margin-bottom: 18px;
}
.navBar_vip .box .nav-vip-temp ul li img{
    width: 24px;
    height: 24px;
    margin-right: 6px;
}
.navBar_vip .box .nav-vip-temp ul li span{
    line-height: 24px;
    font-size: 14px;
    color: #212227;
}
.navBar_vip .box .nav-vip-temp .nav-vip-btn{
    text-align: center;
    padding-bottom: 20px;
    padding-top: 40px;
}
.navBar_vip .box .nav-vip-temp .nav-vip-btn a{
    display: block;
    position: relative;
    margin: auto;
    width: 240px;
    height: 48px;
    border-radius: 25px;
    background: linear-gradient(90deg,rgba(247,219,167,1) 0%,rgba(233,190,110,1) 100%);
    color: #1C1D21!important;
    font-size: 18px;
    line-height: 49px;
}
.navBar_vip .box .nav-vip-temp .nav-vip-btn a:hover {
    background: rgba(247,219,167,1);
    color: #1C1D21;
    font-weight: 400;
}
.navBar_vip .box .nav-vip-temp .nav-vip-btn a i{
    line-height: 48px;
    width: 28px;
    height: 22px;
    margin-right: 0;
    background: url(../../static/images/ceo-navbar-vip-btn.png) no-repeat center/cover;
    vertical-align: middle;
    display: inline-block;
    transform: translateY(-1px);
}
.navBar_vip .box .nav-vip-temp .nav-vip-btn a span{
    
}
.navBar_vip .box .nav-vip-temp .nav-vip-btn a em{
    content: attr(data-notice);
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -25px);
    height: 20px;
    padding: 0 10px;
    border-radius: 10px;
    font-size: 12px;
    line-height: 20px;
    color: white;
    white-space: nowrap;
    background: #F4463C;
}
.navBar_vip .box .nav-vip-temp .nav-vip-btn a em:before {
    content: " ";
    position: absolute;
    left: 50%;
    top: 24px;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-color: transparent;
    border: 5px solid transparent;
    border-top-color: #F4463C;
}
/*导航投稿按钮*/
.navBar_delivery{
    position: relative;
}
.navBar_delivery a{
    display: inline-block;
    font-size: 14px;
    line-height: 17px;
    color: var(--primary-color);
    background: #fff;
    height: 36px;
    line-height: 36px;
    border-radius: 4px;
    padding: 0 15px;
}
.navBar_delivery a:hover{
    opacity: .8;
}
.navBar_delivery a.tougao i{
    font-size: 20px!important;
    margin-right: 5px;
    transform: translateY(2px);
}
/*导航模版中心*/
.navBar_01 .navBar-box .whole{
    position: relative;
    margin-left: 30px;
}
.navBar_01 .navBar-box .whole .title{
    color: #fff;
    cursor: pointer;
    transition: all .3s;
}
.navBar_01 .navBar-box .whole .title:hover{
    color: rgb(255 255 255 / 81%);
}
header.header_cus .navBar-box .whole .title{
    color: #1b2337;
}
header.header_cus .navBar-box .whole .title:hover{
    color: var(--primary-color);
}
.navBar_01.navBar_01_c .navBar-box .whole .title{
    color: #1b2337;
}
.navBar_01.navBar_01_c .navBar-box .whole .title:hover{
    color: var(--primary-color);
}
.navBar_01 .navBar-box .whole .title i.iwhole{
    width: 17px;
    height: 17px;
    margin-right: 6px;
    background: url(../../static/images/navBar-whole-1.svg) no-repeat;
    background-size: contain;
    display: inline-block;
    vertical-align: bottom;
    transform: translateY(-2px);
}
header.header_cus .navBar-box .whole .title i.iwhole{
    background: url(../../static/images/navBar-whole-2.svg) no-repeat;
    background-size: contain;
}
header.navBar_01_c .navBar-box .whole .title i.iwhole{
    background: url(../../static/images/navBar-whole-2.svg) no-repeat!important;
    background-size: contain!important;
}
.navBar_01 .navBar-box .whole .title i.hot{
    display: inline-block;
    background: url(../../static/images/hot.svg) no-repeat;
    width: 24px;
    height: 10px;
    position: absolute;
    right: 0;
    top: -12px;
    -webkit-animation: animate 5s infinite;
    animation: animate 5s infinite;
}
@-webkit-keyframes animate{0%{transform:translateY(0)}25%{transform:translateY(4px)}50%{transform:translateY(0)}75%{transform:translateY(4px)}to{transform:translateY(0)}}@keyframes animate{0%{transform:translateY(0)}25%{transform:translateY(4px)}50%{transform:translateY(0)}75%{transform:translateY(4px)}to{transform:translateY(0)}}
.navBar_01 .navBar-box .whole .drop{
    display: none;
    position: absolute;
    top: 16px;
    left: 0;
    padding-top: 30px;
}
.navBar_02 .navBar-box .whole .drop{
    padding-top: 35px;
}
.navBar_01 .navBar-box .whole:hover .drop{
    display: block;
}
.navBar_01 .navBar-box .whole .drop:before {
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    left: 32px;
    top: 10px;
    border: 10px solid transparent;
    border-bottom-color: #fff;
}
.navBar_01 .navBar-box .whole .box{
    width: 889px;
    height: auto;
    background: #fff;
    border-radius: 4px;
    z-index: 100;
    padding: 18px 25px;
    box-shadow: 0px 0px 16px 1px rgba(0, 0, 0, 0.1);
}
.navBar_01 .navBar-box .whole .box .drop-item{
    width: 100%;
    height: 40px;
    padding: 7px 0;
}
.navBar_01 .navBar-box .whole .box .drop-item .item-left{
    width: 118px;
    height: 44px;
    line-height: 44px;
    float: left;
    text-align: left;
    font-size: 16px;
    color: #333;
    font-weight: 700;
    background: #f8fafb;
    border-radius: 5px;
    margin-right: 32px;
    padding-left: 22px;
}
.navBar_01 .navBar-box .whole .box .drop-item .item-left:hover {
    background: #f3f5f7;
}
.navBar_01 .navBar-box .whole .box .drop-item .item-left img{
    display: inline-block;
    width: 26px;
    height: 26px;
    vertical-align: middle;
    margin-right: 5px;
}
.navBar_01 .navBar-box .whole .box .drop-item .item-left a{
    text-shadow: none;
    height: 100%;
    line-height: 44px;
    display: inline-block;
    color: #171718;
    font-size: 15px;
    font-weight: 600;
}
.navBar_01 .navBar-box .whole .box .drop-item .item-left a:hover{
    color: var(--primary-color)!important;
}
.navBar_01 .navBar-box .whole .box .drop-item ul{
    height: 44px;
    line-height: 65px;
    overflow: hidden;
    position: relative;
}
.navBar_01 .navBar-box .whole .box .drop-item ul:after {
    content: "";
    width: 700px;
    height: 1px;
    background: rgba(213,218,232,.3);
    position: absolute;
    left: 10px;
    bottom: -7px;
}
.navBar_01 .navBar-box .whole .box .drop-item:last-child ul:after{
    height: 0px;
}
.navBar_01 .navBar-box .whole .box .drop-item ul li{
    display: block;
    width: 83px;
    height: 44px;
    float: left;
    margin-right: 6px;
    position: relative;
}
.navBar_01 .navBar-box .whole .box .drop-item ul li a{
    display: inline-block;
    width: auto;
    height: 23px;
    line-height: 23px;
    font-size: 13px;
    color: #505a71;
    text-shadow: none;
    text-align: left;
    border-radius: 11px;
    padding: 5px 9px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.navBar_01 .navBar-box .whole .box .drop-item ul li a:hover{
    color: var(--primary-color)!important
}
.navBar_01 .navBar-box .whole .box .drop-item ul li a i{
    font-size: 16px!important;
    transform: translateY(1px);
    line-height: 1;
    margin-left: 3px;
}
/*
 * ------------------------------------------------------------------------------
 * 手机端侧边导航
 * ------------------------------------------------------------------------------
 */
.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>ul .sub-menu a:hover{
    color: var(--primary-color);
}
.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 .roles-admin {
    color: #fff!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: 200px;
    transition: all .3s;
}
.search input:focus {
	background: #fff;
	border: 1px solid #DCDFE6!important;
}
.search button {
	background: transparent;
	border: 0;
	cursor: pointer;
	outline:none;
}
.search button i {
	color: #8693ab;
    font-size: 16px!important;
}
/*
 * ------------------------------------------------------------------------------
 * 弹窗搜索样式
 * ------------------------------------------------------------------------------
 */
.ceo-search-dialog{
    
}
.ceo-search-dialog .ceo-modal-dialog{
    width: 460px;
    background-image: url(../../static/images/ceo-modal.png);
    background-size: 460px 190px;
    background-repeat: no-repeat;
    box-shadow: 0px 6px 20px 0px rgb(31 31 44 / 8%);
    border-radius: 6px;
}
.ceo-search-dialog .title{
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
}
.ceo-search-dialog .search input {
    height: 42px;
}
.ceo-search-dialog .search button{
    right: 10px;
}
.ceo-search-dialog .item{
    
}
/*
 * ------------------------------------------------------------------------------
 * 首页幻灯样式1
 * ------------------------------------------------------------------------------
 */
.ceo-home-slide1{
    margin-top: -61px;
    margin-bottom: 40px;
    height: 635px;
    display: block;
    background-size: cover;
    background-repeat: no-repeat !important;
    background-position: 50% 50%;
}
.ceo-home-slide1 .slidebox{
    width: 933px;
    margin: 0 auto;
}
.ceo-home-slide1 .slide1-title {
	padding:0 15px;
	padding-top: 205px;
}
.ceo-home-slide1 .slide_text {
	color:#fff;
	text-align:center;
	font-size:36px;
	font-weight:bold;
	min-height: 54px;
	text-shadow: 0 6px 16px rgb(0 0 0 / 30%);
}
.ceo-home-slide1 .slide1-desc{
    margin: 11px auto 34px auto;
    font-size: 18px;
    color: #fff;
}
.ceo-home-slide1 .slidebox .search{
    position: relative;
    z-index: 1;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}
.ceo-home-slide1 .slidebox .search form{
    
}
.ceo-home-slide1 .slidebox .search input {
    height: 61px;
    font-size: 14px;
    border: 1px solid #fff;
    padding: 4px 180px 4px 20px;
    width: 713px;
    box-shadow: 0px 2px 14px 0px rgb(12 62 195 / 52%);
    border-radius: 4px;
}
.ceo-home-slide1 .slidebox .search input:focus {
    background: #fff;
    border: 1px solid #fff!important;
}
.ceo-home-slide1 .slidebox .search input::-webkit-input-placeholder { /* WebKit browsers */
color:#ccc;
}
.ceo-home-slide1 .slidebox .search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:#ccc;
}
.ceo-home-slide1 .slidebox .search input::-moz-placeholder { /* Mozilla Firefox 19+ */
color:#ccc;
}
.ceo-home-slide1 .slidebox .search input:-ms-input-placeholder { /* Internet Explorer 10+ */
color:#ccc;
}
.ceo-home-slide1 .slidebox .search button{
    border-radius: 4px;
    position: absolute;
    right: 5px;
    width: 150px;
    top: 4px;
    font-size: 18px;
    justify-content: center;
    align-items: center;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    color: rgba(61, 31, 65, 1);
    border: none;
    cursor: pointer;
    background: linear-gradient(90deg, rgba(255, 206, 5, 1), rgba(255, 232, 81, 1));
}
.ceo-home-slide1 .slidebox .search button:hover{
    background: linear-gradient(90deg, #ffe851, #ffce05);
}
.ceo-home-slide1 .slidebox .search button i {
    color: #333;
    font-size: 23px !important;
    font-weight: bold;
    margin-right: 8px;
    transform: translateY(2px);
}
.ceo-home-slide1 .slidebox .search .sean{
    display: flex;
    align-items: center;
}
.ceo-home-slide1 .slidebox .search .sean span{
    display: inline-block;
    padding: 0 20px;
    font-size: 20px;
    color: #FFFFFF;
    font-weight: bold;
}
.ceo-home-slide1 .slidebox .search .sean a{
    line-height: 61px;
    height: 61px;
    width: 120px;
    padding: 0 20px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: #2b2b36;
    border: none;
    background: linear-gradient(90deg, #fedb00 0%, #ffec72 100%);
    box-shadow: 0px 2px 14px 0px rgba(12, 62, 195, 0.52);
    border-radius: 4px;
    display: inline-block;
    position: relative;
}
.ceo-home-slide1 .slidebox .search .sean a p{
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    position: relative;
}
.ceo-home-slide1 .slidebox .search .sean a:hover p{
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px);
}
.ceo-home-slide1 .slidebox .search .sean a p:before {
    content: '';
    position: absolute;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    right: 4px;
    top: 50%;
    width: 7px;
    height: 7px;
    border-top: 1px solid #2b2b36;
    border-right: 1px solid #2b2b36;
    -webkit-transform: translate(20px, -50%) rotate(45deg);
    transform: translate(20px, -50%) rotate(45deg);
    opacity: 0;
}
.ceo-home-slide1 .slidebox .search .sean a p:after {
    content: '';
    position: absolute;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    right: 12px;
    top: 50%;
    width: 7px;
    height: 7px;
    border-top: 1px solid #2b2b36;
    border-right: 1px solid #2b2b36;
    -webkit-transform: translate(20px, -50%) rotate(45deg);
    transform: translate(20px, -50%) rotate(45deg);
    opacity: 0;
}
.ceo-home-slide1 .slidebox .search .sean a:hover p:before {
    opacity: 1;
    -webkit-transform: translate(0px, -50%) rotate(45deg);
    transform: translate(0px, -50%) rotate(45deg);
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}
.ceo-home-slide1 .slidebox .search .sean a:hover p:after {
    opacity: 1;
    -webkit-transform: translate(0px, -50%) rotate(45deg);
    transform: translate(0px, -50%) rotate(45deg);
}
.ceo-home-slide1 .slidebox .tag{
    text-align: left;
    margin-top: 20px;
    height: 20px;
    line-height: 20px;
    width: 713px;
    overflow: hidden;
}
.ceo-home-slide1 .slidebox .tag a{
    display: inline-block;
    margin-right: 20px;
    color: #fff;
}
.ceo-home-slide1 .slidebox .tag a:last-child{
    margin-right: 0;
}
.ceo-home-slide1 .slidebox .tag a:hover{
    font-weight: 600;
}
.ceo-home-slide1 .slidebox .tag .k1{
    margin-right: 10px;
    display: inline-block;
    color: #fff;
}
.ceo-home-slide1 .slide1-quick{
    margin-top: 50px;
    padding: 20px;
    border-radius: 8px;
    z-index: 1;
}
.ceo-home-slide1 .slide1-quick li{
    position: relative;
}
.ceo-home-slide1 .slide1-quick li:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: -34px;
    bottom: 0;
    width: 2px;
    background: #d9d9d9;
    opacity: 0.5;
}
.ceo-home-slide1 .slide1-quick li:last-child:after{
    width: 0px;
}
.ceo-home-slide1 .slide1-quick .quick-1box{

}
.ceo-home-slide1 .slide1-quick .quick-1box img{
    height: 32px;
}
.ceo-home-slide1 .slide1-quick .quick-1box span{
    line-height: 32px;
    display: block;
}
.ceo-home-slide1 .slide1-quick .quick-2box{

}
.ceo-home-slide1 .slide1-quick .quick-2box a{
    display: block;
    line-height: 32px;
}
.ceo-home-slide1 .slide1-quick .quick-3box{

}
.ceo-home-slide1 .slide1-quick .quick-3box a{
    display: block;
    text-align: center;
}
.ceo-home-slide1 .slide1-quick .quick-3box a img{
    height: 48px;
    display: block;
    margin: 0 auto 10px auto;
}
.ceo-home-slide1 .slide1-quick .quick-3box a span{

}
/*
 * ------------------------------------------------------------------------------
 * 首页幻灯模块2
 * ------------------------------------------------------------------------------
 */
.ceo-home-slide2{
    margin-bottom: 30px;
}
.ceo-home-slide2 .slide-box{
    width: 100%;
    height: 500px;
    background-size: auto 100%;
    background-position: 0 0;
    background-repeat: repeat-x;
    animation: scrollGrid 180s linear infinite;
    text-align: center;
    position: relative;
}
@keyframes scrollGrid {
    0%{background-position: 0 0;}
    100%{background-position: -2520px 0;}
}
.ceo-home-slide2 .slide-box .banner-box{
    padding: 100px 0 00 0;
    position: relative;
    z-index: 1;
}
.ceo-home-slide2 .slide-box-text{
    margin-bottom: 50px;
    text-align: center;
}
.ceo-home-slide2 .slide-box-text span{
    font-size: 40px;
    color: #fff;
    letter-spacing: 3px;
    text-align: center;
    font-weight: bold;
    text-shadow: 0 6px 16px rgb(0 0 0 / 30%);
}
.ceo-home-slide2 .slide-box-text p{
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin-top: 25px;
}
.ceo-home-slide2 .slide-box .search{
    width: 865px;
    background: rgba(255,255,255,0.5);
    border-radius: 4px;
    padding: 6px;
    margin: 0 auto;
}
.ceo-home-slide2 .slide-box .search form input{
    height: 50px;
    line-height: 50px;
    font-size: 14px;
}
.ceo-home-slide2 .slide-box .search form button{
    width: 160px;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    color: #fff;
    text-align: center;
    border: 0;
    transition: all 0.1s ease 0s;
    background: var(--primary-color);
}
.ceo-home-slide2 .slide-box .search form button i{
    line-height: 1;
    font-size: 20px !important;
    margin-right: 5px;
    color: #fff;
    transform: translateY(2px);
}
/*幻灯2CMS模块*/
.ceo-home-slide2 .slide-cms{
    
}
.ceo-home-slide2 .slide-cms .slide-cmsbox{
    padding: 30px;
    margin-top: -100px;
    position: relative;
    z-index: 1;
    box-shadow: 0 2px 7px 0 rgba(218, 225, 236, .6);
}
.ceo-home-slide2 .slide-cms .slide-cmsbox .mk{
    position: relative;
}
.ceo-home-slide2 .slide-cms .slide-cmsbox .mk:after {
    content: '';
    display: inline-block;
    position: absolute;
    right: -9px;
    top: 55px;
    width: 1px;
    height: 45px;
    background-color: rgba(242, 242, 248, 1);
}
.ceo-home-slide2 .slide-cms .slide-cmsbox .mk:last-child:after{
    width: 0px;
}
.ceo-home-slide2 .slide-cms .slide-cmsbox .box{
    
}
.ceo-home-slide2 .slide-cms .slide-cmsbox .box span{
    display: block;
    margin-bottom: 20px;
}
.ceo-home-slide2 .slide-cms .slide-cmsbox .box span a{
    font-size: 18px;
    font-weight: bold;
    display: flex;
    align-items: center;
}
.ceo-home-slide2 .slide-cms .slide-cmsbox .box span a i{
    font-size: 18px!important;
    display: inline-block;
    transform: translateY(1px);
    color: #c0c0d1;
    font-weight: 400;
    margin-left: 5px;
    transition: all .3s;
}
.ceo-home-slide2 .slide-cms .slide-cmsbox .box span a:hover i{
    color: var(--primary-color);
}
.ceo-home-slide2 .slide-cms .slide-cmsbox .box span a img{
    margin-right: 10px;
    height: 30px;
}
.ceo-home-slide2 .slide-cms .slide-cmsbox .box .btn{
    color: #585858;
    display: block;
}
.ceo-home-slide2 .slide-cms .slide-cmsbox .box .btn:hover{
    color: var(--primary-color);
}
/*幻灯2工具模块*/
.ceo-home-slide2 .slide-cms .slide-cmsbox .home-tool{
    margin-top: 30px;
}
.ceo-home-slide2 .slide-cms .slide-cmsbox .tool{
    background: #f7f9fa;
    text-align: center;
    padding: 20px;
    border-radius: 8px;
    display: block;
    color: #333;
}
.ceo-home-slide2 .slide-cms .slide-cmsbox .tool:hover{
    background: var(--primary-color);
    color: #fff;
    transition: all .5s;
}
.ceo-home-slide2 .slide-cms .slide-cmsbox .tool img{
    display: block;
    height: 48px;
    margin: 0 auto 10px auto;
}
.ceo-home-slide2 .slide-cms .slide-cmsbox .tool:hover img{
    display: none;
}
.ceo-home-slide2 .slide-cms .slide-cmsbox .tool:hover span{
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 13px;
    color: #fff;
    display: block;
}
.ceo-home-slide2 .slide-cms .slide-cmsbox .tool p{
    display: none; 
    color: #fff;
}
.ceo-home-slide2 .slide-cms .slide-cmsbox .tool:hover p{
    display: block;
}
.ceo-home-slide2 .home-tool .ceo-slider-nav{
    position: relative;
    top: 15px;
}
.ceo-home-slide2 .home-tool .ceo-slider-nav li a{
    background-color: #d8e0ea;
    width: 100px;
    height: 5px;
    border-radius: 0;
    border-color: transparent;
    border: 0px solid rgba(102, 102, 102, 0.4);
}
.ceo-home-slide2 .home-tool .ceo-slider-nav li.ceo-active a{
    background-color: var(--primary-color);
}
.ceo-home-slide2 .home-tool .ceo-dotnav{
    margin-left: 0;
}
.ceo-home-slide2 .ceo-dotnav > * {
    padding-left: 0;
}
/*
 * ------------------------------------------------------------------------------
 * 首页专题模块
 * ------------------------------------------------------------------------------
 */
.ceo-home-special{
    margin-bottom: 40px;
}
.ceo-home-special .title{
    margin-bottom: 20px;
    align-items: center;
}
.ceo-home-special .title span{
    font-size: 22px;
    font-weight: 600;
    color: #1b2337;
    display: inline-block;
}
.ceo-home-special .title .more{
    
}
.ceo-home-special .title .more a{
    color: #666;
}
.ceo-home-special .title .more a:hover{
    color: #000;
}
.ceo-home-special .title .more a i{
    line-height: 1;
    font-size: 20px!important;
    transform: translateY(2px);
}
.ceo-home-special .box{

}
.ceo-home-special .url{
    display: block;
}
.ceo-home-special .url img{
    border-radius: 6px;
}
.ceo-home-special .ceo-position-center-left-out{
    display: block;
    width: 35px;
    height: 35px;
    line-height: 40px;
    background: #fff;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    border-radius: 50%;
    text-align: center;
    z-index: 1;
    left: -23px;
    margin: 0;
    transform: translateY(-50%) translateY(0px);
}
.ceo-home-special .ceo-position-center-right-out{
    display: block;
    width: 35px;
    height: 35px;
    line-height: 40px;
    background: #fff;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    border-radius: 50%;
    text-align: center;
    z-index: 1;
    right: 0;
    margin: 0px 0 0 -23px;
    transform: translateY(-50%) translateY(0px);
}
.ceo-home-special .ceo-position-center-left-out i,.ceo-home-special .ceo-position-center-right-out i{
    line-height: 1;
    font-size: 25px!important;
}
.ceo-home-special .ceo-position-center-left,.ceo-home-special .ceo-position-center-right{
    border-radius: 100%;
    background: rgb(255 255 255 / 50%);
    color: #505a71;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 0 10px rgb(0 0 0 / 7%);
    width: 30px;
    height: 30px;
    line-height: 30px;
    max-width: calc(100% - (10px * 2));
    margin: 10px;
    transform: translateY(-50%) translateY(-2px);
}
.ceo-home-special .ceo-position-center-left i,.ceo-home-special .ceo-position-center-right i{
    font-size: 16px!important;
}
/*
 * ------------------------------------------------------------------------------
 * 首页无限分类模块
 * ------------------------------------------------------------------------------
 */
.ceo-home-infinite{
    margin-bottom: 40px;
}
.ceo-home-infinite span.title{
    font-size: 22px;
    font-weight: 600;
    color: #1b2337;
    margin-right: 24px;
    transform: translateY(2px);
    display: inline-block;
}
.ceo-home-infinite .more{
    display: inline;
}
.ceo-home-infinite .more a{
    float: right;
    color: #666;
    position: relative;
    bottom: -14px;
}
.ceo-home-infinite .more a:hover{
    color: #000;
}
.ceo-home-infinite .more a i{
    line-height: 1;
    font-size: 20px!important;
    transform: translateY(2px);
}

.ceo-infinite-title {
	display: inline;
}
.ceo-infinite-title li{
    display: inline-block;
    margin-right: 10px;
}
.ceo-infinite-title li a{
    height: 23px;
    line-height: 23px;
    color: #505a71!important;
    background-color: #f8f8fb!important;
    display: block;
    padding: 5px 15px!important;
    border-radius: 4px;
    font-size: 14px;
}
.ceo-infinite-title li:last-child{
    margin-right: 0px;
}
.ceo-infinite-title li a:hover {
    color: var(--primary-color)!important;
    background-color: var(--shallow-color)!important;
}
.ceo-infinite-title li.ceo-active a{
    color: var(--primary-color)!important;
    background-color: var(--shallow-color)!important;
}
.ceo-home-infinite .img-box{
    
}
.ceo-home-infinite .img-box .img-module{
    
}
.ceo-home-infinite .img-box .img-module a{
    height: 100px;
    border-radius: 4px;
}
.ceo-home-infinite .img-box .img-module a img{
    
}
/*
 * ------------------------------------------------------------------------------
 * 首页合作伙伴模块
 * ------------------------------------------------------------------------------
 */
.ceo-home-cooperate {
    padding: 40px 0;
}
.ceo-home-cooperate .title{
    text-align: center;
}
.ceo-home-cooperate .title span{
    font-size: 32px;
    font-weight: 600;
    color: #1b2337;
    line-height: 50px;
    display: block;
}
.ceo-home-cooperate .title p:before {
    content: '';
    width: 38px;
    height: 2px;
    background: #d6d6d6;
    position: absolute;
    top: 14px;
    left: 0;
}
.ceo-home-cooperate .title p:after{
    content: '';
    width: 38px;
    height: 2px;
    background: #d6d6d6;
    position: absolute;
    top: 14px;
    right: 0;
}
.ceo-home-cooperate .box{

}
.ceo-home-cooperate .box li{

}
.ceo-home-cooperate .box li a{
    box-shadow: 0px 10px 20px 0 rgb(234 63 255 / 0%), 0 10px 30px 0 rgb(79 125 183 / 8%);
    margin: 30px 0;
    text-align: center;
    padding: 20px;
    height: 60px;
}
.ceo-home-cooperate .box li a img{
    width: auto;
    height: 100%;
}

/*
 * ------------------------------------------------------------------------------
 * 首页友链模块
 * ------------------------------------------------------------------------------
 */
.ceo-home-link{
    margin-bottom: 40px;
}
.ceo-home-link .hd{
    margin-bottom: 20px;
}
.ceo-home-link .hd li{
    cursor: pointer;
    display: inline-block;
    margin-right: 30px;
    color: #1b2337;
}
.ceo-home-link .hd li:last-child{
    margin-right: 0px;
}
.ceo-home-link .bd ul{
	list-style: none;
	display: inline;
}
.ceo-home-link .bd,.ceo-home-link .bd .linkcat{
    list-style: none;
}
.ceo-home-link .bd li {
	display: inline;
	font-size: 14px;
}
.ceo-home-link .bd h2{
    display: none;
}
.ceo-home-link .bd li a {
	color: #969ba5;
	margin-right: 15px;
	font-size: 14px;
	transition: all .3s;
}
.ceo-home-link .bd li a:hover {
	color: var(--primary-color);
}
/*
 * ------------------------------------------------------------------------------
 * 列表菜单样式
 * ------------------------------------------------------------------------------
 */
/*列表背景*/
.ceo-category-bg{
    height: 242px;
}
.ceo-category-bg .title{
    margin-top: 13px;
}
.ceo-category-bg .title h1{
    font-size: 35px;
    color: #fff;
    font-weight: bold;
    letter-spacing: 2px;
    text-shadow: 0 6px 16px rgba(0,0,0,.3);
}
.ceo-category-bg .title p{
    font-size: 13px;
    color: rgba(255, 255, 255, 0.9);
    height: 35px;
    line-height: 35px;
    letter-spacing: 1px;
}
/*列表菜单*/
.ceo-category-nav{
    margin-top: -77px;
    padding: 20px 30px;
    margin-bottom: 30px!important;
    box-shadow: 0 2px 7px 0 rgba(218, 225, 236, .6);
}
.ceo-category-nav .data{
    margin-bottom: 20px;
    padding-bottom: 20px;
    line-height: 36px;
}
.ceo-category-nav .data span{
    color: #666666;
    font-size: 12px;
    margin-right: 20px;
}
.ceo-category-nav .data span:last-child{
    margin-right: 0px;
}
.ceo-category-nav .data span i.ceoicon-copper-diamond-line,.ceo-category-nav .data span i.ceoicon-compass-3-line{
    font-size: 18px!important;
    display: inline-block;
    transform: translateY(2px);
    margin-right: 5px;
    color: #ccc;
}
.ceo-category-nav .data span i.ceoicon-arrow-up-line{
    color: #ff570d;
    margin-left: 3px;
    font-weight: bold;
}
.ceo-category-nav .data span em{
    color: #333;
    font-weight: bold;
}
.ceo-category-nav .data .search form{
    display: inline-block;
}
.ceo-category-nav .data .search input{
    min-width: 300px;
    background: #f3f4f9;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.ceo-category-nav .data .search button{
    right: 4px;
    font-weight: bold;
}
.ceo-category-nav .data .search a{
    display: inline-block;
    height: 34px;
    line-height: 34px;
    margin-left: 10px;
    padding: 0 10px;
    font-size: 12px;
    text-align: center;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
}
.ceo-category-nav .data .search a:hover{
    background: var(--primary-color);
    color: #fff;
}
.ceo-category-nav .data .search a:nth-child(2n+0) {
    border: 1px solid #FF6F10;
    color: #FF6F10;
}
.ceo-category-nav .data .search a:nth-child(2n+0):hover{
    background: #FF6F10;
    color: #fff;
}
.ceo-category-nav .data .search a i.ceoicon-vip-crown-2-line{
    font-size: 16px!important;
    margin-right: 5px;
}
.ceo-category-nav .data .search a i.ceoicon-upload-cloud-2-line{
    font-size: 16px!important;
    margin-right: 5px;
}
.ceo-category-nav .data .search a i.ceoicon-arrow-right-line{
    margin-left: 3px;
}
.ceo-category-nav strong{
    font-weight: bold;
    color: #333;
    display: inline-block;
    height: 50px;
    line-height: 50px;
}
.ceo-category-nav ul{
    
}
.ceo-category-nav ul li{
    display: inline-block;
    margin-right: 20px;
    height: 50px;
    line-height: 50px;
}
.ceo-category-nav ul li:last-child{
    margin-right: 0px;
}
.ceo-category-nav ul li a{
    border-radius: 2px;
    padding: 5px 10px;
    color: #505a71;
}
.ceo-category-nav ul li a:hover{
    color: var(--primary-color);
    background: var(--shallow-color);
}
.ceo-category-nav ul li.current-cat a{
    color: var(--primary-color);
    background: var(--shallow-color);
}

.ceo-category-nav .ceo-catnav-ss{
    height: 50px;
    line-height: 50px;
    display: inline-block;
    margin-right: 40px;
    letter-spacing: -8px;
}
.ceo-category-nav .ceo-catnav-ss:last-child{
    margin-right: 0;
}
.ceo-category-nav .ceo-catnav-ss strong{
    font-weight: bold;
    color: #333;
    margin-right: 20px;
    letter-spacing: normal;
}
.ceo-category-nav .ceo-catnav-ss strong i{
    color: var(--primary-color);
    margin-right: 3px;
    font-size: 18px!important;
    transform: translateY(2px);
    font-weight: 400;
}
.ceo-category-nav .ceo-catnav-ss a{
    margin-right: 20px;
    border-radius: 2px;
    padding: 5px 10px;
    color: #505a71;
    letter-spacing: normal;
}
.ceo-category-nav .ceo-catnav-ss a:hover{
    color: var(--primary-color);
    background: var(--shallow-color);
}
.ceo-category-nav .ceo-catnav-ss a:last-child{
    margin-right: 0px;
}
.ceo-category-nav .ceo-catnav-ss .n{
    position: relative;
}
.ceo-category-nav .ceo-catnav-ss .n:before {
    content: '';
    position: absolute;
    top: -5px;
    right: -6px;
    width: 12px;
    height: 15px;
    background: url(../../static/images/ceo-catnav-ss-n.png) center 0 no-repeat;
}
.ceo-category-nav .current a,.ceo-catnav-ss .current {
    color: var(--primary-color)!important;
    background: var(--shallow-color);
}

/*
 * ------------------------------------------------------------------------------
 * 列表样式1
 * ------------------------------------------------------------------------------
 */
.loop-1 .loop-1-box{
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 0 25px 0 rgba(0,0,0,.06);
    padding: 10px;
}
.loop-1 .loop-1-box:hover {
    box-shadow: 0 3px 10px rgba(193,197,209,.4);
    -webkit-box-shadow: 0 3px 10px rgba(193,197,209,.4);
}
.loop-1 .loop-1-box-img .thumb {
    height: 0;
    overflow: hidden;
    border-radius: 4px
}
.loop-1 .loop-1-box-img .vip{
    position: absolute;
    z-index: 2;
    left: 20px;
    top: 20px;
    display: none;
    height: 16px;
    width: 32px;
    background: url(../../static/images/ceo-vip-tag.svg) 0 0 no-repeat;
    background-size: 100% 100%;
}
.loop-1 .loop-1-box:hover .vip{
    display: block;
}
.loop-1 .loop-1-box-img .btn{
    position: absolute;
    z-index: 2;
    right: 20px;
    top: 20px;
    display:none;
}
.loop-1 .loop-1-box-img:hover .btn{
    display: block;
}
.loop-1 .loop-1-box-img .btn a.collection{
    background: rgba(0,0,0,.6);
    color: #fff;
    width: 32px;
    height: 32px;
    line-height: 32px;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
}
.loop-1 .loop-1-box-img .btn a.collection:hover{
    background: var(--primary-color);
    color: #fff;
}
.loop-1 .loop-1-box-img a.collection i{
    line-height: 1;
    font-size: 18px !important;
}
.loop-1 .loop-1-box-img .btn a.demo{
    background: rgba(0,0,0,.6);
    color: #fff;
    width: 32px;
    height: 32px;
    line-height: 32px;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    margin-right: 2px;
}
.loop-1 .loop-1-box-img .btn a.demo:hover{
    background: var(--primary-color);
    color: #fff;
}
.loop-1 .loop-1-box-img .btn a.demo i{
    line-height: 1;
    font-size: 18px !important;
}
.loop-1 .loop-1-box-img:hover .thumb img{
    -webkit-filter: brightness(60%);
    filter: brightness(60%);
    -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;
}
.loop-1 .loop-1-box-img .thumb span.down{
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 13%;
    color: #fff !important;
    background: var(--primary-color);
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50px;
    display: block;
    font-size: 14px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .25s ease-out;
    -ms-transition: all ease-out .25s;
    -o-transition: all ease-out .25s;
    transition: all .25s ease-out;
}
.loop-1 .loop-1-box-img .thumb span.down i{
    font-size: 16px!important;
    margin-right: 5px;
}
.loop-1 .loop-1-box .loop-1-box-img:hover .thumb span {
	z-index: 1;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.loop-1 .loop-1-box-img .thumb span:hover {
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12);
}
.loop-1 .loop-1-box .content{
    padding-top: 10px;
}
.loop-1 .loop-1-box .content a{
    color: #505a71;
    font-size: 14px;
    display: block;
}
.loop-1 .loop-1-box .content a:hover{
    color: var(--primary-color);
}

/*
 * ------------------------------------------------------------------------------
 * 列表样式2
 * ------------------------------------------------------------------------------
 */
.loop-2 .loop-2-box{
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 0 25px 0 rgba(0,0,0,.06);
}
.loop-2 .loop-2-box-img .btn{
    position: absolute;
    z-index: 2;
    right: 10px;
    top: 10px;
    display:none;
}
.loop-2 .loop-2-box:hover .btn{
    display: block;
}
.loop-2 .loop-2-box-img .btn a.collection{
    background: rgba(0,0,0,.6);
    color: #fff;
    width: 32px;
    height: 32px;
    line-height: 32px;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
}
.loop-2 .loop-2-box-img .btn a.collection:hover{
    background: var(--primary-color);
    color: #fff;
}
.loop-2 .loop-2-box-img a.collection i{
    line-height: 1;
    font-size: 18px !important;
}
.loop-2 .loop-2-box-img .btn a.demo{
    background: rgba(0,0,0,.6);
    color: #fff;
    width: 32px;
    height: 32px;
    line-height: 32px;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    margin-right: 2px;
}
.loop-2 .loop-2-box-img .btn a.demo:hover{
    background: var(--primary-color);
    color: #fff;
}
.loop-2 .loop-2-box-img .btn a.demo i{
    line-height: 1;
    font-size: 18px !important;
}
.loop-2 .loop-2-box-img .thumb {
    height: 0;
    overflow: hidden;
    border-radius: 4px
}
.loop-2 .loop-2-box-img:hover .thumb img{
    -webkit-filter: brightness(60%);
    filter: brightness(60%);
    -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;
}
.loop-2 .loop-2-box-img .thumb span.down{
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 17%;
    color: #fff !important;
    background: var(--primary-color);
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50px;
    display: block;
    font-size: 14px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .25s ease-out;
    -ms-transition: all ease-out .25s;
    -o-transition: all ease-out .25s;
    transition: all .25s ease-out;
}
.loop-2 .loop-2-box-img .thumb span.down i{
    font-size: 16px!important;
    margin-right: 5px;
}
.loop-2 .loop-2-box:hover .loop-2-box-img .thumb span {
	z-index: 1;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.loop-2 .loop-2-box-img .thumb span:hover {
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12);
}
.loop-2 .loop-2-box .content{
    color: #fff;
    padding: 10px;
    transform: translateY(100px);
    transition: all .3s;
    background: linear-gradient(to top, rgba(0, 0, 0, 50%) 0, transparent 100%);
}
.loop-2 .loop-2-box .content h2{
    color: #fff;
}
.loop-2 .loop-2-box .content h2 a{
    color: #fff;
    font-size: 14px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.25);
}
.loop-2 .loop-2-box:hover .content {
	transform: translateY(0px);
}
.loop-2 .loop-2-box .content .vip{
    height: 16px;
    width: 32px;
    background: url(../../static/images/ceo-vip-tag.svg) 0 0 no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    margin-right: 5px;
    transform: translateY(3px);
}
/*
 * ------------------------------------------------------------------------------
 * 列表样式3
 * ------------------------------------------------------------------------------
 */
.loop-3 .loop-3-box{
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 0 25px 0 rgba(0,0,0,.06);
}
.loop-3 .loop-3-box-img .vip{
    position: absolute;
    z-index: 2;
    left: 10px;
    top: 10px;
    display: none;
    height: 16px;
    width: 32px;
    background: url(../../static/images/ceo-vip-tag.svg) 0 0 no-repeat;
    background-size: 100% 100%;
}
.loop-3 .loop-3-box:hover .vip{
    display: block;
}
.loop-3 .loop-3-box-img .btn{
    position: absolute;
    z-index: 2;
    right: 10px;
    top: 10px;
    display:none;
}
.loop-3 .loop-3-box:hover .btn{
    display: block;
}
.loop-3 .loop-3-box-img .btn a.collection{
    background: rgba(0,0,0,.6);
    color: #fff;
    width: 32px;
    height: 32px;
    line-height: 32px;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
}
.loop-3 .loop-3-box-img .btn a.collection:hover{
    background: var(--primary-color);
    color: #fff;
}
.loop-3 .loop-3-box-img a.collection i{
    line-height: 1;
    font-size: 18px !important;
}
.loop-3 .loop-3-box-img .btn a.demo{
    background: rgba(0,0,0,.6);
    color: #fff;
    width: 32px;
    height: 32px;
    line-height: 32px;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    margin-right: 2px;
}
.loop-3 .loop-3-box-img .btn a.demo:hover{
    background: var(--primary-color);
    color: #fff;
}
.loop-3 .loop-3-box-img .btn a.demo i{
    line-height: 1;
    font-size: 18px !important;
}
.loop-3 .loop-3-box-img .thumb {
    height: 0;
    overflow: hidden;
    border-radius: 4px
}
.loop-3 .loop-3-box-img:hover .thumb img{
    -webkit-filter: brightness(60%);
    filter: brightness(60%);
    -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;
}
.loop-3 .loop-3-box-img .thumb span.down{
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 17%;
    color: #fff !important;
    background: var(--primary-color);
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50px;
    display: block;
    font-size: 14px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .25s ease-out;
    -ms-transition: all ease-out .25s;
    -o-transition: all ease-out .25s;
    transition: all .25s ease-out;
}
.loop-3 .loop-3-box-img .thumb span.down i{
    font-size: 16px!important;
    margin-right: 5px;
}
.loop-3 .loop-3-box:hover .loop-3-box-img .thumb span {
	z-index: 1;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.loop-3 .loop-3-box-img .thumb span:hover {
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12);
}
.loop-3 .loop-3-box .content{
    color: #fff;
    padding: 10px;
    background: linear-gradient(to top, rgba(0, 0, 0, 50%) 0, transparent 100%);
}
.loop-3 .loop-3-box .content h2{
    color: #fff;
}
.loop-3 .loop-3-box .content h2 a{
    color: #fff;
    font-size: 14px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.25);
}
/*
 * ------------------------------------------------------------------------------
 * 列表样式4
 * ------------------------------------------------------------------------------
 */
.loop-4 .loop-4-box{
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 0 25px 0 rgba(0,0,0,.06);
}
.loop-4 .loop-4-box .loop-4-box-img .thumb {
    height: 0;
    overflow: hidden;
    border-radius: 4px
}
.loop-4 .loop-4-box .content{
    color: #fff;
    padding: 10px;
    transform: translateY(100px);
    transition: all .3s;
    background: linear-gradient(to top, rgba(0, 0, 0, 50%) 0, transparent 100%);
}
.loop-4 .loop-4-box .content a{
    color: #fff;
    font-size: 14px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.25);
}
.loop-4 .loop-4-box:hover .content {
	transform: translateY(0px);
}
.loop-4 .loop-4-box .content .vip{
    height: 16px;
    width: 32px;
    background: url(../../static/images/ceo-vip-tag.svg) 0 0 no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    margin-right: 5px;
    transform: translateY(3px);
}
/*
 * ------------------------------------------------------------------------------
 * 音频列表样式
 * ------------------------------------------------------------------------------
 */
.loop-5 .loop-5-box{
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 25px 0 rgba(0,0,0,.06);
    border-radius: 4px;
}
.loop-5 .loop-5-box-img .thumb {
    height: 0;
    overflow: hidden;
}
.loop-5 .loop-5-box-img .views{
    display: block;
    position: absolute;
    margin: 10px 0 0 10px;
    z-index: 1;
    font-size: 12px;
    background: rgb(18 18 18 / 45%);
    color: #f9f9f9;
    border-radius: 3px;
    padding: 1px 5px;
}
.loop-5 .loop-5-box-img .views i{
    margin-right: 3px;
    font-size: 13px!important;
}
.loop-5 .loop-5-box-btm{
    height: 20px;
    padding: 10px;
    background-color: #000;
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.9) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    -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;
}
.loop-5 .loop-5-box-btm h2 {
    height: 20px;
    line-height: 20px;
}
.loop-5 .loop-5-box-btm h2 a {
    font-size: 13px;
    color: #fff;
    font-weight: 400;
}
.loop-5 .loop-5-box-btm .vip{
    height: 16px;
    width: 32px;
    background: url(../../static/images/ceo-vip-tag.svg) 0 0 no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    margin-right: 5px;
    transform: translateY(3px);
}
/*
 * ------------------------------------------------------------------------------
 * 列表样式6
 * ------------------------------------------------------------------------------
 */
.loop-6{
    
}
.loop-6 .loop-6-box{
    display: block;
    position: relative;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 0 25px 0 rgb(0 0 0 / 6%);
}
.loop-6 .loop-6-box:hover{
    -webkit-box-shadow: 0px 8px 16px 0px rgb(139 155 187 / 12%), 0px 8px 20px 0px rgb(139 155 187 / 40%);
    box-shadow: 0px 8px 16px 0px rgb(139 155 187 / 12%), 0px 8px 20px 0px rgb(139 155 187 / 40%);
}
.loop-6 .loop-6-box .top{
    margin-bottom: 20px;
}
.loop-6 .loop-6-box .top .thumb{
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 10px;
}
.loop-6 .loop-6-box .bottom{
    
}
.loop-6 .loop-6-box .bottom .info{
    color: #ffa400;
    font-size: 16px;
    display: block;
    text-align: center;
    margin-bottom: 5px;
}
.loop-6 .loop-6-box .bottom h2{
    text-align: center;
    color: #344356;
    font-size: 14px;
    font-weight: 400;
    transition: all .3s;
}
.loop-6 .loop-6-box:hover .bottom h2{
    color: var(--primary-color);
}
.loop-6 .loop-6-box .bottom em{
    margin: 15px 0;
    display: block;
    text-align: center;
}
.loop-6 .loop-6-box .bottom em i{
    color: #ccc;
    font-size: 20px!important;
    padding: 5px;
    border-radius: 50px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.loop-6 .loop-6-box:hover .bottom em i{
    color: var(--primary-color);
    background: var(--shallow-color);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.loop-6 .loop-6-box .bottom span{
    color: #8d939b;
    font-size: 12px;
}
/*
 * ------------------------------------------------------------------------------
 * 列表样式7-资讯
 * ------------------------------------------------------------------------------
 */
.ceo-category-news{
    background: rgb(242 245 249);
}
.ceo-category-news .position{
    padding: 20px 0;
}
.ceo-category-news .module{
    margin-bottom: 20px;
}
.ceo-category-news .module .nav{
    padding: 15px 20px 0 20px;
    margin-bottom: 20px;
}
.ceo-category-news .module .nav ul{
    letter-spacing: -8px;
}
.ceo-category-news .module .nav ul li{
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 15px;
    letter-spacing:normal
}
.ceo-category-news .module .nav ul li:last-child {
    margin-right: 0px;
}
.ceo-category-news .module .nav ul li a{
    height: 35px;
    line-height: 35px;
    background: rgba(0,0,0,.04);
    padding: 0 26px;
    border-radius: 4px;
    display: block;
    color: #505a71;
}
.ceo-category-news .module .nav ul li a:hover{
    color: var(--primary-color);
    background: var(--shallow-color);
}
.ceo-category-news .module .nav ul .current-cat a {
    color: var(--primary-color);
    background: var(--shallow-color);
}
/*分类幻灯*/
.news-slide{
    padding: 20px;
    margin-bottom: 20px;
}
.news-slide .left {
	height: 280px;
	overflow: hidden;
}
.news-slide .left .ceo-slideshow-items {
	min-height: 280px!important;
}
.news-slide .left .ceo-slideshow-items img{
	height: 280px;
}
.news-slide .left .ceo-slidenav{
    color: #fff;
}
.news-slide .left .slide-dotnav{
	margin-bottom: 15px;
}
.news-slide .left .slide-dotnav li {
	padding-left: 6px;
}
.news-slide .left .slide-dotnav li a {
	width: 8px;
    height: 8px;
    background-color: rgb(255 255 255 / 42%);
    transition: all .3s;
    border: 1px solid rgb(255 255 255 / 42%);
}
.news-slide .left .slide-dotnav .ceo-active {}
.news-slide .left .slide-dotnav .ceo-active a {
	width: 30px;
	border-radius: 10px;
	background-color: #fff;
}
.news-slide .right {
    
}
.news-slide .right a {
	height: 130px;
}
.news-slide .right img {
	min-height: 100%;
	min-width: 100%;
}
.loop-7{
    
}
.loop-7 ul{
    padding: 20px;
}
.loop-7 ul li{
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--border-color);
}
.loop-7 ul li:last-child{
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px solid var(--border-color);
}
.loop-7 ul .loop-7-box{
    
}
.loop-7 ul .loop-7-box .left{
    position: relative;
}
.loop-7 ul .loop-7-box .left .thumb{
    width: 220px;
    height: 140px;
    border-radius: 4px;
}
.loop-7 ul .loop-7-box .left .thumb img{
    
}
.loop-7 ul .loop-7-box .right{
    
}
.loop-7 ul .loop-7-box .right h2{
    margin-bottom: 20px;
    line-height: 1.5;
    font-size: 18px;
}
.loop-7 ul .loop-7-box .right h2 a{
    
}
.loop-7 ul .loop-7-box .right h2 a .tag{
    display: inline-block;
    background: var(--primary-color);
    color: #fff;
    font-size: 12px;
    padding: 2px 10px;
    transform: translateY(-1px);
    margin-right: 5px;
    border-radius: 2px;
}
.loop-7 ul .loop-7-box .right h2 a .tag i{
    
}
.loop-7 ul .loop-7-box .right .desc{
    font-size: 14px;
    color: #83868C;
    height: 43px;
    margin-bottom: 26px;
    line-height: 1.625;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}
.loop-7 ul .loop-7-box .loop-7-info{
    
}
.loop-7 ul .loop-7-box .loop-7-info .avatar{
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50px;
}
.loop-7 ul .loop-7-box .loop-7-info .name{
    margin-left: 5px;
}
.loop-7 ul .loop-7-box .loop-7-info .category{
    position: relative;
    margin-left: 20px;
    padding-left: 15px;
    font-size: 12px;
    color: #aaaeb3;
}
.loop-7 ul .loop-7-box .loop-7-info .category:before {
    content: '';
    position: absolute;
    left: 2px;
    top: 6px;
    width: 5px;
    height: 5px;
    border-radius: 50px;
    background: var(--primary-color);
}
.loop-7 ul .loop-7-box .loop-7-info span{
    color: #aaaeb3;
    font-size: 12px;
    margin-left: 20px;
}
.loop-7 ul .loop-7-box .loop-7-info span i{
    margin-right: 3px;
}
/*
 * ------------------------------------------------------------------------------
 * 瀑布流列表样式
 * ------------------------------------------------------------------------------
 */
.waterfall{

}
.waterfall .waterfall-box{
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 0 25px 0 rgba(0,0,0,.06);
}
.waterfall .waterfall-box-img{
    text-align: center;
}
.waterfall .waterfall-box-img .vip{
    position: absolute;
    z-index: 2;
    left: 10px;
    top: 10px;
    display: none;
    height: 16px;
    width: 32px;
    background: url(../../static/images/ceo-vip-tag.svg) 0 0 no-repeat;
    background-size: 100% 100%;
}
.waterfall .waterfall-box:hover .vip{
    display: block;
}
.waterfall .waterfall-box-img .btn{
    position: absolute;
    z-index: 2;
    right: 10px;
    top: 10px;
    display:none;
}
.waterfall .waterfall-box:hover .btn{
    display: block;
}
.waterfall .waterfall-box-img .btn a.collection{
    background: rgba(0,0,0,.6);
    color: #fff;
    width: 32px;
    height: 32px;
    line-height: 32px;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
}
.waterfall .waterfall-box-img .btn a.collection:hover{
    background: var(--primary-color);
    color: #fff;
}
.waterfall .waterfall-box-img a.collection i{
    line-height: 1;
    font-size: 18px !important;
}
.waterfall .waterfall-box-img .btn a.demo{
    background: rgba(0,0,0,.6);
    color: #fff;
    width: 32px;
    height: 32px;
    line-height: 32px;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    margin-right: 2px;
}
.waterfall .waterfall-box-img .btn a.demo:hover{
    background: var(--primary-color);
    color: #fff;
}
.waterfall .waterfall-box-img .btn a.demo i{
    line-height: 1;
    font-size: 18px !important;
}
.waterfall .waterfall-box-img .btn .edit{
    width: 45px!important;
    height: 30px!important;
    line-height: 30px!important;
}
.waterfall .waterfall-box-img .thumb {
    height: 100%;
    border-radius: 4px
}
.waterfall .waterfall-box-img:hover .thumb img{
    -webkit-filter: brightness(60%);
    filter: brightness(60%);
    -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;
}
.waterfall .waterfall-box-img .thumb span.down{
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 17%;
    color: #fff !important;
    background: var(--primary-color);
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50px;
    display: block;
    font-size: 14px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .25s ease-out;
    -ms-transition: all ease-out .25s;
    -o-transition: all ease-out .25s;
    transition: all .25s ease-out;
}
.waterfall .waterfall-box-img .thumb span.down i{
    font-size: 16px!important;
    margin-right: 5px;
}
.waterfall .waterfall-box:hover .waterfall-box-img .thumb span {
	z-index: 1;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.waterfall .waterfall-box-img .thumb span:hover {
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12);
}
.waterfall .waterfall-box .content{
    color: #fff;
    padding: 10px;
    background: linear-gradient(to top, rgba(0, 0, 0, 50%) 0, transparent 100%);
}
.waterfall .waterfall-box .content h2{
    color: #fff;
}
.waterfall .waterfall-box .content h2 a{
    color: #fff;
    font-size: 14px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.25);
}
/*
 * ------------------------------------------------------------------------------
 * 通用文章列表样式
 * ------------------------------------------------------------------------------
 */
.loop-article{
    
}
.loop-article .item{
    transition: all .3s;
    box-shadow: 0 0 25px 0 rgb(0 0 0 / 6%);
}
.loop-article .item:hover{
    box-shadow: 0 0px 18px 2px rgb(0 0 0 / 9%);
}
.loop-article .item .top{
    position: relative;
    overflow: hidden;
}
.loop-article .item .top .tese{
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
    padding: 0 12px;
    height: 22px;
    background: rgb(0 0 0 / 38%);
    border-radius: 2px;
    line-height: 22px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
}
.loop-article .item .top .thumb{
    padding-bottom: 66%;
    height: 0;
    border-radius: 4px 4px 0 0;
}
.loop-article .item .top .category{
    color: #fff;
    padding: 10px;
    transition: all .3s;
    background: linear-gradient(to top, rgba(0, 0, 0, 50%) 0, transparent 100%);
}
.loop-article .item .top .category a{
    color: #fff;
    font-size: 12px;
}
.loop-article .item .top .category span{
    font-size: 12px;
}
.loop-article .item .top .category span i{
    margin-right: 3px;
}
.loop-article .item .bottom{
    padding: 20px;
}
.loop-article .item .bottom h2{
    
}
.loop-article .item .bottom h2 a{
    color: #344356;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 20px;
    height: 44px;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
}
.loop-article .item .bottom h2 a:hover{
    color: var(--primary-color);
}
.loop-article .item .bottom .info{
    align-items: center;
}
.loop-article .item .bottom .info .avatarimg{
    display: inline-block;
    margin-right: 3px;
    transform: translateY(-2px);
}
.loop-article .item .bottom .info .avatarimg img {
    line-height: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}
.loop-article .item .bottom .info span{
    color: #999;
    font-size: 12px;
}
.loop-article .item .bottom .info span a {
    color: #999;
    font-size: 12px;
}
.loop-article .item .bottom .info span a:hover{
    color: var(--primary-color);
}
.loop-article .item .bottom .info .views{
    color: #999;
    font-size: 12px;
}
.loop-article .item .bottom .info .views i{
    margin-right: 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;
}

/*
 * ------------------------------------------------------------------------------
 * 视频音频列表优化
 * ------------------------------------------------------------------------------
 */
.post-has-video {
	position:relative
}
.post-has-video span {
	z-index: 1;
    display: block;
    background: url(../../static/images/ceo-play-cover.png) center no-repeat;
    height: 25px;
    width: 38px;
    position: absolute;
    margin: 10px 0 0 10px;
}
.btn-search-all,.btn-search-category {
	cursor:pointer
}
#ceoxiangguan .post-has-video span {
	display:none !important
}

/**/
.ceo-music-cat {
    height: 0;
    padding-bottom: 66%;
    background: #1a1a1a;
    text-align: center;
}
.ceo-music-cat .audio-pan{
    top: 45%;
}
.ceo-music-cat .audio-pan .play-icon {
	position: absolute;
    height: 40px;
    z-index: 2;
    left: 38px;
    top: 38px;
}
.ceo-music-cat .audio-pan .play-dot {
	position: absolute;
    top: 0;
    right: -30px;
    width: 20px !important;
    height: 20px;
    z-index: 3;
}
.ceo-music-cat .audio-pan .play-zhen {
	position: absolute;
    top: 18px;
    right: -22px;
    width: auto !important;
    height: 68px;
    z-index: 2;
    transform: rotate(-9deg);
    transition: all .6s ease-in-out;
    transform-origin: right top;
}
.ceo-music-cat .audio-pan .play-pan {
	position:relative;
	height: 118px;
	animation: 0s ease 0s 1 normal none running none;
}
.ceo-music-cat-title .title {
	padding:10px;
	min-height:15px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	word-break:break-all
}
.post-video .video-play video {
	position:relative;
	display:block;
	width:auto;
	height:100%;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	left:50%;
	top:50%
}
.post-video .video-box-hand {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	display:block;
	overflow:hidden
}
.video-box-hand:hover .meta-video-tag {
	display:none
}
.post-video .video-play {
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative
}
.audio-wrapper {
	background-color:#f2f5f9;
	display:flex;
	flex-direction:column;
	justify-content:center;
	padding:30px;
	margin-bottom:20px;
	border-radius:12px
}
.audio-info {
    
}
.audio-left {
	display:flex;
	justify-content:center;
	align-items:center;
	margin-bottom: 60px;
}
.audio-left img {
	width:100px;
	margin:0 !important;
	height:100px;
	display:initial;
	cursor:pointer;
	position:absolute;
	z-index:3
}
.post-video>.video .meta-video-tag {
	content:' ';
	position:absolute;
	top:5px;
	right:5px;
	width:50px;
	height:50px;
	background:url(../images/play.png) 50% no-repeat;
	background-size:cover;
	z-index:1
}
@-webkit-keyframes z {
	from {
	-webkit-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
	-moz-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
	-ms-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
	transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1)
}
to {
	-webkit-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
	-moz-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
	-ms-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
	transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1)
}
}
.cover-bg {
	margin:0 auto;
	width:200px;
	height:200px;
	background:url(../images/pan.png) no-repeat;
	display:flex;
	justify-content:center;
	align-items:center;
	background-size:auto 100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#000;
	border-radius:50%;
	-webkit-animation:z 5s linear 0s infinite;
	-moz-animation:z 5s linear 0s infinite;
	-ms-animation:z 5s linear 0s infinite;
	animation:z 5s linear 0s infinite
}
.audio-right {
	width:100%;
}
.audio-right .title {
	font-size: 18px;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
    color: #666;
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}
.progress-bar-bg {
	background-color:#d9d9d9;
	position:relative;
	height:36px;
	cursor:pointer
}
.progress-yinfu {
	position:absolute;
	left:-1px;
	top:-1px;
	z-index:3;
	width:101%;
	height:100%;
	background:url(../images/audio-s-b.svg) repeat-x
}
.progress-bar-bg span {
	content:" ";
	width:2px;
	height:100%;
	background:#666;
	position:absolute;
	cursor:pointer
}
.progress-bar {
	background:#666;
	width:0;
	height:100%
}
.audio-time {
	overflow:hidden;
	margin-top:4px;
	color:#999
}
.audio-length-current {
	float:left;
	font-size:14px
}
.audio-length-total {
	float:right;
	font-size:14px
}
.n-box fieldset {
	border:1px dashed #bdbdbd;
	padding:10px;
	border-radius:5px;
	line-height:2em;
	font-size:12px;
	color:#bdbdbd;
	text-align:center
}
@-webkit-keyframes z {
	from {
	-webkit-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
	-moz-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
	-ms-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
	transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1)
}
to {
	-webkit-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
	-moz-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
	-ms-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
	transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1)
}
}.widget-userinfo .author_avatar a {
	font-size:0.9rem !important;
	font-weight:400;
	line-height:1.5;
	color:#fff
}
.widget-userinfo .author-fields .num {
	position:static;
	background:transparent;
	color:#fff;
	font-size:23px
}
.burger:before,.burger:after {
	background-color:transparent
}
.burger>i {
	display:inline-block;
	margin-top:3px;
	margin-left:7px
}
.n-box legend {
	color:#ffffff;
	width:30%;
	text-align:center;
	background:#3d7eff;
	border-radius:5px
}
.tabtst {
	overflow:hidden;
	width:100%;
	height:55px;
	cursor:pointer;
	margin-bottom:20px
}
.tabtst li.on {
	border-bottom:2px solid #3d7eff;
	color:#333;
	line-height:53px;
	font-weight:400
}
.tabtst li {
	float:left;
	padding:0 20px;
	text-align:center;
	line-height:53px;
	font-size:18px;
	color:#ccc;
	list-style:none
}
.article-content li {
	margin-bottom:10px
}
.btn--secondary {
	background:#3d7eff !important
}
.widget-area .widget .pwd {
	display:none
}
.navbar-sticky:not(.ads-before-header) .site-header,.navbar-sticky_transparent:not(.ads-before-header) .site-header,.stick-now .site-header {
	top:35px
}
.mask-body-dark {
	background:rgba(0,0,0,.4);
	background-color:rgba(25,37,49,0.8);
	-webkit-backdrop-filter:blur(10px);
	backdrop-filter:blur(10px);
	pointer-events:auto;
	transition-duration:.2s
}
.mask-body {
	display:flex;
	position:fixed;
	z-index:1040;
	top:0;
	right:0;
	bottom:0;
	left:0;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	padding:.625em;
	overflow-x:hidden;
	background-color:transparent;
	-webkit-overflow-scrolling:touch
}
.omnisearch.show {
	opacity:1;
	-webkit-transform:translateY(50%);
	-ms-transform:translateY(50%);
	transform:translateY(50%)
}
.omnisearch {
	width:100%;
	margin-top:1.5rem;
	position:fixed;
	top:0;
	left:0;
	z-index:1050;
	opacity:0;
	background-color:transparent;
	pointer-events:none;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0);
	-webkit-transition:opacity 0.15s,-webkit-transform 0.3s;
	transition:opacity 0.15s,-webkit-transform 0.3s;
	-o-transition:transform 0.3s,opacity 0.15s;
	transition:transform 0.3s,opacity 0.15s;
	transition:transform 0.3s,opacity 0.15s,-webkit-transform 0.3s;
	font-family:RiPlus-Black
}
.omnisearch-form .input-group {
	position:relative;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-ms-flex-align:stretch;
	align-items:stretch;
	width:100%
}
.input-group-prepend {
	margin-right:-1px
}
.input-group-append,.input-group-prepend {
	display:-ms-flexbox;
	display:flex
}
.omnisearch .omnisearch-form .input-group-text {
	font-size:1.875rem;
	background:transparent;
	color:#C0CCDA;
	background-color:#FFF;
	border:1px solid #E0E6ED
}
.input-group-merge .form-control:not(:first-child):not(.is-valid):not(.is-invalid) {
	border-left:0;
	padding-left:0
}
.omnisearch .omnisearch-form .form-control {
	display:block;
	height:68px;
	font-size:1.25rem;
	color:#454545;
	background-color:transparent;
	background-image:none;
	border:0;
	outline:none
}
.card-item .post-audio {
	position:relative
}
.card-item .post-audio img {
	height:auto
}
/*
 * ------------------------------------------------------------------------------
 * 侧边栏作者模块
 * ------------------------------------------------------------------------------
 */
.ceo-sidebar-author{
    padding: 40px 30px 30px 30px;
}
.ceo-sidebar-author .adminimg{
    display: inline-block;
    position: relative;
}
.ceo-sidebar-author .adminimg img{
    border-radius: 50px;
}
.ceo-sidebar-author .adminimg i{
    position: absolute;
    right: 12px;
    bottom: 0px;
    width: 16px;
    height: 16px;
    background-image: url(../../static/images/ceo-users-icon.png);
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
}
.ceo-sidebar-author .name{
    margin-top: 20px;
    font-size: 18px;
    font-weight: 600;
}
.ceo-sidebar-author .desc{
    margin-top: 10px;
    display: block;
    color: #999;
}
.ceo-sidebar-author .count{
    margin-top: 20px;
    padding-top: 20px;
}
.ceo-sidebar-author .count li{
	border-right: 1px solid var(--border-color);
}
.ceo-sidebar-author .count li:last-child {
	border: 0!important;
}
.ceo-sidebar-author .count li span{
    font-size: 12px;
    color: #aaaeb3;
}
.ceo-sidebar-author .count li p{
    font-weight: 600;
}
.ceo-sidebar-author .btns{
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}
.ceo-sidebar-author .btns button,.ceo-sidebar-author .btns a{
    font-size: 14px;
    line-height: 35px;
    padding: 0;
    width: 90px;
    margin-right: 0px;
}
.ceo-sidebar-author .btns button.ceo-gzbtn{
    color: #fff!important;
    background: var(--primary-color) !important;
}

/*
 * ------------------------------------------------------------------------------
 * 侧边栏社交模块
 * ------------------------------------------------------------------------------
 */
.ceo-sidebar-focus{
    padding: 20px 20px 40px 20px;
    text-align: center;
}
.ceo-sidebar-focus .bg{
    height: 130px;
}
.ceo-sidebar-focus .img{
    position: relative;
    margin-top: -49px;
}
.ceo-sidebar-focus .img img{
    width: 100px;
    height: 100px;
    padding: 5px;
    background: #fff;
}
.ceo-sidebar-focus .title{
    margin-top: 10px;
    margin-bottom: 20px;
    display: inline-block;
}
.ceo-sidebar-focus .title span{
    height: 25px;
    line-height: 25px;
    font-size: 16px;
    color: #333;
    font-weight: 600;
    display: block;
}
.ceo-sidebar-focus .title p{
    font-size: 13px;
    text-align: center;
    color: #999;
    letter-spacing: 0.5px;
    margin-top: 5px;
    display: inline-block;
}
.ceo-sidebar-focus .link{
    
}
.ceo-sidebar-focus .link a{
    display: inline-block;
    width: 220px;
    height: 42px;
    line-height: 42px;
    position: relative;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    margin-bottom: 20px;
}
.ceo-sidebar-focus .link a:hover{
    background: var(--primary-color);
    color: #fff;
}
.ceo-sidebar-focus .link a:nth-child(even){
    color: #ff3f32;
    border: 1px solid #ff3f32;
}
.ceo-sidebar-focus .link a:nth-child(even):hover{
    background: #ff3f32;
    color: #fff;
}
.ceo-sidebar-focus .link a:last-child{
    margin-bottom: 0px;
}
/*
 * ------------------------------------------------------------------------------
 * 侧边栏图文模块
 * ------------------------------------------------------------------------------
 */
.ceo-sidebar-imgtext{
    
}
.ceo-sidebar-imgtext .title{
    padding: 30px;
    line-height: 25px;
}
.ceo-sidebar-imgtext .title span{
    font-size: 16px;
    display: inline-block;
    color: #333;
    position: relative;
    padding-left: 20px;
}
.ceo-sidebar-imgtext .title span:before {
    content: '';
    position: absolute;
    left: 2px;
    top: 9px;
    width: 8px;
    height: 8px;
    background: var(--primary-color);
}
.ceo-sidebar-imgtext .title a{
    color: #ccc;
}
.ceo-sidebar-imgtext .title a:hover{
    color: #000;
}
.ceo-sidebar-imgtext .title a i{
    font-size: 20px!important;
}
.ceo-sidebar-imgtext .top{
    padding: 0 30px;
}
.ceo-sidebar-imgtext .top a{
    position: relative;
    display: inline-block;
    height: 166px;
}
.ceo-sidebar-imgtext .top .desc{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 10px;
    background: rgba(0,0,0,.30);
    overflow: hidden;
    font-size: 14px;
    line-height: 22px;
    border-radius: 4px;
    z-index: 2;
    transition: all .3s ease;
}
.ceo-sidebar-imgtext .top .desc:hover{
    background:rgba(0,0,0,.60);
    transition:all .3s ease;
}
.ceo-sidebar-imgtext .top .desc p{
    padding: 8px 16px;
    color: #fff;
    transition: all .3s ease;
}
.ceo-sidebar-imgtext .bottom{
    padding: 30px;
}
.ceo-sidebar-imgtext .bottom .item{
    margin-bottom: 18px;
}
.ceo-sidebar-imgtext .bottom .item:last-child{
    margin-bottom: 0;
}
.ceo-sidebar-imgtext .bottom .item .img{
    
}
.ceo-sidebar-imgtext .bottom .item .img a{
    height: 62px;
}
.ceo-sidebar-imgtext .bottom .item .list{
    
}
.ceo-sidebar-imgtext .bottom .item .list a{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
    font-size: 13px;
    height: 41px;
}
.ceo-sidebar-imgtext .bottom .item .list a:hover{
    color:var(--primary-color) ;
}
.ceo-sidebar-imgtext .bottom .item .list p{
    margin-top: 11px;
    color: #aaaeb3;
    font-size: 12px;
    line-height: 1;
}
/*
 * ------------------------------------------------------------------------------
 * 侧边栏文章模块
 * ------------------------------------------------------------------------------
 */
.ceo-sidebar-text{
    
}
.ceo-sidebar-text .title{
    padding: 30px;
    line-height: 25px;
}
.ceo-sidebar-text .title span{
    font-size: 16px;
    display: inline-block;
    color: #333;
    position: relative;
    padding-left: 20px;
}
.ceo-sidebar-text .title span:before {
    content: '';
    position: absolute;
    left: 2px;
    top: 9px;
    width: 8px;
    height: 8px;
    background: var(--primary-color);
}
.ceo-sidebar-text .title a{
    color: #ccc;
}
.ceo-sidebar-text .title a:hover{
    color: #000;
}
.ceo-sidebar-text .title a i{
    font-size: 20px!important;
}
.ceo-sidebar-text ul{
    padding: 0 30px 30px 30px;
}
.ceo-sidebar-text ul li{
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.ceo-sidebar-text ul li:last-child{
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.ceo-sidebar-text ul li .num{
    background: #ccc;
    color: #fff;
    border-radius: 50px;
    height: 21px;
    line-height: 21px;
    display: inline-block;
    padding: 0px 7px;
    font-size: 12px;
    margin-right: 10px;
}
.ceo-sidebar-text ul li .num1{
    background: var(--primary-color);
}
.ceo-sidebar-text ul li .num2{
    background: #6e95ff;
}
.ceo-sidebar-text ul li .num3{
    background: #a9c0ff;
}
.ceo-sidebar-text ul li a{
    
}
.ceo-sidebar-text ul li span{
    color: #aaaeb3;
    font-size: 12px;
    margin-left: 20px;
}
.ceo-sidebar-text ul li span i{
    margin-right: 3px;
}
/*
 * ------------------------------------------------------------------------------
 * 侧边栏广告模块
 * ------------------------------------------------------------------------------
 */
.ceo-sidebar-ad{
    padding: 20px;
}
.ceo-sidebar-ad a{
    margin-bottom: 15px;
}
.ceo-sidebar-ad a:last-child{
    margin-bottom: 0px;
}
.ceo-sidebar-ad a img{
    
}
/*
 * ------------------------------------------------------------------------------
 * 侧边栏商城模块
 * ------------------------------------------------------------------------------
 */
 
 /*样式1*/
.ceo-sidebar-shop1{
    padding: 30px;
}
.ceo-sidebar-shop1 .download-btn{
    padding-bottom: 20px;
}
.ceo-sidebar-shop1 .download-btn a{
    display: block;
    height: 55px;
    line-height: 55px;
    padding: 0;
    font-size: 16px;
    color: #fff;
    text-align: center;
    border-radius: 4px;
}
.ceo-sidebar-shop1 .download-btn a:hover{
    opacity: .8;
}
.ceo-sidebar-shop1 .download-btn a.download{
    position: relative;
    transition: all .3s ease;
    overflow: hidden;
    background: var(--primary-color);
}
.ceo-sidebar-shop1 .download-btn a.download i{
    font-size: 20px!important;
    transform: translateY(2px);
    margin-right: 10px;
}
.ceo-sidebar-shop1 .download-btn a.download:after {
    content: '';
    position: absolute;
    top: -5%;
    left: -30%;
    width: 20px;
    height: 110%;
    opacity: 0.2;
    visibility: visible;
    background-color: #ffffff;
    transform: skewX(10deg);
    transition: all ease 0.6s;
}
.ceo-sidebar-shop1 .download-btn a.download:hover:after {
    left: 120%;
    opacity: 0.2;
}
.ceo-sidebar-shop1 .download-btn a.demo{
    margin-bottom: 15px;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
}
.ceo-sidebar-shop1 .download-btn a.demo i{
    font-size: 20px!important;
    transform: translateY(1px);
    margin-right: 10px;
}
.ceo-sidebar-shop1 .download-btn a.btn{
    margin-top: 15px;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
}
.ceo-sidebar-shop1 .download-btn a.btn i{
    font-size: 20px!important;
    transform: translateY(1px);
    margin-right: 10px;
}
.ceo-sidebar-shop1 ul.list{
    background: rgb(246 247 249 / 62%);
    padding: 20px;
    border-radius: 4px;
}
.ceo-sidebar-shop1 ul.list li{
    display: block;
    margin-bottom: 20px;
}
.ceo-sidebar-shop1 ul.list li p{
    display: inline-block;
    color: #888;
}
.ceo-sidebar-shop1 ul.list li em{
    float: right;
    color: #888;
}
.ceo-sidebar-shop1 ul.list li em a{
    color: #888;
}
.ceo-sidebar-shop1 ul.list li em a:hover{
    color: #202020;
}
.ceo-sidebar-shop1 ul.list li .discount{
    display: inline-block;
    position: relative;
    transition: all .3s;
}
.ceo-sidebar-shop1 ul.list li .discount a{
    display: inline-block;
    border: 1px solid #FF7D18;
    text-align: center;
    color: #FF7D18;
    border-radius: 4px;
    padding: 1px 5px;
    font-size: 12px;
}
.ceo-sidebar-shop1 ul.list li .discount a:hover{
    background: #FF7D18;
    color: #fff;
}
.ceo-sidebar-shop1 ul.list li .discount:hover .box{
    display: block;
}
.ceo-sidebar-shop1 ul.list li .discount .box{
    position: absolute;
    top: 35px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 201;
    display: none;
    color: #666;
    transition: all .3s;
}
.ceo-sidebar-shop1 ul.list li .discount .box .title{
    margin-bottom: 10px;
}
.ceo-sidebar-shop1 ul.list li .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;
}
.ceo-sidebar-shop1 ul.list li .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;
}
.ceo-sidebar-shop1 ul.list li .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;
}
.ceo-sidebar-shop1 ul.list li .discount .box ul li:after {
    display: none;
}
.ceo-sidebar-shop1 ul.list li .discount .box ul li:last-child{
    margin-bottom: 0px;
}
.ceo-sidebar-shop1 ul.list li .discount .box ul li.vip{
    color: #FF7D18;
}
.ceo-sidebar-shop1 ul.list li .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;
}
.ceo-sidebar-shop1 ul.list li .discount .box ul li span{
    position: relative;
}
.ceo-sidebar-shop1 ul.list li .discount .box ul li p{
    line-height: 1.5;
    margin-bottom: 0;
    font-size: 12px;
}
.ceo-sidebar-shop1 ul.list li .discount .box ul li p em{
    color: #FF7D18;
    margin-right: 5px;
    float: inherit;
}
.ceo-sidebar-shop1 .share{
    color: #888;
}
.ceo-sidebar-shop1 .share a i{
    line-height: 1;
}
.ceo-sidebar-shop1 .share p{
    line-height: 25px;
}
.ceo-sidebar-shop1 .share .share-post {
    margin-right: 0px;
    background: #f1f3f7;
    color: #666;
    border-radius: 50px;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 3px;
    padding-left: 5px;
}
.ceo-sidebar-shop1 .share .share-post:hover{
    background: #6969ff;
    color: #fff;
}
.ceo-sidebar-shop1 .share .share-post:before {
    width: 0px;
}
.ceo-sidebar-shop1 .share .weixin-share{
    background: #f1f3f7;
    color: #666;
    border-radius: 50px;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 3px;
    padding-left: 5px;
}
.ceo-sidebar-shop1 .share .weixin-share:hover{
    background: #35dc42;
    color: #fff;
}
.ceo-sidebar-shop1 .share .qq-share{
    background: #f1f3f7;
    color: #666;
    border-radius: 50px;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 3px;
    padding-left: 5px;
}
.ceo-sidebar-shop1 .share .qq-share:hover{
    background: #0a90ff;
    color: #fff;
}
.ceo-sidebar-shop1 .share .weibo-share{
    background: #f1f3f7;
    color: #666;
    border-radius: 50px;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 3px;
    padding-left: 5px;
}
.ceo-sidebar-shop1 .share .weibo-share:hover{
    background: #fa833a;
    color: #fff;
}
.ceo-sidebar-shop1 .cosbtn{
    font-size: 12px;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #eceff1;
}
.ceo-sidebar-shop1 .cosbtn a{
    color: #9da3ac;
}
.ceo-sidebar-shop1 .cosbtn a:hover{
    color: #202020;
}
.ceo-sidebar-shop1 .cosbtn a i{
    font-size: 15px!important;
    margin-right: 3px;
    line-height: 1;
}
.ceo-sidebar-shop1 .cosbtn .desc{
    position: relative;
    cursor: pointer;
}
.ceo-sidebar-shop1 .cosbtn .desc span{
    color: #9da3ac;
}
.ceo-sidebar-shop1 .cosbtn .desc span i{
    font-size: 15px!important;
    margin-right: 3px;
    line-height: 1;
}
.ceo-sidebar-shop1 .cosbtn .desc .box{
    display: none;
    position: absolute;
    padding-top: 20px;
    top: 8px;
    right: 0;
    z-index: 10;
}
.ceo-sidebar-shop1 .cosbtn .desc:hover .box{
    display: block;
}
.ceo-sidebar-shop1 .cosbtn .desc .box:before {
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    right: 14px;
    top: 5px;
    border: 10px solid transparent;
    border-bottom-color: #fff;
}
.ceo-sidebar-shop1 .cosbtn .desc .box .boxtitle{
    width: 246px;
    height: 100%;
    padding: 20px;
    display: block;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0px 0px 16px 1px rgba(0, 0, 0, 0.1);
    line-height: 1.5;
    color: #8692a2;
}
.ceo-sidebar-shop1 .cosbtn .desc .box .boxtitle span{
    text-align: center;
    font-size: 16px;
    display: block;
    margin-bottom: 10px;
}

 /*样式2*/
.ceo-sidebar-shop2{
    padding: 30px;
}
.ceo-sidebar-shop2 .header{
    margin-bottom: 20px;
}
.ceo-sidebar-shop2 .header .title{
    align-items: center;
}
.ceo-sidebar-shop2 .header .title h1{
    font-size: 18px;
    font-weight: 600;
    display: block;
    padding-right: 20px;
    line-height: 28px;
}
.ceo-sidebar-shop2 .header .title .s{
    background: url(../../static/images/s.png) no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    margin-right: 8px;
    transform: translateY(2px);
}
.ceo-sidebar-shop2 .header .title .t{
    background: var(--primary-color);
    color: #fff;
    border-radius: 3px;
    font-size: 12px;
    padding: 3px 6px;
    transform: translateY(2px);
    margin-right: 8px;
}
.ceo-sidebar-shop2 .header .title .t i{
    margin-right: 3px;
}
.ceo-sidebar-shop2 .header ul.info{
    margin-top: 10px;
}
.ceo-sidebar-shop2 .header ul.info li{
    display: inline-block;
    font-size: 12px;
    margin-right: 20px;
}
.ceo-sidebar-shop2 .header ul.info li:last-child{
    margin-right: 0px;
}
.ceo-sidebar-shop2 .header ul.info li span,.ceo-sidebar-shop2 .header ul.info li span a{
    color: #999;
}
.ceo-sidebar-shop2 .header ul.info li span a:hover{
    color: var(--primary-color);
}
.ceo-sidebar-shop2 .header ul.info li span i{
    margin-right: 5px;
    color: #999;
}
.ceo-sidebar-shop2 .header ul.info .edit{
    float: right;
}
.ceo-sidebar-shop2 .header ul.info .edit i{
    color: #999;
    transform: translateY(3px);
}
.ceo-sidebar-shop2 .list{
    background: rgb(246 247 249 / 62%);
    padding: 20px;
    border-radius: 4px;
}
.ceo-sidebar-shop2 .list ul{
    
}
.ceo-sidebar-shop2 .list ul li{
    margin-bottom: 20px;
}
.ceo-sidebar-shop2 .list ul li:last-child{
    margin-bottom: 0;
}
.ceo-sidebar-shop2 .list ul li p{
    display: inline-block;
    color: #888;
}
.ceo-sidebar-shop2 .list ul li em{
    float: right;
    color: #888;
}
.ceo-sidebar-shop2 .list ul li em a{
    color: #888;
}
.ceo-sidebar-shop2 .list ul li .discount{
    display: inline-block;
    position: relative;
    transition: all .3s;
}
.ceo-sidebar-shop2 .list ul li .discount a{
    display: inline-block;
    border: 1px solid #FF7D18;
    text-align: center;
    color: #FF7D18;
    border-radius: 4px;
    padding: 1px 5px;
    font-size: 12px;
}
.ceo-sidebar-shop2 .list ul li .discount:hover .box{
    display: block;
}
.ceo-sidebar-shop2 .list ul li .discount .box{
    position: absolute;
    top: 35px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 201;
    display: none;
    color: #666;
    transition: all .3s;
}
.ceo-sidebar-shop2 .list ul li .discount .box .title{
    margin-bottom: 10px;
}
.ceo-sidebar-shop2 .list ul li .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;
}
.ceo-sidebar-shop2 .list ul li .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;
}
.ceo-sidebar-shop2 .list ul li .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;
}
.ceo-sidebar-shop2 .list ul li .discount .box ul li:after {
    display: none;
}
.ceo-sidebar-shop2 .list ul li .discount .box ul li:last-child{
    margin-bottom: 0px;
}
.ceo-sidebar-shop2 .list ul li .discount .box ul li.vip{
    color: #FF7D18;
}
.ceo-sidebar-shop2 .list ul li .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;
}
.ceo-sidebar-shop2 .list ul li .discount .box ul li span{
    position: relative;
}
.ceo-sidebar-shop2 .list ul li .discount .box ul li p{
    line-height: 1.5;
    margin-bottom: 0;
    font-size: 12px;
}
.ceo-sidebar-shop2 .list ul li .discount .box ul li p em{
    color: #FF7D18;
    margin-right: 5px;
    float: inherit;
}
.ceo-sidebar-shop2 .btns{
    display: flex;
    justify-content: space-around;
    margin-top: 20px;
    position: relative;
}
.ceo-sidebar-shop2 .btns .collection{
    position: relative;
}
.ceo-sidebar-shop2 .btns .collection:after {
    position: absolute;
    top: 4px;
    right: -25px;
    width: 1px;
    height: 15px;
    background: #e3e3e3;
    content: "";
}
.ceo-sidebar-shop2 .btns .share{
    
}
.ceo-sidebar-shop2 .btns .share:hover .box{
    display: block;
}
.ceo-sidebar-shop2 .btns .share .box{
    position: absolute;
    padding-bottom: 30px;
    bottom: 10px;
    right: 0;
    left: 0;
    z-index: 201;
    display: none;
}
.ceo-sidebar-shop2 .btns .share .box ul{
    padding: 20px;
    height: 100%;
    border-radius: 4px;
    background: #fff;
    position: relative;
    box-shadow: 0px 0px 16px 1px rgb(0 0 0 / 10%);
    display: flex;
    justify-content: space-between;
}
.ceo-sidebar-shop2 .btns .share .box ul li{
    
}
.ceo-sidebar-shop2 .btns .share .box ul li a{
    margin: 0;
    background: #f1f3f7;
    color: #666;
    border-radius: 50px;
    padding: 5px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
}
.ceo-sidebar-shop2 .btns .share .box ul li a i{
    font-size: 20px!important;
}
.ceo-sidebar-shop2 .btns .share .share-post:hover{
    background: #6969ff;
    color: #fff;
}
.ceo-sidebar-shop2 .btns .share .weixin-share:hover{
    background: #35dc42;
    color: #fff;
}
.ceo-sidebar-shop2 .btns .share .qq-share:hover{
    background: #0a90ff;
    color: #fff;
}
.ceo-sidebar-shop2 .btns .share .weibo-share:hover{
    background: #fa833a;
    color: #fff;
}
.ceo-sidebar-shop2 .btns .share .box ul li .share-post:before {
    position: absolute;
    right: -12px;
    top: 50%;
    width: 0px;
    height: 14px;
    margin-top: -7px;
    background: #999;
    content: "";
    opacity: .6;
}
.ceo-sidebar-shop2 .btns .report{
    position: relative;
}
.ceo-sidebar-shop2 .btns .report:after {
    position: absolute;
    top: 4px;
    left: -25px;
    width: 1px;
    height: 15px;
    background: #e3e3e3;
    content: "";
}
.ceo-sidebar-shop2 .btns .collection a,.ceo-sidebar-shop2 .btns .report a,.ceo-sidebar-shop2 .btns .share .title{
    color: #505a71;
    cursor: pointer;
}
.ceo-sidebar-shop2 .btns .collection a:hover,.ceo-sidebar-shop2 .btns .report a:hover,.ceo-sidebar-shop2 .btns .share .title:hover{
    color: var(--primary-color);
}
.ceo-sidebar-shop2 .btns .collection a i,.ceo-sidebar-shop2 .btns .share .title i,.ceo-sidebar-shop2 .btns .report a i{
    font-size: 16px!important;
    margin-right: 5px;
}
.ceo-sidebar-shop2 .download-btn{
    padding-top: 20px;
}
.ceo-sidebar-shop2 .download-btn a{
    display: block;
    height: 55px;
    line-height: 55px;
    padding: 0;
    font-size: 16px;
    color: #fff;
    text-align: center;
    border-radius: 4px;
}
.ceo-sidebar-shop2 .download-btn a:hover{
    opacity: .8;
}
.ceo-sidebar-shop2 .download-btn a.download{
    position: relative;
    transition: all .3s ease;
    overflow: hidden;
    background: var(--primary-color);
}
.ceo-sidebar-shop2 .download-btn a.download i{
    font-size: 20px!important;
    transform: translateY(2px);
    margin-right: 10px;
}
.ceo-sidebar-shop2 .download-btn a.download:after {
    content: '';
    position: absolute;
    top: -5%;
    left: -30%;
    width: 20px;
    height: 110%;
    opacity: 0.2;
    visibility: visible;
    background-color: #ffffff;
    transform: skewX(10deg);
    transition: all ease 0.6s;
}
.ceo-sidebar-shop2 .download-btn a.download:hover:after {
    left: 120%;
    opacity: 0.2;
}
.ceo-sidebar-shop2 .download-btn a.demo{
    margin-bottom: 15px;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
}
.ceo-sidebar-shop2 .download-btn a.demo i{
    font-size: 20px!important;
    transform: translateY(1px);
    margin-right: 10px;
}
.ceo-sidebar-shop2 .download-btn a.btn{
    margin-top: 15px;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
}
.ceo-sidebar-shop2 .download-btn a.btn i{
    font-size: 20px!important;
    transform: translateY(1px);
    margin-right: 10px;
}

/*通用*/
.ceo-sidebar-shop-more{
    padding: 30px;
}
.ceo-sidebar-shop-more .recommend-title{
    margin-bottom: 20px;
    align-items: center;
}
.ceo-sidebar-shop-more .recommend-title span{
    font-size: 16px;
}
.ceo-sidebar-shop-more .recommend-title a{
    font-size: 14px;
    color: #9da3ac;
}
.ceo-sidebar-shop-more .recommend-title a:hover{
    color: #202020;
}
.ceo-sidebar-shop-more .recommend-title a i{
    margin-left: 3px;
}
.ceo-sidebar-shop-more .thumb{
    height: 0;
    overflow: hidden;
    border-radius: 4px;
    padding-bottom: 150%;
}
.ceo-sidebar-shop-more .quick{
    
}
.ceo-sidebar-shop-more .quick a{
    margin-bottom: 10px;
    display: block;
}
.ceo-sidebar-shop-more .quick a:last-child{
    margin-bottom: 0px;
}
.ceo-sidebar-shop-more .quick .btns{
    text-align: center;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    padding: 12px 0;
    border-radius: 4px;
}
.ceo-sidebar-shop-more .quick .btns:hover{
    color: #fff;
    background: var(--primary-color);
}
.ceo-sidebar-shop-more .quick .btns i.ceoicon-funds-line{
    font-size: 23px!important;
    transform: translateY(-1px);
    margin-right: 10px;
    vertical-align: top;
}
.ceo-sidebar-shop-more .quick .btns i.ceoicon-arrow-right-s-line{
    font-size: 16px!important;
    margin-right: 0;
    margin-left: 5px;
    vertical-align: inherit;
}
/*
* ------------------------------------------------------------------------------
* 评论样式
* ------------------------------------------------------------------------------
*/
.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;
}
/*
* ----------------------------------------------------------------------------
* 分页样式
* ----------------------------------------------------------------------------
*/
.ceo-fanye {
    text-align: center;
    margin-top: 40px;
}
.prev, .next {
    
}
.ceo-fanye .page-numbers {
	background: #fff;
    display: inline-block;
    padding: 0 21px;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    margin: 0 5px;
    border-radius: 4px;
    color: #666;
    transition: all .3s;
    -webkit-box-shadow: 0 2px 10px 0 #d8dde6;
    box-shadow: 0 2px 10px 0 #d8dde6;
}
.ceo-fanye .page-numbers:hover{
    background: var(--primary-color);
    color: #fff;
}
.ceo-fanye .current {
	background: var(--primary-color)!important;
	color: #fff!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;
}
/*
 * ------------------------------------------------------------------------------
 * 内容页样式
 * ------------------------------------------------------------------------------
 */
.ceo-single-wz{
    margin-bottom: 20px;
}
.ceo-single{
    padding: 30px;
}
.ceo-single .header{
    box-shadow: inherit;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.ceo-single .header .title{
    margin-bottom: 20px;
}
.ceo-single .header .title h1{
    font-size: 22px;
    line-height: 1.4;
    color: #333;
    text-transform: none;
    display:inline
}
.ceo-single .title .tag{
    display: inline-block;
    background: var(--primary-color);
    color: #fff;
    font-size: 12px;
    padding: 2px 10px;
    transform: translateY(-2px);
    margin-right: 5px;
    border-radius: 2px;
}
.ceo-single .header .info{
    
}
.ceo-single .header .info .left{
    
}
.ceo-single .header .info .left span,.ceo-single .header .info .right span{
    margin-right: 20px;
    color: #999;
    font-size: 12px;
}
.ceo-single .header .info .left span:last-child,.ceo-single .header .info .right span:last-child{
    margin-right: 0px;
}
.ceo-single .header .info .left .avatar{
    display: inline-block;
    line-height: 0;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    transform: translateY(-1px);
}
.ceo-single .header .info .left .avatar img{
    line-height: 0;
    width: 20px;
    height: 20px;
    border-radius: 50px;
}
.ceo-single .header .info a{
    color: #999!important;
    font-size: 12px;
}
.ceo-single .header .info a:hover{
    color: var(--primary-color)!important;
}
.ceo-single .header .info i{
    margin-right: 3px;
}
.ceo-single .header .info .right{
    
}
/*内容基础*/
.single-content {
    color: #666;
}
.single-content a {
	text-decoration: none;
}
.single-content img{
    display: block;
    margin: 0 auto;
    text-align: center;
    border-radius: 4px;
}
.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 {
	margin: 20px 0!important;
    font-size: 18px!important;
    font-weight: 600;
}
.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: 15px;
}

/*内页视频*/
.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%;
    margin-bottom: 20px;
}
.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 .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;
}

/*内页点赞打赏收藏模块*/
.ceo-single-szcan{
    margin: 50px 0;
    text-align: center;
}
.ceo-single-szcan-sc,.ceo-single-szcan-dz{
    display: inline-block;
    margin: 0 10px;
}
.ceo-single-szcan-sc a{
    font-size: 14px;
    border-radius: 22px;
    background-color: var(--primary-color);
    color: #fff;
    padding: 12px 35px;
    display: block;
}
.ceo-single-szcan-dz a{
    font-size: 14px;
    border-radius: 22px;
    background-color: #fa3939;
    color: #fff;
    padding: 12px 35px;
    display: block;
}
.ceo-single-szcan-sc a i,.ceo-single-szcan-dz a i{
    font-size: 15px!important;
    margin-right: 3px;
}
.ceo-single-szcan-sc a:hover,.ceo-single-szcan-dz a:hover{
    opacity: .8;
}
/*内页版权*/
.ceo-single-copyright{
    background: #f7f8fa;
    color: #b4b4b4;
    font-size: 12px;
    line-height: 1.8;
    padding: 20px;
    border-radius: 4px;
    margin-bottom: 20px;
}
/*内页版权*/
.ceo-single-tag{
    margin-bottom: 20px;
}
.ceo-single-tag a{
    margin: 3px 5px 3px 0;
    vertical-align: middle;
    position: relative;
    display: inline-block;
    height: 30px;
    padding: 0 12px;
    font-size: 13px;
    line-height: 30px;
    vertical-align: top;
    border-radius: 4px;
    background: #f7f8fa;
    color: #b4b4b4;
}
.ceo-single-tag a:hover{
    color: #fff;
    background: var(--primary-color);
}

/*
* ------------------------------------------------------------------------------
* 内页文章作者
* ------------------------------------------------------------------------------
*/
.ceo-single-author{
    align-items: center;
}
.ceo-single-author img{
    border-radius: 50px!important;
    width: 25px;
    height: 25px;
    transform: translateY(-9%);
}
.ceo-single-author span {
    font-size: 15px!important;
    line-height: 1.4!important;
    margin-right: 3px!important;
    display: inline-block;
    margin-left: 3px!important;
}
.ceo-single-author p {
    flex: 1;
    min-width: 1px;
    display: inline-block!important;
    font-size: 13px;
    color: #999;
}
/*内页分享*/
.ceo-single-share{
    padding-top: 20px;
    margin-top: 20px;
}
.share {
    color: #aaaeb3;
}
.share a {
    color: #aaaeb3;
    margin-left: 10px;
    transition: all .3s;
}
.share a:hover {
    color: #333;
}
.share a i{
    font-size: 16px!important;
}

/*内页基础样式*/
blockquote {
    margin-bottom: 20px;
    margin-top: 20px;
    border-radius: 10px;
    padding: 30px 40px;
    color: #a5a5a5;
    background-color: #f5f7fd;
    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: #72798d;
    font-size: 14px!important;
}
blockquote cite {
	font-style: normal;
    color: #aaa;
}

/*文章上下篇*/
.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;
}
.module-title {
    padding: 20px;
    line-height: 25px;
}

/*内页相关*/
.related-module{
    margin-bottom: 20px;
    padding: 20px;
}
.related-title{
    font-size: 16px;
    margin-bottom: 20px;
}
.related-module ul{
    padding: 0;
}


/*
 * ------------------------------------------------------------------------------
 * 内容页样式
 * ------------------------------------------------------------------------------
 */
.ceo-single-content{
    background: rgb(242 245 249);
}
.ceo-single-content .content-box{
    padding: 30px;
}
.ceo-single-content .content-box .single-content p {
    font-size: 14px;
    color: #999;
    margin-bottom: 20px;
}
.ceo-single-content .content-box .header{
    margin-bottom: 25px;
}
.ceo-single-content .content-box .header .title{
    align-items: center;
}
.ceo-single-content .content-box .header .title h1{
    font-size: 20px;
    display: block;
    padding-right: 20px;
    line-height: 28px;
}
.ceo-single-content .content-box .header .title .s{
    background: url(../../static/images/s.png) no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    margin-right: 8px;
    transform: translateY(2px);
}
.ceo-single-content .content-box .header .title .t{
    background: var(--primary-color);
    color: #fff;
    border-radius: 3px;
    font-size: 12px;
    padding: 3px 6px;
    transform: translateY(2px);
    margin-right: 8px;
}
.ceo-single-content .content-box .header .title .t i{
    margin-right: 3px;
}
.ceo-single-content .content-box .header .title .edit{
    
}
.ceo-single-content .content-box .header .title .edit a{
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    border-radius: 4px;
    font-size: 12px;
    background: #f7f7f7;
    color: #8693ab;
    border: 1px solid #eaeaea;
}
.ceo-single-content .content-box .header .title .edit a:hover{
    background: #fff;
}
.ceo-single-content .content-box .header .title .edit a i{
    font-size: 16px!important;
}
.ceo-single-content .content-box .header .title .collection{
    margin-left: 10px;
}
.ceo-single-content .content-box .header .title .collection a{
    display: inline-block;
    height: 30px;
    line-height: 28px;
    padding: 0 15px;
    text-align: center;
    border-radius: 4px;
    font-size: 12px;
    background: #f7f7f7;
    color: #8693ab;
    border: 1px solid #eaeaea;
}
.ceo-single-content .content-box .header .title .collection a:hover{
    background: #fff;
}
.ceo-single-content .content-box .header .title .collection a i{
    font-size: 16px!important;
    margin-right: 5px;
}
.ceo-single-content .content-box .single-content{
    position: relative;
}
.ceo-single-content .content-box .single-content .mask{
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.8) 21%,#fff);
    position: absolute;
    top: 0;
    left: 0;
}
.ceo-single-content .content-box .single-content .single-login{
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
}
.ceo-single-content .content-box .single-content .single-login .login-box{
    width: 298px;
    padding: 35px 50px;
    background: #fff;
    box-shadow: 0 12px 24px 0 rgba(0,0,0,.06), 0 0 12px 0 rgba(0,0,0,.08);
    border-radius: 14px;
    text-align: center;
}
.ceo-single-content .content-box .single-content .single-login .login-box .type{
    display: flex;
    flex-flow: nowrap;
    align-items: center;
    justify-content: center;
}
.ceo-single-content .content-box .single-content .single-login .login-box .type .tab{
    margin-right: 30px;
}
.ceo-single-content .content-box .single-content .single-login .login-box .type .tab:last-child{
    margin-right: 0;
}
.ceo-single-content .content-box .single-content .single-login .login-box .logo{
    display: inline-block;
    margin-bottom: 10px;
}
.ceo-single-content .content-box .single-content .single-login .login-box .logo img{
    height: 39px;
}
.ceo-single-content .content-box .single-content .single-login .login-box .desc{
    font-size: 14px;
    color: #999;
    line-height: 19px;
    margin-bottom: 28px;
}
.ceo-single-content .content-box .single-content .single-login .login-box .qq{
    font-size: 14px;
    color: #2d2b33;
    line-height: 19px;
    text-align: center;
    display: inline-block;
}
.ceo-single-content .content-box .single-content .single-login .login-box .qq i{
    background: rgba(6,180,253,.12);
    color: #06b4fd;
    width: 72px;
    height: 72px;
    line-height: 72px;
    border-radius: 50%;
    margin-bottom: 12px;
    font-size: 36px !important;
    display: block;
}
.ceo-single-content .content-box .single-content .single-login .login-box .qq:hover i{
    background: rgba(6,180,253,.2)!important;
}
.ceo-single-content .content-box .single-content .single-login .login-box .weixin{
    font-size: 14px;
    color: #2d2b33;
    line-height: 19px;
    text-align: center;
    display: inline-block;
}
.ceo-single-content .content-box .single-content .single-login .login-box .weixin i{
    background: rgba(81,207,80,.12);
    color: #51cf50;
    width: 72px;
    height: 72px;
    line-height: 72px;
    border-radius: 50%;
    margin-bottom: 12px;
    font-size: 36px !important;
    display: block;
}
.ceo-single-content .content-box .single-content .single-login .login-box .weixin:hover i{
    background: rgba(81,207,80,.2)!important
}
.ceo-single-content .content-box .single-content .single-login .login-box .form{
    font-size: 14px;
    color: #2d2b33;
    line-height: 19px;
    text-align: center;
    display: inline-block;
}
.ceo-single-content .content-box .single-content .single-login .login-box .form i{
    background: rgba(105,105,255,.12);
    color: #6969ff;
    width: 72px;
    height: 72px;
    line-height: 72px;
    border-radius: 50%;
    margin-bottom: 12px;
    font-size: 36px !important;
    display: block;
}
.ceo-single-content .content-box .single-content .single-login .login-box .form:hover i{
    background: rgba(105,105,255,.2)!important;
}

/*相关推荐*/
.ceo-single-content .relevant{
    padding-bottom: 20px;
}
.ceo-single-content .relevant .title{
    height: 25px;
    line-height: 25px;
    font-size: 18px;
    font-weight: 600;
    color: #202020;
    margin-bottom: 30px;
    margin-top: 10px;
}
.ceo-single-content .relevant .sucai .sucai-box-img .thumb{
    padding-bottom: 150%;
}
/*猜你喜欢*/
.ceo-single-content .relevant-tag{
    padding-bottom: 30px;
}
.ceo-single-content .relevant-tag .title{
    height: 25px;
    line-height: 25px;
    font-size: 18px;
    font-weight: 600;
    color: #202020;
    margin: 30px 0;
}
.ceo-single-content .relevant-tag a{
    display: block;
    color: #999;
}
.ceo-single-content .relevant-tag a:hover{
    color: #202020;
}
/*
* ------------------------------------------------------------------------------
* 海报生成
* ------------------------------------------------------------------------------
*/
.share-post{
    margin-right: 28px;
}
.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-tagmk{
    
}
.ceo-single-tagmk .title{
    margin-bottom: 10px;
}
.ceo-single-tagmk .box a{
    margin: 3px 10px 3px 0;
    vertical-align: middle;
    position: relative;
    display: inline-block;
    height: 30px;
    padding: 0 12px;
    font-size: 13px;
    line-height: 30px;
    vertical-align: top;
    border-radius: 4px;
    background: #f2f5f9;
    color: #999;
}
.ceo-single-tagmk .box a:hover{
    color: #fff;
    background: var(--primary-color);
}
/*
 * ------------------------------------------------------------------------------
 * 用户中心样式
 * ------------------------------------------------------------------------------
 */
/*页面基础*/
.user-page{
    padding: 20px;
    min-height: 800px;
}
.user-page .titles{
    font-size: 18px;
    font-weight: 600;
    color: #434343;
    display: block;
    margin-bottom: 20px;
}
.user-page .nav{
    border-bottom: #f8f8f8 1px solid;
    height: 40px;
    margin-bottom: 20px;
}
.user-page .nav a.current {
    border-bottom: var(--primary-color) 2px solid;
    height: 39px;
    color: var(--primary-color);
}
.user-page .nav a {
    font-size: 14px;
    color: #434343;
    margin-right: 20px;
    display: inline-block;
}
.user-page .nav a:hover{
    color: var(--primary-color);
}
.user-page .middle{
    
}
.user-page .empty{
    text-align: center;
}
.user-page .empty i {
    background-image: url(../../static/images/ceo-default-nocontent.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: block;
    min-height: 366px;
    margin-right: auto!important;
    margin-left: auto!important;
}
.user-page .empty p {
    color: #999;
}
/*个人资料*/
.user-page .middle .settings{
    
}
.user-page .middle .settings .head{
    
}
.user-page .middle .settings .head .avatar{
    
}
.user-page .middle .settings .head .avatar img{
    width: 60px;
    height: 60px;
}
.user-page .middle .settings .head .name {
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 16px;
}
.user-page .middle .settings .head .desc {
    
}
.user-page .middle .settings .head .upload-form {
    background: var(--primary-color);
    position: relative;
    margin-top: 10px;
}
.user-page .middle .settings .head .upload-form span {
    color: #fff;
    line-height: 1;
}
.user-page .middle .settings .head .upload-avatar {
    width: 75px;
    color: #fff;
    font-size: 14px;
    opacity: 0;
    padding: 6px 10px;
}
.user-page .middle .settings .ceo-button{
    color: #fff;
    background: var(--primary-color);
    font-size: 14px;
    border-radius: 4px;
    display: inline-block;
}
.user-page .middle .settings .form-control[disabled], fieldset[disabled] .user-page .middle .settings .form-control {
    cursor: not-allowed;
}
.user-page .middle .settings .form-control[disabled]{
    background-color: #eee;
    opacity: 1;
}
/*账号安全*/
.user-page .middle .security .stitle{
    margin-bottom: 20px;
    font-size: 18px;
}
.user-page .middle .security .stitle p{
    font-size: 12px;
    display: inline-block;
    margin-left: 10px;
    color: #999;
}
.user-page .middle .security #change_password button{
    color: #fff;
    background: var(--primary-color);
    font-size: 14px;
    border-radius: 4px;
    display: inline-block;
}
/*账号绑定*/
.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{
    
}
.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: #31d496;
    font-size: 12px;
    padding: 4px 18px;
    border-radius: 4px;
}
.messages-box-item:hover .messages-item-btn{
    background: 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-default-bg{
    height: 242px;
    margin-bottom: 40px;
}
.ceo-default-bg .title{
    
}
.ceo-default-bg .title h1{
    font-size: 35px;
    color: #fff;
    font-weight: bold;
    letter-spacing: 2px;
    text-shadow: 0 6px 16px rgba(0,0,0,.3);
}
.ceo-default-bg .title p{
    font-size: 14px;
    color: rgba(255, 255, 255, 0.9);
    line-height: 35px;
    letter-spacing: 1px;
    margin-top: 5px;
}
/*单页快捷按钮*/
.ceo-default-quick{
    box-shadow: 0 2px 7px 0 rgb(218 225 236 / 60%);
    padding: 20px;
    margin-bottom: 40px;
    margin-top: -80px;
    position: relative;
    border-radius: 8px;
}
.ceo-default-quick .box{
    
}
.ceo-default-quick .box ul{
    
}
.ceo-default-quick .box ul li{
    
}
.ceo-default-quick .box ul li a{
    display: block;
}
.ceo-default-quick .box ul li a img{
    width: 55px;
    height: 55px;
}
.ceo-default-quick .box ul li a span{
    margin-top: 10px;
    margin-bottom: 12px;
    font-size: 16px;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    display: block;
    color: #1b2337;
    transition: all .3s;
}
.ceo-default-quick .box ul li a:hover span{
    color: var(--primary-color);
}
.ceo-default-quick .box ul li a p{
    font-size: 12px;
    color: #999;
    margin-top: 0;
    height: 12px;
    line-height: 12px;
    overflow: hidden;
}
.ceo-default-quick .ceo-position-center-left-out {
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: #fff;
    box-shadow: 0 2px 6px 0 rgb(0 0 0 / 10%);
    border-radius: 50%;
    text-align: center;
    z-index: 1;
    left: -37px;
    margin: 0;
    transform: translateY(-50%) translateY(0px);
}
.ceo-default-quick .ceo-position-center-right-out {
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: #fff;
    box-shadow: 0 2px 6px 0 rgb(0 0 0 / 10%);
    border-radius: 50%;
    text-align: center;
    z-index: 1;
    right: 0;
    margin: 0px 0 0 0;
    transform: translateY(-50%) translateY(0px);
}
.ceo-default-quick .ceo-position-center-left-out i, .ceo-default-quick .ceo-position-center-right-out i {
    line-height: 1;
    font-size: 18px!important;
}
.ceo-default-quick .ceo-position-center-left{
    left: -32px;
}
.ceo-default-quick .ceo-position-center-right{
    right: -32px;
}
.ceo-default-quick .ceo-position-center-left,.ceo-default-quick .ceo-position-center-right{
    color: #999!important;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #fff;
    box-shadow: 0 2px 6px 0 rgb(0 0 0 / 10%);
    border-radius: 50%;
    text-align: center;
    z-index: 1;
    margin: 0;
    transform: translateY(-50%) translateY(0px);
}
.ceo-default-quick .ceo-position-center-left i,.ceo-default-quick .ceo-position-center-right i{
    font-size: 16px!important;
}
/*单页基础瀑布流*/
.ceo-default-list{
    
}
.ceo-default-list .default-box{
    
}
.ceo-default-list .default-box .nav{
    padding-bottom: 40px;
}
.ceo-default-list .default-box .nav li{
    display: inline-block;
    margin-right: 20px;
}
.ceo-default-list .default-box .nav li:last-child{
    margin-right: 0;
}
.ceo-default-list .default-box .nav li a{
    background-color: #f3f4f9;
    padding: 10px 60px;
    font-size: 16px;
    position: relative;
    border-radius: 50px;
    color: #8693ab;
}
.ceo-default-list .default-box .nav li a:hover {
    background-color: var(--shallow-color);
    color: var(--primary-color);
}
.ceo-default-list .default-box .nav li.ceo-active a{
    background-color: var(--shallow-color);
    color: var(--primary-color);
}
/*页面内容为空*/
.ceo-default-nocontent{
    text-align: center;
    margin-bottom: 100px;
}
.ceo-default-nocontent i{
    background-image: url(../../static/images/ceo-default-nocontent.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: block;
    min-height: 500px;
    margin-right: auto!important;
    margin-left: auto!important;
}
.ceo-default-nocontent p{
    color: #999;
}
/*
 * ------------------------------------------------------------------------------
 * 登录注册页面
 * ------------------------------------------------------------------------------
 */
.page-login {
	max-width: 1000px;
	margin: 100px auto!important;
}

.login-main {
	box-shadow: 0px 30px 30px -10px #dadcdd;
}
.login-main .left{
    height: 100%;
    background-size: cover;
    background-position: 50% 0%;
    background-repeat: no-repeat;
    border-radius: 8px 0px 0px 8px;
}
.login-main .right{
    padding: 50px;
    border-radius: 8px 8px 0px 0px;
}
.login-main .right form{
    
}
.login-main .right form .title{
    font-size: 20px;
    color: rgb(0 0 0 / 80%);
    font-weight: 600;
    margin-bottom: 30px;
}
.login-main .right form .ceo-inline{
    
}
.login-main .right form .ceo-inline span{
    
}
.login-main .right form .ceo-inline span i{
    font-size: 23px!important;
    color: #ccc;
}
.login-main .right form .ceo-inline input{
    height: 48px;
}
.login-main .right form .login-button{
    padding: 6px;
    background: var(--primary-color);
    color: #fff;
    font-size: 15px;
}
.login-main .right form .login-button:hover{
    opacity: .8;
}
.login-main .right form .desc{
    color: #999;
}
.login-main .right form .desc a{
    color: var(--primary-color);
}
.login-main .right form .desc .forget{
    color: #999;
}
.login-main .right form .desc .forget:hover{
    color: var(--primary-color);
}
.login-main .right .socialize{
    text-align: center;
    margin-top: 30px;
}
.login-main .right .socialize .title{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    padding-bottom: 24px;
    box-sizing: border-box;
}
.login-main .right .socialize .title em{
    width: 30px;
    height: 1px;
    background-color: #eee;
}
.login-main .right .socialize .title span{
    font-size: 12px;
    width: 102px;
    color: rgba(0,0,0,.4);
}
.login-main .right .socialize .type{
    
}
.login-main .right .socialize .type a{
    background: #f8f8fb;
    width: 68px;
    height: 68px;
    line-height: 72px;
    display: inline-block;
    border-radius: 50px;
    text-align: center;
    margin-right: 20px;
}
.login-main .right .socialize .type a:last-child{
    margin-right: 0;
}
.login-main .right .socialize .type a i{
    font-size: 28px!important;
}
.login-main .right .socialize .type a.ceo_qq_login{
    color: #26a5fe;
}
.login-main .right .socialize .type a.ceo_weixin_login{
    color: #00ca5a;
}
.login-main .right .socialize .type a.ceo_weibo_login{
    color: #ff8200;
}
.login-main .bottom{
    color: #8693ab;
    background: #f8f8fb;
    padding: 15px 50px;
    font-size: 12px;
    border-radius: 0px 0px 8px 8px;
}
.login-main .bottom a{
    margin-left: 5px;
    color: var(--primary-color);
}
.login-main .agreen{
    display: flex;
    align-items: center;
}
.login-main .agreen input{
    margin-right: 10px;
    cursor: pointer;
}
/*
 * ------------------------------------------------------------------------------
 * 作者主页
 * ------------------------------------------------------------------------------
 */
.ceo-author-home{
    
}
.ceo-author-home .author-bg{
    margin-bottom: 40px;
}
.ceo-author-home .author-btn{
    position: relative;
    z-index: 1;
}
.ceo-author-home .author-btn .box{
    position: absolute;
    right: 0;
    top: 20px;
}
.ceo-author-home .author-btn .box .ceo-width-1-3{
    width: 50%;
}
.ceo-author-home .author-btn .box button{
    font-size: 14px;
    line-height: 35px;
    padding: 0 10px;
    width: 100px;
    border: 1px solid #fff;
}
.ceo-author-home .author-info{
    text-align: center;
    padding: 60px 0 40px 0;
}
.ceo-author-home .author-info .img{
    
}
.ceo-author-home .author-info .img .imgbox{
    position: relative;
    display: inline-block;
    padding: 5px;
    background: rgb(255 255 255 / 20%);
    border-radius: 100px;
    width: 100px;
    height: 100px;
}
.ceo-author-home .author-info .img .imgbox img{
    border-radius: 100px;
    width: 100px;
    height: 100px;
}
.ceo-author-home .author-info .img .imgbox 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;
}
.ceo-author-home .author-info .desc{
    margin-top: 20px;
}
.ceo-author-home .author-info .desc .name{
    display: inline-block;
    font-size: 18px;
    color: #fff;
}
.ceo-author-home .author-info .desc .text{
    font-size: 13px;
    color: rgb(255 255 255 / 73%);
    margin-top: 10px;
}
.ceo-author-home .author-info .desc .data{
    margin-top: 30px;
}
.ceo-author-home .author-info .desc .data li{
    display: inline-block;
    margin-right: 60px;
}
.ceo-author-home .author-info .desc .data li:last-child{
    margin-right: 0;
}
.ceo-author-home .author-info .desc .data li span{
    font-size: 18px;
    color: #fff;
    font-weight: 600;
}
.ceo-author-home .author-info .desc .data li p{
    color: rgb(255 255 255 / 73%);
    font-size: 12px;
}
/*
* ------------------------------------------------------------------------------
* 邀请活动页面
* ------------------------------------------------------------------------------
*/
.ceo-page-invited{
    
}
.ceo-page-invited .bg{
    overflow: hidden;
    background-size: cover;
    background-position: center;
    position: relative;
    height: 430px;
}
.ceo-page-invited .bg .title{
    padding: 20px;
}
.ceo-page-invited .bg .title h1{
    font-size: 46px;
    font-weight: 600;
    color: #fff;
    display: block;
    margin-bottom: 20px;
    letter-spacing: 2px;
    text-shadow: 0 6px 16px rgb(0 0 0 / 30%);
}
.ceo-page-invited .bg .title p{
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-shadow: 0 6px 16px rgb(0 0 0 / 30%);
}
.ceo-page-invited .bg .title a{
    background: #fff;
    color: var(--primary-color);
    font-size: 18px;
    font-weight: 600;
    padding: 15px 80px;
    display: inline-block;
    border-radius: 4px;
    margin-top: 50px;
}
.ceo-page-invited .bg .title a:hover{
    opacity: .8;
}
.ceo-page-invited .module2{
    padding: 100px 0;
}
.ceo-page-invited .module2 .title{
    font-size: 35px;
    font-weight: 600;
    color: #1b2337;
    margin-bottom: 40px;
    text-align: center;
}
.ceo-page-invited .module2 ul{
    
}
.ceo-page-invited .module2 ul li{
    
}
.ceo-page-invited .module2 ul li .box{
    background: var(--primary-color);
    padding: 30px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
}
.ceo-page-invited .module2 ul li .box:before {
    content: "";
    position: absolute;
    right: -40px;
    top: 10px;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    background-color: rgba(245,245,245,0.1);
}
.ceo-page-invited .module2 ul li .box:after {
    content: "";
    position: absolute;
    right: -20px;
    bottom: -10px;
    width: 110px;
    height: 110px;
    border-radius: 100px;
    background-color: rgba(245,245,245,0.1);
}
.ceo-page-invited .module2 ul li .box i{
    display: inline-block;
    color: #fff;
    background: rgb(255 255 255 / 18%);
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 40px !important;
    border-radius: 20px;
    text-align: center;
}
.ceo-page-invited .module2 ul li .box span{
    margin-left: 20px;
    font-size: 20px;
    font-weight: 600;
    color: #eaf0ff;
    display: inline-block;
}
.ceo-page-invited .module3{
    padding-bottom: 100px;
}
.ceo-page-invited .module3 .title{
    font-size: 35px;
    font-weight: 600;
    color: #1b2337;
    margin-bottom: 40px;
    text-align: center;
}
.ceo-page-invited .module3 .reward{
    
}
.ceo-page-invited .module3 .reward .header{
    display: flex;
}
.ceo-page-invited .module3 .reward .header .header-1,.ceo-page-invited .module3 .reward .header .header-2,.ceo-page-invited .module3 .reward .header .header-3{
    width: 33.33333333%;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    font-size: 16px;
    padding: 15px;
    text-align: center;
    background: var(--primary-color);
    color: #fff;
}
.ceo-page-invited .module3 .reward .header .header-1{
    border-top-left-radius: 8px;
}
.ceo-page-invited .module3 .reward .header .header-3{
    border-top-right-radius: 8px;
}
.ceo-page-invited .module3 .reward .list{
    
}
.ceo-page-invited .module3 .reward .list li{
    display: flex;
}
.ceo-page-invited .module3 .reward .list li .list-1,.ceo-page-invited .module3 .reward .list li .list-2,.ceo-page-invited .module3 .reward .list li .list-3{
    width: 33.33333333%;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    font-size: 16px;
    padding: 20px;
    text-align: center;
    color: #1b2337;
    background: #f4f7ff;
    align-items: center;
    display: flex;
    justify-content: center;
}
.ceo-page-invited .module4{
    padding-bottom: 100px;
}
.ceo-page-invited .module4 .title{
    font-size: 35px;
    font-weight: 600;
    color: #1b2337;
    margin-bottom: 40px;
    text-align: center;
}
.ceo-page-invited .module4 ul{
    
}
.ceo-page-invited .module4 ul li{
    
}
.ceo-page-invited .module4 ul li .box{
    text-align: center;
    padding: 30px;
    min-height: 290px;
    background: #f8faff;
    border-radius: 8px;
}
.ceo-page-invited .module4 ul li .box i{
    display: inline-block;
    color: var(--primary-color);
    background: #edf4ff;
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 46px !important;
    border-radius: 50px;
}
.ceo-page-invited .module4 ul li .box span{
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: #1b2337;
    margin: 20px 0;
}
.ceo-page-invited .module4 ul li .box p{
    color: #858da1;
    font-size: 15px;
    line-height: 2;
}
.ceo-page-invited .module5{
    background: #f7faff;
    padding: 80px 0;
}
.ceo-page-invited .module5 .box{
    text-align: center;
}
.ceo-page-invited .module5 .box span{
    font-size: 35px;
    font-weight: 600;
    color: #1b2337;
}
.ceo-page-invited .module5 .box p{
    color: #1b2337;
    font-size: 20px;
    font-weight: 600;
    display: block;
    margin: 15px 0 40px 0;
}
.ceo-page-invited .module5 .box a{
    display: inline-block;
    font-size: 16px;
    color: #fff;
    background: var(--primary-color);
    height: 50px;
    line-height: 50px;
    width: 200px;
    border-radius: 4px;
}
.ceo-page-invited .module5 .box a:hover{
    opacity: .8;
}
.ceo-page-invited .module5 .box a:last-child{
    background: var(--shallow-color);
    color: var(--primary-color);
    margin-left: 20px;
}
.ceo-page-invited .module6{
    padding: 100px 0;
}
.ceo-page-invited .module6 .box{
    
}
.ceo-page-invited .module6 .box .title{
    font-size: 35px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 40px;
    color: #1b2337;
}
.ceo-page-invited .module6 .box ul{
    
}
.ceo-page-invited .module6 .box ul li{
    
}
.ceo-page-invited .module6 .box ul li .content{
    
}
.ceo-page-invited .module6 .box ul li .content span{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 16px;
    display: block;
}
.ceo-page-invited .module6 .box ul li .content span em{
    background: var(--primary-color);
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    display: inline-block;
    border-radius: 4px;
    margin-right: 10px;
}
.ceo-page-invited .module6 .box ul li .content p{
    color: #505a71;
    line-height: 2;
}
.ceo-page-invited .module6 .box ul li .content p em{
    background: #ccc;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    display: inline-block;
    border-radius: 4px;
    margin-right: 10px;
}
/*
* ------------------------------------------------------------------------------
* 标签大全样式
* ------------------------------------------------------------------------------
*/
.ceo-page-tags{
    
}
.ceo-page-tags .item {
	padding: 15px;
	transition: all .3s;
	background: #f5f7fd;
	display: block;
	font-size: 15px;
    position: relative;
}
.ceo-page-tags .item:hover {
    color: var(--primary-color)!important;
	-webkit-transform: translateY(-3px);
	-ms-transform: translateY(-3px);
	transform: translateY(-3px);
}
.ceo-page-tags .item h2{
	color: #333;
	padding-right: 30px;
	font-size: 14px;
}
.ceo-page-tags .item:hover h2{
    color: var(--primary-color)!important;
}
.ceo-page-tags .item span{
    border-radius: 50px;
    margin-right: 5px;
    font-size: 12px;
}
.ceo-page-tags .item:hover span{
    background: var(--primary-color);
    padding: 1px 5px;
    color: #fff;
}
.ceo-page-tags .item p{
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.ceo-page-tags .item p:after {
    content: '';
    position: absolute;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    right: 25px;
    top: 50%;
    width: 7px;
    height: 7px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    -webkit-transform: translate(20px, -50%) rotate(45deg);
    transform: translate(20px, -50%) rotate(45deg);
    opacity: 0;
}
.ceo-page-tags .item p:before {
    content: '';
    position: absolute;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    right: 20px;
    top: 50%;
    width: 7px;
    height: 7px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    -webkit-transform: translate(20px, -50%) rotate(45deg);
    transform: translate(20px, -50%) rotate(45deg);
    opacity: 0;
}
.ceo-page-tags .item:hover p:before {
    opacity: 1;
    -webkit-transform: translate(0px, -50%) rotate(45deg);
    transform: translate(0px, -50%) rotate(45deg);
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}
.ceo-page-tags .item:hover p:after {
    opacity: 1;
    -webkit-transform: translate(0px, -50%) rotate(45deg);
    transform: translate(0px, -50%) rotate(45deg);
}
/*
* ------------------------------------------------------------------------------
* 标签列表页面
* ------------------------------------------------------------------------------
*/
.ceo-tag-bg{
    
}
.ceo-tag-bg .top{
    margin-top: 80px;
}
.ceo-tag-bg .top a{
    background: rgb(0 0 0 / 40%);
    color: #fff;
    padding: 0 20px;
    border-radius: 4px;
    height: 36px;
    line-height: 36px;
    display: inline-block;
    transform: translateY(17px);
}
.ceo-tag-bg .top a:hover{
    background: rgb(0 0 0 / 60%);
}
.ceo-tag-bg .top a i{
    font-size: 18px!important;
    transform: translateY(2px);
    margin-left: 5px;
}

/*
* ------------------------------------------------------------------------------
* 专题页面
* ------------------------------------------------------------------------------
*/
.ceo-special-home{
    
}
.ceo-special-home .url{
    display: block;
}
.ceo-special-home .url img{
    border-radius: 6px;
}
/*
* ------------------------------------------------------------------------------
* 专题列表
* ------------------------------------------------------------------------------
*/
.ceo-special-list{

}
/*
* ------------------------------------------------------------------------------
* 单页合集样式
* ------------------------------------------------------------------------------
*/
.ceo-page-about{
    background: rgb(242 245 249);
    padding-bottom: 40px;
}
.ceo-page-about .position{
    padding: 20px 0;
}
.ceo-page-about ul.about-menu{
    padding: 20px;
}
.ceo-page-about ul.about-menu li {
    margin-bottom: 5px;
}
.ceo-page-about ul.about-menu li:last-child {
    margin-bottom: 0px;
}
.ceo-page-about ul.about-menu li a {
	display: block;
    padding: 10px;
    color: #1b2337;
    font-size: 15px;
    text-align: center;
    border-radius: 4px;
}
.ceo-page-about ul.about-menu li a:hover{
    color: var(--primary-color);
    background: var(--shallow-color);
}
.ceo-page-about .about-menu .current-menu-item a {
	color: var(--primary-color);
    background: var(--shallow-color);
}
.ceo-page-about .about-main{
    
}
.ceo-page-about .about-main h1.title{
    padding: 30px 30px 0px 30px;
    font-size: 20px;
    font-weight: 600;
}
.ceo-page-about .about-main .about-content{
    padding: 30px;
}

/*
* ------------------------------------------------------------------------------
* 友情链接页面
* ------------------------------------------------------------------------------
*/
.page-link li{
    list-style: none;
}
.page-link .linkcat{
    margin-bottom: 20px;
    padding: 30px;
}
.page-link .linkcat h1{
    padding-bottom: 30px;
    font-size: 20px;
    font-weight: 600;
}
.page-link .linkcat .blogroll{
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: -20px;
}
.page-link .linkcat .blogroll li{
    width: 25%;
    margin-bottom: 15px;
    border-radius: 4px;
    padding-left: 20px;
    box-sizing: border-box;
    max-width: 100%;
}
.page-link .linkcat .blogroll li a {
    overflow: hidden;
    display: block;
    padding: 20px;
    color: #333;
    background: #f5f7fd;
    font-size: 16px;
    border-radius: 4px
}
.page-link .linkcat .blogroll li a:hover{
    color: var(--primary-color);
}
.page-link .linkcat .blogroll li a img {
    width: 32px;
    height: 32px;
    border-radius: 32px;
    display: inline-block;
    margin-right: 8px;
}
/*
* ------------------------------------------------------------------------------
* 定制页面样式
* ------------------------------------------------------------------------------
*/
.ceo-page-customized{
    
}
.ceo-page-customized .bg{
    overflow: hidden;
    background-size: cover;
    background-position: center;
    position: relative;
    height: 430px;
}
.ceo-page-customized .bg .title{
    padding: 20px;
    margin-top: -30px;
}
.ceo-page-customized .bg .title h1{
    font-size: 40px;
    font-weight: 600;
    color: #fff;
    display: block;
    margin-bottom: 20px;
    letter-spacing: 2px;
    text-shadow: 0 6px 16px rgb(0 0 0 / 30%);
}
.ceo-page-customized .bg .title p{
    color: rgba(255, 255, 255, 0.9);
    font-size: 15px;
}
.ceo-page-customized .bg .title a{
    background: #fff;
    color: var(--primary-color);
    font-size: 18px;
    font-weight: 600;
    padding: 15px 80px;
    display: inline-block;
    border-radius: 4px;
    margin-top: 50px;
}
.ceo-page-customized .bg .title a:hover{
    opacity: .8;
}
.ceo-page-customized .bgmodule{
    box-shadow: 0 0px 18px 2px rgb(0 0 0 / 9%);
    padding: 30px;
    margin-bottom: 60px;
    margin-top: -80px;
    position: relative;
    border-radius: 4px;
    text-align: center;
}
.ceo-page-customized .bgmodule ul{
    
}
.ceo-page-customized .bgmodule ul li{
    
}
.ceo-page-customized .bgmodule ul li i{
    display: block;
    font-size: 50px !important;
    margin-bottom: 20px;
}
.ceo-page-customized .bgmodule ul li span{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    display: block;
}
.ceo-page-customized .bgmodule ul li p{
    color: #737883;
}
.ceo-page-customized .service{
    margin-bottom: 60px;
}
.ceo-page-customized .service .title{
    margin-bottom: 40px;
    text-align: center;
}
.ceo-page-customized .service .title span{
    color: #1b2337;
    font-size: 35px;
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
    text-shadow: 0 7px 3px rgb(61 61 102 / 10%);
}
.ceo-page-customized .service .title p{
    color: #636c78;
    font-size: 16px;
}
.ceo-page-customized .service ul{
    
}
.ceo-page-customized .service ul li{
    
}
.ceo-page-customized .service ul li .box{
    box-shadow: 0 0px 18px 2px rgb(0 0 0 / 9%);
}
.ceo-page-customized .service ul li .box .bg{
    height: 100px;
    text-align: center;
}
.ceo-page-customized .service ul li .box .bg span{
    font-size: 18px;
    color: #fff;
    margin-top: 36px;
    display: block;
}
.ceo-page-customized .service ul li .box .ner{
    text-align: center;
    padding: 20px;
}
.ceo-page-customized .service ul li .box .ner p{
    font-size: 14px;
    line-height: 30px;
}
.ceo-page-customized .service ul li .box .bot{
    padding: 20px 20px 30px 20px;
    border-top: 1px solid #eceff1;
    text-align: center;
}
.ceo-page-customized .service ul li .box .bot span{
    font-size: 30px;
    display: block;
    font-weight: 600;
}
.ceo-page-customized .service ul li .box .bot em{
    color: #737883;
    font-size: 14px;
    font-weight: 400;
}
.ceo-page-customized .service ul li .box .bot a{
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    padding: 12px 70px;
    display: inline-block;
    margin-top: 20px;
    border-radius: 4px
}
.ceo-page-customized .service ul li .box .bot a:hover{
    background: var(--primary-color);
    color: #fff;
}
.ceo-page-customized .process{
    padding: 80px 0;
    margin-bottom: 60px;
}
.ceo-page-customized .process .title{
    margin-bottom: 40px;
    text-align: center;
}
.ceo-page-customized .process .title span{
    color: #fff;
    font-size: 35px;
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
    text-shadow: 0 7px 3px rgb(61 61 102 / 10%);
}
.ceo-page-customized .process .title p{
    color: rgb(255 255 255 / 71%);
    font-size: 16px;
}
.ceo-page-customized .process ul{
    
}
.ceo-page-customized .process ul li{
    
}
.ceo-page-customized .process ul li .box{
    text-align: center;
    min-height: 100px;
}
.ceo-page-customized .process ul li .box span{
    font-size: 18px;
    font-weight: 600;
    color: #1b2337;
    display: block;
    padding: 20px;
    background: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.ceo-page-customized .process ul li .box p{
    font-size: 14px;
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
    padding: 20px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.ceo-page-customized .enterprise{
    margin-bottom: 60px;
}
.ceo-page-customized .enterprise .title{
    margin-bottom: 40px;
    text-align: center;
}
.ceo-page-customized .enterprise .title span{
    margin-bottom: 10px;
    font-size: 35px;
    font-weight: bold;
    display: block;
    color: #1b2337;
    text-shadow: 0 7px 3px rgb(61 61 102 / 10%);
}
.ceo-page-customized .enterprise .title p{
    color: #636c78;
    font-size: 16px;
}
.ceo-page-customized .enterprise .box{
    
}
.ceo-page-customized .enterprise .box img{
    
}
.ceo-page-customized .question{
    padding: 80px 0;
    background: #f7faff;
}
.ceo-page-customized .question .box{
    
}
.ceo-page-customized .question .box .title{
    font-size: 35px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 40px;
    color: #1b2337;
    text-shadow: 0 7px 3px rgb(61 61 102 / 10%);
}
.ceo-page-customized .question .box ul{
    
}
.ceo-page-customized .question .box ul li{
    
}
.ceo-page-customized .question .box ul li .content{
    
}
.ceo-page-customized .question .box ul li .content span{
    font-size: 18px;
    margin-bottom: 10px;
    display: block;
}
.ceo-page-customized .question .box ul li .content p{
    color: #505a71;
}
/*
* ------------------------------------------------------------------------------
* VIP页面
* ------------------------------------------------------------------------------
*/
.ceo-page-vip{
    
}
.ceo-page-vip .vip-header{
    height: 515px;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}
.ceo-page-vip .vip-header .top-title{
    text-align: center;
    padding-top: 95px;
}
.ceo-page-vip .vip-header .top-title h1{
    font-size: 40px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 2px;
    text-shadow: 0 6px 16px rgb(0 0 0 / 30%);
}
.ceo-page-vip .vip-header .top-title ul{
    margin-top: 30px;
}
.ceo-page-vip .vip-header .top-title ul li{
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    display: inline-block;
    margin-right: 30px;
    position: relative;
}
.ceo-page-vip .vip-header .top-title ul li:last-child{
    margin-right: 0px;
}
.ceo-page-vip .vip-header .top-title ul li:after{
    content: '';
    position: absolute;
    top: 11px;
    right: -17px;
    width: 2px;
    height: 2px;
    border-radius: 50px;
    background: #fff;
}
.ceo-page-vip .vip-header .top-title ul li:last-child:after{
    margin-right: 0px;
    display: none;
}
.ceo-page-vip .vip-header .vip-left-bg{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 577px;
    height: 308px;
    -webkit-transition: all .2s ease-in 0s;
    transition: all .2s ease-in 0s;
    background: url(../../static/images/vip-left-bg.png) no-repeat;
    background-size: 577px 308px;
}
.ceo-page-vip .vip-header .vip-right-bg{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 577px;
    height: 308px;
    -webkit-transition: all .2s ease-in 0s;
    transition: all .2s ease-in 0s;
    background: url(../../static/images/vip-right-bg.png) no-repeat;
    background-size: 577px 308px;
}
/*套餐*/
.ceo-page-vip .vip-tocmk{
    margin-bottom: 40px;
    margin-top: -230px;
}
.ceo-page-vip .vip-tocmk .box{
    z-index: 1;
    position: relative;
    border: 2px solid transparent;
    border-radius: 8px;
    -webkit-animation: fade-in-data-data-v-4cdd4626 .8s forwards;
    animation: fade-in-data-data-v-4cdd4626 .8s forwards;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.22,1,.36,1);
    transition: -webkit-transform .4s cubic-bezier(.22,1,.36,1);
    transition: transform .4s cubic-bezier(.22,1,.36,1);
    transition: transform .4s cubic-bezier(.22,1,.36,1),-webkit-transform .4s cubic-bezier(.22,1,.36,1);
}
.ceo-page-vip .vip-tocmk .box:hover{
    border: 2px solid #febf93;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    background: -webkit-gradient(linear,left top,left bottom,from(#febf93),color-stop(20%,hsla(0,0%,100%,0)));
    background: linear-gradient(180deg,#febf93,hsla(0,0%,100%,0) 20%);
}
.ceo-page-vip .vip-tocmk .box .top{
    background: hsla(0,0%,100%,.95);
    box-shadow: 0 20px 40px rgba(42,49,67,.12);
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    padding: 24px;
    position: relative;
    text-align: center;
    border-radius: 8px;
}
.ceo-page-vip .vip-tocmk .box .top .tag{
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: #fa2323;
    border-radius: 0 8px;
    padding: 0 10px;
}
.ceo-page-vip .vip-tocmk .box .top h1{
    color: #1b2337;
    font-size: 24px;
    font-weight: 600;
    margin-top: 10px;
}
.ceo-page-vip .vip-tocmk .box .top .tp{
    color: #505a71;
    font-size: 14px;
    font-weight: 400;
    margin-top: 15px;
}
.ceo-page-vip .vip-tocmk .box .top .pi{
    margin-top: 15px;
    color: #ff9502;
    font-size: 14px;
    font-weight: 600;
    line-height: 26px;
    height: 26px;
    padding: 0 20px;
    border-radius: 13px 13px;
    background: rgba(255,149,2,.1);
    display: inline-block;
}
.ceo-page-vip .vip-tocmk .box .top .dj{
    padding-bottom: 24px;
    padding-top: 24px;
}
.ceo-page-vip .vip-tocmk .box .top .dj span{
    color: #ff4800;
    font-size: 16px;
}
.ceo-page-vip .vip-tocmk .box .top .dj strong{
    font-size: 48px;
    font-weight: 700;
    color: #ff4800;
    margin: 0 5px;
}
.ceo-page-vip .vip-tocmk .box .top .dj em{
    color: #1b2337;
    font-size: 16px;
}
.ceo-page-vip .vip-tocmk .box .top a{
    display: block;
    height: 48px;
    line-height: 48px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    background: -webkit-gradient(linear,left top,right top,from(#fceee1),to(#ffc9a0));
    background: linear-gradient(90deg,#fceee1,#ffc9a0);
    color: #6b3d1e;
}
.ceo-page-vip .vip-tocmk .box .top a:hover{
    background: -webkit-gradient(linear,left top,right top,from(#ffc9a0),to(#fceee1));
    background: linear-gradient(90deg,#ffc9a0,#fceee1);
}
.ceo-page-vip .vip-tocmk .box .bottom{
    background: #fff;
    box-shadow: 0 20px 40px rgba(42,49,67,.06);
    border-radius: 0 0 8px 8px;
    padding: 20px;
}
.ceo-page-vip .vip-tocmk .box .bottom .title{
    color: #505a71;
    font-size: 12px;
    margin-bottom: 20px;
}
.ceo-page-vip .vip-tocmk .box .bottom p {
    margin-bottom: 10px;
    color: #1b2337;
    line-height: 2;
}
/*权益*/
.ceo-page-vip .vip-problem {
    padding: 60px 0;
}
.ceo-page-vip .vip-problem .problem-title{
    text-align: center;
    margin-bottom: 40px;
}
.ceo-page-vip .vip-problem .problem-title span{
    margin-bottom: 10px;
    font-size: 30px;
    font-weight: bold;
    display: block;
    color: #1b2337;
}
.ceo-page-vip .vip-problem .problem-title p{
    color: #636c78;
    font-size: 16px;
}
.ceo-page-vip .vip-problem .mk{
    background: #f8faff;
    border-radius: 8px;
    text-align: center;
    padding: 30px;
}
.ceo-page-vip .vip-problem .mk i{
    display: inline-block;
    font-size: 50px !important;
    margin-bottom: 20px;
    background: var(--shallow-color);
    color: var(--primary-color);
    padding: 20px;
    border-radius: 50px;
}
.ceo-page-vip .vip-problem .mk span{
    font-size: 18px;
    color: #333;
    display: block;
}
.ceo-page-vip .vip-problem .mk p{
    margin-top: 10px;
    font-size: 13px;
    color: #636c78;
}
/*企业*/
.ceo-page-vip .vip-enterprise {
    padding: 60px 0;
}
.ceo-page-vip .vip-enterprise .enterprise-title{
    text-align: center;
    margin-bottom: 40px;
}
.ceo-page-vip .vip-enterprise .enterprise-title span{
    margin-bottom: 10px;
    font-size: 30px;
    font-weight: bold;
    display: block;
    color: #1b2337;
}
.ceo-page-vip .vip-enterprise .enterprise-title p{
    color: #636c78;
    font-size: 16px;
}
.ceo-page-vip .vip-enterprise .enterprise-mk{
    
}
.ceo-page-vip .vip-enterprise .enterprise-mk img{
    
}
/*问题*/
.ceo-page-vip .vip-qa{
    background: #f7faff;
    padding: 60px 0;
}
.ceo-page-vip .vip-qa .qa-title{
    text-align: center;
    margin-bottom: 40px;
}
.ceo-page-vip .vip-qa .qa-title span{
    margin-bottom: 10px;
    font-size: 30px;
    font-weight: bold;
    display: block;
    color: #1b2337;
}
.ceo-page-vip .vip-qa .qa-title p{
    color: #636c78;
    font-size: 16px;
}
.ceo-page-vip .vip-qa .mk{
    
}
.ceo-page-vip .vip-qa .mk span{
    color: #333;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
    display: block;
}
.ceo-page-vip .vip-qa .mk span em{
    background: var(--primary-color);
    width: 21px;
    height: 21px;
    line-height: 21px;
    text-align: center;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    display: inline-block;
    border-radius: 4px;
    margin-right: 10px;
}
.ceo-page-vip .vip-qa .mk p{
    color: #636c78;
}
.ceo-page-vip .vip-qa .mk p em{
    background: #ccc;
    width: 21px;
    height: 21px;
    line-height: 21px;
    text-align: center;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    display: inline-block;
    border-radius: 4px;
    margin-right: 10px;
}
   
/*
* ------------------------------------------------------------------------------
* 404错误页面
* ------------------------------------------------------------------------------
*/
.ceo-page-404 {
    
}
.ceo-page-404 img{
    
}
.ceo-page-404 p{
    font-size: 14px;
    color: #4a4a4a;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 48px;
}
.ceo-page-404 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;
    border-radius: 4px;
    font-size: 15px;
    transition: all .3s;
	padding: 14px 30px;
}
.ceo-page-404 a:hover{
    opacity: .8;
}
.ceo-page-404 a i{
    margin-left: 5px;
    font-size: 18px!important;
}
/*
* ------------------------------------------------------------------------------
* 快捷键大全
* ------------------------------------------------------------------------------
*/
.ceo-quick-bg{
    margin-bottom: 0px!important;
}
.ceo-pages-quick{
    margin-bottom: 40px !important;
}
.ceo-pages-quick .quick-title{
    margin-bottom: 30px;
    text-align: center;
    padding: 20px 0;
    font-size: 16px;
    box-shadow: 0px 3px 8px 0 rgb(0 0 0 / 5%);
}
.ceo-pages-quick .quick-title li h3 a i{
    font-size: 16px!important;
    transform: translateY(0px);
    background: #f3f4f9;
    line-height: 1;
    border-radius: 50px;
    color: #333;
    padding: 8px;
    margin-right: 10px;
    font-weight: 400;
}
.ceo-pages-quick .quick-title li.ceo-active h3 a i{
    background: var(--primary-color);
    color: #fff;
}
.ceo-pages-quick .box1{
    border: 2px solid #fff;
}
.ceo-pages-quick .box1 .title{
    background: #efba6e;
    color: #fff;
    font-size: 14px;
    padding: 15px 0;
    border: 1px solid #fff;
    display: block;
    text-align: center;
}
.ceo-pages-quick .box1 li{
    background: #e9ebf5;
}
.ceo-pages-quick .box1 li:nth-child(odd){
    background: #e8ddce;
}
.ceo-pages-quick .box1 span{
    color: #606266;
    border: 1px solid #fff;
    display: block;
    text-align: center;
    line-height: 43px;
    height: 43px;
}
.ceo-pages-quick .box2{
    border: 2px solid #fff;
}
.ceo-pages-quick .box2 .title{
    background: #9996e7;
    color: #fff;
    font-size: 14px;
    padding: 15px 0;
    border: 1px solid #fff;
    display: block;
    text-align: center;
}
.ceo-pages-quick .box2 li{
    background: #e9ebf5;
}
.ceo-pages-quick .box2 li:nth-child(odd){
    background: #d7d6e6;
}
.ceo-pages-quick .box2 span{
    color: #606266;
    border: 1px solid #fff;
    display: block;
    text-align: center;
    line-height: 43px;
    height: 43px;
}
.ceo-pages-quick .box3{
    border: 2px solid #fff;
}
.ceo-pages-quick .box3 .title{
    background: #ef7d73;
    color: #fff;
    font-size: 14px;
    padding: 15px 0;
    border: 1px solid #fff;
    display: block;
    text-align: center;
}
.ceo-pages-quick .box3 li{
    background: #e9ebf5;
}
.ceo-pages-quick .box3 li:nth-child(odd){
    background: #e8d1cf;
}
.ceo-pages-quick .box3 span{
    color: #606266;
    border: 1px solid #fff;
    display: block;
    text-align: center;
    line-height: 43px;
    height: 43px;
}
.ceo-pages-quick .box4{
    border: 2px solid #fff;
}
.ceo-pages-quick .box4 .title{
    background: #63c4d7;
    color: #fff;
    font-size: 14px;
    padding: 15px 0;
    border: 1px solid #fff;
    display: block;
    text-align: center;
}
.ceo-pages-quick .box4 li{
    background: #e9ebf5;
}
.ceo-pages-quick .box4 li:nth-child(odd){
    background: #d7d6e6;
}
.ceo-pages-quick .box4 span{
    color: #606266;
    border: 1px solid #fff;
    display: block;
    text-align: center;
    line-height: 43px;
    height: 43px;
}
/*
* ------------------------------------------------------------------------------
* 网址导航
* ------------------------------------------------------------------------------
*/
.ceo-site-bg{
    height: 299px;
}
.ceo-site-bg .title{
    margin-top: 75px;
}
.ceo-site-bg .title h1{
    text-align: center;
    display: block;
    margin-bottom: 20px;
    font-size: 35px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 2px;
    text-shadow: 0 6px 16px rgb(0 0 0 / 30%);
}
.ceo-pages-site{
    
}
.site-switcher {
	width: 690px;
}

.site-switcher-menu {}

.site-switcher-menu li {
	display: inline-block;
	padding-bottom: 5px;
    margin: 0 20px 10px 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: 0px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    box-shadow: 0 1px 7px -1px var(--primary-color);
    border-radius: 50px;
}
.site-switcher-main{
    box-shadow: 0 6px 20px -8px #e5f2ff;
}
.site-form input {
    width: 100%;
    border-radius: 4px;
    padding: 18px 0;
    text-indent: 1em;
    border: 0;
}
.site-form input:focus {
	outline: medium;
}

.site-form button {
	position: absolute;
	top: 9px;
	right: 0;
	border: 0;
	background: none;
	cursor: pointer;
	margin: 5px 10px;
	font-weight: bold;
	color: #54677b;
	outline: 0 none;
}
.site-form button i{
    font-size: 20px!important;
}
.sitenav {
    padding-top: 40px;
    width: 200px;
    background: #fff;
    -webkit-box-shadow: 0 2px 10px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 2px 10px 1px rgb(0 0 0 / 5%);
    height: 100vh;
}
.sitenavbox{
    text-align: center;
}
.sitenavbox span{
    display: block;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 20px;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 600;
}
.sitenav ul{
    padding: 0 30px;
}
.sitenav li {
	list-style: none;
	margin-bottom: 15px;
}
.sitenav li:last-child {
	border: 0;
}
.sitenav li a {
	color: #636c78;
	font-size:14px;
}
.sitenav li a:hover {
	color:var(--primary-color)
}
.sitenav li i {
	font-size: 14px;
	color: #ddd;
	margin-right: 3px;
	transition: all .3s
}
.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: 10px 0;
    display: block;
    background: var(--primary-color);
}
.site-module{
    margin-bottom: 40px!important;
    margin-top: 40px;
    padding: 0 100px;
}
.section-title{
    margin-bottom: 30px;
    font-size: 18px;
}
.section-title a{
    font-weight: 400;
}
.site-item{
    display: block;
    padding: 15px;
    -webkit-box-shadow: 0 2px 10px 1px rgba(0,0,0,.05);
    box-shadow: 0 2px 10px 1px rgba(0,0,0,.05);
}
.site-item .item-img{
    width: 50px;
    height: 50px;
    border-radius: 50px;
}
.site-item .item-img img{
    width: 100%;
    height: 100%;
    border-radius: 50px;
}
.site-item .item-info{

}
.site-item .item-info span{
    font-weight: 600;
    display: block;
}
.site-item .item-info p{
    margin-top: 5px;
    font-size: 12px;
    color: #8f8f8f;
}
/*内页*/
.ceo-site-single{
    padding: 20px 0;
    background: #f5f7fa;
}
.site-box{
    padding: 20px;
}
.site-title span{
    padding-bottom: 12px;
    border-bottom: 2px solid #000;
    color: #262626;
    font-size: 15px;
}
.site-box-cover{
    width: 160px;
    height: 160px;
    border-radius: 4px;
}
.site-box-cover img{
    width: 100%;
    height: 100%;
}
.site-box-cover .ceo-overlay-primary img{
    width: 50px;
    height: 50px;
    border-radius: 50px;
}
.site-content{

}
.site-content ul{
    padding: 20px;
    border-radius: 4px;
}
.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 ul li a{
    color: var(--primary-color);
}
.site-content-sp{
    padding: 20px;
}
.site-content-sp span{
    display: block;
}
.site-content-sp p{
    line-height: 2;
}
.site-side a{
    background: #f5f7fa;
    padding: 10px;
}
.site-side a img{
    height: 34px;
    width: 34px;
    border-radius: 50px;
}
/*申请收录*/
.ceo-site-apply{
    
}
.ceo-site-apply .ceo-modal-dialog{
    width: 460px;
    border-radius: 4px;
    background-image: url(../../static/images/ceo-modal.png);
    background-size: 460px 190px;
    background-repeat: no-repeat;
}
.ceo-site-apply .ceo-modal-dialog .moduletitle{
    margin-bottom: 30px;
}
.ceo-site-apply .ceo-modal-dialog .moduletitle span{
    position: absolute;
    z-index: 1010;
    top: 20px;
    left: 30px;
    font-size: 18px;
    font-weight: 600;
    color: #434343;
}
.ceo-site-apply .ceo-modal-dialog .moduletitle button{
    top: 17px;
    right: 20px;
}
.ceo-site-apply form{
    
}
.ceo-site-apply form label{
    margin-bottom: 10px;
    color: #999;
    display: block;
}
.ceo-site-apply form input{
    
}
.ceo-site-apply form p{
    
}
.ceo-site-apply form p i{
    
}
.ceo-site-apply form .button{
    width: 100%;
    line-height: 46px;
    font-size: 14px;
    display: block;
}
.ceo-site-apply form .submit{
    color: #fff;
    background: var(--primary-color);
}
.ceo-site-apply .desc{
    padding: 20px;
    border-radius: 4px;
    background: #f8f8f8;
}
.ceo-site-apply .desc p{
    font-size: 12px;
    color: #666;
    line-height: 2;
}
/*
* ------------------------------------------------------------------------------
* 入驻申请
* ------------------------------------------------------------------------------
*/
.ceo-apply-bg{
    
}
.ceo-apply-bg .bg{
    overflow: hidden;
    background-size: cover;
    background-position: center;
    position: relative;
    height: 430px;
}
.ceo-apply-bg .bg .title{
    padding: 20px;
    margin-top: -30px;
}
.ceo-apply-bg .bg .title h1{
    font-size: 40px;
    font-weight: 600;
    color: #fff;
    display: block;
    margin-bottom: 20px;
    letter-spacing: 2px;
    text-shadow: 0 6px 16px rgb(0 0 0 / 30%);
}
.ceo-apply-bg .bg .title p{
    color: rgba(255, 255, 255, 0.9);
    font-size: 15px;
}
.ceo-apply-bg .bg .title a{
    background: #fff;
    color: var(--primary-color);
    font-size: 18px;
    font-weight: 600;
    padding: 15px 80px;
    display: inline-block;
    border-radius: 4px;
    margin-top: 50px;
}
.ceo-apply-bg .bg .title a:hover{
    opacity: .8;
}
.ceo-apply-bg .bgmodule{
    box-shadow: 0 0px 18px 2px rgb(0 0 0 / 9%);
    padding: 30px;
    margin-bottom: 80px;
    margin-top: -80px;
    position: relative;
    border-radius: 4px;
    text-align: center;
}
.ceo-apply-bg .bgmodule ul{
    
}
.ceo-apply-bg .bgmodule ul li{
    
}
.ceo-apply-bg .bgmodule ul li i{
    display: inline-block;
    font-size: 50px !important;
    margin-bottom: 20px;
    background: var(--shallow-color);
    color: var(--primary-color);
    padding: 20px;
    border-radius: 50px;
}
.ceo-apply-bg .bgmodule ul li span{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    display: block;
}
.ceo-apply-bg .bgmodule ul li p{
    color: #737883;
}
.ceo-page-apply{
    
}
.ceo-page-apply .center{
    position: relative;
    padding-bottom: 80px;
}
.ceo-page-apply .center .title{
    text-align: center;
    margin-bottom: 40px;
}
.ceo-page-apply .center .title span{
    margin-bottom: 10px;
    font-size: 30px;
    font-weight: bold;
    display: block;
    color: #1b2337;
}
.ceo-page-apply .center .title p{
    color: #636c78;
    font-size: 16px;
}
.ceo-page-apply .center ul{
    
}
.ceo-page-apply .center ul li{
    
}
.ceo-page-apply .center ul li span{
    padding: 40px;
    display: block;
    border-radius: 4px;
    line-height: 2;
    color: #7b879b;
    background: #f7faff;
}
.ceo-page-apply .center ul li span i{
    display: inline-block;
    background: var(--shallow-color);
    color: var(--primary-color);
    padding: 5px;
    border-radius: 50px;
    margin-right: 10px;
}
.ceo-page-apply .question{
    padding: 80px 0;
    background: #f7faff;
}
.ceo-page-apply .question .box{
    
}
.ceo-page-apply .question .box .title{
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    display: block;
    color: #1b2337;
    margin-bottom: 40px;
}
.ceo-page-apply .question .box ul{
    
}
.ceo-page-apply .question .box ul li{
    
}
.ceo-page-apply .question .box ul li .content{
    
}
.ceo-page-apply .question .box ul li .content span{
    font-size: 18px;
    margin-bottom: 10px;
    display: block;
}
.ceo-page-apply .question .box ul li .content span em{
    background: var(--primary-color);
    width: 21px;
    height: 21px;
    line-height: 21px;
    text-align: center;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    display: inline-block;
    border-radius: 4px;
    margin-right: 10px;
}
.ceo-page-apply .question .box ul li .content p{
    color: #505a71;
}
.ceo-page-apply .question .box ul li .content p em{
    background: #ccc;
    width: 21px;
    height: 21px;
    line-height: 21px;
    text-align: center;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    display: inline-block;
    border-radius: 4px;
    margin-right: 10px;
}

.ceo-apply-txt{
    text-align: left;
    color: #999;
}
.apply-box{
    
}
.apply-box .ceo-modal-dialog{
    width: 460px;
    background-image: url(../../static/images/ceo-modal.png);
    background-size: 460px 190px;
    background-repeat: no-repeat;
    box-shadow: 0px 6px 20px 0px rgba(31, 31, 44, 0.08);
    border-radius: 6px;
}
.apply-box .applytitle{
    text-align: center;
    margin-bottom: 30px;
}
.apply-box .applytitle span{
    margin-bottom: 5px;
    font-size: 24px;
    font-weight: bold;
    color: #1b2337;
}
.apply-box .applytitle p{
    color: #636c78;
}
.apply-box .loginForm{
	text-align: center;
}
.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;
}
.apply-box .ceo_apple_is i{
    transform: translateY(18%);
    display: inline-block;
    font-size: 41px;
    color: #bdbdbd;
    margin-right: 5px;
}
.apply-box .loginForm input[type="text"],
.apply-box .loginForm input[type="password"],
.apply-box .loginForm input[type="button"]{
    line-height: 45px;
	border: none;
	width: 100%;
	font-size: 12px;
	-webkit-appearance:none;
	border-radius:0;
}
.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 10px;
    color: rgba(0,0,0,.65);
    font-size: 14px;
    line-height: 45px;
    background-color: #fff;
    background-image: none;
    margin: 10px 0 0 0;
}
.apply-box .loginForm .userLogo{
	background-size: 18px!important;
}
.apply-box .loginForm input[type="password"]{
	padding: 8px 0px 8px 30px;
	background-repeat: no-repeat;
	background-size: 18px;
	background-position: 5px 3px;
}
.apply-box .loginForm .codeDiv{
	width: 230px;
	margin: 0px auto 20px auto;
	border-bottom: 1px solid rgb(215,215,215);
}
.apply-box .loginForm .codeDiv input[type="text"]{
	margin: 0px;
	border: none;
}
.apply-box .loginForm input[type="button"]{
	border-radius: 4px;
	color: white;
	background: var(--primary-color);
	font-size: 16px;
}
.apply-box .otherBtn{
	font-size: 12px;
	text-align: center;
}
.apply-box .otherBtn em{
	margin-left: 80px;
}
.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;
}
.apply-box .loginForm .codeImg{
	width: 75px;
	vertical-align: middle;
}

.apply-box .loginForm .codeText{
    
}
.apply-box .loginForm .codeBtn{
    
}
.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: 20px;
    line-height: 24px!important;
    font-size: 12px!important;
}
.apply-box .abtn input{
    cursor: pointer;
    height: 45px;
}
.extra-info{
    font-size: 12px;
    color: #a7a7a7;
    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: 40%;
	text-align: center;
	z-index: 9999;
}

.checkInputFallTip span {
	display: inline-block;
	background: #fef4f6;
    color: #f0506e;
	font-size: 12px;
	padding: 6px 20px;
	border-radius: 50px;
}

.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{
    text-align: center;
    background: #fff;
    border-radius: 12px;
    margin: 120px !important;
    padding: 50px;
    box-shadow: 0 5px 20px rgba(0,0,0,.1);
}
.apply-login .apply-login-i{
    color: #ff8d00;
    font-size: 60px !important;
}
.apply-login p{
    margin-bottom: 10px;
    font-size: 16px;
}
.apply-login a{
    display: block;
    width: 200px;
    margin: 20px auto;
    cursor: pointer;
    line-height: 42px;
    height: 42px;
    text-align: center;
    color: #fff!important;
    font-size: 16px;
    border-radius: 25px;
    background: var(--primary-color);
    box-shadow: 0 8px 20px 0 var(--primary-color)78;
}
.apply-login a:hover{
    opacity: .8;
}
.apply-login a i{
    margin-left: 5px;
}
/*
 * ------------------------------------------------------------------------------
 * 底部banner样式
 * ------------------------------------------------------------------------------
 */
.ceo-footer-banner{
    height: 360px;
    position: relative;
    z-index: 1;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.ceo-footer-banner .box{
    position: relative;
    z-index: 10;
    margin-top: 92px;
    text-align: center;
    display: block;
}
.ceo-footer-banner .box span{
    font-size: 32px;
    font-weight: bold;
    color: #fff;
}
.ceo-footer-banner .box p{
    font-size: 14px;
    color: #fff;
    margin: 20px 0 30px;
}
.ceo-footer-banner .box a{
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    border: 2px solid #fff;
    text-align: center;
    width: 168px;
    font-size: 16px;
    color: var(--primary-color);
    display: inline-block;
    border-radius: 6px;
    margin-right: 26px;
}
.ceo-footer-banner .box a:nth-child(2n+0) {
    background-color: #fff0;
    color: #fff;
}
.ceo-footer-banner .box a:nth-child(2n+0):hover{
    background-color: #fff;
    color: var(--primary-color);
}
.ceo-footer-banner .box a:last-child{
    margin-right: 0px;
}
.ceo-footer-banner .box a:hover{
    font-weight: bold;
}
/*
 * ------------------------------------------------------------------------------
 * 底部收藏提示
 * ------------------------------------------------------------------------------
 */
.ceo-footer-ctrl{
    background: #181f2c;
    padding: 20px 0;
    font-size: 14px;
    color: #fff;
}

.ceo-footer-ctrl .menu{
}
.ceo-footer-ctrl .menu li{
    list-style: none;
    display: inline-block;
    margin-right: 20px;
}
.ceo-footer-ctrl .menu li:last-child{
    margin-right: 0px;
}
.ceo-footer-ctrl .menu li a{
    color: #abb1bc;
    font-size: 14px;
}
.ceo-footer-ctrl .menu li a:hover{
    color: #fff;
}
.ceo-footer-ctrl span{

}
.ceo-footer-ctrl span em{
    background: var(--primary-color);
    padding: 2px 10px;
    border-radius: 5px;
    color: #fff;
    margin: 0 10px;
}
/*
 * ------------------------------------------------------------------------------
 * 底部样式
 * ------------------------------------------------------------------------------
 */
.ceo-footer{
    background: #1b2331;
}
.foot-cop-s{
    margin-bottom: 5px;
}
.foot-cop {
	padding: 15px 0;
}
.foot-cop span {
	color: #858b9f;
    font-size: 12px;
	position: relative;
	padding-right: 15px;
	margin-right: 10px;
}
.foot-cop span:last-child{
	padding-right: 0px;
	margin-right: 0px;
}
.foot-cop a {
	color: #858b9f
}
.foot-cop a:hover {
	color: #fff
}
.foot-cop span:after {
    content: '';
    width: 1px;
    height: 11px;
    background: #858b9f;
    position: absolute;
    top: 3px;
    right: 0;
    opacity: .4;
}
.foot-cop span:last-child:after {
	display: none;
}
.ceo-gongan img {
    width: 14px;
    display: inline-block;
    transform: translateY(-18%);
    position: relative;
    margin-right: 3px;
}
.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-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;
    z-index: 999;
    margin-bottom: 100px;
}
.gotop-box{
    box-shadow: 0 4px 23px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
}
.gotop .gotop-item{
    color: rgba(23,23,24,0.8);
    text-align: center;
    cursor: pointer;
    width: 54px;
    padding-bottom: 10px;
    box-sizing: initial;
    align-items: center;
    display: block;
}
.gotop .gotop-item i{
	font-size: 22px!important;
    z-index: 2;
    position: relative;
    color: #171718;
}
.gotop .gotop-item a{
    color: rgba(23,23,24,0.8);
    font-size: 12px;
}
.gotop .gotop-item a:hover{
    color: var(--primary-color)!important;
}
.gotop .gotop-item img{
    width: 24px;
}
.gotop .gotop-item p.text{
    font-size: 12px;
    margin-top: 5px;
}
.gotop .gotop-item:hover p.text{
    color: var(--primary-color)!important;
}
.gotop .gotop-item.gotops{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}

.ceo-pt-wx{
    width: 300px;
}
.ceo-pt-wx img{
    height: 200px;
}
/*右下角活动*/
.gotop .activity{
    background: transparent;
    position: relative;
    height: 128px;
    padding-bottom: 0;
}
.gotop .activity a{
    display: block;
}
.gotop .activity .a1{
    width: 100%;
    height: 100%;
    border-radius: 7px 7px 0px 0px;
}
.gotop .activity .a2{
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: 33px;
    height: 43px;
    animation: red-envelope-shake 0.8s linear infinite;
    transition: all .3s;
}
@keyframes red-envelope-shake {
    0% { transform: rotate(-7deg) }
    50%  { transform: rotate(7deg) }
    100% {transform: rotate(-7deg) }
}
@keyframes turnX{

    0%{transform:rotateX(0deg);}

    100%{transform:rotateX(360deg);}

}
.gotop .activity .popover {
    position: absolute;
    width: 251px;
    height: 128px;
    right: 0;
    bottom: 0;
    display: none;
}
.gotop .activity:hover .popover {
    display: block;
}
/*右下角会员*/
.gotop-box .gotop-vip{
    background: linear-gradient(10deg,#fedd92,#fef6e1);
    color: #803300;
    padding-top: 10px;
    margin-bottom: 10px;
}
.gotop-box .gotop-vip a{
    color: #803300!important;
}
.gotop-box .gotop-vip:hover p.text{
    color: #803300!important;
    font-weight: 600;
}
/*右下角客服*/
.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: 54px;
    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 .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;
    border: 1px solid var(--primary-color)!important;
}
.gotop-service-box .tops p{
    font-size: 12px;
}
.gotop-service-box .btms{
    text-align: center;
}
.gotop-service-box .btms em{
    font-size: 14px;
    color: #5f6575;
    font-weight: 500;
    margin-bottom: 10px;
    height: 20px;
    line-height: 20px;
    display: block;
}
.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 span{
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    font-size: 12px;
    color: #FF5151;
    margin-bottom: 10px;
}
/*右下角微信*/
.gotop-wx-box {
    margin-bottom: 15px;
}
.gotop-wx-box .boxs p{
    font-size: 14px;
    color: #5f6575;
    font-weight: 500;
    margin-bottom: 10px;
    height: 20px;
    line-height: 20px;
}
.gotop-wx-box .boxs 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: 54px;
    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: #6f96ff;
}
.gotop-ma-box em{
    display: block;
    margin: 10px auto 0;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: #6f96ff;
}
.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;
}
/*
* ------------------------------------------------------------------------------
* 底部左下角
* ------------------------------------------------------------------------------
*/
.ceo-float{
    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 9;
}
.ceo-float a {
    display: block;
}
.ceo-float a img {
    height: 150px;
}
/*
* ------------------------------------------------------------------------------
* 整体细节
* ------------------------------------------------------------------------------
*/
.ceo-shouji-pass .crumb {
    padding: 20px;
}
/*面包屑*/
.ceo-text-mianbaoxie i,.ceo-text-mianbaoxie a,.ceo-text-mianbaoxie span{
    color: #aaa;
    font-size: 12px !important;
}
.ceo-text-mianbaoxie a:hover{
    color: var(--primary-color) !important;
}
.ceo-catnav-wz {
    z-index: 1;
    position: relative;
    color: #ffffff99!important;
    padding: 15px 0;
}
.ceo-catnav-wz a{
    color: #ffffff99!important;
}
.ceo-catnav-wz a:hover{
    color: #fff!important;
}
.ceo-catnav-wz span{
    color: #ffffff99!important;
}
.ceo-catnav-wz i{
    color: #ffffff99!important;
}
/*
* ------------------------------------------------------------------------------
* 关注私信
* ------------------------------------------------------------------------------
*/
.ceo-gzsxbtn-box{
    padding: 0 20px;
}
.ceo-gzbtn{
    font-family: Microsoft yahei,ProximaNova,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    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;
    font-size: 12px;
    line-height: 18px;
    width: 66px;
    margin-right: 5px;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background: #fff;
    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;
}
.ceo-gzbtn:hover{
    opacity: .8;
}
.ceo-gzbtn i{
    margin-right: 3px;
    font-size: 15px!important;
    display: inline-block;
    transform: translateY(1px);
}
.ceo-sxbtn{
    font-family: Microsoft yahei,ProximaNova,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    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: 12px;
    line-height: 18px;
    width: 27px;
    border-radius: 3px;
    display: inline-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: 15px!important;
    display: inline-block;
    transform: translateY(1px);
}

.ceo-zybtn{
    font-family: Microsoft yahei,ProximaNova,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    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;
    font-size: 12px;
    line-height: 26px;
    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 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;
}
.ceo-zybtn:hover{
    opacity: .8;
}
.ceo-zybtn i{
    margin-right: 3px;
    font-size: 15px!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);
    cursor: pointer;
}
.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{
    
}
.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 {
}
.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 .ceo-width-1-3{
    width: 50%;
}
.follow-item .follow-item-btns{
    margin-top: 11px;
}
.follow-item .follow-item-btns button {
    width: 100px;
    padding: 6px 0;
}
/*
* ------------------------------------------------------------------------------
* 海报
* ------------------------------------------------------------------------------
*/
.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;
}
/*
* ------------------------------------------------------------------------------
* 手机端
* ------------------------------------------------------------------------------
*/
/*手机端底部导航*/
.ceo-app-navbar{
    box-shadow: 0 5px 15px rgb(72 125 178 / 10%);
}
.ceo-app-navbar .navbar-user .dropdown {
    padding-top: 25px;
}
.ceo-app-navbar .module{
    height: 60px;
    justify-content: space-between;
}
.ceo-app-navbar .module .left{
    
}
.ceo-app-navbar .module .left img{
    height: 30px;
}
.ceo-app-navbar .module .right{
    display: flex;
    align-items: center;
}
.ceo-app-navbar .module .right .search a i{
    font-size: 20px!important;
}
.ceo-app-navbar .module .right .cat{
    margin-left: 15px;
}
.ceo-app-navbar .module .right .cat a i{
    font-size: 20px!important;
}
/*手机底部菜单*/
.ceo-app-footer-fixed{
    position: fixed!important;
    bottom: 0;
    left: 0;
}
.ceo-app-footer {
    width: 100%;
    position: relative;
    z-index: 999;
    display: flex;
    align-items: center;
    padding: 10px 0;
    background: #fff;
    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: 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: #505a71;
    position: relative;
}
.ceo-app-footer a i{
    color: #505a71;
    font-size: 22px!important;
}
.ceo-app-footer a .text{
    display: inline-block;
    font-size: 0.65rem;
    color: #505a71;
    padding-top: 6px;
}
.ceo-app-footer a.vip{
    position: relative;
}
.ceo-app-footer a.vip i{
    display: block;
    background-color: var(--primary-color);
    color: #fff!important;
    border-radius: 6px;
    padding: 6px 15px;
    font-size: 20px !important;
}
.ceo-app-footer a.vip em{
    position: absolute;
    right: 0;
    left: 0;
    top: -40px;
    text-align: center;
    font-size: 12px;
    padding: 5px 10px;
    color: #fff;
    background: linear-gradient(90deg,#ff2e30,#ff882d);
    box-shadow: 0px 0px 12px 6px rgb(0 0 0 / 5%);
    border-radius: 4px;
    -webkit-animation: bounce-down-data-v-2d3b1a5e 1.5s linear infinite;
    animation: bounce-down-data-v-2d3b1a5e 1.5s linear infinite;
}
.ceo-app-footer a.vip em:after {
    content: "";
    border: 6px solid;
    border-color: #ff5a2e transparent transparent transparent;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
}

/*
* ------------------------------------------------------------------------------
* 手机端自适应
* ------------------------------------------------------------------------------
*/
/*手机导航自适应*/
@media screen and (max-width: 1500px) {
    .ceo-navbar-nav-new{
        display: none;
    }
}

@media screen and (min-width: 1501px) {
    .ceo-navbar-nav-cat{
        display: none;
    }
}
.ceo-navbar-nav-cat a{
    padding: 25px 0px;
    display: inline-block;
    margin-left: 30px;
    color: #fff;
}
.navBar_01 .ceo-navbar-nav-cat a i.classification{
    width: 20px;
    height: 20px;
    margin-right: 6px;
    background: url(../../static/images/ceo-navbar-nav-cat-1.svg) no-repeat;
    background-size: contain;
    display: inline-block;
    vertical-align: bottom;
    transform: translateY(0px);
}
header.header_cus .ceo-navbar-nav-cat a i.classification{
    background: url(../../static/images/ceo-navbar-nav-cat-2.svg) no-repeat;
    background-size: contain;
}
header.navBar_01_c .ceo-navbar-nav-cat a i.classification{
    background: url(../../static/images/ceo-navbar-nav-cat-2.svg) no-repeat!important;
    background-size: contain!important;
}
.navBar_01.navBar_01_c .ceo-navbar-nav-cat a{
    color: #1b2337;
}
.navBar_01.navBar_01_c .ceo-navbar-nav-cat a:hover{
    color: var(--primary-color);
}
/*手机自适应*/
@media screen and (max-width: 900px) {
        
    /*首页幻灯样式1*/
    .ceo-home-slide1 .slidebox {
        width: auto;
    }
    .ceo-home-slide1 .slidebox .tag {
        width: auto;
    }
    .ceo-home-slide1 {
        margin-bottom: 20px;
        height: 300px;
    }
    .ceo-home-slide1 .slide1-title {
        padding-top: 110px;
    }
    .ceo-home-slide1 .slide_text {
        font-size: 20px;
        min-height: 40px;
    }
    .ceo-home-slide1 .slide1-desc {
        margin: 10px auto 24px auto;
        font-size: 14px;
    }
    .ceo-home-slide1 .slidebox .search input {
        height: 50px;
        padding: 4px 110px 4px 10px;
    }
    .ceo-home-slide1 .slidebox .search button {
        width: 100px;
        font-size: 14px;
        line-height: 36px;
        top: 5px;
    }
    .ceo-home-slide1 .slidebox .search button i {
        font-size: 20px !important;
    }
    /*首页幻灯样式2*/
    .ceo-home-slide2 .slide-box {
        height: 250px;
        padding-top: 0px!important;
    }
    .ceo-home-slide2 .slide-box .banner-box {
        padding: 50px 0 0 0;
    }
    .ceo-home-slide2 .slide-box-text {
        margin-bottom: 30px;
    }
    .ceo-home-slide2 .slide-box-text span {
        font-size: 18px;
    }
    .ceo-home-slide2 .slide-box-text p {
        font-size: 14px;
        margin-top: 20px;
    }
    .ceo-home-slide2 .slide-box .search {
        width: auto;
    }
    .ceo-home-slide2 .slide-box .search form input {
        height: 40px;
        line-height: 40px;
    }
    .ceo-home-slide2 .slide-box .search form button {
        width: 120px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }
    /*首页专题模块*/
    .ceo-home-special {
        margin-bottom: 30px;
    }
    .ceo-home-special .title {
        display: none;
    }
    /*首页无限分类模块*/
    .ceo-home-infinite {
        margin-bottom: 30px;
    }
    .ceo-home-infinite span.title {
        font-size: 18px;
        margin-right: 0;
        margin-bottom: 15px;
    }
    .ceo-home-infinite .more a {
        bottom: -2px;
    }
    .ceo-infinite-title {
        display: block;
        list-style: none;
        white-space: nowrap;
        overflow-x: auto !important;
    }
    .ceo-infinite-title::-webkit-scrollbar {
    	display:none
    }
    .ceo-home-infinite .img-box .img-module a{
        height: 100%;
    }
    .ceo-home-infinite .img-box .img-module a img {
        position: inherit;
        height: 100% !important;
        width: 100% !important;
    }
    /*首页合作模块*/
    .ceo-home-cooperate {
        padding: 30px 0;
    }
    .ceo-home-cooperate .title span {
        font-size: 18px;
        line-height: 20px;
    }
    .ceo-home-cooperate .box li a {
        margin: 20px 0;
        padding: 10px;
        height: 30px;
    }
    /*首页友链模块*/
    .ceo-home-link {
        margin-bottom: 30px;
    }
    /*分类列表菜单模块*/
    .ceo-category-bg {
        height: 215px;
    }
    .ceo-category-bg .title {
        margin-top: 30px;
    }
    .ceo-category-bg .title h1 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .ceo-category-bg .title p {
        font-size: 12px;
        height: auto;
        line-height: 2;
    }
    .ceo-category-nav {
        padding: 20px;
    }
    .ceo-category-nav ul {
        list-style: none;
        white-space: nowrap;
        overflow-x: auto !important;
    }
    .ceo-category-nav ul::-webkit-scrollbar {
    	display:none
    }
    .ceo-category-nav .data .ceo-flex {
        flex-direction: column;
    }
    .ceo-category-nav .data .search {
        margin-top: 10px;
    }
    .ceo-category-nav .data .search form {
        width: 100%;
    }
    
    .ceo-category-nav .ceo-catnav-ss {
        margin-right: 0;
    }
    .ceo-category-nav .ceo-catnav-ss strong {
        margin-right: 10px;
    }
    .ceo-category-nav .ceo-catnav-ss a {
        margin-right: 10px;
    }
    .ceo-category-nav ul li {
        margin-right: 10px;
    }
    /*分类列表相关*/
    .news-slide .left {
        height: 170px;
    }
    .news-slide .left .ceo-slideshow-items {
        min-height: 170px!important;
    }
    .news-slide .right a {
        height: 100px;
    }
    .ceo-category-news .news-slide {
        margin-top: 20px;
    }
    .ceo-category-news .module .nav ul {
        list-style: none;
        white-space: nowrap;
        overflow-x: auto !important;
    }
    .ceo-category-news .module .nav ul::-webkit-scrollbar {
    	display:none
    }
    .loop-2 .loop-2-box-img .thumb span.down {
        height: 36px;
        line-height: 36px;
    }
    .loop-6 .loop-6-box {
        padding: 15px;
    }
    .loop-7 ul .loop-7-box .left .thumb {
        width: 120px;
        height: 75px;
    }
    .loop-7 ul .loop-7-box .right h2 {
        margin-bottom: 10px;
        font-size: 15px;
    }
    .loop-7 ul .loop-7-box .right .desc {
        font-size: 12px;
        height: 20px;
        margin-bottom: 5px;
    }
    .loop-7 ul .loop-7-box .loop-7-info .avatar {
        width: 16px;
        height: 16px;
    }
    .loop-7 ul .loop-7-box .loop-7-info .category{
        display: none;
    }
    .ceo-music-cat .audio-pan .play-pan {
        height: 60px;
    }
    .ceo-music-cat .audio-pan .play-icon {
        height: 20px;
        left: 20px;
        top: 20px;
    }
    .ceo-music-cat .audio-pan .play-dot {
        right: -20px;
        width: 15px !important;
        height: 15px;
    }
    .ceo-music-cat .audio-pan .play-zhen {
        top: 10px;
        right: -14px;
        height: 36px;
    }
    /*邀请页面*/
    .ceo-page-invited .bg {
        height: 210px;
    }
    .ceo-page-invited .bg .title h1 {
        font-size: 20px;
    }
    .ceo-page-invited .bg .title p {
        font-size: 14px;
        font-weight: 400;
    }
    .ceo-page-invited .bg .title a {
        font-size: 14px;
        font-weight: 400;
        padding: 10px 40px;
        margin-top: 20px;
    }
    .ceo-page-invited .module2 {
        padding: 30px 0;
    }
    .ceo-page-invited .module2 .title {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .ceo-page-invited .module2 ul li .box {
        padding: 20px;
    }
    .ceo-page-invited .module2 ul li .box i {
        width: 42px;
        height: 42px;
        line-height: 42px;
        font-size: 20px !important;
        border-radius: 4px;
    }
    .ceo-page-invited .module2 ul li .box span {
        margin-left: 10px;
        font-size: 14px;
        font-weight: 400;
    }
    .ceo-page-invited .module3 {
        padding-bottom: 30px;
    }
    .ceo-page-invited .module3 .title {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .ceo-page-invited .module3 .reward .header .header-1, .ceo-page-invited .module3 .reward .header .header-2, .ceo-page-invited .module3 .reward .header .header-3 {
        font-size: 14px;
    }
    .ceo-page-invited .module3 .reward .list li .list-1, .ceo-page-invited .module3 .reward .list li .list-2, .ceo-page-invited .module3 .reward .list li .list-3 {
        font-size: 14px;
    }
    .ceo-page-invited .module4 {
        padding-bottom: 30px;
    }
    .ceo-page-invited .module4 .title {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .ceo-page-invited .module4 ul li .box {
        padding: 20px;
        min-height: auto;
    }
    .ceo-page-invited .module4 ul li .box i {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 26px !important;
    }
    .ceo-page-invited .module4 ul li .box span {
        font-size: 16px;
    }
    .ceo-page-invited .module4 ul li .box p {
        font-size: 14px;
        line-height: 1.5;
    }
    .ceo-page-invited .module5 {
        padding: 30px 0;
    }
    .ceo-page-invited .module5 .box span {
        font-size: 20px;
    }
    .ceo-page-invited .module5 .box p {
        font-size: 14px;
        font-weight: 400;
        margin: 15px 0 20px 0;
    }
    .ceo-page-invited .module5 .box a {
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        width: 138px;
    }
    .ceo-page-invited .module5 .box a:last-child {
        margin-left: 10px;
    }
    .ceo-page-invited .module6 {
        padding: 30px 0;
    }
    .ceo-page-invited .module6 .box .title {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .ceo-page-invited .module6 .box ul li .content span {
        font-size: 15px;
        margin-bottom: 10px;
    }
    .ceo-page-invited .module6 .box ul li .content p {
        line-height: 1.5;
    }
    .ceo-page-invited .module6 .box ul li .content span em {
        width: 20px;
        height: 20px;
        line-height: 20px;
    }
    .ceo-page-invited .module6 .box ul li .content p em {
        width: 20px;
        height: 20px;
        line-height: 20px;
    }
    /*会员页面*/
    .ceo-page-vip .vip-header {
        height: 238px;
    }
    .ceo-page-vip .vip-header .top-title {
        padding-top: 50px;
    }
    .ceo-page-vip .vip-header .top-title h1 {
        font-size: 25px;
    }
    .ceo-page-vip .vip-header .vip-left-bg {
        width: 277px;
        height: 148px;
        background-size: 277px 148px;
    }
    .ceo-page-vip .vip-header .vip-right-bg {
        width: 277px;
        height: 148px;
        background-size: 277px 148px;
    }
    .ceo-page-vip .vip-tocmk {
        margin-top: -80px;
        margin-bottom: 30px;
    }
    .ceo-page-vip .vip-problem {
        padding: 30px 0;
    }
    .ceo-page-vip .vip-problem .problem-title {
        margin-bottom: 20px;
    }
    .ceo-page-vip .vip-problem .problem-title span {
        font-size: 20px;
    }
    .ceo-page-vip .vip-problem .problem-title p {
        font-size: 14px;
    }
    .ceo-page-vip .vip-problem .mk {
        padding: 20px;
    }
    .ceo-page-vip .vip-problem .mk i {
        font-size: 30px !important;
        padding: 15px;
    }
    .ceo-page-vip .vip-problem .mk span {
        font-size: 16px;
    }
    .ceo-page-vip .vip-problem .mk p {
        font-size: 12px;
    }
    .ceo-page-vip .vip-enterprise {
        padding: 30px 0;
    }
    .ceo-page-vip .vip-enterprise .enterprise-title {
        margin-bottom: 20px;
    }
    .ceo-page-vip .vip-enterprise .enterprise-title span {
        font-size: 20px;
    }
    .ceo-page-vip .vip-enterprise .enterprise-title p {
        font-size: 14px;
    }
    .ceo-page-vip .vip-qa {
        padding: 30px 0;
    }
    .ceo-page-vip .vip-qa .qa-title {
        margin-bottom: 20px;
    }
    .ceo-page-vip .vip-qa .qa-title span {
        font-size: 20px;
    }
    .ceo-page-vip .vip-qa .qa-title p {
        font-size: 14px;
    }
    .ceo-page-vip .vip-qa .mk span {
        font-size: 15px;
        margin-bottom: 10px;
    }
    .ceo-page-vip .vip-qa .mk p {
        line-height: 1.5;
    }
    .ceo-page-vip .vip-qa .mk span em {
        width: 20px;
        height: 20px;
        line-height: 20px;
    }
    .ceo-page-vip .vip-qa .mk p em {
        width: 20px;
        height: 20px;
        line-height: 20px;
    }
    /*入驻页面*/
    .ceo-apply-bg .bg {
        height: 280px;
    }
    .ceo-apply-bg .bg .title h1 {
        font-size: 25px;
    }
    .ceo-apply-bg .bg .title p {
        font-size: 14px;
    }
    .ceo-apply-bg .bg .title a {
        font-size: 14px;
        font-weight: 400;
        padding: 10px 40px;
        margin-top: 20px;
    }
    .ceo-apply-bg .bgmodule {
        margin-bottom: 30px;
        margin-top: -70px;
    }
    .ceo-apply-bg .bgmodule ul li i {
        font-size: 30px !important;
        padding: 15px;
    }
    .ceo-page-apply .center {
        padding-bottom: 30px;
    }
    .ceo-page-apply .center .title {
        margin-bottom: 20px;
    }
    .ceo-page-apply .center .title span {
        font-size: 20px;
    }
    .ceo-page-apply .center .title p {
        font-size: 14px;
    }
    .ceo-page-apply .center ul li span {
        padding: 20px;
        line-height: 1.5;
    }
    .ceo-page-apply .question {
        padding: 30px 0;
    }
    .ceo-page-apply .question .box .title {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .ceo-page-apply .question .box ul li .content span {
        font-size: 15px;
        margin-bottom: 10px;
    }
    .ceo-page-apply .question .box ul li .content p {
        line-height: 1.5;
    }
    .ceo-page-apply .question .box ul li .content span em {
        width: 20px;
        height: 20px;
        line-height: 20px;
    }
    .ceo-page-apply .question .box ul li .content p em {
        width: 20px;
        height: 20px;
        line-height: 20px;
    }
    /*定制页面*/
    .ceo-page-customized .bg {
        height: 280px;
    }
    .ceo-page-customized .bg .title {
        margin-top: -20px;
    }
    .ceo-page-customized .bg .title h1 {
        font-size: 25px;
    }
    .ceo-page-customized .bg .title p {
        font-size: 14px;
    }
    .ceo-page-customized .bg .title a {
        font-size: 14px;
        font-weight: 400;
        padding: 10px 40px;
        margin-top: 20px;
    }
    .ceo-page-customized .bgmodule {
        box-shadow: 0 0px 18px 2px rgb(0 0 0 / 9%);
        padding: 30px;
        margin-bottom: 30px;
        margin-top: -40px;
    }
    .ceo-page-customized .bgmodule ul li i {
        font-size: 40px !important;
    }
    .ceo-page-customized .service {
        margin-bottom: 40px;
    }
    .ceo-page-customized .service .title {
        margin-bottom: 30px;
    }
    .ceo-page-customized .service .title span {
        font-size: 20px;
    }
    .ceo-page-customized .service .title p {
        font-size: 14px;
    }
    .ceo-page-customized .service ul li .box .bg {
        height: 80px;
    }
    .ceo-page-customized .service ul li .box .bg span {
        margin-top: 26px;
    }
    .ceo-page-customized .service ul li .box .bot a {
        padding: 10px;
        display: block;
    }
    .ceo-page-customized .process {
        padding: 40px 0;
        margin-bottom: 40px;
    }
    .ceo-page-customized .process .title {
        margin-bottom: 30px;
    }
    .ceo-page-customized .process .title span {
        font-size: 20px;
    }
    .ceo-page-customized .process .title p {
        font-size: 14px;
    }
    .ceo-page-customized .enterprise {
        margin-bottom: 40px;
    }
    .ceo-page-customized .enterprise .title {
        margin-bottom: 30px;
    }
    .ceo-page-customized .enterprise .title span {
        font-size: 20px;
    }
    .ceo-page-customized .enterprise .title p {
        font-size: 14px;
    }
    .ceo-page-customized .question {
        padding: 40px 0;
    }
    .ceo-page-customized .question .box .title {
        font-size: 20px;
        margin-bottom: 30px;
    }
    .ceo-page-customized .question .box ul li .content span {
        font-size: 15px;
    }
    .ceo-page-customized .question .box ul li .content p {
        line-height: 1.5;
    }
    /*页面通用*/
    .ceo-default-bg {
        height: 200px;
        margin-bottom: 30px;
    }
    .ceo-default-bg .title h1 {
        font-size: 25px;
    }
    .ceo-special-home .bgsbox .desc p {
        font-size: 14px;
    }
    .ceo-special-home .bgsbox .desc em {
        line-height: 20px;
    }
    .ceo-default-quick {
        margin-bottom: 30px;
    }
    .ceo-default-quick .box ul li a img {
        width: 50px;
        height: 50px;
    }
    .ceo-default-quick .box ul li a span {
        margin-bottom: 8px;
        font-size: 14px;
        height: 14px;
        line-height: 14px;
    }
    .ceo-tag-bg .top {
        margin-top: 73px;
    }
    .ceo-default-list .default-box .nav {
        padding-bottom: 20px;
    }
    .ceo-default-list .default-box .nav li a {
        padding: 5px 30px;
        font-size: 14px;
    }
    /*作者页面*/
    .ceo-author-home .author-bg {
        margin-bottom: 30px;
    }
    .ceo-author-home .author-btn .box button {
        line-height: 30px;
        width: 70px;
    }
    .ceo-author-home .author-info {
        padding: 60px 0 30px 0;
    }
    .ceo-author-home .author-info .img .imgbox {
        width: 80px;
        height: 80px;
    }
    .ceo-author-home .author-info .img .imgbox img {
        width: 80px;
        height: 80px;
    }
    .ceo-author-home .author-info .desc .data {
        margin-top: 20px;
    }
    .ceo-author-home .author-info .desc .data li {
        margin-right: 15px;
    }
    .ceo-author-home .author-info .desc .data li span {
        font-size: 16px;
    }
    /*翻页*/
    .ceo-fanye .page-numbers {
        padding: 0 11px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }
    /*合集页面*/
    .ceo-page-about ul.about-menu {
        list-style: none;
        white-space: nowrap;
        overflow-x: auto !important;
    }
    .ceo-page-about ul.about-menu::-webkit-scrollbar {
    	display:none
    }
    .ceo-page-about ul.about-menu li {
        margin-bottom: 0;
        display: inline-block;
    }
    .ceo-page-about ul.about-menu li a {
        padding: 6px 10px;
        font-size: 14px;
    }
    .page-link .linkcat .blogroll {
        margin-left: -10px;
    }
    .page-link .linkcat .blogroll li {
        width: 50%;
        padding-left: 10px;
        margin-bottom: 10px;
    }
    .page-link .linkcat .blogroll li a {
        padding: 15px;
        font-size: 14px;
    }
    .page-link .linkcat .blogroll li a img {
        width: 25px;
        height: 25px;
        border-radius: 25px;
        margin-right: 5px;
    }
    /*网址导航页面*/
    .ceo-site-bg {
        height: 235px;
    }
    .ceo-site-bg .title {
        margin-top: 50px;
    }
    .ceo-site-bg .title h1 {
        font-size: 25px;
    }
    .site-switcher {
        width: 290px;
    }
    .site-switcher-menu li {
        margin: 0 10px 10px 10px;
    }
    .site-switcher-menu li span {
        font-size: 14px;
    }
    .site-form input {
        padding: 12px 0;
    }
    .site-form button {
        top: 2px;
    }
    .site-module {
        margin-bottom: 30px!important;
        margin-top: 30px;
        padding: 0 15px;
    }
    .section-title {
        margin-bottom: 20px;
    }
    .site-item .item-img {
        width: 40px;
        height: 40px;
        border-radius: 40px;
    }
    .site-item .item-info p {
        margin-top: 0;
    }
    /*用户中心*/
    .user-page .nav {
        list-style: none;
        white-space: nowrap;
        overflow-x: auto !important;
    }
    .user-page .nav::-webkit-scrollbar {
        display: none;
    }
    .ceo-profile .profile-tab-item {
        padding: 0 20px;
        font-size: 12px;
    }
    .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;
    }
    .user-page .middle .settings .head .desc {
        display: none;
    }
    .user-page .middle .settings .head .avatar img {
        width: 40px;
        height: 40px;
    }
    .user-page .middle .settings .head .name {
        font-size: 14px;
    }
    .user-page .middle .settings .head .upload-form {
        margin-top: 0px;
    }
    .user-page .middle .security .stitle {
        font-size: 14px;
    }
    .follow-item .follow-item-btns button {
        width: auto;
        padding: 4px 14px;
    }
    /*底部banner模块*/
    .ceo-footer-banner {
        height: 260px;
    }
    .ceo-footer-banner .box {
        margin-top: 46px;
    }
    .ceo-footer-banner .box span {
        font-size: 18px;
    }
    .ceo-footer-banner .box a {
        height: 43px;
        line-height: 43px;
        width: 130px;
        font-size: 14px;
        margin-right: 20px;
    }
    /*底部模块*/
    .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 rgb(0 0 0 / 7%);
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    .ceo-app-gotop a i {
        font-size: 20px!important;
    }
    .ceo-footer {
        margin-bottom: 66px;
        text-align: center;
    }
    .ceo-footer .foot-cop .ceo-flex{
        flex-direction: column;
        align-items: inherit;
    }
    .ceo-footer .foot-cop .foot-cop-y{
        margin-top: 20px;
    }
    .ceo-footer-ctrl .menu {
        text-align: center;
    }
    .ceo-footer-ctrl .menu li {
        line-height: 30px;
    }
    .foot-cop span {
        padding-right: 10px;
        margin-right: 0px;
    }
    .foot-cop span:after {
        width: 0px;
    }
    /*登录注册页*/
    .page-login {
        margin: 50px auto!important;
    }
    .login-main .right {
        padding: 30px;
    }
    .login-main .right form .ceo-inline input {
        height: 45px;
    }
    .login-main .right .socialize .type a {
        width: 48px;
        height: 48px;
        line-height: 48px;
    }
    .login-main .right .socialize .type a i {
        font-size: 22px!important;
    }
    /*其他*/
    .ceo-users-lore {
        margin-left: 15px;
    }
    .ceo-users-lore a {
        width: 100px;
        font-size: 12px;
        line-height: 35px;
    }
    .ceo-users-lore a i {
        font-size: 12px;
        top: 39px;
    }
    .ceo-page-404 p {
        margin-bottom: 30px;
    }
    .audio-left {
        margin-bottom: 30px;
    }
    .cover-bg {
        width: 150px;
        height: 150px;
    }
    .audio-left img {
        width: 50px;
        height: 50px;
    }
    .audio-wrapper {
        padding: 30px 20px;
    }
    /*内容页*/
    .ceo-single {
        padding: 20px;
    }
    .ceo-single .header .title h1 {
        font-size: 16px;
    }
    .ceo-single .title .tag {
        transform: translateY(0px);
    }
    .ceo-single .header .info .left span, .ceo-single .header .info .right span {
        margin-right: 10px;
    }
    .ceo-single-content .content-box .single-content .single-login .login-box {
        width: 260px;
    }
    .ceo-single-content .content-box .header .title .s {
        transform: translateY(1px);
    }
    .ceo-single-content .content-box .header .title h1 {
        font-size: 16px;
        line-height: 19px;
    }
    .ceo-single-content .content-box .header .title .collection a{
        padding: 0 7px;
    }
    .ceo-single-content .content-box .header .title .collection a i{
        margin-right: 0;
    }
    .ceo-single-content .content-box .header .title .collection a span{
        display: none;
    }
    .ceo-single-tese{
        display: none;
    }
    .single-content p {
        font-size: 14px;
        margin-bottom: 25px;
    }
    .ceo-single-szcan {
        margin: 30px 0;
    }
    .ceo-single-szcan-sc, .ceo-single-szcan-dz {
        margin: 0 5px;
    }
    .ceo-single-szcan-sc a {
        font-size: 12px;
        padding: 10px 30px;
    }
    .ceo-single-szcan-dz a {
        font-size: 12px;
        padding: 10px 30px;
    }
    .ceo-sidebar-shop1 ul.list li .discount .box{
        right: 0;
        left: inherit;
        transform: inherit;
    }
    .ceo-sidebar-shop1 ul.list li .discount .box ul:before {
        right: 20px;
        left: inherit;
        transform: inherit;
    }
    .ceo-sidebar-shop2 .list ul li .discount .box {
        right: 0;
        left: inherit;
        transform: inherit;
    }
    .ceo-sidebar-shop2 .list ul li .discount .box ul:before {
        right: 20px;
        left: inherit;
        transform: inherit;
    }




}
/*手机结束*/

/*
* ------------------------------------------------------------------------------
* 滚动条
* ------------------------------------------------------------------------------
*/
::-webkit-scrollbar {
	width: 10px;
	height: 4px;
	background-color: #fff;
}

::-webkit-scrollbar-track {
	background-color: #fff;
}

::-webkit-scrollbar-thumb {
	background-color: #ccc;
	border-radius: 10px
}
/*
* ------------------------------------------------------------------------------
* 暗箱
* ------------------------------------------------------------------------------
*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}