/*
 * ------------------------------------------------------------------------------
 * 基础样式
 * ------------------------------------------------------------------------------
 */
* {
	word-wrap: break-word;
}
#ceotheme {
	background: rgb(245, 247, 253);
}
:root {
	--primary-color: #006fff;
	--border-color: #f2f6fc;
	--mini-color: #8590a6;
}
textarea {
	resize: none;
}

body,ul,ol,li,dl,dd,p,h1,h2,h3,h4,h5,h6,form,fieldset,.pr,.pc {
	margin: 0;
	padding: 0;
}

table {
	empty-cells: show;
	border-collapse: collapse;
}

caption,th {
	text-align: left;
	font-weight: 400;
}

ul li,.xl li {
	list-style: none;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 1em;
}

em,cite,i {
	font-style: normal;
}

a {
	color: #333;
	text-decoration: none;
}

a:hover {
    color: var(--primary-color);
	text-decoration: none;
}

a img {
	border: none;
}

label {
	cursor: pointer;
}
.b-a {
	border: 1px solid var(--border-color)!important;
}
.b-b {
	border-bottom: 1px solid var(--border-color)!important;
}
.b-t {
	border-top: 1px solid var(--border-color)!important;
}
.b-r-4 {
	border-radius: 4px!important;
}
.ceo-margin-right-20{
    margin-right: 20px;
}
.ceo-margin-right-20:last-child{
    margin-right: 0px;
}
.ceo-margin-top-20{
    margin-top: 20px;
}
.ceo-margin-bottom-10{
    margin-bottom: 10px;
}
.ceo-margin-t-b-auto{
    margin-top: 100px !important;
    margin-bottom: auto !important;
}
.ceo-modal-close{
    border: 1px solid #ccc;
    border-radius: 50px;
    width: 20px;
    height: 20px;
}
.ceo-text-small {
    font-size: 0.875rem;
    line-height: 1.5;
}
.ceo-text-13px {
    font-size: 13px;
    line-height: 1.5;
}

.hidefocus {
	outline: none;
}

hr {
	display: block;
	clear: both;
	*margin-top: -8px !important;
	*margin-bottom: -8px !important;
}
.w1240 {
	width: 1240px;
	margin: 0 auto;
}
@media(max-width: 768px) {
	.w1240 {
		width: 100%;
		margin: 0 auto;
	}
}
.iconfont {
    font-size: 14px!important;
    display: inline-block;
    transform: translateY(1px);
}
.ceo-dongtai{
	transition: all .3s
}
.ceo-dongtai:hover {
	transform: translateY(-3px);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.05);
	box-shadow: 0 0 10px rgba(0,0,0,.05);
	-webkit-transform: translateY(-3px);
	-ms-transform: translateY(-3px);
	transform: translateY(-3px);
}
.ceo-images img {
	width:100%;
	height:100%;
	vertical-align:top;
	-webkit-transition:all .3s ease-out 0s;
	-o-transition:all .3s ease-out 0s;
	transition:all .3s ease-out 0s
}

.gradient-ver-bw {
    background: #000;
    background: -moz-linear-gradient( bottom, rgba(0, 0, 0, 0.4) 0, transparent 100% );
    background: -webkit-gradient( linear, bottom, top, color-stop(0, rgba(0, 0, 0, 0.4)), color-stop(100%, transparent) );
    background: -webkit-linear-gradient( bottom, rgba(0, 0, 0, 0.4) 0, transparent 100% );
    background: -o-linear-gradient( bottom, rgba(0, 0, 0, 0.4) 0, transparent 100% );
    background: -ms-linear-gradient( bottom, rgba(0, 0, 0, 0.4) 0, transparent 100% );
    background: -webkit-gradient( linear, left bottom, left top, from(rgba(0, 0, 0, 0.4)), to(transparent) );
    background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.4)), to(transparent) );
    background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.4)), to(transparent) );
    background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.4)), to(transparent) );
    background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.4)), to(transparent) );
    background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0, transparent 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#000000, endColorstr=#ffffff);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#000000, endColorstr=#ffffff)";
}
.img_hover {
	transition: all .5s;
}
.img_hover:hover {
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
}
.wp {
	width: 860px;
}
.wp-user{
}
.ceo-grid-ceoblog,
.ceo-grid-column-ceoblog {
    margin-left: -20px;
}
.ceo-grid-ceoblog > *,
.ceo-grid-column-ceoblog > * {
    padding-left: 20px;
}

.ceo-grid + .ceo-grid-ceoblog,
.ceo-grid + .ceo-grid-row-ceoblog,
.ceo-grid-ceoblog > .ceo-grid-margin,
.ceo-grid-row-ceoblog > .ceo-grid-margin,
* + .ceo-grid-margin-ceoblog {
    margin-top: 20px;
}
@media screen and (max-width: 900px) {
    .ceo-grid-ceoblog,
    .ceo-grid-column-ceoblog {
        margin-left: -10px;
    }
    .ceo-grid-ceoblog > *,
    .ceo-grid-column-ceoblog > * {
        padding-left: 10px;
    }
    
    .ceo-grid + .ceo-grid-ceoblog,
    .ceo-grid + .ceo-grid-row-ceoblog,
    .ceo-grid-ceoblog > .ceo-grid-margin,
    .ceo-grid-row-ceoblog > .ceo-grid-margin,
    * + .ceo-grid-margin-ceoblog {
        margin-top: 10px;
    }
}
/*
 * ------------------------------------------------------------------------------
 * 弹窗注册登录
 * ------------------------------------------------------------------------------
 */
.ceo-navbar-login{
    margin-top: 3vh;
    border-radius: 6px;
    width: 700px;
}
.ceo-navbar-login .ceo-login-title{
    text-align: center;
}
.ceo-navbar-login .ceo-login-title a{
    display: block;
    margin-bottom: 15px;
}
.ceo-navbar-login .ceo-login-title a img{
    height: 36px;
    margin: 0 auto;
}
.ceo-navbar-login .ceo-form-icon i{
    font-size: 22px!important;
}
.ceo-login-social{
    margin: 35px 0;
    text-align: center;
}
.ceo-login-social p{
    line-height: 36px;
}
.ceo-login-social a{
    margin-right: 15px;
}
.ceo-login-social a:last-child{
    margin-right: 0px;
}
.ceo-login-social a.qq{
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 100px;
    background-color: #006eff;
    background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff));
    background-image: -webkit-linear-gradient(left, #006eff, #13adff);
    background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%);
    background-image: linear-gradient(90deg, #006eff, #13adff);
    -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
    box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
}
.ceo-login-social a.weixin{
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 100px;
    background-color: #07c160;
    background-image: -webkit-gradient(linear, left top, right top, from(#07c160), to(#13ff51));
    background-image: -webkit-linear-gradient(left, #07c160, #13ff51);
    background-image: -o-linear-gradient(left, #07c160 0, #13adff 100%);
    background-image: linear-gradient(90deg, #07c160, #13ff51);
    -webkit-box-shadow: 0 5px 10px 0 rgb(7 193 96 / 32%);
    box-shadow: 0 5px 10px 0 rgb(7 193 96 / 32%);
}
.ceo-login-social a.weibo{
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 100px;
    background-color: #ff2826;
    background-image: -webkit-gradient(linear, left top, right top, from(#ff2826), to(#ff9613));
    background-image: -webkit-linear-gradient(left, #d52c2b, #ff9613);
    background-image: -o-linear-gradient(left, #d52c2b 0, #13adff 100%);
    background-image: linear-gradient(90deg, #ff2826, #ff9613);
    -webkit-box-shadow: 0 5px 10px 0 rgb(255 40 38 / 26%);
    box-shadow: 0 5px 10px 0 rgb(255 40 38 / 26%);
}
.ceo-login-social a i{
    color: #fff;
    font-size: 25px!important;
}
.ceo-login-btnss{
    color: var(--primary-color);
}
.navbar-login-z{
    
}
.navbar-login-z .box{
    
}
.navbar-login-z .box .bg{
}
.navbar-login-z .box .zcbg{
}
.navbar-login-z .box .mh{
    background-image: linear-gradient(90deg, var(--primary-color), #13adff);
    opacity: .9;
}
.navbar-login-z .box .title{
    position: relative;
    text-align: center;
    padding: 30px;
    z-index: 1;
    margin-top: 70px;
}
.navbar-login-z .zc .title{
    margin-top: 140px;
}
.navbar-login-z .box .title span{
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 20px;
    display: block;
}
.navbar-login-z .box .title p{
    color: #fff;
}
.navbar-login-z .box .title a.z{
    display: inline-block;
    position: relative;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
    border-radius: 3px;
    margin-top: 20px;
    color: var(--primary-color);
    background: #fff;
    border: 1px solid #fff0;
}
.navbar-login-z .box .title a.z:hover{
    color: #fff;
    background: var(--primary-color);
    border: 1px solid var(--primary-color);
}
.navbar-login-z .box .title a.w{
    display: inline-block;
    position: relative;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
    border-radius: 3px;
    margin-top: 20px;
    color: #fff;
    background: #fff0;
    border: 1px solid #fff;
}
.navbar-login-z .box .title a.w:hover{
    color: var(--primary-color);
    border: 1px solid #fff;
    background: #fff;
}
.navbar-login-y{
    padding: 30px;
}


/*动态效果*/
.circles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.circles li {
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.2);
    animation: animate 25s linear infinite;
    bottom: -150px;
}
.circles li:nth-child(1) {
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}
.circles li:nth-child(2) {
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}
.circles li:nth-child(3) {
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}
.circles li:nth-child(4) {
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}
.circles li:nth-child(5) {
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}
.circles li:nth-child(6) {
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}
.circles li:nth-child(7) {
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
}
.circles li:nth-child(8) {
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}
.circles li:nth-child(9) {
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}
.circles li:nth-child(10) {
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
}
@keyframes animate {
    0% {
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100% {
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }
}
/*
 * ------------------------------------------------------------------------------
 * 顶部用户中心
 * ------------------------------------------------------------------------------
 */
.default-avatar {
    background: #e9e9e9;
}
.navbar-user a img{
    padding: 3px;
    background-color: rgb(0 59 255 / 8%);
    border-radius: 50px;
}
.navbar-user:hover .dropdown {
    display: block;
}
.navbar-user .dropdown {
    display: none;
    max-width: none;
    width: 300px;
    min-height: 200px;
    padding-top: 10px;
    top: 32px;
    z-index: 999;
}

.navbar-user .dropdown .user-warp .user-name {
    color: #333;
    margin-right: 5px;
}
.navbar-user .dropdown .user-menu {
    padding: 15px;
    margin-top: 20px;
    background: #fff;
    border-radius: 4px;
    z-index: 1;
    position: relative !important;
}
.navbar-user .dropdown .user-menu ul li{
    height: 21px;
    line-height: 21px;
}
.navbar-user .dropdown .user-menu a {
	font-size: 13px;
    color: #999;
    transition: all .3s;
    display: block;
}
.navbar-user .dropdown .user-menu a:hover {
    color: var(--primary-color);
}
.navbar-user .dropdown-box{
    box-shadow: 0 0 3px 1px rgba(0,0,0,.05);
    background: #f4faff;
    padding: 20px;
    position: relative !important;
}
.navbar-user .dropdown-box:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    opacity: .3;
    background-image: -webkit-linear-gradient(46deg,#b5dfff 48%,#f4faff 91%);
    background-image: -o-linear-gradient(46deg,#b5dfff 48%,#f4faff 91%);
    background-image: linear-gradient(44deg,#b5dfff 48%,#f4faff 91%);
    width: 60px;
    height: 76px;
    -webkit-border-radius: 0 0 100% 0;
    border-radius: 0 0 100% 0;
}
.navbar-user .dropdown-box:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: .4;
    background-image: -webkit-linear-gradient(47deg,#b5dfff 1%,#f4faff);
    background-image: -o-linear-gradient(47deg,#b5dfff 1%,#f4faff 100%);
    background-image: linear-gradient(43deg,#b5dfff 1%,#f4faff);
    width: 100px;
    height: 57px;
    -webkit-border-radius: 100% 0 0 0;
    border-radius: 100% 0 0 0;
}
.navbar-user .dropdown .user-warp{
    position: relative;
    border-radius: 4px 4px 0 0;
}
.navbar-user .dropdown .user-warp .ceo-border-circle{
    z-index: 1;
    position: relative;
    margin-right: 10px;
}
.navbar-user .dropdown .user-warp .ceo-border-circle img{
    padding: 4px;
    background: #fff;
    border-radius: 50px;
}
.navbar-user .ceo-czgr{
    padding: 20px 0px 0px 0px;
}
.navbar-user .ceo-czgr .ceo-cz{
    display: block!important;
    vertical-align: middle;
    padding: 0;
    line-height: 36px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    border-radius: 3px;
    box-shadow: 0 5px 10px 0 rgba(73, 178, 249, 0);
    border: 1px solid #268df7;
    color: #268df7;
}
.navbar-user .ceo-czgr .ceo-cz:hover{
    background: #268df7;
    color: #fff;
}
.navbar-user .ceo-czgr .ceo-cz i{
    margin-right: 3px;
    font-size: 16px!important;
}
.navbar-user .ceo-czgr .ceo-gr{
    display: block!important;
    vertical-align: middle;
    padding: 0;
    line-height: 36px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    border-radius: 3px;
    box-shadow: 0 5px 10px 0 rgba(255, 87, 0, 0);
    border: 1px solid #ff6922;
    color: #ff6922;
}
.navbar-user .ceo-czgr .ceo-gr:hover{
    background: #ff6922;
    color: #fff;
}
.navbar-user .ceo-czgr .ceo-gr i{
    margin-right: 3px;
    font-size: 16px!important;
}
.navbar-user .ceo-czgr .ceo-ht{
    display: block!important;
    vertical-align: middle;
    padding: 0;
    line-height: 36px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    margin-top: 15px;
    border-radius: 3px;
    box-shadow: 0 5px 10px 0 rgba(255, 87, 0, 0);
    border: 1px solid var(--primary-color);
    color: #fff;
    background: var(--primary-color);
}
.navbar-user .ceo-czgr .ceo-ht:hover{
    opacity: .8;
}
.navbar-user .ceo-scxx{
    margin-top: 15px;
}
.navbar-user .ceo-scxx .ceo-scxx-user-money{
    background: #fff;
    border-radius: 4px;
    padding: 10px;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
}
.navbar-user .ceo-scxx .ceo-scxx-user-money .money-left t{
    float: right;
    color: #707c86;
}
.navbar-user .ceo-scxx .ceo-scxx-user-vip{
    background: #fff;
    border-radius: 4px;
    padding: 10px;
    font-size: 12px;
    margin-top: 15px;
    height: 41px;
    line-height: 1.5;
}
.navbar-user .ceo-scxx .ceo-scxx-user-vip a{
    float: right;
    background: #fbb715;
    color: #fff;
    border-radius: 30px;
    padding: 4px 8px;
    display: inline-block;
    line-height: 1;
    margin-top: 10px;
}
.navbar-user .ceo-scxx .ceo-scxx-user-vip p{
    margin-top: 5px;
    color: #707c86;
}
/**/
.ceo-dropdown{
    width: 100% !important;
    min-height: 60px !important;
}
/*
 * ------------------------------------------------------------------------------
 * 顶部导航条整体样式
 * ------------------------------------------------------------------------------
 */
.ceo-users-lore{
    display: inline-block;
}
.ceo-users-lore a{
    display: inline-block;
    position: relative;
    font-size: 14px;
}
.ceo-users-l{
    margin-right: 8px;
    border: 1px solid #fff;
    height: 25px;
    line-height: 25px;
    padding: 0 20px;
    color: #fff!important;
}
.ceo-users-y{
    border: 1px solid #fff;
    height: 25px;
    line-height: 25px;
    padding: 0 20px;
    color: var(--primary-color);
    background: #fff;
}
/*顶部导航*/
.ceo-head-top{
    background: var(--primary-color);
    height: 32px;
    line-height: 32px;
    font-size: 12px;
}
.ceo-head-top a{
    color: #fff!important;
}
.ceo-text-top{
    color: #fff;
}
.ceo-head-top i{
    font-size: 13px;
    margin-right: 3px;
}
/*
 * ------------------------------------------------------------------------------
 * 顶部导航条样式01
 * ------------------------------------------------------------------------------
 */
.ceo-logo-navBar_01{
    margin-right: 10px;
}
.navBar_01 {
	position: fixed;
	z-index: 1009;
    top: 0;
    width: 100%;
    height: 80px;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.navBar_01 .logo {
	height: 49px;
}
.navBar_01 .logo img {
	height: 100%;
}
.navBar_01 .nav>ul {}
.navBar_01 .nav>ul>li {
	display: inline-block;
	position: relative;
	margin: 0 15px;
}
.navBar_01 .nav ul.ceo-navbar-ul li.current-menu-item a{
    color: #fff;
    border-bottom: 2px solid #fff !important;
}
.navBar_01 .nav>ul>li>a {
	display: block;
	font-size: 16px;
	padding: 27px 0;
	color: #fff;
	transition: 0.3s ease;
	border-bottom: 2px solid #fff0;
}
.navBar_01 .nav>ul>li>a:hover {
    color: #fff;
    border-bottom: 2px solid #fff !important;
	transition: 0.3s ease;
}
.navBar_01 .nav>ul>li:hover .sub-menu {
	display: block;
	border-radius: 4px;
}
.navBar_01 .nav ul li a em.hot{
    display: inline-block;
    background: url(/static/images/ceo-hot.gif) no-repeat;
    width: 30px;
    height: 14px;
    position: absolute;
    top: 12px;
    left: 22px;
}
.navBar_01 .nav ul li a em.new{
    display: inline-block;
    background: url(/static/images/ceo-new.gif) no-repeat;
    width: 30px;
    height: 14px;
    position: absolute;
    top: 12px;
    left: 22px;
}
.navBar_01 .sub-menu {
	position: absolute;
	border-top: 1px solid var(--border-color);
	left: 0;
	list-style: none;
	display: none;
	padding: 15px 0 15px 15px;
	background: #fff;
	z-index: 999;
}
.navBar_01 .sub-menu li.current-menu-item a{
    color: var(--primary-color)!important;
}
@media (min-width: 1200px){
.navBar_01 .sub-menu {
	margin-left: -14px;
}
}
.navBar_01 .sub-menu li {
	text-align: left;
	min-width: 160px;
	padding-bottom: 15px;
}
.navBar_01 .sub-menu li:last-child {
	border-bottom: 0;
	padding-bottom: 0px;
}
.navBar_01 .sub-menu li a {
	display: block;
	color: #333!important;
	font-size: 13px;
	transition: all .3s;
}
.navBar_01 .sub-menu li a:hover {
	color: var(--primary-color)!important;
}

/*
 * ------------------------------------------------------------------------------
 * 手机端侧边导航
 * ------------------------------------------------------------------------------
 */
.ceo-mobNav-box{
    padding: 20px 20px 80px 20px;
}
.ceo-mobNav-box::-webkit-scrollbar {
	width: 5px;
	height: 4px;
}
.ceo-mobNav-box::-webkit-scrollbar-thumb {
	background-color: #eee;
}
.mobNavbar {
    padding: 15px 0;
}
.mobNavbar i {
    display: inline-block;
    padding: 4px 8px;
    background: #f9f9f9;
    color: #999;
    font-size: 12px;
    margin-left: 5px;
}
.mobSide {}
.mobSide .logo img{
    height: 36px;
}
.mobNav {}
.mobNav>ul>li {}
.mobNav>ul>li {
    border: 0;
}
.mobNav .current-menu-item {
    border: 0!important;
    position: relative;
}
.mobNav .current-menu-item a{
    color: var(--primary-color)!important;
}
.mobNav>ul>li>a {
    display: block;
    color: #4b5f72;
    border: 1px solid var(--border-color);
    font-size: 14px;
    padding: 5px;
    border-radius: 4px;
    margin-bottom: 5px;
}
.mobNav>ul>li>a:hover {
    color: #333;
}
.mobNav>ul .sub-menu {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    padding: 0;
    margin-bottom: 5px;
    border-top: 0;
}
.mobNav>ul .sub-menu li {
    width: 50%;
    float: left;
    padding: 0;
    border-radius: 4px;
    min-width: 50%;
    border-bottom: 0;
    text-align: center;
}
.mobNav>ul .sub-menu a {
    display: block;
    color: #8c979f;
    border: 1px solid var(--border-color);
    font-size: 13px;
    padding: 5px;
    margin: 2px;
}
.mobNav-user {}
.mobNav-user .author-count {}
.mobNav-user .author-count {
    padding-top: 15px;
}
.mobNav-user .author-name {
    color: #333;
    font-size: 15px!important;
}
.mobNav-user .author-des {
    color: #999;
}
.mobNav-user .dropdown {
    list-style: none;
}
.mobNav-user .dropdown a {
    color: #999;
}
.no-login {}
.no-login span {
    color: #999;
}

/*
 * ------------------------------------------------------------------------------
 * 顶部搜索条样式
 * ------------------------------------------------------------------------------
 */
.search {}
.search input {
	height: 36px;
	border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    font-size: 12px;
    min-width: 220px;
}
.search input:focus {
	background: #fff;
	border: 1px solid #DCDFE6!important;
}
.search button {
	background: transparent;
	border: 0;
	cursor: pointer;
	outline:none;
}
.search button i {
	color: #718d9b
}
.ceo-navbar-search-a{
    font-size: 15px;
    color: #fff!important;
}
.ceo-navbar-search-a i{
    display: inline-block;
    transform: translateY(0px);
    margin-right: 5px;
    font-size: 16px!important;
    font-weight: bold;
}
/*
 * ------------------------------------------------------------------------------
 * 幻灯样式
 * ------------------------------------------------------------------------------
 */
.ceo-slide-mk{
    margin-top: -50px;
    position: relative;
}
.ceo-slide-mkbox{
    padding: 20px;
    box-shadow: 0px 3px 9px 0px rgba(205, 205, 205, 0.46);
    border-radius: 4px;
}
.ceo-slide-mk-icon{
    
}
.ceo-slide-mk-icon img{
    width: 50px;
    height: 50px;
}
.ceo-slide-mk-dail{
    
}
.ceo-slide-mk-dail span{
    font-size: 21px;
    font-weight: bold;
    color: #2A2A2A;
}
.ceo-slide-mk-dail p{
    font-size: 12px;
}
.ceo-slide-mk-dail i{
    color: #E97800;
    margin-left: 5px;
}
/*
 * ------------------------------------------------------------------------------
 * 幻灯样式02
 * ------------------------------------------------------------------------------
 */
.slide_02{
}
.slide_02 .slide_2 .ceo-slideshow-items {
	min-height: 630px!important;
}
.slide_02 .slide_2 .ceo-slidenav{
    color: #fff;
}
.slide_02 .slide_2 {
	height: 630px;
	overflow: hidden;
}
.slide_02 .slide_2 .ceo-slideshow-items {
	min-height: 630px;
}
.slide_02 .slide_2 .ceo-slideshow-items img{
	height: 630px;
}
.slide_02 .slide_dotnav {
	margin-bottom: 50px;
}
.slide_02 .slide_dotnav li {
	padding-left: 6px;
}
.slide_02 .slide_dotnav li a {
	width: 8px;
	height: 8px;
	background-color: #fff;
	transition: all .3s;
	border: 1px solid #fff;
}
.slide_02 .slide_dotnav .ceo-active {}
.slide_02 .slide_dotnav .ceo-active a {
	width: 30px;
	border-radius: 10px;
	background-color: #fff;
}
/*幻灯片模块*/
.slide_2_mk{
    margin-top: -35px;
    padding-bottom: 100px;
    position: relative;
}
.slide_2_mkbox{
    box-shadow: 0px 0px 29px 0px rgba(185, 185, 185, 0.42);
    padding: 35px;
}
.slide_2_mkbox .item span{
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    line-height: 16px;
}
.slide_2_mkbox .item span em{
    color: var(--primary-color);
}
.slide_2_mkbox .item p{
    font-size: 12px;
    font-weight: 500;
    color: #8C8D9E;
    line-height: 12px;
    margin-top: 13px;
}
/*
 * ------------------------------------------------------------------------------
 * 推荐分类样式
 * ------------------------------------------------------------------------------
 */
.recommendCat {}
.recommendCat .item {
	transition: all .3s;
    box-shadow: -3px 0 10px #f1f6fb;
    height: 120px;
    background: #000;
}
.recommendCat .item img {
    min-height: 100%;
    opacity: .5;
}
.recommendCat .item p {
    font-size: 18px;
   color: #fff;
}
.recommendCat .item .cover {
    min-width: 100%;
}
/*
 * ------------------------------------------------------------------------------
 * 公用标签样式
 * ------------------------------------------------------------------------------
 */
 
.ceo-module-title {
	padding: 20px;
}
.ceo-module-title span{
    color: #606266;
    margin-right: 25px;
    font-size: 16px;
}
.ceo-module-title span:last-child{
    margin-right: 0px;
}
.module-title {
	padding: 20px;
	line-height: 25px;
}
.module-title span {
	color: #333;
	font-size: 16px;
	min-width: 85px;
}
.module-title em {
	font-style: normal;
}
.module-title .cat-nav {}
.module-title .cat-nav a {
    display: block;
	color: #999;
	margin-left: 30px;
	padding: 4px 8px;
	border-radius: 4px;
	transition: all .3s;
}
.module-title .cat-nav a:hover {
	background: var(--primary-color);
	color: #fff;
}

/*
 * ------------------------------------------------------------------------------
 * 公用标签样式
 * ------------------------------------------------------------------------------
 */
.tags {
	color: #aaa;
}
.tags a {
	display: inline-block;
    background: var(--primary-color);
    font-size: 12px;
    color: #fff;
	padding: 2px 6px;
	margin-right: 5px;
	border-radius: 3px;
	transition: all .3s;
	opacity: .3;
}
.tags a:hover {
	opacity: 1;
	color: #fff;
}
.tags .item:hover a {
	opacity: 1;
}
.home-tags .item {
	transition: all .3s;

}
.home-tags .item:hover {
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.05);
    box-shadow: 0 0 10px rgba(0,0,0,.05);
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
}

/*
 * ------------------------------------------------------------------------------
 * 视频整体样式
 * ------------------------------------------------------------------------------
 */
 
/*列表视频图标*/
a:hover.ceo_video:before {
    background: rgba(0,0,0,.8);
}
.ceo_video:before {
    z-index: 1;
    content: "";
    background: rgba(0,0,0,.6);
    opacity: .8;
    height: 39px;
}
.ceo_video:after {
    z-index: 1;
    height: 39px;
    content: "";
    background-image: url(/static/images/ceo_video.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 32px;
    opacity: .9;
}
.ceo_video:after, .ceo_video:before {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 39px;
    margin-left: -19px;
    margin-top: -19px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    -webkit-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
/*内页视频模块*/
.ceo-single-video{
    padding: 20px;
}
.ceo-single-video iframe{
    border-radius: 4px;
    display: block;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    height: 570px;
}
/*
 * ------------------------------------------------------------------------------
 * 首页基础样式
 * ------------------------------------------------------------------------------
 */
.ceo-home-title{
    text-align: center;
    margin-bottom: 60px;
}
.ceo-home-title span{
    font-size: 28px;
    font-weight: bold;
    color: #0B1D30;
}
.ceo-home-title p{
    font-size: 16px;
    font-weight: 400;
    color: #999999;
    margin-top: 20px;
}
/*
 * ------------------------------------------------------------------------------
 * 首页卡片模块
 * ------------------------------------------------------------------------------
 */
.ceo-home-card{
    padding-bottom: 100px;
}
.ceo-card-more{
    margin-top: 40px;
}
.ceo-card-more a{
    display: block;
    width: 200px;
    margin: 0 auto;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 16px;
    color: #787878;
    font-weight: 600;
    box-shadow: 0px 12px 21px 0px rgba(53, 92, 141, 0.11);
    border: 1px solid #f5f7fd;
    border-radius: 4px;
    background: #fff;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.ceo-card-more a:hover {
    color: #fff;
    border: 1px solid var(--primary-color);
    background: var(--primary-color);
    width: 260px;
    box-shadow: 0px 6px 16px 2px rgba(55, 110, 242, 0.49);
}
/*
 * ------------------------------------------------------------------------------
 * 首页会员模块
 * ------------------------------------------------------------------------------
 */
/*样式1*/
.ceo-home-homevip{
    padding: 100px 0;
    background-repeat: no-repeat;
}
.home-homevip-boxmk{
    text-align: center;
    box-shadow: 0 8px 16px rgba(0,0,0,.05);
    padding: 20px;
}
.home-homevip-boxmk img{
    height: 52px;
    display: block;
    margin: 0 auto 10px auto;
}
.home-homevip-boxmktitle{
    text-align: center;
    position: relative;
    padding-bottom: 20px;
}
.home-homevip-boxmktitle .price{
    font-size: 16px;
    color: #333;
    margin-bottom: 15px;
}
.home-homevip-boxmktitle .price strong{
    font-size: 43px;
    margin: 0 5px;
}
.home-homevip-boxmktitle p{
    font-size: 14px;
    line-height: 27px;
    background-color: #f7faff;
    color: var(--primary-color);;
    border-radius: 50px;
}
.home-homevip-boxmktitle p span{
    
}
.home-homevip-boxmk a{
    align-items: center;
    justify-content: center;
    background-color: var(--primary-color);
    color: #fff;
    font-size: 14px;
    width: 100%;
    margin-top: 20px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    transition: all .3s;
    display: flex;
}
.home-homevip-boxmk:hover a{
    opacity: .8;
}
.home-homevip-boxmks{
    padding-top: 20px;
}
.home-homevip-boxmks span{
    font-size: 14px;
    color: #999;
    margin-bottom: 10px;
    display: flex;
}
.home-homevip-boxmks li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    color: #777;
}
.home-homevip-boxmks li:last-child{
    margin-bottom: 0px;
}
.home-homevip-boxmks li em{
    display: flex;
    color: #333;
    font-size: 14px;
}
/*样式2*/
.ceo-home-homevip2-box{
    
}
.home-homevip2-boxmk{
    padding: 30px;
}
.home-homevip2-boxmk .title{
    
}
.home-homevip2-boxmk .title i{
    display: block;
    font-size: 14px;
    line-height: 27px;
    background-color: #f0506e17;
    color: #f0506e;
    border-radius: 50px;
    width: 100px;
    text-align: center;
}
.home-homevip2-boxmk .title span{
    font-size: 30px;
    margin-top: 20px;
    display: block;
    font-weight: bold;
    color: #333;
}
.home-homevip2-boxmk .title p{
    
}
.home-homevip2-boxmk .i{
    width: 60px;
    line-height: 60px;
    text-align: center;
    height: 60px;
    border-radius: 50px;
    display: inline-block;
    background: #fff;
    font-size: 30px !important;
    box-shadow: 0px 15px 60px rgba(54, 127, 255, 0.1);
    transition: box-shadow .2s;
}
.home-homevip2-boxmk:hover .i{
    box-shadow: 0 0 0 10px rgba(198, 209, 255, 0.45), 0 0 0 24px rgba(197, 209, 255, 0.22);
    border-radius: 100%;
}
.home-homevip2-boxmk .an{
    margin-top: 20px;
    height: 33px;
    line-height: 33px;
}
.home-homevip2-boxmk .an a{
    display: inline-block;
    text-align: center;
    font-size: 14px;
    width: 110px;
    height: 33px;
    line-height: 33px;
    color: #fff;
    border-radius: 4px;
    background: var(--primary-color);
}
.home-homevip2-boxmk .an .jg{
    font-size: 30px;
    font-weight: bold;
    color: #333;
}
.home-homevip2-boxmk .an .jg em{
    font-size: 14px;
    font-weight: 400;
    margin-left: 3px;
    color: #777;
}
/*
 * ------------------------------------------------------------------------------
 * 首页宣传模块
 * ------------------------------------------------------------------------------
 */
.ceo-home-spread{
    padding: 100px 0;
}
.home-spread-boxmk{
    padding: 20px;
    text-align: center;
    box-shadow: 0 8px 16px rgba(0,0,0,.05);
}
.home-spread-boxmk:hover img{
    animation: float 1s ease-in-out infinite alternate;
}
@keyframes float{ 
    0%{ transform: translate(0, 0)}
    100%{ transform: translate(0, -10px)}
}
.home-spread-boxmk img{
    display: block;
    margin: 0 auto;
    height: 40px;
}
.home-spread-boxmk span{
    margin-top: 33px;
    font-size: 16px;
    font-weight: bold;
    color: #0B1D30;
    display: block;
}
.home-spread-boxmk p{
    margin-top: 25px;
    font-size: 13px;
    font-weight: 400;
    color: #757F92;
    line-height: 22px;
}
.ceo-home-spread-box{
    
}
.ceo-home-spread-box a.ceo-position-center-left,.ceo-home-spread-box a.ceo-position-center-right{
    background: #11111129;
}
/*
 * ------------------------------------------------------------------------------
 * 首页文档模块
 * ------------------------------------------------------------------------------
 */
.ceo-home-file{
    background: #f3f6ff url(/static/images/ceo-home-file-bg.png) no-repeat;
    padding: 100px 0;
}
.ceo-home-file-boxmk{
    padding: 20px;
}
.ceo-home-file-boxmk:hover{
    box-shadow: 0 8px 16px rgba(0,0,0,.05);
}
.ceo-home-file-boxtop{
    height: 180px;
}
.ceo-home-file-boxtop a{
    display: block;
    font-size: 24px;
    color: #fff;
}
.ceo-home-file-boxmk{
    
}
.ceo-home-file-boxmk li{
    margin-top: 20px;
}
.ceo-home-file-boxmk li a{
    color: #888;
    font-size: 14px;
}
.ceo-home-file-boxmk li a:hover{
    color: var(--primary-color);
}
.ceo-home-file-boxmk li a:before {
    content: "";
    display: inline-block;
    vertical-align: 1px;
    margin-right: 5px;
    width: 4px;
    height: 4px;
    border: 1px solid #999;
    border-radius: 100%;
}
.ceo-home-file-boxmk li span{
    font-size: 14px;
    margin-left: 20px;
    color: #888;
}
.ceo-home-file-boxbottom{
    text-align: center;
    margin-top: 20px;
}
.ceo-home-file-boxbottom a{
    display: inline-block;
    font-size: 15px;
    width: 130px;
    height: 35px;
    line-height: 35px;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
}
.ceo-home-file-boxbottom a:hover{
    background: var(--primary-color);
    color: #fff;
}
.ceo-home-file-boxbottom a i{
    margin-left: 2px;
    font-size: 18px!important;
}

/*
 * ------------------------------------------------------------------------------
 * 首页社区模块
 * ------------------------------------------------------------------------------
 */
.ceo-home-community{
    padding-bottom: 100px;
}
.home-community-bg{
    background-repeat: no-repeat;
    background-size: 100% 318px;
    height: 318px;
    text-align: center;
}
.home-community-bg span{
    font-size: 28px;
    font-weight: bold;
    color: #ffffff;
    margin-top: 110px;
    display: block;
}
.home-community-bg p{
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    margin-top: 20px;
}
.home-community-box{
    position: relative;
    box-shadow: 0px 0px 16px 0px rgba(225, 225, 225, 0.35);
    margin-top: -50px;
    background: #fff;
}
.home-community-boxitem{
    text-align: center;
    position: relative;
    display: block;
    padding: 40px 0;
}
.home-community-boxitem:hover{
    background: #FBFBFB !important;
    box-shadow: 0px 23px 39px 18px rgba(235, 237, 239, 0.53);
}
.home-community-boxitem img{
    display: block;
    margin: 0 auto;
    height: 47px;
}
.home-community-boxitem span{
    margin-top: 35px;
    font-size: 20px;
    font-weight: bold;
    color: #000000;
    display: block;
}
.home-community-boxitem:hover p{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: #006FFF;
    display: block;
}
.home-community-list{
    margin-top: 50px;
}
.home-community-list-box{
    box-shadow: 0 0px 14px 0 rgba(48,64,79,.1);
}
.home-community-list-box:hover{
    box-shadow: 0 10px 30px rgba(0,0,0,.1);
}
.home-community-list-boxtop{
    height: 100px;
}
.home-community-list-boxtop a{
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}
.home-community-list-box-new{
    padding: 20px;
}
.home-community-list-box-new ul{
    
}
.home-community-list-box-new ul li{
    margin-bottom: 20px;
}
.home-community-list-box-new ul li:last-child{
    margin-bottom: 0px;
}
.home-community-list-box-new ul li a.avatar{
    margin-right: 20px;
}
.home-community-list-box-new ul li a.avatar img{
    border-radius: 50%;
}
.home-community-list-box-new ul li a.avatar em{
    color: #333;
}
.home-community-list-box-new ul li a.avatar em:hover{
    color: var(--primary-color);
}
.home-community-list-box-new ul li .bots{
    
}
.home-community-list-box-new ul li .bots a{
    color: #666;
}
.home-community-list-box-new ul li .bots a:hover{
    color: var(--primary-color);
}
.home-community-list-box-new ul li span{
    margin-left: 20px;
    color: #999;
}
.home-community-list-box-new ul li span em{
    color: var(--primary-color);
    margin-right: 5px;
}
.home-community-list-box-btn{
    text-align: center;
    margin-top: 40px;
}
.home-community-list-box-btn .z{
    display: inline-block;
    font-size: 15px;
    width: 130px;
    height: 35px;
    line-height: 35px;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    margin-right: 20px;
}
.home-community-list-box-btn .z:hover{
    background: var(--primary-color);
    color: #fff;
}
.home-community-list-box-btn .y{
    display: inline-block;
    font-size: 15px;
    width: 130px;
    height: 35px;
    line-height: 35px;
    border: 1px solid var(--primary-color);
    color: #fff;
    background: var(--primary-color);
}
.home-community-list-box-btn .y:hover{
    color: var(--primary-color);
    background: rgb(255 255 255 / 0%);
}
/*
 * ------------------------------------------------------------------------------
 * 首页资讯模块
 * ------------------------------------------------------------------------------
 */
.ceo-home-news{
    padding: 100px 0;
    background: url(/static/images/ceo-home-news-bg.png) center no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    text-align: center;
    position: relative;
}
.home-news-boxmk{
    padding: 23px 10px;
}
.home-news-boxmk:hover{
    background: #fff;
}
.home-news-boxmk .md{
    color: var(--primary-color);
    font-size: 17px;
    font-weight: 700;
    display: block;
    margin-bottom: 15px;
}
.home-news-boxmk .y{
    font-size: 14px;
    color: #9AA3B7;
    text-align: right;
}
.home-news-boxmk .title{
    font-size: 15px;
    color: #454F66;
    margin-bottom: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}
.home-news-boxmk .content{
    font-size: 14px;
    color: #9AA3B7;
}
.home-news-boxmk .btn{
    width: 144px;
    height: 56px;
    background-color: #F6F9FF;
    border-radius: 28px;
    float: left;
    font-size: 14px;
    color: var(--primary-color);
    line-height: 56px;
    cursor: pointer;
}
.ceo-home-news-box .btns{
    margin-top: 20px;
    text-align: center;
}
.ceo-home-news-box .btns a{
    border-radius: 50%;
    background: var(--primary-color);
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    color: #fff;
}
.ceo-home-news-box .btns a:hover {
    box-shadow: 0px 6px 16px 2px rgba(55, 110, 242, 0.49);
}
.ceo-home-news-box .btns a i{
    font-size: 20px!important;
}
/*
 * ------------------------------------------------------------------------------
 * 列表价格
 * ------------------------------------------------------------------------------
 */
.ceo_shop_loop_jg{
    color: #FF485E!important;
    font-weight: bold;
}
/*
 * ------------------------------------------------------------------------------
 * 博客列表样式
 * ------------------------------------------------------------------------------
 */
.blog .item .title:hover .ceo-title-dd{
    background: #EC3B3B;
    color: #fff;
}
.blog .item .title .ceo-title-dd {
    transition: all .3s;
    font-style: normal;
    display: inline-block;
    font-size: 12px;
    padding: 1px 6px;
    border-radius: 50px;
    margin-top: 3px;
    border: 1px solid #EC3B3B;
    color: #EC3B3B;
    vertical-align: top;
}
.blog .item .title .ceo-title-dd i{
    font-size: 12px!important;
}
.card .item .title .ceo-title-dd {
    font-style: normal;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    padding: 1px 4px;
    border-radius: 2px;
    margin-top: 4px;
    background-color: #3385ff;
    background: var(--primary-color);
    color: #fff!important;
    transform: translateY(-1px);
}
.card .item .title .ceo-title-dd i{
    font-size: 12px!important;
}
.ceo-blog-mks{
    position: relative;
}
.ceo-blog-mks .ceo_blog_category{
    position: absolute;
    left: 30px;
    top: 10px;
    padding: 4px 8px;
    font-size: 12px;
    line-height: 14px;
    color: #fff!important;
    background-color: #000;
    filter: alpha(opacity=60);
    background: rgba(0,0,0,.6);
    border-radius: 3px;
    text-decoration: none; 
}
.ceo-blog-mks .ceo_blog_category:hover{
    background: var(--primary-color);
}
.ceo-blog-icon {
    font-size: 26px !important;
    color: var(--primary-color);
    margin-right: 3px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    line-height: 28px;
    transform: translateY(25%);
}

/*基础1*/
.ceo-home-text-title a i:hover{
    color: var(--primary-color);
}
.ceo-zx-ba a{
    height: 66px;
    border-radius: 4px;
}
.ceo-zx-cont{
	padding: 20px;
	border-radius: 5px;
}
.ceo-zx-bt a{
	line-height: 20px;
    font-size: 14px;
    color: #333;
    font-weight: 500;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
}
.ceo-zx-bt a:hover{
    color: var(--primary-color);
}
.ceo-zx-bt p {
    font-size: 12px;
    color: #999;
}
/*基础1*/

.ceo_blog_mk{
    margin-top: 20px;
    background: #fff;
}
.ceo_blog_mk .blos_title_bt{
    padding: 15px;
}
.ceo_blog_mk .blos_title_bt span{
    font-size: 18px;
    color: #333;
}
.ceo-home-sanhang-title i{
    font-size: 20px!important;
    color: #ccc;
}
.ceo-home-sanhang-title i:hover{
    color: #0056ff;
}
.blog {
}
.blog .module-title span {
	font-size: 16px;
}
.blog .item {
	transition: all .3s;
	padding: 20px;
}
.blog .item:last-child {
	border-bottom: 0;
}
.blog .item .thumb {
	width: 200px;
	height: 130px;
	overflow: hidden;
	position: relative;
}
.blog .item .thumb img {
	height: 100%;
	min-width: 100%;
	max-width: none;
}
.blog .item .title {
	font-size: 18px;
    transition: all .3s;
    max-height: 27px;
    text-decoration: none;
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.blog .item .title:hover {
	color: var(--primary-color);
}
.blog .item .desc {
	font-size: 12px;
    height: 67px;
    color: #999!important;
}
.blog .item .info-box{
    position: relative;
}
.blog .item .info-box .info-boxmk {
}
.blog .item .info{
    
}
.blog .item .info .avatar {
    line-height: 0;
    width: 20px;
    height: 20px;
}
.item-top {
	max-height: 220px;
}
.item-top .ceo-overlay-primary {
	background: rgba(9,9,9,.6);
}
.ceo-ajax-btn{
    background-color: #fff;
    padding: 20px;
}
.ceo-bk-btn{
	text-align: center;
	margin: 10px 0;
}
.ceo-home-text-mk{
    padding: 20px;
}
.ceo-home-text-title{
    padding: 15px;
}
.blog .item .info .ceo_blog_category{
    color: var(--mini-color);
}
.blog .item .info .ceo_blog_category:hover{
    color: var(--primary-color);
}
.blog .item .info .ceo_blog_category i{
    margin-right: 3px;
    color: var(--primary-color);
}
.blog .item .ceo-title-zd{
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    padding: 2px;
    background: #fff url(/static/images/ceo-title-zd.png) center no-repeat;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
}
/*
 * ------------------------------------------------------------------------------
 * 极简列表样式
 * ------------------------------------------------------------------------------
 */
.simple{
}
.simple .item{
    padding: 20px;
}
.simple .item .title {
    padding-left: 25px;
    background: url(/static/images/ceo-simple-title.png) left center no-repeat;
	font-size: 16px;
    transition: all .3s;
    max-height: 27px;
    text-decoration: none;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.simple .item .title .ceo-title-dd {
    transition: all .3s;
    font-style: normal;
    display: inline-block;
    font-size: 12px;
    padding: 0px 6px;
    height: 17px;
    line-height: 17px;
    border-radius: 50px;
    margin-top: 3px;
    border: 1px solid #EC3B3B;
    color: #EC3B3B;
    vertical-align: top;
}
.simple .item .title .ceo-title-dd i{
    font-size: 12px!important;
}
.simple .item .title:hover {
	color: var(--primary-color);
}
.simple .item .info .ceo_blog_category{
    color: var(--mini-color);
}
.simple .item .info .ceo_blog_category:hover{
    color: var(--primary-color);
}
.simple .item .info .ceo_blog_category i {
    margin-right: 3px;
    color: var(--primary-color);
}
/*
 * ------------------------------------------------------------------------------
 * 卡片列表样式
 * ------------------------------------------------------------------------------
 */
/*卡片分类菜单*/
.ceo-card-category-box{
    position: relative;
    padding: 20px;
    margin-bottom: 40px;
    box-shadow: 0px 6px 12px 0px rgb(205 205 205 / 22%);
}
.ceo-catnav-ss{
    
}
.ceo-catnav-ss ul li strong{
    font-weight: 400;
    color: #333;
}
.ceo-catnav-ss ul li{
    display: inline-block;
    margin-right: 20px;
}
.ceo-catnav-ss ul li:last-child{
    margin-right: 0px;
}
.ceo-card-rili{
    display: inline;
}
.ceo-fl-icon a.hot{
    margin-left: 20px;
}
.ceo-category-card-box{
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--border-color)!important;
}
.ceo-category-card-box ul{
    margin-bottom: 20px;
}
.ceo-category-card-box ul:last-child {
    margin-bottom: 0px;
}
.ceo-category-card-box ul li{
    display: inline-block;
    margin-right: 20px;
}
.ceo-category-card-box ul li:last-child{
    margin-right: 0px;
}
.ceo-category-card-box ul li strong{
    font-weight: 400;
    color: #333;
}
.ceo-category-card-box ul li a:hover{
    color: var(--primary-color);
}
.ceo-category-card-box ul .current-cat a{
    color: var(--primary-color);
}
/*卡片分类基础*/
.card {}
.card .module-title {
	padding: 0;
}
.card .item {
	background: #fff;
	transition: all .3s;
    border-radius: 6px;
	box-shadow: 0px 12px 21px 0px rgba(53, 92, 141, 0.11);
}
.card .item:hover {
	box-shadow: 0px 12px 21px 0px rgb(35 93 167 / 18%);
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
}
.card .item .thumb {
	height: 350px;
}
.card .item .content {
    padding: 20px;
}
.card .item .content .titlebox{
    box-shadow: 0px 12px 21px 0px rgba(53, 92, 141, 0.11);
    padding: 30px;
    margin-top: -50px;
    position: relative;
    background: #fff;
    border-radius: 6px;
    text-align: center;
}
.card .item .content .titlebox p{
    color: #aab3bf;
    margin-top: 20px;
}
.card .item .content .title {
    font-size: 20px;
    color: #242947;
}
.card .item .content .title:hover{
    color: var(--primary-color)
}
.card .item .content .contentan{
    text-align: center;
    margin-top: 20px;
}
.card .item .content .contentan .x{
    display: inline-block;
    text-align: center;
    font-size: 14px;
    width: 110px;
    height: 33px;
    line-height: 33px;
    color: #fff;
    border-radius: 50px;
    background: var(--primary-color);
}
.card .item .content .contentan .x:hover{
    box-shadow: 0px 6px 16px 2px rgba(55, 110, 242, 0.49);
}
.more {
	color: #fff;
	width: 140px;
	margin: 0 auto;
	text-align: center;
	background: var(--primary-color);
	box-shadow: 0 3px 10px -6px var(--primary-color);
	color: #fff;
	padding: 8px 0;
	font-size: 15px;
	letter-spacing: 1px;
	transition: all .3s;
}

.more:hover {
	color: #fff;
	transform: translateY(-3px);
	box-shadow: 0 6px 10px -5px var(--primary-color);
}
.more i {
	display: inline-block;
	transition: all .3s;
}
.more:hover i {
	transform: translateX(5px);
}

.ceo-card-mk{
    position: relative;
}
.card .ceo_shop_vip{
    position: absolute;
    z-index: 2;
    right: 10px;
    top: 10px;
    display: block;
    height: 18px;
    width: 36px;
    background: url(/static/images/ceo-vip-tag.svg) 0 0 no-repeat;
    background-size: 100% 100%;
}
/*
 * ------------------------------------------------------------------------------
 * 个人主页
 * ------------------------------------------------------------------------------
 */
 @media screen and (max-width: 960px) {
.ceo-geren {
	margin-right: 30px!important;
    margin-left: 0px!important;
}
}
.author-head {
    height: 266px;
}
/*
 * ------------------------------------------------------------------------------
 * 专题样式
 * ------------------------------------------------------------------------------
 */
.topic {}
.topic .item {
	padding: 25px;
	margin-top: 20px;
	transition: all .3s;
}
.topic .item:hover {
	transform: translateY(-3px);
	box-shadow: 0px 6px 10px -5px #dddfe2
}
.topic .item .content {
	width: 300px;
}
.topic .item .content h3 {
	margin: 0;
}
.topic .item .content h3 a {
	font-size: 18px;
}
.topic .item .content ul {
	list-style: none;
}
.topic .item .content ul li {
	padding: 10px;
    font-size: 14px;
}
.topic .item .content ul li:nth-child(odd) {
    background: hsla(0,0%,84.7%,.16);
}
.topic .item .content ul li a {
    display: block;
    line-height: 22px;
    overflow: hidden;
    color: #7c808a;
    transition: all .3s;
}
.topic .item .content ul li a:hover {
	color: var(--primary-color);
}
.topic .item .thumb {
	height: 260px;
	width: 220px;
	transform: translateY(-50px);
	transition: all .3s;
}

.topic .item .thumb img {
	height: 100%;
	min-width: 100%;
	max-width: none;
}
.topic .item .view {
	color: var(--primary-color);
}
.topic .item .view i {
	margin-left: 5px;
}
/*
 * ------------------------------------------------------------------------------
 * 侧边栏样式
 * ------------------------------------------------------------------------------
 */
 
.sidebar {}
.sidebar .module-title span {
	font-size: 16px;
	color: #666;
}
.sidebar .ceo-sidebar-title{
    padding: 20px;
    line-height: 24px
}
.sidebar .ceo-sidebar-title i {
    font-size: 20px!important;
    color: #ccc;
}
.sidebar .ceo-sidebar-title i:hover{
    color: var(--primary-color);
}

/*
 * ------------------------------------------------------------------------------
 * 侧边栏幻灯片
 * ------------------------------------------------------------------------------
 */
.ceo-sidebar-slide{
    padding: 0 15px;
    background-position: 50%;
    background-repeat: no-repeat;
    height: 350px;
    position: relative;
}
.ceo-sidebar-slide .slide .ceo-slideshow-items {
	min-height: 200px!important;
}
.ceo-sidebar-slide .slide .ceo-slidenav{
    color: #fff;
}
.ceo-sidebar-slide .slide {
	height: 200px;
	overflow: hidden;
	top: 133px;
	border-radius: 4px;
}
.ceo-sidebar-slide .slide .ceo-slideshow-items {
	min-height: 200px;
}
.ceo-sidebar-slide .slide .ceo-slideshow-items img{
	height: 200px;
}
.ceo-sidebar-slide .slide_dotnav {
	margin-bottom: 10px;
}
.ceo-sidebar-slide .slide_dotnav li {
	padding-left: 6px;
}
.ceo-sidebar-slide .slide_dotnav li a {
	width: 8px;
	height: 8px;
	background-color: #006fff33;
	transition: all .3s;
	border: 1px solid #006fff33;
}
.ceo-sidebar-slide .slide_dotnav .ceo-active {}
.ceo-sidebar-slide .slide_dotnav .ceo-active a {
	width: 30px;
	border-radius: 10px;
	background-color: #006fff33;
}
/*
 * ------------------------------------------------------------------------------
 * 侧边栏热门标签
 * ------------------------------------------------------------------------------
 */
.tags-item a {
	display: inline-block;
	font-size: 12px;
	color: #aaa;
	background: #f6f6f6;
	padding: 4px 6px;
	border-radius: 3px;
	margin: 3px 0 3px 3px;
}

.tags-item a:hover {
	background-color: #3385ff;
	background: var(--primary-color);
	box-shadow: 0 4px 10px -5px var(--primary-color);
	color: #fff;
}

.tags-item a:nth-child(3) {

}
.ceo-tags-ico{
    margin-right: 15px;
}
/*
 * ------------------------------------------------------------------------------
 * 侧边栏作者样式
 * ------------------------------------------------------------------------------
 */
.ceo-author-imgs{
    display: inline-block;
    position: relative;
}
.ceo-author-imgs i{
    position: absolute;
    right: 12px;
    bottom: 6px;
    width: 16px;
    height: 16px;
    background-image: url(/static/images/ceo-users-icon.png);
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
}
.side-author {
	padding: 20px;
}
.side-author .avatar {
	display: inline-block;
	border-radius: 50%;
	overflow: hidden;
}
.side-author .author-name {
	font-size: 16px;
}
.side-author span {
	margin-top: 5px;
}
.author-des {
	background: var(--bg-color);
}
.author-count {
	color: #333;
	padding-top: 10px;
}
.author-count span {
	font-size: 12px;
	color: #aaaeb3;
}
.author-count-item {
	border-right: 1px solid var(--border-color);
}
.author-count-item:last-child {
	border: 0!important;
}
.ceo-author-codes{
    margin: 20px 0;
    display: block;
     white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.ceo-sidebar-author-codes{
    margin: 20px 0;
    display: block;
    background: #f9f9f9;
    padding: 10px;
    border-radius: 4px;
}
.ceo-sidebar-author-text{
    padding: 0 20px;
}


.ceo-sidebar-author-box{
    padding: 0 20px;
}
.ceo-sidebar-author-box img {
    padding: 4px!important;
    background-color: #fff!important;
}
.ceo-sidebar-author-box .ceo-author-mss{
    margin-top: 48px;
}
.ceo-sidebar-author-box .ceo-author-imgs i {
    right: 5px;
    bottom: 5px;
}
/*
 * ------------------------------------------------------------------------------
 * 侧边栏热门文章样式
 * ------------------------------------------------------------------------------
 */
.sideHot {}
.sideHot .thumb {
	width: 100px;
	height: 75px;
}
.sideHot .thumb img {
	height: 100%;
	min-width: 100%;
	max-width: none;
}
.sideHot .title {
	overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2; 
}
.sideHot .title a {
    font-size: 15px;
    letter-spacing: .5px;
	overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2; 
}
/*
* ------------------------------------------------------------------------------
* 侧边栏弹窗样式
* ------------------------------------------------------------------------------
*/
.helper {
	letter-spacing: .5px;
}
.helper p {
	max-width: 65%;
}
.helper .btn {
	padding: 6px 10px;
	font-size: 13px;
	line-height: normal;
	background: var(--primary-color);
	color: #fff;
	transition: all .3s;
	-webkit-box-shadow: 0px 4px 8px -4px var(--primary-color);
	box-shadow: 0px 4px 8px -4px var(--primary-color);
	margin-top: 20px;
}
.helper .btn:hover {
	transform: translateY(-3px);
}
.helper .btn i {
	font-size: 14px;
	margin-right: 5px;
}
.helper .helper-thumb {
	position: absolute;
	right: 0;
	bottom: 0;
}
/*
* ------------------------------------------------------------------------------
* 评论样式
* ------------------------------------------------------------------------------
*/
.comments {
}

.comments-title {
    line-height: 25px;
}
.comments-title span {
	font-size: 16px;
}
.comment-list {
	padding: 20px
}
.comment-list .children {
	margin-left: 25px;
	padding: 0;
}
.comment-list .children .comment-main {
	border: 0;
}
.comment-list .children .children {
	margin-bottom: 0
}
.comment-from {
	margin-bottom: 20px;
}
.comment-from .btn {
	font-size: 13px;
	padding: 0px 15px;
	line-height: 32px;
	background: var(--primary-color);
	color: #fff;
}
.comment-from .btn:hover {
	transform: none
}
.comment-main {
	padding-top: 15px;
}
.comment-head {
	font-size: 12px
}
.comment-head a {
	font-size: 14px;
	color: #333;
}
.comment-head .data {
	color: #bdbdbd;
	text-align: right
}
.comment-head .data a {
	font-size: 12px;
	color: #bdbdbd;
}
.comment-head .avatar {
	margin-right: 3px
}
.comment-content {
	padding: 15px 0 0 25px;
	font-size: 14px;
}
.comment-content p {
	margin: 0;
	background-color: #f8f8f8;
    padding: 15px;
    border-radius: 4px;
}
.comment-content p a{
    color: var(--primary-color)!important;
}
.comment-head .avatar img{
    border-radius: 50px;
}
.comment-list .avatar img{
    border-radius: 50px;
}
.ceo-comment-wu{
    text-align: center;
    background-color: #f8f8f8;
    padding: 15px 0;
    border-radius: 4px;
}
.ceo-comments-text{
   font-size: 14px; 
}
.ceo-comments-textarea{
    resize: vertical;
}
/*
* ----------------------------------------------------------------------------
* 分页样式
* ----------------------------------------------------------------------------
*/
.fenye {}
.prev, .next {}

.fenye .page-numbers {
	background: #fff;
	display: inline-block;
	padding: 7px 15px;
	border-radius: 4px;
	margin: 0 3px;
	color: #666;
	transition: all .3s;
	border: 1px solid var(--border-color)
}
.fenye .page-numbers:hover{
    background: var(--primary-color);
    color: #fff;
}
.fenye .current {
	background: var(--primary-color)!important;
	color: #fff!important;
	border: 1px solid var(--primary-color)!important;
	transition: all .3s
}
.ceo-overlay {
    padding: 20px;
}
.ceo-single-page img{
    width: 100%!important;
}
.share-post{
    position:relative
}
.share-post:before {
    position: absolute;
    right: -12px;
    top: 50%;
    width: 1px;
    height: 14px;
    margin-top: -7px;
    background: #999;
    content: "";
    opacity: .6;
}
/*
 * ------------------------------------------------------------------------------
 * 商城内容页样式1
 * ------------------------------------------------------------------------------
 */
.ceo-shop-single{
    position: relative;
    z-index: 2;
    height: 100%;
    overflow: hidden;
}
.ceo-shop-single-box{
    margin-top: 200px;
    position: relative;
    z-index: 9;
}
.ceo-shop-single-z{
    width: 80%;
}
.shop-single-z-title{
    margin-bottom: 40px;
}
.shop-single-z-title h1{
    font-size: 35px;
    margin-bottom: 20px;
    font-weight: 700;
    color: #ffffff;
}
.shop-single-z-title p{
    font-size: 18px;
    color: #ffffff;
}
.shop-single-z-price{
    margin-bottom: 40px;
    font-size: 16px;
    color: #fff;
}
.shop-single-z-price span{
    font-size: 18px;
    color: #fdd76e;
}
.shop-single-z-price span em{
    font-size: 30px;
    color: #fdd76e;
}
.shop-single-z-price s{
    margin-left: 10px;
}
.shop-single-z-btn{
    margin-bottom: 40px;
}
.shop-single-z-btn a{
    margin-right: 20px;
}
.shop-single-z-btn a:last-child{
    margin-right: 0px;
}
.shop-single-z-btn .btn1{
    display: block;
    text-align: center;
    border-radius: 4px;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    background-image: linear-gradient(135deg, #ff7049 10%, #fd420a 100%);
    color: #fff;
}
.shop-single-z-btn .btn1:hover{
    background-image: linear-gradient(135deg, #fd420a 10%, #ff7049 100%);
}
.shop-single-z-btn .btn2{
    display: block;
    text-align: center;
    border-radius: 4px;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    background-image: linear-gradient(135deg, #1f81ff 10%, #389aff 100%);
    color: #fff;
}
.shop-single-z-btn .btn2:hover{
    background-image: linear-gradient(135deg, #389aff 10%, #1f81ff 100%);
}
.shop-single-z-btn .btn3{
    display: block;
    text-align: center;
    border-radius: 4px;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    color: var(--primary-color);
}
.shop-single-z-btn .btn4{
    display: block;
    text-align: center;
    border-radius: 4px;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    color: var(--primary-color);
}
.shop-single-z-meta{
    padding: 15px 20px;
    background: rgba(255,255,255,.1);
    border-radius: 5px;
    font-size: 14px;
    color: #f9f9f9;
    line-height: 24px;
    margin-top: 50px;
}
.shop-single-z-meta ul{
    
}
.shop-single-z-meta ul li{
    color: #fff;
    font-weight: 400;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
}
.shop-single-z-meta ul li span{
    margin-right: 30px;
}
.shop-single-z-meta ul li p{
    display: inline-block;
}
.shop-single-z-meta ul li p.ceoshop-vip i{
    margin-right: 3px;
}
.shop-single-z-meta ul li p.ceoshop-vip a{
    color: #fff474;
}
.shop-single-z-meta ul li a{
    display: inline-block;
    margin-left: 15px;
    color: #fff;
}
.shop-single-z-meta ul li a i{
    color: #fff474;
    font-size: 16px!important;
}

/*y*/
.ceo-shop-single-y{
    
}
.ceo-shop-single-y ul.ceo-slideshow-items{
    height: 500px;
    border: 5px solid #ffffff24;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 45px 80px -24px #006fff7a;
}
.ceo-shop-single-y ul.ceo-slideshow-items li{
    height: 500px;
}
.ceo-shop-single-y ul.ceo-slideshow-items li img{
    height: 500px;
    width: 100%;
}
.ceo-shop-single-ybo{
    margin-top: 10px;
}
.ceo-shop-single-ybo ul{
    
}
.ceo-shop-single-ybo ul li{
    
}
.ceo-shop-single-ybo ul li a{
    height: 160px;
    border: 5px solid #ffffff24;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 45px 80px -24px #006fff7a;
}
/*基础样式*/
.ceo-shop1-mktitle{
    text-align: center;
    margin-bottom: 60px!important;
}
.ceo-shop1-mktitle span{
    font-size: 28px;
    font-weight: bold;
    color: #0B1D30;
}
.ceo-shop1-mktitle p{
    font-size: 16px;
    font-weight: 400;
    color: #999999;
    margin-top: 20px;
}
/*快捷导航*/
.ceo-shop1-quick{
    box-shadow: 0px 6px 12px 0px rgb(205 205 205 / 22%);
    padding: 20px 0;
    margin-bottom: 40px;
    text-align: center;
}
.ceo-shop1-quick a{
    display: inline-block;
    margin-right: 40px;
    font-size: 16px;
}
.ceo-shop1-quick a:last-child{
    margin-right: 0px;
}
/*介绍模块*/
.ceo-shop1-introduce{
    margin-bottom: 60px;
}
.ceo-shop1-content{
    text-align: center;
}
.ceo-shop1-content fieldset.erphpdown{
    display: none;
}
/*特色功能*/
.ceo-shop1-characteristic{
    margin-bottom: 60px;
}
.ceo-shop1-characteristic .box{
    border-radius: 6px;
    padding: 30px;
    text-align: center;
    box-shadow: 0px 12px 27px 0px rgba(36, 61, 164, 0.11);
    position: relative;
    overflow: hidden;
}
.ceo-shop1-characteristic .box:hover{
    background-color: var(--primary-color);
    color: #fff;
}
.ceo-shop1-characteristic .box:hover:after {
    position: absolute;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background-color: #ffffff;
    opacity: 0.15;
    top: 20px;
    content: "";
    left: 20px;
    z-index: -1;
}
.ceo-shop1-characteristic .box img{
    height: 80px;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
    position: relative;
}
.ceo-shop1-characteristic .box span{
    font-size: 18px;
    margin-bottom: 8px;
    font-weight: 700;
    color: #333;
    display: block;
}
.ceo-shop1-characteristic .box:hover span{
    color: #fff;
}
.ceo-shop1-characteristic .box p{
    font-size: 14px;
    color: #999;
}
.ceo-shop1-characteristic .box:hover p{
    color: #fff;
}
/*更多功能*/
.ceo-shop1-more{
    background: #f3f6ff;
    padding: 60px 0;
}
.ceo-shop1-morebox{
    
}
.ceo-shop1-morebox li{
    font-size: 15px;
}
.ceo-shop1-morebox li i{
    color: var(--primary-color);
    margin-right: 10px;
    font-size: 17px;
}
.ceo-shop1-morebox li em{
    display: inline-block;
    padding: 1px 6px;
    margin-right: 5px;
    background: #ffb000;
    font-size: 12px;
    color: #fff;
    border-radius: 2px;
}
/*附赠服务*/
.ceo-shop1-service{
    padding: 60px 0;
    background: url(/static/images/ceo-shop1-service-bg.jpg) center no-repeat;;
}
.ceo-shop1-service .ceo-shop1-mktitle span{
    color: #fff;
}
.ceo-shop1-service .ceo-shop1-mktitle p{
    color: #fff;
}
.ceo-shop1-servicebox{
    text-align: center;
}
.ceo-shop1-servicebox .box{
    padding: 20px;
    border-radius: 6px;
    text-align: center;
}
.ceo-shop1-servicebox .box img{
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto 20px auto;
    transition: box-shadow .2s;
    border-radius: 100%;
}
.ceo-shop1-servicebox .box:hover img{
    box-shadow: 0 0 0 10px rgba(198, 209, 255, 0.45), 0 0 0 24px rgba(197, 209, 255, 0.22);
    border-radius: 100%;
}
.ceo-shop1-servicebox .box span{
    display: block;
    font-size: 17px;
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
}
.ceo-shop1-servicebox .box p{
    font-size: 14px;
    color: var(--mini-color);
}
.ceo-shop1-servicebox a.btnsq{
    display: block;
    width: 200px;
    height: 38px;
    line-height: 38px;
    margin: 60px auto 0 auto;
    background: #fff;
    color: var(--primary-color);
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}
.ceo-shop1-servicebox a.ceo-position-center-left, .ceo-shop1-servicebox a.ceo-position-center-right {
    background: #11111129;
}
/*更新记录*/
.ceo-shop1-update{
    margin: 60px 0;
}
.ceo-shop1-updatebox{
    border-radius: 6px;
    height: 500px;
    padding: 30px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    resize: vertical;
    box-shadow: 0px 12px 27px 0px rgba(36, 61, 164, 0.11);
}
.ceo-shop1-updatebox ul li.ceo-open a{
    background: var(--primary-color);
    border-radius: 6px 6px 0px 0px;
    padding: 20px;
    color: #fff;
}
.ceo-shop1-updatebox ul li.ceo-open a em{
    margin-left: 10px;
    display: inline-block;
    padding: 3px 10px;
    background: #ffffff;
    font-size: 12px;
    color: #000000;
    border-radius: 50px;
}
.ceo-shop1-updatebox ul li.ceo-open .ceo-accordion-content{
    background-color: #f4f4ff;
    padding: 30px;
    margin-top: 0px;
    border-radius: 0px 0px 6px 6px;
}
.ceo-shop1-updatebox ul li.ceo-open .ceo-accordion-content p{
    font-size: 16px;
    line-height: 50px;
}
.ceo-shop1-updatebox ul li a{
    background: #f4f4ff;
    border-radius: 6px 6px 0px 0px;
    padding: 20px;
    color: #333;
}
.ceo-shop1-updatebox ul li a em{
    margin-left: 10px;
    display: inline-block;
    padding: 3px 10px;
    background: var(--primary-color);
    font-size: 12px;
    color: #fff;
    border-radius: 50px;
}
.ceo-shop1-updatebox ul li .ceo-accordion-content{
    background-color: #f4f4ff;
    padding: 30px;
    margin-top: 0px;
    border-radius: 0px 0px 6px 6px;
}
/*常见问题*/
.ceo-shop1-qa{
    padding-bottom: 60px;
}
.ceo-shop1-qabox{
    margin-bottom: 30px;
    box-shadow: 0px 12px 27px 0px rgba(36, 61, 164, 0.11);
}
.ceo-shop1-qabox .zs{
    height: 100%;
    font-size: 26px;
    font-weight: 900;
    text-align: center;
    letter-spacing: 5px;
    background: #006fff30;
    color: #0B1D30;
}
.ceo-shop1-qabox .ys{
    padding: 30px;
    font-size: 16px;
}
.ceo-shop1-qabox .ys p{
    margin-bottom: 20px;
}
.ceo-shop1-qabox .ys p:last-child{
    margin-bottom: 0px;
}
.ceo-shop1-qabox .ys p b{
    color: #0B1D30;
}
/*
 * ------------------------------------------------------------------------------
 * 商城内页装饰
 * ------------------------------------------------------------------------------
 */
/*1*/
.background-shape .circle1 {
    width: 2200px;
    height: 2200px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
    position: absolute;
    z-index: -30;
    top: -1100px;
    right: -1100px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .background-shape .circle1 {
        width: 1700px;
        height: 1700px;
        top: -850px;
        right: -850px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .background-shape .circle1 {
        width: 1700px;
        height: 1700px;
        top: -850px;
        right: -850px;
    }
}

@media only screen and (max-width: 767px) {
    .background-shape .circle1 {
        width: 1700px;
        height: 1700px;
        top: -850px;
        right: -850px;
    }
}

.background-shape .circle2 {
    width: 1700px;
    height: 1700px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
    position: absolute;
    z-index: -20;
    top: -850px;
    right: -850px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .background-shape .circle2 {
        width: 1200px;
        height: 1200px;
        top: -600px;
        right: -600px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .background-shape .circle2 {
        width: 1200px;
        height: 1200px;
        top: -600px;
        right: -600px;
    }
}

@media only screen and (max-width: 767px) {
    .background-shape .circle2 {
        width: 1200px;
        height: 1200px;
        top: -600px;
        right: -600px;
    }
}

.background-shape .circle3 {
    width: 1200px;
    height: 1200px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
    position: absolute;
    z-index: -10;
    top: -600px;
    right: -600px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .background-shape .circle3 {
        width: 700px;
        height: 700px;
        top: -350px;
        right: -350px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .background-shape .circle3 {
        width: 700px;
        height: 700px;
        top: -350px;
        right: -350px;
    }
}

@media only screen and (max-width: 767px) {
    .background-shape .circle3 {
        width: 700px;
        height: 700px;
        top: -350px;
        right: -350px;
    }
}

.background-shape .circle4 {
    width: 700px;
    height: 700px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
    position: absolute;
    z-index: -10;
    top: -350px;
    right: -350px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .background-shape .circle4 {
        width: 200px;
        height: 200px;
        top: -100px;
        right: -100px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .background-shape .circle4 {
        width: 200px;
        height: 200px;
        top: -100px;
        right: -100px;
    }
}

@media only screen and (max-width: 767px) {
    .background-shape .circle4 {
        width: 200px;
        height: 200px;
        top: -100px;
        right: -100px;
    }
}
/*2*/
.background-animation {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 70%;
    height: 100%;
}

.background-animation .star-ani {
    position: absolute;
    border-radius: 50%;
    width: 300px;
    height: 300px;
    top: 15%;
    left: 45%;
    z-index: -1;
    -webkit-animation: rotateAnimation linear 39s infinite;
    animation: rotateAnimation linear 39s infinite;
}

.background-animation .star-ani::after {
    position: absolute;
    content: "\e950";
    top: 10%;
    left: 10%;
    z-index: -1;
    border-radius: 50%;
    font-family: "LineIcons";
    color: rgba(255, 255, 255, 0.26);
    font-size: 22px;
}

.background-animation .cloud-ani {
    position: absolute;
    border-radius: 50%;
    width: 240px;
    height: 240px;
    top: 50%;
    left: 60%;
    z-index: -1;
    -webkit-animation: rotateAnimation linear 46s infinite;
    animation: rotateAnimation linear 46s infinite;
}

.background-animation .cloud-ani::after {
    position: absolute;
    content: "\e950";
    top: 10%;
    left: 10%;
    z-index: -1;
    border-radius: 50%;
    font-family: "LineIcons";
    color: rgba(255, 255, 255, 0.26);
    font-size: 2.5rem;
}

.background-animation .circle-ani {
    position: absolute;
    border-radius: 50%;
    -webkit-animation: rotateAnimation linear 34s infinite;
    animation: rotateAnimation linear 34s infinite;
    width: 180px;
    height: 180px;
    left: 10%;
    top: 10%;
    z-index: -1;
}

.background-animation .circle-ani::after {
    width: 20px;
    height: 20px;
    position: absolute;
    content: "";
    top: 10%;
    left: 10%;
    border: 3px solid rgba(255, 255, 255, 0.2);
    z-index: -1;
    border-radius: 50%;
}

.background-animation .triangle-ani {
    position: absolute;
    border-radius: 50%;
    -webkit-animation: rotateAnimation linear 40s infinite;
    animation: rotateAnimation linear 40s infinite;
    width: 20%;
    height: 20%;
    left: 30%;
    top: 50%;
    z-index: -1;
}

.background-animation .triangle-ani::after {
    width: 0;
    height: 0;
    position: absolute;
    content: "";
    border-top: 14px solid rgba(255, 255, 255, 0.16);
    border-bottom: 14px solid transparent;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    z-index: -1;
}

.background-animation .box-ani {
    position: absolute;
    border-radius: 50%;
    -webkit-animation: rotateAnimation linear 37s infinite;
    animation: rotateAnimation linear 37s infinite;
    width: 15%;
    height: 18%;
    left: 7%;
    top: 70%;
    z-index: -1;
}

.background-animation .box-ani::after {
    width: 26px;
    height: 26px;
    position: absolute;
    content: "";
    z-index: -1;
    background-color: transparent;
    border-radius: 4px;
    border: 3px solid rgba(255, 255, 255, 0.2);
}

.background-animation .line-ani {
    position: absolute;
    border-radius: 50%;
    -webkit-animation: rotateAnimation linear 43s infinite;
    animation: rotateAnimation linear 43s infinite;
    width: 10%;
    height: 12%;
    left: 7%;
    top: 30%;
    z-index: -1;
}

.background-animation .line-ani::after {
    width: 30px;
    height: 3px;
    position: absolute;
    content: "";
    z-index: -1;
    background-color: rgba(255, 255, 255, 0.17);
}

@-webkit-keyframes rotateAnimation {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotateAnimation {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/*3*/
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

/*
 * ------------------------------------------------------------------------------
 * 内容页样式
 * ------------------------------------------------------------------------------
 */
.ceo-single-wz{
}
.ceo-single-aqb{
    position: relative;
}
.ceo-single-aqb em{
    top: 30px;
    right: -11px;
    position: absolute;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 11px solid #fff;
    z-index: 1;
    float: left;
}
.ceo-single-dot:after {
    content: "·";
    margin-left: .5em;
    margin-right: .5em;
}
.ceo-single-dot:last-child {
    margin-left: 0em;
    margin-right: 0em;
}
.ceo-single-title{
    margin: 0 0 20px 0;
}
.single-head h1{
    font-size: 24px;
    line-height: 1.4;
    color: #333;
    text-transform: none;
    display:inline
}
.single-head .fl{
    color: var(--mini-color);
}
.single-head .info .avatar{
    line-height: 0;
    width: 20px;
    height: 20px;
}
.ceo-profile-cover{
    position: relative;
    width: 100%;
    height: 0!important;
    padding-bottom: 33.4%;
    overflow: hidden;
}
.ceo-profile-adminimg{
    margin-top: -43px;
    position: relative;
    display: block;
    margin-bottom: 8px;
}
.ceo-profile-adminimg img{
    padding: 6px;
    background-color: rgba(255,255,255,.3);
    border-radius: 100%!important;
}
.ceo-admin-author{
    display: inline-block;
    margin: 0;
}
.ceo-hh-p p{
    overflow: hidden;
    white-space: normal;
    word-break: break-all;
}
.ceo-overlay-primary {
    background: rgba(0,0,0,.5);
}
.single-content {
    padding: 20px;
}

.single-content a {
	text-decoration: none;
}
.single-content img{
    display: block;
    margin: 0 auto;
    text-align: center;
}
.single-content h1 {
	position: relative;
    margin: 20px 0!important;
    font-size: 20px!important;
    font-weight: 900;
    background: #f9f9f9;
    padding: 10px 10px 10px 20px;
}
.single-content h1:after {
	content: '';
    position: absolute;
    left: 0;
    top: 9px;
    height: 25px;
    width: 5px;
    background: var(--primary-color);
    box-shadow: 3px 0px 10px -1px var(--primary-color);
    border-radius: 2px;
}
.single-content h2 {
	position: relative;
    padding-left: 20px;
    margin: 20px 0!important;
    font-size: 20px!important;
}
.single-content h2:after {
	content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 25px;
    width: 5px;
    background: var(--primary-color);
    box-shadow: 3px 0px 10px -1px var(--primary-color);
    border-radius: 2px;
}
.single-content h3 {
	position: relative;
    padding-left: 20px;
    margin: 20px 0!important;
    font-size: 18px!important;
}
.single-content h3:after {
	content: '';
    position: absolute;
    left: 0;
    top: 9px;
    height: 5px;
    width: 5px;
    background: var(--primary-color);
    box-shadow: 3px 0px 10px -1px var(--primary-color);
    border-radius: 50px;
}
.single-content ul {
	padding: 0
}
.single-content li {
	line-height: 46px;
	border-bottom: 1px dashed #f4f4f4;
	list-style: none;
	padding-left: 20px;
	position: relative
}
.single-content li:after {
	content: '';
	width: 6px;
	height: 6px;
	background: var(--primary-color);
	border-radius: 50%;
	display: block;
	position: absolute;
	left: 0;
	top: 20px;
}
.single-content pre {
	background: #262626;
    color: #eee;
    border-left: 5px solid #006eff;
    cursor: text;
    font-size: 13px;
}

.single-content pre code {}

.single-content .wp-block-button a {
	text-decoration: none;
	font-size: 16px;
}
.single-content table {
	border: 1px solid #eee;
}

.single-content table th {
	color: #222;
	font-weight: bold;
	font-size: 15px!important;
	border-right: 1px solid #eee;
}

.single-content table td {
	border-right: 1px solid #eee;
}
.single-content p {
    line-height: 2;
    margin-bottom: 30px;
    font-size: 16px;
}

/*内页视频*/
.single-content iframe{
    border-radius: 4px;
    display: block;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    height: 570px;
}
.single-content .wp-video{
    border-radius: 4px;
    display: block;
    overflow: hidden;
    width: 100%!important;
    max-width: 100%;
}
.single-content .wp-video-shortcode{
    border-radius: 4px;
    display: block;
    overflow: hidden;
    width: 100%!important;
    max-width: 100%;
}
.single-content .wp-video-shortcode video{
    border-radius: 4px;
    display: block;
    overflow: hidden;
    width: 100%!important;
    max-width: 100%;
}
/*内页详情*/
.single-content-xq{
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 15px;
    margin-bottom: 30px;
}
.single-content-xq span{
    font-size: 16px;
    position: relative;
    color: #333;
    display: inline-block;
}
.single-content-xq span:after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #333;
}
/*内页相册*/
.single-content .gallery-size-thumbnail{
    margin-left: -20px;
}
.single-content .gallery{
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}
.single-content .gallery-item {
    padding-left: 20px;
    margin-top: 0px;
    margin-bottom: 20px;
    box-sizing: border-box;
    max-width: 100%;
}
.single-content .gallery-columns-2 .gallery-item a img{
    width: 100%;
    height: 240px;
    border: 0px solid #cfcfcf!important;
}
.single-content .gallery-columns-3 .gallery-item a img{
    width: 100%;
    height: 160px;
    border: 0px solid #cfcfcf!important;
}
.single-content .gallery-columns-4 .gallery-item a img{
    width: 100%;
    height: 140px;
    border: 0px solid #cfcfcf!important;
}
#ajaxBtn {}
#ajaxBtn a {
    display: inline-block;
    color: #fff;
    width: 140px;
    margin: 0 auto;
    text-align: center;
    background: var(--primary-color);
    box-shadow: 0 3px 10px -6px var(--primary-color);
    color: #fff;
    padding: 8px 0;
    border-radius: 4px;
    font-size: 14px;
    transition: all .3s;
}
.single-foot {}
.single-foot .btn {
	background: var(--primary-color);
    color: #fff;
    padding: 8px 15px;
    display: inline-block;
    border-radius: 4px;
    margin: 0 5px;
    box-shadow: 0 4px 10px -5px var(--primary-color);
	font-size: 13px;
	transition: all .3s;
	letter-spacing: .5px;
}
.single-foot .btn:hover {
	opacity: .8;
}
.single-down {}
.single-down-btn {
    background: var(--primary-color);
    color: #fff;
    display: inline-block;
    border-radius: 4px;
    margin: 0 5px;
    box-shadow: 0 4px 10px -5px var(--primary-color);
    font-size: 15px;
    transition: all .3s;
    letter-spacing: 1px;
}
.single-card {
    background: #fbfbfb;
}
.single-card .thumb {
    width: 120px;
    height: 86px;
}
.single-card .thumb .nlimg{
    background-size: cover!important;
    background-position: 50%!important;
    overflow: hidden;
}
.single-card .title {
    text-decoration: none;
    font-size: 16px;
    letter-spacing: .5px;
    margin-bottom: 5px;
}
.single-card .views {
    text-decoration: none;
    padding: 6px 15px;
    background: var(--primary-color);
    color: #fff;
    font-size: 13px;
}
.single-card .views:hover{
    opacity: .8;
}
.share {
    color: var(--mini-color);
}
.share a {
    color: var(--mini-color);
    margin-left: 10px;
    transition: all .3s;
}
.share a:hover {
    color: #333;
}
.share a i{
    font-size: 16px!important;
}
/*文章基础信息*/
.info {}
.info span {
    color: var(--mini-color);
}
.info span i {
	display: inline-block;
	margin-right: 3px;
	transform: translateY(1px);
}
/*文章发布作者*/
.ceo-user-adminimg{
    margin-right: 5px;
}
.ceo-user-admin{
}
.ceo-user-admin a{
    color: #333;
    font-size: 12px;
}
.ceo-user-admin a:hover{
    color: var(--primary-color);
}
/*文章所属分类*/
.ceo-single-cat a{
    font-size: 12px;
}
.ceo-single-cat a:hover{
    color: var(--primary-color)!important;
}
/*文章发布时间*/
.ceo-margin-ymd{
    margin-left: 20px;
    font-size: 12px;
}
/*分类广告*/
.ceo-cat-ad img{
    width: 100%;
}
/*文章特色标签*/
.ceo-single-tese{
    margin: 4px 8px 0 0;
    position: relative;
    display: inline-block;
    height: 28px;
    padding: 0px 9px;
    font-size: 12px;
    line-height: 28px;
    vertical-align: top;
    border-radius: 4px;
    background: rgba(0,102,255,.1);
    color: var(--primary-color)!important;
}
.ceo-single-tese i{
    font-size: 14px;
}
/*摘要*/
.ceo-single-abstract{
    color: #596178;
    border-bottom: 0;
    background: rgba(245,248,250,.8);
    font-size: 14px;
    line-height: 30px;
    padding: 10px 20px;
    border-radius: 4px;
    margin-bottom: 30px;
    margin-top: 10px;
}
.ceo-single-abstract p{
    margin: 0;
    display: inline;
    font-size: 14px;
}
.ceo-single-abstract strong{
    color: #596178;
    font-weight: 400;
    font-size: 14px;
    margin-right: 10px;
}
.ceo-padding-an{
    padding: 30px 5px;
}
/*内页广告*/
.ceo-ad-single-top img{
    width: 100%;
    height: 80px;
}
.ceo-ad-single-content img{
    width: 100%;
}
.ceo-ad-single-bottom{
    padding: 20px;
}
.ceo-ad-single-bottom img{
    width: 100%;
}
/*内页分享*/
.ceo-single-url{
    position: fixed;
    right: 50%;
    top: 130px;
    width: 60px;
    margin-right: 646px;
}
.ceo-single-url-in ul li a {
    position: relative;
    display: block;
    width: 48px;
    height: 48px;
    text-align: center;
    margin-bottom: 10px;
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    line-height: 48px;
    border-radius: 50%;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.04);
    cursor: pointer;
}
.ceo-single-url-in ul li a i{
    color: #b2bac2;
    font-size: 20px;
}
.ceo-single-url-in ul li a span{
    position: absolute;
    top: 0;
    left: 75%;
    min-width: 16px;
    max-width: 60px;
    height: 16px;
    line-height: 16px;
    padding: 0 5px;
    font-size: 12px;
    color: #fff;
    border-radius: 10px;
    text-align: center;
    white-space: nowrap;
    background-color: #b2bac2;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(.75);
    transform: scale(.75);
}
.ceo-single-url-fn span {
    display: block;
    width: 48px;
    margin-bottom: 6px;
    font-size: 12px;
    color: #c6c6c6;
    text-align: center;
}
.ceo-single-url-fn .ceo-single-url-fn-bux a {
    position: relative;
    display: block;
    width: 48px;
    height: 48px;
    text-align: center;
    margin-bottom: 10px;
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    line-height: 48px;
    border-radius: 50%;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.04);
    cursor: pointer;
}
.ceo-single-url-fn .ceo-single-url-fn-bux a i{
    color: #b2bac2;
    font-size: 20px;
}
/*内页分享*/

/*内页点赞打赏收藏模块*/
.ceo-single-szcan{
    padding: 20px;
    text-align: center;
}
.ceo-single-szcan-sc{
    display: inline-block;
    position: relative;
    z-index: 99;
}
.ceo-single-szcan-sc span{
    font-size: 15px;
    -webkit-box-shadow: 0 10px 20px rgba(255,96,96,.4);
    box-shadow: 0 10px 20px rgba(255,96,96,.4);
    border-radius: 50px;
    background-color: #ff6060;
    color: #fff;
    padding: 6px 10px;
    display: inline-block;
    margin: 0 8px;
    cursor: pointer;
}
.ceo-single-szcan-sc span i{
    font-size: 15px!important;
    margin-right: 3px;
}

.ceo-single-dashang-img{
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    z-index: 9;
    left: 50%;
    bottom: 50px;
    width: 330px;
    font-size: 0;
    margin-left: -166px;
    background: #fff;
    line-height: 1;
    text-align: center;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,.05);
    box-shadow: 0 0 3px 1px rgba(0,0,0,.05);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    pointer-events: none;
    -webkit-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.ceo-single-szcan-sc:hover .ceo-single-dashang-img {
	-webkit-transition:all .3s ease-out 0s;
	-o-transition:all .3s ease-out 0s;
	transition:all .3s ease-out 0s
}
.ceo-single-szcan-sc:hover .ceo-single-dashang-img {
	opacity:1;
	filter:alpha(opacity=100);
	bottom:50px;
	pointer-events:auto
}
.ceo-single-dashang-img:before {
    bottom: -16px;
    border-top-color: #efefef!important;
}
.ceo-single-dashang-img:after {
    z-index: 1;
    bottom: -15px;
    border-top-color: #fff!important;
}
.ceo-single-dashang-img:after, .ceo-single-dashang-img:before {
    position: absolute;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -8px;
    line-height: 0;
    border: 8px solid transparent;
    content: "";
}
.ceo-single-dashang-img p {
    display: inline-block;
    width: 160px;
    padding-bottom: 10px;
    color: #999;
    font-size: 13px;
    line-height: 1;
}
.ceo-single-dashang-img p img {
    display: block;
    width: 100%;
    height: auto;
    padding: 10px;
    vertical-align: top;
    border-radius: 4px;
}
.ceo-single-szcan-dz{
    display: inline-block;
}
.ceo-single-szcan-dz a{
    font-size: 14px;
    border-radius: 50px;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    padding: 6px 25px;
    display: block;
}
.ceo-single-szcan-dz a:hover{
    background: var(--primary-color);
    color: #fff;
}
.ceo-single-szcan-dz a i{
    font-size: 15px!important;
    margin-right: 3px;
}
.ceo-single-szcan-sc a:hover{
    opacity: .8;
    color: #fff;
}
/*内页点赞打赏收藏模块*/

/*内页基础样式*/
blockquote {
    margin-bottom: 20px;
    border-radius: 10px;
    padding: 30px 40px;
    color: #666;
    background-color: #f8f8f8;
    line-height: 1.5em;
    position: relative;
    font-style: normal;
    font-size: 15px;
    letter-spacing: .5px;
}
blockquote:before {
    position: absolute;
    top: 20px;
    left: 20px;
    display: block;
    width: 16px;
    height: 14px;
    background: url(/static/images/ceo-sy.png) no-repeat;
    content: '';
}
blockquote:after {
    position: absolute;
    right: 20px;
    bottom: 20px;
    display: block;
    width: 16px;
    height: 14px;
    background: url(/static/images/ceo-sy.png) -16px 0 no-repeat;
    content: '';
}
blockquote p {
	margin: 12px 0;
    color: #666;
    font-size: 15px;
}
blockquote cite {
	font-style: normal;
    color: #aaa;
}
.single-question-head .ceo-info-y span{
    font-weight: bold;
    color: #333;
}
.ceo-info-y span{
    margin-right: 15px;
    position: relative;
}
.ceo-info-y span:before {
    position: absolute;
    right: -10px;
    top: 50%;
    width: 2px;
    height: 2px;
    border-radius: 50px;
    margin-top: 0px;
    background: #999;
    content: "";
    opacity: .6;
}
.ceo-info-y span:last-child{
    margin-right: 0px;
    position: relative;
}
.single-post-info{
    margin-top: 20px;
}
.single-post-info span{
    color: #fff;
}
.single-post-info a{
    color: #fff!important;
}
/*文章上下篇*/
.ceo-sxp{
}
.ceo-sxp a,.ceo-sxp p,.ceo-sxp span{
    color: #333;
}
.ceo-sxp a:hover{
    color: var(--primary-color)!important;
}
/*文章上下篇*/

/*文章相关文章*/
.ceo-single-xgbox .item .thumb {
    height: 130px;
}
.ceo-single-xgbox{
    padding: 20px;
}
.ceo-xg-box{
    
}
.ceo-single-shopxg{
    padding: 20px;
}
.shop .ceo-single-shopxg .item .thumb {
    height: 165px;
}
/*文章相关文章*/
/*
 * ------------------------------------------------------------------------------
 * 内页商城样式
 * ------------------------------------------------------------------------------
 */
.ceo_single_shop_box{
    padding: 20px;
    box-shadow: 0px 3px 18px rgba(0,0,0,0.08);
}
.ceo_single_shop_box_img{
    height: 168px;
}
.ceo_single_shop_box_img .ceo_shop_vip{
    position: absolute;
    z-index: 2;
    right: 10px;
    top: 10px;
    display: block;
    height: 18px;
    width: 36px;
    background: url(/static/images/ceo-vip-tag.svg) 0 0 no-repeat;
    background-size: 100% 100%;
}
.risktips{
    cursor:pointer;
    color: #ccc;
    overflow: hidden;
    margin-top: 15px;
    line-height: 18px;
    font-size: 12px;
    text-align: center;
}
.risktips i{
    font-size: 13px !important;
    margin-right: 5px;
}
.risktips a{
    color: #ccc;
}
.risktips a:hover{
    color: var(--primary-color);
}
.shop_box_cos_p{
    max-height: 40px;
    line-height: 20px !important;
    margin: 20px 0 !important;
    font-size: 12px !important;
    color: #999;
    overflow: hidden;
}
.ceo_single_shop_box_cos_mid{
    margin: 20px 0;
    padding: 10px 20px;
    background: #f2f5fd;
}
.ceo_single_shop_box_cos_mid_tim{
}
.ceo_single_shop_box_cos_mid_tim span{
    display: block;
    height: 30px;
    line-height: 30px;
}
.ceo_single_shop_box_cos_mid_tim p{
    font-size: 14px !important;
    color: #888;
    display: inline-block;
    margin-bottom: 0px !important;
    background: #f2f5fd;
    padding: 0 10px 0 0;
}
.ceo_single_shop_box_cos_mid_tim p::before {
    content: '';
    border-radius: 50%;
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-right: 10px;
    background-color: #2E68E9;
    transform: translate(0, -50%);
}
.ceo_single_shop_box_cos_mid_tim em{
    font-size: 12px;
    color: #333;
    float: right;
}
.ceo_single_shop_box_cos_btn{
}
.ceo_single_shop_box_cos_btn .cos_btn_price{
    font-size: 16px;
    color: #ff2a00;
    margin: 12px 0;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
}
.ceo_single_shop_box_cos_btn .cos_btn_price a.taocan{
    display: inline-block;
    color: var(--mini-color);
    font-weight: 400;
    font-size: 12px;
    margin-left: 10px;
}
.ceo_single_shop_box_cos_btn .cos_btn_price a.taocan:hover{
    color: #ff2a00;
}
.ceo_single_shop_box_cos_btn .cos_btn_price a.taocan i{
    margin-right: 3px;
}
.ceo_single_shop_box_cos_btn .cos_btn_price p.ceoshop-vip{
    display: inline-block;
    color: #ff2a00;
    font-weight: 400;
    font-size: 12px;
    margin-left: 10px;
}
.ceo_single_shop_box_cos_btn .cos_btn_price p.ceoshop-vip i{
    margin-right: 3px;
}
.ceo_single_shop_box_cos_btn .cos_btn_price p.ceoshop-vip a{
    margin-left: 5px;
}
.ceo_single_shop_box_cos_btn .cos_btn_price em{;
    color: #ff2a00;
}
.ceo_single_shop_box_cos_btn .cos_btn_price_an{
    display: block;
}
.ceo_single_shop_box_cos_btn .cos_btn_price_an a{
    display: block;
}
.ceo_single_shop_box_cos_btn .cos_btn_price_an a:hover{
    opacity: .8;
}
.ceo_single_shop_box_cos_btn .cos_btn_price_an a.z1{
    display: block;
    margin-bottom: 18px;
    width: 100%;
    height: 55px;
    border-radius: 4px;
    color: #fff!important;
    font-size: 1pc;
    line-height: 55px;
    cursor: pointer;
    text-align: center;
    position: relative;
    overflow: hidden;
    background: #007aff;
    background-color: var(--primary-color);
    background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff));
    background-image: -webkit-linear-gradient(left, #006eff, #13adff);
    background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%);
    background-image: linear-gradient(90deg, #006eff, #13adff);
}
.ceo_single_shop_box_cos_btn .cos_btn_price_an a.z1:before {
    content: " ";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 5px;
    top: 5px;
    background: url(/static/fonts/ceo-sidebar-shop-down-vip.svg) 50% no-repeat;
    background-size: 20px auto;
    z-index: 10;
}
.ceo_single_shop_box_cos_btn .cos_btn_price_an a.z1:after {
    content: " ";
    display: block;
    width: 70px;
    height: 70px;
    position: absolute;
    left: -35px;
    top: -35px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: rgba(0,0,0,.15);
    z-index: 5;
}
.ceo_single_shop_box_cos_btn .cos_btn_price_an a.x{
    height: 35px;
    line-height: 35px;
    padding: 0;
    font-size: 14px;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    margin: 0;
    background-image: linear-gradient(135deg, #59c3fb 10%, #268df7 100%);
    box-shadow: 0 5px 10px 0 rgba(73, 178, 249, 0);
}
.ceo_single_shop_box_cos_btn .cos_btn_price_an a.y1{
    height: 35px;
    line-height: 35px;
    padding: 0;
    font-size: 14px;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    margin: 0;
    background-image: linear-gradient(135deg, #f59f54 10%, #ff6922 100%);
    box-shadow: 0 5px 10px 0 rgba(255, 87, 0, 0);
}
.ceo_single_shop_box_cos_btn .cos_btn_price_an a i{
    font-size: 16px !important;
    margin-right: 3px;
}
.ceo_single_shop_comtitle{
    margin-bottom: 20px;
}
.ceo_single_shop_comtitle span{
    border-bottom: 3px solid var(--primary-color);
    padding-bottom: 15px;
    display: inline-block;
    font-size: 16px;
    color: #333;
}
/*
 * ------------------------------------------------------------------------------
 * 作者主页
 * ------------------------------------------------------------------------------
 */
.ceo-author-bg{
    height: 300px;
    overflow: hidden;
}
.ceo-author-bg .bg{
    height: 300px;
}
.ceo-author-tpxo{
    margin-top: 20px;
}
.ceo-author-tpxo span{
    color: #ccc;
}
.ceo-author-top{
}
.ceo-author-adminimg{
    position: relative;
    display: block;
    margin-bottom: 15px;
}
.ceo-author-adminimg img{
    padding: 5px;
    background: #ffffff3b;
    border-radius: 50%;
}
.ceo-author-boxadmin{
    font-size: 18px;
    color: #fff !important;
}
.ceo-author-boxtext{
    margin-top: 10px;
    font-size: 14px;
    color: #fff;
}
.ceo-author-countbox{
    padding: 20px 0;
    margin-bottom: 40px;
    box-shadow: 0px 6px 12px 0px rgb(205 205 205 / 22%);
}
.ceo-author-countbox .item span{
    color: #333;
}
.ceo-author-mkbox{
}
.ceo-author-mkbox .ceo-author-mkboxnav{
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 20px;
}
.ceo-author-mkbox .ceo-author-mkboxnav li{
    margin-left: 20px;
    margin-top: 20px;
}
.ceo-author-mkbox .ceo-author-mkboxnav li a{
    padding: 0;
    font-size: 16px;
    position: relative;
}
.ceo-author-mkbox .ceo-author-mkboxnav li a:hover {
    background-color: rgb(0 0 0 / 0);
    color: var(--primary-color);
}
.ceo-author-mkbox .ceo-author-mkboxnav li.ceo-active a{
    background-color: rgb(0 0 0 / 0);
    color: var(--primary-color);
}
.ceo-author-mkbox .ceo-author-mkboxnav li.ceo-active a:after {
    content: '';
    position: absolute;
    bottom: -19px;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--primary-color);
}
/*
 * ------------------------------------------------------------------------------
 * QQ登录样式
 * ------------------------------------------------------------------------------
 */
 .form-popup {
    max-width: 600px;
    margin: 0 auto;
}
 .form-popup-bd {
    background: var(--primary-color);
    box-shadow: 0 3px 10px -6px var(--primary-color);
    color: #fff;
}
/*
 * ------------------------------------------------------------------------------
 * 用户中心样式
 * ------------------------------------------------------------------------------
 */
.user-content{
}
.user-question{
    padding: 20px;
}
.user-forum{
    padding: 20px;
}
.ceo-author-count{
    padding-bottom: 10px;
}
.user-main{
    margin-top: 20px;
    margin-bottom: 40px;
}
.user-mainembox em{
    position: absolute;
    top: 4px;
    left: 8px;
    color: #dedede;
    font-size: 12px;
}
.user-nav {
}
.user-nav li {
}
.user-nav li a {
    color: #333;
    font-size: 15px;
}
.user-nav li a:hover{
    color: var(--primary-color)!important;
}
.user-nav .active {}
.user-nav .active a {
    color: var(--primary-color)!important;
}
.user-data {
    box-shadow: 0px 6px 12px 0px rgb(205 205 205 / 22%);
    margin-bottom: 40px;
}
.user-data ul {
	list-style: none
}
.user-data ul li {
    padding: 20px 0;
    display: inline-block;
    margin-right: 20px;
}
.user-data ul li:last-child{
    margin-right: 0px;
}
.user-comment {
    padding: 20px;
}
.user-comment-content {
	padding: 20px;
	width: 95%;
	margin-bottom: 10px;
}
.user-comment-box{
    
}
.user-comment-box a{
    font-size: 14px;
}
.user-comment-box a:hover{
    color: var(--primary-color)!important;
}
.user-comment-box span{
    font-size: 14px;
}
.user-comment-item {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid var(--border-color)!important;
}
.user-comment-item:last-child{
    margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: 0px solid var(--border-color)!important;
}
.user-set {
    padding: 20px;
}
.user-set-head {
	padding-bottom: 20px;
}
.user-set-head  .user-name {
	margin-top: 5px;
}
.user-set-head .upload-form {
    background: var(--primary-color);
    position: relative;
    margin-top: 10px;
}
.user-set-head .upload-form span {
    color: #fff;
}
.user-set-head .upload-avatar {
    width: 75px;
    color: #fff;
    font-size: 14px;
    opacity: 0;
    padding: 6px 10px;
}
.user-user-submit {
	font-size: 14px;
	padding: 6px 15px;
}
.user-names{
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 16px;
}
.user-user-submit {
    color: #fff;
    background: var(--primary-color);  
}
.user-tougao{
    color: #fff!important;
    border: 1px solid var(--primary-color);
    background: var(--primary-color);
    font-size: 14px;
    border-radius: 4px;
    padding: 8px 0;
    display: block;
    margin-bottom: 20px!important;
}
.user-tougao:hover{
    opacity: .8;
    color: #fff;
}
.user-shopan{
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    font-size: 14px;
    border-radius: 4px;
    padding: 0px 15px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-top: 15px!important;
}
.user-shopan:hover{
    background: var(--primary-color);
    color: #fff;
}
.user-title-top{
    padding: 20px;
}
.user-title-top h2{
    font-size: 18px;
}
.user-text-small {
    font-size: 14px;
    line-height: 1.5;
}
.ceo-user-id{
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
}
.user-pa{
    padding: 20px;
}
.sitesubmit-p p{
    display: inline-block;
    margin-left: 10px;
    color: #999;
    font-size: 12px;
}
.sitesubmit-p p i{
    margin-right: 3px;
}
.sitesubmit-dosc{
    color: #777;
    background: #f9f9f9;
    font-size: 14px;
    line-height: 30px;
    padding: 20px 25px;
    border-radius: 8px;
    margin-top: 20px;
}
@media (min-width: 800px){
    .ceo-user-id .ceo-user-is{
        flex: 0 0 50%;
        max-width: 50%;
    }
}
.ceo-user-id .ceo-user-is{
    min-height: 1px;
    box-sizing: border-box;
    padding-left: 15px;
    position: relative;
    width: 100%;
}

.form-control[disabled], fieldset[disabled] .form-control {
    cursor: not-allowed;
}
.form-control[disabled]{
    background-color: #eee;
    opacity: 1;
}

.ceo-user-btn{
    transition: all .3s
}
.ceo-user-btn:hover{
    opacity: .8;
    color: #fff;
}
.j-lazy{
    height: 100px;
    width: 100%;
}
/*私信*/
.ceo-messages-box{
    padding: 20px;
}
.messages-box-item{
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--border-color);
    overflow: hidden;
    cursor: pointer;
}
.messages-box-item:last-child{
    position: relative;
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: 0px solid var(--border-color)!important;
}
.messages-box-item-avatar{
    width: 60px;
    height: 60px;
    float: left;
}
.messages-box-item-avatar img{
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%!important;
}
.messages-item-content{
    padding-left: 80px;
}
.messages-item-title{
    overflow: hidden;
}
.messages-item-title span{
    font-size: 12px;
    color: #999;
    display: inline-block;
    transform: translateY(-1px);
    margin-left: 10px;
}
.messages-item-title h4{
    padding-right: 20px;
    font-size: 16px;
    color: #333;
    margin-bottom: 6px;
    font-weight: 500!important;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.messages-item-text{
    position: relative;
    font-size: 14px;
    line-height: 24px;
    color: #999;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    background-color: #f8f8f8;
    padding: 4px 10px;
    border-radius: 4px;
}
.messages-item-btn{
    float: right;
    margin-top: -5px;
    color: #fff!important;
    background: #6599ff;
    font-size: 12px;
    padding: 2px 15px;
    border-radius: 4px;
}
.messages-box-item:hover .messages-item-btn{
    background: var(--primary-color);
}
/*
 * ------------------------------------------------------------------------------
 * 登录注册页面
 * ------------------------------------------------------------------------------
 */
.ceo-page-login{
    background-color: #006fff;
    position: relative;
    z-index: 2;
    height: 100vh;
    overflow: hidden;
}
.page-login {
	max-width: 1000px;
	z-index: 2;
}

.login-main {
	box-shadow: 0px 30px 30px -10px #dadcdd;
}

.login-bg {
	width: 520px;
	border-right: 1px solid var(--border-color);
}

.login-bg img {
	min-height: 100%;
	max-width: none;
}
.login-bg span {
	color: #fff;
}
.login-form {
	padding: 30px;
}

.login-form-title {
	padding-bottom: 30px;
}

.login-form-title span {
	color: #444;
	font-size: 28px;
}

.login-form-title a {
	color: var(--primary-color);
}

.login-button {
	background: var(--primary-color);
	color: #fff;
	border: 0;
	padding: 10px;
	font-size: 15px;
	letter-spacing: 1px;
	cursor: pointer;
	outline: none;
}
.login-button:hover{
    opacity: .9;
}
.login-social {
    padding-top: 25px;
    text-align: center;
}
.login-social a {
    background: var(--primary-color);
    padding: 8px 10px;
    font-size: 13px;
    color: #fff!important;
    border-radius: 50px;
    transition: all .3s;
    margin-right: 5px;
}

.login-social a:hover {
	opacity: .8;
}
.ceo-login-pages{
    
}
.ceo-login-pages p{
    line-height: 36px;
}
.ceo-login-pages a{
    margin-right: 20px;
}
.ceo-login-pages a:last-child{
    margin-right: 0px;
}
.ceo-login-pages a.ceo_qq_login i{
    color: #1a9efb;
    font-size: 20px!important;
    transform: translateY(3px);
    margin-right: 3px;
}
.ceo-login-pages a.ceo_weixin_login i{
    color: #38ad3d;
    font-size: 20px!important;
    transform: translateY(3px);
    margin-right: 3px;
}
.ceo-login-pages a.ceo_weibo_login i{
    color: #e24a3b;
    font-size: 20px!important;
    transform: translateY(3px);
    margin-right: 3px;
}
/*
 * ------------------------------------------------------------------------------
 * 首页弹窗样式
 * ------------------------------------------------------------------------------
 */
.home-modal {
    background: transparent;
    max-width: 480px!important;
}
.home-modal-bg {
    max-height: 160px;
}
.home-modal-main {
    background: #fff;
    margin: 80px auto 0 auto;
    width: 80%;
    border-radius: 4px;
    min-height: 200px;
}
.home-modal-bottom {

}
.home-modal-bottom ul {
    list-style: none;
    padding: 0;
}
.home-modal-bottom ul li {
    height: 20px;
    margin: 0 auto;
    border-radius: 4px;
    margin-top: -15px;
    transition: all .2s;
}
.home-modal-bottom ul li:nth-child(1) {
    width: 95%;
    background: rgba(255, 255, 255, 0.4);
}
.home-modal-bottom ul li:nth-child(2) {
    width: 90%;
    background: rgba(255, 255, 255, 0.2);
}
.home-modal-btn {
    background: var(--primary-color);
    color: #fff;
    padding: 6px 30px;
    -webkit-box-shadow: 0px 7px 12px -8px var(--primary-color);
    box-shadow: 0px 7px 12px -8px var(--primary-color);
    transition: all .3s;
}
.home-modal-btn:hover {
    transform: translateY(-2px);
}
.home-modal-close {
    cursor: pointer;
    background: var(--bg-color);
    color: #999;
    box-shadow: none;
}

/*二维码弹窗样式*/
.ceo-wecha-modal{
    
}
.ceo-wecha-modal h3{
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
}

/*
* ------------------------------------------------------------------------------
* 内页文章版权
* ------------------------------------------------------------------------------
*/
.ceo-cop-text{
    background: #f7f8fa;
    color: #b4b4b4;
    font-size: 0.6rem;
    line-height: 1.8;
}

/*
* ------------------------------------------------------------------------------
* 内页文章作者
* ------------------------------------------------------------------------------
*/
.ceo-single-author-d{
    align-items: center;
}
.ceo-single-author-d img{
    border-radius: 50px!important;
    width: 25px;
    height: 25px;
    transform: translateY(-9%);
}
.ceo-single-author-d span {
    font-size: 15px!important;
    line-height: 1.4!important;
    margin-right: 3px!important;
    display: inline-block!important;
    margin-left: 3px!important;
}
.ceo-single-author-d p {
    flex: 1;
    min-width: 1px;
    display: inline-block!important;
    font-size: 13px;
    color: #999;
}
.ceo-single-author-dg{
    padding: 3px 8px;
    margin-right: 4px;
    color: #4285f4!important;
    font-weight: 400;
    line-height: 1;
    border-radius: 3px;
    overflow: hidden;
    vertical-align: top;
    border: 1px solid #4285f4;
    margin-top: 1px;
}
.post-author-info-fixed{
    position: fixed;
    bottom: 0px;
    background: #fff;
    z-index: 999;
}
/*
* ------------------------------------------------------------------------------
* 海报生成
* ------------------------------------------------------------------------------
*/
.share-post{
    margin-right: 28px;
}
.btn-follow-div{
    margin-bottom: 20px;
    text-align: center;
}
.ceo-share-bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: rgba(0,0,0,.5)
}

.ceo-share-bg .top_tips {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    background: rgba(255,235,155,.95);
    color: #a65018;
    text-align: center
}

@media (min-width: 992px) {
    .ceo-share-bg .top_tips {
        display:none!important
    }
}
/*
* ------------------------------------------------------------------------------
* 内页文章标签
* ------------------------------------------------------------------------------
*/
.ceo-single-tag-s{
    padding: 0 20px 20px 20px;
}
.ceo-single-tag-s-tags a{
    margin: 3px 5px 3px 0;
    vertical-align: middle;
    position: relative;
    display: inline-block;
    height: 25px;
    padding: 0 12px;
    font-size: 13px;
    line-height: 25px;
    vertical-align: top;
    border-radius: 50px;
    background: #f7f8fa;
    color: #b4b4b4;
}
.ceo-single-tag-s-tags a:hover{
    color: #fff;
    background: var(--primary-color);
}
/*
* ------------------------------------------------------------------------------
* 标签大全样式
* ------------------------------------------------------------------------------
*/
.ceo-tagsj{
    margin-right: 3px;
}
.page-tags-item {
	padding: 20px;
	transition: all .3s;
}
.page-tags-item:hover {
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .05);
	box-shadow: 0 0 10px rgba(0, 0, 0, .05);
	-webkit-transform: translateY(-3px);
	-ms-transform: translateY(-3px);
	transform: translateY(-3px);
}
.page-tags-item .name {
	padding: 0 20px;
	color: #333;
	font-size: 15px;
}

.page-tags-item .name:before {
	margin-left: 7px;
	content: '';
	position: absolute;
	left: 0;
	height: 100%;
	width: 5px;
	background: var(--primary-color);
	box-shadow: 3px 0px 10px -1px var(--primary-color);
	border-radius: 2px;
}

.page-tags-item li {
	margin: 5px 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.page-tags-item li a {
	color: #888;
	font-size: 15px
}

.page-tags-item li a:hover {
	color: #000
}

.page-tags-li {
	padding: 20px;
}

.page-tags-li a {
	display: inline-block;
	background: #f2f6fc;
	color: #666;
	padding: 5px 10px;
	margin: 3px 5px;
}
.page-tags-item h2{
    font-size: 20px;
    margin: 0 0 20px 0;
    color: #333;
}
.page-tags-item small{
    line-height: 30px;
    height: 30px;
}
.ceo-page-tags-a{
    display: inline-block;
    background: #e5f0ff;
    color: #3385ff;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    height: 30px;
    padding: 0 18px;
    border-radius: 3px;
}
.ceo-page-tags-a:hover{
    background: var(--primary-color);
    color: #fff;
}
.ceo-page-tags-a i{
    margin-left: 3px;
    font-size: 12px;
}

/*
* ------------------------------------------------------------------------------
* 存档页面
* ------------------------------------------------------------------------------
*/
.ceo-archives-item{
    padding: 20px;
}
.ceo-archives-div .ceo-grid{
    margin-left: initial !important;
}
.ceo-archives{
     border-radius: 4px;
    background-color: #fff;
    word-wrap: break-word;
    padding: 20px;
}
.ceo-archives-container h3 {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: bold;
    color: var(--primary-color);
    line-height: 20px;
}
.ceo-archives-container h3 i{
    background: url(/static/images/ceo-archives-title-img.png) left center no-repeat;
    color: #333;
    padding-left: 30px;
    height: 24px;
}
.ceo-archives-container ol, .ceo-archives-container ul {
    padding-left: 0;
    margin-bottom: 20px;
    list-style-position: outside;
    list-style-type: disc;
}
.ceo-archives-list {
    padding-left: 0;
    margin: 0;
}
.ceo-archives-list li {
    list-style: disc;
    margin-left: 20px;
    margin-bottom: 15px;
    font-size: 14px;
}
.ceo-archives-list a {
    color: #666
}
.ceo-archives-list a:hover {
    color: var(--primary-color)
}
.ceo-archives-list time {
    width: 40px;
    display: inline-block;
}
.ceo-archives-list span {
    font-size: 12px;
    display: inline-block;
    margin-left: 10px;
}
/*
* ------------------------------------------------------------------------------
* 友情链接页面
* ------------------------------------------------------------------------------
*/
.ceo-pages-links li{
    list-style: none;
}
.ceo-pages-links .linkcat{
    background: #fff;
    border-radius: 4px;
    padding: 20px;
    margin-bottom: 20px;
}
.ceo-pages-links .linkcat h2{
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 16px;
}
.ceo-pages-links .linkcat h2 span{
    font-size: 16px;
    position: relative;
    color: #333;
    display: inline-block;
}
.ceo-pages-links .linkcat h2 span:after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #333;
}
.ceo-pages-links .linkcat .blogroll{
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
}
.ceo-pages-links .linkcat .blogroll li{
    box-sizing: border-box;
    width: 20%;
    max-width: 100%;
    padding-left: 20px;
}
.ceo-pages-links .linkcat .blogroll li a {
    overflow: hidden;
    display: block;
    cursor: pointer;
    padding: 20px;
    color: #333;
    background: #f5f7fd;
    margin-bottom: 15px;
    border-radius: 4px;
}
.ceo-pages-links .linkcat .blogroll li a img {
    width: 32px;
    height: 32px;
    border-radius: 32px;
    display: inline-block;
    margin-right: 8px;
}
.ceo-pages-links-box{
}
/*
* ------------------------------------------------------------------------------
* 默认单页
* ------------------------------------------------------------------------------
*/
.ceo-page-page{
    /*box-shadow: 0px 0px 29px 0px rgba(213, 217, 222, 0.35);*/
}

/*
* ------------------------------------------------------------------------------
* 404错误页
* ------------------------------------------------------------------------------
*/
.ceo-404page{
    position: relative;
    z-index: 2;
    height: 100vh;
    background-color: var(--primary-color);
    overflow: hidden;
}
.page404 {
    margin-top: 50px;
}
.page404 .btn {
	padding: 12px 30px;
    border-radius: 50px;
}
.page404 h1 {
	font-size: 4rem;
}
.page404 p{
    margin: 50px 0;
    color: #fff;
    font-size: 16px;
}
.page404 a{
    display: inline-block;
    color: var(--primary-color);
    width: 140px;
    margin: 0 auto;
    text-align: center;
    background: #fff;
    border-radius: 4px;
    font-size: 15px;
    transition: all .3s;
}
/*
* ------------------------------------------------------------------------------
* 投稿优化
* ------------------------------------------------------------------------------
*/
.ceo-tougao-sx{

}
.ceo-tougao-ysz{
    position: relative;
    padding: 10px 30px 10px 45px!important;
}
.ceo-tougao-ysz .ceo-tougao-yss{
    margin-left: 4.5%!important;
}
.ceo-tougao-ysz label{
    display: inline-block;
    font-size: 15px;
    line-height: 34px;
    font-weight: 400;
    color: #666;
}
.ceo-tougao-ys{
    position: relative;
    padding: 10px 13px 10px 48px!important;
}
.ceo-tougao-ys .ceo-tougao-yss{
    margin-left: 4.5%!important;
}
.ceo-tougao-yss .csf-fieldset input{
    width: 100%!important;
    height: 34px;
    padding: 6px 12px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #dcdfe6;
    border-radius: 2px;
    -webkit-transition: border-color .15s ease-in-out;
    -o-transition: border-color ease-in-out .15s;
    transition: border-color .15s ease-in-out;
    display: block;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
}
.ceo-tougao-ys p,.ceo-tougao-ysz p{
    font-size: 12px;
    color: #aaa;
}
.ceo-tougao-shux{
    width: 4%!important;
}
.ceo-tougao-shux h4{
    display: inline-block;
    font-size: 15px;
    line-height: 34px;
    font-weight: 400;
    color: #666!important;
}
.tougao-item-erphpdown {
	display:none
}
.tougao-item > p {
	font-size:12px;
	color:#aaa;
	margin:0
}
.tougao-item .tougao-select label {
	margin-right:10px;
	cursor: pointer;
}
.tougao-item {
	margin-bottom:20px;
	position: relative;
	margin-left: 15px;
}
.tougao-item label {
	font-weight:unset;
}
.tougao-item {
	margin-bottom:0px;
	position: relative;
	top: -28px;
}
.tougao-item-erphpdown {
	display:none
}
.tougao-item > label {
	font-weight: 400;
	margin-bottom: 9px;
	margin-top: 16px;
}
.tougao-item > p {
	font-size:12px;
	color:#aaa;
	margin:0
}
.tougao-item .tougao-input {
	width:100%;
	border:1px solid #eaeaea;
	padding:10px 12px;
	display:block;
	border-radius: 3px;
}
.tougao-item .tougao-input2 {
	padding-right: 60px;
}
.tougao-item .tougao-btn {
	background:#ff5f33;
	color:#fff;
	border:none;
	border-radius:3px;
	padding:8px 30px;
	cursor:pointer
}
.tougao-item .tougao-tax {
	display: inline-block;
}
.tougao-item .tougao-select {
	display: inline-block;
}
.tougao-item .tougao-select label {
	margin-right:10px;
	cursor: pointer;
}
.tougao-item .tougao-select .postform {
	border: 1px solid #eaeaea;
	height: 29px;
	line-height: 29px;
	background: transparent;
	border-radius: 3px;
	padding: 2px 5px;
}
.tougao-item .upload-wrap {
	position: absolute;
	right: 12px;
	top:26px;
	color:#999;
}
.tougao-item .upload-wrap a {
	color:#999;
}
.tougao-item .upload-wrap .file-progress {
	position: relative;
	top: 6px;
}
.tougao-item .upload-wrap .icon {
	font-size: 22px;
	top:0;
}
.tougao-item-title {
	margin-left: 32px;
    display: inline-block;
    font-size: 15px;
    line-height: 34px;
    font-weight: 400;
    color: #666;
}
@media screen and (min-width: 979px) {
	.tougao-item {
    	margin-left: 77px;
    }
}
@media screen and (max-width: 978px) {
    .post-form {
        padding: 20px 0;
    }
    .tougao-item-title{
        display:none;
    }
    .tougao-item {
        top: auto;
    }
    .ceo-tougao-ys {
        padding: 10px 30px 10px 13px!important;
    }
    .ceo-tougao-shux {
        width: 100%!important;
    }
    .ceo-tougao-ysz {
        padding: 10px 30px 10px 0px!important;
    }
}

/*
* ------------------------------------------------------------------------------
* 单页合集样式
* ------------------------------------------------------------------------------
*/
.page-about {}

.page-menu {
}

.page-menu ul {}

.page-menu ul li {
	padding: 20px;
	margin: 0;
	text-indent: 20px
}

.page-menu ul li:last-child {
	border: none
}

.page-menu ul li a {
	display: block;
	color: #888;
	font-size: 15px;
}
.page-menu ul li a:hover{
    color: #2c63ff!important
}
.page-menu .current-menu-item a {
	position: relative;
	font-weight: bold;
	color: #2c63ff!important
}

.page-menu .current-menu-item a::after {
	content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    background: #2c63ff;
    left: 0;
    top: 9px;
    box-shadow: 3px 0px 10px -1px #2c63ff;
    border-radius: 50px;
}

.page-main {
}
/*
 * ------------------------------------------------------------------------------
 * 底部宣传模块
 * ------------------------------------------------------------------------------
 */
.ceo-footer-new{
    z-index: 9999;
    position: fixed;
    left: 50%;
    bottom: 30px;
    max-width: 920px;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    background-color: #fff;
    box-shadow: 0 20px 40px 0 rgba(0,0,0,.1);
    border-radius: 50px;
    padding: 15px 20px;
    line-height: 33px;
    box-sizing: border-box;
}
.ceo-footer-newbox{
    
}
.ceo-footer-newbox a.newwen{
    color: #666;
}
.ceo-footer-newbox a.newwen:hover{
    color: #f0506e;
}
.ceo-footer-newbox a.newbtn{
    display: inline-block;
    text-align: center;
    font-size: 14px;
    width: 110px;
    height: 33px;
    line-height: 33px;
    margin-left: 100px;
    color: #fff;
    border-radius: 50px;
    background: var(--primary-color);
}
.ceo-footer-newbox a.newbtn:hover{
    box-shadow: 0px 6px 16px 2px rgba(55, 110, 242, 0.49);
}
.ceo-footer-newbox a.newwen em{
    margin-right: 10px;
    animation: my-face 5s infinite ease-in-out;
    display: inline-block;
}
@-webkit-keyframes my-face {

    2%,
    24%,
    80% {
    -webkit-transform: translate(0, 1.5px) rotate(1.5deg);
    transform: translate(0, 1.5px) rotate(1.5deg)
    }

    4%,
    68%,
    98% {
    -webkit-transform: translate(0, -1.5px) rotate(-.5deg);
    transform: translate(0, -1.5px) rotate(-.5deg)
    }

    38%,
    6% {
    -webkit-transform: translate(0, 1.5px) rotate(-1.5deg);
    transform: translate(0, 1.5px) rotate(-1.5deg)
    }

    8%,
    86% {
    -webkit-transform: translate(0, -1.5px) rotate(-1.5deg);
    transform: translate(0, -1.5px) rotate(-1.5deg)
    }

    10%,
    72% {
    -webkit-transform: translate(0, 2.5px) rotate(1.5deg);
    transform: translate(0, 2.5px) rotate(1.5deg)
    }

    12%,
    64%,
    78%,
    96% {
    -webkit-transform: translate(0, -.5px) rotate(1.5deg);
    transform: translate(0, -.5px) rotate(1.5deg)
    }

    14%,
    54% {
    -webkit-transform: translate(0, -1.5px) rotate(1.5deg);
    transform: translate(0, -1.5px) rotate(1.5deg)
    }

    16% {
    -webkit-transform: translate(0, -.5px) rotate(-1.5deg);
    transform: translate(0, -.5px) rotate(-1.5deg)
    }

    18%,
    22% {
    -webkit-transform: translate(0, .5px) rotate(-1.5deg);
    transform: translate(0, .5px) rotate(-1.5deg)
    }

    20%,
    36%,
    46% {
    -webkit-transform: translate(0, -1.5px) rotate(2.5deg);
    transform: translate(0, -1.5px) rotate(2.5deg)
    }

    26%,
    50% {
    -webkit-transform: translate(0, .5px) rotate(.5deg);
    transform: translate(0, .5px) rotate(.5deg)
    }

    28% {
    -webkit-transform: translate(0, .5px) rotate(1.5deg);
    transform: translate(0, .5px) rotate(1.5deg)
    }

    30%,
    40%,
    62%,
    76%,
    88% {
    -webkit-transform: translate(0, -.5px) rotate(2.5deg);
    transform: translate(0, -.5px) rotate(2.5deg)
    }

    32%,
    34%,
    66% {
    -webkit-transform: translate(0, 1.5px) rotate(-.5deg);
    transform: translate(0, 1.5px) rotate(-.5deg)
    }

    42% {
    -webkit-transform: translate(0, 2.5px) rotate(-1.5deg);
    transform: translate(0, 2.5px) rotate(-1.5deg)
    }

    44%,
    70% {
    -webkit-transform: translate(0, 1.5px) rotate(.5deg);
    transform: translate(0, 1.5px) rotate(.5deg)
    }

    48%,
    74%,
    82% {
    -webkit-transform: translate(0, -.5px) rotate(.5deg);
    transform: translate(0, -.5px) rotate(.5deg)
    }

    52%,
    56%,
    60% {
    -webkit-transform: translate(0, 2.5px) rotate(2.5deg);
    transform: translate(0, 2.5px) rotate(2.5deg)
    }

    58% {
    -webkit-transform: translate(0, .5px) rotate(2.5deg);
    transform: translate(0, .5px) rotate(2.5deg)
    }

    84% {
    -webkit-transform: translate(0, 1.5px) rotate(2.5deg);
    transform: translate(0, 1.5px) rotate(2.5deg)
    }

    90% {
    -webkit-transform: translate(0, 2.5px) rotate(-.5deg);
    transform: translate(0, 2.5px) rotate(-.5deg)
    }

    92% {
    -webkit-transform: translate(0, .5px) rotate(-.5deg);
    transform: translate(0, .5px) rotate(-.5deg)
    }

    94% {
    -webkit-transform: translate(0, 2.5px) rotate(.5deg);
    transform: translate(0, 2.5px) rotate(.5deg)
    }

    0%,
    100% {
    -webkit-transform: translate(0, 0) rotate(0);
    transform: translate(0, 0) rotate(0)
    }
    }

    @keyframes my-face {

    2%,
    24%,
    80% {
    -webkit-transform: translate(0, 1.5px) rotate(1.5deg);
    transform: translate(0, 1.5px) rotate(1.5deg)
    }

    4%,
    68%,
    98% {
    -webkit-transform: translate(0, -1.5px) rotate(-.5deg);
    transform: translate(0, -1.5px) rotate(-.5deg)
    }

    38%,
    6% {
    -webkit-transform: translate(0, 1.5px) rotate(-1.5deg);
    transform: translate(0, 1.5px) rotate(-1.5deg)
    }

    8%,
    86% {
    -webkit-transform: translate(0, -1.5px) rotate(-1.5deg);
    transform: translate(0, -1.5px) rotate(-1.5deg)
    }

    10%,
    72% {
    -webkit-transform: translate(0, 2.5px) rotate(1.5deg);
    transform: translate(0, 2.5px) rotate(1.5deg)
    }

    12%,
    64%,
    78%,
    96% {
    -webkit-transform: translate(0, -.5px) rotate(1.5deg);
    transform: translate(0, -.5px) rotate(1.5deg)
    }

    14%,
    54% {
    -webkit-transform: translate(0, -1.5px) rotate(1.5deg);
    transform: translate(0, -1.5px) rotate(1.5deg)
    }

    16% {
    -webkit-transform: translate(0, -.5px) rotate(-1.5deg);
    transform: translate(0, -.5px) rotate(-1.5deg)
    }

    18%,
    22% {
    -webkit-transform: translate(0, .5px) rotate(-1.5deg);
    transform: translate(0, .5px) rotate(-1.5deg)
    }

    20%,
    36%,
    46% {
    -webkit-transform: translate(0, -1.5px) rotate(2.5deg);
    transform: translate(0, -1.5px) rotate(2.5deg)
    }

    26%,
    50% {
    -webkit-transform: translate(0, .5px) rotate(.5deg);
    transform: translate(0, .5px) rotate(.5deg)
    }

    28% {
    -webkit-transform: translate(0, .5px) rotate(1.5deg);
    transform: translate(0, .5px) rotate(1.5deg)
    }

    30%,
    40%,
    62%,
    76%,
    88% {
    -webkit-transform: translate(0, -.5px) rotate(2.5deg);
    transform: translate(0, -.5px) rotate(2.5deg)
    }

    32%,
    34%,
    66% {
    -webkit-transform: translate(0, 1.5px) rotate(-.5deg);
    transform: translate(0, 1.5px) rotate(-.5deg)
    }

    42% {
    -webkit-transform: translate(0, 2.5px) rotate(-1.5deg);
    transform: translate(0, 2.5px) rotate(-1.5deg)
    }

    44%,
    70% {
    -webkit-transform: translate(0, 1.5px) rotate(.5deg);
    transform: translate(0, 1.5px) rotate(.5deg)
    }

    48%,
    74%,
    82% {
    -webkit-transform: translate(0, -.5px) rotate(.5deg);
    transform: translate(0, -.5px) rotate(.5deg)
    }

    52%,
    56%,
    60% {
    -webkit-transform: translate(0, 2.5px) rotate(2.5deg);
    transform: translate(0, 2.5px) rotate(2.5deg)
    }

    58% {
    -webkit-transform: translate(0, .5px) rotate(2.5deg);
    transform: translate(0, .5px) rotate(2.5deg)
    }

    84% {
    -webkit-transform: translate(0, 1.5px) rotate(2.5deg);
    transform: translate(0, 1.5px) rotate(2.5deg)
    }

    90% {
    -webkit-transform: translate(0, 2.5px) rotate(-.5deg);
    transform: translate(0, 2.5px) rotate(-.5deg)
    }

    92% {
    -webkit-transform: translate(0, .5px) rotate(-.5deg);
    transform: translate(0, .5px) rotate(-.5deg)
    }

    94% {
    -webkit-transform: translate(0, 2.5px) rotate(.5deg);
    transform: translate(0, 2.5px) rotate(.5deg)
    }

    0%,
    100% {
    -webkit-transform: translate(0, 0) rotate(0);
    transform: translate(0, 0) rotate(0)
    }
}
/*
 * ------------------------------------------------------------------------------
 * 友链样式
 * ------------------------------------------------------------------------------
 */
.foot-link{
    font-size: 12px;
}
.link {
	padding: 20px 0;
	color: #4e5d75;
}
.link ul {
	list-style: none;
}
.link ul li {
	display: inline-block;
	font-size: 14px;
}
.link h2{
    display: none;
}
.link ul li a {
	color: #4e5d75;
	margin-right: 15px;
	font-size: 13px;
	transition: all .3s;
}
.link ul li a:hover {
	color: #7486a2;
}
/*
 * ------------------------------------------------------------------------------
 * 底部banner样式
 * ------------------------------------------------------------------------------
 */
.ceo-footer-banner{
    background-size: cover;
    height: 210px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}
.ceo-footer-banner-box{
    text-align: center;
    overflow: hidden;
    position: relative;
    z-index: 10;
}
.ceo-footer-banner-box p{
    font-size: 16px;
    color: #fff;
    margin-bottom: 10px;
    line-height: 24px;
}
.ceo-footer-banner-box h2{
    line-height: 50px;
    color: #fff;
    font-size: 30px;
    margin-bottom: 10px;
    margin-top: 25px;
}
.ceo-footer-banner-box a{
    display: block;
    width: 200px;
    margin: 20px auto;
    cursor: pointer;
    line-height: 42px;
    height: 42px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    border-radius: 4px;
    border: 1px solid #fff;
}
.ceo-footer-banner-box a:hover{
    background: #fff;
    color: var(--primary-color);
}
/*
 * ------------------------------------------------------------------------------
 * 底部样式
 * ------------------------------------------------------------------------------
 */
 .ceo_footer{
    background: #222C3C;
 }
 .ceo-footdibu{
    padding: 30px;
 }
 .ceo_footer_lo img{
    width: 150px;
 }
 .ceo_footer_lo p{
    color: #999;
    margin-top: 10px;
    font-size: 13px;
 }
.foot {}
.foot ul {}
.foot ul li {
	display: inline-block;
	margin-right: 30px;
}
.foot ul li a {
	font-size: 15px;
	color: #666;
}
.foot i {
	margin-left: 15px;
	color: #999;
	font-size: 20px;
	transition: all .3s;
}
.foot i:hover {
	color: #333;
}
.foot-cop {
	padding: 20px 0;
	background: #1D2431;
}
.foot-cop span {
	color: #59657b;
	font-size: 12px;
	position: relative;
	padding-right: 15px;
	margin-right: 10px;
}
.foot-cop a {
	color: #59657b
}
.foot-cop a:hover {
	color: #7486a2
}
.foot-cop span:after {
    content: '';
    width: 1px;
    height: 11px;
    background: #59657b;
    position: absolute;
    top: 4px;
    right: 0;
    opacity: .4;
}
.foot-cop span:last-child:after {
	display: none;
}
.foot-cop-zt{
    margin-bottom: 5px;
}
.foot-cop-y{
    
}
.foot-cop-y li{
    list-style: none;
    display: inline-block;
    margin-right: 5px;
}
.foot-cop-y li:last-child{
    margin-right: 0;
}
.foot-cop-y li a{
    display: block;
}
.foot-cop-y li a img{
    height: 36px;
}
.ceo-margin-medium-top-link{
    margin-top: 20px!important;
}
.ceo-gongan img {
    width: 16px;
    display: inline-block;
    transform: translateY(-18%);
    position: relative;
    margin-right: 3px;
}
.ceo-3hewx img{
    width: 100px;
}
.foot-item {
    color: #676b6f;
}
.foot-item .foot-item-title {
    font-size: 16px;
    margin-bottom: 10px;
    color: #fff;
}
.foot-item ul li {
    margin-top: 0!important;
    margin-bottom: 10px;
    float: left;
}
.foot-item ul li a {
    color: #676b6f;
    font-size: 14px;
}
.foot-item ul li a:hover{
    color: #fff;
}
/*
* ------------------------------------------------------------------------------
* 通知样式修改
* ------------------------------------------------------------------------------
*/
.ceo-notification-message {
	color: #fff;
	font-size: 14px
}
.ceo-notification-message .ceo-notification-close {
	display: none!important
}
.ceo-notification-message-primary {}
.ceo-notification-message-warning {
	background:#faa05a
}
.ceo-notification-message-success {
	background:#32d296
}
.ceo-notification-message-danger {
	background:#f0506e
}

/*
* ------------------------------------------------------------------------------
* VIP专享弹窗
* ------------------------------------------------------------------------------
*/
.modal-up-vipbox{
    width: 366px;
    border-radius: 12px;
}
.ceo-vip-zx{
    position: absolute !important;
    max-width: 100%;
    top: -92px;
    left: 0;
    right: 0;
}
.ceo-vip-zx-title{
    z-index: 1;
    position: relative !important;
    margin-top: -16px;
    text-align: center;
}
.ceo-vip-zx-title h3{
    color: #fff;
    text-shadow: 1px 1px 3px #333;
    font-size: 26px;
}
.ceo-vip-zx-minor{
    text-align: center;
    margin-top: 48px;
}
.ceo-vip-zx-minor span{
    color: #6f3a02;
    font-size: 20px;
    font-weight: bold;
}
.ceo-vip-zx-an{
    display: inline-block;
    width: 188px;
    height: 43px;
    background: linear-gradient(-125deg,#f6aa4f 0%, #ffd26e 100%);
    border-radius: 50px;
    color: #6f3a02!important;
    text-align: center;
    line-height: 43px;
    font-size: 18px;
    font-weight: bold;
    border: 1px solid #0000;
    margin: 20px 0 0 0;
}
.ceo-vip-zx-an:hover{
    background: linear-gradient(-125deg,#ffd26e 0%, #f6aa4f 100%);
}
/*
* ------------------------------------------------------------------------------
* 右下角跟随
* ------------------------------------------------------------------------------
*/
.gotop {
	position: fixed;
    bottom: 0;
    right: 0;
    margin: 30px;
    z-index: 999;
}
.gotop .gotop-boxan{
}
.gotop a:last-child {
	border: 0
}
.gotop-box{
    position: relative;
}
.gotop .gotop-item{
    color: #555;
    text-align: center;
    cursor: pointer;
    position: relative;
    border-radius: 4px;
    border-bottom: 1px solid #f8f8f8;
    box-shadow: 0 0px 6px 0 rgba(76,86,114,.12);
    width: 39px;
    height: 38px;
    line-height: 38px;
    box-sizing: initial;
    margin-bottom: 10px;
}
.gotop .gotop-item i {
	font-size: 18px!important;
	z-index: 2;
    position: relative;
}
.gotop .gotop-item:hover i{
    color: var(--primary-color);
}
.gotop .gotop-item a{
    color: #5f6575;
}
.gotop .gotop-item a:hover i{
    color: #fff;
}
.gotop .gotop-item a span.gotop-span:hover i{
    color: #fff;
}
.gotop .gotop-item a span.gotop-span {
    position: absolute;
    width: 75px;
    height: 32px;
    line-height: 32px;
    right: 0;
    top: 4px;
    padding-right: 35px;
    text-align: right;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    border-radius: 15px 0 0 15px;
    display: none;
    background: var(--primary-color);
}
.gotop .gotop-item a:hover .gotop-span{
    display:block;
}
.ceo-pt-wx{
    width: 300px;
}
.ceo-pt-wx img{
    height: 200px;
}
.ceo_follow_img{
    margin-bottom: 10px;
}
.ceo_follow_img a{
    animation: ceo_follow_img_swing 2.5s .15s linear infinite;
    display: block;
    margin: 0 auto;
    width: 36px;
    height: 63px;
    z-index: 10;
}
@keyframes ceo_follow_img_swing{
    10%{transform:rotate(15deg);}
    20%{transform:rotate(-10deg);}
    30%{transform:rotate(5deg);}
    40%{transform:rotate(-5deg);}
    50%,100%{transform:rotate(0deg);}
}
/*右下角客服*/
.gotop-service{
    position: relative;
}
.gotop-service:hover .gotop-service-box {
	display: block;
	transition: all .3s;
}
.gotop-service-box {
    display: none;
    position: absolute;
    z-index: 999;
    right: 45px;
    bottom: 0px;
    width: 150px;
    padding: 20px;
    text-align: center;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,.05);
    box-shadow: 0 0 3px 1px rgba(0,0,0,.05);
    transition: all .3s;
}
.gotop-service-box .you{
    bottom: 12px;
    right: -11px;
    position: absolute;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 11px solid #fff;
    z-index: 1010;
    float: left;
}
.gotop-service-box .tops{
    text-align: center;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #edf1f2;
}
.gotop-service-box .tops img{
    
}
.gotop-service-box .tops a{
    display: block;
    height: 26px;
    line-height: 26px;
    margin: 15px auto 10px auto;
    border: 1px solid #b5b9bc;
    font-size: 12px;
    border-radius: 4px;
}
.gotop-service-box .tops a:hover{
    background:#fff0;
    color: var(--primary-color)!important;
}
.gotop-service-box .tops p{
    font-size: 12px;
}
.gotop-service-box .btms{
    text-align: center;
}
.gotop-service-box .btms h5{
    font-size: 14px;
    color: #5f6575;
    font-weight: 500;
    margin-bottom: 10px;
    height: 20px;
    line-height: 20px;
}
.gotop-service-box .btms p{
    height: 25px;
    font-weight: 500;
    line-height: 25px;
    font-size: 18px;
    color: #4775FF;
    margin-bottom: 10px;
    display: inline-block;
}
.gotop-service-box .btms h4{
    font-size: 14px;
    color: #5f6575;
    font-weight: 500;
    margin-bottom: 5px;
    height: 20px;
    line-height: 20px;
}
.gotop-service-box .btms span{
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    font-size: 12px;
    color: #FF5151;
    margin-bottom: 10px;
}
/*右下角微信*/
.gotop-wx{
    position: relative;
}
.gotop-wx:hover .gotop-wx-box {
	display: block;
	transition: all .3s;
}
.gotop-wx-box {
    display: none;
    position: absolute;
    z-index: 999;
    right: 45px;
    bottom: 0px;
    width: 150px;
    padding: 20px;
    text-align: center;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,.05);
    box-shadow: 0 0 3px 1px rgba(0,0,0,.05);
    transition: all .3s;
}
.gotop-wx-box .you{
    bottom: 12px;
    right: -11px;
    position: absolute;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 11px solid #fff;
    z-index: 1010;
    float: left;
}
.gotop-wx-box .tops p{
    font-size: 12px;
    color: #5f6575;
    overflow: hidden;
    height: 23px;
    line-height: 23px;
}
.gotop-wx-box .tops img {
    width: 100%;
    height: 100%;
    display: block;
    margin-top: 10px;
    padding: 5px;
    border: 1px solid var(--border-color);
    margin: 10px auto 0px auto;
}
/*右下角二维码*/
.gotop-ma{
    position: relative;
}
.gotop-ma:hover .gotop-ma-box {
	display: block;
	transition: all .3s;
}
.gotop-ma-box {
    display: none;
    position: absolute;
    z-index: 999;
    right: 45px;
    bottom: 0px;
    width: 170px;
    padding: 10px;
    text-align: center;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,.05);
    box-shadow: 0 0 3px 1px rgba(0,0,0,.05);
    transition: all .3s;
    background: var(--primary-color);
}
.gotop-ma-box i{
    display: block;
    width: 31px;
    height: 5px;
    margin: 0 auto 10px;
    border-radius: 2px;
    background: #427df3;
}
.gotop-ma-box em{
    display: block;
    margin: 10px auto 0;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: #427df3;
}
.gotop-ma-box .tops{
    padding: 10px;
    background: #fff;
    border-radius: 4px;
    text-align: center;
}
.gotop-ma-box .tops p{
    font-size: 12px;
    color: #5f6575;
    overflow: hidden;
    height: 23px;
    line-height: 23px;
}
.gotop-ma-box .tops img {
    width: 100%;
    height: 100%;
    display: block;
    margin-top: 10px;
    margin: 10px auto 0px auto;
}
/*右下角天气*/
.gotop-weather{
    position: relative;
}
.gotop-weather:hover .gotop-weather-box {
	display: block;
	transition: all .3s;
}
.gotop-weather-box {
    display: none;
    position: absolute;
    z-index: 999;
    right: 45px;
    bottom: 0px;
    text-align: center;
    transition: all .3s;
}
/*
* ------------------------------------------------------------------------------
* 整体细节
* ------------------------------------------------------------------------------
*/

/*面包屑*/
.ceo-text-mianbaoxie i,.ceo-text-mianbaoxie a,.ceo-text-mianbaoxie span{
    color: #999;
    font-size: 12px !important;
}
.ceo-text-mianbaoxie a:hover{
    color: var(--primary-color) !important;
}
.ceo-catnav-wz {
    z-index: 1;
    margin-bottom: 40px;
    color: var(--mini-color)!important;
    box-shadow: 0px 6px 12px 0px rgb(205 205 205 / 22%);
    height: 49px;
    line-height: 49px;
}
.ceo-catnav-wz a{
    color: var(--mini-color)!important;
}
.ceo-catnav-wz a:hover{
    color: #333!important;
}
.ceo-catnav-wz span{
    color: var(--mini-color)!important;
}
.ceo-catnav-wz i{
    color: var(--mini-color)!important;
}

.ceo-fl-icon{
    font-size: 12px;
}
.ceo-fl-icon i{
    font-size: 14px !important;
    margin-right: 3px;
}
.ceo-fl-icon span{
    font-weight: bold;
    color: var(--primary-color)!important;
}
/*内页*/
.ceo-padding-20{
    padding: 20px;
}
.ceo-text-pu{
    position: relative;
    margin-bottom: 20px;
    padding: 20px;
}
/*搜索框*/
.ceo-ss-navbar{
    border-radius: 4px;
}
.ceo-modal-search{
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
}
/*资讯列表*/
.ceo-zx-ioc{
	display: block;
	height: 20px;
	width: 25px;
	background: url("/static/images/more_read.png");
}
.ceo-zx-ioc:hover{
	background: url("/static/images/more_read1.png");
}
.ceo-zx-titlebox{
	height: 24px;
    line-height: 25px;
}

.ceo-zx-title{
    font-size: 16px;
    display: inline-block;
    color: #333;
    padding-left: 30px;
    height: 24px;
}
.ceo-zx-titlebox li{
    color: var(--primary-color);
    font-size: 13px;
    margin-left: 5px;
    transform: translateY(-3%);
    position: relative;
    display: inline-block;
}
.ceo-zx-title i:hover{
    color: var(--primary-color);
}
.ceo-home-sanhang-title{
    transform: translateY(-20%);
    display: inline-block;
}
.ceo-kp1-z a i{
    color: #ccc;
    font-size: 20px !important;
}
.ceo-kp1-z a i:hover{
    color: var(--primary-color)!important;
}
.ceo-home-text-title a i{
    display: inline-block;
    position: relative;
    line-height: 28px;
    transform: translateY(18%);
    font-size: 20px;
    color: #ccc;
}
.ceo-home-text-title a i:hover{
    color: var(--primary-color)!important;
}
.ceo-blog-info-y span{
    margin-right: 20px;
}
.ceo-blog-info-y span:last-child{
    margin-right: 0px;
}

/*列表菜单*/
.ceo-category-blog{
}
.ceo-category-box{
    padding: 15px 20px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;  
}
.ceo-category-box:after{
    content: "";
    display: block;
    position: absolute;
    bottom: -25px;
    right: -3px;
    width: 80px;
    height: 80px;
    opacity: .3;
    background: url(/static/images/ceo-cat-mkbg.png) no-repeat center;
    background-size: cover;
}
.ceo-category-blog-box{
    position: relative;
    z-index: 1;
}
.ceo-category-blog-box ul{
    margin-bottom: 15px;
}
.ceo-category-blog-box ul:last-child{
    margin-bottom: 0px;
}
.ceo-category-blog-box ul li{
    display: inline-block;
    margin-right: 20px;
    height: 30px;
    line-height: 30px;
}
.ceo-category-blog-box ul li:last-child{
    margin-right: 0px;
}
.ceo-category-blog-box ul li a:hover{
    color: var(--primary-color);
}
.ceo-category-blog-box ul li strong {
    font-weight: 400;
    color: #333;
}
.ceo-category-blog-box ul .current-cat a{
    color: var(--primary-color);
}
/*列表菜单*/

/*左侧广告*/

/*左侧无限分类*/
.ceo-margin-left3{
	margin-top: 20px;
	border-radius: 3px;
}
.ceo-cat-img{
	padding-left: 0;
	/*margin-top: 10px;*/
}
.ceo-cat-hr{
	margin: 20px 0;
	overflow: visible;
    text-align: inherit;
    margin: 0 0 20px 0;
    border: 0;
    border-top: 1px solid #EFEFEF;
}
.ceo-catshow{
	padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(239,239,239,.8);
    overflow: hidden;
}
.ceo-catshow:last-child{
	padding-bottom: 20px;
    margin-bottom: 0px;
    border-bottom: 0px solid rgba(239,239,239,.8);
    overflow: hidden;
}
.ceo-catshow-show{
	position: relative;
}
.ceo-catshow-show .ceo-text-catfl{
	position: absolute;
    left: 31px;
    top: 10px;
    padding: 4px 8px;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    background-color: #000;
    filter: alpha(opacity=60);
    background: rgba(0,0,0,.6);
    border-radius: 3px;
    text-decoration: none;
}
.ceo-catshow-show .ceo-text-catfl:hover{
	background-color: var(--primary-color);
}
.ceo-catshow-top{
	color: #949494;
}
.ceo-catshow-top a{
	float: left;
	display: block;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	border-radius:12px;
}
.ceo-catshow-top a img{
	border-radius: 12px;
}
.ceo-cat-times{
	padding-bottom: 10px;
}
.ceo-cat-time{
	padding-left: 0;
}
.ceo-cat-conten{
	padding-left: 18px;
}
.ceo-cat-ions{
	
}
.ceo-cat-ions-z{
	margin-right: 6px;
	font-size: 13px;
	color: #999;
}
.ceo-cat-ions-z a{
	color: var(--primary-color);
}
.ceo-cat-ions-z i{
	margin-right: 3px;
}
.ceo-cat-ions img{
	border-radius: 50%!important;
	width: 20px;
    height: 20px;
}
.ceo-cat-ions-y{
	margin-right: 6px;
	font-size: 13px;
	color: #999;
}
.ceo-cat-ions-y i{
	margin-right: 3px;
}
.ceo-cat-texttitle{
	font-weight: 400;
    font-size: 18px;
    height: 33px;
}
.ceo-cat-text{
	color: #666;
    margin-top: 10px;
    margin-bottom: 18px;
    width: 633px;
    height: 58px;
    font-size: 13px;
    overflow: hidden;
}
.ceo-cattitle{
	float: left;
	padding-right: 10px;
	color: #666;
}
.ceo-cattitle a{

}
.ceo-comment-ico{
	float: right;
	margin-right: 10px;
	margin-top: 3px
}
.ceo-zcgg-img2{
	padding-left: 0;
	margin-bottom: 20px;
}
.ceo-zcgg-img2 img{
	margin-top: 0;
}
@media(max-width: 768px) {
	.ceo-cat-text{
		width: auto;
	}
	.ceo-cat-texttitle{
		overflow:hidden;
		width: 41%;
		height: 20px;
	}
	.ceo-cat-conten{
		width: 35%;
	}
	.ceo-cat-ahu{
		width: 120px;
	}
	.ceo-comment-ico{
		margin-right: 2px;
	}
	.ceo-cat-time{
		width: 120px;
	}
}
.ceo-cat-imgs-a{
	width: 100px;
	text-align: center;
	padding: 5px 7px;
	background: #ffffff61;
	border-radius: 10px;
}
.ceo-cat-imgs-a:hover{
	background: #0056FF;
}
.ceo-cat-imgs{
	height: 140px;
	border-radius: 5px;
	padding: 20px;
}
.ceo-h2s{
	width: 90%;
	height: 23px;
	overflow:hidden;
	margin-top: 10px;
	padding-left: 10px;
	font-size: 18px;
	font-weight: bold;
}
.ceo-h3s{
	width: 98%;
	height: 20px;
	overflow:hidden;
	margin-top: 10px;
	padding-left: 10px;
	font-size: 13px;
	font-weight: bold;
}
@media(max-width: 768px) {
	.ceo-cat-imgs{
		height: 70px;
	}
}
/*右侧广告模块*/
.side-zz{
}
.side-zz a{
    margin-bottom: 15px;
}
.side-zz a:last-child{
    margin-bottom: 0px;
}
/*右侧文字显示*/
.ceo-text-title{
	margin-left: 20px;
	font-size: 14px;
}
.ceo-cattitles{
	color: #0056FF;
	margin-right: 5px;
}
.ceo-text-conten{
	width: 100%;
	padding-left: 0px;
}
.ceo-sidebar-tuwen{
}
.ceo-sidebar-text-title{
    padding: 20px;
    line-height: 24px;
}
.ceo-sidebar-text-title i{
    font-size: 20px!important;
    color: #ccc;
}
.ceo-sidebar-text-title i:hover{
    color: #0056ff;
}
.ceo-sidebar-text-wen{
    padding: 0 20px;
}
.ceo-sidebar-text-winfo{
    font-size: 12px;
    color: var(--mini-color);
    margin-top: 10px;
}
.ceo-sidebar-text-winfo a{
    color: var(--mini-color);
}
.ceo-sidebar-text-winfo span{
    margin-left: 10px;
}
.ceo-sidebar-text-winfo i{
    font-size: 12px;
    color: var(--mini-color);
    margin-right: 3px;
    transform: translateY(1px);
    display: inline-block;
}
/*随机标签热门等样式优化*/
.ceo-tag-title{
	margin-bottom: 0;
}
.ceo-tag-left{
	padding-left: 0;
}
.ceo-tag-text{
	width: 140%;
	max-width:140%;
}
.ceo-jiaqun{
}
#ceo-tagscloud{
    width:250px;
    height:260px;
    position:relative;
    font-size:12px;
    color:#333;
    margin:0px auto 0;
    text-align:center;
    margin-top: -20px;
}
#ceo-tagscloud a{
    background: #0000;
    font-weight: 200;
    position:absolute;
    top:0px;
    left:0px;
    color:#333;
    text-decoration:none;
    margin:0 10px 15px 0;
    line-height:18px;
    text-align:center;
    font-size:15px;
    padding:1px 5px;
    display:inline-block;
    border-radius:3px;
}
#ceo-tagscloud a:hover{
    color:var(--primary-color)!important
}
/*footer底部*/
.ceo-maxdibu{
	background: #121212;
}
.ceo-padding-large-fo{
	padding: 0;
	margin: 0;
}
.ceo-containers{
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
	background: #242529;
}
.ceo-foot-cont{
	width: 1230px;
	margin: 0 auto;
	padding-left: 0;
}
.ceo-containers .ceo-grid .ceo-footdibu{
	margin: 30px auto;
}
.ceo-foot-urltit{
	float: left;
	margin: 20px auto;
}
.ceo-foot-urltit a{
	color: #ccc;
	font-size: 14px;
	font-weight: bold;
}
.ceo-footdibu .ceo-grid .ceo-width-1-3{
	padding-left: 20px;
	padding-right: 5%;
	float: left;
}
.ceo-dibu-tit{
	font-size: 15px;
	color: #ccc;
	margin-top: 5px;
	text-align: center;
}
.ceo-foot-right{
	/*margin-right: 3%!important;*/
}
.ceo-uls li a{
	color: #ccc;
	font-size: 14px;
	font-weight: bold;
}
.ceo-uls li{
	float: left;
	display: block;
	margin: 20px 10px!important;
	/*font-size: 16px;*/
}
.ceo-foot-maxdi{
	margin:0 auto 10px auto;
	align-content: center;
	width: 1260px;
}
@media(max-width: 768px) {
	.ceo-foot-cont{
		width: 100%;
	}
	.ceo-foot-maxdi{
		width: 100%;
	}
	.ceo-foot-cont{
		width: 100%;
	}
	.ceo-3he{
		padding:0 20px;
	}
	.ceo-3hewx{
		margin-top: 20px;
	}
	.ceo-maxdibu{
		display: none;
	}
	#footer{
		padding: 0!important;
	}
}

/*单页顶部优化*/
.ceo-tag-bg{
	height: 300px;
}
.ceo-tag-bgright{
	height: 300px;
}
.ceo-tag-bgleft{
	margin-top: 146px;
	color: #fff;
	text-align: left;
}
.ceo-tag-bgleft a{
	margin-top: 20px;
	color: #fff;
}
.ceo-tag-bgleft h3{
    position: relative;
}
.ceo-tag-bgleft p{
    font-size: 16px;
}
.ceo-hs{
	color: #fff;
	font-size: 30px;
    margin-bottom: 10px;
}
.ceo-align-lefts{
	float: left;
}
.ceo-cat-img{
	max-height: 143px;
    width: 229px;
    height: 143px;
}
@media(max-width: 768px) {
	.ceo-tag-bg{
		height: 150px;
		margin: auto;
	}
	.ceo-hs{
		text-align: center;
		font-size: 22px;
	}
	.ceo-tag-bgleft{
		margin-top: 60px!important;
	}
	.ceo-align-lefts{
		float: none;
	}
}
/*搜索页*/
.ceo-search-box{
    padding: 40px 0;
}
/*
* ------------------------------------------------------------------------------
* 问答社区
* ------------------------------------------------------------------------------
*/
/*编辑器*/
.csf-shortcode-button {
    display: none !important;
}
.screen-reader-text,.screen-reader-text span,.ui-helper-hidden-accessible {
    position: absolute;
    margin: -1px;
    padding: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    border: 0;
    word-wrap: normal!important
}
.error {
    border-color: #a94442;
}
.wp-editor-wrap.error .wp-editor-container {
    border-color: #a94442;
}
.media-modal {
    outline: 0;
}
/*编辑器*/
.ceo-cet-question-box{
    padding: 20px;
}
.ceo-cet-question-box .ask{
    display: block;
    height: 32px;
    line-height: 31px;
    padding: 0 16px;
    border-radius: 4px;
    border: 1px solid var(--primary-color);
    background: var(--primary-color);
    font-size: 12px;
    color: #fff;
}
.ceo-cet-question-box .ask:hover{
    background:#ffffff00;
    color: var(--primary-color);
}
.ceo-cet-question-box .ask i{
    margin-right: 3px;
}
.question-box-cat{
    margin-bottom: 20px;
}
.question-box-cat a{
    margin-right: 20px;
    padding: 5px 20px;
    border-radius: 4px;
    background-color: #f6f6f6;
    color: #646464;
    display: inline-block;
}
.question-box-cat a:hover{
    background-color: rgba(0,102,255,.08);
    color: #06f;
}
.question-box-cat a:last-child{
    margin-right: 0px;
}
.question-box-cat a.current{
    background-color: rgba(0,102,255,.08)!important;
    color: #06f!important;
}
.question-box-content{
    margin-top: 30px;
}
.question-box-tab{
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 10px;
    height: 36px;
    line-height: 36px;
}
.question-box-tab a.cd{
    color: var(--mini-color);
    margin-right: 20px;
    font-size: 15px;
}
.question-box-tab a.xz{
    position: relative;
    color: var(--primary-color);
}
.question-box-tab a.xz:after {
    content: '';
    position: absolute;
    bottom: -18px;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--primary-color);
}
.question-box-tab a:hover{
    color: var(--primary-color);
}
.question-box-list .question-box-list-loop{
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.question-box-list .question-box-list-loop:last-childp{
    border-bottom: 0px solid var(--border-color)!important;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.question-box-list-loop .info .item .btns a{
    display: block;
    padding: 0 10px;
    border-radius: 4px;
    border: 1px solid #99A9C2;
    font-size: 12px;
    color: #99A9C2;
}
.question-box-list-loop .info .item .btns a:hover{
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
}
.question-box-list-loop .info .item .cat a{
    color: var(--mini-color);
}
.question-box-list-loop .info .item .cat a:hover{
    color: var(--primary-color);
}
.question-box-list-loop .info .item .avatar{
    line-height: 0;
    width: 20px;
    height: 20px;
}
.question-box-list-loop a.quantity{
    display: inline-block;
    padding-top: 10px;
    width: 60px;
    height: 48px;
    border-radius: 4px;
    color: #555;
    background: #f6f6f6;
    font-size: 16px;
    text-align: center;
    line-height: 1.2;
    margin-right: 20px;
}
.question-box-list-loop a.xz {
    color: #06f!important;
    background: rgba(0,102,255,.08)!important;
}
.question-box-list-loop a.xz span{
    color: #06f!important;
}
.question-box-list-loop a.quantity span{
    display: block;
    font-size: 12px;
    color: var(--mini-color);
    margin-top: 3px;
}
.question-box-list-loop .info a.title{
    font-size: 18px;
    transition: all .3s;
    max-height: 27px;
    text-decoration: none;
    display: block;
    margin-bottom: 9px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.question-tj{
    color: #fff;
    background: var(--primary-color);
}
.ceo-question-tips{
    color: #777;
    background: #f9f9f9;
    font-size: 14px;
    line-height: 30px;
    padding: 20px 25px;
    border-radius: 8px;
    margin-top: 20px;
}
.ceo-question-tips span{
    color: var(--primary-color);
}
.ceo-question-tips span i{
    margin-right: 5px;
}
/*问答侧边栏*/
.ceo-sidebar-question-statistics{
    padding: 20px;
}
.question-statistics-box{
    margin-top: 20px;
}
.statistics-box-c {
    text-align: center;
}
.statistics-box-c span{
    display: block;
    font-size: 24px;
    font-weight: bold;
    color: #333;
}
.statistics-box-c span.wdtj{
    color: var(--primary-color)!important;
}
.statistics-box-c span p{
    font-size: 14px;
    color: #999;
}
.statistics-box-d{
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid var(--border-color);
}
.statistics-box-d .statistics-box-1{
    text-align: center;
    display: block;
    border: 1px solid var(--primary-color);
    background: var(--primary-color);
    border-radius: 4px;
}
.statistics-box-d .statistics-box-1 a{
    display: block;
    height: 30px;
    line-height: 29px;
    padding: 0 12px;
    font-size: 12px;
    color: #fff;
}
.statistics-box-d .statistics-box-2{
    text-align: center;
    display: block;
    border: 1px solid var(--primary-color);
    border-radius: 4px;
}
.statistics-box-d .statistics-box-2 a{
    display: block;
    height: 30px;
    line-height: 29px;
    padding: 0 12px;
    font-size: 12px;
    color: var(--primary-color);
}
.statistics-box-d .statistics-box-3{
    text-align: center;
    display: block;
    border: 1px solid var(--mini-color);
    border-radius: 4px;
}
.statistics-box-d .statistics-box-3 a{
    display: block;
    height: 30px;
    line-height: 29px;
    padding: 0 12px;
    font-size: 12px;
    color: var(--mini-color);
}
.ceo-sidebar-question-ad{
    
}
.ceo-sidebar-question-ad a{
    display: block;
}
.ceo-sidebar-question-ad a img{
    width: 100%;
}
.ceo-sidebar-question-search{
    padding: 20px;
}
.ceo-sidebar-question-search .ceo-form{
    margin-top: 20px;
}
.ceo-sidebar-question-tag{
    margin-top: 20px;
}
.ceo-sidebar-question-tag a{
    border-radius: 4px;
    background-color: rgba(0,102,255,.08);
    color: #06f;
    display: block;
    font-size: 12px;
    padding: 5px;
    text-align: center;
}
.ceo-sidebar-question-tag a:hover{
    background-color: #06f;
    color: #fff;
}
.ceo-sidebar-question-new{
    padding: 20px;
}
.question-new-box{
    margin-top: 20px;
}
.question-new-box-item{
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--border-color);
}
.question-new-box-item:last-child{
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px solid var(--border-color)!important;
}
.question-new-box-item a{
    font-size: 15px;
    margin-bottom: 5px;
}
.question-new-box-item a i{
    display: inline-block;
    width: 5px;
    height: 9px;
    background: url(/static/images/ceo-question-list.png) center no-repeat;
    margin-right: 6px;
}
.ceo-sidebar-question-knowledge{
    padding: 20px;
}
.ceo-sidebar-question-knowledge-mk{
    margin-top: 20px;
}
.question-knowledge-mk-li{
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--border-color);
}
.question-knowledge-mk-li:last-child{
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px solid var(--border-color)!important;
}
.question-knowledge-mk-li span.q-z{
    display: block;
    float: left;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    color: #BDBDBD;
    margin-right: 15px;
    font-weight: 600;
}
.question-knowledge-mk-li span.q-z1{
    color: #E80404;
}
.question-knowledge-mk-li span.q-z2{
    color: #F46300;
}
.question-knowledge-mk-li span.q-z3{
    color: #FDB500;
}
.question-knowledge-mk-li img{
    display: block;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    border-radius: 100%;
    box-shadow: 0 0.2rem 0.8rem rgba(51,51,51,.15);
}
.question-knowledge-mk-li .q-q{
    height: 25px;
    line-height: 25px;
}
.question-knowledge-mk-li .q-q p{
    color: var(--primary-color);
    font-size: 12px!important;
}
.ceo-question-tj{
    background: url(/static/images/ceo-question-tj.png) left center no-repeat;
}
.ceo-question-qa{
    background: url(/static/images/ceo-question-qa.png) left center no-repeat;
}
.ceo-question-da{
    background: url(/static/images/ceo-question-da.png) left center no-repeat;
}
.ceo-question-hot{
    background: url(/static/images/ceo-question-hot.png) left center no-repeat;
}
/*问答内页*/
.single-question-head{
}
.single-question-head .info .avatar{
    line-height: 0;
    width: 20px;
    height: 20px;
}
.single-question-head a{
    color: #fff;
}
.single-question-head span{
    color: #fff;
}

.single-question-head .zt{
    color: #fff;
    font-size: 12px;
}
.single-question-head .zt em{
    background: #ED4747;
    font-size: 12px;
    color: #fff;
    padding: 0 5px;
    margin-right: 5px;
    border-radius: 24px;
}
.single-question-an{
    text-align: center;
    margin: 50px 0;
}
.single-question-an .dz{
    display: inline-block;
    height: 30px;
    line-height: 29px;
    padding: 0 24px;
    border-radius: 4px;
    border: 1px solid var(--primary-color);
    font-size: 14px;
    color: var(--primary-color);
    margin-right: 15px;
}
.single-question-an .dz:hover{
    background: var(--primary-color);
    color: #fff;
}
.single-question-an .post-edit-link{
    color: var(--mini-color);
}
.single-question-xq{
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 15px;
    margin-bottom: 30px;
}
.single-question-xq span{
    font-size: 16px;
    position: relative;
    color: #333;
    display: inline-block;
}
.single-question-xq span:after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #333;
}
/*
* ------------------------------------------------------------------------------
* 论坛
* ------------------------------------------------------------------------------
*/
/*论坛统计*/
.ceo-forum-statistics{
    margin-bottom: 20px;
    padding: 20px;
    height: 33px;
    line-height: 33px;
}
.ceo-forum-statistics .ceo-forum-z{
    padding-left: 30px;
    background: url(/static/images/ceo-question-tj.png) left center no-repeat;
}
.ceo-forum-statistics .ceo-forum-z span{
    display: inline-block;
    margin-right: 20px;
}
.ceo-forum-statistics .ceo-forum-z span:last-child{
    margin-right: 0px;
}
.ceo-forum-statistics .ceo-forum-z span p{
    display: inline-block;
    color: var(--primary-color);
}
.ceo-forum-statistics .ceo-forum-y .ask{
    display: block;
    height: 32px;
    line-height: 31px;
    padding: 0 16px;
    border-radius: 4px;
    border: 1px solid var(--primary-color);
    background: var(--primary-color);
    font-size: 12px;
    color: #fff;
}
.ceo-forum-statistics .ceo-forum-y .ask:hover{
    background:#ffffff00;
    color: var(--primary-color);
}
.ceo-forum-statistics .ceo-forum-y .ask i {
    margin-right: 3px;
}
/*论坛统计*/

/*论坛信息*/
.ceo-forum-catx{
    margin-bottom: 20px;
    padding: 20px;
}
.ceo-forum-catx img{
    width: 80px;
    height: 80px;
    border-radius: 4px;
}
.ceo-forum-catx h2{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}
.ceo-forum-catx span{
    margin-bottom: 5px;
    margin-right: 10px;
    display: inline-block;
}
.ceo-forum-catx p{
    font-size: 14px;
    color: #999;
}

.ceo-forum-catx .ceo-forum-catxy .return{
    border-radius: 50px;
    border: 1px solid #e2e2e2;
    box-shadow: 0px 3px 9px 0px rgba(205, 205, 205, 0.46);
    margin-right: 10px;
    padding: 7px;
}
.ceo-forum-catx .ceo-forum-catxy .return:hover{
    border: 1px solid var(--primary-color);
    background: var(--primary-color);
    color: #fff;
}
.ceo-forum-catx .ceo-forum-catxy .return i{
    font-size: 19px!important;
}
.ceo-forum-catx .ceo-forum-catxy .ask{
    display: inline-block;
    height: 32px;
    line-height: 31px;
    padding: 0 16px;
    border-radius: 4px;
    border: 1px solid var(--primary-color);
    background: var(--primary-color);
    font-size: 12px;
    color: #fff;
}
.ceo-forum-catx .ceo-forum-catxy .ask:hover{
    background:#ffffff00;
    color: var(--primary-color);
}
.ceo-forum-catx .ceo-forum-catxy .ask i{
    margin-right: 3px;
}
/*论坛信息*/

/*编辑器*/
.csf-shortcode-button {
    display: none !important;
}
.screen-reader-text,.screen-reader-text span,.ui-helper-hidden-accessible {
    position: absolute;
    margin: -1px;
    padding: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    border: 0;
    word-wrap: normal!important
}
.error {
    border-color: #a94442;
}
.wp-editor-wrap.error .wp-editor-container {
    border-color: #a94442;
}
.media-modal {
    outline: 0;
}
/*编辑器*/
.forum-box-content-mk{
    padding: 20px;
    box-shadow: 0px 6px 12px 0px rgb(205 205 205 / 22%);
}
.forum-box-content-mk .ceo-form .return{
    border-radius: 50px;
    border: 1px solid #e2e2e2;
    box-shadow: 0px 3px 9px 0px rgba(205, 205, 205, 0.46);
    margin-left: 10px;
    padding: 5px 10px;
    display: inline-block;
    transform: translateY(13px);
}
.forum-box-content-mk .ceo-form .return:hover{
    border: 1px solid var(--primary-color);
    background: var(--primary-color);
    color: #fff;
}
.forum-box-content-mk .ceo-form .return i{
    font-size: 19px!important;
}
.ceo-cet-forum-box{
    padding: 20px;
}
.forum-box-cat{
    margin-bottom: 20px;
}
.forum-box-cat a{
    padding: 20px;
    border-radius: 4px;
    background-color: #F5F6FA;
    color: #646464;
    display: block;
}
.forum-box-cat a:hover h2{
    color: var(--primary-color)!important;
}
.forum-box-cat a.current{
    color: var(--primary-color)!important;
    background: rgb(19 192 126 / 11%)!important;
}
.forum-box-cat a img{
    width: 80px;
    height: 80px;
    border-radius: 50px;
    box-shadow: 0px 3px 18px rgba(0,0,0,0.08);
}
.forum-box-cat a h2{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}
.forum-box-cat a span{
    margin-bottom: 5px;
    margin-right: 10px;
    display: inline-block;
}
.forum-box-cat a p{
    font-size: 12px;
    color: #999;
}
.forum-box-content{
    margin-top: 20px;
}
.forum-box-tab{
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 10px;
    height: 36px;
    line-height: 36px;
}
.forum-box-tab a.cd{
    color: var(--mini-color);
    margin-right: 20px;
    font-size: 15px;
}
.forum-box-tab a.xz{
    position: relative;
    color: var(--primary-color);
}
.forum-box-tab a.xz:after {
    content: '';
    position: absolute;
    bottom: -18px;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--primary-color);
}
.forum-box-tab a:hover{
    color: var(--primary-color);
}
.forum-box-list .forum-box-list-loop{
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.forum-box-list .forum-box-list-loop:last-childp{
    border-bottom: 0px solid var(--border-color)!important;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.forum-box-list-loop .item .cat a{
    color: var(--mini-color);
}
.forum-box-list-loop .item .cat a:hover{
    color: var(--primary-color);
}
.forum-box-list-loop a.quantity{
    display: inline-block;
    padding-top: 10px;
    width: 60px;
    height: 48px;
    border-radius: 4px;
    color: #555;
    background: #f6f6f6;
    font-size: 16px;
    text-align: center;
    line-height: 1.2;
    margin-right: 20px;
}
.forum-box-list-loop a.xz {
    color: var(--primary-color)!important;
    background: rgb(19 192 126 / 11%)!important;
}
.forum-box-list-loop a.xz span{
    color: var(--primary-color)!important;
}
.forum-box-list-loop a.quantity span{
    display: block;
    font-size: 12px;
    color: var(--mini-color);
    margin-top: 3px;
}
.forum-box-list-loop .info a.title{
    font-size: 16px;
    transition: all .3s;
    max-height: 27px;
    text-decoration: none;
    display: block;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.forum-tj{
    color: #fff;
    background: var(--primary-color);
}
.ceo-forum-tips{
    color: #777;
    background: #f9f9f9;
    font-size: 14px;
    line-height: 30px;
    padding: 20px 25px;
    border-radius: 8px;
    margin-top: 20px;
}
.ceo-forum-tips span{
    color: var(--primary-color);
}
.ceo-forum-tips span i{
    margin-right: 5px;
}
/*论坛侧边栏*/
.ceo-sidebar-forum-ad{
    
}
.ceo-sidebar-forum-ad a{
    display: block;
}
.ceo-sidebar-forum-ad a img{
    width: 100%;
}
.ceo-sidebar-forum-search{
    padding: 20px;
}
.ceo-sidebar-forum-search .ceo-form{
    margin-top: 20px;
}
.ceo-sidebar-forum-tag{
    margin-top: 20px;
}
.ceo-sidebar-forum-tag a{
    border-radius: 4px;
    color: var(--primary-color);
    background: rgba(0,102,255,.08);
    display: block;
    font-size: 12px;
    padding: 5px;
    text-align: center;
}
.ceo-sidebar-forum-tag a:hover{
    background-color: var(--primary-color);
    color: #fff;
}
.ceo-sidebar-forum-new{
    padding: 20px;
}
.forum-new-box{
    margin-top: 20px;
}
.forum-new-box-item{
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--border-color);
}
.forum-new-box-item:last-child{
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px solid var(--border-color)!important;
}
.forum-new-box-item a{
    font-size: 15px;
    margin-bottom: 5px;
}
.forum-new-box-item a i{
    display: inline-block;
    width: 12px;
    height: 15px;
    background: url(/static/images/ceo-forum-list.png) center no-repeat;
    margin-right: 6px;
    transform: translateY(2px);
}
.ceo-sidebar-forum-knowledge{
    padding: 20px;
}
.ceo-sidebar-forum-knowledge-mk{
    margin-top: 20px;
}
.forum-knowledge-mk-li{
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--border-color);
}
.forum-knowledge-mk-li:last-child{
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px solid var(--border-color)!important;
}
.forum-knowledge-mk-li span.q-z{
    display: block;
    float: left;
    line-height: 25px;
    font-size: 14px;
    color: #BDBDBD;
    margin-right: 15px;
    font-weight: 600;
    width: 25px;
    height: 25px;
}
.forum-knowledge-mk-li span.q-z1{
    background: url(/static/images/ceo-q-z1.png) no-repeat;
}
.forum-knowledge-mk-li span.q-z2{
    background: url(/static/images/ceo-q-z2.png) no-repeat;
}
.forum-knowledge-mk-li span.q-z3{
    background: url(/static/images/ceo-q-z3.png) no-repeat;
}
.forum-knowledge-mk-li span.q-z4{
    background: url(/static/images/ceo-q-z4.png) no-repeat;
}
.forum-knowledge-mk-li span.q-z5{
    background: url(/static/images/ceo-q-z5.png) no-repeat;
}
.forum-knowledge-mk-li img{
    display: block;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    border-radius: 100%;
    box-shadow: 0 0.2rem 0.8rem rgba(51,51,51,.15);
}
.forum-knowledge-mk-li .q-q{
    height: 25px;
    line-height: 25px;
}
.forum-knowledge-mk-li .q-q p{
    color: var(--primary-color);
    font-size: 12px!important;
}
.ceo-forum-qa{
    background: url(/static/images/ceo-question-qa.png) left center no-repeat;
}
.ceo-forum-da{
    background: url(/static/images/ceo-question-da.png) left center no-repeat;
}
.ceo-forum-hot{
    background: url(/static/images/ceo-question-hot.png) left center no-repeat;
}
/*论坛内页*/
.single-forum-head{
}
.single-forum-head a{
    color: #fff;
}
.single-forum-head span{
    color: #fff;
}

.single-forum-head .zt{
    color: #fff;
    font-size: 12px;
}
.single-forum-head .zt em{
    background: #ED4747;
    font-size: 12px;
    color: #fff;
    padding: 0 5px;
    margin-right: 5px;
    border-radius: 24px;
}
.single-forum-an{
    text-align: center;
    margin: 20px 0;
}
.single-forum-an .post-edit-link{
    color: var(--mini-color);
}
.single-forum-xq{
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 15px;
    margin-bottom: 30px;
}
.single-forum-xq span{
    font-size: 16px;
    position: relative;
    color: #333;
    display: inline-block;
}
.single-forum-xq span:after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #333;
}

.single-forum-fabulous{
    margin: 50px 0;
    text-align: center;
}
.single-forum-fabulous .dz{
    display: inline-block;
    height: 30px;
    line-height: 29px;
    padding: 0 24px;
    border-radius: 4px;
    border: 1px solid var(--primary-color);
    font-size: 14px;
    color: var(--primary-color);
}
.single-forum-fabulous .dz:hover{
    background: var(--primary-color);
    color: #fff;
}
/*
* ------------------------------------------------------------------------------
* VIP页面
* ------------------------------------------------------------------------------
*/
.ceo-vip-bg{
    margin-bottom: 40px;
}
.ceo-pages-vipbox{
    padding-bottom: 60px;
}
.ceo-pages-vip-box{
    margin-top: -60px;
}
.vip-box-mk-zt{
    text-align: center;
    box-shadow: 0 8px 16px rgba(0,0,0,.05);
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 4px;
    overflow: hidden;
}
.vip-box-mk-zt img{
    height: 52px;
    display: block;
    margin: 0 auto 10px auto;
}
.vip-box-mk-zt-top{
    text-align: center;
    position: relative;
    padding-bottom: 20px;
}
.vip-box-mk-zt-top-dj{
    font-size: 16px;
    color: #333;
    margin-bottom: 15px;
}
.vip-box-mk-zt-top-dj strong{
    font-size: 43px;
    margin: 0 5px;
}
.vip-box-mk-zt-top-pi{
    font-size: 14px;
    line-height: 27px;
    background-color: #f7faff;
    color: var(--primary-color);
    border-radius: 50px;
}
.vip-box-mk-zt-mbox{
    padding-top: 20px;
}
.vip-box-mk-zt-mbox-s{
    font-size: 14px;
    color: #777;
    line-height: 24px;
    overflow: hidden;
}
.vip-box-title{
    font-size: 14px;
    color: #999;
    margin-bottom: 10px;
    display: flex;
}
.vip-box-mk-zt-mbox-s li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.vip-box-mk-zt-mbox-s li:last-child{
    margin-bottom: 0px;
}
.vip-box-mk-zt-mbox-s li em{
    display: flex;
    color: #333;
    font-size: 14px;
}
.vip-box-mk-zt:hover a{
    opacity: .8;
}
.vip-box-mk-zt a{
    align-items: center;
    justify-content: center;
    background-color: var(--primary-color);
    color: #fff;
    font-size: 14px;
    width: 100%;
    margin-top: 20px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    transition: all .3s;
    display: flex;
}

.vip-box-mk-zts{
    box-shadow: 0px 0px 24px rgba(7,38,74,0.09);
    border-radius: 6px;
    text-align: center;
    padding: 30px;
    margin-top: 40px;
}
.vip-box-mk-zts .vip-box-mk-zt-i{
    margin-top: -75px;
}
.vip-box-mk-zts .vip-box-mk-zt-i i{
    padding: 15px 25px;
    font-size: 40px !important;
    color: var(--primary-color);
    border-radius: 50px;
    background: #fff;
    box-shadow: 0px 0px 24px rgba(7,38,74,0.09);
    margin-bottom: 25px;
}
.vip-box-mk-zts span{
    font-size: 18px;
    color: #333;
}
.vip-box-mk-zts p{
    margin-top: 10px;
    font-size: 13px;
}
.ceo-pages-problem{
    background-image: linear-gradient(to bottom, #fff, #f6f7fd);
    padding: 60px 0;
}
.problem-title{
    margin-top: 0;
    margin-bottom: 40px;
    text-align: center;
}
.problem-title h2{
    font-weight: bold;
    font-size: 28px;
    color: #333;
    margin-bottom: 10px;
}
.problem-title p{
    font-size: 16px;
    color: #999;
    margin-bottom: 10px;
}
.problem-box-mk-w{
    display: block;
    margin-bottom: 20px;
    border: 1px solid #eee;
    position: relative;
    font-size: 12px;
    color: #999;
    line-height: 1.8;
    border-radius: 5px;
    background: #fff;
    overflow: hidden;
}
.problem-box-mk-w h2{
    padding: 20px 30px;
    line-height: 26px;
    color: #333;
    font-size: 16px;
    font-weight: bold;
}
.problem-box-mk-w p{
    line-height: 24px;
    font-size: 14px;
    padding: 20px 30px;
    color: #999;
    border-top: 1px dotted #eee;
    overflow: hidden;
}
/*
* ------------------------------------------------------------------------------
* VIP页面2
* ------------------------------------------------------------------------------
*/
.ceo-vip2-bg{
    height: 680px;
}
.vip2-bg-title{
    margin-top: 146px;
    color: #fff;
    text-align: center;
}
.vip2-bg-title h3{
    font-size: 40px;
    font-weight: bold;
}
.vip2-bg-title ul{
    margin-top: 30px;
}
.vip2-bg-title ul li{
    display: inline-block;
    padding: 1rem;
    font-size: 14px;
    color: #fff;
    background: hsla(0,0%,100%,.1);
    border-radius: 6px;
    margin-right: 20px;
}
.vip2-bg-title ul li:last-child{
    margin-right: 0px;
}
.vip2-bg-title ul li i{
    margin-right: 5px;
    font-size: 16px!important;
}

.ceo-vip2-tc{
    position: relative;
    z-index: 1;
    margin-top: -320px;
}
.vip2-tc-box{
    border-radius: 6px;
    box-shadow: 0 4px 16px 0 rgba(0,0,0,.05);
}
.vip2-tc-box i.i{
    position: absolute;
    top: -16px;
    left: 50%;
    z-index: 1;
    width: 48px;
    height: 42px;
    transform: translateX(-50%);
    background: url(/static/images/ceo-vip2-v.svg) 0 0 no-repeat;
}
.vip2-tc-box-top{
    position: relative;
    padding: 3rem 1rem 2.5rem;
    text-align: center;
    border-radius: 6px 6px 0 0;
}
.ceo-vip2-tc .vip2-tc-boxmk:nth-child(1) .vip2-tc-box-top{
    background-image: linear-gradient(180deg,#c5dcff,#eaf6ff);
}
.ceo-vip2-tc .vip2-tc-boxmk:nth-child(2) .vip2-tc-box-top{
    background-image: linear-gradient(180deg,#ffe1b2,#fff9ed);
}
.vip2-tc-box-top .title{
    display: block;
    margin-bottom: 1rem;
    font-size: 24px;
    color: #1b1e24;
    letter-spacing: .58px;
}
.vip2-tc-box-top span{
    font-size: 14px;
    font-weight: 700;
    color: #ae0900;
    letter-spacing: .38px;
}
.vip2-tc-box-top span strong{
    font-size: 80px;
    line-height: 80px;
    letter-spacing: 2.17px;
}
.vip2-tc-box-top span p{
    position: relative;
    display: inline-block;
}
.vip2-tc-box-top span p em{
    position: absolute;
    bottom: 120%;
    left: 0;
    z-index: 1;
    width: 110px;
    height: 24px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #fff;
    letter-spacing: .38px;
    background: #ff372b;
    border-radius: 11.5px 11.5px 11.5px 0;
}
.vip2-tc-box-top p.p{
    display: block;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    font-size: 14px;
    color: #1b1e24;
    letter-spacing: .38px;
}
.vip2-tc-box-top a{
    width: 280px;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    color: #8d3800;
    background-image: linear-gradient(270deg,#ffc262,#ffdb96);
    border-radius: 4px;
    transition: all .35s;
}
.vip2-tc-box-boo{
    padding: 40px;
}
.vip2-tc-box-boo span{
    display: flex;
    align-items: center;
    font-weight: 700;
    color: #1a1b1c;
    font-size: 16px;
    margin-bottom: 20px;
}
.vip2-tc-box-boo li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    color: #5a5f69;
    margin-bottom: 20px;
}
.vip2-tc-box-boo li:last-child{
    margin-bottom: 0px;
}

.ceo-vip2-qy{
    padding: 100px 0;
}
.vip2-qy-title{
    text-align: center;
    margin-bottom: 40px;
}
.vip2-qy-title h2{
    font-size: 28px;
    font-weight: bold;
    color: #0B1D30;
    margin-bottom: 20px;
}
.vip2-qy-title p{
    font-size: 16px;
}
.vip2-tqyc-box{
    text-align: center;
    padding: 30px;
}
.vip2-tqyc-box img{
    height: 52px;
    display: block;
    margin: 0 auto;
}
.vip2-tqyc-box span{
    font-size: 16px;
    margin-top: 20px;
    display: block;
    margin-bottom: 20px;
    font-weight: bold;
    color: #333;
}
.vip2-tqyc-box p{
    
}
/*
* ------------------------------------------------------------------------------
* 网址导航
* ------------------------------------------------------------------------------
*/
.ceo-pages-site {
	margin-bottom: 40px;
}
.site-switcher {
	width: 600px;
}

.site-switcher-menu {}

.site-switcher-menu li {
	display: inline-block;
	padding-bottom: 5px;
    margin: 0 20px 20px 20px;
    margin-top: 0px!important;
}
.site-switcher-menu li span {
	cursor: pointer;
	font-size: 15px;
	color: #fff;
}
.site-switcher-menu .ceo-active {
	position: relative;
}
.site-switcher-menu .ceo-active::after {
	content: '';
    position: absolute;
    bottom: -3px;
    left: 12px;
    width: 5px;
    height: 5px;
    background: #ED4747;
    border-radius: 50px;
}
.site-switcher-main{
    box-shadow: 0 6px 20px -8px #e5f2ff;
}
.site-form input {
    width: 100%;
    border-radius: 4px;
    padding: 13px 0;
    text-indent: 1em;
    border: 0;
}
.site-form input:focus {
	outline: medium;
}

.site-form button {
	position: absolute;
	top: 7px;
	right: 0;
	border: 0;
	background: none;
	cursor: pointer;
	margin: 5px 10px;
	font-weight: bold;
	color: #54677b;
}

.sitenav {
    position: relative;
}
.sitenavbox{
    position: absolute;
    top: 95px;
    left: 100px;
    z-index: 1;
}
.sitenavbox span{
    text-align: center;
    display: block;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 10px;
    margin-top: 10px;
}
.sitenav li {
	list-style: none;
	margin-bottom: 10px;
}
.sitenav li:last-child {
	border: 0;
	margin-bottom: 0px;
}
.sitenav li a {
	color: #999;
	font-size:13px;
	min-width: 90px;
}
.sitenav li a:hover {
	color:#262626
}
.sitenav li i {
	font-size: 14px;
	color: #ddd;
	margin-right: 3px;
	transition: all .3s
}
.sitenav li a:hover i {
	margin-right: 6px
}
.sitenav li b {
	padding: 0 20px;
	border-right: 1px solid #eee;
}
.sitenav li b i {
	color: #aaa
}
.site-navbtn{
    text-align: center;
    padding: 0px 15px 15px 15px;
}
.site-navbtn a{
    line-height: 22px;
    font-size: 14px;
    border-radius: 4px;
    color: #fff;
    padding: 5px 0;
    display: block;
    background: var(--primary-color);
}

.site-submit{
    line-height: 51px;
    font-size: 15px;
    color: #fff!important;
    background: #2254f4;
    background: linear-gradient(270deg,#2254f4,#406dff);
    box-shadow: 0 12px 30px 0 rgba(34,84,244,.2);
}
.site-item{
    padding: 15px;
}
.site-box-img a{
    height: 135px;
    background: #f5f7fd;
}
.site-desc{
    margin-top: 10px;
    display: inline-block;
}
.site-desc a{
    font-size: 16px;
    margin-bottom: 20px;
    display: block;
}
.site-desc p{
    height: 58px;
    font-size: 13px;
    color: #999;
}
.site-desc em{
    position: relative;
}
.site-desc em:after {
    content: "";
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 40px;
    height: 1px;
    background-color: #ddd;
}
.site-top-bottom{
    margin-top: 30px;
    margin-bottom: 30px;
}
.section-title{
    margin-bottom: 30px;
    font-size: 16px;
}
.section-title a{
    font-weight: 400;
}
.switcher-title{
    margin-bottom: 30px;
    text-align: center;
    padding: 20px 0;
    font-size: 16px;
    box-shadow: 0px 6px 12px 0px rgb(205 205 205 / 22%);
}
.switcher-title li h3 a i{
    font-size: 16px!important;
    display: inline-block;
    transform: translateY(0px);
    margin-right: 3px;
} 
.site-ads{
    display: block;
    padding: 15px;
}
.site-ads img{
    height: 100px;
}
/*内页*/
.ceo-site-single{
    margin: 20px 0;
}
.site-box{
    padding: 20px;
}
.site-title span{
    padding-bottom: 12px;
    border-bottom: 2px solid #000;
    color: #262626;
    font-size: 15px;
}
.site-content{
    
}
.site-content ul{
    padding: 20px;
}
.site-content ul li{
    margin-bottom: 10px;
    font-size: 13px;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 10px;
}
.site-content ul li:last-child{
    margin-bottom: 0px;
    border-bottom: 0px solid #f1f1f1;
    padding-bottom: 0px;
}
.site-content-sp{
    padding: 20px;
}
.site-content-sp span{
    display: block;
}
.site-content-sp p{
    line-height: 2;
}
.site-side a{
    box-shadow: 0px 2px 10px 1px rgba(0,0,0,.03);
}
.site-side a img{
    height: 90px;
}
.site-box-tj{
    color: #fff!important;
    background: #2254f4;
    background: linear-gradient(270deg,#2254f4,#406dff);
    box-shadow: 0 12px 30px 0 rgba(34,84,244,.2);
    outline: 0;
    -webkit-transition: all .1s ease-out 0s;
    -o-transition: all .1s ease-out 0s;
    transition: all .1s ease-out 0s;
    font-size: 16px;
    border-radius: 4px;
    padding: 15px 0;
    display: block;
    text-align: center;
}
.site-box-tj:hover{
    background: linear-gradient(270deg,#406dff,#2254f4);
}
/*
* ------------------------------------------------------------------------------
* 定制服务
* ------------------------------------------------------------------------------
*/
.ceo-pages-apply-top{
    height: 1017px;
}
.web-top{
    text-align: center;
    margin-top: -280px;
}
.web-top-title{
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 60px;
}
.web-topbox{
    padding: 30px;
    box-shadow: 0px 12px 27px 0px rgba(36, 61, 164, 0.11);
}
.web-topbox img{
    width: 100px;
    height: 100px;
    display: block;
    margin: 0 auto 40px auto;
}
.web-topbox span{
    margin-top: 38px;
    font-size: 22px;
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
    display: block;
}
.web-topbox p{
    font-size: 14px;
    line-height: 2;
    margin-bottom: 20px;
    padding-bottom: 20px;
    color: #5b9fff;
}
.web-topbox em{
    display: block;
    width: 2px;
    height: 20px;
    margin: 0 auto;
    background-color: #5b9fff;
    margin-bottom: 20px;
}
.web-topbox .price{
    margin-bottom: 20px;
    color: #999;
}
.web-topbox .price i{
    color: #ff3434;
    margin: 0 3px;
    font-size: 20px;
    font-weight: bold;
}

.web-topbox .tc{
    
}
.web-topbox .tc li{
    margin-bottom: 20px;
}
.web-topbox .tc li:last-child{
    margin-bottom: 0px;
}

.web-topbox .an{
    
}
.web-topbox .an a{
    display: block;
    width: 168px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    background: var(--primary-color);
    color: #fff!important;
    border-radius: 5px;
    font-size: 14px;
    margin: 0 auto;
    margin-top: 30px;
    position: relative;
    overflow: hidden;
}
.anim {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}
.anim {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    transform: scale(0.4);
    transform-origin: -35% -35% 0;
}
.anim:before {
    position: relative;
    content: '';
    display: block;
    margin-top: 100%
}
.anim:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50%
}
.anim {
    -moz-animation: anim-out .75s;
    -webkit-animation: anim-out .75s;
    animation: anim-out .75s
}
.anim:after {
    -moz-animation: anim-out-pseudo .75s;
    -webkit-animation: anim-out-pseudo .75s;
    animation: anim-out-pseudo .75s
}
.anim, .anim:after {
    animation-iteration-count: infinite;
    animation-duration: 1.3s
}
@-webkit-keyframes anim-in {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

@-moz-keyframes anim-in {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

@-ms-keyframes anim-in {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

@keyframes anim-in {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

@-webkit-keyframes anim-in-pseudo {
    0% {
        background: rgba(0, 0, 0, 0.25)
    }
    100% {
        background: transparent
    }
}

@-moz-keyframes anim-in-pseudo {
    0% {
        background: rgba(0, 0, 0, 0.25)
    }
    100% {
        background: transparent
    }
}

@-ms-keyframes anim-in-pseudo {
    0% {
        background: rgba(0, 0, 0, 0.25)
    }
    100% {
        background: transparent
    }
}

@keyframes anim-in-pseudo {
    0% {
        background: rgba(0, 0, 0, 0.25)
    }
    100% {
        background: transparent
    }
}

@-webkit-keyframes anim-out {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

@-moz-keyframes anim-out {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

@-ms-keyframes anim-out {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

@keyframes anim-out {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

@-webkit-keyframes anim-out-pseudo {
    0% {
        background: rgba(0, 0, 0, 0.25)
    }
    100% {
        background: transparent
    }
}

@-moz-keyframes anim-out-pseudo {
    0% {
        background: rgba(0, 0, 0, 0.25)
    }
    100% {
        background: transparent
    }
}

@-ms-keyframes anim-out-pseudo {
    0% {
        background: rgba(0, 0, 0, 0.25)
    }
    100% {
        background: transparent
    }
}

@keyframes anim-out-pseudo {
    0% {
        background: rgba(0, 0, 0, 0.25)
    }
    100% {
        background: transparent
    }
}

/*常见问题*/
.web-qa{
    padding: 60px 0;
}
.web-qa-title{
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-bottom: 60px;
    text-align: center;
}
.web-qabox{
    box-shadow: 0px 0px 16px 0px rgba(225, 225, 225, 0.35);
    padding: 30px;
}
.web-qabox span{
    color: #333;
    font-size: 16px;
    font-weight: bold;
    display: block;
    background: url(/static/images/ceo-question-hot.png) left center no-repeat;
    padding-left: 30px;
    height: 24px;
    line-height: 24px;
}
.web-qabox p{
    margin-top: 15px;
    padding-top: 15px;
}
.web-qabox a{
    margin-top: 20px;
    display: block;
    color: var(--primary-color);
}
.web-qabox a i{
    margin-left: 3px;
}
/*------------------------------------------------------------------------------*/
.ceo-pages-apply{
    padding: 60px 0;
    margin-top: 60px;
}
.web-apply-title{
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 60px;
    text-align: center;
}
.ceo-apply-top{
    margin-bottom: 50px;
}
.ceo-apply-top-box{
    text-align: center;
}
.ceo-apply-top-box .ceo-apply-top-box-img{
    margin-bottom: 20px;
}
.ceo-apply-top-box .ceo-apply-top-box-img img{
    width: 50px;
    height: 50px;
}
.ceo-apply-top-box .ceo-apply-top-box-title{
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
    font-weight: bold;
}
.ceo-apply-top-box p{
    font-size: 14px;
    color: #666;
}
.ceo-apply-txt{
    text-align: left;
    color: #fff;
}
.ceo-pages-apply-box{
    position: relative;
    width: 800px;
    margin: 0 auto;
}
.ceo-pages-apply-box .loginForm{
	text-align: center;
}
.ceo-pages-apply-box .loginForm .ceo-width {
    max-width: 100%;
    width: 100%;
    border-radius: 4px;
    height: 139px;
    border: 0 none;
    margin-bottom: 20px;
    padding: 10px 10px;
    background: #fff;
    color: #666;
    border: 1px solid #e5e5e5;
    transition: 0.2s ease-in-out;
    transition-property: color, background-color, border;
}
.ceo_apple_is i{
    transform: translateY(18%);
    display: inline-block;
    font-size: 41px;
    color: #bdbdbd;
    margin-right: 5px;
}
.ceo-pages-apply-box .loginForm input[type="text"],
.ceo-pages-apply-box .loginForm input[type="password"],
.ceo-pages-apply-box .loginForm input[type="button"]{
    line-height: 45px;
	border: none;
	width: 100%;
	font-size: 12px;
	-webkit-appearance:none;
	border-radius:0;
    cursor: pointer;
}
.ceo-pages-apply-box .loginForm input[type="text"]{
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: 5px 3px;
	border: 1px solid #e5e5e5;
	border-radius: 4px!important;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    font-variant: tabular-nums;
    list-style: none;
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum","tnum";
    position: relative;
    display: inline-block;
    width: 100%;
    height: 45px;
    padding: 0px 80px 0px 11px;
    color: #fff;
    font-size: 14px;
    line-height: 45px;
    background-color: #fff0;
    background-image: none;
    margin: 10px 0 20px 0;
}
.ceo-pages-apply-box .loginForm input:focus{
    outline: none;
}
.ceo-pages-apply-box .loginForm input::-webkit-input-placeholder {
    color: #d4e7ff;
}

.ceo-pages-apply-box .loginForm input::-moz-placeholder {
    color: #d4e7ff;
}

.ceo-pages-apply-box .loginForm input:-moz-placeholder {
    color: #d4e7ff;
}

.ceo-pages-apply-box .loginForm input:-ms-input-placeholder {
    color: #d4e7ff;
}
.ceo-pages-apply-box .loginForm .userLogo{
	background-size: 18px!important;
}
.ceo-pages-apply-box .loginForm input[type="password"]{
	padding: 8px 0px 8px 30px;
	background-repeat: no-repeat;
	background-size: 18px;
	background-position: 5px 3px;
}
.ceo-pages-apply-box .loginForm .codeDiv{
	width: 230px;
	margin: 0px auto 20px auto;
	border-bottom: 1px solid rgb(215,215,215);
}
.ceo-pages-apply-box .loginForm .codeDiv input[type="text"]{
	margin: 0px;
	border: none;
}
.ceo-pages-apply-box .loginForm input[type="button"]{
	border-radius: 4px;
    color: var(--primary-color);
    background: #fff;
    box-shadow: 0 12px 30px 0 rgba(34,84,244,.2);
    font-size: 14px;
    width: 200px;
}
.ceo-pages-apply-box .otherBtn{
	font-size: 12px;
	text-align: center;
}
.ceo-pages-apply-box .otherBtn em{
	margin-left: 80px;
}
.ceo-pages-apply-box .otherBtn .findPwd{
	color: rgb(153,153,153);
}
.c-otherLogin{
	width: 100%;
	margin-top: 100px;
	margin: 100px 0px 40px 0px;
	text-align: center;
}
.c-otherLogin h1{
	color: rgb(153,153,153);
	font-size: 15px;
	margin-bottom: 20px;
}
.c-otherLogin .otherLogin {
	width: 35px;
	height: 35px;
	border: 1px solid rgb(215,215,215);
	display: inline-block;
	margin-right: 40px;
	border-radius: 50%;
	position: relative;
}
.c-otherLogin .otherLogin:last-child{
	margin-right: 0px;
}
.c-otherLogin .otherLogin img{
	width: 26px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -10px;
	margin-left: -13px;
}
.ceo-pages-apply-box .loginForm .codeImg{
	width: 75px;
	vertical-align: middle;
}

.ceo-pages-apply-box .loginForm .codeText{
}
.ceo-pages-apply-box .loginForm .codeBtn{
}


.ceo-pages-apply-box .loginForm .inputfile{
	 width: 120px !important;
}
.ceo-apply-sfz{
}
.ceo-apply-sfzimg{
    position: relative!important;
}
.applybat{
    position: absolute!important;
    max-width: 60px;
    right: 9px;
    top: 26%;
    line-height: 24px!important;
    font-size: 12px!important;
}
.extra-info{
    font-size: 12px;
    color: #fff;
    text-align: center;
    margin-top: 20px;
}

#fileyfz1,#fileyfz2{
	display:none;
}

/* 弹窗样式 */
.checkInputSuccessTip {
	width: 100%;
	position: fixed;
	display: none;
	top: 30%;
	text-align: center;
}

.checkInputSuccessTip span {
	display: inline-block;
	background-color: rgba(169, 251, 192, 0.5);
	font-size: 15px;
	color: green;
	padding: 6px 15px;
	border-radius: 10px;
}

.checkInputFallTip {
	width: 100%;
	position: fixed;
	display: none;
	top: 30%;
	text-align: center;
}

.checkInputFallTip span {
	display: inline-block;
	background-color: rgb(215, 215, 215);
	font-size: 12px;
	color: black;
	padding: 6px 15px;
	border-radius: 10px;
}

.checkInputTipFallHover {
	animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
	perspective: 1000px;
}

@keyframes shake {

	10%,
	90% {
		transform: translate3d(-1px, 0, 0);
	}

	20%,
	80% {
		transform: translate3d(2px, 0, 0);
	}

	30%,
	50%,
	70% {
		transform: translate3d(-4px, 0, 0);
	}

	40%,
	60% {
		transform: translate3d(4px, 0, 0);
	}
}
.apply-login{
    
}

.apply-login a{
    border-radius: 4px;
    color: var(--primary-color);
    background: #fff;
    box-shadow: 0 12px 30px 0 rgba(34,84,244,.2);
    font-size: 14px;
    width: 200px;
    line-height: 45px;
    padding: 1px 6px;
    display: inline-block;
}
/*
* ------------------------------------------------------------------------------
* 商城 《仕而优则学，学而优则仕。》
* ------------------------------------------------------------------------------
*/



/*
* ------------------------------------------------------------------------------
* 关注私信
* ------------------------------------------------------------------------------
*/
.ceo-gzsxbtn-box{
    padding: 0 20px;
}
.ceo-gzbtn{
    font-family: Microsoft yahei;
    color: #fff!important;
    outline: 0;
    -webkit-transition: all .1s ease-out 0s;
    -o-transition: all .1s ease-out 0s;
    transition: all .1s ease-out 0s;
    font-weight: 400;
    font-size: 13px;
    line-height: 33px;
    width: 100%;
    border-radius: 3px;
    display: block;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background: #4775FF;
    border: 1px solid #4775FF;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-transform: none;
    overflow: visible;
}
.ceo-gzbtn:hover{
    opacity: .8;
}
.ceo-gzbtn i{
    margin-right: 3px;
    font-size: 15px!important;
    display: inline-block;
    transform: translateY(1px);
}
.ceo-sxbtn{
    font-family: Microsoft yahei;
    color: #333!important;
    outline: 0;
    -webkit-transition: all .1s ease-out 0s;
    -o-transition: all .1s ease-out 0s;
    transition: all .1s ease-out 0s;
    font-weight: 400;
    font-size: 13px;
    line-height: 33px;
    width: 100%;
    border-radius: 3px;
    display: block;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid #eee;
    background: #f5f7fd;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-transform: none;
    overflow: visible;
}
.ceo-sxbtn:hover{
    opacity: .8;
}
.ceo-sxbtn i{
    margin-right: 3px;
    font-size: 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);
}
.modal-header .close i{
    font-size: 16px!important;
}
.modal-header:after,.modal-header:before {
    content: " ";
    display: table
}

.modal-header:after {
    clear: both
}

.modal-title {
    margin: 0;
    font-size: 18px;
    color: #333;
    font-weight: 400;
    line-height: 1
}

.modal-body {
    position: relative;
    padding: 15px;
    color: #606266
}

.modal-footer {
    padding: 10px 15px 15px;
    text-align: right
}
.modal-footer .btn{
    margin-left: 10px;
    color: var(--primary-color)!important;
    outline: 0;
    -webkit-transition: all .1s ease-out 0s;
    -o-transition: all .1s ease-out 0s;
    transition: all .1s ease-out 0s;
    font-weight: 400;
    padding: 6px 15px;
    font-size: 12px;
    line-height: 14px;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid var(--primary-color);
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-transform: none;
    overflow: visible;
}
.modal-footer:after,.modal-footer:before {
    content: " ";
    display: table
}

.modal-footer:after {
    clear: both
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 768px) {
    .modal-dialog {
        width:600px
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
        box-shadow: 0 5px 15px rgba(0,0,0,.5)
    }

    .modal-sm {
        width: 420px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width:900px
    }
}
/*私信弹窗*/
.modal-message .modal-dialog {
    width: 720px;
}
.modal-message .modal-title, .user-card-wrap {
    text-align: center;
}
.modal-message .modal-body {
    padding: 0;
}
.modal-message .modal-message-list {
    padding-left: 18px;
    padding-right: 18px;
    height: 365px;
    overflow-y: scroll;
}
.modal-message .message-sender {
    text-align: right;
}
.modal-message .modal-message-item {
    margin: 20px 0;
}
.modal-message .modal-message-time {
    padding-top: 10px;
    height: 16px;
    padding-bottom: 20px;
    font-size: 12px;
    text-align: center;
    color: #999;
    line-height: 16px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.modal-message .modal-message-inner {
    overflow: hidden;
}
.modal-message .modal-message-status {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.modal-message .message-sender .modal-message-content {
    margin-right: 14px;
    margin-left: 8px;
    text-align: left;
}
.modal-message .modal-message-content {
    position: relative;
    display: inline-block;
    max-width: 400px;
    min-height: 40px;
    margin-right: 8px;
    margin-left: 14px;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 12px;
    background: #f3f3f3;
    color: #444;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: pre-wrap;
    word-break: break-all;
    letter-spacing: .1px;
    border-radius: 5px;
}
.modal-message .message-sender .modal-message-content:before {
    left: auto;
    right: -15px;
    border: 8px solid transparent;
    border-left-color: #f3f3f3;
}
.modal-message .modal-message-content:before {
    position: absolute;
    left: -15px;
    top: 12px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-right-color: #f3f3f3;
    content: "";
}
.modal-message .modal-message-content .message-text {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 0;
    margin: 0;
}
.modal-message .modal-message-avatar, .user-card-loading img {
    display: inline-block;
    width: 40px;
    height: 40px;
    vertical-align: top;
}
.modal-message .modal-message-avatar img {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
}
.modal-message .modal-message-editor {
    position: relative;
    padding: 10px 0;
    border-top: 1px solid #efefef;
    text-align: right;
}
.modal-message .modal-message-editor .modal-message-smile {
    left: 12px;
    top: 4px;
    right: auto;
    bottom: auto;
}
.comment-form-smile, .modal-message-smile {
    position: absolute;
    right: 12px;
    bottom: 8px;
    z-index: 9;
    width: 28px;
    text-align: center;
    font-size: 26px;
    line-height: 28px;
    color: rgba(130,130,130,.7);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.modal-message .modal-message-text {
    display: block;
    padding: 10px 15px;
    margin-bottom: 10px;
    width: 100%;
    height: 90px;
    text-align: left;
    border: 0;
    resize: none;
    background: 0 0;
    color: #444;
    font-size: 14px;
    line-height: 20px;
    font-family: inherit;
    font-weight: inherit;
    overflow: hidden;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.modal-message .modal-message-send {
    padding: 0 15px;
    color: #999;
    line-height: 32px;
}
.modal-message .modal-message-send .btn-message {
    padding: 7px 18px;
    margin: 0 0 0 15px;
    vertical-align: top;
    font-weight: 400;
    border: 1px solid #dcdfe6;
    white-space: nowrap;
    font-size: 14px;
    line-height: 16px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    text-align: center;
    outline: 0;
    color: #fff!important;
    background: var(--primary-color);
}
.modal-message .modal-message-send .btn-message:hover{
    opacity: .8;
}
.modal-message-send .btn.disabled, .modal-message-send .btn[disabled], .modal-message-send fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}
@media (max-width: 900px){
    .modal-message .modal-dialog {
        width: 90%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .modal-message .modal-message-list {
        height: 300px;
    }
    .modal-message .modal-message-text {
        height: 80px;
    }
}
/*用户中心关注*/
.ceo-profile-main{
    padding: 20px;
}
.profile-tab{
    margin-bottom: 20px;
    font-size: 0;
    text-align: center;
}
.ceo-profile .profile-tab-item:hover{
    background: var(--primary-color);
    color: #fff!important;
    border: 1px solid var(--primary-color);
}
.ceo-profile .profile-tab-item.active {
    position: relative;
    color: var(--primary-color);
    border-color: var(--primary-color);
}
.ceo-profile .profile-tab-item:first-child {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.ceo-profile .profile-tab-item:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.ceo-profile .profile-tab-item {
    display: inline-block;
    padding: 0 35px;
    margin: 0 0 0 -1px;
    line-height: 34px;
    font-size: 14px;
    font-weight: 500;
    color: #262626;
    border: 1px solid #dcdfe6;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.profile-no-content{
    text-align: center;
}
.user-stats-item b, .user-stats-item span, .ceo-profile .profile-tab-content.active, .ceo-profile-main .profile-posts-list .item:hover .edit-link {
    display: block;
}
.ceo-profile .profile-tab-content, .ceo-profile .profile-tab-item:hover:after {
    display: none;
}
.ceo-profile .follow-item {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(239,239,239,.8);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.ceo-profile .follow-item:last-child{
    border-bottom: 0px solid rgba(239,239,239,.8)!important;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.ceo-profile .follow-item .follow-item-avatar a {
    display: block;
    width: 50px;
    height: 50px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.ceo-profile .follow-item .follow-item-avatar img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.modules-image .modules-image-inner>a>img, .ceo-profile .follow-item .follow-item-text {
    width: 100%;
}
.ceo-profile .follow-item .follow-item-text .follow-item-name {
    margin: 0 0 8px;
    padding: 0;
    border: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.ceo-profile .follow-item .follow-item-text .follow-item-name a {
    color: #333;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.ceo-profile .follow-item .follow-item-text .follow-item-desc {
    color: #5a5a5a;
    font-size: 14px;
    line-height: 22px;
}
.ceo-profile .follow-item .follow-item-action {
    width: 190px;
    vertical-align: middle;
    text-align: right;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.ceo-profile .follow-item .follow-item-action button:last-child {
    margin-right: 0;
}
.follow-item .follow-item-btns{
    margin-top: 8px;
}
.follow-item .follow-item-btns button{
    width: 100px;
}
/*
* ------------------------------------------------------------------------------
* 海报
* ------------------------------------------------------------------------------
*/
.mobile-share-bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: rgba(0,0,0,.5);
}
.mobile-share-wrap {
    position: fixed;
    width: 100%;
    height: 60%;
    left: 0;
    top: 60px;
    z-index: 100000;
    text-align: center
}

.mobile-share-wrap img {
    position: relative;
    max-height: 100%;
    max-width: 96%;
    width: auto;
    display: block;
    margin: 0 auto;
    border-radius: 6px;
}

.mobile-share-wrap .loading {
    display: inline-block;
    padding: 15px 25px;
    text-align: center;
    font-size: 14px;
    margin-top: 40%;
    line-height: 20px;
    color: #666;
    background: #fff;
    border-radius: 3px
}

.mobile-share-wrap .loading img {
    display: block;
    width: 30px;
    height: 30px;
    margin-bottom: 10px
}
@media (max-width: 900px) {
    .mobile-share-bg .top_tips{
        display: block;
        z-index: 9;
        height: 32px;
        line-height: 32px;
        font-size: 14px;
        background: rgba(255,235,155,.95);
        color: #a65018;
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        text-align: center;
    }
    .mobile-share-wrap img {
        max-width: 90%;
    }
}
@media (min-width: 901px) {
    .mobile-share-wrap .loading {
        padding:15px 30px;
        margin-top: 50px
    }
    .mobile-share-bg .top_tips{
        display: none!important;
    }
}

.mobile-share-wrap .mobile-share-close {
    position: relative;
    display: inline-block;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    font-size: 20px;
    line-height: 40px;
    font-weight: 300;
    color: #333;
    border-radius: 50%;
    background: #fefefe;
    text-align: center;
    vertical-align: top;
    font-family: serif;
    -webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 1px 0 rgba(0,0,0,.2);
    cursor: pointer;
}

/*
* ------------------------------------------------------------------------------
* 加载
* ------------------------------------------------------------------------------
*/
.ajaxBtnIndex{
}
.ajaxBtnIndex a {
    display: inline-block;
    width: 140px;
    margin: 0 auto;
    text-align: center;
    background: var(--primary-color);
    box-shadow: 0 3px 10px -6px var(--primary-color);
    color: #fff!important;
    padding: 8px 0;
    border-radius: 4px;
    font-size: 14px;
    transition: all .3s;
}
.ajaxBtnIndex a:hover{
    opacity: .8;
}

@media screen and (max-width: 600px) {
    main .index-slide {
        width: 100%;
    }

    .index-slide .ceo-gundong{
        margin-left:10px;
    }

    
    .index-slide-left,.index-slide-left .ceo-imgcon{
        width: 100%;
    }
    .index-slide-left .ceo-card-default{
        width: 50%;
    }
    .index-slide-left .ceo-news-mk{
        display: none;
    }
}

/*
* ------------------------------------------------------------------------------
* 手机端
* ------------------------------------------------------------------------------
*/
/*手机中部菜单*/
.ceo-app-icobox{
    padding: 30px 0;
}
.ceo-app-icobox a{
    display: block;
    text-align: center;
}
.ceo-app-icobox a img{
    height: 35px;
}
.ceo-app-icobox a p{
    font-size: 12px;
    margin-top: 6px;
    color: #666;
}
/*手机底部菜单*/
.ceo-app-footer-fixed{
    position: fixed!important;
    bottom: 0;
    left: 0;
}
.ceo-app-footer {
    width: 100%;
    position: relative;
    z-index: 999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 0;
    background: #fefefe;
    border-top: 1px solid var(--border-color)!important;
}
.ceo-app-footer a{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #666;
    position: relative;
}
.ceo-app-footer a .icon{
    color: #666;
}
.ceo-app-footer a .icon i{
    color: #666;
    font-size: 16px!important;
}
.ceo-app-footer a .text{
    display: inline-block;
    font-size: 0.65rem;
    color: #666;
    padding-top: 2px;
}
.ceo-app-footer a.cat .icon i{
    display: block;
    background: linear-gradient(270deg,#13adff,#406dff);
    color: #fff!important;
    border-radius: 50%;
    padding: 5px 10px;
    margin-top: -23px;
    margin-bottom: 6px;
    font-size: 20px !important;
}

/*手机全局适应*/
@media (max-width: 768px) {
	.ceo-imgtext{
		padding-left: 0;
		margin-left: 0;
	}
	#ahov3{
		margin-left: -10px;
	}
}
/*手机优化*/
@media screen and (max-width: 800px) {
    .gotop {
        display:none!important;
    }
    .ceo-single-url{
        display:none!important;
    }
}


@media screen and (max-width: 900px) {
    .ceo_app_navbar{
        box-shadow: 0 5px 15px rgba(72, 125, 178, 0.1);
        z-index: 998;
        height: 60px;
        line-height: 60px;
    }
    .ceo_app_navbar .ceo-users-l{
        background: var(--primary-color);
        border-radius: 50px;
        margin-right: 0px;
        font-size: 12px;
        border: 0px solid #fff;
    }
    .ceo_app_navbar .logo img{
        height: 30px;
    }
    .ceo_app_navbar .navbar-user a img{
        height: 30px;
        width: 30px;
    }
    .ceo_app_navbar .navbar-user .ceo-margin-left {
        margin-left: 5px !important;
    }
    .ceo_app_navbar .search a{
        font-size: 13px;
        color: #333 !important;
    }
    .ceo_app_navbar .search input {
        min-width: 200px;
    }
    .ceo_app_navbar .search .ceo-navbar-search-a i {
        margin-right: 10px;
        margin-left: 20px;
    }
    .ceo-search-box {
        padding: 30px 0;
    }
    .ceo-home-bg {
        padding-top: 20px;
        height: 200px;
        max-height: 200px;
        margin-bottom: -200px;
    }
    .wp {
    	width: 100%;
    }
    .blog .item .title {
        margin-bottom: 10px;
        font-size: 13px;
        height: 38px;
        max-height: 38px;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        line-clamp: 2 !important;
        -webkit-box-orient: vertical;
        white-space: inherit;
    }
    .blog .item .thumb {
        width: 100px;
        height: 66px;
    }
    .blog .item {
        padding: 15px;
    }
    .blog .item .title .ceo-title-dd {
        margin-top: 1px;
        height: 14px;
        line-height: 14px;
    }
    .blog .item .thumb img {
        max-width: none;
    }
    .simple .item .title {
        font-size: 14px;
    }
    .slide_03 {
        height: 380px;
    }
    .slide_03 img {
        height: 100%;
        min-width: 100%;
        max-width: none;
        width: auto;
    }
    .slide_03 .slide_text {
        font-size: 20px;
    }
    .slide_03 .search input {
        height: 40px;
    }
    .slide_03 .search button {
        height: 40px;
    }

    .navBar_02 {
        padding: 0 15px;
    }
    .navBar_02 .topNav ul {
        max-width: 200px;
    }
    .navBar_02 .nav>ul {
        white-space: nowrap;
        overflow-x: overlay;
    }
    .navBar_02 .nav>ul::-webkit-scrollbar {
    	width: 10px;
    	height: 0px;
    	background-color: #fff;
    }

    .navBar_02 .nav>ul::-webkit-scrollbar-track {
    	background-color: #fff;
    }

    .navBar_02 .nav>ul::-webkit-scrollbar-thumb {
    	background-color: var(--primary-color);
    }
    .page-login {
        margin: 6% 15px;
    }
    .user-nav li {
        display: inline-block;
        margin-right: 20px;
    }
    .user-nav li a {
        color: #666;
        font-size: 14px;
    }
    .user-nav {
        padding: 0 15px;
        white-space: nowrap;
        overflow-x: scroll;
    }
    .user-nav::-webkit-scrollbar {
    	width: 10px;
    	height: 0;
    	background-color: #fff;
    }
    .user-comment {
        padding: 15px;
    }
    .user-question{
        padding: 15px;
    }
    .user-comment-item {
        overflow: hidden;
    }
    .home-modal-main {
        width: 90%;
        margin: 40px auto 0 auto;
    }
    .home-modal-btn {
        padding: 6px 20px;
        font-size: 13px;
    }
    .recommendCat .item {
        height: 100px;
    }
    .module-title .cat-nav a {
    	margin-left: 10px;
    }
    .single-card {
        padding: 5px;
    }
    .single-card .thumb {
        width: 62px;
        height: 38px;
        margin-right: 10px!important;
        border-radius: 3px!important;
    }
    .single-card .title {
        font-size: 13px;
        font-weight: normal!important;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        height: 36px;
    }
    .single-card .views {
        border-radius: 3px!important;
        font-size: 12px;
        padding: 3px 6px!important;
        margin-left: 10px!important;
    }
    footer {
        padding: 0px 0 60px 0!important
    }
    .ceo-button {
        padding: 0 8px;
        width: 100%;
        line-height: 30px;
    }
    .kapian-card-item-mk a.thumb {
        height: 68px;
    }
    .shop .item .thumb {
        height: 160px;
    }
    .ceo-footer-banner {
        height: 200px;
    }
    .ceo-footer-banner-box {
        padding: 0;
    }
    .ceo-footer-banner-box h2 {
        font-size: 16px;
    }
    .ceo-footer-banner-box p {
        font-size: 12px;
    }
    .ceo-footer-banner-box a {
        width: 160px;
        line-height: 30px;
        height: 30px;
        font-size: 12px;
    }
    .site-ads img {
        height: 60px;
    }
    .ceo-apply-top-title h2 {
        font-size: 25px;
    }
    .slide_02 .slide_dotnav {
        margin-bottom: 10px;
    }
    .card .item .thumb img{
        width: 100%;
    }
    .ceo-archives-container h3 {
        padding-left: 20px;
        margin-top: 20px;
    }
    .ceo-archives-container ol, .ceo-archives-container ul {
        padding-left: 20px;
        padding-right: 20px;
    }
    .page-about .ceo-padding {
        padding: 20px;
    }
    .single-content p {
        margin-bottom: 20px;
        font-size: 14px;
    }
    .single-content {
        padding: 20px;
    }
    blockquote {
        padding: 30px 20px;
    }
    .ceo-single-tese {
        margin: 1px 3px 0 0;
        height: 20px;
        padding: 0px 6px;
        font-size: 12px;
        line-height: 20px;
    }
    .single-head h1 {
        font-size: 16px;
    }
    .ceo-padding-20 .single-content{
        padding: 0px;
    }
    .ceo-single-abstract {
        padding: 15px;
        margin-bottom: 20px;
        margin-top: 0px;
    }
    .ceo-single-szcan {
        padding: 20px 0px;
    }
    .ceo-single-szcan-dz a {
        font-size: 12px;
        padding: 3px 13px;
    }
    .ceo-text-pu {
        padding: 15px;
    }
    .ceo-single-dashang-img {
        width: 249px;
        margin-left: -125px;
    }
    .ceo-single-dashang-img p {
        width: 110px;
    }
    .ceo-overlay {
        padding: 15px;
    }
    .ceo-single-xgbox .item .thumb {
        height: 130px;
    }
    .ceo-zcgg-img {
        padding: 10px;
    }
    .ceo-zx-ba a{
        width: 100%;
    }
    .module-title-index{
        padding: 15px;
        list-style: none;
        white-space: nowrap;
        overflow-x: auto !important;
    }
    .module-title-index::-webkit-scrollbar {
      display: none;
    }
    .ceo-module-title span {
        font-size: 14px;
    }
    .ceo-profile-main {
        padding: 15px;
    }
    .ceo-profile .follow-item .follow-item-avatar {
        width: 40px;
    }
    .ceo-profile .follow-item .follow-item-avatar a {
        width: 40px;
        height: 40px;
    }
    .ceo-profile .follow-item .follow-item-text .follow-item-name {
        margin: 0;
        font-size: 14px;
    }
    .ceo-profile .follow-item {
        display: inline-block;
    }
    .ceo-messages-box {
        padding: 15px;
    }
    .messages-item-title h4 {
        font-size: 14px;
    }
    .messages-item-btn {
        margin-top: 5px;
    }
    .modal-message .modal-message-content {
        max-width: 130px;
    }
    .user-comment-content {
        width: initial;
        padding: 15px;
    }
    .sitesubmit-p p {
        margin-left: 0px;
    }
    .sitesubmit-p .ceo-button{
        font-size: 14px;
        padding: 6px 15px;
        margin-left: 0px!important;
        margin-bottom: 10px;
    }
    .user-names-ts{
        display:none;
    }
    .user-set .user-set-head .avatar img{
        height: 40px;
        width: 40px;
    }
    .user-set .user-set-head .user-names {
        font-size: 14px;
    }
    .user-set .user-set-head .upload-avatar {
        width: auto;
        font-size: 12px;
    }
    .user-set-head .upload-form span {
        color: #fff;
        font-size: 12px;
    }
    .user-set .user-user-submit {
        padding: 6px 15px;
        line-height: 28px;
    }
    .user-content {
        min-height: 200px;
    }
    .ceo-profile .follow-item .follow-item-action {
        width: auto;
        text-align: center;
    }
    .ceo-single-tag-s-tags a {
        height: 23px;
        padding: 0 6px;
        font-size: 12px;
        line-height: 23px;
    }
    .share a {
        font-size: 12px;
    }
    .share a i{
        font-size: 12px!important;
    }
    .share-post:before {
        display: none !important;
    }
    .share .share-post {
        margin-right: 0px;
    }
    .ceo-single-author-d span {
        font-size: 12px!important;
    }
    .ceo-single-author-d p {
        flex: 1;
        min-width: 1px;
        display: none !important;
        font-size: 13px;
        color: #999;
    }
    .ceo-single-page{
        height: 71px!important;
    }
    .ceo-single-page span,.ceo-single-page a{
        font-size: 12px!important;
    }
    .module-title span {
        font-size: 14px!important;
    }
    .comments-title span {
        font-size: 14px;
    }
    .ceo-zx-title {
        font-size: 14px;
        height: 23px;
    }
    .ceo-zx-titlebox li {
        font-size: 12px;
        transform: translateY(-2%);
    }
    .ajaxBtnIndex a {
        font-size: 12px;
    }
    .ceo-sidebar-tuwen-dimg a {
        height: 160px;
    }
    .ceo-sidebar-tuwen-dimg a img{
        width: 100%;
    }
    .ceo-sidebar-tuwen-dimg-d {
        font-size: 12px;
        line-height: 18px;
    }
    .ceo-sidebar-tuwen-wen-a a {
        font-size: 12px;
    }
    .ceo-kp1-box {
        padding: 15px;
    }
    .ceo-kp1-title {
        font-size: 14px;
    }
    .ceo-reyi {
        font-size: 14px;
    }
    .ceo-relunbo {
        font-size: 12px;
    }
    .kapian-card-item-mk h2 {
        font-size: 12px;
    }
    .foot-link {
        display: none;
    }
    .ceo-footdibu {
        padding: 0;
        text-align: center;
    }
    .ceo-footdibu .ceo-grid .ceo-width-1-3 {
        padding-left: 20px;
        padding-right: inherit;
        float: initial;
    }
    .ceo_footer_lo img {
        width: auto;
        height: 36px;
    }
    .ceo-dibu-tit {
        font-size: 12px;
    }
    .foot-cop {
        display: none;
    }
    #ceo-tagscloud {
        width: 200px;
    }
    .single-content h2 {
        padding-left: 15px;
        font-size: 16px!important;
    }
    .single-content h2:after {
        height: 20px;
    }
    .single-content h3 {
        font-size: 14px!important;
        padding-left: 15px;
    }
    .single-content h3:after {
        top: 6px;
    }
    .single-content h1 {
        font-size: 16px!important;
        padding: 10px 10px 10px 15px;
    }
    .single-content h1:after {
        top: 6px;
    }
    .page-menu ul {
        padding: 0 15px;
        list-style: none;
        white-space: nowrap;
        overflow-x: auto !important;
    }
    .page-menu ul::-webkit-scrollbar {
      display: none;
    }
    .page-menu ul li {
    	display: inline-block;
        margin-right: 20px;
        padding: 15px 0;
        text-indent: inherit;
    }
    .page-menu .current-menu-item a::after {
        width: 0px;
    }
    .page-menu ul li a {
        font-size: 14px;
    }
    .user-title-top {
        padding: 15px;
    }
    .user-title-top h2 {
        font-size: 14px;
    }
    .messages-box-item-avatar {
        width: 25px;
        height: 25px;
    }
    .messages-box-item-avatar img {
        width: 25px;
        height: 25px;
    }
    .messages-item-content {
        padding-left: 35px;
    }
    .messages-item-text {
        font-size: 13px;
    }
    .comment-head .data {
        text-align: inherit;
    }
    .comment-list .children {
        margin-left: 0;
    }
    .comment-content {
        padding: 15px 0 0 0;
    }
    .ceo_app_navbar .ceo-margin-left.ceo-users-lore{
        margin-left: 5px !important;
    }
    .ceo_single_shop_box_img {
        height: 160px;
        width: auto;
    }
    .ceo_single_shop_box_img img{
        width: 100%;
    }
    .ceo_single_shop_box_cos_btn .cos_btn_price_an a.z {
        margin-right: 0px;
    }
    .ceo_single_shop_box_cos_btn .cos_btn_price_an {
        display: block;
    }
    .main_info_price_r {
        display: none;
    }
    .ceo_single_shop_box_cos_btn .cos_btn_price_an a.y {
        margin-top: 15px;
        display: block;
        width: 100%;
        padding: 0;
    }
    .ceo_single_shop_box_cos_btn .cos_btn_price_an a.x{
        margin-top: 15px;
        margin-right: 0;
        width: 100%;
        padding: 0;
    }
    .question-box-cat{
        padding: 15px;
        list-style: none;
        white-space: nowrap;
        overflow-x: auto !important;
    }
    .question-box-cat::-webkit-scrollbar {
        display: none;
    }
    .question-box-tab ul{
        list-style: none;
        white-space: nowrap;
        overflow-x: auto !important;
    }
    .question-box-tab ul::-webkit-scrollbar {
        display: none;
    }
    .question-box-tab ul a{
        font-size: 13px!important;
    }
    .question-box-tab a.xz:after{
        display: none;
    }
    .ceo-cet-question-box .ask {
        height: 28px;
        line-height: 27px;
        padding: 0 12px;
        margin-left: 10px;
    }
    .question-box-tab {
        line-height: 31px;
    }
    .question-box-list-loop .info a.title {
        font-size: 15px;
    }
    .question-box-list-loop a.quantity {
        margin-right: 15px;
    }
    .ceo-cet-question-box {
        padding: 15px;
    }
    .question-box-list-loop .info .btns {
        display: none;
    }
    .ceo-pages-links .linkcat .blogroll li{
        width: 100%;
    }
    .single-question-an .dz {
        margin-right: 0px;
    }
    .single-question-an .zt{
        display: block;
        margin-top: 20px;
    }
    .single-question-an .ceo-margin-ymd{
        margin-left: 0px;
    }
    .single-question-head .ceo-margin-ymd {
        margin-left: 10px;
    }
    .single-content iframe {
        height: 100%;
    }
    .single-content .gallery-item {
        padding-left: 0px;
        width: 100%!important;
    }
    .single-content .gallery-item a img {
        height: auto!important;
    }
    .ceo-single-commodity .commodity-img a {
        width: 100%;
        height: 146px;
    }
    .ceo-single-commodity .commodity-info a.title {
        font-size: 14px;
        max-height: 44px;
    }
    .ceo-single-commodity .commodity-info a.title em {
        font-size: 12px;
    }
    .ceo-single-commodity .commodity-info .bottom {
        margin-top: 0px;
    }
    .ceo-single-commodity .commodity-info .bottom p {
        font-size: 14px;
    }
    .ceo-single-commodity .commodity-info .bottom a {
        padding: 0 15px;
        font-size: 12px;
        line-height: 22px;
    }
    .ceo-navbar-login {
        padding: 20px;
    }
    .ceo-login-pages p {
        text-align: center;
    }
    .ceo-login-pages .bottom{
        text-align: center;
        margin-top: 0px;
    }
    .ceo-navbar-login .ceo-margin-medium-top{
        margin-top: 20px !important;
    }
    .ceo-navbar-login .ceo-login-title a img {
        height: 36px;
    }
    .ceo-shopcat-vip{
        display: none;
    }
    .ceo-shop-category-search form {
        width: 263px;
    }
    .ceo-shop-category-search input {
        height: 36px;
        min-width: 185px;
    }
    .ceo-shop-category-search button {
        height: 36px;
        line-height: 35px;
    }
    .ceo-shopcat-slide .ceo-slideshow-items {
        height: 210px;
    }
    .ceo-shop-category-box {
        margin-top: 33px;
    }
    .ceo-shop-category-search {
        margin-top: -63px;
    }
    .ceo-fl-icon a.hot {
        margin-left: 10px;
    }
    .ceo-fl-icon{
        text-align: center;
    }
    .ceo-catnav-ss ul{
        list-style: none;
        white-space: nowrap;
        overflow-x: auto !important;
    }
    .ceo-catnav-ss ul::-webkit-scrollbar {
        display:none;
    }
    .ceo-category-shop-box ul{
        list-style: none;
        white-space: nowrap;
        overflow-x: auto !important;
    }
    .ceo-category-shop-box ul::-webkit-scrollbar {
        display:none;
    }
    .ceo-single-video {
        padding: 10px 20px;
    }
    .ceo-single-video iframe{
        height: 100%;
    }
    .ceo-profile .profile-tab-item {
        padding: 0 25px;
    }
    .follow-item .follow-item-btns button{
        width: 100%;
    }
    .follow-item .follow-item-btns{
        margin-top: 0px;
    }
    .ceo-margin-ymds{
        margin-left: 0px;
        margin-right: 20px;
    }
    .ceo-shopcat-slide .ceo-icon {
        padding: 5px 10px;
    }
    .ceo-shopcat-slide .ceo-icon svg{
        height: 15px;
        width: 5px;
    }
    .shop .item .thumb img{
        width: 100%;
    }
    .ceo-category-blog-box ul{
        list-style: none;
        white-space: nowrap;
        overflow-x: auto !important;
    }
    .ceo-category-blog-box ul::-webkit-scrollbar {
        display:none;
    }
    .site-side a img {
        height: 56px;
    }
    .ceo-pages-apply-box .loginForm input[type="text"]{
        margin: 10px 0 10px 0;
        height: 35px;
        line-height: 35px;
        padding: 0px 11px 0px 11px;
        font-size: 14px;
    }
    .page-menu {
        margin-top: 20px;
    }
    .slide_02 .slide_2 .ceo-slideshow-items {
	    min-height: 160px!important;
    }
    .slide_02 .slide_2 {
    	height: 160px!important;
    	overflow: hidden;
    }
    .slide_02 .slide_2 .ceo-slideshow-items {
    	min-height: 160px!important;
    }
    .slide_02 .slide_2 .ceo-slideshow-items img{
    	height: 160px!important;
    }
    .ceo-home-card {
        padding-bottom: 40px;
    }
    .ceo-home-homevip {
        padding: 40px 0;
    }
    .ceo-home-spread {
        padding: 40px 0;
    }
    .ceo-home-file {
        padding: 40px 0;
    }
    .ceo-home-community {
        padding-bottom: 40px;
    }
    .ceo-home-news {
        padding: 40px 0;
    }
    .ceo-home-title {
        margin-bottom: 40px;
    }
    .ceo-home-title span {
        font-size: 18px;
    }
    .ceo-home-title p {
        font-size: 14px;
    }
    .home-community-bg span {
        font-size: 18px;
        margin-top: 40px;
        padding: 0 20px;
    }
    .home-community-bg p {
        font-size: 14px;
        padding: 0 20px;
    }
    .home-community-box {
        margin-top: -150px;
    }
    .home-community-boxitem span {
        margin-top: 20px;
        font-size: 18px;
    }
    .home-community-boxitem {
        padding: 20px 0;
    }
    .home-community-list-box-btn {
        margin-top: 20px;
    }
    .home-community-list-box-btn .z {
        font-size: 14px;
        width: 110px;
    }
    .home-community-list-box-btn .y {
        font-size: 14px;
        width: 110px;
    }
    .home-homevip2-boxmk {
        padding: 20px;
    }
    .home-homevip2-boxmk .title span {
        font-size: 20px;
    }
    .home-homevip2-boxmk .an .jg {
        font-size: 20px;
    }
    .ceo-home-file-boxtop {
        height: 150px;
    }
    .ceo-home-file-boxtop a {
        font-size: 20px;
    }
    .home-news-boxmk .btn {
        width: 82px;
        height: 32px;
        line-height: 32px;
    }
    .ceo-category-card-box ul{
        list-style: none;
        white-space: nowrap;
        overflow-x: auto !important;
    }
    .ceo-category-card-box ul::-webkit-scrollbar {
        display:none;
    }
    .ceo-app-bg{
        margin-bottom: 20px;
    }
    .single-question-head .ceo-hs{
        font-size: 16px;
        text-align: left;
    }
    .vip2-bg-title {
        margin-top: 80px;
    }
    .vip2-bg-title h3 {
        font-size: 26px;
    }
    .vip2-bg-title ul{
        list-style: none;
        white-space: nowrap;
        overflow-x: auto !important;
    }
    .vip2-bg-title ul::-webkit-scrollbar {
        display:none;
    }
    .vip2-bg-title ul li {
        padding: 10px;
        margin-right: 10px;
    }
    .ceo-vip2-tc {
        margin-top: -426px;
    }
    .vip2-tc-box-top a {
        width: 200px;
        height: 45px;
        line-height: 45px;
    }
    .vip2-tc-box-top span strong {
        font-size: 40px;
        line-height: 50px;
    }
    .vip2-tc-box-top span p em {
        display:none;
    }
    .ceo-vip2-qy {
        padding: 40px 0;
    }
    .vip2-qy-title h2 {
        font-size: 18px;
    }
    .vip2-qy-title p {
        font-size: 14px;
    }
    .vip2-tqyc-box {
        padding: 20px;
    }
    .ceo-forum-statistics .ceo-forum-z{
        list-style: none;
        white-space: nowrap;
        overflow-x: auto !important;
    }
    .ceo-forum-statistics .ceo-forum-z::-webkit-scrollbar {
        display:none;
    }
    .ceo-forum-statistics .ceo-forum-y .ask{
        height: 28px;
        line-height: 27px;
        padding: 0 12px;
        margin-left: 10px;
    }
    .forum-box-cat a img {
        width: 60px;
        height: 60px;
    }
    .ceo-forum-catx img {
        width: 60px;
        height: 60px;
    }
    .forum-box-tab ul{
        list-style: none;
        white-space: nowrap;
        overflow-x: auto !important;
    }
    .forum-box-tab ul::-webkit-scrollbar {
        display:none;
    }
    .forum-box-tab a.cd {
        font-size: 13px;
    }
    .forum-box-list-loop .info a.title {
        font-size: 15px;
    }
    .single-forum-head .ceo-hs{
        font-size: 16px;
        text-align: left;
    }
    .single-forum-head .zt{
        display:none;
    }
    .single-question-head .zt {
        display:none;
    }
    .single-forum-head .ceo-margin-ymd {
        margin-left: 10px;
    }
    .ceo-pages-apply-top {
        height: 160px;
    }
    .web-top {
        margin-top: -98px;
    }
    .web-top-title {
        font-size: 22px;
        margin-bottom: 90px;
    }
    .web-qa {
        padding: 40px 0;
    }
    .web-qa-title {
        font-size: 18px;
        margin-bottom: 40px;
    }
    .ceo-pages-apply-box {
        width: 280px;
    }
    .ceo-pages-apply {
        margin-top: 0px;
    }
    .web-apply-title {
        font-size: 18px;
        margin-bottom: 40px;
    }
    .ceo-pages-apply-box .loginForm input[type="button"] {
        line-height: 35px;
    }
    .ceo-archives-item {
        padding: 0px;
    }
    .single-post-info .ceo-margin-ymd {
        margin-left: 10px;
    }
    .single-post-wen .ceo-hs{
        font-size: 16px;
        text-align: left;
    }
    .user-shopan {
        font-size: 12px;
        padding: 0px 12px;
        height: 28px;
        line-height: 27px;
        margin-left: 10px;
    }
    .ceo-action-userzx{
        margin-top: 38px!important;
    }
    .ceo-action-userzx .ceo-hs{
        text-align: left;
        font-size: 18px;
    }
    .ceo-action-userzx p {
        font-size: 12px;
    }
    .ceo-action-userzx .mc{
        margin-top: 15px;
    }
    .ceo-author-bg {
        height: 150px;
    }
    .ceo-shop-single {
        height: 100%;
    }
    .ceo-shop-single-z{
        width: 100%;
    }
    .ceo-shop-single-box {
        margin-top: 60px;
    }
    .shop-single-z-title h1 {
        font-size: 26px;
    }
    .shop-single-z-title p {
        font-size: 14px;
    }
    .shop-single-z-title {
        margin-bottom: 20px;
    }
    .shop-single-z-price {
        margin-bottom: 20px;
    }
    .shop-single-z-btn .btn1 {
        font-size: 15px;
        height: 40px;
        line-height: 40px;
    }
    .shop-single-z-btn .btn2 {
        font-size: 15px;
        height: 40px;
        line-height: 40px;
    }
    .shop-single-z-btn .btn3 {
        font-size: 12px;
        height: 30px;
        line-height: 30px;
    }
    .shop-single-z-btn .btn4 {
        font-size: 12px;
        height: 30px;
        line-height: 30px;
    }
    .shop-single-z-meta {
        margin-top: 30px;
    }
    .shop-single-z-meta ul li {
        display: block;
        height: auto;
    }
    .shop-single-z-meta ul li span {
        margin-right: 20px;
    }
    .ceo-shop-single-y ul.ceo-slideshow-items{
        height: 300px;
    }
    .ceo-shop-single-y ul.ceo-slideshow-items li{
        height: 300px;
    }
    .ceo-shop-single-y ul.ceo-slideshow-items li img{
        height: auto;
    }
    .ceo-shop-single-y {
        padding-bottom: 40px;
    }
    .ceo-shop1-quickbox{
        list-style: none;
        white-space: nowrap;
        overflow-x: auto !important;
    }
    .ceo-shop1-quickbox::-webkit-scrollbar {
        display: none;
    }
    .ceo-shop1-quick a {
        margin-right: 30px;
        font-size: 14px;
    }
    .ceo-shop1-introduce {
        margin-bottom: 40px;
        padding-top: 40px;
    }
    .ceo-shop1-mktitle {
        text-align: center;
        margin-bottom: 40px!important;
    }
    .ceo-shop1-mktitle span {
        font-size: 18px;
    }
    .ceo-shop1-mktitle p {
        font-size: 14px;
    }
    .ceo-shop1-morebox li {
        font-size: 14px;
    }
    .ceo-shop1-more {
        padding: 40px 0;
    }
    .ceo-shop1-service {
        padding: 40px 0;
    }
    .ceo-shop1-servicebox a.btnsq {
        margin: 40px auto 0 auto;
    }
    
    .ceo-shop1-update {
        margin: 40px 0;
    }
    .ceo-shop1-updatebox {
        padding: 10px;
        height: 300px;
    }
    .ceo-shop1-updatebox ul li.ceo-open a {
        padding: 15px;
    }
    .ceo-shop1-updatebox ul li.ceo-open .ceo-accordion-content {
        padding: 15px;
    }
    .ceo-shop1-qabox .zs {
        font-size: 20px;
        padding: 20px 0;
    }
    .ceo-shop1-content{
        padding: 0 10px;
    }
    .ceo-404page {
        height: 100%;
    }
    .page404 {
        margin-top: 0px;
    }
    .login-app-btns{
        text-align: center;
        margin-top: 20px;
    }
    .login-app-btns a{
        margin-right: 20px;
    }
    .login-app-btns a:last-child{
        margin-right: 0px;
    }
    .navbar-login-y {
        padding: 0px;
    }
    .ceo-sidebar-slide {
        background-size: 100% 100%;
    }
    .ceo-single-post-bg{
        height: 180px;
    }
    .ceo-page-login {
        height: 100%;
    }
    .page-login .login-main{
        margin: 50px 0 50px 0;
    }
    .ceo-app-gotop{
        position: fixed;
        bottom: 80px;
        right: 10px;
        z-index: 999;
    }
    .ceo-app-gotop a{
        border-radius: 50px;
        background: #00000052;
        color: #fff;
        text-align: center;
        cursor: pointer;
        box-shadow: 0 0 10px rgba(0,0,0,0.07);
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    .ceo-app-gotop a i{
        font-size: 20px!important;
    }
}
/*手机结束*/
/*
* ------------------------------------------------------------------------------
* 滚动条
* ------------------------------------------------------------------------------
*/
::-webkit-scrollbar {
	width: 10px;
	height: 4px;
	background-color: #fff;
}

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

::-webkit-scrollbar-thumb {
	background-color: #ccc;
	border-radius: 10px
}
/*
* ------------------------------------------------------------------------------
* 暗箱
* ------------------------------------------------------------------------------
*/
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)}}