:root {
  --primary-color: #006eff;
  --border-color: #f4f4f4;
  --ceo-ahbg: #0e131a;
  --ceo-ahmk: #191f28;
}
.ceo-background-muted {
  background-color: #f0f2f5
}

/*整体*/
a, .ceo-link {
  color: #505050
}
ul, ol {
  list-style: none;
}
.b-r-2 {
  border-radius: 2px !important
}
.b-r-4 {
  border-radius: 4px !important
}
.b-r-6 {
  border-radius: 6px !important
}
.b-r-12 {
  border-radius: 12px !important
}
.b-t {
  border-top: 1px solid var(--border-color)
}
.b-b {
  border-bottom: 1px solid var(--border-color)
}
.b-a {
  border: 1px solid var(--border-color)
}

.w1200 {
  max-width: 1200px !important;
}
.none {
  display: none;
}
.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.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-dt {
  transition: all .3s
}
.ceo-dt:hover {
  transform: translateY(-3px);
  -webkit-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  transform: translateY(-3px)
}
.ceo-margin-bottom-10 {
  margin-bottom: 10px !important
}
.ceo-margin-bottom-20 {
  margin-bottom: 20px !important
}
.ceo-margin-bottom-30 {
  margin-bottom: 30px !important
}
.ceo-margin-bottom-40 {
  margin-bottom: 40px !important
}
.ceo-margin-top-10 {
  margin-top: 10px !important
}
.ceo-margin-top-20 {
  margin-top: 20px !important
}
.ceo-margin-top-30 {
  margin-top: 30px !important
}
.ceo-padding-left-30 {
  padding-left: 30px
}
.ceo-text-align {
  text-align: center !important
}
.ceo-margin-right-6 {
  margin-right: 6px
}
.ceo-right-3 {
  margin-right: 3px
}
.ceo-padding-20 {
  padding: 20px
}
.ceo-padding-30 {
  padding: 0 30px
}
.ceo-padding-30px {
  padding: 30px
}
.ceo-padding-bottom-10 {
  padding-bottom: 10px
}
.ceo-padding-top-4 {
  padding-top: 4px
}
.ceo-padding-left-0 ul {
  padding-left: 0
}
.ceo-margin-0 ul {
  margin: 0
}
.ceo-font-mini {
  font-size: 12px;
  line-height: 1.5
}
.change-color {
  background-color: #3385ff;
  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);
  color: #fff !important
}
.btn {
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 16px
}
.btn:hover {
  transform: translateY(-3px)
}
.avatar {}
.avatar img {
  border-radius: 50%
}
.avatar-20 {
  width: 20px;
  height: 20px;
}
.avatar-24 {
  width: 24px;
  height: 24px;
}
.avatar-30 {
  width: 30px;
  height: 30px;
}
.avatar-40 {
  width: 40px;
  height: 40px;
}
.avatar-46 {
  width: 46px;
  height: 46px;
}
.avatar-50 {
  width: 50px;
  height: 50px;
}
.avatar-60 {
  width: 60px;
  height: 60px;
}
.avatar-70 {
  width: 70px;
  height: 70px;
}
.avatar-80 {
  width: 80px;
  height: 80px;
}
.avatar-90 {
  width: 90px;
  height: 90px;
}
.avatar-100 {
  width: 100px;
  height: 100px;
}
.ceo-topnav {
  position: relative;
  z-index: 1001;
  margin-bottom: 0;
  box-sizing: content-box;
  background-color: #026eff;
}
.ceo-top-navbar {
  min-height: 32px;
  background-color: transparent
}
.navbar-left {
  margin-left: 0;
  float: left !important;
  padding-left: 0;
  margin: 0;
  list-style: none
}
.ceo-top-nav {
  padding-left: 0;
  color: #fff;
}
.ceo-top-nav>li {
  line-height: 30px;
  padding: 0px 10px;
  list-style: none
}
.ceo-top-nav>li {
  float: left;
  font-size: 12px
}
.ceo-top-nav>li>a {
  position: relative;
  padding: 0;
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  color: #fff;
}
.navbar-right {
  float: right !important;
  margin-right: -15px;
  padding-left: 0;
  margin-top: 0;
  margin: 0;
  list-style: none
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent
}
.lang-style .dropdown-menu {
  position: absolute;
  box-shadow: none !important;
  border-radius: 3px !important;
  background: #fff;
  padding: 10px 0;
  min-width: 83px !important;
  border: 1px solid #eee;
  list-style: none;
  margin-top: 2px;
}
.lang-style .dropdown-menu .caret1 {
  position: absolute;
  margin-top: -16px;
  margin-left: 35px;
  border-bottom: 8px dashed;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-top: 0 !important;
  list-style: none
}
.dropdown-menu>li>a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #505050;
  white-space: nowrap
}
.dropdown-menu>li>a:hover {
  color: var(--primary-color)
}
.wp {
  width: 1046px;
}
/*导航*/
.nav>ul>li>a .new {
  display: block;
  width: 28px;
  height: 19px;
  position: absolute;
  left: 50%;
  top: -18px;
  margin-left: -13px;
  background: url(../images/ceo-new.png) no-repeat;
  -webkit-animation: upDown 6s ease-in-out infinite;
  animation: upDown 6s ease-in-out infinite
}
.nav>ul>li>a .hot {
  display: block;
  width: 28px;
  height: 19px;
  position: absolute;
  left: 50%;
  top: -18px;
  margin-left: -13px;
  background: url(../images/ceo-hot.png) no-repeat;
  -webkit-animation: upDown 6s ease-in-out infinite;
  animation: upDown 6s ease-in-out infinite
}
.nav>ul>li>a .jian {
  display: inline-block;
  font-size: 0.6rem;
  letter-spacing: 0.05em;
  background: linear-gradient(to top, #f308a0 0%, #fb0655 100%);
  color: #ffffff;
  border-radius: 1rem;
  padding: .15rem .3rem;
  line-height: 1;
  position: absolute;
  left: 46%;
  top: -18px;
  margin-left: -13px
}
.nav>li>a .jian {
  display: inline-block;
  font-size: 0.6rem;
  letter-spacing: 0.05em;
  background: linear-gradient(to top, #f308a0 0%, #fb0655 100%);
  color: #ffffff;
  border-radius: 1rem;
  padding: .15rem .3rem;
  line-height: 1;
  margin-left: 8px
}
@keyframes upDown {
  0% {
    transform: translateY(5px)
  }
  25% {
    transform: translateY(0px)
  }
  50% {
    transform: translateY(5px)
  }
  75% {
    transform: translateY(0px)
  }
  100% {
    transform: translateY(5px)
  }
}
.header {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.07);
  z-index: 997
}
.to-night {
  font-size: 18px !important
}
.logo img {
  height: 49px;
  margin-right: 41px !important
}
.ceo-app-logo {
  width: 38px;
  height: 38px;
}
.ceo-app-logo2 {
  display: inline-block;
  width: 92px;
  height: 30px;
}
.nav>ul {
  list-style: none
}
.nav>ul>li {
  display: inline-block;
  line-height: 86px
}
.nav>ul>li>a {
  margin: 0 13px;
  font-size: 15px;
  position: relative
}
.nav>ul>.current-menu-item>a::after {
  content: '';
  display: block;
  width: 100%;
  left: 0;
  right: 0;
  height: 2px;
  position: absolute;
  bottom: -16px;
  z-index: 10;
  border-radius: 100px;
  background-color: #3385ff;
  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);
  color: #fff
}
.navBar_02 .nav>ul>.current-menu-item>a::after {
  bottom: -13px
}
.nav>ul>li .sub-menu {
  display: none;
  background: #fff;
  list-style: none;
  padding: 4px;
  border-radius: 4px;
  padding: 12px 0;
  border-top: 1px solid var(--border-color);
  animation-name: ceo-fade-left-small;
  animation-duration: 0.5s;
  animation-timing-function: ease-out;
  animation-fill-mode: both
}
.nav>ul>li .sub-menu li.current-menu-item a {
  color: var(--primary-color) !important
}
.nav>ul>li .sub-menu li.current-menu-item .sub-menu .menu-item a {
  color: #505050 !important;
}
.nav>ul>li .sub-menu li.current-menu-item .sub-menu .menu-item a:hover {
  color: var(--primary-color) !important
}
.nav>ul>li:hover .sub-menu {
  display: block;
  position: absolute;
  top: 0;
  margin-top: 86px;
  width: 100%
}
.nav>ul>li .sub-menu li:hover {
  -webkit-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  transform: translateY(0px)
}
.nav>ul>li .sub-menu li a {
  display: block;
  margin: 0 24px;
  font-size: 13px;
  transition: none;
  color: #616161
}
.nav>ul>li .sub-menu li a:hover {
  color: var(--primary-color)
}
.nav>ul>li .sub-menu li a span {
  float: right;
  margin-top: 9px;
  line-height: 16px;
}
.nav>ul>li .sub-menu li a .cat-menu-num {
  color: #555;
  border-radius: 20px;
  text-align: center;
  font-family: Calibri;
  background: #eee;
  font-size: 12px;
  min-width: 32px;
}

/*手机端弹窗菜单*/
.ceo-mobnav-box {
  padding: 20px 20px 80px 20px;
}
.mob-nav {}
.mob-nav>ul {
  text-align: center;
  list-style: none;
}
.mob-nav>ul>li {
  border: 0;
}
.mob-nav>ul>li a {
  display: block;
  color: #4b5f72;
  border: 1px solid var(--border-color);
  font-size: 14px;
  padding: 5px;
  border-radius: 4px;
  margin-bottom: 5px;
}
.mob-nav .sub-menu {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  padding: 0;
  margin-bottom: 5px;
  border-top: 0;
}
.mob-nav .sub-menu li {
  width: 50%;
  float: left;
  padding: 0;
  border-radius: 4px;
  min-width: 50%;
  border-bottom: 0;
  text-align: center;
}
.mob-nav .sub-menu li a {
  display: block;
  color: #8c979f;
  border: 1px solid var(--border-color);
  font-size: 13px;
  padding: 5px;
  margin: 2px;
}
.mob-nav .sub-menu li a .cat-menu-num {
  display: none;
}
.mob-nav .sub-menu .sub-menu {
  display: none;
}
.header-info {}
.header-info i {
  margin-right: 3px;
  cursor: pointer
}
.header-info em {
  height: 12px;
  width: 1px;
  background: rgba(0, 0, 0, 0.3);
  margin: 0 20px 0 0px
}
@media screen and (max-width:1400px) {
  .header-info em {
    margin: 0 20px
  }
}
.header-info a {}
.header-info .avatar img {
  border: 3px solid #d8e7fb;
  height: 36px;
  width: 36px
}
.user-down .avatar img {
  border: 3px solid #d8e7fb;
  height: 50px;
  width: 50px
}
.user-info-menu {}
.user-info-menu a {
  padding: 6px
}
.user-info-menu a:hover {
  color: #000
}
.user-down {
  width: 330px;
  display: none;
  padding-top: 15px;
  margin-top: 55px;
  z-index: 9999
}

#nav_user {
  display: contents;
}
.head-avatar {}
.head-avatar:hover .user-down {
  display: block
}
.user-info {
  background: #f4faff;
  padding: 20px
}
.user-info: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
}
.user-info: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
}
.user-info h4 {
  font-size: 16px;
  margin-bottom: 5px
}
.head-login {
  color: #fff;
  padding: 4px 15px
}
.head-login:hover {
  color: #fff;
  -webkit-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  transform: translateY(-3px)
}
.search {}
.search input {
  border: none
}
.search button {
  background: transparent;
  border: none;
  padding: 0 15px;
  cursor: pointer
}
.ceo-navbar-s {
  margin-right: 15px
}
/*
* ----------------------------------------------------------------------------
* 导航样式2
* ----------------------------------------------------------------------------
*/
.ceo-nav2-em {
  background: #ff585d;
  color: #fff;
  font-size: 11px;
  font-style: normal;
  padding: 1px 6px;
  margin-right: 10px;
}
.ceo-nav2-bp {
  display: flex
}
.ceo-navbar-2 {
  height: 99px
}
.navBar_02 .ceo-navbar-2 .ceo-logo-nav-night {
  margin-right: 20px !important;
}
.ceo-navbtn {
  align-items: center;
  display: flex;
  height: 46px;
  position: relative
}
.ceo-navs {
  display: block;
  width: 168px;
  height: 38px;
  font-size: 14px;
  line-height: 38px;
  text-align: center;
  color: #fff;
  border-radius: 4px 4px 0 0;
  background: linear-gradient(90deg, #006eff, #13adff);
  margin-top: 7px
}
.nav_2 .current-menu-item>a::after {
  height: 2px !important;
  border-radius: 50px !important
}
.ceo_nav_focus {
  float: right;
  height: 29px;
  position: relative;
  width: 98px;
  margin-top: 5.5px;
  cursor: pointer;
  z-index: 40
}
.ceo_nav_focus span {
  display: block;
  width: 98px;
  height: 29px;
  position: absolute;
  top: 0;
  left: 0
}
.ceo_nav_focus:hover .flex-footera {
  display: block
}
.ceo_nav_focus .flex-footera {
  left: -20px;
  text-align: center;
  padding-top: 15px;
  width: 102px;
  height: 132px;
  border: 1px solid #FF5353;
  background: #fff;
  padding: 15px;
  position: absolute;
  top: 40px;
  display: none
}
.ceo_nav_focus .flex-footera p {
  height: 15px;
  line-height: 15px;
  text-align: center;
  font-size: 12px;
  color: #333;
  font-family: Verdana, Geneva, sans-serif;
  overflow: hidden;
  margin: 0
}
.ceo_nav_focus .flex-footera img {
  width: 90px;
  height: 90px;
  margin: 10px auto
}
.ceo_nav2_ss {
  display: flex;
  align-items: center
}
.ceo_nav2_ssk {
  position: relative;
  box-sizing: border-box;
  width: 509px;
  display: flex;
  left: 20%;
  height: 36px
}
.ceo_nav2_ssk form {
  width: 312px;
  border: 1px solid #eee
}
.ceo_nav2_ssk input {
  height: 36px
}
.ceo_nav2_ssk button {
  background: transparent;
  border: none;
  padding: 0 29px;
  cursor: pointer
}
.ceo_nav2_an {}
.ceo_nav2_an a {
  width: 128px;
  height: 36px;
  line-height: 36px;
  font-size: 15px;
  margin-left: 10px;
  display: block;
  float: left;
  border-radius: 3px;
  cursor: pointer;
  text-align: center;
  background-color: #333333;
  color: #fff !important
}
.ceo_nav2_an img {
  max-width: none;
  position: absolute;
  right: 30px;
  bottom: 0;
  width: 50px
}
.ceo-navs i {
  font-weight: normal;
  font-size: 18px !important;
  display: inline-block;
  transform: translateY(2px)
}
.ceo_nav2_ssk button {
  background: linear-gradient(90deg, #006eff, #13adff) !important;
  color: #fff
}
.nav_2 .nav>ul>li:hover .sub-menu {
  margin-top: 46px !important
}
.nav_2 .nav>ul>li {
  line-height: 46px !important
}
/*
* ----------------------------------------------------------------------------
* 导航样式3
* ----------------------------------------------------------------------------
*/
@media (max-width:800px) {
  .navBar_03 {
    background: #fff !important;
    margin-bottom: 0 !important
  }
  .navBar_03 .nav>ul>li>a,
  .navBar_03 .header-info a {
    color: #262626 !important
  }
  .header-info em {
    display: none !important
  }
}
.navBar_03 {
  background-color: #fff;
  top: 0;
  left: 0;
  z-index: 15;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.07)
}
.ceo-text-center {
  text-align: center !important
}
.navBar_03 .nav>ul>.current-menu-item>a::after {
  content: '';
  display: block;
  width: 100%;
  left: 0;
  right: 0;
  height: 2px;
  position: absolute;
  bottom: -9px;
  z-index: 10;
  border-radius: 8px;
  background-color: #3385ff;
  background-image: linear-gradient(90deg, rgba(255, 206, 5, 1), rgba(255, 232, 81, 1));
  background-image: linear-gradient(90deg, rgba(255, 206, 5, 1), rgba(255, 232, 81, 1));
  background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%);
  background-image: linear-gradient(90deg, rgba(255, 206, 5, 1), rgba(255, 232, 81, 1));
  -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
  box-shadow: 0 5px 10px 0 rgba(253, 235, 16, 0.3);
  color: #fff
}
.header_3_nav {
  display: inline-block;
  width: 100%
}
/*
* ----------------------------------------------------------------------------
* 导航样式4
* ----------------------------------------------------------------------------
*/
.header_4_nav {
  display: inline-block;
  width: 100%
}
.ceo_header_nav {
  padding: 0 30px
}
/*导航弹窗搜索*/
#header-search .ceo-tan {
  width: 600px;
  border-radius: 12px
}
.ceo-tan h3 {
  margin-bottom: 25px;
  text-align: center
}
.header-btn-search {
  margin-top: 20px;
  text-align: center
}
.header-btn-search-s {
  background-color: #3385ff;
  border-radius: 4px;
  color: #fff !important;
  display: inline-block;
  font-size: 15px;
  padding: 6px 19px;
  box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3)
}
/*
 * ------------------------------------------------------------------------------
 * 首页弹窗样式
 * ------------------------------------------------------------------------------
 */
#home-modal .ceo-tan {
  width: 600px;
  border-radius: 12px
}
.home-modal {
  background: transparent;
  max-width: 600px !important
}
.home-modal-bg {
  max-height: 160px
}
.home-modal-main {
  background: #fff;
  margin: 80px auto 0 auto;
  width: 80%;
  border-radius: 12px;
  min-height: 200px;
  box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.1)
}
.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: #f6f6f6;
  color: #999;
  box-shadow: none
}
.ceo-tanchuang-gg p {
  font-size: 0.875rem;
  line-height: 1.5
}
.ceo-tanchuang-gg-an {
  padding: 8px 39px !important;
  font-size: 14px
}
/*
* ----------------------------------------------------------------------------
* 首页幻灯片模块
* ----------------------------------------------------------------------------
*/

.l_slide {
  width: 1070px;
  padding-right: 20px
}
.s_slide {
  width: 370px;
  height: 170px;
  margin-bottom: 20px;
  box-shadow: 0 34px 20px -30px rgba(0, 36, 100, 0.2);
  -webkit-box-shadow: 0 34px 20px -30px rgba(0, 36, 100, 0.2)
}
.s_slide span {
  color: #fff;
  font-size: 14px;
  padding: 10px
}
.s_slide .ceo-overlay-primary {
  background: rgba(34, 34, 34, 0.3) !important
}
/*
* ----------------------------------------------------------------------------
* 首页slide幻灯模块2
* ----------------------------------------------------------------------------
*/
.ceo_slide2 {
  padding: 20px
}
@media (min-width:1200px) {
  .ceo_slide2 {
    padding: 30px
  }
}
.slide {}
.slide .slide-ul {
  min-height: auto !important;
  box-shadow: 0 34px 20px -30px rgba(0, 36, 100, 0.2);
  -webkit-box-shadow: 0 34px 20px -30px rgba(0, 36, 100, 0.2)
}
.slide .slide-item {}
.slide .slide-item img {
  width: 100% !important
}
.section-title {
  color: #3c3c3c
}
.section-title .more {
  padding: 2px 2px 2px 6px
}
.section-more {}
.section-more .btn {
  padding: 12px 50px
}
/*
* ----------------------------------------------------------------------------
* 首页幻灯样式4
* ----------------------------------------------------------------------------
*/
.ceo-slide-4-banner-top {
  overflow: hidden;
  width: 146%;
  left: -20%;
  height: 432px;
  position: absolute;
  top: 0;
  content: '';
  border-radius: 0 0 70% 70%
}
.slide_04 {
  margin: 0 auto;
  padding-top: 30px;
  z-index: 9;
  width: 100%;
  height: 422px;
  position: relative
}
.slide_04 img {
  width: 100%
}
.slide_04 .search {
  padding: 0 15px;
  top: 50%
}
.slide_04 .ceo_search_4_title {
  padding: 0 15px;
  top: 31%
}
.slide_04 .slide_text {
  color: rgba(255, 255, 255, 0.9);
  text-align: center;
  margin-bottom: 40px;
  font-size: 36px;
  font-weight: bold
}
.slide_04_search {
  display: flex
}
.ceo_slide04_top_btn {
  width: 118px;
  height: 48px;
  line-height: 48px;
  border-radius: 50px;
  text-align: center;
  display: inline-block;
  border: 3px solid rgba(255, 255, 255, 0.3)
}
.ceo_slide04_top_btn a {
  width: 100%;
  height: 100%;
  display: block;
  font-size: 16px;
  font-weight: bold;
  background: linear-gradient(90deg, rgba(255, 206, 5, 1), rgba(255, 232, 81, 1));
  color: #fff;
  border-radius: 50PX
}
.slide_04 .search input {
  padding-left: 15px;
  width: 500px;
  height: 49px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgb(255, 255, 255);
  border-radius: 50px 0px 0px 50px;
  color: #FFF;
  font-size: 15px;
  -webkit-text-fill-color: #ADADAD
}
.slide_04 form {
  border-radius: 50px;
  border: 3px solid rgba(255, 255, 255, 0.3)
}
.slide_04 .search button {
  background: linear-gradient(90deg, rgba(255, 206, 5, 1), rgba(255, 232, 81, 1));
  height: 49px;
  color: #FFFFFF;
  padding: 0 20px;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 3px;
  transition: all .3s;
  border-radius: 0px 50px 50px 0px
}
.ceo_slide04_top_or {
  display: inline-block;
  padding: 0 20px;
  font-size: 20px;
  color: #FFFFFF;
  font-weight: bold;
  height: 48px;
  line-height: 48px
}
.search button {
  background: transparent;
  border: 0;
  cursor: pointer
}
.slide_04 .search button i {
  color: #fff;
  margin-right: 3px
}
.slide_04 .search_tags {
  margin-top: 30px
}
@media only screen and (max-width:900px) {
  .slide_04 .search_tags {
    margin-top: 20px;
    margin-bottom: 20px
  }
}
.slide_04 .search_tags i {
  margin-right: 4px
}
.slide_04 .search_tags a {
  padding: 0 10px
}
.ceo-slide-4-control-box {
  width: 1440px;
  height: 180px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -100px
}
.ceo-slide-4-control-box ul {
  list-style: none;
  position: relative
}
.ceo-slide-4-control-box ul li {
  position: absolute;
  top: 50px;
  cursor: pointer
}
.ceo-slide-4-control-box ul li i {
  font-size: 40px
}
.ceo-slide-4-prev {
  margin-left: -10px;
  height: 60px;
  background-repeat: no-repeat;
  width: 60px;
  position: absolute;
  top: 38%;
  z-index: 9;
  cursor: pointer;
  font-size: 28px;
  color: #FFFFFF;
  background-color: #ffd1d133;
  border-radius: 30px;
  text-align: center;
  line-height: 60px;
  background: rgba(250, 26, 63, 0.13);
  box-shadow: 0 0 black
}
.ceo-slide-4-next {
  margin-right: -6px;
  height: 60px;
  right: 0px;
  width: 60px;
  z-index: 9;
  font-size: 28px;
  border-radius: 30px;
  text-align: center;
  line-height: 60px;
  color: #FFFFFF;
  background: rgba(250, 26, 63, 0.13)
}
.ceo-slide-4-bigbox {
  overflow: hidden;
  width: 1293px;
  height: 144px;
  margin: auto 70px auto;
  padding-top: 6px;
  z-index: 10;
  position: absolute !important
}
#ceo-slide-4-switcher {
  height: 144px;
  left: 0px
}
.ceo_slide_4_content_1.ceo_slide_4_content_2 {
  width: 100%;
  float: left
}
.ceo_slide_4_box {
  transition: all .7s ease 0s;
  width: 235px !important;
  height: 144px !important;
  float: left;
  margin: 0 12px;
  border-radius: 8px
}
.ceo_slide_4_box a {
  width: 235px !important;
  height: 144px !important;
  position: absolute
}
.ceo_slide_4_box:hover {
  opacity: 0.8
}
.ceo_slide_4_item {
  transition: all .3s
}
.ceo_slide_4_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(-6px);
  -ms-transform: translateY(-6px);
  transform: translateY(-6px)
}
/*
* ----------------------------------------------------------------------------
* 首页slide幻灯模块5
* ----------------------------------------------------------------------------
*/
.slide_05 {}
.slide_05 .slide-ul {
  min-height: auto !important;
  box-shadow: 0 34px 20px -30px rgba(0, 36, 100, 0.2);
  -webkit-box-shadow: 0 34px 20px -30px rgba(0, 36, 100, 0.2)
}
.slide_05 .slide-item {}
.section-title {
  color: #3c3c3c
}
.section-title .more {
  padding: 2px 2px 2px 6px
}
.section-more {}
.section-more .btn {
  padding: 12px 50px
}
/*
* ----------------------------------------------------------------------------
* 首页slide幻灯片模块6
* ----------------------------------------------------------------------------
*/
.slide_6_search {
  height: 68px;
  width: 1200px;
  position: relative;
  z-index: 12;
  margin: 0 auto;
  margin-top: -100px;
  z-index: 1;
  top: -120px
}
.slide_6_search .searchbox {
  width: 1010px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.5);
  height: 48px;
  border-radius: 5px;
  padding: 10px
}
.slide_6_search .searchbox .search_input {
  width: 865px;
  height: 48px;
  background: #fff;
  border-radius: 3px;
  position: relative;
  left: 0;
  top: 0
}
.slide_6_search .searchbox input.text {
  width: 469px;
  height: 48px;
  position: absolute;
  padding: 0 10px;
  color: #999898;
  font-size: 14px
}
.slide_6_search .searchbox input,
.slide_6_search .searchbox button {
  border: 0;
  outline: none;
  background: none;
  filter: chroma(color=#000000)
}
.slide_6_search .searchbox .tag {
  position: absolute;
  right: 123px;
  top: 0;
  padding: 12px 10px
}
.slide_6_search .searchbox .tag a {
  display: inline;
  padding: 3px 8px;
  border-radius: 10px;
  background: #EFEFEF;
  float: left;
  margin: 0 5px;
  height: 18px;
  line-height: 18px;
  color: #A0A0A0;
  font-size: 12px
}
.slide_6_search .searchbox .tag a:hover {
  background: #ff0200;
  color: #fff
}
.slide_6_search .searchbox .submit {
  display: block;
  width: 123px;
  height: 48px;
  background: #4E464E;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0 3px 3px 0;
  line-height: 48px;
  text-align: center;
  color: #fff;
  font-size: 20px;
  cursor: pointer
}
.slide_6_search .searchbox .submit:hover {
  background: #EB2C17;
  color: #fff
}
.slide_6_search .searchbox .submit_s {
  right: -138px;
  display: block;
  width: 123px;
  height: 48px;
  background: #fe4d3f;
  position: absolute;
  top: 0;
  border-radius: 3px;
  line-height: 48px;
  text-align: center;
  color: #fff;
  font-size: 20px;
  cursor: pointer
}
.slide_6_search .searchbox .submit_s:hover {
  background: #EB2C17;
  color: #fff
}
.slide_6_ss {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 30px;
  margin-left: -20px
}
.slide_6_mk {}
.slide_6_jb {
  position: relative;
  border-radius: 10px;
  margin-top: -100px;
  margin-bottom: 30px !important
}
.slide_6_n {
  display: flex;
  margin: 0 auto;
  padding-top: 15px;
  height: 54px;
  color: #fff;
  font-size: 14px;
  justify-content: space-between
}
.slide_6_n .slide_6_s {
  position: relative;
  display: inline-block;
  padding: 0 40px;
  height: 40px;
  border-radius: 73px;
  background: none;
  vertical-align: middle;
  text-align: center;
  line-height: 40px
}
.slide_6_n .slide_6_s ul {
  float: left;
  margin: 0 auto
}
.slide_6_n .slide_6_s li {
  float: left;
  margin-right: 40px
}
.slide_6_n .slide_6_s li .first {
  color: #2879f7
}
.slide_6_n .slide_6_s li a {
  float: left;
  color: #606075;
  font-weight: 600;
  font-size: 14px
}
.slide_6_n .slide_6_y {
  font-weight: 600;
  position: relative;
  display: inline-block;
  padding: 0 40px;
  height: 40px;
  background: none;
  vertical-align: middle;
  text-align: center;
  line-height: 40px
}
.slide_6_n .slide_6_y a {
  margin-left: 40px;
  color: #ffb100
}
.slide_6_d {
  padding-left: 20px;
  flex: 0 0 25%;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%
}
.slide_6_d .mini-stats {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: .5rem;
  border: none;
  -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
  box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
  overflow: hidden
}
.mini-stats .mini-stats-content {
  padding: 1rem !important
}
.slide_6_d_mb4,
.my-4 {
  margin-bottom: 1.5rem !important
}
.slide_6_d_right {
  text-align: right !important;
  color: rgba(255, 255, 255, .5) !important
}
.slide_6_d_right span {
  margin-top: .5rem !important;
  background-color: #f8f9fa;
  margin-bottom: .5rem !important;
  color: #1699dd !important;
  display: inline-block;
  padding: .25em .4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
.slide_6_d_right p {
  color: #fff
}
.slide_6_d_m {
  margin-left: 1rem !important;
  margin-right: 1rem !important
}
.slide_6_d_m .mini-stats-desc {
  display: inline-block;
  position: relative;
  bottom: 22px;
  height: 100%;
  -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
  box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
  background-color: #ffffff !important;
  padding: 1rem !important;
  border-radius: .25rem !important;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.slide_6_d_m .mini-stats-desc li {
  float: left;
  flex: 0 0 33.33333%;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%
}
.slide_6_d_m .mini-stats-desc a {
  display: block;
  height: 60px;
  padding: 12px 15px 15px 15px
}
.slide_6_d_m .mini-stats-desc a:hover {
  color: var(--primary-color) !important
}
.slide_6_d_m .mini-stats-desc a img {
  display: block;
  width: 58px;
  height: 45px;
  margin: 0 auto 5px
}
.slide_6_d_m .mini-stats-desc p {
  display: block;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  font-size: 14px;
  color: #666;
  text-align: center
}
/*链接模块*/
.slide_6_link {
  padding: 20px 30px
}
.slide_6_link ul {
  margin-left: -30px
}
.slide_6_link ul li {
  padding-left: 30px;
  margin-bottom: 10px;
  float: left
}
.slide_6_link ul li a {
  font-size: 13px;
  display: flex;
  line-height: 28px;
  border: 1px solid #e8e8e8;
  padding: 0px 28px;
  color: #616161;
  text-align: center;
  justify-content: space-around;
  border-radius: 4px
}
.slide_6_tjmk {
  background: #eaeaea;
  height: 50px;
  border-radius: 0 0 10px 10px
}
.slide_6_tjmk .slide_6_tj {
  height: 20px;
  line-height: 20px;
  text-align: center;
  padding: 15px 0 12px
}
.slide_6_tjmk .slide_6_tj li {
  display: inline-block;
  line-height: 20px;
  height: 20px;
  padding-left: 20px;
  position: relative;
  color: #9396A6;
  padding-right: 20px;
  font-size: 13px
}
/*
* ----------------------------------------------------------------------------
* 首页四格推荐
* ----------------------------------------------------------------------------
*/

.fastnav {}
.fastnav-item {
  padding: 0 35px
}
.fastnav-item:hover .item-i {
  color: var(--primary-color)
}
.fastnav-item i {
  font-size: 60px;
  transition: all .3s
}
.fastnav-item h3 {
  font-size: 18px;
  margin-bottom: 2px
}
.fastnav-item h3 .go {
  padding: 1px 2px 1px 5px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  color: #fff;
  font-weight: 400;
  font-size: 12px;
  text-transform: uppercase;
  vertical-align: top
}
.fastnav-item h3 .go i {
  font-size: 12px
}
/*
* ------------------------------------------------------------------------------
* 快捷导航样式
* ------------------------------------------------------------------------------
*/

.fastlink {
  margin-top: 20px !important;
  margin-bottom: 20px;
  padding-bottom: 30px;
  padding-bottom: inherit !important
}
@media (min-width: 1200px) {
  .fastlink-item {
    min-height: 142px;
  }
}
.fastlink-item .tags-item {
  margin: 10px 0;
}
.fastlink-title {
  font-size: 15px;
  padding-bottom: 10px
}
.fastlink-title i {
  color: var(--primary-color);
  margin-right: 3px;
  font-weight: normal
}
.fastlink-title span {
  font-weight: normal;
  letter-spacing: 0;
  font-size: 12px
}
.fastlink-list {
  list-style: none;
  border-left: 1px solid var(--border-color);
  margin: 13px 0 0
}
.fastlink-list li {
  position: relative
}
.fastlink-list li a {
  display: block;
  font-size: 13px;
  color: #999;
  padding: 6px 12px
}
.fastlink-list li::after {
  content: '';
  width: 5px;
  height: 5px;
  background: #fff;
  border: 1px solid #aac0ff;
  position: absolute;
  left: -4px;
  top: 7px;
  border-radius: 50%;
  margin: 7px 0;
  z-index: 90;
  transition: all .3s
}
.fastlink-list li a:hover {
  color: var(--primary-color)
}
.tags-item {
  margin: 20px 0
}
.tags-item a {
  display: inline-block;
  font-size: 12px;
  color: #aaa;
  background: #f6f6f6;
  padding: 4px 10px;
  border-radius: 3px;
  margin: 3px
}
.tags-item a:hover {
  background-color: #3385ff;
  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);
  color: #fff
}
.fastlink-img {
  margin-top: 15px;
  max-height: 91px;
  overflow: hidden
}
.fastlink-img .cover {
  padding: 8px 10px;
  font-size: 12px
}
.fastlink-img a img {
  border-radius: 4px
}
.fastlink-icons {
  position: relative;
  overflow: hidden
}
.fastlink-icons a {
  background: #fff0;
  padding: 10px 10px
}
.fastlink-icons .fastlink-icons-d {
  padding-left: 0;
  margin: 0;
  float: left;
  box-sizing: border-box;
  width: 25%;
  text-align: center;
  font-size: 9pt
}
.fastlink-icons i {
  display: inline-block;
  margin-bottom: 5px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #e8fbff;
  color: #448aff;
  text-align: center;
  font-size: 40px;
  line-height: 50px;
  font-weight: 300
}
.fastlink-icons span {
  display: block;
  height: 16px;
  line-height: 16px;
  overflow: hidden
}
/*
* 面包屑导航
* ----------------------------------------------------------------------------
* */
.crumb {
  color: #bdbdbd
}
.crumb {
  line-height: 48px
}
.crumb a {
  color: #666
}
.crumb i {
  font-size: 13px
}
/*
* ----------------------------------------------------------------------------
* 卡片布局
* ----------------------------------------------------------------------------
*/

.card {}
.card-item {
  transition: all .3s
}
.card-item .cover {
  height: 100%
}
.card-item .cover img {
  height: 100%;
  object-fit: cover;
  object-position: center top;
}
.card-item .title {
  padding: 15px 15px 5px 15px;
  max-width: 100%;
  letter-spacing: 0.5px;
  font-size: 15px;
  transition: all .3s;
  min-height: 45px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all
}
.item-foot {
  color: #bdbdbd
}
.item-foot a {
  color: #bdbdbd
}
.card-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)
}
.item-foot .cat a {
  color: #70b4f9;
  background: rgba(0, 132, 255, .1);
  padding: 3px 6px;
  border-radius: 2px;
  font-size: 12px;
  display: inline-block
}
.item-foot .cat a:hover {
  background-color: #3385ff;
  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);
  color: #fff
}
.ceo-card-foot {
  padding: 10px 15px 10px 15px;
  border-top: 1px solid #f4f4f4;
}
.ceo-home-card-top {
  margin-top: 30px
}
/*
* ----------------------------------------------------------------------------
* 列表子分类
* ----------------------------------------------------------------------------
*/
.sub-nav {}
.sub-nav li {
  margin-left: 10px;
  color: #999;
  cursor: pointer;
  display: inline-block;
  letter-spacing: 1px;
  line-height: 22px;
  outline: none;
  padding: 0 5px;
  text-align: center;
  border-radius: 5px;
  font-weight: 400;
  background: #fff;
  border: 1px solid #eee;
  font-size: 13px
}
.sub-nav li a {
  color: #999;
  padding: 3px 8px;
  display: inline-block;
  border-radius: 4px
}
.sub-nav li a:hover {
  color: var(--primary-color)
}
.ceo-category-shaixuan {
  margin: 0 15px 0 0;
  color: #666
}
/*文章置顶*/
.ceo-tops {
  transform: translateY(6%);
  display: inline-block;
  margin-right: 3px
}
/*分类文章列表*/
.ceo_freepath_subtitle {
  font-size: 12px;
  color: #999;
  background: #fff;
  padding: 15px 15px 10px 15px;
  height: 12px;
  line-height: 12px;
}
.ceo_freepath_subtitle .clear {
  border-bottom: 1px solid #eee;
  margin-top: 30px
}
.ceo_freepath_zhujiang a {
  float: left;
  color: #999
}
.ceo_freepath_keshi {
  float: right;
  color: #999
}
.ceo_freepath_keshi a {
  color: #999;
  margin-right: -4px;
  font-size: 16px;
  transform: translateY(-10%);
  display: inline-block
}
.ceo_freepath_keshi i {
  font-size: 20px
}
.ceo_freepath_description {
  word-break: break-word;
  font-size: 12px;
  line-height: 20px;
  margin: 15px 0 0 0;
  overflow: hidden;
  color: #555;
  height: 0px;
  transition: all 0.3s;
  opacity: 0;
  position: absolute
}
.card-item222:hover .ceo_freepath_description {
  height: 60px;
  opacity: 1
}
.ceo_freepath_descriptionins {
  height: 40px;
  overflow: hidden;
  padding: 0 15px;
  color: #bdbdbd
}
.ceo_freepath_descriptionins p {
  margin: 0
}
/*
* ----------------------------------------------------------------------------
* 首页排行榜
* ----------------------------------------------------------------------------
*/
.ceo-rank-link-a a:hover {
  color: var(--primary-color)
}
.rank {}
.rank-menu {
  background-color: #feae18;
  width: 305px;
  background-image: url(../images/rank-bg.png);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
.rank-menu li {
  border-radius: 4px 0 0 4px;
  text-align: left
}
.rank-menu li a {
  display: block;
  font-size: 16px;
  padding: 20px 25px;
  color: #fff
}
.rank-menu .ceo-active {
  background: #fff
}
.rank-menu .ceo-active a {
  color: #feae18
}
.rank-item {
  border-bottom: 1px dashed #f6f6f6
}
.rank-item:last-child {
  border: 0
}
.rank-item:hover {
  background: #f8fbff
}
.rank-item a {
  color: #a5a8b1
}
.rank-item-cover {
  width: 120px;
  height: 80px
}
.rank-item-title {
  width: 320px
}
.rank-item-title a {
  color: #262626
}
.rank-item-cat {
  width: 180px;
  color: #a5a8b1
}
.rank-item-count {}
.rank-item-author {
  width: 120px
}
.rank-item-author,
.rank-item-title,
.rank-item-cat,
.rank-item-count {
  margin-top: 15px
}
.rank-tese .ceo-tese-remen,
.rank-tese .ceo-tese-dujia,
.rank-tese .ceo-tese-zuixin,
.rank-tese .ceo-tese-tuijian,
.rank-tese .ceo-tese-jingpin {
  transform: initial
}
/*
* ----------------------------------------------------------------------------
* 首页专辑列表
* ----------------------------------------------------------------------------
*/

.topic {}
.topic-item {
  padding: 30px
}
.topic-item h3 {
  font-size: 17px
}
.topic-item ul {}
.topic-item ul li {
  margin-top: 0 !important
}
.topic-item ul li a {
  color: #7c808a;
  padding: 10px 0
}
.topic-item ul li a:hover {
  color: var(--primary-color);
  padding-left: 3px
}
.topic-item .info {
  color: #bdbdbd
}
.topic-item .info a {
  color: #bdbdbd
}
.topic-item .topic-item-cover {
  height: 260px;
  max-width: 200px
}
.topic-item .topic-item-cover img {
  height: 100%;
  max-width: none
}
.ceo-home-catshow-top {
  margin-top: 30px
}
.ceo-catshow-top {
  transform: translateY(-50px)
}
/*
* ----------------------------------------------------------------------------
* 首页博客列表样式
* ----------------------------------------------------------------------------
*/
.blog {}
.blog-item {
  margin-bottom: 30px;
  transition: all .3s
}
.blog-item: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)
}
.blog-item .cover {
  height: 170px
}
.blog-item .cover img {
  height: 100%;
  min-width: 100%;
  max-width: none
}
.blog-item-content {
  padding: 0 15px
}
.blog-item-content h3 {
  line-height: 0;
  margin-bottom: 10px
}
.blog-item-content h3 a {
  font-size: 18px
}
.blog-item-content p {
  color: #bdbdbd;
  margin: 11px 0
}
.blog-item-content .cat a {
  margin-right: 5px;
  font-family: arial
}
.side-item {}
.side-item .cover {
  height: 180px;
  width: 245px
}
.ceo-blog-items {
  min-height: 100px
}
/*文本列表*/
.ceo-category-article {}
.item-foot a:hover {
  color: var(--primary-color)
}
.ceo-article-items {
  min-height: 69px
}
.ceo-caetegory-article a {
  margin-left: 10px
}
/*
* ------------------------------------------------------------------------------
* 分类页面
* ------------------------------------------------------------------------------
*/
.ceo-cat-vip-Btn {
  display: inline-block;
  border-radius: 50px;
  height: 24px;
  font-size: 12px;
  color: #fff !important;
  position: relative;
  padding-left: 40px;
  padding-right: 16px;
  line-height: 24px;
  overflow: hidden;
  background-image: linear-gradient(to right, #ff2837, #fdd621);
  margin-right: 7px
}
.ceo-cat-vip-Btn i {
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  left: 15px;
  top: 2px;
  overflow: hidden;
  background: #ff8100;
  color: #fff;
  font-size: 14px
}
@media screen and (max-width:800px) {
  .ceo-cat-vip-Btn {
    display: none
  }
}
.ceo-container .ceo-cat-vip-Btn:hover {
  color: #ff0000
}
.cat-bg {
  height: 220px
}
.cat-bg img {
  -webkit-filter: unset;
  filter: unset;
  width: 100%;
}
.cat-bg h3 {
  color: #fff;
  font-size: 28px;
  letter-spacing: 1px
}
.cat-bg p {
  margin-top: 20px;
}
.cat-bg .ceo-overlay-primary {
  background: rgba(34, 34, 34, 0)
}
/*
* ------------------------------------------------------------------------------
* 分类访问密码
* ------------------------------------------------------------------------------
*/
.ceo-cat-password {}
.ceo-cat-password .box {
  width: 600px;
  border-radius: 12px;
  position: relative;
  margin: 200px auto;
  padding: 30px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, .1)
}
.ceo-cat-password .box i {
  display: block;
  font-size: 100px;
  color: #ff8d00
}
.ceo-cat-password label {
  font-size: 18px
}
.ceo-cat-password button {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 18px;
  width: 200px;
  border-radius: 50px;
  background-color: #3385ff;
  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);
  font-size: 15px;
  color: #fff !important
}
/*
* ------------------------------------------------------------------------------
* 分类页面子分类列表
* ------------------------------------------------------------------------------
*/
@media screen and (max-width:1400px) {
  .ceo-cat-category img {
    height: 260px !important
  }
}
.list-nav {
  padding: 10px 0
}
.list-nav ul {
  list-style: none
}
@media screen and (max-width:1400px) {
  .list-nav ul {
    list-style: none;
    white-space: nowrap;
    overflow-x: auto !important
  }
  .list-nav ul::-webkit-scrollbar {
    display: none
  }
  .ceo-catnav-ck {
    list-style: none;
    white-space: nowrap;
    overflow-x: auto !important
  }
  .ceo-catnav-ck::-webkit-scrollbar {
    display: none
  }
  .ceo-fl-icon {
    text-align: center;
    display: inline-block;
    width: 500px
  }
}
.cat-item-dt {
  display: inline-block !important;
  color: #333 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  position: initial !important;
  top: auto !important
}
.list-nav ul li,
.list-nav dl dd {
  display: inline-block;
  color: #999
}
.list-nav ul li a,
.list-nav dl dd a {
  display: inline-block;
  padding: 3px 8px;
  margin: 2px 6px;
  color: #999;
  font-size: 14px
}
.list-nav ul li a:hover,
.list-nav dl dd a:hover {
  color: #1e87f0
}
.list-nav .current-cat {}
.list-nav .current-cat a {
  position: relative;
  color: #333
}
.list-nav .current-cat a {
  z-index: 10;
  color: var(--primary-color);
  background: #f0f6ff;
  display: inline-block;
  padding: 3px 8px;
  border-radius: 4px
}
/*分类高级筛选菜单样式*/
.ceo_filter_item span {
  color: #333;
  font-size: 14px;
  font-weight: 400
}
.ceo_filter_item i {
  margin-right: 2px;
  font-size: 20px;
  display: inline-block;
  transform: translateY(2px)
}
.ceo_filter_item .ceo_filter_whole a.on {
  z-index: 10;
  color: var(--primary-color);
  background: #f0f6ff;
  display: inline-block;
  padding: 3px 8px;
  border-radius: 4px
}
.ceo_filter_item .ceo_filter_whole a {
  margin-left: 11px
}
.ceo_filter_item a.on {
  z-index: 10;
  color: var(--primary-color);
  background: #f0f6ff;
  display: inline-block;
  padding: 1px 8px;
  border-radius: 4px;
  position: relative
}
.ceo_filter_item>.on {
  color: #1890ff
}
.ceo_filter_item {
  margin-top: 10px
}
@media screen and (max-width:800px) {
  .ceo_filter_item span {
    display: inline-block
  }
  .ceo_filter_item a {
    margin-right: 5px;
    line-height: 20px;
    font-size: 13px;
    padding: 0 5px
  }
  .ceo_filter_item {
    margin-top: 0px
  }
}
/*
* ----------------------------------------------------------------------------
* 分类菜单样式
* ----------------------------------------------------------------------------
*/
.ceo-catnav-wz {
  z-index: 1;
  position: relative
}
.ceo-catnav-wz .crumb {
  position: absolute;
  font-size: 0.875rem;
  color: #fff
}
.ceo-catnav-wz .crumb a {
  color: #fff
}
.ceo-catnav-ck {
  line-height: 1.8 !important
}
/*分类菜单样式1*/
.ceo-catnav-1 {
  position: relative;
  margin-bottom: 30px
}
.ceo-catnav-1s {
  padding: 0 20px
}
.ceo-catnav-1 .content_cctr input {
  background: #f3f3f3
}
.ceo-catnav-ss dt {
  top: 85px !important
}
/*分类菜单样式2*/
.ceo-catnav-2 {
  box-shadow: 0px 4px 10px rgba(20, 20, 20, 0.1);
  border-radius: 6px;
  position: relative;
  margin-bottom: 30px
}
.ceo-catnav-2 ul {
  padding: 0 20px;
  margin-top: 0
}
.ceo-catnav-2s {
  padding: 0 20px
}
.ceo-catnav-2 .content_cctr input {
  background: #f3f3f3
}
/*分类菜单样式3*/
.ceo-catnav-3 {
  box-shadow: 0px 4px 10px rgba(20, 20, 20, 0.1);
  border-radius: 6px;
  position: relative;
  margin-bottom: 30px
}
.ceo-catnav-3 ul {
  padding: 0 20px;
  margin-top: 0
}
.ceo-catnav-3s {
  padding: 0 20px
}
.ceo-catnav-3 .content_cctr input {
  background: #f3f3f3
}
.ceo-htt {
  border-top: 1px solid #f1f1f1;
  margin: 10px 20px 10px 20px
}
/*分类菜单样式4*/
.ceo_sidebar_web {
  position: relative;
  top: 0;
  width: 100%;
  height: 93%;
  overflow: hidden;
  right: 0
}
.ceo_sidebar_web .content_ccmrt {
  display: block;
  height: 121px;
  width: 100%;
  text-align: center;
  padding-top: 22px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 6px
}
.ceo_sidebar_web .content_ccmrt h2 {
  font-size: 22px;
  color: #ffd6ac;
  margin-bottom: 16px
}
.ceo_sidebar_web .content_ccmrt button {
  width: 152px;
  height: 33px;
  background: #ffd6ac;
  border-radius: 50px;
  cursor: pointer
}
.ceo_sidebar_web .content_ccmrt a {
  font-size: 15px;
  color: #a3380f
}
.ceo_sidebar_web .content_ccmrm {
  text-align: center;
  padding-top: 18px
}
.ceo_sidebar_web .content_ccmrm p:first-child {
  font-size: 18px;
  font-weight: bold;
  color: #262626
}
.ceo_sidebar_web .content_ccmrm p:first-child:before,
.ceo_sidebar_web .content_ccmrm p:first-child:after {
  content: '';
  display: inline-block;
  width: 30px;
  height: 1px;
  background-color: #aaaaaa;
  vertical-align: middle;
  margin: 0 10px
}
.ceo_sidebar_web .content_ccmrm p:first-child+p {
  font-size: 12px;
  color: #aaaaaa;
  margin: 4px 0 10px
}
.ceo-web-nav {
  border: 1px solid #fff;
  display: inline-block;
  height: 30px;
  border-radius: 4px;
  text-align: center;
  line-height: 30px;
  width: 98px;
  margin-left: 5px;
  color: #fff !important;
  position: absolute;
  top: -160px;
  right: 0
}
.cate-hot-content {
  padding: 0 30px
}
.cate-hot-content li {
  display: flex;
  align-items: center;
  margin-top: 15px
}
.cate-hot-content li a {
  display: inline-block;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  color: #777
}
.cate-hot-content li a span {
  color: #909399;
  font-size: 13px;
  margin-left: 20px
}
/*分类菜单样式5*/
.cat5-title {
  position: absolute;
  max-width: 100%;
  bottom: 0;
  top: 0;
  display: block;
  margin-top: 20px
}
.cat5-bg-img {
  display: block;
  width: 100%;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: transparent;
  position: relative;
  overflow: hidden
}
.cat5-bg {
  height: 100px;
  position: relative
}
.cat5-bg img {
  -webkit-filter: unset;
  filter: unset
}
.cat5-bg h3 {
  color: #fff;
  font-size: 24px;
  letter-spacing: 1px
}
.cat5-title p {
  margin-top: 8px;
  font-size: 12px;
  color: #fff
}
.cat5-bg .ceo-overlay-primary {
  background: rgba(34, 34, 34, 0)
}
@media screen and (max-width:900px) {
  .cat5-title p {
    display: none
  }
  .cat5-title {
    top: 12px
  }
}
/*分类菜单样式6*/
.cat6-bg {
  height: 367px
}
.cat6-bg img {
  -webkit-filter: unset;
  filter: unset;
  height: 100%
}
.ceo-cat6-title {
  margin-bottom: 20px
}
.ceo-cat6-title h3 {
  color: #fff;
  font-size: 28px;
  letter-spacing: 1px
}
.ceo-cat6-title p {
  color: #fff;
  margin-top: 10px
}
.cat6-bg .ceo-overlay-primary {
  background: rgba(34, 34, 34, 0)
}
.cat6-tags-item p {
  display: inline;
  color: #fff
}
.cat6-tags-item a {
  margin-right: 10px
}
.cat6-tags-item a:hover {
  color: var(--primary-color)
}
.cat6-tags-item a:last-child {
  margin-right: 0px
}
.ceo-cat6-ss .search {
  width: 680px;
  background: #fff;
  border-radius: 4px
}
.ceo-cat6-ss .search form {
  height: 45px;
  line-height: 45px
}
.ceo-cat6-ss .search .ceo-input {
  height: 45px;
  line-height: 45px;
  color: #666;
  background-color: rgb(255 255 255 / 0%)
}
.ceo-cat6-ss .search button {
  color: #fff;
  background: var(--primary-color);
  padding: 0 35px;
  border-radius: 0px 4px 4px 0px;
  outline: none;
  filter: chroma(color=#000000)
}
@media screen and (max-width:900px) {
  .cat7-video-model {
    display: none
  }
  .cat6-bg {
    height: 253px
  }
  .ceo-cat6-ss .search {
    width: 100%
  }
  .ceo-cat6-ss .search button {
    padding: 0px 26px
  }
  .ceo-cat6-ss .search form {
    height: 37px;
    line-height: 37px
  }
  .ceo-cat6-ss .search .ceo-input {
    height: 37px;
    line-height: 37px
  }
  .ceo-cat6-title p {
    font-size: 12px
  }
  .ceo-cat6-title h3 {
    font-size: 19px
  }
  .ceo-cat6-title {
    margin-bottom: 13px;
    margin-top: 20px
  }
}
/*分类菜单样式7*/
.cat7-bg-primary {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .3)), to(rgba(216, 216, 216, 0)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, .3) 0, rgba(216, 216, 216, 0) 100%);
  background: -moz- oldlinear-gradient(top, rgba(0, 0, 0, .3) 0, rgba(216, 216, 216, 0) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, .3) 0, rgba(216, 216, 216, 0) 100%)
}
.ceo-cat7-title {
  margin-top: 60px;
  margin-bottom: 20px
}
.ceo-cat7-title h3 {
  font-size: 36px;
  font-weight: 600;
  color: #FFF;
  text-shadow: 0 2px 4px rgba(0, 0, 0, .2)
}
.ceo-cat7-title p {
  color: #fff;
  margin-top: 10px
}
.ceo-cat7-ss .search {
  width: 680px;
  background: #fff;
  border-radius: 4px;
  margin: 0 auto
}
.ceo-cat7-ss .search form {
  height: 44px;
  line-height: 44px
}
.ceo-cat7-ss .search .ceo-input {
  height: 45px;
  line-height: 45px;
  color: #666;
  background-color: rgb(255 255 255 / 0%)
}
.ceo-cat7-ss .search button {
  color: #fff;
  border-radius: 0 4px 4px 0;
  background: var(--primary-color);
  padding: 0 35px;
  outline: none;
  filter: chroma(color=#000000);
  background-color: #3385ff;
  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)
}
.cat7-tags-item p {
  display: inline;
  color: #fff
}
.cat7-tags-item a {
  margin-right: 10px;
  color: #fff !important
}
.cat7-tags-item a:last-child {
  margin-right: 0px
}
.cat7-imgbox {
  margin-top: 40px
}
.cat7-imgbox-mk {
  height: 156px;
  border-radius: 8px;
  overflow: hidden;
  position: relative
}
.cat7-imgbox-mk img {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: .4s ease all;
  -moz-transition: .4s ease all;
  transition: .4s ease all
}
.cat7-imgbox-mk:hover>img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}
.cat7-imgbox-mk a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  padding-top: 55px;
  background: rgba(0, 0, 0, .3);
  line-height: 28px
}
.cat7-imgbox-mk a em {
  font-size: 20px;
  color: #fff;
  font-style: normal
}
.cat7-imgbox-mk a span {
  font-size: 14px;
  color: rgba(255, 255, 255, .7)
}
/*分类搜索*/
.ceo-flss dt {
  color: #333;
  font-size: 14px;
  display: block;
  position: absolute;
  top: 76px;
  font-weight: 400
}
.ceo-flss dt i {
  margin-right: 2px;
  font-size: 20px;
  display: inline-block;
  transform: translateY(2px)
}
.content_cctr {
  height: 28px;
  position: absolute;
  margin-top: 0;
  margin: 0 0 0 106px;
  color: #bfbfbf;
  border-radius: 4px 4px 4px 4px;
  border: solid 0px #f4faff;
  line-height: 28px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  transform: translateY(-52%)
}
.content_cctr i {
  width: 52px;
  height: 100%;
  font-size: 13px;
  text-align: center
}
.content_cctr input {
  width: 166px;
  height: 100%;
  font-size: 12px;
  padding: 0 16px;
  color: #bfbfbf;
  border: solid 0px #f4faff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.content_cctr a {
  display: inline-block;
  width: 52px;
  height: 100%;
  background-image: linear-gradient(90deg, #006eff, #13adff);
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 18px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s
}
.content_cctr a:hover {
  opacity: 0.9
}
/*
* ----------------------------------------------------------------------------
* 分类VIP访问
* ----------------------------------------------------------------------------
*/
.ceo-cat-vip {
  text-align: center;
  background: #fff;
  border-radius: 12px;
  margin: 120px !important;
  padding: 50px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
}
.ceo-cat-vip .icon-tanhao {
  color: #ff8d00;
  font-size: 100px !important;
  display: block;
}
.ceo-cat-vip span {
  margin-bottom: 10px;
  font-size: 28px;
  display: block;
}
.ceo-cat-vip p {
  margin-bottom: 10px;
  font-size: 16px;
}
.ceo-cat-vip a {
  display: block;
  width: 200px;
  margin: 20px auto;
  cursor: pointer;
  line-height: 42px;
  height: 42px;
  text-align: center;
  color: #fff !important;
  font-size: 16px;
  border-radius: 25px;
  background-color: #3385ff;
  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);
  color: #fff !important;
}
.ceo-cat-vip a i {
  margin-left: 5px;
}
.ceo-cat-vip a:hover {
  opacity: .8;
}
@media screen and (max-width:900px) {
  .ceo-cat-vip {
    margin: 50px 0px !important;
    padding: 30px;
  }
  .ceo-cat-vip span {
    font-size: 18px;
  }
  .ceo-cat-vip p {
    font-size: 14px;
  }
  .ceo-cat-vip a {
    width: 180px;
    font-size: 14px;
  }
}
/*
* ----------------------------------------------------------------------------
* 分页样式
* ----------------------------------------------------------------------------
*/
.ceo-margin-small-top-s {
  margin-top: 0px !important
}
.fenye {}
.prev,
.next {}
.ceo-page-img img {
  width: 100% !important
}
.fenye .page-numbers {
  background: #fff;
  display: inline-block;
  padding: 7px 15px;
  border-radius: 4px;
  margin: 0 3px;
  color: #666;
  border: 1px solid var(--border-color)
}
.fenye .current {
  background-color: #3385ff;
  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);
  color: #fff;
  border: none;
  transition: all .3s
}
.fenye .current:hover {
  border: none !important;
  -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3) !important;
  box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3) !important
}
.fenye .page-numbers:hover {
  border: 1px solid var(--border-color);
  transform: translateY(-3px);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .05);
  box-shadow: 0 0 10px rgba(0, 0, 0, .05)
}
/*
* ----------------------------------------------------------------------------
* 分类切换模块
* ----------------------------------------------------------------------------
* */
.ceo-cat-switcher {
  text-align: center
}
.ceo-cat-switcher h5 {
  font-size: 26px;
  color: #333;
  height: 32px;
  line-height: 32px;
  font-weight: 500;
  margin: 20px 0 0 0;
  padding: 0 80px;
  position: relative;
  display: inline-block
}
.ceo-cat-switcher h5:before {
  content: '';
  width: 61px;
  height: 10px;
  position: absolute;
  top: 10px;
  left: 0;
  background: url(../images/ceo_hdicon3.png) center no-repeat
}
.ceo-cat-switcher h5:after {
  content: '';
  width: 61px;
  height: 10px;
  position: absolute;
  top: 10px;
  right: 0;
  background: url(../images/ceo_hdicon4.png) center no-repeat
}
.ceo-cat-switcher em {
  display: block;
  border-bottom: 1px solid var(--primary-color);
  width: 50px;
  margin: 20px auto
}
.ceo-cat-switcher-z {
  margin: 5px 10px !important
}
.ceo-cat-switcher-z h3 {
  font-size: 18px;
  line-height: 1.4
}
.cat-switcher {}
.cat-switcher h3 {
  color: #999;
  cursor: pointer;
  display: inline-block;
  letter-spacing: 1px;
  line-height: 32px;
  outline: none;
  padding: 0 13px;
  text-align: center;
  border-radius: 5px;
  font-weight: 400;
  background: #fff;
  border: 1px solid #eee;
  font-size: 15px
}
.cat-switcher h3:hover {
  color: var(--primary-color)
}
.cat-switcher li {
  cursor: pointer
}
.cat-switcher .ceo-active h3 {
  cursor: pointer;
  display: inline-block;
  letter-spacing: 1px;
  line-height: 32px;
  outline: none;
  padding: 0 13px;
  text-align: center;
  border-radius: 5px;
  font-weight: 400;
  background: #fff;
  color: var(--primary-color);
  border: 1px solid #eee;
  font-size: 15px
}
.cat-switcher .ceo-active h3 a {
  color: var(--primary-color)
}
.cat-switcher .ceo-active h3::after {}
.cat-switcher {}
/*
* ----------------------------------------------------------------------------
* 热门标签调用模块
* ----------------------------------------------------------------------------
* */
.ceo-foot-tags {
  margin-bottom: 13px
}
.hot-tag {}
.hot-tag a {
  color: #999;
  padding: 3px 8px;
  border-radius: 3px;
  display: inline-block;
  margin-right: 15px
}
.hot-tag a:hover {
  background: var(--primary-color);
  color: #fff
}
.hot-tag .all-tag {
  font-size: 13px;
  color: #fff
}
/*
* ----------------------------------------------------------------------------
* 侧边栏样式
* ----------------------------------------------------------------------------
* */
.ceo-sidebar-article-c {
  line-height: 33px
}
.ceo-sidebar-article-ch span i {
  margin-right: 3px;
  font-size: 15px
}
.ceo-sidebar-wenzhang {
  margin-top: 0px !important
}
.ceo-padding-wenzhang-top {
  padding-top: 10px !important
}
.sidebar {}
.side-title {}
.side-title-style {}
.side-title-style:after {
  content: '';
  position: absolute;
  width: 5px;
  height: 100%;
  background: var(--primary-color);
  left: -15px;
  box-shadow: 3px 0px 10px -1px var(--primary-color);
  border-radius: 2px
}
.helper {
  letter-spacing: .5px;
  padding: 20px
}
.helper p {
  max-width: 80%
}
.helper .btn {
  padding: 6px 10px;
  font-size: 13px;
  line-height: normal;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}
.helper .btn i {
  font-size: 14px;
  margin-right: 5px
}
.helper .helper-thumb {
  position: absolute;
  right: 0;
  bottom: 0
}
.helper .btn {
  font-size: 13px
}
.helper .ceo-qun {
  margin-top: 13px
}
.side-author {
  background: #f4faff
}
.side-author .avatar img {
  border-radius: 50%;
  border: 5px solid #fff
}
.side-author-count {}
.side-author-count ul {
  list-style: none
}
.side-author-count ul li {}
.side-author-count ul li p {
  font-size: 16px
}
.side-author-count ul li span {
  color: #aaa
}
.side-author-count .item {
  border-radius: 4px;
  margin: 2px;
  padding: 10px 0
}
.side-author-count .item p {
  font-size: 14px;
  color: #666
}
.side-author-count .item span {
  font-size: 12px;
  color: #bdbdbd;
  display: block
}
.side-author-latest {}
.side-author-latest ul {
  list-style: none;
  margin-left: 10px
}
.side-author-latest ul li {
  padding: 5px 25px
}
.side-author-latest ul li:last-child {
  margin-bottom: 0 !important
}
.side-author-latest ul li a {
  font-size: 14px;
  color: #3c3c3c;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all
}
.side-author-latest ul li a:hover {
  color: var(--primary-color)
}
.side-author-latest ul li span {
  height: 19px;
  font-size: 14px;
  color: #bdbdbd;
  display: inline-block;
}
.side-author-latest ul li:after {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  left: -3px;
  top: 38px;
  background: var(--primary-color)
}
.side-author-latest ul li:before {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  left: -6px;
  top: 35px;
  opacity: 0.3;
  background: var(--primary-color)
}
.side-author .ceo-gzsxbtn-box {
  margin-top: 20px
}
.side-art {}
.side-art .side-art-cover {
  max-height: 70px
}
.ceo-padding-top-small {
  padding: 0px 15px 15px 15px
}
/*双栏模块*/
.ceo-sidebar-double {}
.ceo-sidebar-double li a:hover p {
  color: #026eff
}
.ceo-sidebar-double li {
  margin-bottom: 15px
}
.ceo-sidebar-double p {
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  font-size: 14px;
  margin-top: 6px
}
/*
* ------------------------------------------------------------------------------
* 商城内页样式
* ------------------------------------------------------------------------------
*/
.ceo-single-tese {
  display: inline-block
}
/*热门标签*/
.ceo-single-tese .ceo-tese-remen {
  display: inline-block;
  background: #ffa03f;
  border-radius: 14px;
  height: 28px;
  font-size: 12px;
  color: #ffffff;
  position: relative;
  padding-left: 30px;
  padding-right: 10px;
  line-height: 28px;
  overflow: hidden;
  border: 0px solid #fff;
  transform: translateY(18%)
}
.ceo-single-tese .ceo-tese-remen span {
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  left: 5px;
  top: 4px;
  overflow: hidden;
  background: #ffffff;
  color: #ffa03f;
  font-size: 14px
}
/*独家标签*/
.ceo-single-tese .ceo-tese-dujia {
  display: inline-block;
  background: #5962f1;
  border-radius: 14px;
  height: 28px;
  font-size: 12px;
  color: #ffffff;
  position: relative;
  padding-left: 30px;
  padding-right: 10px;
  line-height: 28px;
  overflow: hidden;
  border: 0px solid #fff;
  transform: translateY(18%);
  font-weight: 400
}
.ceo-single-tese .ceo-tese-dujia span {
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  left: 5px;
  top: 4px;
  overflow: hidden;
  background: #ffffff;
  color: #5962f1;
  font-size: 14px
}
/*最新标签*/
.ceo-single-tese .ceo-tese-zuixin {
  display: inline-block;
  background: #1cc751;
  border-radius: 14px;
  height: 28px;
  font-size: 12px;
  color: #ffffff;
  position: relative;
  padding-left: 30px;
  padding-right: 10px;
  line-height: 28px;
  overflow: hidden;
  border: 0px solid #fff;
  transform: translateY(18%)
}
.ceo-single-tese .ceo-tese-zuixin span {
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  left: 5px;
  top: 4px;
  overflow: hidden;
  background: #ffffff;
  color: #1cc751;
  font-size: 14px
}
/*推荐标签*/
.ceo-single-tese .ceo-tese-tuijian {
  display: inline-block;
  background: #e10dfb;
  border-radius: 14px;
  height: 28px;
  font-size: 12px;
  color: #ffffff;
  position: relative;
  padding-left: 30px;
  padding-right: 10px;
  line-height: 28px;
  overflow: hidden;
  border: 0px solid #fff;
  transform: translateY(18%)
}
.ceo-single-tese .ceo-tese-tuijian span {
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  left: 5px;
  top: 4px;
  overflow: hidden;
  background: #ffffff;
  color: #e10dfb;
  font-size: 14px
}
/*精品标签*/
.ceo-single-tese .ceo-tese-jingpin {
  display: inline-block;
  background: #ff0000;
  border-radius: 14px;
  height: 28px;
  font-size: 12px;
  color: #ffffff;
  position: relative;
  padding-left: 30px;
  padding-right: 10px;
  line-height: 28px;
  overflow: hidden;
  border: 0px solid #fff;
  transform: translateY(18%)
}
.ceo-single-tese .ceo-tese-jingpin span {
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  left: 5px;
  top: 4px;
  overflow: hidden;
  background: #ffffff;
  color: #ff0000;
  font-size: 14px
}
/*内页商标签*/
.ceo-single-shang {
  transform: none;
  position: relative;
  display: inline-block;
  margin-right: 2px;
  width: 24px;
  height: 29px;
  text-align: center;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  line-height: 1.4;
  font-size: 22px;
  transform: translateY(18%);
  background: url(../images/ceo-shang-title.png);
  background-size: 100% 100%
}
/*内页VIP标签*/
.ceo-single-vip {
  transform: none;
  position: relative;
  display: inline-block;
  margin-right: 8px;
  width: 24px;
  height: 29px;
  text-align: center;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  line-height: 1.4;
  font-size: 22px;
  transform: translateY(18%);
  background: url(../images/ceo-vip-title.png);
  background-size: 100% 100%
}
/*
==================================商城侧边栏======================================
*/

/*资源价格*/
.ceo-sidebar-shop-price {
  margin-bottom: 13px
}
.ceo-sidebar-shop-vip {
  margin-left: 9px
}
.ceo-sidebar-shop-vip a {
  float: right;
  line-height: 3
}
/*下载按钮*/
.ceo-sidebar-shop-down {
  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-sidebar-shop-down a {
  color: #fff !important;
  height: 55px;
  line-height: 55px;
  display: block
}
.ceo-sidebar-shop-down:hover {
  background: #007aff;
  background-color: #13adff;
  background-image: -webkit-gradient(linear, left top, right top, from(#13adff), to(#006eff));
  background-image: -webkit-linear-gradient(left, #13adff, #006eff);
  background-image: -o-linear-gradient(left, #13adff 0, #006eff 100%);
  background-image: linear-gradient(90deg, #13adff, #006eff)
}
.ceo-sidebar-shop-down:before {
  content: " ";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 5px;
  top: 5px;
  background: url(../images/ceo-sidebar-shop-down-vip.svg) 50% no-repeat;
  background-size: 20px auto;
  z-index: 10
}
.ceo-sidebar-shop-down.change-color-sc {
  margin-bottom: 0;
}
.ceo-sidebar-shop-down.change-color-sc i {
  position: absolute;
  left: 5px;
  top: 5px;
  z-index: 10;
  line-height: normal;
  font-size: 20px;
}
.ceo-sidebar-shop-down.change-color-sc:before {
  display: none;
}
.ceo-sidebar-shop-down.change-color-sc:hover {
  background: none;
  background-color: #FF6F1C;
  background-image: none;
}
.ceo-sidebar-shop-down: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-sidebar-shop-demo {
  display: block;
  margin-bottom: 18px;
  width: 100%;
  height: 50px;
  border-radius: 4px;
  color: #3573EC;
  font-size: 1pc;
  line-height: 50px;
  cursor: pointer;
  text-align: center;
  position: relative;
  overflow: hidden;
  border: 1px solid #3573EC
}
.ceo-sidebar-shop-demo a {
  color: #3573EC;
  height: 50px;
  line-height: 50px;
  display: block
}
.ceo-sidebar-shop-demo:hover {
  background: #3573EC
}
.ceo-sidebar-shop-demo a:hover {
  color: #fff
}
/*点赞收藏按钮*/
.ceo-sidebar-shop-sz {
  width: 100%;
  height: 45px !important;
  line-height: 45px !important
}
.ceo-sidebar-shop-good a {
  display: block !important;
  padding: 0;
  vertical-align: middle;
  padding: 0;
  line-height: 45px;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  border-radius: 3px
}
.ceo-sidebar-shop-good {
  width: 50% !important;
  float: left;
  height: 45px !important;
  line-height: 45px !important
}
.ceo-sidebar-shop-good .dotGood {
  margin-right: 5px
}
.ceo-sidebar-shop-good .add-collection {
  margin-left: 5px
}
.ceo-sidebar-shop-good .change-color {
  background-color: #1bd8b8;
  background-image: linear-gradient(135deg, #59c3fb 10%, #268df7 100%);
  box-shadow: 0 5px 10px 0 rgba(73, 178, 249, 0)
}
/*信息属性*/
.ceo-sidebar-shop {
  padding: 30px;
}
.sidebar-shop-box {
  background: #f4faff;
  position: relative;
}
.sidebar-shop-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;
}
.sidebar-shop-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;
}
.ceo-sidebar-shop ul {
  list-style: none
}
.ceo-sidebar-shop li {
  display: inline-block;
  width: 100%;
  height: 33px;
  color: #838383;
  font-size: 13px;
  line-height: 33px
}
.ceo-sidebar-shop li .ceo-sidebar-shop-title {
  float: left;
  display: inline-block;
  margin-right: 10px;
  color: #000
}
.ceo-sidebar-shop li .ceo-sidebar-shop-content {
  float: right;
  display: inline-block;
  color: #838383;
  font-size: 13px
}
.ceo-sidebar-shop li .course {
  float: right;
  margin-top: 4px;
  margin-right: 5px;
  padding: 0 10px;
  height: 22px;
  border: 1px solid #f2a20c;
  border-radius: 4px;
  color: #f2a20c;
  font-size: 12px;
  line-height: 22px
}
.ceo-sidebar-shop li .course:hover {
  background: #f2a20c;
  color: #fff
}
.ceo-sidebar-shop .ceo-sidebar-shop-WP {
  border-top: 1px solid #eaeaea;
  padding-top: 20px;
  border-radius: 3px;
  color: #8495a0;
  font-size: 12px
}
.ceo-sidebar-shop .ceo-sidebar-shop-WP .sy-hover-box,
.ceo-sidebar-shop .ceo-sidebar-shop-WP i,
.ceo-sidebar-shop .ceo-sidebar-shop-C a {
  color: #8495a0;
  font-size: 12px !important
}
.ceo-sidebar-shop .ceo-sidebar-shop-C a:hover,
.ceo-sidebar-shop .ceo-sidebar-shop-R span:hover {
  color: var(--primary-color)
}
.ceo-sidebar-shop .ceo-sidebar-shop-L,
.ceo-sidebar-shop .ceo-sidebar-shop-C {
  display: inline-block;
}
.ceo-sidebar-shop .ceo-sidebar-shop-R {
  position: relative;
  display: inline-block
}
.ceo-sidebar-shop .ceo-sidebar-shop-R .sy-hover span {
  color: #a96900
}
.ceo-sidebar-shop .ceo-sidebar-shop-R:hover .sy-hover {
  display: block
}
.ceo-sidebar-shop .ceo-sidebar-shop-R .sy-hover {
  width: 234px;
  font-size: 12px;
  padding: 14px;
  top: 22px;
  right: 0;
  line-height: 20px;
  position: absolute;
  background-color: #fff;
  border: 1px solid #fff2d4;
  border-radius: 6px;
  z-index: 3;
  display: none;
}
.ceo-sidebar-shop .ceo-sidebar-shop-R .sy-hover:before {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  border: 1px solid #fff2d4;
  display: inline-block;
  transform: rotate(45deg);
  right: 17px;
  background-color: #fff;
  top: -4px;
  border-bottom: 0;
  border-right: 0;
}
.ceo-sidebar-shop .ceo-gzsxbtn-box {
  padding: 0 31px;
}
.ceo-sidebar-shop .ceo-weixin-author {
  right: -30px;
  top: -30px;
}
/*商业授权模块*/
.ceo-sidebar-shop-copyright {
  text-align: center
}
.ceo-sidebar-shop-copyright .getcompay {
  display: inline-block;
  margin-bottom: 15px;
  width: 240px;
  height: 40px;
  border-radius: 45px;
  background: #f0d58b;
  color: #6a4b1e;
  line-height: 40px;
  text-align: center
}
.ceo-sidebar-shop-copyright .getcompay:hover {
  background: #e8c464;
  color: #6a4b1e
}
.ceo-sidebar-shop-copyright .getcompay i {
  font-size: 18px;
  margin-right: 3px
}
.ceo-sidebar-shop-copyright ul {
  display: inline-block
}
.ceo-sidebar-shop-copyright li {
  display: inline-block;
  width: 100%;
  height: 33px;
  color: #838383;
  font-size: 13px;
  line-height: 33px
}
.ceo-sidebar-shop-copyright li .m-l2 {
  float: left;
  display: inline-block;
  margin-right: 10px;
  color: #000
}
.ceo-sidebar-shop-copyright li .m-bo:hover {
  border: 1px solid var(--primary-color);
  color: var(--primary-color)
}
.ceo-sidebar-shop-copyright li .m-r2 {
  float: right;
  display: inline-block;
  color: #838383;
  font-size: 13px
}
.ceo-sidebar-shop-copyright .chose {
  margin-bottom: 8px;
  padding-bottom: 13px;
  height: 33px;
  border-bottom: 1px solid #eceff1;
  line-height: 33px
}
.ceo-sidebar-shop-copyright li .m-r2 em {
  position: relative;
  display: inline-block;
  width: 1pc;
  height: 1pc;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  background: #c4c4c4;
  color: #fff;
  vertical-align: 0;
  line-height: 1pc;
  font-style: normal
}
.ceo-sidebar-shop-copyright li .m-r2 em div {
  position: relative
}
.ceo-sidebar-shop-copyright li .m-r2 em:hover .say {
  display: block
}
.ceo-sidebar-shop-copyright li .m-r2 em .say {
  position: absolute;
  top: -340px;
  left: -288px;
  display: none;
  padding: 17px 19px 2pc 28px;
  width: 239px;
  height: auto;
  border: 1px solid #dfdfdf;
  background: #fff;
  color: #af9178;
  cursor: pointer
}
.ceo-sidebar-shop-copyright li .m-r2 em .say .s-tt {
  height: 50px;
  font-size: 18px;
  line-height: 50px
}
.ceo-sidebar-shop-copyright li .m-r2 em .say p {
  text-align: left;
  text-indent: 2em;
  font-size: 9pt;
  line-height: 20px
}
.ceo-sidebar-shop-copyright li .m-bo {
  padding: 0 8px;
  height: 25px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  color: #8a8a8a;
  line-height: 25px;
  cursor: pointer
}
.ceo-sidebar-shop-copyright .dz-ppt {
  border: 1px solid #df9a8b;
  color: #d24625
}
.ceo-sidebar-shop-copyright .dz-ppt:hover {
  background: #d24625;
  color: #fff
}
.ceo-sidebar-shop-copyright .dzweb {
  display: inline-block;
  margin-top: 10px;
  width: 100%;
  height: 44px;
  border-radius: 4px;
  font-size: 15px;
  line-height: 44px;
  cursor: pointer
}
.ceo-sidebar-shop-copyright .dz-ppt i {
  margin-right: 10px
}
.dz-ppts {
  margin-left: 10px
}
.ceo-sidebar-shop-copyright .adpdf {
  display: inline-block;
  width: 100%;
  height: 46px;
  margin-top: 10px
}
.ceo-sidebar-shop-copyright li a i {
  margin-right: 3px;
  font-size: 15px
}
/*商城2侧边栏作者*/
.ceo-sidebar-shop .custom {
  width: 100%;
  background: inherit;
  border: inherit;
  float: right;
  text-align: center;
  margin: auto;
  padding: inherit;
  position: relative !important;
  z-index: 1;
}
.ceo-sidebar-shop .custom:before {
  display: none
}
.ceo-sidebar-shop .cusomPic {
  margin-top: auto
}
.ceo-sidebar-shop .customgf {
  margin-bottom: auto;
  margin: 15px 31px 0 31px;
  height: 42px;
  line-height: 42px;
}
/*---------------------------商城3内页-----------------------------*/
.ceo-shop3-vip {
  margin-left: 9px
}
.ceo-shop3-vip .stag_tp {
  height: 26px;
  line-height: 23px;
  border-radius: 13px;
  border: solid 1px #d8d8d8;
  font-size: 0;
  padding: 1px 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  margin-left: 9px;
  transform: translateY(-2px);
}
.ceo-shop3-vip label {
  font-size: 12px;
  color: #7c7c7c;
  display: inline-block;
  padding: 0 9px;
  text-align: center
}
.ceo-shop3-vip a {
  padding: 0 20px;
  height: 100%;
  display: inline-block;
  background-color: #FF6F1C;
  border-radius: 11px;
  font-size: 12px;
  color: #fff;
  text-align: center
}
.ceo-shop3-zl .pricelt .ceoshop-vip {
  display: inline-block;
  color: #ff6c00;
  font-weight: 400;
  font-size: 13px;
  margin-left: 10px;
}
.ceo-shop3-zl .pricelt .ceoshop-vip i {
  margin-right: 3px;
}
.ceo-shop3-zl .pricelt .ceoshop-vip a {
  margin-left: 5px;
}
.ceo-shop3-zl .buyopa .makeFunc i {
  font-size: 25px;
  line-height: 1;
  transform: translateY(3px);
  display: inline-block;
}
.ceo-shop3-zl .buyopa .makeFunc:hover {
  opacity: .8;
}
.ceo-shop3-zl .pricelt .sellP {
  color: #ff6c00;
}
.ceo-shop3-zl .pricelt .sellP #priceinfo {
  margin-right: 3px;
}
.ceo-shop3-zl {
  position: relative;
  min-height: 407px;
  margin-bottom: 20px;
  border-radius: 4px
}
.ceo-shop3-zl .snyc {
  position: relative;
  padding: 39px 35px 32px;
  z-index: 9;
  border-radius: 4px 4px 0px 0px
}
.snyc .proimg {
  width: 126px;
  height: 126px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  float: left;
  background: url(../images/ceo-shop3-icon1.png) no-repeat center;
  padding: 6px;
  margin-right: 24px;
  position: relative
}
.snyc .proimg img {
  width: 126px;
  height: 126px;
  border-radius: 100%;
  -webkit-border-radius: 100%
}
.snyc .p1 {
  font-weight: bold;
  font-size: 24px;
  color: #edeff2
}
.snyc .p1 span {
  font-weight: normal;
  font-size: 12px;
  color: #939aa8;
  display: inline-block
}
.snyc .p1 span:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 11px;
  background: #4b4d5a;
  margin-right: 12px;
  float: left
}
.snyc .p2 {
  font-size: 12px;
  color: #939aa8;
  margin-top: 13px
}
.snyc .p2 a {
  color: #939aa8 !important
}
.snyc .p2 a:hover {
  color: #fff !important
}
.snyc .p2 input {
  display: inline-block;
  font-size: 12px;
  color: #939aa8;
  width: 175px;
  cursor: pointer;
  outline: none
}
.snyc .p2 .copy_goods_id {
  display: inline-block;
  font-size: 12px;
  color: #939aa8;
  cursor: pointer;
  outline: none
}
.snyc .p3 {
  margin-top: 32px
}
.snyc .p3 span:first-child {
  padding-left: 0
}
.snyc .p3 span {
  display: inline-block;
  position: relative;
  vertical-align: top;
  padding: 0 22px
}
.snyc .p3 i {
  display: block;
  font-size: 12px;
  color: #666e80;
  font-style: normal;
  height: 16px;
  line-height: 16px
}
.snyc .p3 span:first-child b {
  color: #ff8c19 !important
}
.snyc .p3 b {
  display: block;
  font-size: 14px;
  color: #939aa8;
  font-weight: normal;
  height: 24px;
  line-height: 24px;
  margin-top: 8px
}
.snyc .p3 em {
  font-size: 20px;
  color: #ff8c19;
  margin-right: 5px
}
.snyc .p4 {
  display: block;
  width: auto;
  font-size: 12px;
  color: #666f80;
  text-align: center;
  padding-top: 26px;
  position: absolute;
  right: 35px;
  bottom: 41px
}
.snyc .p4 .change-color-sc {
  background-color: inherit;
  background-image: initial;
  box-shadow: inherit;
  color: inherit !important
}
.snyc .p4 a i {
  display: none
}
.snyc:after {
  content: "";
  display: block;
  clear: both
}
.pricelt {
  height: 63px;
  background: #f6f6f6;
  position: relative;
  z-index: 8;
  padding: 11px 38px 11px 38px
}
.pricelt .p4 {
  display: block;
  font-size: 12px;
  color: #666f80;
  text-align: center;
  padding-top: 26px;
  position: absolute;
  right: 35px;
  bottom: 26px
}
.pricelt .p4 i {
  font-size: 16px
}
.pricelt .p4 .change-color {
  padding: 3px 10px;
  border-radius: 4px;
  color: #ff5473 !important;
  background-color: rgba(255, 84, 115, .1);
  margin-right: 10px !important;
  font-size: 12px;
  background: rgba(255, 84, 115, .1);
  box-shadow: 0 5px 10px 0 rgb(16 110 253 / 0%)
}
.pricelt .p4 .change-color-sc {
  padding: 3px 10px;
  border-radius: 4px;
  color: #0084ff !important;
  background: rgba(0, 132, 255, .1);
  margin-right: 10px !important;
  font-size: 12px;
  box-shadow: 0 5px 10px 0 rgb(16 110 253 / 0%)
}
.pricelt .sellP #priceinfo {
  font-size: 36px;
  color: #ff6c00
}
.pricelt .sellP em {
  color: #ff6c00
}
.buyopa {
  height: 50px;
  padding: 20px 0 15px 38px;
  background: #fff;
  position: relative
}
.buyopa .ceo-shop3-demo {
  display: block;
  width: 168px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  border: 1px solid #44a0f6;
  background: #fff;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  font-size: 18px;
  color: #007cef;
  float: left;
  margin-right: 7px;
  margin-bottom: auto;
  position: inherit;
  overflow: inherit
}
.buyopa .ceo-shop3-demo a {
  border: 0px solid #007cef !important;
  background: #fff !important;
  color: #007cef !important
}
.buyopa .shop3-vip {
  background-color: #ff7800;
  border: 1px solid #ff7800;
  color: #fff
}
.buyopa .shop3-vip i {
  font-size: 25px;
  line-height: 1;
  transform: translateY(3px);
  display: inline-block
}
.buyopa .shop3-vip:hover {
  opacity: .8;
}
.buyopa a:first-child {
  border: 1px solid #007cef;
  background: #007cef;
  color: #fff
}
.buyopa a {
  display: block;
  width: 168px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  border: 1px solid #44a0f6;
  background: #fff;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  font-size: 18px;
  color: #44a0f6;
  float: left;
  margin-right: 7px
}
.buyopa .hont {
  padding-left: 18px;
  line-height: 20px;
  font-size: 12px;
  color: #cbcbcb;
  position: absolute;
  right: 38px;
  bottom: 16px
}
.buyopa .hont i {
  font-size: 14px;
  margin-right: 3px
}
.mother {
  height: 22px;
  line-height: 22px;
  padding: 11px 38px 12px;
  background: #fff;
  font-size: 12px;
  color: #aeb1b8;
  border-top: 1px dashed #e5e5e5;
  border-radius: 0px 0px 4px 4px
}
.mother i {
  margin-right: 3px;
  color: #007cef !important
}
.mother span {
  height: 22px;
  display: inline-block;
  vertical-align: top;
  padding: 0 15px;
  position: relative
}
.mother span em {
  display: block;
  width: 1px;
  height: 11px;
  background: #e6e6e6;
  position: absolute;
  right: 0px;
  top: 5px
}
/*---------------------------商城4内页-----------------------------*/
.ceo-shop4 {
  width: 100%;
  position: relative;
  height: 470px;
  margin-bottom: 70px
}
.ceo-shop4-top h1 {
  font-size: 24px;
  color: #fff;
  height: 40px;
  line-height: 40px;
  margin-bottom: 13px;
  font-weight: 400;
  text-align: center;
  position: relative
}
.ceo-shop4-titles {
  text-align: center;
  margin-bottom: 25px
}
.ceo-shop4-titles a {
  color: #999 !important
}
.ceo-shop4-titles a:hover {
  color: #fff !important
}
.ceo-shop4-top .deankcpic {
  width: 350px;
  height: 200px;
  margin: 0 auto;
  box-shadow: 0px 4px 8px rgba(7, 17, 27, 0.4);
  background: url(../images/ceo-shop4-bgs.png) center no-repeat;
  background-size: cover;
  position: relative;
  border-radius: 8px
}
.ceo-shop4-top .deankcpic img {
  width: 330px;
  height: 160px;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1;
  border-radius: 4px
}
.ceo-shop4-top .deankcinfos {
  margin-top: 11px;
  padding: 32px;
  box-sizing: border-box;
  width: 100%;
  display: inline-block;
  background-color: #fff;
  border-radius: 4px 4px 0px 0px;
  border-bottom: 1px dashed #e5e5e5
}
.ceo-shop4-top .deankcinfos .deankcinfo_s .deancurprices {
  font-size: 24px;
  font-weight: 300;
  color: #07AEFC;
  line-height: 36px
}
.ceo-shop4-top .deankcinfos .deankcinfo_s {
  position: absolute
}
.ceo-shop4-top .deankcinfos .deankcinfo_l ul li {
  float: left;
  width: 175px;
  font-weight: 200;
  color: #4d555d;
  text-align: center
}
.ceo-shop4-top .deankcinfos .deankcinfo_l ul li span {
  display: block;
  font-size: 12px;
  line-height: 12px;
  margin-bottom: 4px
}
.ceo-shop4-top .deankcinfos .deankcinfo_l ul li p {
  font-size: 14px;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  color: #333
}
.ceo-shop4-top .sc-info-line {
  float: left;
  width: 1px;
  height: 36px;
  background: #d9dde1
}
.ceo-shop4-top .deankcinfos .deankcinfo_r .deancurprices {
  float: left;
  font-size: 24px;
  font-weight: 300;
  color: #07AEFC;
  line-height: 36px
}
.ceo-shop4-top .deankcinfos .deankcinfo_r a {
  float: right;
  display: block;
  margin-left: 12px;
  padding: 0 18px;
  height: 36px;
  line-height: 36px;
  font-size: 16px;
  font-weight: 300;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  background-color: #07AEFC;
  border: 1px solid #07aefc;
  cursor: pointer;
  -weibkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s
}
.ceo-shop4-top .deankcinfos .deankcinfo_r .shop4-vip {
  background-color: #ff7800;
  border: 1px solid #ff7800;
  color: #fff
}
.ceo-shop4-top .deankcinfos .deankcinfo_r .shop4-demo {
  background-color: #fff0;
  border: 1px solid #07aefc;
  color: #07aefc
}
.ceo-shop4 .sellP {
  font-size: 13px;
  color: #07aefc;
}
.ceo-shop4 .sellP #priceinfo {
  color: #07aefc
}
.ceo-shop4 .sellP em {
  color: #07aefc
}
.ceo-shop4 .ceoshop-vip {
  display: inline-block;
  color: #07aefc;
  font-weight: 400;
  font-size: 13px;
  margin-left: 10px;
}
.ceo-shop4 .ceoshop-vip i {
  margin-right: 3px;
}
.ceo-shop4 .ceoshop-vip a {
  margin-left: 5px;
}
.ceo-shop4 .sellP #priceinfo {
  margin-right: 3px;
}
.ceo-shop4 .shop4_tp {
  height: 26px;
  line-height: 23px;
  border-radius: 13px;
  border: solid 1px #d8d8d8;
  font-size: 0;
  padding: 1px 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  margin-left: 9px;
  transform: translateY(-10%)
}
.ceo-shop4-vip a {
  padding: 0 20px;
  height: 100%;
  display: inline-block;
  background-color: #07aefc;
  border-radius: 11px;
  font-size: 12px;
  color: #fff;
  text-align: center
}
.ceo-shop4-vip label {
  font-size: 12px;
  color: #7c7c7c;
  display: inline-block;
  padding: 0 9px;
  text-align: center
}
.ceo-shop4 .mother {
  height: 22px;
  line-height: 22px;
  padding: 11px 32px 12px;
  background: #fff;
  font-size: 12px;
  margin-top: -8px;
  color: #aeb1b8;
  border-top: 1px dashed #e5e5e5;
  border-radius: 0px;
  box-shadow: 0px 12px 24px rgba(7, 17, 27, 0.1)
}
.ceo-shop4 .mother .hont {
  padding-left: 18px;
  line-height: 20px;
  font-size: 12px;
  color: #cbcbcb;
  float: right
}
.ceo-shop4-top .ceo-shop4-bhgx {
  display: inline-block;
  top: 8px;
  position: relative
}
.ceo-shop4-top .ceo-shop4-bh {
  float: left;
  font-size: 13px;
  margin-right: -5px;
  color: #fff;
  background: #07aefc;
  padding: 3px 16px;
  border-radius: 4px
}
.ceo-shop4-top .ceo-shop4-gx {
  float: left;
  font-size: 13px;
  margin-left: 0px;
  color: #fff;
  background: #07aefc;
  padding: 3px 16px;
  border-radius: 4px
}
@media screen and (min-width:1400px) {
  .ceo-shop4-nr .single-main {
    width: 100% !important;
    max-width: 1440px
  }
}
@media screen and (max-width:1399px) {
  .ceo-shop4-nr .single-main {
    width: 100% !important
  }
}
/*---------------------------商城5内页-----------------------------*/
.ceo-shop5-list {
  width: 26.666666%;
  margin-top: 0px !important;
}
.ceo-shop5-title {
  padding: 30px 30px 10px 30px;
  border-radius: 4px 4px 0px 0px
}
.ceo-shop5-mulu {
  height: 50px;
  line-height: 50px;
  margin-bottom: 20px
}
.ceo-shop5-mulu h3 {
  font-size: 16px;
  color: #fc5531;
  height: 32px;
  line-height: 32px;
  font-weight: 500;
  position: absolute;
  display: block;
  border-bottom: 1px solid #fc5531;
  padding-bottom: 20px
}
.ceo-shop5-mulu h3 i {
  font-size: 23px;
  transform: translateY(13%);
  display: inline-block;
  margin-right: 1px
}
.ceo-shop5-zs {
  float: right;
  line-height: 25px;
  position: relative;
  transform: translateY(13%)
}
.ceo-shop5-zs a {
  font-size: 12px;
  padding: 0 8px
}
.ceo-shop5-sidebar {
  background-color: #2c2c2c;
  border: 1px solid #2c2c2c
}
.ceo-shop5-liebiao {
  list-style: none;
  overflow-y: auto;
  height: 388px
}
.ceo-shop5-liebiao li {
  padding-left: 0 !important;
  padding-right: 0 !important;
  height: 32px;
  font-size: 13px;
  line-height: 32px;
  display: inline-block;
  width: 100%
}
.ceo-shop5-liebiao li a {
  color: #868686;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  width: 75%;
  font-size: 12px
}
.ceo-shop5-liebiao li a:hover {
  color: #fc5531
}
.ceo-shop5-liebiao li a i {
  font-style: normal;
  position: relative;
  top: 1px;
  margin-right: 8px
}
.ceo-shop5-liebiao li em {
  font-style: normal;
  position: relative;
  margin-left: 15px;
  top: -10px;
  font-size: 12px;
  color: #868686
}
.ceo-shop5-liebiao li a .icon-video {
  background-color: #fc5531;
  background-image: url(../images/ceo-shop5-v.gif);
  background-position: center 30%;
  background-size: 60%;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 8px;
  background-repeat: no-repeat;
  border-radius: 7px;
  position: relative;
  top: 2px
}
.ceo-shop5-liebiao::-webkit-scrollbar {
  display: none
}
.ceo-shop5-liebiao-d {
  color: #fc5531 !important
}
.ceo-shop5-liebiao-s em {
  color: #fc5531 !important
}
.ceo-shop5-b {
  margin-left: 32px !important;
  font-size: 12px !important;
  color: #868686 !important;
  width: auto !important
}
a .ceo-shop5-b:hover {
  color: #fc5531
}
.ceo-shop5-gg a {
  display: inline-block;
  width: 100%;
  height: 46px;
  margin-top: 20px;
  margin-bottom: 10px
}
.ceo-shop5-fuwu {}
.ceo-shop5-fuwu ul {
  text-align: center
}
.ceo-shop5-fuwu a {
  display: inline-block;
  border: 1px solid #444;
  font-size: 12px;
  color: #999;
  padding: 3px 7px;
  border-radius: 2px;
  margin-bottom: 5px
}
.ceo-shop5-fuwu a:hover {
  border: 1px solid #fff;
  color: #fff
}
/*---------------------------商城6内页-----------------------------*/
.shop6-content .erphpdown {
  display: none
}
.ceo_shop6_special_bg {
  height: 400px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center
}
.ceo-shop6-top h1 {
  font-size: 24px;
  color: #333;
  height: 40px;
  line-height: 40px;
  margin-top: 30px;
  margin-bottom: 13px;
  font-weight: 400;
  text-align: center;
  position: relative
}
.ceo-shop6-top #div_html {
  color: #fa7699
}
.ceo-shop6-titles {
  margin-bottom: 30px !important
}
.ceo-shop6-titles a {
  font-size: 12px;
  color: #999 !important
}
.ceo-shop6-titles span {
  font-size: 12px
}
.ceo-shop6-titles i {
  font-size: 12px
}
.ceo-shop6-titles a:hover {
  color: #fa7699 !important
}
.ceo_shop6_img_box {
  position: relative
}
.ceo_shop6_img_box .pre-cat i {
  font-size: 80px
}
.ceo_shop6_img_box .next-cat i {
  font-size: 80px
}
.ceo_shop6_img_box .pre-cat:hover {
  color: #fa7699
}
.ceo_shop6_img_box .next-cat:hover {
  color: #fa7699
}
.ceo_shop6_images {
  margin: 0 !important
}
.ceo_shop6_img_box .pre-cat {
  position: absolute;
  left: 0;
  top: 30%;
  text-align: center;
  font-size: 2.5em;
  margin: 0;
  color: #fff;
  text-shadow: 0 2px 4px rgba(0, 0, 0, .2)
}
.ceo_shop6_img_box .next-cat {
  position: absolute;
  right: 0;
  top: 30%;
  text-align: center;
  font-size: 2.5em;
  margin: 0;
  color: #fff;
  text-shadow: 0 2px 4px rgba(0, 0, 0, .2)
}
.ceo_shop6_page_imges {
  text-align: center;
  margin: 30px 0
}
.ceo_shop6_imgmk {}
.ceo_shop6_imgmk a.ceo_shop6_images img {
  cursor: url(../images/ceo_img_mouse.cur), auto;
  margin-bottom: 30px
}
.pagination {
  display: block;
  max-width: 1180px;
  width: 100%;
  margin: 0 auto;
  height: 100px;
  margin-bottom: 25px;
  text-align: center;
  padding-top: 30px;
  border-radius: 0;
  background: #fff
}
.ceo_shop6_page_numbers {
  padding: 10px 15px;
  text-align: center;
  border: 1px solid #eee;
  color: #a1a1a1;
  text-decoration: none;
  margin-left: 3px;
  margin-right: 3px;
  border-radius: 4px
}
.ceo_shop6_page_imges a:hover {
  color: #fa7699
}
.nav-links .current {
  padding: 10px 15px;
  color: #fff;
  line-height: 40px;
  text-align: center;
  border: 1px solid #fa7699;
  background: #fa7699;
  margin-left: 3px;
  margin-right: 3px
}
.ceo_shop6_img_bq {
  padding: 30px 30px 0px 30px
}
.ceo-shop6-sidebar-xxbox {
  margin-top: 16px;
  background: #f5f6f8;
  padding: 20px;
  border-radius: 8px
}
.ceo-sidebar-shop6-down {
  display: block;
  margin-bottom: 18px;
  width: 100%;
  height: 60px;
  color: #fff;
  font-size: 1pc;
  line-height: 60px;
  cursor: pointer;
  text-align: center;
  position: relative;
  overflow: hidden;
  background: linear-gradient(90deg, #0099ff, #1677ff);
  box-shadow: 0 10px 16px 0 #c1e5ff;
  border-radius: 40px
}
.ceo-sidebar-shop6-down:hover {
  background: linear-gradient(90deg, #1677ff, #0099ff)
}
.ceo-sidebar-shop6-down a {
  color: #fff;
  height: 60px;
  line-height: 60px;
  display: block
}
.ceo-sidebar-shop6-price {
  margin-bottom: 18px;
  margin-top: -26px;
  text-align: center
}
.ceo-sidebar-shop6-price .sellP #priceinfo {
  font-size: 60px;
  margin-right: 3px;
}
.ceo-sidebar-shop6-price .ceo-sidebar-shop-vip {
  display: block;
  margin-left: 0px
}
.ceo-sidebar-shop6-price .ceoshop-vip {
  display: block;
  color: #ff2a00;
  font-weight: 400;
  font-size: 13px;
  margin-left: 10px;
}
.ceo-sidebar-shop6-price .ceoshop-vip i {
  margin-right: 3px;
}
.ceo-sidebar-shop6-price .ceoshop-vip a {
  margin-left: 5px;
}
.ceo-shop6-sidebar-img {
  display: block;
  margin-top: 23px
}
.ceo-shop6-sidebar-img img {
  width: 100%;
  height: 50px;
  border-radius: 4px
}
.ceo-sidebar-shop-6-an .change-color {
  background: #ffb2cb;
  border-radius: 30px;
  line-height: 36px
}
.ceo-sidebar-shop-6-an .change-color-sc {
  background: #03A9F4;
  border-radius: 30px;
  line-height: 36px
}
.ceo-sidebar-shop6-tops {
  position: relative
}
.ceo-sidebar-shop6-tops:before {
  content: " ";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 5px;
  top: 5px;
  background: url(../images/ceo-sidebar-shop-down-vip.svg) 50% no-repeat;
  background-size: 20px auto;
  z-index: 10
}
.ceo-sidebar-shop6-tops: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
}
@media screen and (min-width:1400px) {
  .ceo-shop6-nr .single-main {
    width: 100% !important;
    max-width: 1440px
  }
}
@media screen and (max-width:1399px) {
  .ceo-shop6-nr .single-main {
    width: 100% !important
  }
}
@media screen and (max-width:900px) {
  .ceo_shop6_img_box .next-cat,
  .ceo_shop6_img_box .pre-cat {
    display: none
  }
}
/*---------------------------手机商城内页-----------------------------*/

.ceo_app_shop {
  position: relative;
  margin-bottom: 20px;
  border-radius: 4px
}
.app_shop_vip {
  background: #f7e5e9;
  position: relative;
  z-index: 8;
  padding: 0 20px 0 20px;
  margin: 0 auto;
  text-align: center
}
.app_shop_vip_title {
  margin-left: 0;
  color: #ff5473;
  font-size: 12px
}
.app_shop_vip_title i {
  font-size: 13px;
  margin-right: 3px
}
.ceo_app_shop .app_shop_mk {
  position: relative;
  padding: 20px 20px 20px;
  z-index: 9;
  border-radius: 4px 4px 0px 0px
}
.app_shop_mk .app_shop_img {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  margin-bottom: 10px
}
.app_shop_mk .app_shop_img img {
  border-radius: 6px;
  -webkit-border-radius: 6px
}
.app_shop_mk .app_shop_title_h1 {
  font-size: 15px;
  color: #edeff2
}
.app_shop_mk .ceo-tese-jingpin {
  height: 20px;
  line-height: 20px;
  padding-left: 25px
}
.app_shop_mk .ceo-tese-jingpin span {
  width: 16px;
  height: 16px;
  line-height: 16px;
  top: 2px;
  font-size: 12px
}
.app_shop_mk .p2 {
  font-size: 12px;
  color: #939aa8;
  margin-top: 13px
}
.app_shop_mk .p2 a {
  color: #939aa8 !important
}
.app_shop_mk .p2 a:hover {
  color: #fff !important
}
.app_shop_mk .p2 input {
  display: inline-block;
  font-size: 12px;
  color: #939aa8;
  width: 175px;
  cursor: pointer;
  outline: none
}
.app_shop_mk .p2 .copy_goods_id {
  display: inline-block;
  font-size: 12px;
  color: #939aa8;
  cursor: pointer;
  outline: none
}
.app_shop_mk .p2 .ceo-text-small {
  font-size: 0.6rem;
  line-height: 1.5
}
.app_shop_jg {
  background: #f6f6f6;
  position: relative;
  z-index: 8;
  padding: 10px 20px 10px 20px
}
.app_shop_jg .app_shop_jg_se #priceinfo {
  font-size: 26px;
  color: #ff6c00
}
.app_shop_jg .app_shop_jg_se {
  font-size: 12px;
  color: #ec1c2b
}
.app_shop_jg .app_shop_jg_se em {
  color: #ff6c00;
  font-style: normal
}
.app_shop_jg .p4 {
  display: block;
  font-size: 12px;
  color: #666f80;
  text-align: center;
  padding-top: 10px
}
.app_shop_jg .p4 i {
  font-size: 12px
}
.app_shop_jg .p4 .change-color {
  padding: 2px 6px;
  border-radius: 4px;
  color: #ff5473 !important;
  background-color: rgba(255, 84, 115, .1);
  font-size: 12px;
  background: rgba(255, 84, 115, .1);
  box-shadow: 0 5px 10px 0 rgb(16 110 253 / 0%)
}
.app_shop_jg .p4 .change-color-sc {
  padding: 2px 6px;
  border-radius: 4px;
  color: #0084ff !important;
  background: rgba(0, 132, 255, .1);
  margin-left: 4px !important;
  font-size: 12px;
  box-shadow: 0 5px 10px 0 rgb(16 110 253 / 0%)
}
.app_shop_an {
  padding: 20px;
  background: #fff;
  position: relative;
  max-width: 100%
}
.app_shop_an .ceo-shop3-demo {
  display: block;
  width: 100%;
  margin-top: 10px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  border: 1px solid #44a0f6;
  background: #fff;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  font-size: 18px;
  color: #007cef;
  margin-bottom: auto;
  position: inherit;
  overflow: inherit
}
.app_shop_an .ceo-shop3-demo a {
  border: 0px solid #007cef !important;
  background: #fff !important;
  color: #007cef !important
}
.app_shop_an .xz1 .shop3-vip {
  background-color: #ff7800;
  border: 1px solid #ff7800;
  color: #fff
}
.app_shop_an a:first-child {
  border: 1px solid #007cef;
  background: #007cef;
  color: #fff
}
.app_shop_an a {
  display: block;
  height: 48px;
  width: 100%;
  line-height: 48px;
  text-align: center;
  border: 1px solid #44a0f6;
  background: #fff;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  font-size: 18px;
  color: #44a0f6;
  float: left
}
.app_shop_an .xz .xz1 {
  padding-left: 20px;
  box-sizing: border-box;
  width: 100%
}
.app_shop_an .xz {
  margin-left: -20px;
  display: flex
}
.app_shop_an .hont {
  line-height: 20px;
  font-size: 12px;
  color: #cbcbcb;
  text-align: center;
  margin-top: 10px
}
.app_shop_an .hont i {
  font-size: 14px;
  margin-right: 3px
}
.ceo_app_shop .app_mother {
  line-height: 22px;
  padding: 10px 20px 10px 20px;
  background: #fff;
  font-size: 12px;
  color: #aeb1b8;
  border-top: 1px dashed #e5e5e5;
  border-radius: 0px 0px 4px 4px
}
.ceo_app_shop .app_mother i {
  margin-right: 3px;
  color: #007cef !important
}
.ceo_app_shop .app_mother span {
  height: 22px;
  display: inline-block;
  vertical-align: top;
  padding: 0 15px;
  position: relative
}
.ceo_app_shop .app_mother span em {
  display: block;
  width: 1px;
  height: 11px;
  background: #e6e6e6;
  position: absolute;
  right: 0px;
  top: 5px
}
/*
* ------------------------------------------------------------------------------
* 评论样式
* ------------------------------------------------------------------------------
*/

/*评论基础样式*/
.comments {}
.comments-title {
  padding: 20px 30px
}
.comments-title span {
  font-size: 16px
}
.comments-title i {
  color: var(--primary-color);
  font-size: 20px;
  transform: translateY(5%);
  display: inline-block
}
.comment-list {
  padding: 20px 30px
}
.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-color: #3385ff;
  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);
  color: #fff !important;
}
.comment-from .btn:hover {
  transform: none;
  opacity: .8
}
.comment-main {
  padding-top: 15px
}
.comment-head {
  font-size: 14px
}
.comment-head a {
  font-size: 14px;
  color: #333
}
.comment-head a:hover {
  color: var(--primary-color)
}
.comment-head a span {
  display: inline-block;
  transform: translateY(2px)
}
.comment-head .data {
  color: #bdbdbd;
  text-align: right
}
.comment-head .data a {
  font-size: 12px;
  color: #bdbdbd
}
.comment-head .avatar {
  margin-right: 3px;
  display: inline-block
}
.comment-content {
  padding: 15px 0 0 25px;
  font-size: 14px
}
.comment-content p {
  margin: 0;
  background-color: #f8f8f8;
  padding: 15px;
  border-radius: 4px
}
.comment-content p a {
  color: var(--primary-color) !important
}
.comment-head .avatar img {
  border-radius: 50px
}
.comment-list .avatar img {
  border-radius: 50px
}
.ceo-comments-text {
  font-size: 14px
}
.ceo-comments-textarea {
  resize: vertical
}
.ceo-comment-wu {
  text-align: center;
  background-color: #f8f8f8;
  padding: 15px 0;
  border-radius: 4px;
  font-size: 14px;
}
/*最新评论样式*/
.new-comment {
  margin: 0;
  max-height: 360px
}
.new-comment li {
  padding: 20px 0;
  font-size: 13px
}
.new-comment li>.avatar {
  margin-right: 4px
}
.new-comment li>.avatar img {
  border-radius: 50px
}
.new-comment li:last-child {
  border: 0
}
.new-comment li a {
  color: #999;
  line-height: 26px
}
.new-comment li .content {
  padding: 6px 10px
}
.new-comment li p {
  margin: 10px 0 0
}
/*
* ------------------------------------------------------------------------------
* 登录页面样式
* ------------------------------------------------------------------------------
*/
/*新版弹窗注册登录*/
.ceo-navbar-login {
  margin-top: 3vh;
  width: 700px !important;
}
.ceo-navbar-login .ceo-modal-close {
  border: 1px solid #ccc;
  border-radius: 50px;
  width: 20px;
  height: 20px;
}
.ceo-navbar-login .zcontent {
  width: 350px;
  height: 100%;
  background-size: cover;
  background-position: 50% 0%;
  background-repeat: no-repeat;
}
.ceo-navbar-login .zcontent {}
.ceo-navbar-login .zcontent .box {}
.ceo-navbar-login .ycontent {
  padding: 40px;
}
.ceo-navbar-login .ycontent .registersms {
  color: var(--primary-color);
}
.ceo-login-btn {
  line-height: 45px;
  font-size: 15px;
}
.ceo-navbar-login .ceo-login-bottom {
  padding: 14px 40px;
  font-size: 12px;
  line-height: 12px;
  color: #8693ab;
  background: #f8f8fb;
}
.ceo-navbar-login .ceo-login-bottom a {
  color: var(--primary-color);
}
.ceo-navbar-login .ycontent .ceo-login-other {
  position: relative;
  z-index: 1;
  color: #979CA2;
  height: 16px;
  font-size: 12px;
  text-align: center;
  margin-bottom: 30px;
}
.ceo-navbar-login .ycontent .ceo-login-other:before {
  left: 0;
}
.ceo-navbar-login .ycontent .ceo-login-other:after {
  right: 0;
}
.ceo-navbar-login .ycontent .ceo-login-other:before,
.ceo-navbar-login .ycontent .ceo-login-other:after {
  content: '';
  position: absolute;
  width: 30%;
  top: 50%;
  border-bottom: 1px solid #E6E9E8;
  transform: translateY(-50%);
}
.ceo-form-icon i {
  font-size: 22px !important;
}
.go-captcha_mobile {
  border: 1px solid #e5e5e5 !important;
  background: #f7f8f9;
  font-size: 14px !important;
  padding: 0px;
  line-height: 38px !important;
}
.ceo-login-title h3 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 5px;
}
/*新版弹窗注册登录*/
/*弹窗*/
.ceo-modal-dialog {
  width: 366px;
}
.ceo-login-title {
  margin-bottom: 30px;
}
.ceo-login-title span {
  color: #333;
  font-weight: bold;
  font-size: 18px;
}
.ceo-login-qq {
  text-align: center !important;
  margin-top: 40px;
}
.ceo-login-qq a {
  color: #ffffff !important;
  -webkit-border-radius: 50%;
  -moz-border-radius: 2px;
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  margin: 0 5px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  padding: 0;
  letter-spacing: 0;
  font-weight: normal;
  margin-top: 0px !important
}
.agreen {
  margin: 0 0 20px 0;
  font-size: 13px
}
.mpweixin_login_button {
  background-color: #07c160;
  background-image: -webkit-gradient(linear, left top, right top, from(#07c160), to(#0cff80));
  background-image: -webkit-linear-gradient(left, #07c160, #0cff80);
  background-image: -o-linear-gradient(left, #07c160 0, #0cff80 100%);
  background-image: linear-gradient(90deg, #07c160, #0cff80);
  -webkit-box-shadow: 0 5px 10px 0 rgb(7 193 96 / 30%);
  box-shadow: 0 5px 10px 0 rgb(7 193 96 / 30%);
  color: #fff !important;
}
.weixin_login_button {
  background-color: #07c160;
  background-image: -webkit-gradient(linear, left top, right top, from(#07c160), to(#0cff80));
  background-image: -webkit-linear-gradient(left, #07c160, #0cff80);
  background-image: -o-linear-gradient(left, #07c160 0, #0cff80 100%);
  background-image: linear-gradient(90deg, #07c160, #0cff80);
  -webkit-box-shadow: 0 5px 10px 0 rgb(7 193 96 / 30%);
  box-shadow: 0 5px 10px 0 rgb(7 193 96 / 30%);
  color: #fff !important;
}
.weibo_login_button {
  background: -webkit-gradient(linear, left top, left bottom, from(#f87c45), to(#f36126));
  background: linear-gradient(180deg, #f87c45, #f36126);
  -webkit-box-shadow: 0 5px 10px 0 rgb(243 101 42 / 0.3);
  box-shadow: 0 5px 10px 0 rgb(243 101 42 / 0.3);
  color: #fff !important;
}
/*弹窗*/
.login-warp {
  background: #00000030
}
.login-bg {}
.login-bg img {
  width: 100%;
  -webkit-filter: blur(10px);
  filter: blur(10px)
}
.login-main {
  width: 960px;
  margin: 0 auto
}
.login-box {
  width: 100%
}
.login-bg-01 {
  width: 100%;
  bottom: -15px;
  z-index: 20
}
.login-bg-01 .bg-box {
  height: 50px;
  background: #fff;
  margin: 0 10px;
  opacity: .5
}
.login-bg-02 {
  width: 100%;
  bottom: -30px;
  z-index: 10
}
.login-bg-02 .bg-box {
  height: 50px;
  background: #fff;
  margin: 0 20px;
  opacity: .2
}
.login-contnet {
  z-index: 30;
  width: 100%
}
.login-l {
  height: 100%;
  border-right: 1px solid #f2f2f2
}
.login-l h2 {
  font-family: arial;
  padding-bottom: 15px
}
.login-l .btn-on {
  font-size: 14px;
  letter-spacing: 1px;
  transition: all .3s;
  color: #fff
}
.login-l .login-sms {}
.login-l .btn-on i {
  margin-right: 3px
}
.login-l .submit {
  color: #fff
}
.login-l .title-minor {
  text-align: center;
}
.login-l .ceo-login-qq {
  text-align: center !important;
  margin: 20px 0;
}
.login-l .title-minor em {
  display: inline-block;
  width: 45px;
  height: 0px;
  border-bottom: 1px solid rgba(221, 221, 221, 1);
  vertical-align: middle;
}
.login-l .title-minor span {
  list-style: none;
  font-size: 12px;
  color: #888888;
  font-weight: 400;
  margin-top: 0;
  margin: 0 18px 20px 18px;
}
.login-l .ceo-button {
  line-height: 46px;
  font-size: 15px;
}
.login-l .registersms {
  color: var(--primary-color);
}
.login-l .ceo-login-bottom {
  padding: 14px 30px;
  font-size: 14px;
  line-height: 14px;
  color: #8693ab;
  background: #f8f8fb;
}
.login-l .ceo-login-bottom a {
  color: var(--primary-color);
}
.login-r {
  height: 100%;
  background-size: 100%
}
.login-r img {
  min-height: 100%;
  max-width: none;
  min-width: 100%
}
.s-res {
  border-top-left-radius: 0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 0;
  box-shadow: 10px 0 30px -10px rgba(0, 0, 0, 0.2);
  margin-left: -175px;
  transition: all .3s
}
.login-r:hover .s-res {
  margin: 0
}
.s-res a {
  color: #fff;
  padding: 6px 20px
}
.s-res h4 {
  padding-bottom: 15px;
  font-size: 16px
}
.s-res p {}
.s-res p:after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  height: 1px;
  width: 100%;
  background: #aaa
}
.s-res span {
  z-index: 10;
  padding: 0 4px
}
.s-res .btn-on {
  font-size: 14px;
  letter-spacing: 1px;
  padding: 4px 20px;
  font-family: arial
}
.s-res .btn-on i {
  margin-right: 3px
}
.s-res .btn-on:hover {
  color: #fff
}
.email-sms {}
.email-sms .btn {
  font-size: 12px;
  padding: 6px 7px;
  margin: 5px;
  top: 0;
  right: 0;
  position: absolute;
  cursor: pointer
}
.email-sms .btn:hover {
  transform: none
}
.social-login {
  font-family: arial;
  font-size: 13px;
  color: #fff !important;
  padding: 5px 10px
}
.social-login i {
  font-size: 25px
}
.form-popup {
  max-width: 600px;
  margin: 0 auto
}
.main-menu-wrap,
footer {
  display: block
}
#login_binding p {
  margin: 0 0 20px 0
}
#reg_binding p {
  font-size: 0.875rem;
  line-height: 1.5;
  margin: 0 0 20px 0
}
.ceo-invitation-btn {
  text-align: center;
  display: block;
  color: var(--primary-color)
}
/*微信扫码关注登录*/
.login-weixin {}
.login-weixin .login-weixin-img {
  margin-top: -20px !important;
}
.login-weixin .login-weixin-p {
  text-align: center;
  display: block;
  background: #13c07e26;
  padding: 10px 0;
  color: #13c07e;
  border-radius: 4px;
}
/*弹窗绑定邮箱*/
.bindemail-verify-code {
  display: inline-block;
  outline: none;
  position: absolute;
  right: 5px;
  cursor: pointer;
  background: #3436421a;
  border-radius: 50px;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  padding: 6px 13px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 12px;
  color: #717171
}
.bindemail-verify-code:hover {
  color: #026eff
}
.bindemail-verify-code:focus {
  outline-color: #d2d8d8
}
/*VIP专享弹窗*/
.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
}
.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;
  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 {
  color: #fff
}
/*
* ------------------------------------------------------------------------------
* 单页样式
* ------------------------------------------------------------------------------
*/

/*作者页面*/
.author {}
.author-head {
  height: 245px
}
.author-head img {
  width: 100%
}
.author-head .avatar {
  height: 100px;
  width: 100px
}
.author-head .avatar>img {
  width: 100%
}
.author-head-info {
  padding: 5px
}
.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 {
  margin-top: 50px;
  z-index: 1
}
.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-top .ceo-admin-author-p2 {
  margin-top: 2px
}
.ceo-author-an {
  position: relative;
  z-index: 1
}
.ceo-author-anbox {
  position: absolute;
  right: 0;
  top: 20px
}
.ceo-author-an .ceo-author-anbox .ceo-width-1-3 {
  width: 50%
}
.ceo-author-anbox button {
  font-size: 12px;
  line-height: 24px;
  padding: 0 10px;
  width: 77px
}
.ceo-author-soc {
  text-align: center;
  height: 30px;
  line-height: 30px;
  margin-top: 10px
}
.ceo-author-soc a {
  margin-right: 10px;
  color: #fff !important
}
.ceo-author-soc a:hover {
  opacity: .8;
  color: #fff
}
.ceo-author-soc a:last-child {
  margin-right: 0px
}
.ceo-author-soc a i {
  font-size: 22px !important
}
.ceo-author-countbox {
  padding: 20px 0;
  margin-bottom: 20px;
  box-shadow: 0 2px 3px #ededed
}
.ceo-author-countbox .item span {
  color: #333
}
.author-menu {
  list-style: none
}
.author-menu .ceo-active {}
.author-menu .ceo-active a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 4px;
  background: var(--primary-color);
  box-shadow: 0px 2px 10px -1px #2c63ff;
  border-radius: 3px
}
.author-menu li {
  margin-right: 30px
}
.author-menu li a {
  color: #333;
  font-size: 16px
}
@media only screen and (max-width:800px) {
  .ceo-user-apps-a a {
    color: #999 !important
  }
}
/*网址导航样式*/
.site {}
.site-head {
  width: 100%;
  max-height: 300px;
  background-size: 100%
}
.site-switcher {
  width: 600px
}
.site-switcher-menu {}
.site-switcher-menu li {
  display: inline-block;
  padding: 10px 0;
  margin: 0 20px
}
.site-switcher-menu li span {
  cursor: pointer;
  font-size: 15px;
  color: #666
}
.site-switcher-menu .ceo-active {
  position: relative
}
.site-switcher-menu .ceo-active::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: #2c63ff;
  box-shadow: 0 1px 7px -1px #2c63ff;
  border-radius: 4px
}
.site-switcher-main {
  box-shadow: 0 6px 20px -8px #e5f2ff
}
.site-select {
  border: 0;
  padding: 0 20px;
  outline: medium;
  cursor: pointer
}
.site-form {
  display: none
}
.site-form input {
  width: 100%;
  border-radius: 4px;
  padding: 16px 0;
  text-indent: 1em;
  border: 0
}
.site-form input:focus {
  outline: medium
}
.site-form button {
  position: absolute;
  top: 10px;
  right: 0;
  border: 0;
  background: none;
  cursor: pointer;
  margin: 5px 10px;
  font-weight: bold;
  color: #54677b
}
.site-search {
  flex: 1
}
.site-item {
  box-shadow: 0 10px 20px -10px rgb(230, 234, 245);
  transition: all .3s
}
.site-item:hover {
  transform: translateY(-5px)
}
.site-item>a {
  color: #262626
}
.site-item>a:hover {
  color: #000
}
.site-item-data {
  padding-top: 10px;
  margin-top: 10px
}
.site-item .site-item-tag {}
.site-item .site-item-tag a {
  display: inline-block;
  padding: 3px 8px;
  background: #f9f9f9;
  color: #999;
  font-size: 12px;
  border-radius: 4px
}
.site-item .site-item-tag a:hover {
  color: #fff;
  background: #2c63ff;
  box-shadow: -3px 2px 10px -2px #2c63ff
}
.site-item .site-item-go {
  flex: 1;
  color: #262626
}
.site-item a .thumb {
  display: block;
  height: 0;
  border-radius: 4px;
  padding-bottom: 100%;
  width: 32px;
  margin-top: 7px;
}
.site-item a img {}
.site-item a span {
  font-size: 15px;
}
.site-item a p {
  font-size: 12px;
  color: #999;
  margin-top: 5px;
}
.sitenav {}
.sitenav li {
  list-style: none
}
.sitenav li:last-child {
  border: 0
}
.sitenav li a {
  color: #999;
  font-size: 13px;
  background: #fff;
  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-submit {
  line-height: 55px;
  font-size: 15px
}
.site-title {}
.site-title span {
  padding-bottom: 12px;
  border-bottom: 2px solid #000;
  color: #262626;
  font-size: 15px
}
.site-box {
  padding: 15px 20px
}
.site-box .site-box-cover {
  width: 160px;
  height: 160px
}
.site-box .site-box-cover img {
  width: 100%;
  height: 100%
}
.site-box-cover-small {
  width: 45px;
  height: 45px
}
.site-content {}
.site-content a {
  color: var(--primary-color)
}
.site-content a i {
  line-height: 1;
  margin-left: 5px
}
.site-content ul {
  padding: 20px;
  list-style: none
}
.site-content li {
  margin-bottom: 10px;
  font-size: 13px;
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 10px
}
.site-content li:last-child {
  border: 0;
  margin: 0;
  padding: 0
}
.site-content p {
  margin: 0;
  display: inline-block
}
.site-content .btn {
  padding: 2px 6px;
  font-size: 13px
}
.site-classification-box h3 {}
.site-box .site-box-tj {
  -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: 10px 0;
  display: block;
  text-align: center
}
.site-side a.thumb {
  display: block;
  height: 0;
  border-radius: 4px;
  padding-bottom: 100%;
  width: 38px;
}
/*网址收录*/
.ceo-sitebmit {
  display: flex;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 6px;
  box-shadow: 0 4px 12px 0 rgba(52, 73, 94, 0.1);
  padding: 20px 40px 20px 0
}
.ceo-sitebmit-text {
  color: #fff;
  background: linear-gradient(-125deg, #0295f9 0%, #2f49fd 100%);
  padding: 1rem 1.5rem;
  border-radius: .375rem;
  max-width: 100%;
  font-size: 13px
}
.ceo-sitebmit h3 {
  margin: 0;
  font-size: 1.5rem
}
.ceo-sitebmit h3 i {
  font-size: 33px;
  vertical-align: middle !important
}
.ceo-sitebmit p {
  margin-top: 0;
  margin: 0 0 20px 0
}
/*存档页面*/
.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 {
  padding-left: 35px;
  margin-bottom: 18px;
  margin-top: 20px;
  font-size: 20px;
  font-weight: bold;
  color: #1e87f0;
  line-height: 20px
}
.ceo-archives-container ol,
.ceo-archives-container ul {
  padding-left: 2em;
  margin-bottom: 20px;
  list-style-position: outside;
  list-style-type: disc
}
.ceo-archives-list {
  padding-left: 20px;
  margin: 0
}
.ceo-archives-list li {
  list-style: disc;
  margin-left: 20px;
  margin-bottom: 9px;
  font-size: 14px
}
.ceo-archives-list a {
  color: #666
}
.ceo-archives-list a:hover {
  color: #1e87f0
}
.ceo-archives-list time {
  width: 40px;
  display: inline-block
}
.ceo-archives-list span {
  font-size: 12px;
  display: inline-block;
  margin-left: 10px
}
/*公告页面样式*/
.ceo-gonggao-Btn {
  display: inline-block;
  border-radius: 50px;
  height: 24px;
  font-size: 12px;
  color: #ffffff;
  position: relative;
  padding-left: 32px;
  padding-right: 10px;
  line-height: 24px;
  background-image: linear-gradient(90deg, #006eff, #13adff);
  margin-right: 7px
}
.ceo-gonggao-Btn i {
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  left: 8px;
  top: 2px;
  overflow: hidden;
  background: #ff8100;
  color: #fff;
  font-size: 14px
}
.ceo-cbp-tmtimeline {
  list-style: none;
  padding-left: 0
}
.ceo-gonggao-li {
  background-color: #fff;
  padding: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  border-radius: 4px
}
.ceo-gonggao-title {
  font-weight: 700;
  font-size: 20px
}
.ceo-gonggao-about {
  margin-top: 16px;
  margin-bottom: 16px;
  font-size: 12px;
  color: #999
}
.ceo-gonggao-entry-content {
  color: #4c4c4c;
  font-size: 15px;
  letter-spacing: .5px;
  line-height: 2
}
.ceo-gonggao-entry-content p {
  font-style: normal
}
.gonggao_content .ceo-background-muted a {
  font-style: normal
}
.ceo-gonggao-entry-content a {
  color: #206aff
}
/*友情链接样式*/
.ceo-link-row {
  background-color: #fff;
  padding: 20px;
  margin-bottom: 30px;
  border-radius: 4px
}
.ceo-link-plinks {
  position: relative;
  margin-top: 30px;
  width: 100%;
  padding: 0
}
.ceo-link-plinks li.linkcat {
  border-radius: 6px
}
.ceo-link-plinks li.linkcat ul {
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none
}
.ceo-link-plinks li.linkcat ul li {
  float: left;
  overflow: hidden;
  margin-top: 15px;
  width: calc(20% - 20px);
  background: #f8f8f8;
  margin-bottom: 10px;
  border-radius: 3px;
  margin-left: 10px;
  margin-right: 10px
}
.ceo-link-plinks li.linkcat ul li:hover {
  opacity: 0.6;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}
.ceo-link-plinks li.linkcat ul li a {
  overflow: hidden;
  margin-bottom: 20px;
  display: block;
  cursor: pointer;
  padding: 20px 18px 0;
  color: #333
}
.ceo-link-plinks li.linkcat ul li a:hover {
  color: #005fee
}
.ceo-link-plinks li.linkcat ul li a img {
  width: 32px;
  height: 32px;
  border-radius: 32px;
  display: inline-block;
  margin-right: 8px
}
@media (max-width:768px) {
  .ceo-link-plinks li.linkcat ul li {
    width: calc(50% - 20px)
  }
}
@media (max-width:544px) {
  .ceo-link-plinks li.linkcat ul li {
    width: 100%
  }
}
.ceo-link-plinks ol,
.ceo-link-plinks ul,
.ceo-link-plinks li {
  list-style: none
}
.ceo-link-row h1 {
  position: relative;
  padding-left: 20px;
  margin-bottom: 20px;
  margin-top: 20px;
  font-size: 1.8rem !important
}
.ceo-link-row h1:after {
  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
}
.ceo-link-row h2 {
  position: relative;
  padding-left: 20px;
  margin-bottom: 20px;
  margin-top: 20px;
  font-size: 18px !important
}
.ceo-link-row h2:after {
  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
}
.ceo-link-row h3 {
  position: relative;
  padding-left: 20px;
  margin-bottom: 20px;
  margin-top: 20px;
  font-size: 18px !important
}
.ceo-link-row h3:after {
  content: '';
  width: 6px;
  height: 6px;
  background: var(--primary-color);
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 0;
  top: 15px;
  box-shadow: 3px 0px 10px -1px var(--primary-color)
}
/*QQ群联盟*/
.ceo-padding-app {
  padding: 30px
}
.ceo-qqqun-bg {
  background: #fff;
  padding: 30px;
  margin-top: 20px
}
.ceo-qqqun .ceo-qqqun-lb {
  position: relative;
  border: 1px solid #eee;
  padding: 20px;
  text-align: center
}
.ceo-qqqun .ceo-qqqun-lb .joinqq {
  display: inline-block;
  width: 100%;
  height: 4pc
}
.ceo-qqqun .ceo-qqqun-lb .joinqq .img {
  display: inline-block;
  overflow: hidden;
  width: 50px;
  height: 50px;
  vertical-align: -18px
}
.ceo-qqqun .ceo-qqqun-lb .joinqq .img img {
  width: 50px;
  height: 50px;
  border-radius: 45px
}
.ceo-qqqun .ceo-qqqun-lb .joinqq .qqone {
  display: inline-block
}
.ceo-qqqun .ceo-qqqun-lb .joinqq .qqone .lianmeng .qq {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  height: 31px;
  vertical-align: -11px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1pc;
  line-height: 31px
}
.ceo-qqqun .ceo-qqqun-lb .joinqq .qqone .number {
  color: #9d9d9d;
  font-size: 9pt
}
.ceo-qqqun .ceo-qqqun-lb .joinqq .qqone em {
  display: inline-block;
  margin-left: 11px;
  height: 9pt;
  border: 1px solid #6287e3;
  color: #6287e3;
  font-size: 9pt;
  line-height: 9pt;
  font-style: normal;
  padding: 1px 8px;
  border-radius: 2px
}
.ceo-qqqun .ceo-qqqun-lb a {
  display: inline-block;
  margin-top: 13px;
  border-radius: 3px;
  padding: 5px 45px;
  color: #fff;
  font-weight: 400;
  font-size: 15px;
  background-color: #3385ff;
  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);
  outline: 0;
  -webkit-transition: all .1s ease-out 0s;
  -o-transition: all .1s ease-out 0s;
  transition: all .1s ease-out 0s
}
.ceo-qqqun-row h1 {
  position: relative;
  padding-left: 20px;
  margin-bottom: 20px;
  margin-top: 20px;
  font-size: 1.8rem !important
}
.ceo-qqqun-row h1:after {
  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
}
.ceo-qqqun-row h2 {
  position: relative;
  padding-left: 20px;
  margin-bottom: 20px;
  margin-top: 20px;
  font-size: 18px !important
}
.ceo-qqqun-row h2:after {
  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
}
.ceo-qqqun-row h3 {
  position: relative;
  padding-left: 20px;
  margin-bottom: 20px;
  margin-top: 20px;
  font-size: 18px !important
}
.ceo-qqqun-row h3:after {
  content: '';
  width: 6px;
  height: 6px;
  background: var(--primary-color);
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 0;
  top: 15px;
  box-shadow: 3px 0px 10px -1px var(--primary-color)
}
/*客服验证页面*/
.ceo-checkqq {
  border-radius: 4px
}
.ceo-checkqq button {
  width: 160px;
  outline: 0;
  line-height: 40px;
  background: #3385ff;
  background-color: #3385ff;
  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) !important;
  -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
  box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
  color: #fff;
  border: 0px solid #ffffff
}
.ceo-checkqq-top {
  width: 100%;
  height: 320px;
  position: relative;
  overflow: hidden
}
.ceo-checkqq-top img {
  height: 320px
}
.ceo-checkqq-desc {
  margin-top: 30px;
  background: #f2f2f2;
  font-size: 13px;
  color: #999;
  padding: 10px;
  border-radius: 4px
}
.ceo-checkqq-desc i {
  margin-right: 3px
}
.ceo-login-title .icon-shibai,
.ceo-login-title .icon-chenggong {
  font-size: 56px
}
.ceo-checkqq-mk {}
.ceo-checkqq-box {
  padding: 15px;
  position: relative;
  overflow: hidden;
  background: #fff;
  margin-bottom: 20px !important;
  border-radius: 4px;
  -webkit-border-radius: 4px
}
.ceo-checkqq-box-img {
  float: left;
  width: 135px;
  height: 135px;
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  margin-right: 15px;
  overflow: hidden
}
.ceo-checkqq-box-img img {
  width: 135px;
  height: 135px;
  border-radius: 4px;
  -webkit-border-radius: 4px
}
.ceo-checkqq-box-title {}
.ceo-checkqq-box-title-name {
  height: 26px;
  line-height: 26px;
  font-size: 20px;
  color: #363535
}
.ceo-checkqq-box-title-name p {
  display: inline;
  text-align: center;
  font-size: 12px;
  color: #026eff;
  border: 1px solid #026eff;
  margin-left: 13px;
  padding: 1px 6px;
  vertical-align: top
}
.ceo-checkqq-box-title-name p i {
  font-size: 13px;
  margin-right: 3px
}
.ceo-checkqq-box-title-where {
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #595656;
  margin-top: 6px
}
.ceo-checkqq-box-title-desc {
  line-height: 24px;
  font-size: 14px;
  color: #8d8787;
  margin-top: 12px
}
.ceo-checkqq-box-title-an {
  float: left;
  display: block;
  margin-top: 14px;
  line-height: 33px;
  padding: 0 33px;
  text-align: center;
  font-size: 14px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  background: #3385ff;
  background-color: #3385ff;
  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) !important;
  -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
  box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
  color: #fff;
  border: 0px solid #ffffff
}
.ceo-checkqq-box-title-an a {
  color: #fff
}
/*标签大全样式*/
.page-tags-item {
  padding: 20px 0;
  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 {
  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: var(--primary-color)
}
.page-tags-li {
  padding: 20px
}
.page-tags-li a {
  display: inline-block;
  background: #f2f6fc;
  color: #666;
  padding: 5px 10px;
  margin: 3px 5px
}
/*单页合集样式*/
.page-about {}
.page-menu {}
.page-menu ul {}
.page-menu ul li {
  padding: 20px 0;
  margin: 0 !important;
  border-bottom: 1px solid var(--border-color);
  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 .current-menu-item {
  background: #fafafa
}
.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: 100%;
  background: #2c63ff;
  left: 0;
  box-shadow: 3px 0px 10px -1px #2c63ff;
  border-radius: 2px
}
.page-main {}
/*单页背景*/
.ceo-page-bg {
  -webkit-filter: unset;
  filter: unset
}
.ceo-page-bg {
  height: 220px
}
.ceo-page-bg h3 {
  color: #fff;
  font-size: 28px;
  letter-spacing: 1px
}
.ceo-page-bg .ceo-overlay-primary {
  background: rgba(34, 34, 34, 0)
}
@media screen and (max-width:800px) {
  .ceo-page-bg {
    height: auto
  }
}
/*波浪*/
.ceo-meihua-boo {
  height: 30px;
  margin-top: -30px
}
.ceo-meihua-boo-waves {
  position: relative;
  width: 100%;
  height: 15vh;
  min-height: 30px;
  max-height: 30px
}
.ceo-meihua-boo-parallax>use {
  animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite
}
.ceo-meihua-boo-parallax>use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s
}
.ceo-meihua-boo-parallax>use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s
}
.ceo-meihua-boo-parallax>use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s
}
.ceo-meihua-boo-parallax>use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s
}
@keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0)
  }
  100% {
    transform: translate3d(85px, 0, 0)
  }
}
@media (max-width:768px) {
  .ceo-meihua-boo-waves {
    height: 30px;
    min-height: 30px
  }
}
/*404错误单页*/
.page404 {}
.page404 .btn {
  padding: 12px 30px;
  border-radius: 50px
}
.page404 h1 {
  font-size: 4rem
}
/*标签页*/
.ceo-tag-page {}
/*搜索页面*/
.ceo-pages-search .crumb {
  line-height: 30px
}
.ceo-search-icon {
  line-height: 30px
}
.ceo-search-icon a {
  display: inline-block;
  margin: 0 7px;
  color: #666;
}
.ceo-search-icon a:hover {
  color: var(--primary-color);
}
.ceo-search-icon a i {
  margin-right: 3px;
  font-size: 16px !important;
  display: inline-block;
  transform: translateY(1px);
  line-height: 1;
}
/*找回密码页面*/
.ceo-resetpass {
  padding: 20px;
  text-align: center;
  margin-right: 0;
  border-radius: 4px;
  margin: 20px 0 !important
}
.ceo-resetpass form {
  width: 380px;
  margin: 0 auto;
  text-align: left
}
.ceo-resetpass form p {
  margin-bottom: 20px
}
.ceo-resetpass h1 {
  font-size: 24px;
  font-weight: normal
}
.ceo-resetpass h3 {
  font-size: 16px
}
.ceo-resetpasssteps {
  margin-bottom: 60px;
  overflow: hidden
}
.ceo-resetpasssteps li {
  width: 33.33333%;
  float: left;
  background-color: #eee;
  color: #666;
  line-height: 43px;
  position: relative
}
.ceo-resetpasssteps li.xz {
  background-color: var(--primary-color) !important;
  color: #fff !important
}
.ceo-resetpass .text {}
.ceo-resetpass .text i {
  font-size: 60px !important;
  line-height: 1;
  color: var(--primary-color);
  margin-bottom: 20px;
  display: block
}
.ceo-resetpass .text span {
  color: var(--primary-color);
  font-size: 18px;
  margin-bottom: 20px;
  display: block
}
.ceo-resetpass .btns {
  border: 0px solid #fff !important;
  cursor: pointer;
  background-color: #3385ff;
  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) !important;
  -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
  box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
  color: #fff !important
}
.ceo-resetpass .netext {
  text-align: center
}
.ceo-resetpass .errtip {
  background-color: #FCEAEA;
  color: #DB5353;
  padding: 8px 15px;
  font-size: 14px;
  border: 1px solid #FC9797;
  border-radius: 5px
}
/*案例展示单页*/
.ceo-case-desc {
  font-size: 15px;
  background-color: #fff;
  border-radius: 4px;
  margin: 20px 0;
  padding: 20px;
  text-align: center;
  color: #666
}
.ceo-case {
  margin-top: 40px;
  margin-bottom: 40px !important
}
.ceo-case-mk {
  border-radius: 4px !important
}
.ceo-case-mk span {
  display: inline-block;
  background: #f1f2f5;
  border-radius: 20px;
  height: 20px;
  font-size: 12px;
  position: absolute;
  margin: 8px 0 0 8px;
  color: #006eff;
  padding-left: 26px;
  padding-right: 10px;
  line-height: 20px
}
.ceo-case-mk span i {
  display: block;
  width: 15px;
  height: 15px;
  line-height: 15px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  left: 5px;
  top: 2px;
  overflow: hidden;
  background: #006eff;
  color: #fff;
  font-size: 12px
}
.ceo-case-title-mk {
  text-align: center;
  padding: 10px !important
}
.ceo_t_home_mk_a {
  padding: 0px 21px 21px 21px;
  border-radius: 4px;
  box-shadow: 0px 10px 30px -10px #ddd
}
.ceo_t_home_mk_a p {
  font-size: 12px;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all
}
.ceo_t_home_mk_a .title {
  padding: 10px;
  max-width: 100%;
  letter-spacing: 0.5px;
  font-size: 15px;
  transition: all .3s;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all
}
.ceo_t_home_mk_btn {
  border-radius: 4px;
  padding: 5px 30px;
  font-size: 12px;
  margin: 0 5px;
  display: inline-block !important;
  border: 1px solid #006eff;
  display: inline-block !important;
  background: #fff;
  -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
  box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
  color: #006eff !important
}
.ceo_t_home_mk_btn:hover {
  background: #fff;
  border: 1px solid #006eff;
  background-image: linear-gradient(90deg, #006eff, #13adff) !important;
  color: #fff !important
}
@media screen and (max-width:800px) {
  .ceo_t_home_mk_btn {
    padding: 0px 10px
  }
}
/*建站服务单页*/
.ceo-pages-web-bottom {
  background-size: 100% calc(100% + 2px);
  height: 276px;
  text-align: center
}
.ceo-pages-web-bottom p {
  padding-top: 74px;
  font-size: 36px;
  font-weight: 400;
  color: #fff
}
.ceo-pages-web-bottom-btn {
  cursor: pointer;
  margin: 0 auto;
  margin-top: 44px;
  width: 176px;
  height: 52px;
  line-height: 51px;
  border: 1px solid #fff;
  border-radius: 6px
}
.ceo-pages-web-bottom-btn a {
  font-size: 18px;
  font-weight: 400;
  color: #fff !important
}
.ceo-pages-web-gz {
  padding: 40px 0 60px 0
}
.web-gz-box-title {
  color: #111;
  font-size: 28px;
  text-align: center;
  padding: 0 0 40px 0
}
.web-gz-box-title p {
  font-size: 12px;
  color: #8A8D94
}
.ceo-pages-web-gzbox-yw {
  text-align: center;
  box-shadow: 1px 8px 25px 0px rgba(65, 115, 178, 0.13)
}
.web-gzbox-yw-border {
  padding: 20px;
  border-radius: 4px
}
.web-gzbox-yw-border .price {
  font-size: 36px;
  font-weight: bold;
  color: #fff
}
.web-gzbox-yw-border .price em {
  color: #fff;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  margin: 0 3px
}
.web-gzbox-yw-border img {
  margin-bottom: 20px
}
.web-gzbox-yw-border span {
  margin-bottom: 5px;
  font-size: 22px;
  display: block;
  color: #fff
}
.web-gzbox-yw-border p {
  font-size: 14px;
  display: block;
  color: #fff
}
.web-gzbox-yw-item-bottom {
  padding: 20px
}
.web-gzbox-yw-item-bottom li {
  font-size: 13px;
  margin-bottom: 15px
}
.web-gzbox-yw-item-bottom a {
  display: block;
  width: 168px;
  height: 45px;
  text-align: center;
  line-height: 45px;
  background: #2c7dfa;
  color: #fff !important;
  border-radius: 5px;
  font-size: 14px;
  margin: 0 auto;
  margin-top: 30px;
  position: relative;
  overflow: hidden
}
.ceo-pages-web-qa {
  padding: 80px 0
}
.ceo-pages-web-qa-box-each {
  background: #f5f6f8;
  border-radius: 4px
}
.ceo-pages-web-qatitle {
  color: #111;
  font-size: 28px;
  text-align: center;
  padding: 0px 0 40px 0
}
.ceo-pages-web-qatitle p {
  font-size: 12px;
  color: #8A8D94
}
.ceo-pages-web-qa-box-t {
  height: 52px;
  line-height: 52px;
  border-bottom: 1px dashed #dbdde0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  color: #434343;
  font-weight: bold
}
.ceo-pages-web-qa-box-t p {
  overflow-wrap: break-word;
  position: relative;
  height: 52px;
  overflow: hidden;
  line-height: 52px;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: 45px;
  color: #505050;
  font-weight: 900
}
.ceo-pages-web-qa-box-t p:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 20px;
  width: 18px;
  height: 17px;
  margin-top: -8.5px;
  background: url(../images/ceo-q.png) no-repeat center
}
.ceo-pages-web-qa-box-each-detail {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 15px 15px 45px
}
.qa-box-each-detail-con {
  overflow-wrap: break-word;
  font-size: 13px;
  color: #b4b4b4;
  line-height: 25px;
  height: 50px;
  margin-bottom: 8px;
  position: relative;
  padding-left: 0
}
.qa-box-each-detail-con:before {
  content: '';
  display: block;
  position: absolute;
  top: 5px;
  left: -25px;
  width: 18px;
  height: 17px;
  background: url(../images/ceo-a.png) no-repeat center
}
.qa-box-each-detail-con li {
  list-style: none;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all
}
.qa-box-each-detail-link {
  display: block;
  font-size: 13px;
  color: #858585;
  margin: 8px 0 8px 0;
  position: relative
}
.ceo-pages-web-bg {
  height: 500px;
  text-align: center;
  width: 100%;
  display: inline-block;
  background-color: #fff
}
.ceo-pages-web-bg-max {
  padding-top: 150px;
  padding-bottom: 50px
}
.ceo-pages-web-bg-max span {
  color: #fff;
  font-size: 36px;
  font-weight: bold
}
.ceo-pages-web-bg-max p {
  color: #fff;
  margin-top: 15px
}
.ceo-pages-web-bg-max a {
  width: 150px;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  color: #487bf0;
  background-color: #f5f8ff;
  cursor: pointer;
  text-align: center;
  margin-top: 40px;
  display: inline-block
}
.ceo-pages-web-bg-max a:hover {
  color: #f5f8ff;
  background-color: #487bf0
}
.web-yw-box-title {
  color: #111;
  font-size: 28px;
  text-align: center;
  padding: 0 0 20px 0
}
.web-yw-box-title p {
  font-size: 12px;
  color: #8A8D94
}
.web-yw-box-con {
  padding-top: 32px
}
.web-yw-box-con-li {
  padding: 30px;
  border-radius: 10px;
  text-align: center;
  background: #fff
}
.web-yw-box-con-li span {
  display: block
}
.web-yw-box-con-li p {
  font-size: 18px;
  color: #222;
  text-align: center;
  margin-bottom: 25px
}
.web-yw-box-con-li em {
  font-size: 12px;
  color: #888;
  text-align: center;
  font-style: normal
}
.web-yw-box-an {
  display: block;
  width: 168px;
  height: 45px;
  text-align: center;
  line-height: 45px;
  background: #2c7dfa;
  color: #fff !important;
  border-radius: 5px;
  font-size: 14px;
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 40px !important;
  position: relative;
  overflow: hidden
}
.web-yw-box-an:hover {
  color: #fff;
  opacity: .8
}
.ceo-pages-web-yw-box {
  background: #f5f9fc;
  padding: 80px 0
}
.ceo-pages-web-tem {
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: 50% 50%;
  position: relative
}
.ceo-pages-web-tem-zz {
  background-color: #000;
  opacity: 0.5;
  filter: alpha(opacity:50);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1
}
.ceo-pages-web-tem-choice {
  height: 380px;
  position: relative;
  z-index: 2;
  text-align: center;
  margin: 0px auto
}
.ceo-pages-web-tem-choice span {
  font-size: 38px;
  padding-top: 89px;
  margin-bottom: 16px;
  color: #FFF;
  text-align: center;
  display: block
}
.ceo-pages-web-tem-choice p {
  font-size: 16px;
  padding-bottom: 0px;
  color: #fff;
  text-align: center;
  display: block
}
.ceo-pages-web-tem-choice a {
  color: #fff
}
.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
  }
}
@media only screen and (max-width:900px) {
  .ceo-pages-web-bg {
    height: 260px
  }
  .ceo-pages-web-yw-box {
    padding: 40px 0
  }
  .ceo-pages-web-qa {
    padding: 40px 0
  }
  .ceo-pages-web-bg-max {
    padding-top: 50px
  }
  .ceo-pages-web-bg-max span {
    font-size: 30px
  }
  .ceo-pages-web-bg-max p {
    margin-top: 13px;
    font-size: 13px
  }
  .ceo-pages-web-tem-choice {
    height: 233px
  }
  .ceo-pages-web-tem-choice span {
    font-size: 20px;
    padding-top: 50px;
    padding-left: 15px;
    padding-right: 15px
  }
  .ceo-pages-web-tem-choice p {
    font-size: 12px;
    padding-left: 15px;
    padding-right: 15px
  }
  .web-yw-box-an {
    margin-top: 20px;
    margin-bottom: 20px !important
  }
  .ceo-pages-web-bottom p {
    padding-top: 50px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 20px
  }
  .ceo-pages-web-bottom-btn {
    margin-top: 23px;
    height: 43px;
    line-height: 42px
  }
  .ceo-pages-web-bottom {
    height: 200px
  }
  .ceo-pages-web-bg-box {
    padding: 13px
  }
  .web-bg-box-list-text {
    padding-left: 0px
  }
}
/*帮助中心页*/
.ceo-help {
  height: 362px;
  position: relative
}
.ceo-help:before {
  content: '';
  position: absolute;
  background-color: rgba(0, 0, 0, 0.3)
}
.ceo-help-max {
  background: #fff;
  padding-bottom: 40px
}
.ceo-help-box {
  height: 362px;
  text-align: center
}
.ceo-help-title {
  margin-top: 100px;
  margin-bottom: 30px
}
.ceo-help-title h1 {
  color: #ffffff;
  font-size: 38px;
  margin-bottom: 15px;
  font-weight: bold
}
.ceo-help-title p {
  font-size: 16px;
  color: #ffffff
}
.ceo-help-input {
  width: 780px;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0)
}
.ceo-help-input .search {
  box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.3);
  border-radius: 25px;
  background-color: #ffffff
}
.ceo-help-input .search form {
  border-radius: 25px
}
.ceo-help-input .search form i {
  color: #a1a1a1
}
.ceo-help .inst {
  margin-top: 20px
}
.ceo-help .inst p {
  font-size: 14px;
  color: #ffffff;
  display: inline;
  margin-right: 5px
}
.ceo-help .inst a {
  font-size: 14px;
  color: #ffffff;
  margin-right: 10px
}
.ceo-help .inst a:last-child {
  margin-right: 0px
}
.ceo-help-box-s {
  border-radius: 6px;
  padding: 40px;
  margin-top: -77px;
  position: relative;
  box-shadow: 0 0px 30px -20px #9E9E9E
}
.ceo-help-box-title {
  color: #111;
  font-size: 30px;
  font-weight: bold;
  text-align: center
}
.ceo-help-box-h {
  font-size: 20px;
  line-height: 34px
}
.ceo-help-box-h span {
  color: #2c83ef
}
.ceo-help-box-h em {
  color: #999;
  font-style: normal;
  margin-left: 10px;
  font-size: 12px;
  display: inline-block;
  transform: translateY(-2px)
}
.ceo-help-boxs-title {
  color: #111;
  font-size: 30px;
  font-weight: bold;
  text-align: center
}
.ceo-help-boxs-title p {
  color: #909399;
  font-size: 14px;
  font-weight: 400;
  margin-top: 10px
}
.ceo-help-box-p {}
.ceo-help-box-p a {
  display: inline-block;
  padding: 0 32px;
  line-height: 35px;
  font-size: 14px;
  letter-spacing: 1.4px;
  color: #2c83ef;
  border-radius: 1.5px;
  border: 1px solid #2c83ef;
  cursor: pointer
}
.ceo-help-box-p a:hover {
  background: #2c83ef;
  color: #fff
}
.ceo-help-box-service {}
.ceo-help-service-img {}
.ceo-help-service-img img {
  width: 76px;
  height: 76px
}
.ceo-help-service-h {
  margin-top: 12px
}
.ceo-help-service-h a {
  font-size: 18px;
  color: #4c4c4c
}
.ceo-help-service-h a:hover {
  color: var(--primary-color)
}
.ceo-help-service-p {
  color: #999;
  padding: 8px 0 0 0;
  font-size: 12px
}
.ceo-help-problem-box {
  margin: 40px 0
}
.ceo-help-problem-boxs {
  background: #f5f9fc;
  padding: 40px 0
}
.ceo-help-problem {
  margin-bottom: 20px
}
.ceo-help-problem-box li {
  background: #fff;
  padding: 20px;
  border-radius: 4px
}
.ceo-help-problem-box li p {
  background: #f5f9fc;
  padding: 20px
}
.ceo-help-problem-box .ceo-accordion-title:hover,
.ceo-accordion-title:focus {
  color: #333
}
.ceo-help-footer {
  padding: 40px 0
}
.ceo-help-footer-title {
  margin-bottom: 20px;
  padding-bottom: 20px
}
.ceo-help-footer-h {
  font-size: 24px;
  line-height: 34px
}
.ceo-help-footer-h span {
  color: #2c83ef
}
.ceo-help-footer-h em {
  color: #999;
  font-style: normal;
  margin-left: 10px;
  font-size: 12px;
  display: inline-block;
  transform: translateY(-2px)
}
.ceo-help-footer-wen {
  margin-left: 20px
}
.ceo-help-footer-wen h3 {
  line-height: 48px;
  font-size: 14px
}
.ceo-help-footer-wen p {
  font-size: 12px;
  line-height: 30px
}
.ceo-help-footer-wen p span {
  color: #ff3333;
  font-weight: bold
}
.ceo-help-footer-wen a {
  display: inline-block;
  padding: 2px 10px;
  margin-top: 7px;
  color: #2c83ef;
  font-size: 12px;
  text-align: center;
  border: 1px solid #2c83ef
}
.ceo-help-footer-wen a:hover {
  background: #2c83ef;
  color: #fff
}
.ceo-help-footer-i {
  background: #f8f8f8;
  border-radius: 50%;
  padding: 40px
}
.ceo-help-footer-i i {
  font-size: 50px;
  padding: 10px;
  color: #2c83ef
}
@media (max-width:900px) {
  .ceo-help {
    height: 238px
  }
  .ceo-help-title {
    margin-top: 40px
  }
  .ceo-help-title h1 {
    font-size: 19px
  }
  .ceo-help-title p {
    font-size: 12px
  }
  .ceo-help-input {
    width: 80%
  }
  .ceo-help-input input {
    height: 32px
  }
  .ceo-help-box-h {
    line-height: 20px
  }
  .ceo-help-box-p a {
    padding: 0 8px;
    line-height: 20px;
    font-size: 12px
  }
  .ceo-help-service-img img {
    width: 60px;
    height: 60px
  }
  .ceo-help-service-h {
    margin-top: 5px
  }
  .ceo-help-service-h a {
    font-size: 16px
  }
  .ceo-help .inst p {
    font-size: 12px
  }
  .ceo-help .inst a {
    font-size: 12px
  }
  .ceo-help-box-s {
    margin-top: -115px
  }
  .ceo-help-problem-box a {
    font-size: 14px
  }
  .ceo-help-problem-box p {
    padding: 12px;
    font-size: 12px
  }
  .ceo-help-footer-i {
    background: inherit;
    border-radius: inherit;
    padding: inherit
  }
  .ceo-help-footer-i i {
    background: #f8f8f8;
    border-radius: 50%;
    padding: 20px;
    position: relative;
    top: 10px;
    font-size: 45px;
    color: #2c83ef
  }
  .ceo-help-footer-wen h3 {
    line-height: 28px
  }
}
/*VIP页面2*/
.coe_vip2_logo {}
.coe_vip2_logo a {
  display: block
}
.coe_vip2_logo a img {
  height: 36px
}
.coe_vip2_top {
  color: #fff;
  text-align: center;
  width: 100%;
  height: 613px;
  display: inline-block
}
.coe_vip2_max {
  padding-top: 50px;
  padding-bottom: 50px
}
.coe_vip2_max h2 {
  font-size: 22px;
  color: #fff;
  margin-top: 35px
}
.coe_vip2_privilege_list {
  margin-top: 35px
}
.coe_vip2_privilege_list span {
  font-size: 14px;
  height: 38px;
  line-height: 38px;
  padding: 0 18px;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.2);
  margin-right: 10px;
  display: inline-block
}
.coe_vip2_privilege_list span:last-child {
  margin-right: 0px
}
.coe_vip2_privilege_list span i {
  margin-right: 5px
}
.ceo_vip2_bg {
  margin-top: -369px;
  background: #f4f5f6;
  padding-bottom: 40px
}
.ceo_vip2_content {
  padding-top: 40px
}
.ceo_vip2_types {
  border-radius: 6px;
  background: #fff
}
.ceo_vip2_type_top {
  background: #f0f0f0;
  padding: 35px 50px 35px 50px;
  border-radius: 6px 6px 0 0
}
.ceo_vip2_type_top_title {
  text-align: center;
  font-size: 26px;
  color: #321a00;
  font-weight: 600;
  line-height: 30px
}
.ceo_vip2_type_price {
  margin: 24px 0 15px 0;
  line-height: 30px;
  font-size: 14px;
  color: #0e131a;
  text-align: center
}
.ceo_vip2_p_num {
  color: #e92d18;
  font-size: 40px;
  font-weight: bold;
  line-height: 43px;
  height: 47px
}
.ceo_vip2_discount_out {}
.ceo_vip2_discount_out span {
  padding: 2px 10px;
  text-decoration: line-through;
  line-height: 18px;
  text-align: center;
  border-radius: 10px;
  background: #ff0000;
  font-size: 12px;
  color: #fff
}
.ceo_vip2_discount_out p {
  font-size: 14px;
  line-height: 15px;
  text-align: left
}
.ceo_vip2_text {
  color: #111;
  font-size: 14px;
  margin-bottom: 15px;
  text-align: center;
  display: block
}
.ceo_vip2_touse {}
.ceo_vip2_touse a {
  background: #d8a340;
  color: #fff !important;
  text-decoration: none;
  height: 42px;
  line-height: 42px;
  border-radius: 4px;
  display: block;
  text-align: center;
  font-size: 16px
}
.ceo_vip2_vip_type_privilege {
  padding: 20px 40px
}
.ceo_vip2_vip_type_privilege li {
  color: #333;
  font-size: 14px;
  line-height: 33px
}
.ceo_vip2_vip_type_privilege .ceo_vip2_line {
  margin-bottom: 5px
}
.ceo_vip2_vip_type_privilege .ceo_vip2_line h3 {
  width: 100%;
  border-top: 1px solid #e7e8e9;
  display: inline-block;
  position: relative
}
.ceo_vip2_vip_type_privilege .ceo_vip2_line span {
  color: #111;
  font-size: 16px;
  font-weight: bold;
  height: 33px;
  line-height: 33px;
  padding-right: 10px;
  margin-top: -18px;
  position: absolute;
  top: 0px;
  left: 0
}
.ceo_vip2_activity {
  padding: 40px 0
}
.ceo_vip2_activity_title {
  color: #111;
  font-size: 30px;
  font-weight: bold;
  text-align: center
}
.ceo_vip2_activity_box {
  margin: 40px 0
}
.ceo_vip2_activity_gifts_b {
  color: #111;
  text-align: center;
  padding: 0 25px 25px 25px;
  border-radius: 10px;
  box-shadow: 0 0px 30px -20px #9E9E9E
}
.ceo_vip2_activity_gifts_b i {
  display: block;
  font-size: 58px;
  color: var(--primary-color)
}
.ceo_vip2_activity_gifts_b span {
  font-size: 16px;
  color: #444444
}
.ceo_vip2_activity_gifts_b p {
  font-size: 12px;
  color: #666666;
  text-align: center;
  margin-top: 10px
}
.ceo_vip2_btn_box {
  text-align: center
}
.ceo_vip2_btn_box a {
  color: #fff !important;
  font-size: 18px;
  padding: 12px 60px;
  background: #2c7dfa;
  border-radius: 5px;
  display: inline-block
}
.ceo_vip2_qa {
  background: #f5f9fc;
  padding: 40px 0
}
.ceo_vip2_activity_title p {
  color: #909399;
  font-size: 14px;
  font-weight: 400;
  margin-top: 10px
}
.ceo_vip2_qa_box {
  margin: 40px 0
}
.ceo_vip2_qa_box ul li {
  background: #fff;
  padding: 20px;
  border-radius: 4px
}
.ceo_vip2_qa_box ul li p {
  background: #f5f9fc;
  padding: 20px
}
.ceo_vip2_footer {
  position: relative;
  height: 333px;
  text-align: center
}
.ceo_vip2_footer_wrapper {
  height: 157px;
  max-width: none;
  padding: 88px 0;
  margin: 0;
  background: rgba(50, 83, 227, .9);
  text-align: center
}
.ceo_vip2_footer_wrapper h3 {
  position: relative;
  margin-bottom: 63px;
  font-weight: 400;
  font-size: 36px;
  color: #fcffff
}
.ceo_vip2_footer_wrapper h3:before {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: -75px;
  display: inline-block;
  content: "";
  width: 70px;
  height: 5px;
  background-color: #fff
}
.ceo_vip2_footer_wrapper a {
  padding: 15px 80px;
  background-color: #fff;
  border-radius: 4px;
  color: #0d7bf8;
  font-size: 16px
}
.ceo_vip2_footer_wrapper a:hover {
  background-color: #0d7bf8;
  color: #fff
}
@media (max-width:900px) {
  .ceo_vip2_activity_gifts_b {
    padding: 0 10px 20px 10px
  }
  .ceo_vip2_type_top {
    padding: 20px 20px 20px 20px
  }
  .ceo_vip2_vip_type_privilege {
    padding: 20px 20px
  }
  .ceo_vip2_activity_title {
    font-size: 20px
  }
  .ceo_vip2_activity_gifts_b span {
    font-size: 14px
  }
  .ceo_vip2_type_top_title {
    font-size: 20px
  }
  .ceo_vip2_p_num {
    font-size: 28px
  }
  .coe_vip2_max h2 {
    font-size: 16px;
    margin-top: 22px
  }
  .coe_vip2_privilege_list {
    display: none
  }
  .ceo_vip2_bg {
    margin-top: -493px
  }
  .ceo_vip2_footer_wrapper h3 {
    font-size: 20px
  }
  .ceo_vip2_footer_wrapper a {
    padding: 13px 60px
  }
  .ceo_vip2_footer_wrapper h3:before {
    position: absolute;
    bottom: -56px;
    margin: auto;
    top: 0;
    left: 0;
    right: 0
  }
  .ceo_vip2_footer {
    height: 229px
  }
  .ceo_vip2_footer_wrapper {
    height: 104px;
    padding: 53px 0 72px 0
  }
}
/*全站资源单页*/
.ceo-ziyuan {
  margin: 40px 0
}
.ceo-ziyuan-bk {
  margin-bottom: 15px;
  margin-top: 15px;
  border: 1px solid #ededed;
  background: #fff
}
.ceo-ziyuan-bk .ceo-ziyuan-bk-title {
  background: #fff;
  border: none;
  margin-bottom: 10px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  border-bottom: 1px solid #ededed;
  border-radius: 4px 4px 0 0;
  white-space: nowrap;
  overflow: hidden
}
.ceo-ziyuan-bk .ceo-ziyuan-bk-title .o {
  float: right;
  width: 30px
}
.ceo-ziyuan-bk .ceo-ziyuan-bk-title .o img {
  margin-top: 11px;
  margin-right: 20px;
  float: right;
  cursor: pointer
}
.ceo-ziyuan-bk .ceo-ziyuan-bk-title h4 {
  font-size: 16px;
  padding-left: 20px;
  color: #666;
  font-weight: 300;
  margin: 10px 0 0 0;
  height: 20px;
  line-height: 20px;
  font-weight: 900
}
.ceo-ziyuan-bk-c .fl_tb {
  width: 100%
}
.ceo-ziyuan-bk-c .fl_g {
  padding: 10px 0 20px 20px
}
.ceo-ziyuan-bk-c .fl_g em {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  margin-left: 5px
}
.ceo-ziyuan-bk-c .fl_g a {
  font-weight: 400
}
/*升级VIP会员单页*/
.ceo-pages-vip ol,
.ceo-pages-vip ul,
.ceo-pages-vip li {
  list-style: none
}
.ceo-pages-vip body,
ul,
ol,
li,
dl,
dd,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
.pr,
.pc {
  margin: 0;
  padding: 0
}
.ceo_vipbgs {
  width: 100%;
  height: 495px;
  background: #ffc003;
  position: relative
}
.ceo_portal_block_summary {
  max-width: 1200px;
  padding: 40px;
  display: inline-block;
  background: #fff;
  position: relative;
  margin: 0 auto;
  top: -140px;
  border-radius: 6px
}
.ceo_vip_txtop {
  text-align: center
}
.ceo_vip_txtop h1 {
  margin: 30px 0 30px 0;
  text-align: center;
  font-size: 30px;
  letter-spacing: 2px;
  line-height: 30px;
  padding: 0 80px;
  position: relative;
  display: inline-block;
  color: #333
}
.ceo_vip_txtop h1:before {
  content: '';
  width: 61px;
  height: 10px;
  position: absolute;
  top: 10px;
  left: 0;
  background: url(../images/ceo_hdicon3.png) center no-repeat
}
.ceo_vip_txtop h1:after {
  content: '';
  width: 61px;
  height: 10px;
  position: absolute;
  top: 10px;
  right: 0;
  background: url(../images/ceo_hdicon4.png) center no-repeat
}
.ceo_vip_txtop em {
  display: block;
  border-bottom: 1px solid var(--primary-color);
  width: 50px;
  margin: 20px auto
}
.ceo_youshi_box ul li {
  float: left;
  width: 33%;
  padding-bottom: 20px
}
.ceo_vip_icon {
  width: 64px;
  height: 64px;
  margin: 0 auto 10px
}
.ceo_youshi_box ul li h5 {
  height: 30px;
  line-height: 30px;
  margin: 10px 0;
  font-size: 18px;
  color: #333;
  font-weight: 500;
  overflow: hidden;
  text-align: center
}
.ceo_youshi_box ul li p {
  height: 30px;
  line-height: 30px;
  margin: 0 0;
  font-size: 14px;
  color: #999;
  font-weight: 500;
  overflow: hidden;
  text-align: center
}
.yuvip_pic {
  height: 270px;
  text-align: center;
  padding: 0 20px
}
.yuvip_pic .yuvip_pic_title {
  padding-top: 66px;
  font-size: 40px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 5px
}
.yuvip_pic .yuvip_pic_title_small {
  padding-top: 28px;
  font-size: 18px;
  color: #fff;
  opacity: 0.7
}
.yuvip_title {
  margin: 30px 0 30px 0;
  text-align: center;
  font-size: 30px;
  letter-spacing: 2px;
  line-height: 30px;
  padding: 0 80px;
  position: relative;
  display: inline-block;
  color: #333
}
.yuvip_title em {
  display: block;
  border-bottom: 1px solid var(--primary-color);
  width: 50px;
  margin: 20px auto
}
.yuvip_title:before {
  content: '';
  width: 61px;
  height: 10px;
  position: absolute;
  top: 10px;
  left: 0;
  background: url(../images/ceo_hdicon3.png) center no-repeat
}
.yuvip_title:after {
  content: '';
  width: 61px;
  height: 10px;
  position: absolute;
  top: 10px;
  right: 0;
  background: url(../images/ceo_hdicon4.png) center no-repeat
}
.yuvip_buy {
  max-width: 1200px;
  padding: 40px;
  background: #fff;
  min-height: 680px;
  height: 680px;
  position: relative;
  margin: 0 auto;
  top: -116px;
  border-radius: 6px;
  text-align: center
}
.yuvip_buy li {
  float: left;
  margin: 0 10px;
  width: 23.2%;
  padding: 0;
  border-radius: 6px;
  background: #ffffff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15)
}
.yuvip_buy li .top {
  background: url(../images/ceo-vip-t1.png) no-repeat;
  background-size: 100%;
  height: 93px;
  border-radius: 6px 6px 0 0;
}
.yuvip_buy li:nth-child(2) .top {
  background-image: url(../images/ceo-vip-t2.png);
}
.yuvip_buy li:nth-child(3) .top {
  background-image: url(../images/ceo-vip-t3.png);
}
.yuvip_buy li:nth-child(4) .top {
  background-image: url(../images/ceo-vip-t4.png);
}
.yuvip_buy li .con .price .yuvip_old {
  position: absolute;
  margin-left: 113px;
  font-size: 20px;
  color: #FF6869;
  font-weight: normal;
  font-style: normal;
  text-decoration: line-through
}
.yuvip_buy li .top .text1 {
  padding: 20px 0 4px 0;
  font-size: 24px;
  color: #ffffff
}
.yuvip_buy li .top .text2 {
  font-size: 14px;
  color: #fff
}
.yuvip_buy li .con {
  padding: 24px 30px 0 30px;
  font-size: 14px
}
.yuvip_buy li .con .price {
  padding-bottom: 10px;
  font-size: 44px;
  color: #333;
  font-weight: bold
}
.yuvip_buy li .con .price span {
  padding-left: 8px;
  font-size: 14px;
  font-weight: normal;
  color: rgba(0, 16, 19, 0.5);
  vertical-align: 2px
}
.yuvip_buy li .con .yuvip_buy_to {
  display: inline-block;
  width: 138px;
  height: 44px;
  margin-top: 15px;
  border-radius: 22px;
  font-size: 16px;
  color: #fff;
  background: #f66;
  background: -webkit-linear-gradient(left, #f66 0, #e70e0e 100%);
  background: linear-gradient(to right, #f66 0, #e70e0e 100%);
  letter-spacing: 0;
  text-align: center;
  line-height: 44px;
  transition: none
}
.yuvip_buy li .con .line {
  height: 1px;
  margin: 24px 0 20px;
  background: rgba(0, 16, 19, 0.15)
}
.yuvip_buy li .con .yuvip_buy_intro {
  height: 180px
}
.yuvip_buy li .con .yuvip_buy_intro p {
  position: relative;
  height: 30px;
  line-height: 30px;
  text-align: left;
}
.yuvip_buy li .con .yuvip_buy_intro p span {
  float: right;
}
.yuvip_buy li .con .yuvip_bold {
  padding-bottom: 8px;
  font-weight: bold;
  color: rgba(0, 16, 19, 0.5)
}
.yuvip_buy li .con .yuvip_light {
  padding-bottom: 8px;
  color: #001013
}
.yuvip_buy li .con .yuvip_light>span {
  padding: 0 4px;
  color: #65430B;
  font-weight: bold
}
.yuvip_buy li .con .yuvip_light .question .tip {
  display: none;
  position: absolute;
  width: 120px;
  padding: 10px;
  border-radius: 6px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  line-height: 20px;
  background: #fff;
  top: -8px;
  left: 20px;
  font-size: 12px;
  color: #001013;
  box-sizing: border-box;
  text-align: left
}
.yuvip_buy li .con .half-box-bottom {
  height: 180px
}
.yuvip_serve_father {
  max-width: 1200px;
  padding: 40px;
  background: #fff;
  display: inline-block;
  position: relative;
  margin: 0 auto;
  top: -92px;
  border-radius: 6px;
  text-align: center
}
.yuvip_serve {
  display: inline-block
}
.yuvip_serve ul {
  max-width: 1200px
}
.yuvip_serve ul li {
  float: left;
  width: 25%
}
.yuvip_serve ul li div {
  height: 200px;
  padding: 15px 10px;
  box-sizing: border-box;
  background: #FFFFFF;
  border: 1px solid #fff0;
  transition: all ease-in-out 0.3s;
  border-radius: 6px;
  margin: 12px
}
.yuvip_serve ul li div:hover {
  border: 1px solid #EAECEF;
  box-shadow: 0 2px 5px 2px #D4D4D4
}
.yuvip_serve ul li img {
  width: 60px;
  height: 60px;
  margin: 0 auto 20px
}
.yuvip_serve ul li p {
  margin-bottom: 10px;
  padding: 0 15px;
  font-size: 18px;
  color: #444444;
  text-align: center;
  line-height: 25px;
  box-sizing: border-box
}
.yuvip_serve ul li em {
  height: 20px;
  font-size: 12px;
  color: #666666;
  text-align: center;
  line-height: 20px;
  font-style: normal;
  transition: all ease-in-out 0.3s
}
.yuvip_select {
  max-width: 1200px;
  margin: 0 auto
}
.yuvip_select_title {
  position: relative;
  padding-top: 64px;
  text-align: center
}
.yuvip_select_title p {
  margin-bottom: 30px;
  font-size: 16px;
  color: #999999;
  letter-spacing: 2px
}
.yu_issue_father {
  background: #f3f4f8
}
.yu_issue {
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 9px
}
.yu_issue li {
  width: 1200px;
  margin: 20px 0
}
.yu_issue h6 {
  height: 20px;
  font-size: 14px;
  color: #666666;
  line-height: 20px
}
.yu_issue span {
  float: left
}
.yu_issue p {
  margin-bottom: 15px;
  padding: 16px 0;
  font-size: 14px;
  color: #777777;
  line-height: 22px;
  box-sizing: border-box;
  border-bottom: 1px dashed #dddddd
}
.ceo_vip_ping {
  max-width: 1200px;
  padding: 40px;
  background: #fff;
  display: inline-block;
  position: relative;
  margin: 0 auto;
  top: -66px;
  border-radius: 6px;
  text-align: center
}
.ceo_vip_ping li {
  float: left;
  width: 28.6%;
  padding: 20px 15px;
  padding-bottom: 40px;
  margin: 10px 10px;
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 15px
}
.deanmbavar {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  position: relative
}
.deanmbavar img {
  border-radius: 50%
}
.deanmbavar span {
  display: block;
  width: 30px;
  height: 30px;
  background: url(../images/ceo-vip-v.png) 0 0 no-repeat;
  background-size: 30px 30px;
  position: absolute;
  bottom: -10px;
  right: -10px
}
.deanmbusename {
  height: 30px;
  line-height: 30px;
  margin-top: 10px;
  font-size: 16px;
  color: #666
}
.deanmbusename b {
  font-size: 14px;
  color: #fec42d;
  padding-left: 10px
}
.ceo_vip_ping ul li p {
  font-size: 14px;
  line-height: 23px;
  height: 88px;
  padding: 0 20px;
  margin-top: 5px;
  color: #666;
  display: block;
  text-align: left
}
.ceo_vip_ping ul li p b {
  color: #ccc;
  font-size: 23px
}
@media screen and (max-width:800px) {
  .ceo_vip_txtop h1,
  .yuvip_title {
    font-size: 18px
  }
  .yuvip_buy li {
    margin: 10px 0 !important;
    width: 100% !important
  }
  .yuvip_buy,
  .ceo_portal_block_summary,
  .yuvip_serve_father {
    padding: 20px !important
  }
  .yuvip_buy {
    min-height: auto !important;
    height: auto !important;
    display: inline-block
  }
  .yuvip_serve ul li {
    width: 100%
  }
  .ceo_vipbgs {
    height: 220px !important
  }
  .ceo_vip_ping li {
    width: 100% !important;
    padding: 0 !important;
    padding-bottom: 20px !important;
    padding-top: 20px !important;
    margin: 10px 0 !important
  }
  .yuvip_pic .yuvip_pic_title {
    padding-top: 66px;
    font-size: 18px
  }
  .yuvip_pic .yuvip_pic_title_small {
    padding-top: 16px;
    font-size: 13px
  }
}
/*
* ------------------------------------------------------------------------------
* 问答社区
* ------------------------------------------------------------------------------
*/
/*基础样式*/
.ceo-community-bg {
  height: 300px;
  position: relative
}
.ceo-community-bgleft {
  margin-top: 100px;
  color: #fff;
  line-height: 30px;
  text-align: center;
  position: relative;
  z-index: 1
}
.ceo-community-ymd {
  margin-left: 20px;
  font-size: 14px;
}
.ceo-cop-text {
  background: #f7f8fa;
  color: #b4b4b4;
  font-size: 14px;
  line-height: 1.8
}
/*问答界面*/
.ceo-pages-question-title h3 {
  color: #fff;
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 38px
}
.ceo-pages-question-title h3 em {
  color: #fff;
  margin: 0 10px
}
.ceo-pages-question-title ul {}
.ceo-pages-question-title ul li {
  display: inline-block;
  margin-right: 20px
}
.ceo-pages-question-title ul li:last-child {
  margin-right: 0px
}
.ceo-pages-question-title ul li i {
  margin-right: 5px
}
.ceo-cet-question-box {
  padding: 20px 20px 0px 20px
}
.ceo-cet-question-box .ask {
  display: block;
  height: 34px;
  line-height: 33px;
  padding: 0 18px;
  border-radius: 4px;
  background-color: #3385ff;
  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);
  font-size: 14px;
  color: #fff !important
}
.ceo-cet-question-box .ask:hover {
  opacity: .8
}
.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;
  margin-bottom: 20px;
  font-size: 15px
}
.question-box-cat a:hover {
  color: var(--primary-color) !important;
  background-color: rgba(0, 102, 255, .08) !important;
}
.question-box-cat a:last-child {
  margin-right: 0px
}
.question-box-cat a.current {
  color: var(--primary-color) !important;
  background-color: rgba(0, 102, 255, .08) !important;
}
.question-box-content {
  margin-top: 20px
}
.question-box-tab {
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 10px;
  height: 36px;
  line-height: 36px
}
.question-box-tab a.cd {
  color: #8590a6;
  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 span {
  color: #8590a6;
}
.question-box-list-loop .info .item i {
  display: inline-block;
  margin-right: 3px;
  transform: translateY(1px);
}
.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: #8590a6;
}
.question-box-list-loop .info .item .cat a:hover {
  color: var(--primary-color)
}
.question-box-list-loop a.quantity {
  display: inline-block;
  padding-top: 10px;
  width: 60px;
  height: 48px;
  border-radius: 4px;
  color: #555;
  background: #f6f6f6;
  font-size: 16px;
  text-align: center;
  line-height: 1.2;
  margin-right: 20px
}
.question-box-list-loop a.xz {
  color: var(--primary-color) !important;
  background-color: rgba(0, 102, 255, .08) !important;
}
.question-box-list-loop a.xz span {
  color: var(--primary-color) !important
}
.question-box-list-loop a.quantity span {
  display: block;
  font-size: 12px;
  color: #8590a6;
  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-box-list-loop .item .avatar {
  line-height: 0;
  width: 20px;
  height: 20px;
  margin-right: 5px
}
.question-box-list-loop .item .avatar img {
  line-height: 0;
  width: 20px;
  height: 20px
}
.reward {}
.reward .rewardimg {
  display: inline-block;
  width: 12px;
  height: 13px;
  background: url(../images/ceo-question-rewardimg.png) no-repeat;
  margin-right: 6px !important;
  vertical-align: middle;
  transform: translateY(-1px) !important
}
.reward em {
  color: #F30;
  font-style: normal
}
.question-tj {
  background-color: #3385ff;
  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);
  font-size: 15px;
  color: #fff !important
}
.question-tj:hover {
  opacity: .8
}
.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
}
.ceo-sidebar-question-title {
  position: relative
}
.ceo-sidebar-question-title:after {
  content: '';
  position: absolute;
  width: 5px;
  height: 100%;
  background: var(--primary-color);
  left: -20px;
  box-shadow: 3px 0px 10px -1px var(--primary-color);
  border-radius: 2px
}
.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;
  background-color: #3385ff;
  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);
  color: #fff !important;
  border-radius: 4px
}
.statistics-box-d .statistics-box-1:hover {
  opacity: .8
}
.statistics-box-d .statistics-box-1 a {
  display: block;
  height: 33px;
  line-height: 32px;
  padding: 0 12px;
  font-size: 14px;
  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: 31px;
  line-height: 30px;
  padding: 0 12px;
  font-size: 14px;
  color: var(--primary-color)
}
.statistics-box-d .statistics-box-3 {
  text-align: center;
  display: block;
  border: 1px solid #8590a6;
  border-radius: 4px
}
.statistics-box-d .statistics-box-3 a {
  display: block;
  height: 31px;
  line-height: 30px;
  padding: 0 12px;
  font-size: 14px;
  color: #8590a6
}
.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;
  font-size: 14px
}
.ceo-sidebar-question-tag {
  margin-top: 20px
}
.ceo-sidebar-question-tag a {
  border-radius: 4px;
  color: var(--primary-color);
  background: rgba(0, 102, 255, .08);
  display: block;
  font-size: 14px;
  padding: 5px;
  text-align: center
}
.ceo-sidebar-question-tag a:hover {
  background-color: var(--primary-color);
  color: #fff
}
.ceo-sidebar-question-new {
  padding: 20px
}
.question-new-box {
  margin-top: 20px
}
.question-new-box-item {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--border-color)
}
.question-new-box-item:last-child {
  margin-bottom: 0px;
  padding-bottom: 0px;
  border-bottom: 0px solid var(--border-color) !important
}
.question-new-box-item a {
  font-size: 15px;
  margin-bottom: 5px
}
.question-new-box-item a i {
  display: inline-block;
  width: 5px;
  height: 9px;
  background: url(../images/ceo-question-list.png) center no-repeat;
  margin-right: 6px
}
.question-new-box-item span {
  color: #8590a6;
}
.question-new-box-item span i {
  display: inline-block;
  margin-right: 3px;
  transform: translateY(1px);
}
.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
}
/*问答内页*/
.single-question-topmk {
  box-shadow: inset 1px 3px 20px 0px rgba(0, 0, 0, 0.07);
}
.single-question-head {
  padding: 30px 0
}
.single-question-head .ceo-single-title h1 {
  font-size: 1.5rem;
}
.single-question-head .info .avatar {
  line-height: 0;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.single-question-head .ceo-info-y span {
  font-weight: bold;
  color: #333
}
.single-question-an .hd {
  display: inline-block;
  height: 32px;
  line-height: 31px;
  padding: 0 24px;
  border-radius: 4px;
  background-color: #3385ff;
  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);
  color: #fff !important;
  font-size: 14px;
  margin-right: 15px
}
.single-question-an .hd:hover {
  opacity: .8
}
.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 .zt {
  color: #8590a6;
  font-size: 14px
}
.single-question-an .zt em {
  background: #FF485E;
  font-size: 14px;
  color: #fff;
  padding: 0 10px;
  margin-right: 5px;
  border-radius: 24px;
  font-style: normal
}
.single-question-an .zt a {
  color: #8590a6;
}
.single-question-an .zt a:hover {
  color: var(--primary-color);
}
.single-question-an .post-edit-link {
  color: #8590a6
}
.single-question-an .post-edit-link:hover {
  color: var(--primary-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
}
.single-question-bestanswer {
  background: #f7f8fa;
  margin: 20px 0;
  padding: 20px
}
.single-question-bestanswer .title {
  height: 50px;
  font-size: 16px;
  line-height: 50px;
  font-weight: 800;
  color: #ff4f53;
  background: url(../images/ceo-question-title-icon.png) no-repeat 0 0;
  padding-left: 55px;
  margin-top: -16px
}
.single-question-bestanswer .rewarder {
  color: #8590a6;
  font-size: 12px;
  transform: translateY(-3px)
}
.single-question-bestanswer .rewarder .avatar {
  display: inline-block
}
.single-question-bestanswer .rewarder .avatar img {
  display: inline-block;
  border-radius: 50px;
  transform: translateY(-2px)
}
.single-question-bestanswer .rewarder .avatar span {
  margin-right: 5px
}
.single-question-bestanswer .rewarder .rewardimg {
  margin-left: 6px
}
.single-question-bestanswer .content {}
.single-question-bestanswer .content p {
  margin-top: 20px;
  margin-bottom: 0px
}
/*悬赏问答*/
.ceo-question-money {}
.ceo-question-money {
  background-color: #E4ECF1;
  padding: 10px 20px;
  margin-bottom: 20px;
  border-radius: 4px
}
.ceo-question-money .uebtn {
  line-height: 31px;
  color: #F30
}
.question-money-v {
  margin-right: 20px;
  padding: 5px 20px;
  border-radius: 4px;
  background-color: #f6f6f6;
  color: #646464;
  display: inline-block;
  font-size: 14px;
}
.ceo-question-money-input {
  max-width: 70px;
  height: 31px;
  margin-right: 10px;
  text-align: center;
  border: 0px solid #e5e5e5;
  vertical-align: inherit
}
.ceo-question-span {
  margin-right: 20px
}
.button-select-answer {
  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;
  background-color: #fff
}
.select-answer-label {
  font: 14px/1 'pingfang sc', stheiti, 'microsoft yahei', arial, sans-serif;
  -webkit-text-size-adjust: 100%;
  font-size: 18px;
  line-height: 25px;
  font-style: normal;
  color: #337eff
}
@media only screen and (max-width:768px) {
  .question-money-v {
    padding: 5px 5px;
  }
}
#modal-reward {}
#modal-reward .ceo-modal-dialog {
  width: 360px
}
#modal-reward .ceo-modal-dialog span {
  text-align: center;
  display: block;
  margin-bottom: 20px;
  font-size: 20px;
  color: #222
}
#modal-reward .ceo-modal-dialog li {
  list-style: none;
  margin-bottom: 10px
}
#modal-reward .ceo-modal-dialog li:last-child {
  margin-bottom: 0
}
.ceo-question-optimum {
  line-height: 0px !important;
  height: 16px;
  font-size: 12px;
  margin-right: 10px;
  padding: 10px !important;
  display: inline-block;
  transform: translateY(-2px);
  text-align: center;
  background: rgba(0, 102, 255, .08);
  color: var(--primary-color);
}
.ceo-question-optimum:hover {
  background-color: #3385ff;
  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);
  color: #fff !important;
}
/*
* ------------------------------------------------------------------------------
* 论坛
* ------------------------------------------------------------------------------
*/
/*论坛统计*/
.ceo-forum-statistics {
  margin-bottom: 20px;
  padding: 20px;
  height: 33px;
  line-height: 33px
}
.ceo-forum-statistics .ceo-forum-z {
  padding-left: 30px;
  background: url(../images/ceo-forum-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 img {
  display: inline-block;
  margin-right: 5px
}
.ceo-forum-statistics .ceo-forum-z span p {
  display: inline-block
}
.ceo-forum-statistics .ceo-forum-y {}
.ceo-forum-statistics .ceo-forum-y a {
  display: block;
  height: 34px;
  line-height: 33px;
  padding: 0 18px;
  border-radius: 4px;
  background-color: #3385ff;
  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);
  font-size: 14px;
  color: #fff !important;
}
.ceo-forum-statistics .ceo-forum-y a:hover {
  opacity: .8
}
.ceo-forum-statistics .ceo-forum-y a 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;
  font-size: 14px;
}
.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: 8px 9px
}
.ceo-forum-catx .ceo-forum-catxy .return:hover {
  border: 1px solid #ffffff00;
  background-color: #3385ff;
  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);
  color: #fff !important;
}
.ceo-forum-catx .ceo-forum-catxy .return i {
  font-size: 19px !important
}
.ceo-forum-catx .ceo-forum-catxy .ask {
  display: inline-block;
  height: 34px;
  line-height: 33px;
  padding: 0 18px;
  border-radius: 4px;
  background-color: #3385ff;
  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);
  color: #fff !important;
  font-size: 14px;
}
.ceo-forum-catx .ceo-forum-catxy .ask:hover {
  opacity: .8
}
.ceo-forum-catx .ceo-forum-catxy .ask i {
  margin-right: 3px
}
.ceo-pages-forum-title h3 {
  color: #fff;
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 38px;
}
.ceo-pages-forum-title h3 em {
  color: #fff;
  margin: 0 10px
}
.ceo-pages-forum-title h3 span {
  color: #fff
}
.ceo-pages-forum-title ul {}
.ceo-pages-forum-title ul li {
  display: inline-block;
  margin-right: 20px
}
.ceo-pages-forum-title ul li:last-child {
  margin-right: 0px
}
.ceo-pages-forum-title ul li i {
  margin-right: 5px
}
/*编辑器*/
.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-forum-box {
  padding: 20px
}
.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 #ffffff00;
  background-color: #3385ff;
  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);
  color: #fff !important;
}
.forum-box-content-mk .ceo-form .return i {
  font-size: 19px !important
}
.ceo-cet-forum-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-forum-box .ask:hover {
  background: #ffffff00;
  color: var(--primary-color)
}
.ceo-cet-forum-box .ask i {
  margin-right: 3px
}
.forum-box-cat {
  margin-bottom: 20px
}
.forum-box-cat a {
  padding: 20px;
  border-radius: 4px;
  background-color: #f6f6f6;
  color: #646464;
  display: block
}
.forum-box-cat a:hover {
  background-color: rgba(0, 102, 255, .08) !important;
}
.forum-box-cat a:hover h2 {
  color: var(--primary-color) !important
}
.forum-box-cat a.current {
  color: var(--primary-color) !important;
  background-color: rgba(0, 102, 255, .08) !important;
}
.forum-box-cat a img {
  width: 80px;
  height: 80px;
  border-radius: 4px
}
.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;
  font-size: 14px;
}
.forum-box-cat a p {
  font-size: 14px;
  color: #999
}
.forum-box-content {
  margin-top: 20px
}
.forum-box-content-mk {
  padding: 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: #8590a6;
  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 .info .item span {
  color: #8590a6
}
.forum-box-list-loop .info .item i {
  display: inline-block;
  margin-right: 3px;
  transform: translateY(1px)
}
.forum-box-list-loop .info .item .btns a:hover {
  color: var(--primary-color);
  border: 1px solid var(--primary-color)
}
.forum-box-list-loop .item .cat a {
  color: #8590a6;
}
.forum-box-list-loop .item .cat a:hover {
  color: var(--primary-color)
}
.forum-box-list-loop .info .item .btns a {
  display: block;
  padding: 0 10px;
  border-radius: 4px;
  border: 1px solid #99A9C2;
  font-size: 12px;
  color: #99A9C2
}
.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-color: rgba(0, 102, 255, .08) !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: #8590a6;
  margin-top: 3px
}
.forum-box-list-loop .info a.title {
  font-size: 18px;
  transition: all .3s;
  max-height: 27px;
  text-decoration: none;
  display: block;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.forum-tj {
  background-color: #3385ff;
  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);
  font-size: 15px;
  color: #fff !important;
}
.forum-tj:hover {
  opacity: .8
}
.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-statistics {
  padding: 20px
}
.forum-statistics-box {
  margin-top: 20px
}
.ceo-sidebar-forum-title {
  position: relative;
}
.ceo-sidebar-forum-title:after {
  content: '';
  position: absolute;
  width: 5px;
  height: 100%;
  background: var(--primary-color);
  left: -20px;
  box-shadow: 3px 0px 10px -1px var(--primary-color);
  border-radius: 2px
}
.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;
  font-size: 14px
}
.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: 14px;
  padding: 5px;
  text-align: center
}
.ceo-sidebar-forum-tag a:hover {
  background-color: var(--primary-color);
  color: #fff
}
.ceo-sidebar-forum-new {
  padding: 20px
}
.ceo-sidebar-forum-new span {
  color: #8590a6;
}
.ceo-sidebar-forum-new span i {
  display: inline-block;
  margin-right: 3px;
  transform: translateY(1px)
}
.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: 5px;
  height: 9px;
  background: url(../images/ceo-question-list.png) center no-repeat;
  margin-right: 6px
}
.ceo-sidebar-forum-knowledge {
  padding: 20px
}
.ceo-sidebar-forum-knowledge-mk {
  margin-top: 20px
}
.forum-knowledge-mk-li {
  margin-bottom: 10px;
  padding-bottom: 10px;
  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;
  height: 25px;
  line-height: 25px;
  font-size: 14px;
  color: #BDBDBD;
  margin-right: 15px;
  font-weight: 600
}
.forum-knowledge-mk-li span.q-z1 {
  color: #E80404
}
.forum-knowledge-mk-li span.q-z2 {
  color: #F46300
}
.forum-knowledge-mk-li span.q-z3 {
  color: #FDB500
}
.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
}
/*论坛内页*/
.single-forum-head {
  padding: 30px
}
.single-forum-head .ceo-single-title h1 {
  font-size: 1.5rem;
}
.single-forum-head .info .avatar {
  line-height: 0;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.single-forum-head .ceo-info-y span {
  font-weight: bold;
  color: #333
}
.single-forum-an .hd {
  display: inline-block;
  height: 32px;
  line-height: 31px;
  padding: 0 24px;
  border-radius: 4px;
  background-color: #3385ff;
  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);
  color: #fff !important;
  font-size: 14px;
  margin-right: 15px
}
.single-forum-an .hd:hover {
  opacity: .8
}
.single-forum-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-forum-an .zt {
  color: #8590a6;
  font-size: 14px
}
.single-forum-an .zt em {
  background: #FF485E;
  font-size: 14px;
  color: #fff;
  padding: 0 10px;
  margin-right: 5px;
  border-radius: 24px;
  font-style: normal
}
.single-forum-an .zt a {
  color: #8590a6;
}
.single-forum-an .zt a:hover {
  color: var(--primary-color);
}
.single-forum-an .post-edit-link {
  color: #8590a6
}
.single-forum-an .post-edit-link:hover {
  color: var(--primary-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
}
/*
* ------------------------------------------------------------------------------
* 用户中心
* ------------------------------------------------------------------------------
*/
.user-content {
  min-height: 939px;
}
.user-display {
  display: block
}
.user-question {
  padding: 20px
}
.user-forum {
  padding: 20px
}
.ceo-author-count {
  padding-bottom: 10px
}
.user-main {
  margin-top: 20px !important
}
.j-lazy {
  height: 100px;
  width: 100%;
  border-radius: 4px 4px 0px 0px
}
.ceo-profile-adminimg {
  margin-top: -43px;
  position: relative;
  display: block;
  margin-bottom: 8px
}
.ceo-profile-adminimg img {
  width: 100px;
  height: 100px;
  padding: 6px;
  background-color: rgba(255, 255, 255, .3);
  border-radius: 100% !important
}
.user-mainembox em {
  position: absolute;
  top: 10px;
  left: 15px;
  color: #fff;
  font-size: 12px;
  font-style: normal
}
.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(../images/ceo-users-icon.png);
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat
}
.ceo-admin-author {
  display: inline-block;
  margin: 0
}
.ceo-sidebar-author-text {
  padding: 0 40px 20px 40px
}
.ceo-admin-author-p2 {
  padding: 4px 8px;
  margin-left: 0px;
  color: #4285f4;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  border-radius: 3px;
  overflow: hidden;
  vertical-align: top;
  border: 1px solid #4285f4;
  margin-top: 4px
}
.ceo-author-codes {
  margin: 20px 0;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all
}
.user-tougao {
  font-size: 14px;
  border-radius: 4px;
  padding: 9px 0;
  display: block;
  margin-bottom: 20px !important;
  background-color: #3385ff;
  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);
  color: #fff !important;
}
.user-tougao:hover {
  opacity: .8;
  color: #fff
}
.user-shopan {
  color: var(--primary-color) !important;
  border: 1px solid var(--primary-color);
  font-size: 15px;
  border-radius: 4px;
  padding: 8px 0;
  display: block;
  margin-bottom: 20px !important
}
.user-shopan:hover {
  opacity: .8;
  color: #fff
}
.user-title-top {
  padding: 20px 30px
}
.user-title-top h2 {
  font-size: 18px;
  position: relative;
  display: inline-block
}
.user-title-top h2:after {
  content: '';
  position: absolute;
  bottom: -21px;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--primary-color)
}
.user-side .ajax-item {
  border-bottom: 1px solid var(--border-color);
  margin-bottom: 20px;
  padding-bottom: 20px
}
.user-side .blog-item {
  padding: 0px;
  margin-bottom: 0px;
  border: 0px solid var(--border-color);
  transform: translateY(0px) !important
}
.user-side .blog-item:hover {
  box-shadow: 0 0 10px rgb(0 0 0 / 0%)
}
.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
}
.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)
}
.ceo-user-id {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px
}
@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%
}
.ceo-user-sidebar {
  width: 340px
}
.ceo-user-name {
  padding-top: 10px
}
.user-menu li {}
.user-menu .ceo-active a {
  color: #fff
}
.user-menu li a {
  font-size: 15px;
  padding-bottom: 25px
}
.user-data {
  text-align: center
}
.user-data ul {
  font-family: Arial;
  list-style: none
}
.user-data ul li {
  padding: 15px 0
}
.user-data li a {
  color: #333;
  font-size: 16px
}
.user-data li a:hover {
  color: var(--primary-color) !important
}
.user-data .active {}
.user-data .active a {
  color: var(--primary-color) !important
}
.user-box {
  padding: 30px
}
.user-comment {}
.user-comment-content {
  padding: 20px;
  width: 95%
}
.user-comment-item {
  margin-bottom: 20px;
  padding-bottom: 20px
}
.user-set {}
.user-set-head {
  padding-bottom: 20px
}
.user-set-head .upload-avatar {
  cursor: pointer;
  opacity: 0;
  height: 40px
}
.user-set-head .user-name {
  margin-top: 5px
}
.user-set-head .btn {
  width: 100px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  color: #fff;
  font-size: 14px;
  transform: translateY(15px)
}
.user-user-submit {
  font-size: 15px;
  padding: 6px 15px;
  transform: translateY(13%);
  background-color: #3385ff;
  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);
  color: #fff !important
}
.settings-avatar img {
  width: 60px;
  height: 60px;
}
/*账号绑定*/
.user-set .utitle {
  margin-bottom: 20px;
  font-size: 18px
}
.user-set .utitle p {
  font-size: 12px;
  display: inline-block;
  margin-left: 10px;
  color: #999
}
.user-binding {}
.user-binding .box {
  margin-bottom: 20px
}
.user-binding .box .item {
  padding: 20px;
  text-align: center;
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 15px 3px rgba(146, 146, 146, .1);
  -moz-box-shadow: 0 3px 15px 3px rgba(146, 146, 146, .1);
  box-shadow: 0 3px 15px 3px rgba(146, 146, 146, .1);
  border: 1px solid #f1f1f1
}
.user-binding .box .item span {
  display: inline-block
}
.user-binding .box .item span p {
  display: inline-block
}
.user-binding .box .item i {
  line-height: 1;
  font-size: 30px !important
}
.user-binding .box .item i.icon-QQ {
  color: #1a9efb
}
.user-binding .box .item i.icon-wechat-fill {
  color: #38ad3d
}
.user-binding .box .item i.icon-weibo1 {
  color: #e24a3b
}
.user-binding .box .btns {}
.user-binding .box .btns a {
  color: #fff;
  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);
  -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
  box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
  font-size: 14px;
  padding: 6px 15px;
  border-radius: 4px;
  display: inline-block;
  margin-top: 15px
}
/*投稿优化*/
.ceo-tougao-sx {}
.ceo-tougao-ysz {
  position: relative;
  padding: 10px 13px 10px 45px !important
}
.ceo-tougao-ysz .ceo-tougao-yss {
  width: calc(98% - 24px) !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 30px 10px 56px !important
}
.ceo-tougao-ys .ceo-tougao-yss {
  width: calc(98% - 24px) !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: -23px
}
.tougao-item-erphpdown {
  display: none
}
.tougao-item>label {
  font-weight: 400;
  margin-bottom: 9px;
  margin-top: 16px;
  display: block
}
.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: 43px;
  display: inline-block
}
@media screen and (min-width:979px) {
  .tougao-item {
    margin-left: 90px
  }
}
@media screen and (max-width:978px) {
  .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
  }
}
/*用户弹窗优化*/
.ceo-user-t a:hover {
  color: var(--primary-color) !important
}
.ceo-users-s {
  display: block;
  margin-bottom: 18px;
  width: 100%;
  height: 55px;
  border-radius: 4px;
  color: #fff;
  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-users-s a {
  color: #fff !important;
  height: 55px;
  line-height: 55px;
  display: block
}
.ceo-users-s:hover {
  background: #007aff;
  background-color: #13adff;
  background-image: -webkit-gradient(linear, left top, right top, from(#13adff), to(#006eff));
  background-image: -webkit-linear-gradient(left, #13adff, #006eff);
  background-image: -o-linear-gradient(left, #13adff 0, #006eff 100%);
  background-image: linear-gradient(90deg, #13adff, #006eff)
}
.ceo-users-s:before {
  content: " ";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 5px;
  top: 5px;
  background: url(../images/ceo-sidebar-shop-down-vip.svg) 50% no-repeat;
  background-size: 20px auto;
  z-index: 10
}
.ceo-users-s: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-czgr {
  width: 100%;
  height: 45px !important;
  line-height: 45px !important;
  margin-bottom: 10px
}
.ceo-users-z {
  width: 50% !important;
  float: left;
  height: 45px !important;
  line-height: 45px !important
}
.ceo-users-z .ceo-cz {
  margin-right: 5px;
  background-color: #fff;
  box-shadow: 0 5px 10px 0 rgba(73, 178, 249, 0);
  border: 1px solid #268df7;
  color: #268df7 !important
}
.ceo-users-z .ceo-cz:hover {
  color: #fff !important;
  border: 1px solid #fff00;
  background-color: #268df7;
  box-shadow: 0 5px 10px 0 rgba(73, 178, 249, 0)
}
.ceo-users-z a {
  color: #fff;
  display: block !important;
  padding: 0;
  vertical-align: middle;
  padding: 0;
  line-height: 36px;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  border-radius: 3px
}
.ceo-users-z .ceo-gr {
  margin-left: 5px;
  background-color: #fff;
  box-shadow: 0 5px 10px 0 rgba(255, 87, 0, 0);
  border: 1px solid #ff6922;
  color: #ff6922 !important
}
.ceo-users-z .ceo-gr:hover {
  color: #fff !important;
  border: 1px solid #fff00;
  background-color: #ff6922;
  box-shadow: 0 5px 10px 0 rgba(73, 178, 249, 0)
}
.night .ceo-users-z .ceo-gr,
.night .ceo-users-z .ceo-cz {
  background-color: var(--ceo-ahbg)
}
/*
* ------------------------------------------------------------------------------
* 底部样式
* ------------------------------------------------------------------------------
*/
.ceo-gongan img {
  width: 16px;
  display: inline-block;
  transform: translateY(-18%);
  position: relative;
  margin-right: 3px
}
.foot-link {
  background: #1d1d1d;
  font-size: 12px
}
.footer {}
.foot {}
.foot-logo {
  height: 48px;
  margin-bottom: 10px
}
.foot-logo img {
  height: 49px
}
.foot-item {
  padding-right: 50px;
  color: #676b6f
}
.foot-item-first {}
.foot-item-first:after {
  content: "";
  display: block;
  width: 0;
  height: 10px;
  position: absolute;
  top: 50%;
  right: 0;
  height: 100%;
  top: 0;
  margin-top: 0;
  border-right: 1px solid;
  border-color: #25282a;
  -webkit-box-shadow: 1px 0 1px #393c40;
  box-shadow: 1px 0 1px #393c40
}
.foot-item .foot-item-title {
  font-size: 16px;
  margin-bottom: 10px
}
.foot-item .foot-item-title i {
  margin-right: 3px
}
.foot-item ul {
  list-style: none
}
.foot-item ul li {
  margin-top: 0 !important;
  margin-bottom: 10px;
  font-size: 14px
}
.foot-item ul li.col-6 {
  float: left;
  width: 50%;
}
.foot-item ul li a {
  color: #676b6f;
}
.foot-item ul li span {
  font-size: 20px;
  color: #ccc;
}
.foot-item p {
  font-family: arial
}
.foot-cop {
  background: #25282a;
  color: #676b6f;
  font-size: 13px
}
.foot-cop a {
  color: #676b6f;
  font-size: 13px
}
.foot-cop a:hover {
  color: #fff
}
@media (min-width:1px) {
  .link h2 {
    display: none
  }
}
.link {
  padding: 12px 15px
}
.link ul {
  list-style: none;
  display: inline
}
.link ul li {
  display: inline;
  font-size: 14px
}
.link ul li a {
  color: #666;
  font-size: 14px;
  margin-right: 15px;
  font-size: 13px
}
.foot a:hover {
  color: #fff
}
.link a:hover {
  color: #fff
}
/*底部统计模块新*/
.ceo-clearfix-t {
  padding: 40px 0 0 0
}
.product-number-info {
  position: relative;
  z-index: 2
}
.product-number-info li:first-child {
  border: none
}
.product-number-info li {
  float: left;
  width: 16.5%;
  height: 90px;
  border-left: 1px solid #66c7fd;
  color: #fff;
  padding-top: 1px;
  list-style: none
}
.product-number-info li b {
  font-weight: 400;
  font-size: 36px;
  line-height: 1;
  display: inline-block;
  position: relative;
  margin: 15px 0 10px
}
.product-number-info li b i {
  font-style: normal
}
.product-number-info li b sup {
  position: absolute;
  font-size: 20px;
  right: -15px;
  top: -3px
}
.product-number-info li p {
  font-size: 14px
}
/*底部统计统计*/
.cloud-banner {
  position: relative;
  min-width: 100%;
  height: 300px;
  overflow: hidden;
  color: #fff;
  text-align: center
}
.cloud-bubble-one {
  position: absolute;
  top: -120px;
  left: 50%;
  z-index: 1;
  margin-left: -120px;
  width: 240px;
  height: 240px;
  background: url(../images/ceo-footer-bule1.png);
  animation: bubble-animate-1 linear 10s infinite
}
.cloud-bubble-two {
  position: absolute;
  top: 50px;
  left: 34%;
  z-index: 1;
  width: 360px;
  height: 360px;
  background: url(../images/ceo-footer-bule2.png);
  animation: bubble-animate-2 linear 12s infinite
}
.cloud-bubble-three {
  position: absolute;
  top: 50px;
  left: 48%;
  z-index: 2;
  width: 300px;
  height: 300px;
  background: url(../images/ceo-footer-bule3.png);
  animation: bubble-animate-3 linear 11s infinite
}
@keyframes bubble-animate-1 {
  from {
    top: -120px
  }
  50% {
    top: -180px
  }
  to {
    top: -120px
  }
}
@keyframes bubble-animate-2 {
  from {
    top: 50px;
    left: 34%
  }
  50% {
    top: 80px;
    left: 24%
  }
  to {
    top: 50px;
    left: 34%
  }
}
@keyframes bubble-animate-3 {
  from {
    top: 50px;
    left: 48%
  }
  50% {
    top: 80px;
    left: 58%
  }
  to {
    top: 50px;
    left: 48%
  }
}
.cloud-bubble-text {
  position: relative;
  padding-top: 35px;
  z-index: 2;
  font-size: 24px
}
.cloud-bubble-link {
  position: relative;
  z-index: 2
}
.cloud-bubble-link a {
  display: inline-block;
  margin-top: 24px;
  width: 220px;
  height: 44px;
  line-height: 44px;
  border: 1px solid #fff;
  color: #fff !important;
  border-radius: 50px
}
.cloud-bubble-link a:hover {
  color: #2c63ff !important;
  background-color: #fff
}
/*底部活动图*/
.ceo-footer-h {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 9999;
  width: 190px;
}
.ceo-footer-h img {
  max-width: 100%;
  height: auto;
}
/*底部跟随（美化）*/
.ceo-suspension-input {
  width: 220px;
  height: 44px;
  float: left;
  border: 0;
  outline: none;
  background: none
}
.ceo-kefu-img {
  position: fixed;
  top: 16%;
  left: auto;
  right: 0;
  bottom: auto;
  cursor: pointer;
  z-index: 101
}
.ceo-kefu-img>img {
  object-fit: contain
}
.ceo-kefu-bot {
  width: 100%;
  height: 120px;
  background: rgb(0, 0, 0);
  position: fixed;
  bottom: 0;
  top: auto;
  left: 0;
  right: auto;
  z-index: 101;
  display: none
}
@supports (background:rgba(0, 0, 0, 0.7)) {
  .ceo-kefu-bot {
    background: rgba(0, 0, 0, 0.7)
  }
}
.ceo-kefu-con {
  width: 1200px;
  height: 100px;
  position: relative;
  margin: 0 auto;
  padding-top: 20px
}
.ceo-kefu-con img {
  object-fit: contain;
  position: absolute;
  bottom: 0;
  top: auto;
  left: -94px;
  right: auto;
  margin-right: 5px
}
.ceo-kefu-form {
  margin-left: 178px
}
.ceo-kefu-form-ss {
  margin-bottom: 16px;
  display: flex;
  align-items: center
}
.ceo-kefu-form-ss>div {
  float: left
}
.ceo-kefu-form-ss-title {
  color: #fefefe;
  font-size: 17px
}
.ceo-kefu-form-ss-y {
  background: #565656;
  padding: 0px 13px;
  border-radius: 25px;
  position: relative;
  top: 1px;
  left: 8px;
  bottom: auto;
  right: auto;
  display: flex;
  align-items: center
}
.ceo-kefu-form-ss-y>span {
  color: #ffffff;
  font-size: 12px
}
.ceo-kefu-form-ss-y i {
  font-size: 14px
}
.ceo-kefu-cols {
  float: right;
  cursor: pointer;
  margin-top: -86px;
  margin-right: 55px
}
.ceo-kefu-cols i {
  object-fit: contain;
  padding: 8px;
  background: #2626269e;
  color: #fff;
  border-radius: 50px;
  font-size: 18px
}
.ceo-kefu-box {
  background: #FFFFFF;
  height: 44px;
  float: left
}
.ceo-kefu-clearfix:after {
  content: "";
  display: block;
  clear: both;
  height: 0
}
.ceo-kefu-box>input {
  border: none;
  width: 220px;
  height: 44px;
  float: left;
  border: 0;
  outline: none;
  background: none
}
.ceo-kefu-before {
  background: #e4e4e4;
  width: 1px;
  height: 10px;
  float: left;
  margin-top: 17px;
  margin-right: 10px
}
.ceo-kefu-ss-an {
  border: 0;
  outline: 0;
  width: 140px;
  height: 44px;
  background: var(--primary-color);
  text-align: center;
  line-height: 44px;
  font-size: 14px;
  border-radius: 4px;
  color: #fefefe;
  float: left;
  margin-right: 8px
}
.ceo-kefu-ss-an:hover {
  background: #407ce9;
  color: #fff !important
}
.ceo-kefu-ss-an i {
  font-size: 14px
}
.ceo-kefu-zc-an {
  width: 168px;
  height: 44px;
  background: #fe4e18;
  text-align: center;
  line-height: 44px;
  font-size: 14px;
  border-radius: 4px;
  color: #FFFFFF;
  float: left;
  margin-right: 8px
}
.ceo-kefu-zc-an:hover {
  background: #ec6724;
  color: #fff !important
}
.ceo-kefu-zc-an i {
  object-fit: contain;
  margin-right: 2px
}
.ceo-kefu-zc-kf {
  width: 168px;
  height: 44px;
  background: #13adff;
  text-align: center;
  line-height: 44px;
  font-size: 14px;
  border-radius: 4px;
  color: #FFFFFF;
  float: left;
  margin-right: 8px
}
.ceo-kefu-zc-kf:hover {
  background: #4dbefb;
  color: #fff !important
}
.ceo-kefu-zc-kf i {
  object-fit: contain;
  margin-right: 2px
}
.ceo-kefu-ss-an,
.ceo-kefu-zc-an,
.ceo-kefu-zc-kf {
  cursor: pointer
}
/*
* ------------------------------------------------------------------------------
* 通知样式修改
* ------------------------------------------------------------------------------
*/
.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
}
/*
* ------------------------------------------------------------------------------
* 分类列表样式
* ------------------------------------------------------------------------------
*/
/*菜单相关*/
.ceo-card-margin-left {
  margin-left: 10px !important
}
.ceo-cat-tj {
  background: #fe6130;
  display: inline-block;
  font-size: 12px;
  padding: 0 10px 1px 10px;
  line-height: 16px;
  margin-top: 0px;
  color: #ffffff;
  position: relative;
  border-radius: 2px;
  font-style: normal;
  font-stretch: normal;
  top: -4px
}
.ceo-cat-tj:after {
  content: "";
  width: 4px;
  height: 0px;
  border-width: 6px;
  border-color: transparent #fe6130 transparent transparent;
  border-style: solid;
  position: absolute;
  left: -14px;
  top: 2px
}
.ceo-fl-icon i {
  margin-right: 2px;
  font-size: 16px
}
.ceo-fl-icon a {
  display: inline-block;
  margin: 0 7px;
  background: #fff;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 0 7px;
  color: #8f8f8f
}
.ceo-fl-icon .active,
.ceo-fl-icon a:hover {
  background-image: linear-gradient(90deg, #006eff, #13adff);
  color: #fff
}
.ceo-catnav-2 .ceo-lanmu-juli {
  margin-left: 20px
}
.ceo-catnav-3 .ceo-lanmu-juli {
  margin-left: 20px
}
.ceo-lanmu-fenlei {
  position: relative;
  padding: 10px 0 0 100px
}
.ceo-lanmu-fenlei dt {
  position: absolute;
  left: 0;
  top: 8px;
  display: block;
  line-height: 31px;
  color: #333;
  font-size: 14px;
  font-weight: 400
}
.ceo-lanmu-fenlei i {
  margin-right: 2px;
  font-size: 20px;
  display: inline-block;
  transform: translateY(2px)
}
/*课程列表*/
.ceo-loop-edu {
  border-radius: 5px;
  position: relative;
  box-shadow: 0px 4px 10px rgba(20, 20, 20, 0.1);
  -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-loop-edu:hover {
  box-shadow: 0px 8px 12px rgba(20, 20, 20, 0.2)
}
.ceo-loop-edu .ceo_app_img {
  border-radius: 5px;
  overflow: hidden;
  padding-bottom: 100px
}
.ceo-loop-edu .ceo_app_img img {
  border-radius: 5px
}
.ceo-loop-edu-text {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.78) 0%, #fff 30%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.78) 0%, #fff 30%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.78) 0%, #fff 30%);
  position: absolute;
  bottom: 0px;
  display: table;
  width: 100%;
  border-radius: 0 0 5px 5px
}
.ceo-loop-edu-text-title {
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  margin-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px
}
.ceo-loop-edu-text-title a {
  font-weight: bold;
  font-size: 16px;
  color: #333;
  font-weight: 500;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden
}
.ceo-loop-edu-text-title a:hover {
  color: #4775FF
}
.ceo-loop-edu-text-subtitle {
  font-size: 12px;
  color: #999;
  margin: 15px 0 0 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 18px;
  height: 12px;
  line-height: 12px;
  padding-left: 20px;
  padding-right: 20px
}
.ceo-loop-edu-text-subtitle-author {
  float: left;
  color: #999
}
.ceo-loop-edu-text-subtitle-author i {
  font-size: 14px;
  margin-right: 3px
}
.ceo-loop-edu-text-subtitle-author a {
  color: #999
}
.ceo-loop-edu-text-subtitle-keshi {
  float: right;
  color: #999
}
.ceo-loop-edu-text-subtitle-keshi span {
  padding: 0 5px;
  color: #ccc
}
.ceo-loop-edu-text-subtitle-keshi-demo {
  margin-left: 6px
}
.ceo-loop-edu:hover .ceo-loop-edu-text-desc {
  height: 60px;
  opacity: 1
}
.ceo-loop-edu-text-desc {
  word-break: break-word;
  font-size: 12px;
  line-height: 20px;
  margin: 10px 0;
  overflow: hidden;
  color: #555;
  height: 0;
  transition: all 0.3s;
  opacity: 0;
  padding-left: 20px;
  padding-right: 20px
}
.ceo-loop-edu-text-desc p {
  height: 40px;
  overflow: hidden
}
.ceo-loop-edu-text-pay {
  line-height: 18px;
  height: 18px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px
}
.ceo-loop-edu-text-pay span {
  display: block;
  font-size: 12px;
  float: left;
  height: 18px;
  line-height: 18px;
  color: #4775FF
}
.ceo-loop-edu-text-pay em {
  display: block;
  font-size: 12px;
  float: right;
  height: 18px;
  line-height: 18px;
  color: #999;
  font-style: normal
}
/*素材列表*/
.ceo-cat-sucai {
  position: relative
}
.ceo-cat-sucai:hover span {
  z-index: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1)
}
.ceo-cat-sucai span {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 110px;
  margin: 0 auto;
  text-align: center;
  transform: translate(-29%, 0);
  background: rgb(0 0 0 / 40%);
  padding: 6px 10px;
  border-radius: 5px;
  color: #fff !important;
  display: inline-block;
  font-size: 13px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all .25s ease-out;
  -ms-transition: all ease-out .25s;
  -o-transition: all ease-out .25s;
  transition: all .25s ease-out;
  background-color: #3385ff;
  background-color: #3385ff;
  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-cat-sucai-title {
  color: #fff;
  padding: 10px;
  transform: translateY(100px);
  transition: all .3s;
  background: linear-gradient(to top, rgba(0, 0, 0, 50%) 0, transparent 100%)
}
.ceo-cat-sucai-title a {
  color: #fff;
  font-size: 14px
}
.ceo-cat-sucai-box {
  display: block;
  position: relative
}
.ceo-cat-sucai-box:hover .ceo-cat-sucai-title {
  transform: translateY(0px)
}
#ceoxiangguan .ceo-cat-sucai span {
  display: none !important
}
/*瀑布流列表*/
.flow-item .cover {
  height: 100%;
  overflow: hidden;
  border-radius: 4px;
}
/*相册列表*/
.ceo-album-5 a {
  color: #fff
}
.ceo-album img {
  height: 100%
}
.ceo-album {}
.ceo-album p {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s
}
.ceo-album p {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 2em;
  width: 87%;
  opacity: 0;
  -webkit-transform: translate3d(0, 10px, 0);
  transform: translate3d(0, 10px, 0)
}
.ceo-album:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
.ceo-album p {
  margin: 0
}
.ceo-album p {
  letter-spacing: 1px;
  font-size: 68.5%
}
.ceo-album figcaption {
  position: relative;
  width: 100%
}
.ceo-album-5:hover .ceo-album p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
/*图片列表*/
.ceo-img-icons {}
.ceo-img-ico-i {
  display: block;
  position: absolute;
  margin: 10px 0 0 10px;
  z-index: 1;
  color: #fff;
  font-size: 12px
}
.ceo-img-ico-i i {
  font-size: 13px;
  margin-right: 3px
}
.ceo_cat_img {
  position: relative
}
.ceo_cat_img a img {
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-backface-visibility: hidden
}
.ceo_cat_img a:hover img {
  -webkit-transform: scale(1.1) rotate(2deg);
  -moz-transform: scale(1.1) rotate(2deg);
  -o-transform: scale(1.1) rotate(2deg);
  -ms-transform: scale(1.1) rotate(2deg);
  transform: scale(1.1) rotate(2deg)
}
.ceo_cat_img a:hover .ceo_cat_img_box_fit {
  margin-bottom: 0px
}
.ceo-img-icons .ceo_cat_img:hover .ceo_cat_img_box_fit {
  margin-bottom: 0px
}
.ceo-img-icons .ceo_cat_img:hover .ceo_cat_img_box_fit h2 a {
  color: #FA2B54
}
.ceo_cat_img_box_fit {}
.ceo_cat_img_box_fit {
  z-index: 2;
  width: 100%;
  margin-bottom: -23px;
  -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_cat_img_box_fit h2 {
  margin: 10px;
  padding: 0 15px;
  height: 30px;
  line-height: 11px;
  background: rgba(255, 255, 255, 0.15);
  color: #fff
}
.ceo_cat_img_box_fit h2 a {
  font-size: 12px;
  color: #fff;
  font-weight: 400
}
.ceo_cat_img_box_fit h2 a:hover {
  color: #FA2B54
}
.ceo_cat_img_box_fit p {
  margin: 5px;
  padding: 0 15px;
  color: #fff;
  font-size: 12px
}
/*模特列表*/
.ceo-imgs-icons {
  border-radius: 0 0 4px 4px
}
.ceo_cat_imgs_cover img {
  border-radius: 4px 4px 0 0
}
.ceo-imgs-ico-i {
  display: block;
  position: absolute;
  margin: 10px 0 0 10px;
  z-index: 1;
  color: #fff;
  font-size: 12px
}
.ceo-imgs-ico-i i {
  font-size: 13px;
  margin-right: 3px
}
.ceo_cat_imgs {
  position: relative
}
.ceo_cat_imgs_box {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0, transparent 100%)
}
.ceo_cat_imgs_moteghj {
  margin: 10px;
  color: #fff
}
.ceo_cat_imgs_moteghj h5 {
  height: 22px;
  line-height: 22px;
  margin-bottom: 8px;
  font-size: 16px;
  color: #fff;
  font-weight: 300;
  overflow: hidden
}
.ceo_cat_imgs_moteghj p {
  height: 15px;
  line-height: 15px;
  font-size: 12px;
  color: #fff
}
.ceo_cat_imgs_moteghj span {
  display: inline-block;
  height: 15px;
  line-height: 15px;
  font-size: 14px;
  color: #fa573e
}
.ceo_cat_imgs_motebtmsd {
  padding: 10px
}
.ceo_cat_imgs_modegty {
  height: 30px;
  line-height: 30px;
  margin-bottom: 5px
}
.ceo_cat_imgs_modeingfh {
  font-size: 14px;
  color: #666;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  padding-right: 80px
}
.ceo_cat_imgs_modeingfh em {
  padding: 0 5px;
  font-size: 12px;
  color: #ededed
}
.ceo_cat_imgs_modeingfh p {
  display: inline;
  margin-right: 10px
}
.ceo_cat_imgs_modeingfh p span {
  margin-left: 5px
}
.ceo_cat_imgs_modegtfgh {
  font-size: 14px;
  color: #fa573e;
  height: 30px;
  line-height: 30px
}
.ceo_cat_imgs_modergd {
  height: 20px;
  line-height: 20px;
  padding-left: 20px;
  overflow: hidden;
  font-size: 14px;
  color: #999;
  background: url(../images/ceo-imgs-tag.png) left center no-repeat
}
.ceo_cat_imgs_modergd a {
  font-size: 14px;
  color: #999;
  margin-right: 5px
}
@media only screen and (max-width:900px) {
  .ceo_cat_imgs_cover {
    padding: 0px !important;
    border-radius: 0px !important
  }
}
/*软件列表*/
.ceo_category_software {}
.ceo_category_software_s:hover {
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.15)
}
.ceo_category_software ul li {
  float: left;
  width: 89%;
  padding: 20px;
  background: #fff;
  transition: box-shadow 0.3s
}
.ceo_category_software_inner {}
.ceo_category_software_inner h5 {
  height: 20px;
  line-height: 20px;
  margin-bottom: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.ceo_category_software_inner h5 a {
  font-size: 14px;
  color: #333
}
.ceo_category_software_inner h5 a:hover {
  color: #17A1FF
}
.ceo_category_software_film {}
.ceo_category_software_film_icon {
  float: left;
  width: 48px;
  height: 48px
}
.ceo_category_software_film_icon a {
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 4px
}
.ceo_category_software_film_mid {
  float: left;
  margin-left: 15px
}
.ceo_category_software_film_star {
  height: 20px;
  margin-bottom: 8px;
  margin-top: 0px;
  color: #ffa400;
  position: relative;
  overflow: hidden
}
.ceo_category_software_film_mid p {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  color: #999;
  overflow: hidden
}
.ceo_category_software_film_mid p em {
  padding: 0 10px;
  font-size: 12px;
  color: #ccc
}
.ceo_category_software_film_dl {
  float: right;
  margin-top: 10px
}
.ceo_category_software_film_dl a {
  display: block;
  width: 56px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  color: #17A1FF;
  background: #fff;
  border: 1px solid #17A1FF;
  overflow: hidden;
  font-size: 14px
}
.ceo_category_software_film_dl a:hover {
  background: #17A1FF;
  color: #fff
}
/*视频列表*/
.post-has-audio {
  background-color: #1a1a1a;
}
.post-has-video {
  position: relative
}
.post-has-video:hover span {
  z-index: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1)
}
.post-has-video span {
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 37%;
  left: 43%;
  background: url(../images/play_cover.png) center no-repeat;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
  -webkit-transition: all .25s ease-out;
  -ms-transition: all ease-out .25s;
  -o-transition: all ease-out .25s;
  transition: all .25s ease-out
}
.btn-search-all,
.btn-search-category {
  cursor: pointer
}
#ceoxiangguan .post-has-video span {
  display: none !important
}
.ceo-cardvideo-loop {
  height: 180px
}
/*网站列表*/
.ceo-category-web .cover {
  height: 159px;
  width: 245px
}
.ceo-category-web .side-item:hover {
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.15)
}
.ceo-web {
  min-height: auto
}
.ceo-web h3 a {
  font-size: 22px;
  color: #4d4d4d
}
.ceo-web-list p {
  margin: 0;
  padding-right: 10px;
  font-size: 12px
}
.ceo-web-list span {
  display: inline-block;
  line-height: 26px;
  font-size: 29px;
  color: #ff2626;
  font-weight: bold;
  position: relative;
  top: 5px
}
.ceo-web-list span label {
  font-size: 20px
}
.ceo-web-info {
  margin-top: 16px;
  overflow: hidden
}
.ceo-web-info ul {
  float: left;
  overflow: hidden
}
.ceo-web-info li {
  background-color: #FAFBFD;
  float: left;
  position: relative;
  margin-right: 6px;
  margin-bottom: 6px;
  padding: 0px 12px 0px 12px;
  text-align: center;
  border-radius: 6px
}
.ceo-web-info li .ceo-web-info-pt {
  font-size: 12px;
  color: #999999;
  margin-bottom: 12px
}
.ceo-web-info li .ceo-web-info-pf {
  font-size: 14px;
  color: #333333
}
.ceo-web-contact {
  float: right;
  padding-top: 10px;
  height: 42px
}
.ceo-web-contact .ceo-web-ys {
  border: 1px solid #3573ec;
  display: inline-block;
  height: 30px;
  border-radius: 4px;
  text-align: center;
  line-height: 30px;
  transition: all .3s;
  width: 98px;
  margin-left: 5px;
  position: relative;
  top: 5px;
  color: #3573ec
}
.ceo-web-contact .ceo-web-gm {
  border: 1px solid #ff2626;
  background: #ff2626;
  display: inline-block;
  height: 30px;
  border-radius: 4px;
  text-align: center;
  line-height: 30px;
  transition: all .3s;
  width: 98px;
  margin-left: 5px;
  position: relative;
  top: 5px
}
.ceo-web-contact a {
  color: #fff
}
/*域名列表*/
.ceo-dns {}
.ceo-dns h3 {
  display: inline-block;
  margin-bottom: 0;
  top: 9px;
  position: relative;
  margin-right: 20px;
  width: 440px;
  word-break: break-all
}
.ceo-dns h3 a {
  font-size: 15px
}
.ceo-dns .ceo-web-list {
  display: inline-block
}
.ceo-dns .ceo-web-list p {
  display: inline-block
}
.ceo-dns p {
  font-size: 13px;
  color: #7d7d7d
}
.ceo-dns ul {
  display: inline-block
}
.ceo-dns ul li {
  display: inline-block;
  margin: 0 16px
}
.ceo-dns-contact {
  float: right;
  padding-top: 10px;
  height: 42px
}
.ceo-dns-contact span {
  color: #ff2626;
  font-weight: bold;
  margin-right: 5px;
  position: relative;
  top: 2px
}
.ceo-dns-contact .ceo-dns-ys {
  border: 1px solid #3573ec;
  display: inline-block;
  height: 23px;
  border-radius: 4px;
  text-align: center;
  line-height: 23px;
  transition: all .3s;
  width: 83px;
  margin-left: 5px;
  position: relative;
  color: #3573ec;
  font-size: 12px
}
.ceo-dns-contact .ceo-dns-gm {
  border: 1px solid #ff2626;
  background: #ff2626;
  display: inline-block;
  height: 23px;
  border-radius: 4px;
  text-align: center;
  line-height: 23px;
  transition: all .3s;
  width: 83px;
  margin-left: 5px;
  position: relative;
  font-size: 12px
}
.ceo-dns-contact a {
  color: #fff
}
/*双排列表*/
.ceo-side-lie {
  min-width: 100%
}
.ceo-side-lie-z {
  width: 73.3333333%
}
.ceo-side-lie-y {
  width: 26.666666%
}
/*音乐列表*/
.ceo-music-cat {}
.ceo-music-cat .audio-pan .play-icon {
  position: relative;
  top: 12px;
  padding: 10px 88px;
  z-index: 2
}
.ceo-music-cat .audio-pan .play-dot {
  position: absolute;
  top: 15px;
  right: 45px;
  width: 20px !important;
  height: 20px;
  z-index: 3
}
.ceo-music-cat .audio-pan .play-zhen {
  position: absolute;
  top: 20px;
  right: 57px;
  width: auto !important;
  height: 100px;
  z-index: 2;
  transform: rotate(-9deg);
  transition: all .6s ease-in-out;
  transform-origin: right top;
  height: 50% !important
}
.ceo-music-cat .audio-pan .play-pan {
  position: relative;
  top: 50px;
  padding: 10px 77px;
  margin-top: -80%
}
.ceo-music-cat-title .title {
  padding: 10px;
  min-height: 15px;
  max-height: 2.6em;
  overflow: hidden;
  word-break: break-all
}
.audio-pan .play-icon {
  position: relative;
  top: 0;
  padding: 10px 50px;
  z-index: 2
}
.audio-pan .play-zhen {
  position: absolute;
  top: 20px;
  right: 24px;
  width: auto !important;
  height: 100px;
  z-index: 2;
  transform: rotate(-9deg);
  transition: all .6s ease-in-out;
  transform-origin: right top
}
.audio-pan .play-dot {
  position: absolute;
  top: 15px;
  right: 17px;
  width: 20px !important;
  height: 20px;
  z-index: 3
}
.audio-pan .play-pan {
  position: absolute;
  top: 0;
  padding: 10px 50px
}
.post-video .video-play {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative
}
.audio-info {
  display: flex
}
.audio-left {
  display: flex;
  justify-content: center;
  align-items: center
}
.post-video .video-play video {
  position: relative;
  display: block;
  width: auto;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%
}
.post-video .video-play video {
  position: relative;
  display: block;
  width: auto;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%
}
.post-video .video-box-hand {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: hidden
}
.post-video .show-image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden
}
.video-box-hand:hover .meta-video-tag {
  display: none
}
.post-video .video-play {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative
}
.audio-wrapper {
  background-color: #1a1a1a;
  color: #3e3e3e;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 12px
}
.audio-info {
  display: flex
}
.audio-left {
  display: flex;
  justify-content: center;
  align-items: center
}
.audio-left img {
  width: 200px;
  margin: 0 !important;
  height: 200px;
  display: initial;
  cursor: pointer;
  position: absolute;
  z-index: 3
}
.post-video>.video .meta-video-tag {
  content: ' ';
  position: absolute;
  top: 5px;
  right: 5px;
  width: 50px;
  height: 50px;
  background: url(../images/play.png) 50% no-repeat;
  background-size: cover;
  z-index: 1
}
@-webkit-keyframes z {
  from {
    -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1)
  }
  to {
    -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
    -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
    -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
    transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1)
  }
}
.cover-bg {
  margin: 0 auto;
  width: 200px;
  height: 200px;
  background: url(../images/pan.png) no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #000;
  border-radius: 50%;
  -webkit-animation: z 5s linear 0s infinite;
  -moz-animation: z 5s linear 0s infinite;
  -ms-animation: z 5s linear 0s infinite;
  animation: z 5s linear 0s infinite
}
.audio-right {
  width: 100%;
  margin: 20px
}
.audio-right h1 {
  padding-left: 0px !important;
  font-size: 1.5em !important;
  font-weight: 500;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
  color: #eee;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2
}
.audio-right h1:after {
  content: '';
  position: absolute;
  left: 0;
  height: 100%;
  width: 0px !important;
  background: var(--primary-color);
  box-shadow: 3px 0px 10px -1px var(--primary-color);
  border-radius: 2px
}
.poster-footer {
  margin-bottom: 36px;
  font-size: 14px
}
.poster-footer a {
  margin-right: 24px;
  color: #eee
}
.progress-bar-bg {
  background-color: #d9d9d9;
  position: relative;
  height: 36px;
  cursor: pointer
}
.progress-yinfu {
  position: absolute;
  left: -1px;
  top: -1px;
  z-index: 3;
  width: 101%;
  height: 100%;
  background: url(../images/audio-s-b.svg) repeat-x
}
.progress-bar-bg span {
  content: " ";
  width: 2px;
  height: 100%;
  background: linear-gradient(45deg, #b18f6a, #fdd1a1);
  position: absolute;
  cursor: pointer
}
.progress-bar {
  background: linear-gradient(45deg, #b18f6a, #fdd1a1);
  width: 0;
  height: 100%
}
.audio-time {
  overflow: hidden;
  margin-top: 4px;
  color: #eee
}
.audio-length-current {
  float: left;
  font-size: 14px
}
.audio-length-total {
  float: right;
  font-size: 14px
}
.n-box fieldset {
  border: 1px dashed #bdbdbd;
  padding: 10px;
  border-radius: 5px;
  line-height: 2em;
  font-size: 12px;
  color: #bdbdbd;
  text-align: center
}
.audio-pan .play-icon {
  position: relative;
  top: 0;
  padding: 10px 50px;
  z-index: 2
}
.audio-pan .play-zhen {
  position: absolute;
  top: 20px;
  right: 24px;
  width: auto !important;
  height: 100px;
  z-index: 2;
  transform: rotate(-9deg);
  transition: all .6s ease-in-out;
  transform-origin: right top;
  height: 50% !important
}
.audio-pan .play-dot {
  position: absolute;
  top: 15px;
  right: 17px;
  width: 20px !important;
  height: 20px;
  z-index: 3
}
.audio-pan .play-pan {
  position: relative;
  top: 0;
  padding: 10px 50px;
  margin-top: -70%
}
@-webkit-keyframes z {
  from {
    -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1)
  }
  to {
    -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
    -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
    -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
    transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1)
  }
}
.widget-userinfo .author_avatar a {
  font-size: 0.9rem !important;
  font-weight: 400;
  line-height: 1.5;
  color: #fff
}
.widget-userinfo .author-fields .num {
  position: static;
  background: transparent;
  color: #fff;
  font-size: 23px
}
.burger:before,
.burger:after {
  background-color: transparent
}
.burger>i {
  display: inline-block;
  margin-top: 3px;
  margin-left: 7px
}
.n-box legend {
  color: #ffffff;
  width: 30%;
  text-align: center;
  background: #3d7eff;
  border-radius: 5px
}
.tabtst {
  overflow: hidden;
  width: 100%;
  height: 55px;
  cursor: pointer;
  margin-bottom: 20px
}
.tabtst li.on {
  border-bottom: 2px solid #3d7eff;
  color: #333;
  line-height: 53px;
  font-weight: 400
}
.tabtst li {
  float: left;
  padding: 0 20px;
  text-align: center;
  line-height: 53px;
  font-size: 18px;
  color: #ccc;
  list-style: none
}
.article-content li {
  margin-bottom: 10px
}
.btn--secondary {
  background: #3d7eff !important
}
.widget-area .widget .pwd {
  display: none
}
.navbar-sticky:not(.ads-before-header) .site-header,
.navbar-sticky_transparent:not(.ads-before-header) .site-header,
.stick-now .site-header {
  top: 35px
}
.mask-body-dark {
  background: rgba(0, 0, 0, .4);
  background-color: rgba(25, 37, 49, 0.8);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  pointer-events: auto;
  transition-duration: .2s
}
.mask-body {
  display: flex;
  position: fixed;
  z-index: 1040;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: .625em;
  overflow-x: hidden;
  background-color: transparent;
  -webkit-overflow-scrolling: touch
}
.omnisearch.show {
  opacity: 1;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%)
}
.omnisearch {
  width: 100%;
  margin-top: 1.5rem;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  opacity: 0;
  background-color: transparent;
  pointer-events: none;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: opacity 0.15s, -webkit-transform 0.3s;
  transition: opacity 0.15s, -webkit-transform 0.3s;
  -o-transition: transform 0.3s, opacity 0.15s;
  transition: transform 0.3s, opacity 0.15s;
  transition: transform 0.3s, opacity 0.15s, -webkit-transform 0.3s;
  font-family: RiPlus-Black
}
.omnisearch-form .input-group {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%
}
.input-group-prepend {
  margin-right: -1px
}
.input-group-append,
.input-group-prepend {
  display: -ms-flexbox;
  display: flex
}
.omnisearch .omnisearch-form .input-group-text {
  font-size: 1.875rem;
  background: transparent;
  color: #C0CCDA;
  background-color: #FFF;
  border: 1px solid #E0E6ED
}
.input-group-merge .form-control:not(:first-child):not(.is-valid):not(.is-invalid) {
  border-left: 0;
  padding-left: 0
}
.omnisearch .omnisearch-form .form-control {
  display: block;
  height: 68px;
  font-size: 1.25rem;
  color: #454545;
  background-color: transparent;
  background-image: none;
  border: 0;
  outline: none
}
.card-item .post-audio {
  position: relative
}
.card-item .post-audio img {
  height: auto
}
/*列表4优化*/
.ceo-cat-4-h3 {
  position: absolute;
  top: -160px;
  color: #fff
}
/*
* ------------------------------------------------------------------------------
* 首页搜索模块
* ------------------------------------------------------------------------------
*/
.slide_03 {
  width: 100%;
  height: 460px
}
.slide_03 img {
  width: 100%
}
.slide_03 .search {
  padding: 0 15px
}
.slide_03 .slide_text {
  color: rgba(255, 255, 255, 0.9);
  text-align: center;
  font-size: 25px;
  margin-bottom: 40px
}
.ceo-flex-middle {
  align-items: center
}
.slide_03 .search input {
  padding-left: 15px;
  width: 601px;
  height: 49px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.2);
  color: #FFF;
  font-size: 15px;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.8)
}
.slide_03 .search button {
  margin-left: 5px;
  background: var(--primary-color);
  height: 49px;
  color: #fff;
  padding: 0 20px;
  font-size: 16px;
  letter-spacing: 3px;
  transition: all .3s
}
.search button {
  background: transparent;
  border: 0;
  cursor: pointer;
  outline: none;
  filter: chroma(color=#000000)
}
.slide_03 .search button i {
  color: #fff;
  margin-right: 3px
}
.slide_03 .search_tags {
  margin-top: 30px
}
@media only screen and (max-width:900px) {
  .slide_03 .search_tags {
    margin-top: 20px;
    margin-bottom: 20px
  }
}
.slide_03 .search_tags i {
  margin-right: 4px
}
.slide_03 .search_tags a {
  padding: 0 10px
}
/*
* ------------------------------------------------------------------------------
* 首页标题模块
* ------------------------------------------------------------------------------
*/
.ceo-title-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-top: 20px
}
.ceo-phbf {
  overflow: hidden;
  margin-top: 20px;
  text-align: justify
}
.ceo-phbf .m-home-ranking__content__item {
  position: relative;
  overflow: hidden;
  display: inline-block;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 25%;
  padding-left: 20px;
  border-radius: 4px
}
.ceo-phbf .item_title {
  text-align: left;
  padding-left: 26px;
  color: #ffffff;
  height: 64px;
  line-height: 64px;
  font-size: 20px;
  border-radius: 4px 4px 0px 0px;
  vertical-align: top;
  background: rgb(253, 158, 62);
  background-size: 100%;
  background-position: center center
}
.ceo-phbf .item_title a {
  color: #fff
}
.ceo-phbf .tab-content .g_text a:hover {
  color: #3385ff
}
.ceo-phbf .item_soft .item_title {
  background-position: 0 -192px
}
.ceo-phbf .item_sucai .item_title {
  background-position: 0 -256px
}
.ceo-phbf .item_yuanma .item_title {
  background-position: 0 0px
}
.ceo-phbf .nav-tabs {
  padding-left: 20px
}
.ceo-phbf .tab-content {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0 20px
}
.ceo-phbf .tab-content .g_text {
  line-height: 36px;
  margin: 4px 0;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden
}
.ceo-phbf .tab-content div {
  color: #666;
  font-size: 14px
}
.ceo-phbf .tab-content .g_text a {
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.ceo-phbf .tab-content .g_text a .num {
  display: inline-block;
  margin-right: 2px;
  width: 21px;
  height: 21px;
  line-height: 21px;
  text-align: center;
  color: #999393
}
.ceo-phbf .tab-content .g_text a .num1 {
  color: #f93131
}
.ceo-phbf .tab-content .g_text a .num2 {
  color: #ff9900
}
.ceo-phbf .tab-content .g_text a .num3 {
  color: #0066ff
}
.ceo-phbf .tab-content .g_text a .num4 {
  color: #00ff43
}
.ceo-phbf .tab-content .g_text a .num5 {
  color: #cc00ff
}
.ceo_title_only {
  background: #fff
}
/*
* ------------------------------------------------------------------------------
* 首页多图广告
* ------------------------------------------------------------------------------
*/

/*图片广告*/
.ceo_ads {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-top: 10px;
  margin-bottom: 10px !important
}
.ceo_ads li {
  margin: 5px 0;
  padding-left: 15px;
  flex: 0 0 33.33344%;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%
}
.ceo_ads img {
  width: 480px;
  height: 70px
}
.ceo_ads a {
  position: relative;
  display: block;
  float: left
}
.ceo_ads a:before {
  position: absolute;
  content: " ";
  width: 26px;
  height: 1pc;
  background: url(__PUBLIC__/static/ceomax/images/images/ceo-ads.png);
  right: 0;
  font-size: 9pt;
  text-align: center;
  bottom: 0;
  color: #fff
}
/*文字广告*/
.ceo_adsw {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
  margin-bottom: 10px !important;
  background: #ffffff;
  padding: 8px 0
}
.ceo_adsw li {
  margin: 5px 0;
  padding-left: 30px;
  flex: 0 0 16.6%;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%
}
.ceo_adsw a {
  position: relative;
  display: block;
  float: left;
  font-size: 13px
}
@media screen and (max-width:800px) {
  .ceo_ads li {
    flex: 100%
  }
  .ceo_adsw li {
    flex: 0 0 50%;
    padding-left: 10px;
    padding-right: 10px
  }
}
/*
* ------------------------------------------------------------------------------
* 首页分类
* ------------------------------------------------------------------------------
*/
/*分类切换*/
.ceo-switcher-top {
  margin-top: 40px
}
.ceo-icon-sylb {
  color: var(--primary-color);
  margin-right: 3px;
  font-weight: normal;
  font-size: 23px !important;
  display: inline-block;
  transform: translateY(2px)
}
.ceo-icon-index {
  color: var(--primary-color);
  margin-right: 6px;
  font-weight: normal;
  font-size: 32px !important;
  display: inline-block;
  transform: translateY(2px)
}
.ceo-icon-phb {
  color: #feae18;
  margin-right: 3px;
  font-weight: normal;
  font-size: 26px !important;
  display: inline-block;
  transform: translateY(2px)
}
/*icon图标居中*/
.ceo-icon-juzon {
  margin-right: 5px;
  font-size: 14px;
  display: inline-block;
  transform: translateY(2px)
}
/*分类导航*/
.ceo-fastnav-p {
  padding: 10px !important
}
/*友链申请*/
.links_ylsq {
  border: 1px solid #ccc;
  border-radius: 50px;
  padding: 1px 8px 1px 8px;
  font-size: 10px !important
}
/*分类*/
.list-nav .current-cat-parent a,
.list-nav .current-cat-ancestor a {
  z-index: 10;
  color: var(--primary-color);
  background: #f0f6ff;
  display: inline-block;
  padding: 3px 8px;
  border-radius: 4px
}
.list-nav .current-cat-parent a,
.list-nav .current-cat-ancestor a {
  position: relative;
  color: var(--primary-color)
}
.ceo-container {
  position: relative;
  margin-top: 0px !important
}
/*首页*/
@media only screen and (max-width:800px) {
  .slide_03 {
    width: 100%;
    height: 208px
  }
  .slide_03 img {
    height: 208px
  }
  .slide_03 .search {
    padding: 0 30px
  }
  .slide_03 .slide_text {
    font-size: 16px;
    margin-bottom: 18px
  }
  .slide_03 .search input {
    height: 28px;
    font-size: 12px
  }
  .slide_03 .search button {
    height: 28px;
    padding: 0 9px;
    font-size: 12px
  }
  .slide_03 .search button i {
    font-size: 12px
  }
  .slide_04 .slide_text {
    margin-bottom: 31px;
    font-size: 17px
  }
  .slide_04 {
    height: 206px
  }
  .ceo-slide-4-banner-top {
    height: 226px;
    border-radius: 0 0 90% 90%
  }
  .slide_04_search {
    display: initial
  }
  .slide_04 .search input {
    width: 160px;
    height: 36px
  }
  .slide_04 .search button {
    font-size: 12px;
    height: 36px
  }
  .ceo_slide04_top_or {
    display: none
  }
  .ceo_slide04_top_btn {
    display: none
  }
  .ceo-slide-4-control-box {
    display: none
  }
}
@media (min-width:901px) {
  .slide_03 {
    width: 100%;
    height: 460px
  }
  .slide_03 img {
    height: 460px
  }
}
@media only screen and (max-width:768px) {
  .ceo-sj-yc {
    display: none
  }
}
.ceo-fenlei-s {
  margin-left: 128px;
  margin-top: -30px;
  display: block;
  color: var(--primary-color)
}
.ceo-right-s {
  margin-right: 20px
}
/*--------------------------首页图片模块样式1-----------------------------*/
.home_img1 {
  margin-top: 20px !important;
  margin-bottom: 20px !important
}
.home_img1 ul {}
.home_img1 li {}
.home_img1 a {
  display: block;
}
.home_img1 img {
  border-radius: 6px;
  width: 100%;
}
/*--------------------------首页图片模块样式2-----------------------------*/
.home_img2 {
  margin-top: 20px !important;
  margin-bottom: 20px !important
}
.home_img2 ul {}
.home_img2 li {}
.home_img2 a {
  display: block;
}
.home_img2 img {
  width: 100%;
  border-radius: 6px
}
@media only screen and (max-width: 800px) {
  .home_img2 {
    display: none;
  }
}
/*--------------------------首页图片模块样式3-----------------------------*/
.home_img3 {
  margin-top: 20px !important;
  margin-bottom: 20px !important
}
.home_img3 ul {}
.home_img3 li {}
.home_img3 a {
  display: block;
}
.home_img3 img {
  width: 100%;
  border-radius: 6px
}
/*--------------------------首页滚动模块样式1-----------------------------*/
.ceo-roll1 {
  height: 20px;
  line-height: 20px;
  padding: 20px 0
}
.ceo-roll1-box li {
  height: 20px
}
/*--------------------------首页CMS模块样式3-----------------------------*/
.home_cms3 {
  margin-top: 20px !important;
  margin-bottom: 20px !important
}
.home_cms3 ul {
  margin-left: -20px
}
.home_cms3 ul li {
  height: 50px;
  float: left;
  padding-left: 20px;
  overflow: hidden;
  border-radius: 64px;
  margin-bottom: 10px
}
.home_cms3 ul li a {
  display: block;
  height: 50px;
  background: #fff;
  border-radius: 50px
}
.home_cms3 ul li a img {
  display: block;
  width: 40px;
  height: 40px;
  float: left;
  border-radius: 50px;
  margin-top: 5px;
  margin-left: 6px
}
.home_cms3 ul li a em {
  font-style: normal;
  display: block;
  float: right;
  padding: 0 20px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 15px;
  color: #666;
  overflow: hidden
}
.home_cms3 ul li a em:hover {
  color: var(--primary-color)
}
@media only screen and (max-width:800px) {
  .home_cms3 {
    display: none
  }
}
/*--------------------------首页CMS模块样式4-----------------------------*/
.home_cms4 {
  background: #f9f9f9
}
.home_cms4 ul {
  padding-top: 20px
}
.home_cms4_mk {
  float: left;
  width: 337px;
  padding-left: 30px
}
.home_cms4_b {
  margin-left: -30px
}
.home_cms4_k {
  padding: 10px;
  background: #fff;
  margin-bottom: 20px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, .05)
}
.home_cms4_mk .home_cms4_mk_title {
  color: #1c1f21;
  font-size: 16px;
  padding-bottom: 13px;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  border-bottom: 1px solid #f4f4f4
}
.home_cms4_mk .home_cms4_mk_title a {
  display: inline-block;
  float: left;
  height: 20px;
  line-height: 20px
}
.home_cms4_mk .home_cms4_mk_title i {
  font-size: 20px;
  transform: translateY(8%);
  display: inline-block;
  margin-right: 3px;
  color: var(--primary-color)
}
.home_cms4_mk .home_cms4_mk_tag {
  overflow: hidden
}
.home_cms4_mk .home_cms4_mk_tag a {
  display: inline-block;
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  padding: 0 10px;
  margin-bottom: 5px;
  background: #fff;
  border-radius: 3px;
  color: #666;
  transition: all 0.4s
}
.home_cms4_mk .home_cms4_mk_i i {
  color: #d8d8d8
}
.home_cms4_mk .home_cms4_mk_i i:hover {
  color: var(--primary-color);
  transition: all 0.4s
}
.home_cms4_mk .home_cms4_mk_tag a:hover {
  background: #0080FF;
  color: #fff
}
@media only screen and (max-width:800px) {
  .home_cms4 {
    display: none
  }
}
/*--------------------------首页CMS模块样式5-----------------------------*/
.home_cms5 {
  margin-top: 20px !important
}
.home_cms5_title {
  height: 30px;
  margin-bottom: 30px;
  overflow: hidden;
  margin-top: 10px
}
.home_cms5_title span {
  display: block;
  float: left;
  height: 30px;
  line-height: 30px;
  font-size: 1.5rem;
  color: #333
}
.home_cms5_title span i {
  color: var(--primary-color);
  margin-right: 6px;
  font-weight: normal;
  font-size: 32px !important;
  display: inline-block;
  transform: translateY(2px)
}
.home_cms5_title em {
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #9199a1;
  margin-left: 20px;
  float: left;
  display: block;
  margin-top: 8px;
  font-style: normal
}
.home_cms5_link {
  margin-left: -20px
}
.home_cms5_link li {
  float: left;
  width: 162px;
  height: 90px;
  padding-left: 20px;
  margin-bottom: 15px
}
.home_cms5_link li a {
  display: block;
  height: 60px;
  background: #fff;
  border-radius: 4px !important;
  padding: 12px 15px 15px 15px
}
.home_cms5_link li a img {
  display: block;
  width: 58px;
  height: 45px;
  margin: 0 auto 5px
}
.home_cms5_link li a span {
  display: block;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  font-size: 14px;
  color: #888;
  text-align: center
}
@media only screen and (max-width:800px) {
  .home_cms5 {
    display: none
  }
}
/*--------------------------首页业务模块样式1-----------------------------*/
.yewu1-mall {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover
}
.yewu1-title {
  text-align: center;
  padding-top: 60px;
  padding-bottom: 52px
}
.yewu1-title h1 {
  position: relative;
  font-size: 36px;
  line-height: 50px;
  letter-spacing: 4px;
  color: #252b3a
}
.yewu1-title h2 {
  margin-top: 10px;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 2px;
  color: #666a75
}
.yewu1-app>ul {
  margin-left: -20px
}
.yewu1-app>ul:before,
.yewu1-app>ul:after {
  content: " ";
  display: table;
  box-sizing: inherit
}
.yewu1-app>ul>li {
  float: left;
  width: 20%;
  padding-left: 20px;
  box-sizing: border-box
}
.yewu1-app-card {
  position: relative;
  height: 470px;
  overflow: hidden;
  background-color: grey;
  text-align: center;
  cursor: pointer
}
.yewu1-app-card-bg {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  transition: 0.2s
}
.yewu1-app-card-top {
  position: relative;
  height: 50%
}
.yewu1-app-card-top i {
  display: block;
  position: absolute;
  top: 68px;
  font-size: 56px;
  color: #fff;
  right: 0;
  left: 0;
  margin: 0 auto;
  background-size: cover;
  background-position: center;
  transition: 0.2s
}
.yewu1-app-card-top h2 {
  position: absolute;
  top: 175px;
  right: 0;
  left: 0;
  font-size: 20px;
  line-height: 28px;
  color: #fff;
  transition: 0.2s
}
.yewu1-app-card-top h2:before {
  content: "";
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  width: 0;
  height: 4px;
  margin: 15px auto;
  background-color: #f66f6a;
  transition: 0.2s 0.2s
}
.yewu1-app-card-top p {
  position: absolute;
  top: 173px;
  right: 0;
  left: 0;
  padding-left: 40px;
  padding-right: 40px;
  margin: 10px auto 0;
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  opacity: 0;
  transition: 0.2s
}
.yewu1-app-card-bottom {
  position: relative;
  height: 50%;
  padding-top: 50px;
  font-size: 14px;
  line-height: 24px;
  color: #fff
}
.yewu1-app-card-bottom li {
  margin-bottom: 10px
}
.yewu1-app-card-bottom li a:hover {
  color: rgb(246, 111, 106)
}
.yewu1-app-card-bottom a {
  color: #fff
}
.yewu1-bottom {
  padding-top: 40px;
  padding-bottom: 50px
}
.yewu1-more-wrap {
  text-align: center
}
.yewu1-more-wrap a {
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  color: #666a75;
  cursor: pointer;
  user-select: none;
  transition: 0.2s
}
.yewu1-more-wrap a:hover {
  color: rgb(246, 111, 106)
}
.yewu1-more-wrap a:hover i {
  transform: translate3d(5px, 0px, 0px)
}
.yewu1-more-wrap a .cui-icon {
  margin-top: -2px;
  margin-left: 10px;
  transition: transform 0.2s
}
.cui-icon {
  font-family: 'cui-icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px
}
.yewu1-app-card:hover .yewu1-app-card-bg {
  -ms-transform: scale(1.05);
  transform: scale(1.05)
}
.yewu1-app-card:hover .yewu1-app-card-top i {
  opacity: 0
}
.yewu1-app-card:hover .yewu1-app-card-top h2 {
  top: 85px
}
.yewu1-app-card:hover .yewu1-app-card-top h2:before {
  width: 68px
}
.yewu1-app-card:hover .yewu1-app-card-top p {
  margin-top: 0;
  opacity: 1
}
@media only screen and (max-width:800px) {
  .yewu1-mall {
    display: none !important
  }
}
/*
* ------------------------------------------------------------------------------
* 首页统计模块
* ------------------------------------------------------------------------------
*/
.ceo-home-statistics {
  margin: 20px 0;
}
.ceo-home-statistics .zbox {
  line-height: 35px;
  background: #ffffff;
  padding: 5px 20px;
  border-radius: 30px;
}
.ceo-home-statistics .zbox .titles {
  margin-right: 20px;
  color: #026eff;
}
.ceo-home-statistics .zbox .titles i {
  margin-right: 5px;
}
.ceo-home-statistics .zbox .titles span {}
.ceo-home-statistics ul {}
.ceo-home-statistics ul li {
  margin-bottom: 7px;
}
.ceo-home-statistics ul li:last-child {
  margin-bottom: 0;
}
.ceo-home-statistics ul li a {
  font-size: 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  padding-right: 20px;
}
.ceo-home-statistics ul li span {
  margin-right: 20px;
  color: #999;
  font-size: 12px;
}
.ceo-home-statistics ul li span:last-child {
  margin-right: 0px;
}
.ceo-home-statistics ul li span i {
  margin-right: 3px;
}
#scrollDiv {
  height: 35px;
  overflow: hidden;
}
#scrollDiv li {
  height: 35px;
  overflow: hidden;
  vertical-align: bottom;
  zoom: 1;
}
.ceo-home-statistics .ybox {}
.ceo-home-statistics .ybox img {
  height: 35px;
}
.ceo-home-statistics .ybox span {
  font-size: 12px;
  color: #999;
  text-align: center;
  display: block;
  margin-right: 0px;
}
.ceo-home-statistics .ybox p {
  font-size: 12px;
  color: #999;
  text-align: center;
}
@media only screen and (max-width:800px) {
  .ceo-home-statistics .zbox .titles {
    margin-right: 0px;
  }
  #scrollDiv {
    line-height: 38px;
  }
  .ceo-home-statistics .zbox .titles span {
    font-size: 12px;
  }
  .ceo-home-statistics ul li a {
    font-size: 12px;
  }
}
/*--------------------------内页优化-----------------------------*/

/*联系作者*/
.ceo-author-a-admin .qq {
  margin: 0 4px;
  font-style: normal;
  font-size: 12px;
  position: relative;
  display: inline-block;
  padding: 6px 18px;
  text-align: center;
  border-radius: 50px;
  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-author-a-admin .sj {
  display: block;
  font-size: 13px;
  margin: 10px 0;
  color: #999
}
.ceo-author-a-admin .wx {
  margin: 0 4px;
  font-style: normal;
  font-size: 12px;
  position: relative;
  display: inline-block;
  padding: 6px 18px;
  text-align: center;
  border-radius: 50px;
  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, #1fbb7a, #2cf923)
}
.ceo-author-a-admin .wb {
  margin: 0 4px;
  font-style: normal;
  font-size: 12px;
  position: relative;
  display: inline-block;
  padding: 6px 18px;
  text-align: center;
  border-radius: 50px;
  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, #ff5000 0%, #ff9300 100%)
}
.ceo-author-a-admin i {
  color: #fff;
  font-size: 10px
}
.ceo-single-foos {
  padding: 30px
}
/*
* ------------------------------------------------------------------------------
* 内容页样式
* ------------------------------------------------------------------------------
*/

/*文章页*/
.single {}
.single-warp {
  padding: 30px
}
.single-head {}
.single-head span a {
  color: #999
}
.single-head span a:hover {
  color: var(--primary-color)
}
.single-nav {
  padding: 30px 30px 0px 30px;
}
.single-nav.ceo-sticky-fixed {
  padding: 20px 30px 0px 30px;
}
.single-nav li {}
.single-nav li span {
  padding-bottom: 15px;
  display: block;
  font-size: 16px;
  color: #333
}
.single-nav li span:hover {
  color: var(--primary-color)
}
.single-nav li a {
  display: block;
  font-size: 16px;
  color: #333
}
.single-nav li a:hover {
  color: var(--primary-color)
}
.single-nav .current {
  border-bottom: 3px solid var(--primary-color)
}
.single-foot {}
.single-foot a {
  color: #fff;
  font-size: 14px;
  margin: 0 10px
}
.single-foot a:hover {
  color: #fff
}
.single-foot .btn {
  padding: 10px 25px;
  border-radius: 50px
}
.single-foot i {
  transform: translateY(1px);
  display: inline-block;
  margin-left: 1px
}
.share {}
.share .btn {
  color: #333
}
.single-content a {
  text-decoration: none;
  color: #666
}
.single-content u {
  text-decoration: none
}
.single-content strong {
  font-weight: bolder;
  font-size: 17px
}
.single-content a:hover {
  color: #1e87f0
}
.single-content p {
  line-height: 2;
  margin-bottom: 20px
}
.single-content img {
  display: block;
  height: auto;
  max-width: 100%;
  border-radius: 6px;
  vertical-align: middle;
  margin-left: auto !important;
  margin-right: auto !important
}
.single-content pre {
  background: #262626;
  color: #eee;
  border-left: 5px solid var(--primary-color);
  cursor: text;
  font-size: 13px
}
.single-content pre code {}
.single-content h1 {
  position: relative;
  padding-left: 20px;
  margin-bottom: 20px;
  margin-top: 20px;
  font-size: 1.8rem !important
}
.single-content h1:after {
  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
}
.single-content h2 {
  position: relative;
  padding-left: 20px;
  margin-bottom: 20px;
  margin-top: 20px;
  font-size: 18px !important
}
.single-content h2:after {
  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
}
.single-content h3 {
  position: relative;
  padding-left: 20px;
  margin-bottom: 20px;
  margin-top: 20px;
  font-size: 18px !important
}
.single-content h3:after {
  content: '';
  width: 6px;
  height: 6px;
  background: var(--primary-color);
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
  box-shadow: 0px 0px 10px 2px var(--primary-color)
}
.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 ol {
  margin: 20px 0;
  display: block;
  list-style-type: decimal;
  padding-left: 20px;
}
.single-content ol li {
  display: list-item;
  text-align: -webkit-match-parent;
  line-height: 46px;
  border-bottom: 1px dashed #f4f4f4;
  position: relative;
  padding-left: 5px;
  list-style: decimal;
}
.single-content ol li::marker {
  color: var(--primary-color);
}
.single-content ul {
  list-style: none;
  padding: 0;
}
.single-content ul li {
  line-height: 46px;
  border-bottom: 1px dashed #f4f4f4;
  list-style: none;
  padding-left: 20px;
  position: relative
}
.single-content ul li:after {
  content: '';
  width: 6px;
  height: 6px;
  background: var(--primary-color);
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 0;
  top: 20px
}
.single-content .erphpdown-content-view {
  border-radius: 4px;
  background: #f5f6f8;
  font-size: 15px;
  padding: 20px;
  line-height: 2;
  margin-bottom: 20px;
}
.single-card {
  background: #f5f6f8;
  padding: 20px
}
.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: 18px;
  letter-spacing: .5px;
  margin-bottom: 10px;
  color: #333
}
.single-card .views {
  text-decoration: none;
  padding: 6px 15px;
  color: #fff !important;
  font-size: 13px;
  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);
  -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
  box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3)
}
.single-card .views:hover {
  opacity: .8
}
.single-bottom {}
.single-bottom h3 {
  text-indent: 20px;
  font-size: 16px
}
.single-bottom h3:after {
  content: '';
  position: absolute;
  width: 5px;
  height: 100%;
  top: 0;
  background: var(--primary-color);
  left: 0;
  box-shadow: 3px 0px 10px -1px var(--primary-color);
  border-radius: 2px
}
/*内页联系模块*/
.single-contact-box {
  height: 176px;
  position: relative
}
.single-contact-box-head {
  padding: 64px 33px
}
.single-contact-box-head-z {
  margin-left: 232px;
  height: 60px;
  padding-left: 80px;
  background: url(../images/ceo-img-contact-tg.png) no-repeat left center
}
.single-contact-box-head-z span {
  font-size: 28px;
  color: #233159;
  height: 36px;
  line-height: 36px
}
.single-contact-box-head-z p {
  color: #202020;
  font-size: 14px;
  margin-top: 4px
}
.single-contact-box-head-y {
  height: 61px;
  line-height: 59px
}
.single-contact-box-head-y a {
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 14px;
  color: #fff !important;
  padding: 10px 15px;
  margin-right: 6px;
  background: #F4683F;
  border-radius: 30px
}
.single-contact-box-head-y a:hover {
  opacity: .9
}
.single-contact-box-head-y a:last-child {
  margin-right: 0px
}
.single-contact-box-head-y a i {
  margin-right: 5px
}
.single-contact-box-head-y a.single-contact-box-head-y-mobile {
  background: #496DBB
}
@media only screen and (max-width:900px) {
  .single-contact-box {
    display: none
  }
}
/*内页专题*/
.ceo-single-foorelevant {
  padding: 40px 0;
  background: #f5f9fc
}
.ceo-single-foorelevant-box .foorelevant-box-a {
  display: block;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 20px;
  height: 1.2em;
  line-height: 1.2;
  overflow: hidden;
  white-space: nowrap;
  color: #6a6a6a
}
.ceo-single-foorelevant-box .foorelevant-box-a:hover {
  color: var(--primary-color)
}
.ceo-single-foorelevant-box .foorelevant-box-a i {
  font-size: 20px;
  margin-right: 5px;
  color: var(--primary-color)
}
.ceo-single-foorelevant-box-nav {
  font-size: 14px;
  color: #999
}
.ceo-single-foorelevant-box-an {
  display: block;
  text-align: center
}
.ceo-single-foorelevant-box-an a {
  margin-top: 22px;
  display: inline-block;
  padding: 8px 40px;
  font-size: 13px;
  color: #fff !important;
  letter-spacing: 1px;
  border-radius: 4px;
  background-color: #3385ff;
  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-single-foorelevant-box-an a:hover {
  background-color: #3385ff;
  background-image: -webkit-gradient(linear, left top, right top, from(#13adff), to(#006eff));
  background-image: -webkit-linear-gradient(left, #13adff, #006eff);
  background-image: -o-linear-gradient(left, #13adff 0, #006eff 100%);
  background-image: linear-gradient(90deg, #13adff, #006eff)
}
.ceo-single-foorelevant-box-img {
  margin-bottom: 20px
}
.ceo-single-foorelevant-box-img {
  position: relative
}
.ceo-single-foorelevant-box-img span {
  position: absolute;
  top: 8px;
  right: 8px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  display: inline-block;
  line-height: 20px;
  font-weight: 400;
  padding: 0px 10px;
  border-radius: 6px 0px;
  background-image: linear-gradient(270deg, rgb(234, 53, 83) 0%, rgb(253, 122, 90) 100%)
}
.ceo-single-foorelevant-box-img a {
  display: block
}
.ceo-single-foorelevant-box-img a img {
  border-radius: 4px;
  height: 168px;
  width: 100%
}
.ceo-single-foorelevant-box {
  padding: 20px;
  border-radius: 4px
}
@media only screen and (max-width:900px) {
  .ceo-single-foorelevant {
    padding: 20px 0
  }
  .ceo-single-foorelevant-box {
    padding: 10px
  }
  .ceo-single-foorelevant-box-img {
    margin-bottom: 10px
  }
  .ceo-single-foorelevant-box .foorelevant-box-a {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    height: auto;
    line-height: inherit
  }
  .ceo-single-foorelevant-box .foorelevant-box-a i {
    font-size: 14px;
    margin-right: 3px
  }
  .ceo-single-foorelevant-box-nav li {
    font-size: 12px;
    display: inline
  }
  .ceo-single-foorelevant-box-img a img {
    height: 68px
  }
  .ceo-single-foorelevant-box-nav {
    font-size: 12px
  }
  .ceo-single-foorelevant-box-an a {
    margin-top: 16px;
    padding: 5px 16px;
    font-size: 12px
  }
}
/*内页基础样式*/
.ceo-weizhi {
  margin-bottom: -20px
}
.ceo-weizhi a {
  color: #bdbdbd
}
.shangye {
  color: #fff;
  background: #5282f7 url(../images/shangye.png) 3px 3px no-repeat;
  border: 1px solid #5282f7;
  overflow: hidden;
  margin: 10px 0;
  padding: 15px 15px 15px 50px;
  border-radius: 4px
}
.shangye a {
  color: #fff
}
blockquote {
  margin-bottom: 20px;
  margin-top: 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(../images/ceo-sy.png) no-repeat;
  content: ''
}
blockquote:after {
  position: absolute;
  right: 20px;
  bottom: 20px;
  display: block;
  width: 16px;
  height: 14px;
  background: url(../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
}
.ceo-h15 {
  font-size: 1.5rem
}
.ceo-single-padding {
  padding: 0px 0 12px 0
}
.ceo-single-right {
  margin-right: 18px !important
}
.ceo-single-left {
  margin-left: 18px !important
}
.ceo-crumb-tg a {
  color: #999 !important
}
.ceo-single-weizhi {
  padding: 15px;
  background: #fff;
  margin-bottom: 0px !important;
  margin-top: 0px !important;
  border-radius: 4px !important
}
.ceo-single-tags a {
  margin: 3px 5px 3px 0;
  vertical-align: middle;
  position: relative;
  display: inline-block;
  padding: 0 12px;
  font-size: 14px !important;
  line-height: 30px;
  vertical-align: top;
  border-radius: 4px;
  color: #0084ff;
  background: rgba(0, 132, 255, .1)
}
/*当前位置*/
.ceo-wztext-small {
  font-size: 0.6rem
}
/*收藏*/
.change-color-sc {
  background-color: #ff5000;
  background-image: linear-gradient(135deg, #f59f54 10%, #ff6922 100%);
  box-shadow: 0 5px 10px 0 rgba(255, 87, 0, 0);
  color: #fff !important
}
/*版权*/
.ceo-alert-banquan {
  background: #f5f6f8;
  color: #b4b4b4;
  font-size: 0.6rem;
  line-height: 1.8
}
/*常见问题*/
.ceo-qa-commont {
  background: url(../images/icon-5.png) no-repeat center right
}
.ceo-qa-commont .ceo-qa-turn {
  font-size: 16px;
  line-height: 1.5;
  color: #666
}
.ceo-qa-commont .ceo-qa-turn>i {
  color: var(--primary-color);
  font-size: 20px;
  transform: translateY(5%);
  display: inline-block
}
.ceo-qa .ceo-qa-problems {
  margin-top: 15px
}
.ceo-qa .ceo-qa-clearfix {}
.ceo-qa .ceo-qa-problems_each {
  background: #f5f6f8;
  border-radius: 4px
}
.ceo-qa-fl {}
.ceo-qa .ceo-qa-problems_each_t {
  height: 52px;
  line-height: 52px;
  border-bottom: 1px dashed #dbdde0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  color: #434343;
  font-weight: bold
}
.ceo-qa .ceo-qa-problems_each_t p {
  position: relative;
  height: 52px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: 45px
}
.ceo-qa .ceo-qa-problems_each_t p:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 20px;
  width: 18px;
  height: 17px;
  margin-top: -8.5px;
  background: url(../images/ceo-q.png) no-repeat center
}
.ceo-qa .ceo-qa-problems_each_detail {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 15px 15px 45px
}
.ceo-qa .problems_each_detail_con {
  font-size: 13px;
  color: #b4b4b4;
  line-height: 25px;
  height: 50px;
  margin-bottom: 8px;
  position: relative;
  padding-left: 0
}
.ceo-qa .problems_each_detail_con li {
  list-style: none;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all
}
.ceo-qa .problems_each_detail_con:before {
  content: '';
  display: block;
  position: absolute;
  top: 5px;
  left: -25px;
  width: 18px;
  height: 17px;
  background: url(../images/ceo-a.png) no-repeat center
}
.ceo-qa .problems_each_detail_link {
  display: block;
  font-size: 13px;
  color: #858585;
  margin: 8px 0 8px 0;
  position: relative
}
.ceo-qa .problems_each_detail_link:hover {
  color: var(--primary-color)
}
.ceo-qa .problems_each_detail_link:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 62px;
  width: 4px;
  height: 8px;
  margin-top: -4px;
  background: url(../images/ceo-qa-y.png) no-repeat center
}
/*相关*/
.ceo-xiangguan .card-item {
  border: 1px solid #f1f1f1;
  box-shadow: 0 4px 12px 0 rgba(52, 73, 94, .1)
}
.ceo-xiangguan h3 {
  font-size: 16px;
  line-height: 1.5;
  color: #666
}
.ceo-xiangguan h3>i {
  color: var(--primary-color);
  font-size: 20px;
  transform: translateY(5%);
  display: inline-block
}
/*相关文章*/
.ceo_xg_img {
  overflow: hidden
}
#ceoxiangguan .card-item .cover img {
  height: auto
}
@media screen and (max-width:800px) {
  .ceo_xg_img {}
}
/*相关文章文本*/
.ceo-xiangguan-wen {}
.ceo-xiangguan-wen ul {
  overflow: hidden;
  margin-left: -30px
}
.ceo-xiangguan-wen li {
  width: 47%;
  float: left;
  display: flex;
  align-items: center;
  margin-top: 15px;
  padding-left: 30px
}
.ceo-xiangguan-wen a {
  display: inline-block;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  color: #777
}
.ceo-xiangguan-wen a:hover {
  color: var(--primary-color)
}
.ceo-xiangguan-wen .ceo-qa-turn {
  margin-left: 0px !important
}
.ceo-xiangguan-wen span {
  color: #909399;
  font-size: 13px;
  margin-left: 20px
}
@media screen and (max-width:800px) {
  .ceo-xiangguan-wen li {
    width: 90%
  }
}
/*广告*/
.ceo-home-ads {
  margin: 20px 0
}
.ceo-ad-gg {
  padding: 15px 0px 15px 0px
}
.ceo-ad img {
  border-radius: 4px !important
}
.ceo-adsgg img {
  margin: auto !important
}
.ceo-singlead {
  padding-bottom: 20px
}
.ceo-singlead a img {
  display: initial
}
.ceo-singlead .ceo-adgg-circles {
  top: 0px;
  position: relative
}
/*作者*/
.ceo-panding-s {
  padding: 20px 30px
}
.ceo-fx-weixin {
  font-size: 16px;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  margin: 0 4px;
  border-radius: 100%;
  background-color: #3385ff;
  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, #1fbb7a, #2cf923);
  color: #fff !important
}
.ceo-fx-qq {
  font-size: 16px;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  margin: 0 4px;
  border-radius: 100%;
  background-color: #3385ff;
  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);
  color: #fff !important
}
.ceo-fx-weibo {
  font-size: 16px;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  margin: 0 4px;
  border-radius: 100%;
  background-color: #3385ff;
  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, #ff5000 0%, #ff9300 100%);
  color: #fff !important
}
.ceo-text-fz {
  display: inline-block;
  cursor: pointer;
  border: 1px solid #3385ff;
  color: #3385ff;
  background: rgb(255, 255, 255);
  border-radius: 3px;
  padding: 5px 10px;
  margin-top: 5px;
  margin-right: 20px;
  outline: none;
}
.ceo-text-fz:hover {
  background-color: #3385ff;
  color: #fff
}
@media screen and (max-width:600px) {
  .ceo-avatar-t p {
    margin: 3px 20px 0 0 !important;
    flex: 1 !important;
    min-width: auto !important
  }
}
.ceo-avatar-t img {
  width: 60px;
  height: 60px
}
.ceo-avatar-t span {
  font-size: 1.25rem !important;
  line-height: 1.4 !important;
  margin-right: 20px !important
}
.ceo-avatar-t span a {
  color: #0378ff !important
}
.ceo-avatar-t p {
  margin: 3px 0 0 0;
  flex: 1;
  min-width: 1px
}
/*******/
.ceo-padding-an {
  padding: 30px 5px;
}
/*打赏*/
.ceo_shang_hide_box {
  z-index: 999;
  filter: alpha(opacity=50);
  background: #666;
  opacity: 0.5;
  -moz-opacity: 0.5;
  left: 0;
  top: 0;
  height: 99%;
  width: 100%;
  position: fixed;
  display: none
}
.ceo_shang_top {
  padding: 19px;
  font-size: 19px;
  background: url(../images/ceo-shop-bg.png) no-repeat center top;
  z-index: 9;
  background-size: 100% 100%;
  border-radius: 6px 6px 0px 0px;
  box-shadow: 0 5px 16px 0 rgb(74 109 240 / 58%)
}
.ceo_shang_top p {
  color: #fff;
  margin: 10px 0;
  font-size: 15px
}
.ceo_shang_box {
  width: 360px;
  background-color: #fff;
  box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.1);
  border-radius: 10px;
  position: fixed;
  z-index: 1000;
  left: 50%;
  top: 50%;
  margin-left: -180px;
  margin-top: -280px;
  display: none
}
.ceo_shang_ma {
  padding: 30px
}
.ceo_shang_box img {
  border: none;
  border-width: 0
}
.ceo_shang_close {
  float: right;
  display: inline-block
}
.ceo_shang_close i {
  color: #fff;
  font-weight: bold
}
.ceo_shang_logo {
  display: block;
  text-align: center;
  margin: 0px auto
}
.ceo_shang_tit p {
  color: #a3a3a3;
  text-align: center;
  font-size: 16px
}
.ceo_shang_pay {
  background: #fff;
  margin: -47px auto 0 auto;
  width: 266px;
  position: relative !important;
  z-index: 1;
  text-align: center !important;
  border-radius: 20px
}
.ceo_shang_payimg {
  padding: 20px;
  margin-bottom: 20px !important;
  text-align: center !important;
  border-radius: 20px;
  box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.1)
}
.ceo_shang_payimg img {
  display: block;
  text-align: center;
  border-radius: 4px
}
.ceo_pay_explain {
  text-align: center;
  font-size: 12px;
  color: #545454
}
/*视频模块*/
.ceo-video {
  position: relative
}
.ceo-video-logobox {
  position: relative
}
.ceo-video-logo {
  left: 20px;
  top: 20px;
  position: absolute;
  max-width: 140px;
  max-height: 50px;
  z-index: 2
}
.ceo-video-logo img {
  max-width: 100%;
  max-height: 100%;
  background: none
}
.ceo-video-s .erphpdown {
  border: 0px dashed #ff5f33 !important
}
#ceotheme .ceo-video-s .erphpdown {
  margin: 0 !important;
  background: #ffffff00 !important
}
.single-video {
  border-radius: 4px;
  overflow: hidden;
  font-size: 0;
  margin-bottom: 20px
}
.single-video iframe {
  width: 100%
}
.single-video .erphp-vod {
  margin-bottom: 0
}
.dplayer-video,
.dplayer-erphpdown-video {
  min-height: 596.19px;
}
.ckplayer-erphpdown-video,
.dplayer-erphpdown-video {
  background: #111;
  color: #fff;
  font-size: 16px;
  text-align: center;
  position: relative;
  border: 1px solid var(--ceo-ahmk)
}
.ckplayer-erphpdown-video .playicon,
.dplayer-erphpdown-video .playicon {
  position: absolute;
  top: calc(50% - 40px);
  width: 80px;
  height: 80px;
  display: inline-block;
  left: calc(50% - 40px)
}
.ckplayer-erphpdown-video .icon-play,
.dplayer-erphpdown-video .icon-play {
  font-size: 80px;
  top: -26px
}
.ckplayer-erphpdown-video #erphpdown,
.dplayer-erphpdown-video #erphpdown {
  border: none;
  position: absolute;
  bottom: 0;
  left: 15px;
  right: 15px;
  margin-bottom: 10px
}
.ckplayer-erphpdown-video .playicon,
.dplayer-erphpdown-video .playicon {
  top: calc(50% - 50px);
  width: 50px;
  height: 50px;
  display: inline-block;
  left: calc(50% - 25px)
}
.single-video .icon-caret-right {
  font-size: 33px;
  top: -16px;
  border-radius: 50px;
  padding: 11px;
  background: #000
}
.dplayer-video.dplayer-erphpdown-video {
  min-height: 400px;
}
.single-video .icon-caret-right {
  font-size: 33px !important;
  border-radius: 50px;
  padding: 0px 8px;
  background: #000;
}
.ceo-video-list-author {
  padding: 20px;
}
.ceo-video-list {
  background: #282828;
}

.ceo-video-list-author {
  background: #333;
}
.ceo-video-list-author .adminimg {
  padding: 5px;
  background: #1111116b;
  border-radius: 50%;
  position: relative;
}
.ceo-video-list-author .adminimg i {
  position: absolute;
  right: 4px;
  bottom: 5px;
  width: 12px;
  height: 12px;
  background-image: url(../images/ceo-users-icon.png);
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
}
.ceo-video-list-author .adminimg img {
  border-radius: 50%;
}
.ceo-video-list-author .text a.ceo-admin-author {
  font-size: 14px;
  color: #fff;
  line-height: 30px;
}
.ceo-video-list-author .text a.ceo-admin-author:hover {
  color: var(--primary-color);
}
.ceo-video-list-author .text p.codes {
  color: #999;
  font-size: 12px;
}
.ceo-video-list-liebiao-title {
  text-align: center;
  height: 46px;
  line-height: 46px;
  border-bottom: 1px #323335 solid;
}
.ceo-video-list-liebiao-title li {
  display: inline-block;
  margin-right: 40px;
}
.ceo-video-list-liebiao-title li:last-child {
  margin-right: 0px;
}
.ceo-video-list-liebiao-title li a {
  font-size: 16px;
  padding: 0 !important;
}
.ceo-video-list-liebiao-title li a:hover {
  color: #fff;
  background-color: transparent;
}
.ceo-video-list-liebiao-title li.ceo-active a {
  padding: 0;
  background-color: transparent;
  position: relative;
}
.ceo-video-list-liebiao-title li.ceo-active a:before {
  content: "";
  height: 1px;
  width: 0;
  left: 50%;
  bottom: -14px;
  background-color: var(--primary-color);
  transition: all .2s;
  position: absolute;
}
.ceo-video-list-liebiao-title li.ceo-active a:before,
.ceo-video-list-liebiao-title li a:hover:before {
  left: 0;
  width: 100%;
}
.ceo-video-list-liebiao-box {
  list-style: none;
  overflow-y: auto;
  height: 273px;
  padding: 0 20px;
  margin-bottom: 0;
}
.ceo-video-list-liebiao-box li div {
  height: 33px;
  font-size: 12px;
  line-height: 33px;
  display: inline-block;
  width: 100%;
}
.ceo-video-list-liebiao-box li div a {
  color: #868686;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  width: 75%;
  font-size: 12px;
}
.ceo-video-list-liebiao-box li div a:hover {
  color: #fc5531;
}
.ceo-video-list-liebiao-box li div a .icon-video {
  background-color: #fc5531;
  background-image: url(../images/ceo-video-v.gif);
  background-position: center 30%;
  background-size: 60%;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 8px;
  background-repeat: no-repeat;
  border-radius: 7px;
  position: relative;
  top: 2px;
}
.ceo-video-list-liebiao-box li div a.ceo-video-list-liebiao-d {
  color: #fc5531 !important;
}
.ceo-video-list-liebiao-s em {
  font-style: normal;
  position: relative;
  margin-left: 15px;
  top: -12px;
  font-size: 12px;
  color: #868686;
}
.ceo-video-list-liebiao-s em {
  color: #fc5531 !important;
}
.video_link_play {
  margin-left: 32px !important;
  font-size: 12px !important;
  /*color: #868686!important;*/
  color: #868686;
  width: auto !important;
}

.ceo-video-list-xinxi-down {
  background-color: #414141;
  border-radius: 5px;
  text-align: center;
}
.ceo-video-list-xinxi-down a {
  color: #ccc !important;
}
.ceo-video-list-xinxi-down a:hover {
  color: #fc5531 !important;
}
.ceo-video-list-xinxi-title {
  color: #999;
}
.ceo-video-list-xinxi-tim {}
.ceo-video-list-xinxi-tim span {
  color: #999;
}
.ceo-video-list-xinxi-tim span p {
  display: inline-block;
  color: #fff;
  margin-left: 10px;
}

.ceo-video-list-form {}
.ceo-video-list-form textarea {
  background: #191919;
  border: 1px solid #111111;
}
.ceo-video-list-form .btns {
  background: var(--primary-color);
  color: #fff;
}
.ceo-video-list-form .comt-tips {
  height: 0;
  line-height: 0;
}

.ceo-video-list-liebiao-box::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: #999;
}

.ceo-video-list-liebiao-box::-webkit-scrollbar-track {
  background-color: #333333;
}

.ceo-video-list-liebiao-box::-webkit-scrollbar-thumb {
  background-color: #999;
  border-radius: 10px
}
.ceo-video-list-liebiao-ad {
  padding: 20px;
}
.ceo-video-list-liebiao-ad a {
  display: block;
  height: 40px;
}

/*相册模块*/
.single-content .gallery-login {
  text-align: center;
  font-size: 13px;
  line-height: 14px
}
.single-content .gallery-login span {
  background: #eaeaea;
  padding: 5px 18px;
  border-radius: 2px;
  display: inline-block;
  margin-bottom: 5px
}
.single-content .gallery-login a {
  display: inline-block;
  margin-left: 10px;
  text-decoration: none;
  color: #0274ff !important
}
.single-content .gallery {
  margin-bottom: 20px
}
.single-content .gallery .gallery-item {
  float: left;
  padding: 1%
}
.single-content .gallery.gallery-column-5 .gallery-item {
  width: 18%
}
.single-content .gallery.gallery-column-4 .gallery-item {
  width: 23%
}
.single-content .gallery.gallery-column-3 .gallery-item {
  width: 31.1111%
}
.single-content .gallery.gallery-column-2 .gallery-item {
  width: 48%
}
.single-content .gallery-item>a,
.single-content .gallery-item .img {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 100%;
  display: block;
}
.single-content .gallery-item img {
  border: none !important;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .18);
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
}
.single-content .gallery .gallery-blur-item {
  pointer-events: none;
}
.single-content .gallery-blur-item img {
  filter: blur(2px)
}
/*
* ------------------------------------------------------------------------------
* 文章特色标签
* ------------------------------------------------------------------------------
*/
.ceo_biaoqian {
  float: right
}
/*card*/
.ceo-tese-remen {
  display: inline-block;
  background: #f6f6f6;
  border-radius: 14px;
  height: 20px;
  font-size: 12px;
  color: #ffa03f;
  position: relative;
  padding-left: 29px;
  padding-right: 10px;
  line-height: 20px;
  transform: translateY(-26%)
}
.ceo-tese-remen span {
  display: block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  left: 7px;
  top: 1px;
  overflow: hidden;
  background: #ffa03f;
  color: #fff;
  font-size: 12px
}
.ceo-tese-dujia {
  display: inline-block;
  background: #f6f6f6;
  border-radius: 14px;
  height: 20px;
  font-size: 12px;
  color: #5962f1;
  position: relative;
  padding-left: 29px;
  padding-right: 10px;
  line-height: 20px;
  transform: translateY(-26%)
}
.ceo-tese-dujia span {
  display: block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  left: 7px;
  top: 1px;
  overflow: hidden;
  background: #5962f1;
  color: #fff;
  font-size: 12px
}
.ceo-tese-zuixin {
  display: inline-block;
  background: #f6f6f6;
  border-radius: 14px;
  height: 20px;
  font-size: 12px;
  color: #1cc751;
  position: relative;
  padding-left: 29px;
  padding-right: 10px;
  line-height: 20px;
  transform: translateY(-26%)
}
.ceo-tese-zuixin span {
  display: block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  left: 7px;
  top: 1px;
  overflow: hidden;
  background: #1cc751;
  color: #fff;
  font-size: 12px
}
.ceo-tese-tuijian {
  display: inline-block;
  background: #f6f6f6;
  border-radius: 14px;
  height: 20px;
  font-size: 12px;
  color: #e10dfb;
  position: relative;
  padding-left: 29px;
  padding-right: 10px;
  line-height: 20px;
  transform: translateY(-26%)
}
.ceo-tese-tuijian span {
  display: block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  left: 7px;
  top: 1px;
  overflow: hidden;
  background: #e10dfb;
  color: #fff;
  font-size: 12px
}
.ceo-tese-jingpin {
  display: inline-block;
  background: #f6f6f6;
  border-radius: 14px;
  height: 20px;
  font-size: 12px;
  color: #1e87f0;
  position: relative;
  padding-left: 29px;
  padding-right: 10px;
  line-height: 20px;
  transform: translateY(-26%)
}
.ceo-tese-jingpin span {
  display: block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  left: 7px;
  top: 1px;
  overflow: hidden;
  background: #1e87f0;
  color: #fff;
  font-size: 12px
}
/*blog*/
.blog-item-content .ceo-tese-remen {
  display: inline-block;
  border-radius: 14px;
  height: 24px;
  font-size: 12px;
  color: #ffa03f;
  position: relative;
  padding-left: 29px;
  padding-right: 10px;
  line-height: 24px;
  transform: translateY(-4%)
}
.blog-item-content .ceo-tese-remen span {
  display: block;
  width: 16px;
  height: 16px;
  line-height: 17px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  left: 7px;
  top: 4px;
  overflow: hidden;
  background: #ffa03f;
  color: #fff;
  font-size: 12px
}
.blog-item-content .ceo-tese-dujia {
  display: inline-block;
  border-radius: 14px;
  height: 24px;
  font-size: 12px;
  color: #5962f1;
  position: relative;
  padding-left: 29px;
  padding-right: 10px;
  line-height: 24px;
  transform: translateY(-4%)
}
.blog-item-content .ceo-tese-dujia span {
  display: block;
  width: 16px;
  height: 16px;
  line-height: 17px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  left: 7px;
  top: 4px;
  overflow: hidden;
  background: #5962f1;
  color: #fff;
  font-size: 12px
}
.blog-item-content .ceo-tese-zuixin {
  display: inline-block;
  border-radius: 14px;
  height: 24px;
  font-size: 12px;
  color: #1cc751;
  position: relative;
  padding-left: 29px;
  padding-right: 10px;
  line-height: 24px;
  transform: translateY(-4%)
}
.blog-item-content .ceo-tese-zuixin span {
  display: block;
  width: 16px;
  height: 16px;
  line-height: 17px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  left: 7px;
  top: 4px;
  overflow: hidden;
  background: #1cc751;
  color: #fff;
  font-size: 12px
}
.blog-item-content .ceo-tese-tuijian {
  display: inline-block;
  border-radius: 14px;
  height: 24px;
  font-size: 12px;
  color: #e10dfb;
  position: relative;
  padding-left: 29px;
  padding-right: 10px;
  line-height: 24px;
  transform: translateY(-4%)
}
.blog-item-content .ceo-tese-tuijian span {
  display: block;
  width: 16px;
  height: 16px;
  line-height: 17px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  left: 7px;
  top: 4px;
  overflow: hidden;
  background: #e10dfb;
  color: #fff;
  font-size: 12px
}
.blog-item-content .ceo-tese-jingpin {
  display: inline-block;
  border-radius: 14px;
  height: 24px;
  font-size: 12px;
  color: #1e87f0;
  position: relative;
  padding-left: 29px;
  padding-right: 10px;
  line-height: 24px;
  transform: translateY(-4%)
}
.blog-item-content .ceo-tese-jingpin span {
  display: block;
  width: 16px;
  height: 16px;
  line-height: 17px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  left: 7px;
  top: 4px;
  overflow: hidden;
  background: #1e87f0;
  color: #fff;
  font-size: 12px
}
/*LOGO新版2021/07/07*/
.ceo-logo-nav-night {
  width: 150px;
  height: 49px;
  margin-right: 41px !important;
}

.night .ceo-logo-nav-night .logo-normal,
.ceo-logo-nav-night .logo-switch {
  display: none;
}
.ceo-logo-nav-night .logo-normal,
.night .ceo-logo-nav-night .logo-switch {
  display: block;
}
/*专题*/
.zhuanti {
  padding: 20px 0;
  background: url(../images/ceo-zhuanti.jpg) center no-repeat
}
.ceo-zhuanti-wrap .ceo-zhuanti-top {
  padding-top: 1px;
  background: #fafafa;
  position: relative;
  z-index: 20
}
.ceo-zhuanti-wrap .content {
  display: block
}
.ceo-zhuanti-wrap .content .section-title {
  margin-bottom: 40px;
}
.ceo-zhuanti-wrap .ceo-zhuanti-menu {
  padding: 28px 0 0;
  border-bottom: 1px solid #f3f3f3;
  margin-bottom: 30px;
  text-align: center
}
.ceo-zhuanti-wrap .ceo-zhuanti-menu a {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  color: #666;
  line-height: 25px;
  padding-bottom: 18px;
  border-bottom: 5px solid transparent;
  margin: 0 25px
}
.ceo-zhuanti-wrap .ceo-zhuanti-menu a.current {
  color: #ff5c00;
  border-bottom-color: #ff5c00
}
.ceo-zhuanti-wrap .ceo-grid+.ceo-grid-medium,
.ceo-grid+.ceo-grid-row-medium,
.ceo-grid-medium>.ceo-grid-margin,
.ceo-grid-row-medium>.ceo-grid-margin,
*+.ceo-grid-margin-medium {
  margin-top: 20px !important;
}
.ceo-zhuanti-item .ceo-zhuanti-item-thumb {
  position: relative
}
.ceo-zhuanti-item .ceo-zhuanti-item-thumb .ceo-zhuanti-thumb {
  padding-top: 49.18918919%;
  border-radius: 3px 3px 0 0
}
.ceo-zhuanti-item .ceo-zhuanti-item-thumb h5 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 6px;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  color: #fff;
  z-index: 10
}
.ceo-zhuanti-item .ceo-zhuanti-item-thumb h5 .l {
  float: left
}
.ceo-zhuanti-item .ceo-zhuanti-item-thumb h5 .r {
  float: right
}
.ceo-zhuanti-item .ceo-zhuanti-item-thumb h5 span {
  padding: 0 15px
}
.ceo-zhuanti-item h2 {
  line-height: 1;
  font-size: 18px;
  margin-bottom: 6px;
  margin-top: 12px;
  height: 1.2em;
  color: #525252
}
.ceo-zhuanti-item h2:before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 23px;
  margin-right: 11px;
  background: var(--primary-color);
  box-shadow: 3px 0px 10px -1px var(--primary-color);
  border-radius: 2px;
  vertical-align: middle;
  margin-top: -6px
}
.ceo-zhuanti-item h4 {
  margin: 0 15px 15px;
  font-size: 14px;
  line-height: 1.5em;
  height: 1.5em;
  font-weight: normal;
  overflow: hidden;
  color: #525252
}
.ceo-zhuanti-item .entry {
  margin: 0 15px 18px;
  font-size: 14px;
  line-height: 27px;
  height: 54px;
  overflow: hidden;
  letter-spacing: .2px
}
.ceo-zhuanti-item a .entry {
  color: #999
}
.ceo-zhuanti-item .btns {
  text-align: center;
  margin: 0 0 22px
}
.ceo-zhuanti-thumb {
  display: block;
  width: 100%;
  height: 0;
  padding-top: 66.7%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: transparent;
  position: relative;
  overflow: hidden;
  transition: all .2s
}
.ceo-zhuanti-item .btns .btn {
  display: inline-block;
  padding: 2px 1em;
  font-size: 13px;
  line-height: 22px;
  background-color: #3385ff;
  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);
  color: #fff !important;
  cursor: pointer;
  letter-spacing: 1px
}
.ceo-zhuanti-item a {
  display: block;
  border-top-color: transparent;
  color: #555;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  transition: all .2s
}
.ceo-zhuanti-item a:hover .btns .btn {
  background-color: #3385ff;
  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);
  color: #fff !important
}
.ceo-zhuanti-singular-header {
  position: relative
}
.ceo-zhuanti-singular-header .bg {
  height: 70%;
  max-height: 400px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  background-size: 4000%;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden
}
.ceo-zhuanti-singular-header .bg::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: inherit;
  filter: blur(10px)
}
.ceo-zhuanti-singular-header .bg::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 30%;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 1%, #FFFFFF 38%)
}
.ceo-zhuanti-singular-header .breadcrumb {
  font-size: 13px;
  color: #fff;
  margin-bottom: 17px
}
.ceo-zhuanti-singular-header .breadcrumb li {
  display: inline
}
.ceo-zhuanti-singular-header .breadcrumb a {
  color: #fff
}
.ceo-zhuanti-singular-header .breadcrumb li:after {
  content: ' >'
}
.ceo-zhuanti-singular-header .block {
  position: relative
}
.ceo-zhuanti-singular-header .block::before {
  content: '';
  display: block;
  width: 100%;
  height: 50%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: 0 25px 50px 0 rgba(237, 237, 237, 0.5);
  background: #fff
}
.ceo-zhuanti-singular-header .block-content {
  background: #fff;
  padding: 20px 20px 30px;
  position: relative
}
.ceo-zhuanti-singular-header .ceo-zhuanti-item-thumb {
  margin-bottom: 30px
}
.ceo-zhuanti-singular-header .ceo-zhuanti-item-thumb .ceo-zhuanti-thumb {
  padding-top: 55%
}
.ceo-zhuanti-singular-header .block-main {
  flex-grow: 1
}
.ceo-zhuanti-singular-header h2 {
  font-size: 28px;
  color: #333;
  margin-bottom: 14px
}
.ceo-zhuanti-singular-header h4 {
  font-size: 16px;
  color: #888;
  font-weight: normal;
  margin: 0 -10px 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f3f3f3
}
.ceo-zhuanti-singular-header p {
  font-size: 13px;
  color: #888;
  line-height: 1.8;
  margin-bottom: 20px
}
.ceo-zhuanti-singular-header h4 .item {
  display: inline-block;
  padding: 0 10px;
  position: relative;
  line-height: 40px
}
.ceo-zhuanti-singular-header h4 .item strong {
  font-size: 16px;
  color: #ff5c00;
  font-family: Impact;
  margin-right: 10px
}
.ceo-zhuanti-tax-special .term-bar {
  display: none
}
.ceo-zhuanti-tax-special .site-content {
  padding: 0px
}
.ceo-zhuanti-singular-content .main {
  padding: 0 46px 0 0
}
.ceo-zhuanti-section-title {
  font-size: 20px;
  color: #262626;
  line-height: 28px;
  padding-bottom: 15px;
  border-bottom: 1px solid #f2f2f2;
  position: relative;
  font-weight: bold;
  margin-bottom: 20px
}
.ceo-zhuanti-singular-content .ceo-zhuanti-section-title {
  margin-bottom: 40px
}
.ceo-zhuanti-flex {
  display: box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between
}
.ceo-zhuanti-list-item-default {
  justify-content: flex-start;
  margin-bottom: 40px;
  flex-direction: row-reverse
}
.ceo-zhuanti-list-item-default {
  margin-bottom: 55px;
  flex-wrap: nowrap;
  flex-direction: row
}
.ceo-zhuanti-list-item-default .ceo-zhuanti-item-thumb {
  width: 33.3333%;
  flex-shrink: 0;
  margin: 0 0 0 15px
}
.ceo-zhuanti-list-item-default .ceo-zhuanti-item-thumb a {
  border-radius: 3px
}
.ceo-zhuanti-list-item-default .ceo-zhuanti-item-thumb .ceo-zhuanti-thumb {
  padding-top: 63.6363%;
  border-radius: 3px;
  background-position: left
}
.ceo-zhuanti-h-scale img,
.ceo-zhuanti-h-scale .ceo-zhuanti-thumb {
  transition: all .2s
}
.ceo-zhuanti-list-item-default .item-content {
  flex-grow: 1;
  text-align: left
}
.ceo-zhuanti-list-item-zt .ceo-zhuanti-title {
  display: flex;
  flex-direction: column-reverse
}
.ceo-zhuanti-list-item-zt .ceo-zhuanti-title .item {
  display: block;
  font-style: normal
}
.ceo-zhuanti-list-item-zt .ceo-zhuanti-title .item {
  display: inline
}
.ceo-zhuanti-list-item-default .title .tag {
  font-size: 12px;
  font-weight: normal;
  display: inline-block;
  border: 1px solid #ff5c00;
  color: #ff5c00;
  padding: 0 3px;
  border-radius: 2px;
  vertical-align: text-bottom;
  line-height: 20px;
  margin-right: 5px
}
.ceo-zhuanti-list-item-zt .ceo-zhuanti-title .item {
  display: block;
  font-style: normal
}
.ceo-zhuanti-list-item-default p {
  font-size: 14px;
  color: #888;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
  margin-bottom: 14px;
  display: none;
  max-width: 615px
}
.ceo-zhuanti-list-item-default h4 {
  font-size: 12px;
  font-weight: normal;
  color: #a7a7a7;
  line-height: 23px;
  height: 23px;
  overflow: hidden
}
.ceo-zhuanti-list-item-default h4 i {
  font-style: normal;
  margin-right: 15px
}
.ceo-zhuanti-singular-header .container {
  padding-top: 30px
}
.ceo-zhuanti-singular-header .container {
  padding-top: 40px;
  padding-bottom: 54px;
  overflow: visible
}
.ceo-zhuanti-singular-content .back {
  margin-bottom: 60px
}
.ceo-zhuanti-singular-content .back .btn {
  font-size: 16px;
  display: block;
  line-height: 3.125
}
.ceo-zhuanti-btn-orange {
  background: #ff5c00;
  color: #fff
}
@media (min-width:768px) {
  .ceo-zhuanti-wrap .ceo-zhuanti-menu {
    padding: 48px 0 0;
    margin-bottom: 50px
  }
  .ceo-zhuanti-item {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0px 4px 10px rgba(20, 20, 20, 0.1)
  }
  .ceo-zhuanti-item h4 {
    font-size: 16px
  }
  .ceo-zhuanti-item .btns .btn {
    font-size: 14px;
    line-height: 32px
  }
  .ceo-zhuanti-singular-header .bg {
    background-size: 300%
  }
  .ceo-zhuanti-singular-header .bg::before {
    filter: blur(50px)
  }
  .ceo-zhuanti-singular-header .block-content {
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    padding: 40px
  }
  .ceo-zhuanti-singular-header .block-thumb {
    width: 370px
  }
  .ceo-zhuanti-singular-header .block-main {
    padding-left: 40px
  }
  .ceo-zhuanti-singular-header h4 {
    font-size: 14px;
    padding-bottom: 20px
  }
  .ceo-zhuanti-singular-header p {
    font-size: 14px;
    line-height: 2;
    height: 4em;
    margin-bottom: 30px;
    overflow: hidden
  }
  .ceo-zhuanti-singular-header h4 .item {
    padding: 0 20px
  }
  .ceo-zhuanti-singular-header h4 .item strong {
    font-size: 32px
  }
  .ceo-zhuanti-list-item-default .ceo-zhuanti-item-thumb {
    width: 260px;
    margin: 0 30px 0 0
  }
  .ceo-zhuanti-list-item-default .title {
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 20px
  }
  .ceo-zhuanti-list-item-zt .ceo-zhuanti-title {
    display: block
  }
  .ceo-zhuanti-list-item-default .title .tag {
    padding: 1px 4px
  }
  .ceo-zhuanti-list-item-zt .ceo-zhuanti-title .item {
    display: inline
  }
  .ceo-zhuanti-list-item-zt .ceo-zhuanti-title .item:last-child {
    margin: 0
  }
  .ceo-zhuanti-list-item-default p {
    display: block
  }
}
@media (min-width:1024px) {
  .ceo-zhuanti-list-item-default {
    margin-bottom: 15px;
    margin-left: -20px;
    margin-right: -20px;
    padding: 20px;
    background: #fff;
    transition: all .2s
  }
  .ceo-zhuanti-singular-header .container {
    padding-top: 97px
  }
}
/*
* ------------------------------------------------------------------------------
* 资源下载
* ------------------------------------------------------------------------------
*/
/* 手机端 */
@media only screen and (max-width:768px) {
  .bannerL {
    width: auto !important;
    padding: 20px !important;
    margin: 0 !important
  }
  .bannerMid {
    width: 100% !important
  }
  .ceoshop-sall .custom {
    width: 100% !important
  }
}
.user-info .money-left {
  background: #fff;
  border-radius: 5px;
  font-size: 12px;
  margin: 20px 0 2px 0;
  padding-bottom: 5px;
  padding: 12px
}
.user-info .money-left t {
  float: right;
  color: #707c86
}
.user-info .vip-left {
  background: #fff;
  border-radius: 5px;
  padding: 10px;
  margin: 13px 0;
  font-size: 12px
}
.user-info .vip-left t {
  float: right;
  color: #707c86;
  line-height: 22px;
  margin-top: 5px
}
.user-info .vip-left v {
  cursor: pointer;
  float: right;
  background: #fbb715;
  color: #fff;
  border-radius: 30px;
  padding: 4px 8px;
  display: inline-block;
  line-height: 1;
  margin-top: 6px
}
.user-info .vip-left .down-left {
  margin-top: 5px;
  color: #707c86
}
.user-info .vip-left .down-left b {
  font-size: 16px
}
.user-info .first {
  list-style: none
}
.user-info .ceo-width-expand ul {
  margin: 0;
  padding-left: 0;
  display: inline-block
}
.user-info .ceo-width-expand h4 {
  float: left
}
.user-info .ceo-width-expand i {
  background: linear-gradient(-125deg, #f8d930 0%, #fb7b92 100%);
  box-shadow: 4px 3px 10px #ffc1072e;
  color: #FFF;
  font-weight: 400;
  padding: 2px 8px;
  border-radius: 10px;
  transition: transform 0.1s;
  font-size: 8px;
  margin-left: 10px;
  font-style: normal
}
/*下载模块*/
.ceo-shop1-zl {
  background: #fff;
  position: relative;
  margin-bottom: 20px !important;
  margin-top: 20px;
  border-radius: 4px
}
.ceo-shop1-zl li {
  list-style: none
}
.ceo-shop1-zl .priceBtn .ceoshop-vip {
  display: inline-block;
  color: #ff2a00;
  font-weight: 400;
  font-size: 13px;
  margin-left: 10px;
}
.ceo-shop1-zl .priceBtn .ceoshop-vip i {
  margin-right: 3px;
}
.ceo-shop1-zl .priceBtn .ceoshop-vip a {
  margin-left: 5px;
}
.ceo-shop1-zl .priceBtn .sellP #priceinfo {
  margin-right: 3px;
}
.ceo-sidebar-shop-price .ceoshop-vip {
  display: inline-block;
  color: #ff2a00;
  font-weight: 400;
  font-size: 13px;
  margin-left: 10px;
}
.ceo-sidebar-shop-price .ceoshop-vip i {
  margin-right: 3px;
}
.ceo-sidebar-shop-price .ceoshop-vip a {
  margin-left: 5px;
}
.ceo-sidebar-shop-price .sellP #priceinfo {
  margin-right: 3px;
}
.bannerL {
  width: 24.3%;
  max-height: 378px;
  overflow: hidden;
  float: left;
  margin: 20px 20px 0 20px;
  font-size: 0
}
.course-img {
  overflow: hidden;
  height: 280px
}
.risktips .icons {
  background: url(../images/focus2018.png) no-repeat;
  background-position-x: 0%;
  background-position-y: 0%
}
.risktips {
  border: solid 1px #ff8400;
  padding: 3px 8px;
  color: #ff8400;
  overflow: hidden;
  margin-top: 10px;
  line-height: 18px;
  font-size: 12px
}
.risktips .icons {
  font-size: 12px;
  background-position: -309px -67px;
  width: 16px;
  display: inline-block;
  vertical-align: bottom;
  height: 18px;
  font-weight: 700
}
.risktips span a {
  color: #ff8400
}
.risktips i {
  font-size: 13px;
  margin-right: 5px
}
.descp {
  line-height: 25px;
  padding: 10px;
  height: 25px;
  border-bottom: 1px solid #e7e7e7;
  color: #ababab
}
.collectRow {
  overflow: hidden;
  padding: 8px 5px;
  text-align: center;
  background: #f1f3f4
}
.collectRow span {
  font-size: 12px;
  color: #999999;
  height: auto;
  width: auto;
  margin-right: 35px
}
.collectRow span i {
  font-size: 15px;
  margin-right: 4px;
  vertical-align: middle
}
.bannerMid {
  float: left;
  width: 47.36%;
  margin-left: 0px;
  padding: 15px 10px 15px 10px
}
.midTitle {
  width: 100%;
  margin-top: 5px
}
.midTitle .ceo-single-vip {
  margin-right: 0
}
.midTitle h1 {
  font-size: 22px;
  color: #464646
}
.superiority {
  font-size: 14px;
  color: #a2a2a2
}
.line0 {
  width: 77px;
  height: 1px;
  background: #e7e7e7;
  margin: 16px 0
}
.promiseNet {
  overflow: hidden
}
.promiseNet li {
  float: left;
  padding: 4px 8px;
  border: 1px solid #e2e2e2;
  border-radius: 15px;
  color: #717171;
  margin-right: 10px;
  cursor: default
}
.priceBtn {
  margin-top: 20px
}
.sellP {
  font-size: 13px;
  color: #ec1c2b
}
.sellP em {
  font-size: 13px;
  color: #ec1c2b;
  font-style: normal;
  font-weight: 500
}
.sellP #priceinfo {
  font-size: 22px;
  color: #ec1c2b;
  font-weight: bold
}
.sellP .taocan {
  display: inline-block;
  color: #8590a6;
  font-weight: 400;
  font-size: 13px;
  margin-left: 10px;
}
.marketPrice {
  font-size: 14px;
  color: #787878
}
.icon1 {
  display: inline-block;
  width: 72px;
  height: 22px;
  box-sizing: border-box;
  padding-left: 14px;
  background: url('../images/pinkFrame.png') no-repeat center;
  font-size: 12px;
  color: #fff;
  position: relative;
  top: -6px
}
.bannerMid a.makeFunc,
.bannerMid a.needSay,
a.shopcustom,
a.conMake,
a.seeDetail {
  display: inline-block;
  width: 120px;
  height: 36px;
  background: linear-gradient(-125deg, #f90202 0%, #fd2f44 100%);
  border-radius: 4px;
  color: #fff;
  text-align: center;
  line-height: 36px;
  font-size: 15px;
  border: 1px solid #0000;
  margin: 20px 0 0 0;
  -webkit-transition-property: background-color;
  -webkit-transition-duration: .3s;
  -webkit-transition-timing-function: linear
}
.bannerMid a.makeFunc:hover {
  height: 34px;
  color: #eb0c1c;
  border: 1px solid #eb0c1c;
  background: #fff0;
  line-height: 34px
}
.bannerMid a.seeDetail {
  background: #7270f3;
  margin-left: 8px
}
.bannerMid a.seeDetail:hover {
  color: #7270f3;
  border: 1px solid #7270f3;
  background: #fff0;
  height: 34px;
  line-height: 34px
}
.bannerMid a.needSay {
  background: #ff8400;
  margin-left: 8px
}
.bannerMid a.needSay:hover {
  color: #ff8400;
  border: 1px solid #ff8400;
  background: #fff0;
  height: 34px;
  line-height: 34px
}
.bannerMid a.shopcustom {
  background: #333333;
  margin-left: 8px
}
.bannerMid a.shopcustom:hover {
  color: #333333;
  border: 1px solid #333333;
  background: #fff0;
  height: 34px;
  line-height: 34px
}
.bannerMid .time {
  height: 30px;
  color: #9a9a9a;
  line-height: 30px;
  margin-top: 10px
}
.wrapColloct {
  background: #f1f3f4;
  margin-top: 20px
}
.custom {
  width: 17%;
  background: #f4faff;
  border: 1px solid #e9ecf3;
  float: right;
  text-align: center;
  margin: 20px 20px 0 0;
  padding: 0 30px;
  position: relative !important
}
.custom: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
}
.customgf {
  display: block;
  height: 39px;
  text-align: center;
  border-radius: 4px;
  line-height: 39px;
  font-size: 14px;
  margin-top: 10px;
  background-color: #3385ff;
  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);
  color: #fff !important;
  border: 0px solid #ffffff;
  margin-bottom: 20px
}
.customgf i {
  font-size: 19px;
  line-height: 1;
  transform: translateY(2px);
  display: inline-block;
}
.qr_code {
  position: absolute;
  right: 0;
  top: 0
}
.ceoshop-mall-sc {
  margin-top: 13px;
  font-size: 8px;
  color: #999 !important
}
.ceoshop-mall-sc a {
  margin-top: 5px;
  font-size: 8px;
  color: #999 !important
}
.ceoshop-mall-sc i {
  margin-top: 5px;
  font-size: 8px;
  color: #999 !important
}
.ceo-margin-medium-right-ceoshop {
  margin-right: 20px !important
}
.cusomPic {
  position: relative;
  margin-top: 16px
}
.cusomPic img {
  border-radius: 50%;
  border: 5px solid #fff;
}
.custom .cusomPic a {
  width: auto;
  height: auto
}
.custom .cusomPic a img {
  width: 100px;
  height: 100px;
  border-radius: 50%
}
.custom p {
  display: inline-block
}
.customdp {
  display: block;
  height: 38px;
  background: #fff;
  text-align: center;
  color: #0274ff;
  border-radius: 4px;
  border: 1px solid #0274ff;
  line-height: 38px;
  font-size: 14px;
  margin-top: 15px
}
.customdp i {
  font-size: 19px;
  line-height: 1;
  transform: translateY(2px);
  display: inline-block;
}
.customdp:hover {
  color: #eb0c1c;
  border: 1px solid #eb0c1c;
  background: #fff
}
.ceo-sidebar-shop .customdp {
  margin: 15px 31px 0 31px;
  height: 42px;
  line-height: 42px;
}
.bigImg {
  width: 100%;
  display: block;
  border-radius: 4px
}
.mainCon {
  width: 1200px;
  margin: auto
}
.turnTitle {
  width: 100%;
  overflow: hidden;
  margin-top: 72px;
  border-bottom: 1px solid #eb0c1c
}
.turnTitle>div {
  float: left
}
.turnTitle>div a {
  display: inline-block;
  text-align: center;
  line-height: 38px;
  width: 106px;
  height: 38px;
  box-sizing: border-box;
  padding-bottom: 4px;
  font-size: 16px;
  position: relative
}
.turnTitle>a {
  float: right;
  margin-top: 4px;
  display: inline-block;
  width: 112px;
  height: 30px;
  background: #eb0c1c;
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 30px;
  border-radius: 4px
}
.turnTitle>div a:hover {
  background: #eb0c1c;
  color: #fff
}
.turnTitle>a:hover {
  background: #fff;
  color: #eb0c1c;
  border: 1px solid #eb0c1c;
  height: 28px
}
.turnTitle>div a.on {
  background: #eb0c1c;
  color: #fff
}
.flexs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.relevantContentBox {
  margin-top: -48px;
  height: 60px;
  background-color: #ffffff;
  line-height: 60px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-line-pack: center;
  align-content: center
}
.turning {
  width: 1200px;
  margin: 20px auto 20px auto
}
.demobox {
  padding: 8px 7px 7px;
  background: #fff;
  margin: 10px auto;
  border: 1px solid #eaeaea;
  border-radius: 5px
}
.turning_turn {
  width: 958px;
  position: relative;
  padding: 0px 0 50px 0;
  background: #fff
}
.turning_turn_wrap {
  width: 958px;
  height: 60px;
  border-bottom: 1px solid #eaeaea
}
.turning_turn_nav {
  width: 958px;
  height: 60px;
  background: #fff
}
.turning_turn_nav span {
  display: block;
  margin-left: 45px;
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  color: #656565;
  position: relative;
  cursor: pointer;
  user-select: none
}
.turning_turn_nav .on {
  color: #ff580e
}
.turning_turn_nav .on:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #fb6514
}
.ceo-shop-commont {
  margin: 20px auto 27px auto
}
.turning_turn_trademark_show,
.turning_turn_trademark_show1 {
  margin: auto
}
.turning_turn_trademark_show .content {
  width: 820px
}
.turning_turn_trademark_show .content img {
  max-width: 800px
}
.turning_turn_trademark_show .content-detail {
  height: auto;
  margin: 20px 0;
  font-size: 14px;
  overflow: visible;
  font: 16px/30px "Microsoft Yahei";
  word-break: break-all
}
.turning_turn_trademark_show .content-detail img {
  max-width: 100%
}
.fn-left,
.fl,
.f_l {
  float: left
}
.turning_turn_trademark_show_row1 {
  background: #ffffff;
  position: relative;
  font-size: 14px;
  color: #9a9a9a
}
.turning_turn_trademark_show_row1 ul {
  border: 1px solid #f0f1f5;
  list-style: none;
  padding-left: 0;
  margin: 0 10px 10px 0;
  display: flex;
  height: 38px;
  line-height: 38px;
  float: left
}
.turning_turn_trademark_show_row1 li {
  width: 117px;
  background: #f2f5fd;
  padding: 0 10px 0 15px;
  font-size: 14px;
  color: #999999;
  word-break: break-all;
  word-wrap: break-word
}
.turning_turn_trademark_show_row1 li::before {
  content: '';
  border-radius: 50%;
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-right: 4px;
  background-color: #2E68E9;
  transform: translate(0, -50%)
}
.turning_turn_trademark_show_row1 p {
  margin-bottom: 25px
}
.turning_turn_trademark_show_row1 span {
  padding: 10px;
  line-height: 18px;
  color: #333333;
  width: 155px;
  font-size: 14px;
  word-break: break-all;
  word-wrap: break-word
}
.turning_othershow {
  width: 230px
}
.turning_othershow_t {
  text-align: center;
  height: 60px;
  width: 230px;
  line-height: 60px;
  border-bottom: 1px solid #eaeaea;
  background: #fff
}
.turning_othershow_t span {
  font-size: 18px;
  color: #2b3d63;
  position: relative
}
.turning_othershow_t span:before {
  content: '';
  position: absolute;
  top: 50%;
  left: -20px;
  margin-top: -3.5px;
  display: block;
  width: 13px;
  height: 7px;
  background: url(../images/other-l.png) no-repeat center
}
.turning_othershow_t span:after {
  content: '';
  position: absolute;
  top: 50%;
  right: -20px;
  margin-top: -3.5px;
  display: block;
  width: 13px;
  height: 7px;
  background: url(../images/other-r.png) no-repeat center
}
.turning_othershow .tag_list {
  background-color: #fff;
  padding: 15px
}
.turning_othershow .tag_list a {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 9px;
  margin-bottom: 10px;
  border: 1px solid rgb(221, 221, 221);
  border-radius: 30px
}
.turning_othershow .tag_list a:hover {
  border: 1px solid #FF0000;
  color: #FF0000;
  cursor: pointer
}
.turning_turn .problem {
  width: 850px;
  margin: auto;
  padding-top: 30px
}
.turning_turn .problems {
  width: 860px;
  margin-top: 15px
}
.turning_turn .problems_each {
  width: 100%;
  background: #f5f6f8;
  border-radius: 4px;
  margin-right: 10px;
  margin-bottom: 10px
}
.turning_turn .problems_each_detail {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 15px
}
.turning_turn .problems_each_detail_con {
  font-size: 13px;
  color: #b4b4b4;
  line-height: 25px;
  margin-bottom: 8px;
  position: relative
}
.ceo-shop-commont {
  background: url(../images/icon-5.png) no-repeat center right
}
.ceo-shop-commont span {
  display: inline-block;
  font-size: 18px;
  color: #243159;
  font-weight: bold;
  padding: 0 6px 0 22px;
  background: #fff url(../images/icon-t.png) no-repeat center left
}
.ceo-shop-commont .special {
  color: #ff4e00
}
.turning_othershow_goods {
  width: 230px;
  background: #fff;
  margin-bottom: 12px;
  overflow: hidden
}
.turning_othershow_goods_up {
  width: 230px;
  max-height: 265px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 10px 15px 10px
}
.turning_othershow_goods_up_img img {
  max-width: 210px
}
.turning_othershow_goods_up_img a {
  display: block;
  width: 210px
}
.turning_othershow_goods_up_name {
  margin-top: 15px
}
.turning_othershow_goods_up_name span {
  font-size: 16px;
  color: #46494d;
  margin-left: 7px;
  width: 160px;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden
}
.turning_othershow_goods_up_img {
  width: 210px;
  max-height: 200px;
  overflow: hidden;
  margin: auto
}
.turning_othershow_goods .othershow_btn {
  display: block;
  width: 198px;
  height: 36px;
  border-radius: 4px;
  margin: auto;
  background: #243159;
  text-align: center;
  line-height: 36px;
  font-size: 15px;
  color: #ffffff
}
.swiper-container {
  height: 24px
}
.swiper-slide {
  font-size: 14px;
  background: transparent;
  overflow: hidden
}
.swiper-slide img {
  width: 20px;
  height: 20px;
  border-radius: 50%
}
.swiper-slide span {
  font-size: 16px;
  color: #ff6600;
  margin: 0 5px
}
.swiper-slide a {
  font-size: 14px
}
._tips {
  width: 350px;
  display: inline-block
}
.main_info_icon {
  width: 31px;
  height: 35px;
  line-height: 32px;
  text-align: center;
  font-size: 3px;
  color: #7B64F2;
  background: url(../images/ceo-shang.png);
  background-size: 100% 100%;
  margin: 0 -5px -10px 0
}
.main_info_admin {
  margin: 10px 0 !important
}
.main-icon-admin {
  margin: 10px 0 10px 0
}
/*商城侧边栏*/
.ceo-weixin-author {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 44px;
  background-image: url(../images/ceo-single-shop-weixin.png);
  background-position: right top;
  background-repeat: no-repeat
}
.sidebar-shop-box .ceo-weixin-author .wximg {
  right: 73px;
}
.ceo-weixin-author .wximg {
  position: absolute;
  width: 220px;
  height: 220px;
  top: -220px;
  right: 41px;
  transition-duration: 500ms;
  border-radius: 2px;
  box-shadow: 0px 4px 16px 0px rgba(0, 64, 75, 0.16);
  display: none;
  text-align: center;
  z-index: 2
}
.ceo-weixin-author .wximg img {
  width: 150px;
  height: 150px;
  border: 1px solid var(--border-color);
  display: block;
  margin: 20px auto 0 auto
}
.ceo-weixin-author .wximg span {
  display: inline-block;
  text-align: center;
  padding: 0 20px;
  border-radius: 2px;
  margin: 0 auto;
  height: 28px;
  line-height: 28px;
  background: #f2f4f8;
  font-size: 12px;
  color: #666;
  margin-top: 5px
}
.ceo-weixin-author .wximg span i {
  margin-right: 3px;
  color: var(--primary-color)
}
.ceo-weixin-author:hover .wximg {
  top: 0px;
  display: block;
  transition-duration: 500ms;
}
/*商城模块1点赞收藏*/
.ceo-shop1-dzsc {
  display: block;
  font-size: 12px;
  color: #666f80;
  text-align: center;
  padding-top: 26px;
  position: absolute;
  right: 0;
  bottom: 0
}
.ceo-shop1-dzsc .change-color {
  padding: 3px 10px;
  border-radius: 4px;
  color: #ff5473 !important;
  background-color: rgba(255, 84, 115, .1);
  margin-right: 10px !important;
  font-size: 12px;
  background: rgba(255, 84, 115, .1);
  box-shadow: 0 5px 10px 0 rgb(16 110 253 / 0%)
}
.ceo-shop1-dzsc .change-color-sc {
  padding: 3px 10px;
  border-radius: 4px;
  color: #0084ff !important;
  background: rgba(0, 132, 255, .1);
  font-size: 12px;
  box-shadow: 0 5px 10px 0 rgb(16 110 253 / 0%)
}
/**/
.main_info_price {
  margin-top: 20px;
  display: flex
}
.main_info_price_l {
  height: 57px;
  line-height: 50px;
  width: 210px;
  text-align: center;
  background-color: #FFEFE9;
  margin-right: 8px;
  color: #999999;
  font-size: 12px;
  position: relative
}
.main_info_price_l span {
  color: #FF7726;
  font-size: 14px;
  font-weight: bold
}
.main_info_price_l i {
  font-size: 24px;
  font-style: normal
}
.main_info_price_r {
  width: 100%;
  height: 57px;
  line-height: 57px;
  color: #ffffff;
  font-size: 18px;
  padding-left: 24px;
  position: relative
}
.collection {
  position: absolute;
  right: 24px;
  top: 17px;
  font-size: 12px;
  width: 80px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border: 1px solid #ffffff;
  cursor: pointer
}
.collection a {
  color: #fff
}
.collection i {
  margin-right: 3px
}
.collection img {
  margin-top: -5px
}
/*服务模块*/
.main_info_tb {
  background-color: #FAFBFD;
  font-size: 14px;
  margin: 16px 0;
  display: flex;
  flex-wrap: wrap
}
.main_info_tb_items {
  height: 50px;
  padding: 0 8px 0 22px;
  line-height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.main_info_tb_items i {
  margin-right: 3px;
  color: #007cef !important
}
.main_info_tb_item {
  height: 50px;
  padding: 0 9px;
  line-height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.main_info_tb_item .left_title {
  color: #999999
}
.main_info_tb_item .left_title::before {
  content: '';
  border-radius: 50%;
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-right: 4px;
  background-color: #2E68E9;
  transform: translate(0, -50%)
}
/**/
.main_info_top_item {
  margin-right: 10px;
  font-size: 12px;
  border: 1px solid #f0f1f5
}
.main_info_top_item2 {
  margin-right: 0px;
  font-size: 12px;
  border: 1px solid #f0f1f5
}
.item_titles {
  height: 22px;
  line-height: 22px;
  padding: 0 7px;
  color: #999999;
  background-color: #F8F9FC;
  border-right: 1px solid #f0f1f5
}
.item_title {
  height: 22px;
  line-height: 22px;
  padding: 0 20px;
  color: #999999;
  background-color: #F8F9FC;
  border-right: 1px solid #f0f1f5
}
.item_content1 {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  padding: 0 7px;
  color: #333333;
  width: 118px
}
.item_content2 {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  padding: 0 7px;
  color: #333333;
  width: 57px
}
.main_info_top_b {
  display: flex;
  margin-top: 10px
}
.consulting {
  width: 110px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border: 1px solid #0274ff;
  color: #0274ff !important;
  font-size: 14px;
  border-radius: 3px;
  transform: translateY(-7px);
  cursor: pointer
}
.consulting:hover {
  background: #0274ff;
  border: 1px solid #0274ff;
  color: #fff !important
}
.consulting a {
  font-size: 14px !important;
  color: #0274ff !important
}
.consulting a:hover {
  color: #fff !important
}
.consultingshop {
  padding-left: 0;
}
/*底部侧边栏跟随*/

/*活动按钮*/
@keyframes scaleToggleOne {
  0 {
    transform: scale(1);
    -webkit-transform: scale(1)
  }
  50% {
    transform: scale(2);
    -webkit-transform: scale(2)
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1)
  }
}
@keyframes scaleToggleTwo {
  0 {
    transform: scale(1);
    -webkit-transform: scale(1)
  }
  20% {
    transform: scale(1);
    -webkit-transform: scale(1)
  }
  60% {
    transform: scale(2);
    -webkit-transform: scale(2)
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1)
  }
}
@keyframes scaleToggleThree {
  0 {
    transform: scale(1);
    -webkit-transform: scale(1)
  }
  33% {
    transform: scale(1);
    -webkit-transform: scale(1)
  }
  66% {
    transform: scale(2);
    -webkit-transform: scale(2)
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1)
  }
}
@media screen and (max-width:800px) {
  .ceo-footer-sidebar-girl {
    display: none
  }
}
.animated {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}
.ceo-footer-sidebar-girl {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: relative;
  right: -10px;
  bottom: 20px;
  opacity: 1;
  -webkit-box-shadow: 0 5px 10px 0 rgba(35, 50, 56, .3);
  box-shadow: 0 5px 10px 0 rgba(35, 50, 56, .3);
  z-index: 14;
  cursor: pointer;
  -webkit-transition: all 1s cubic-bezier(.86, 0, .07, 1);
  transition: all 1s cubic-bezier(.86, 0, .07, 1);
}
.ceo-footer-sidebar-girl:focus {
  outline: 0
}
.ceo-footer-sidebar-girl:after {
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-image: linear-gradient(90deg, #fc2626, #fca626);
  position: absolute;
  right: 1px;
  top: 1px;
  z-index: 50
}
.ceo-footer-sidebar-girl .girl {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 50
}
.ceo-footer-sidebar-girl .animated-circles .circle {
  background: rgba(255, 0, 0, 0.25);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: absolute;
  z-index: 49;
  transform: scale(1);
  -webkit-transform: scale(1)
}
.ceo-footer-sidebar-girl .animated-circles.animated .c-1 {
  animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards
}
.ceo-footer-sidebar-girl .animated-circles.animated .c-2 {
  animation: 2.5s scaleToggleTwo cubic-bezier(.25, .46, .45, .94) forwards
}
.ceo-footer-sidebar-girl .animated-circles.animated .c-3 {
  animation: 3s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards
}
.ceo-footer-sidebar-girl.animation-stopped .circle {
  opacity: 0 !important
}
.ceo-footer-sidebar-girl.animation-stopped .circle {
  opacity: 0 !important
}
.ceo-footer-sidebar-girl .livechat-hint {
  position: absolute;
  right: 40px;
  top: 50%;
  margin-top: -20px;
  opacity: 0;
  z-index: 0;
  -webkit-transition: all .3s cubic-bezier(.86, 0, .07, 1);
  transition: all .3s cubic-bezier(.86, 0, .07, 1)
}
.ceo-footer-sidebar-girl .livechat-hint.show_hint {
  -webkit-transform: translateX(-40px);
  transform: translateX(-40px);
  opacity: 1
}
.ceo-footer-sidebar-girl .livechat-hint.hide_hint {
  opacity: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0)
}
.ceo-footer-sidebar-girl .livechat-hint.rd-notice-tooltip {
  max-width: 1296px !important
}
.ceo-footer-sidebar-girl .livechat-hint.rd-notice-tooltip .rd-notice-content {
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis
}
@media only screen and (max-width:1599px) {
  .ceo-footer-sidebar-girl .livechat-hint.rd-notice-tooltip {
    max-width: 1060px !important
  }
}
@media only screen and (max-width:1309px) {
  .ceo-footer-sidebar-girl .livechat-hint.rd-notice-tooltip {
    max-width: 984px !important
  }
}
@media only screen and (max-width:1124px) {
  .ceo-footer-sidebar-girl .livechat-hint.rd-notice-tooltip {
    max-width: 600px !important
  }
}
.rd-notice-tooltip {
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
  box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
  font-size: 14px;
  border-radius: 3px;
  line-height: 1.25;
  position: absolute;
  z-index: 65;
  max-width: 350px;
  opacity: 1
}
.rd-notice-tooltip:after {
  position: absolute;
  display: block;
  content: '';
  height: 20px;
  width: 20px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  z-index: 50
}
.rd-notice-tooltip .rd-notice-content {
  background: 0;
  border-radius: 3px;
  width: 100%;
  color: #fff;
  position: relative;
  z-index: 60;
  padding: 20px;
  font-weight: 400;
  line-height: 1.45
}
.rd-notice-type-success {
  background-color: #ff2626;
  -webkit-box-shadow: 0 5px 10px 0 rgba(38, 199, 252, .2);
  box-shadow: 0 5px 10px 0 rgba(38, 199, 252, .2)
}
.rd-notice-type-success .rd-notice-content {
  background-color: #ff2626
}
.rd-notice-type-success:after {
  background-color: #ff2626;
  -webkit-box-shadow: 0 5px 10px 0 rgba(38, 199, 252, .2);
  box-shadow: 0 5px 10px 0 rgba(38, 199, 252, .2)
}
.rd-notice-position-left {
  margin-left: -20px
}
.rd-notice-position-left:after {
  right: -6px;
  top: 50%;
  margin-top: -10px
}
.rd-notice-tooltip.single-line .rd-notice-content {
  height: 40px;
  padding: 0 20px;
  line-height: 40px;
  white-space: nowrap
}
/*广告按钮*/
@media screen and (max-width:800px) {
  .ceo-huodong {
    display: none
  }
}
.ceo-adgg {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}
.ceo-huodong {
  width: 23px;
  height: 23px;
  border-radius: 50%;
  z-index: 700;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  cursor: pointer;
  -webkit-transition: all 1s cubic-bezier(.86, 0, .07, 1);
  transition: all 1s cubic-bezier(.86, 0, .07, 1);
  position: absolute;
  right: 5px;
  top: 45px;
  padding: 0;
  text-align: right;
  color: white
}
.ceo-huodong:focus {
  outline: 0
}
.ceo-huodong.ceo-adgg {
  opacity: 1;
  transform: translateY(-40px);
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px)
}
.ceo-huodong .girl {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 50
}
.ceo-huodong .ceo-adgg-circles .circle {
  background: rgba(255, 0, 0, 0.25);
  width: 23px;
  height: 23px;
  border-radius: 50%;
  position: absolute;
  z-index: 49;
  transform: scale(1);
  -webkit-transform: scale(1)
}
.ceo-huodong .ceo-adgg-circles.ceo-adgg .c-1 {
  animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards
}
.ceo-huodong .ceo-adgg-circles.ceo-adgg .c-2 {
  animation: 2.5s scaleToggleTwo cubic-bezier(.25, .46, .45, .94) forwards
}
.ceo-huodong .ceo-adgg-circles.ceo-adgg .c-3 {
  animation: 3s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards
}
.ceo-huodong.animation-stopped .circle {
  opacity: 0 !important
}
.ceo-huodong.animation-stopped .circle {
  opacity: 0 !important
}
.ceo-huodong .hd-livechat-hint {
  position: absolute;
  right: 0px;
  top: 90%;
  margin-top: -20px;
  opacity: 0;
  z-index: 0;
  -webkit-transition: all .3s cubic-bezier(.86, 0, .07, 1);
  transition: all .3s cubic-bezier(.86, 0, .07, 1)
}
.ceo-huodong .hd-livechat-hint.gg-show_hint {
  -webkit-transform: translateX(-40px);
  transform: translateX(-40px);
  opacity: 1
}
.ceo-huodong .hd-livechat-hint.hide_hint {
  opacity: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0)
}
.ceo-huodong .hd-livechat-hint.hd-rd-notice-tooltip {
  max-width: 1296px !important
}
.ceo-huodong .hd-livechat-hint.hd-rd-notice-tooltip .gg-rd-notice-content {
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis
}
@media only screen and (max-width:1599px) {
  .ceo-huodong .hd-livechat-hint.hd-rd-notice-tooltip {
    max-width: 1060px !important
  }
}
@media only screen and (max-width:1309px) {
  .ceo-huodong .hd-livechat-hint.hd-rd-notice-tooltip {
    max-width: 984px !important
  }
}
@media only screen and (max-width:1124px) {
  .ceo-huodong .hd-livechat-hint.hd-rd-notice-tooltip {
    max-width: 600px !important
  }
}
.hd-rd-notice-tooltip {
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
  box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
  font-size: 14px;
  border-radius: 3px;
  line-height: 1.25;
  position: absolute;
  z-index: 65;
  max-width: 350px;
  opacity: 1
}
.hd-rd-notice-tooltip:after {
  position: absolute;
  display: block;
  content: '';
  height: 10px;
  width: 10px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  z-index: 50
}
.hd-rd-notice-tooltip .gg-rd-notice-content {
  background: 0;
  border-radius: 3px;
  width: 100%;
  color: #fff;
  position: relative;
  z-index: 60;
  padding: 20px;
  font-weight: 400;
  line-height: 1.45
}
.hd-rd-notice-type-success {
  background-color: #ff2626;
  -webkit-box-shadow: 0 5px 10px 0 rgba(38, 199, 252, .2);
  box-shadow: 0 5px 10px 0 rgba(38, 199, 252, .2)
}
.hd-rd-notice-type-success .gg-rd-notice-content {
  background-color: #ff2626
}
.hd-rd-notice-type-success:after {
  background-color: #ff2626;
  -webkit-box-shadow: 0 5px 10px 0 rgba(38, 199, 252, .2);
  box-shadow: 0 5px 10px 0 rgba(38, 199, 252, .2)
}
.gg-rd-notice-position-left {
  margin-left: -20px
}
.gg-rd-notice-position-left:after {
  right: -3px;
  top: 75%;
  margin-top: -10px
}
.hd-rd-notice-tooltip.gg-show_hint .gg-rd-notice-content {
  height: 20px;
  padding: 0 20px;
  line-height: 20px;
  white-space: nowrap
}
.ceo-vip-icons .meta-vip-tag {
  display: block;
  width: 26px;
  height: 26px;
  position: absolute;
  margin: 10px 0 0 10px;
  border-radius: 5px;
  background: #ffc107 url(../images/vip-1.svg) 50% no-repeat;
  background-size: 18px auto;
  box-shadow: 0 3px 5px rgba(51, 51, 51, 0.1);
  z-index: 1
}
@media screen and (min-width:1400px) {
  .single-main {}
  .archives-main {
    width: 1020px
  }
}
@media screen and (min-width:800px) {
  .ceo-app-logo {
    display: none
  }
  .ceo-app-logo2 {
    display: none
  }
}
@media only screen and (max-width:800px) {
  .m-home-ranking__content__item {
    width: 100% !important
  }
}
/*
* ------------------------------------------------------------------------------
* 手机端
* ------------------------------------------------------------------------------
*/
/*手机中部菜单*/
@media (min-width:900px) {
  .aui-scrollView {
    display: none !important
  }
}
.aui-scrollView {
  width: 100%;
  height: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  position: relative;
  padding-bottom: 0;
  background: #fff;
  border-top: 1px solid #f1f2f5;
  margin-bottom: 10px
}
.aui-palace {
  padding: 0.8rem 0;
  position: relative;
  overflow: hidden
}
.aui-palace-one .aui-palace-grid {
  width: 25%
}
.aui-palace-grid {
  position: relative;
  float: left;
  padding: 1px;
  width: 20%;
  box-sizing: border-box;
  margin: 5px 0
}
.aui-palace-grid-icon {
  width: 30px;
  height: 30px;
  margin: 0 auto
}
.aui-palace-grid-icon img {
  display: block;
  width: 100%;
  height: 100%;
  border: none
}
.aui-palace-grid-text {
  display: block;
  text-align: center;
  color: #333;
  font-size: 0.85rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-top: 0.5rem
}
.aui-palace-grid-text h2 {
  font-size: 12px;
  font-weight: normal;
  color: #666;
  margin: 0 0 8px 0
}
.divHeight {}

/*手机底部导航*/
.ceo-app-footer-fixed {
  position: fixed !important;
  bottom: 0;
  left: 0;
}
.ceo-app-footer {
  width: 100%;
  position: relative;
  z-index: 1000;
  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(90deg, #006eff, #13adff);
  color: #fff !important;
  border-radius: 50%;
  padding: 5px 10px;
  margin-top: -23px;
  margin-bottom: 6px;
  font-size: 20px !important;
}
/*
* ------------------------------------------------------------------------------
* 关注私信样式
* ------------------------------------------------------------------------------
*/

/*关注私信按钮*/
.ceo-gzsxbtn-box {
  margin-top: 5px
}
.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: 12px;
  line-height: 26px;
  width: 100%;
  border-radius: 3px;
  display: block;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background: var(--primary-color);
  border: 1px solid var(--primary-color);
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-transform: none;
  overflow: visible
}
.ceo-gzbtn:hover {
  opacity: .8
}
.ceo-gzbtn i {
  margin-right: 3px;
  font-size: 15px !important;
  display: inline-block;
  transform: translateY(1px)
}
.ceo-sxbtn {
  font-family: Microsoft yahei;
  color: #333 !important;
  outline: 0;
  -webkit-transition: all .1s ease-out 0s;
  -o-transition: all .1s ease-out 0s;
  transition: all .1s ease-out 0s;
  font-weight: 400;
  font-size: 12px;
  line-height: 26px;
  width: 100%;
  border-radius: 3px;
  display: block;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  border: 1px solid #eee;
  background: #f5f7fd;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-transform: none;
  overflow: visible
}
.ceo-sxbtn:hover {
  opacity: .8
}
.ceo-sxbtn i {
  margin-right: 3px;
  font-size: 15px !important;
  display: inline-block;
  transform: translateY(1px)
}
.ceo-zybtn {
  color: var(--primary-color) !important;
  font-size: 12px;
  line-height: 27px;
  border-radius: 3px;
  display: block;
  text-align: center;
  border: 1px solid var(--primary-color);
  z-index: 1;
  position: relative;
}
.ceo-zybtn:hover {
  opacity: .8
}
.ceo-zybtn i {
  margin-right: 3px;
  font-size: 15px !important;
  display: inline-block;
  transform: translateY(1px)
}
.ceo-gzsxbtns {
  color: #fff !important;
  outline: 0;
  -webkit-transition: all .1s ease-out 0s;
  -o-transition: all .1s ease-out 0s;
  transition: all .1s ease-out 0s;
  font-weight: 400;
  padding: 6px 15px;
  font-size: 12px;
  line-height: 14px;
  border-radius: 3px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background: var(--primary-color);
  border: 0px solid #fff;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-transform: none;
  overflow: visible
}
.close {
  margin: 0;
  float: right;
  font-size: 18px;
  line-height: 1;
  color: #828282;
  opacity: .8
}
.close:hover {
  color: var(--primary-color)
}
.modal,
.modal-open {
  overflow: hidden
}
.modal {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0
}
.modal.fade .modal-dialog {
  -webkit-transform: translateY(-25%);
  -ms-transform: translateY(-25%);
  transform: translateY(-25%);
  -webkit-transition: -webkit-transform .3s ease-out;
  -o-transition: -o-transform .3s ease-out;
  -o-transition: transform .3s ease-out;
  transition: transform .3s ease-out;
  transition: transform .3s ease-out, -webkit-transform .3s ease-out
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0)
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto
}
.modal-dialog {
  position: relative;
  display: inline-block;
  width: auto;
  margin-top: 15vh;
  text-align: left
}
@media (max-width:767px) {
  .modal-dialog {
    width: 92%
  }
}
.modal-content {
  position: relative;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  background-clip: padding-box;
  outline: 0
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0)
}
.modal-backdrop.in {
  opacity: .5;
  filter: alpha(opacity=50)
}
.modal-header {
  padding: 15px 15px 10px
}
.modal-header .close {
  display: inline-block;
  transform: translateY(-2px);
  cursor: pointer;
}
.modal-header .close i {
  font-size: 16px !important
}
.modal-header:after,
.modal-header:before {
  content: " ";
  display: table
}
.modal-header:after {
  clear: both
}
.modal-title {
  margin: 0;
  font-size: 18px;
  color: #333;
  font-weight: 400;
  line-height: 1
}
.modal-body {
  font-size: 14px;
  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;
  -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-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;
}
.messages-item-text .text {
  position: relative;
  display: inline-block;
  max-width: 400px;
  font-size: 14px;
  line-height: 20px;
  vertical-align: middle;
  box-sizing: border-box;
  letter-spacing: .1px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  background-color: #f8f8f8;
  padding: 4px 10px;
  border-radius: 4px;
  color: #999;
}
.messages-item-text .messages-item-unread {
  background: #ff4340;
  color: #fff;
  border-radius: 50px;
  padding: 1px 6px;
  font-size: 12px;
  margin-left: 10px;
}
.messages-item-btn {
  float: right;
  margin-top: -5px;
  color: #fff !important;
  background: var(--primary-color);
  font-size: 12px;
  padding: 2px 15px;
  border-radius: 4px
}
.messages-box-item:hover .messages-item-btn {
  opacity: .8
}
/*用户中心关注*/
.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 {}
.ceo-profile .follow-item .follow-item-avatar a {
  display: block;
  width: 50px;
  height: 50px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}
.ceo-profile .follow-item .follow-item-avatar img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%
}
.modules-image .modules-image-inner>a>img,
.ceo-profile .follow-item .follow-item-text {
  width: 100%
}
.ceo-profile .follow-item .follow-item-text .follow-item-name {
  margin: 0 0 8px;
  padding: 0;
  border: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis
}
.ceo-profile .follow-item .follow-item-text .follow-item-name a {
  color: #333;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}
.ceo-profile .follow-item .follow-item-text .follow-item-desc {
  color: #5a5a5a;
  font-size: 14px;
  line-height: 22px
}
.ceo-profile .follow-item .follow-item-action {
  width: 190px;
  vertical-align: middle;
  text-align: right;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.ceo-profile .follow-item .follow-item-action button:last-child {
  margin-right: 0
}
.follow-item .follow-item-btns .ceo-width-1-3 {
  width: 50%
}
.follow-item .follow-item-btns {
  margin-top: 11px
}
.follow-item .follow-item-btns button {
  width: 100px
}
/*生成海报*/
.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
}
.mobile-share-wrap .mobile-share-close:hover {
  color: var(--primary-color);
}
.poster-share-ico a {
  display: inline-block;
  cursor: pointer;
  border: 1px solid #3385ff;
  color: #3385ff;
  background: rgb(255, 255, 255);
  border-radius: 3px;
  padding: 3px 10px;
  margin-top: 5px
}
.poster-share-ico a i {
  line-height: 1
}
.poster-share-ico span {
  font-size: inherit !important;
  line-height: inherit !important;
  margin-right: inherit !important
}
.poster-share-ico a:hover {
  color: #fff;
  opacity: 0.8;
  background-color: #3385ff
}
.poster-share-ico {
  margin-right: 20px
}
/*===============================下载弹窗==================================*/
.erphpdown-body .ceo-down-title {
  padding: 19px;
  font-size: 19px;
  background: url(../images/ceo-shop-bg.png) no-repeat center top;
  z-index: 9;
  background-size: 100% 100%;
  border-radius: 6px 6px 0px 0px;
  box-shadow: 0 5px 16px 0 rgb(74 109 240 / 58%);
  color: #fff;
  border-bottom: 0px solid #fff0;
  text-align: center
}
#ceotheme .erphpdown-body .layui-layer-title {
  padding: 19px;
  font-size: 19px;
  background: url(../images/ceo-shop-bg.png) no-repeat center top;
  z-index: 9;
  background-size: 100% 100%;
  border-radius: 6px 6px 0px 0px;
  box-shadow: 0 5px 16px 0 rgb(74 109 240 / 58%)
}
#ceotheme .erphpdown {
  margin: 38px 0 !important;
  border: 1px solid #ffffff00 !important;
  border-radius: 4px;
  background: #f5f6f8
}
#ceotheme .erphpdown>legend {
  color: #0484ff;
  font-weight: 400;
  background: #fff;
  font-size: 12px
}
.night .erphpdown {
  background: var(--ceo-ahbg) !important
}
.night .erphpdown>legend {
  background: var(--ceo-ahmk) !important
}
#ceotheme .erphp-justbuy {
  text-align: center !important
}
/*LOGO闪光*/
.ceo-logo {
  position: relative;
  font-size: 2em;
  font-weight: 700;
  line-height: 39px;
  margin: 0
}
.ceo-logo img {
  margin-right: 20px
}
.ceo-logo-shou .fimg {
  position: absolute;
  bottom: -35px;
  z-index: 4;
  display: none;
  width: auto;
  height: auto;
}
.ceo-logo-shou .ceo-logo:hover .fimg {
  display: inline-block
}
.header_3_nav .logo:hover .fimg {
  display: inline-block
}
.ceo-logo::before {
  content: "";
  position: absolute;
  width: 139px;
  height: 10px;
  background-color: rgba(255, 255, 255, .5);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: searchLights 1s ease-in 1s infinite;
  animation: searchLights 1s ease-in 1s infinite
}
.night .ceo-logo::before {
  content: "";
  position: absolute;
  width: 139px;
  height: 10px;
  background-color: rgba(28, 31, 32, 0.54);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: searchLights 1s ease-in 1s infinite;
  animation: searchLights 1s ease-in 1s infinite
}
@-webkit-keyframes searchLights {
  0% {
    left: -90px;
    top: 0
  }
  to {
    left: 90px;
    top: 0
  }
}
/*美化特效*/
.c-mymail .c-mymail-5 {
  padding: 15px 18px;
  border: 1px solid #e7ebef;
  position: relative;
  font-size: 12px;
  border-radius: 3px
}
.c-mymail-5-1 {
  color: #888;
  margin-bottom: 3px
}
.c-mymail .c-mymail-1 {
  font-size: 16px;
  margin-bottom: 15px
}
.c-mymail .c-mymail-2 {
  font-weight: normal;
  color: #49a0f5;
  display: inline-block
}
.c-mymail .c-mymail-4 a {
  color: #717171;
  background: #f2f6fb;
  font-size: 12px;
  border-radius: 3px;
  padding: 5px 18px;
  border: 1px solid #dedede;
  display: inline-block
}
.c-mymail .c-mymail-4 a:hover {
  background: #3d8beb;
  border-color: #3d8beb;
  color: #FFF
}
.btn-primary:hover {
  opacity: .8
}
/*获取验证码*/
.send-verify-code {
  display: inline-block;
  position: absolute;
  right: 5px;
  cursor: pointer;
  background: #3436421a;
  border-radius: 50px;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  padding: 6px 13px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 12px;
  color: #717171
}
.send-verify-code:hover {
  color: #026eff
}
.send-verify-code:focus {
  outline-color: #d2d8d8
}
/*整站侧边栏跟随*/
.ceo_follow_service {
  position: fixed;
  top: 50%;
  right: 39px;
  font-size: 14px;
  color: #243558;
  z-index: 13
}
.ceo_follow_service ul {
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0
}
.ceo_follow_service li {
  list-style-type: none
}
.ceo_follow_service li>div {
  box-sizing: border-box;
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1)
}
.ceo_follow_service_box {
  width: 40px;
  height: 40px;
  background: #fff;
  margin-bottom: 10px;
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1)
}
.ceo_follow_service_box .ceo_follow_qq {
  display: block;
  outline: none;
  position: relative;
  border-radius: 4px;
  color: var(--primary-color);
  text-align: center;
  cursor: pointer;
  line-height: 33px;
  padding: 3px
}
.ceo_follow_service_box .ceo_today_active {
  display: block;
  outline: none;
  position: relative;
  border-radius: 4px;
  color: var(--primary-color);
  text-align: center;
  cursor: pointer;
  line-height: 33px;
  padding: 3px
}
.ceo_footer_s a {
  display: block;
  outline: none;
  position: relative;
  border-radius: 4px;
  color: var(--primary-color) !important;
  text-align: center;
  cursor: pointer;
  line-height: 33px;
  padding: 3px
}
.ceo_footer_s a:hover {
  color: #fff !important;
}
.ceo_follow_service_box .ceo_follow_qq:hover,
.ceo_follow_service_box.ceo_follow_qq:hover,
.ceo_footer_s a:hover {
  color: #fff
}
.ceo_follow_service_box .ceo_follow_qq:hover,
.ceo_follow_service_box.ceo_follow_qq:hover,
.ceo_footer_s span:hover {
  color: #fff
}
.ceo_follow_service_box i {
  font-size: 23px
}
.ceo_follow_service_phone,
.ceo_follow_service_qrimg,
.ceo_follow_service_ax_cont {
  color: #333
}
.ceo_follow_service_triangle {
  top: 12px;
  right: -11px;
  position: absolute;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 11px solid #e1e6ec;
  z-index: 1010
}
.ceo_follow_service_triangle:after {
  content: "\20";
  top: -6px;
  right: 1px;
  position: absolute;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 10px solid #fff;
  z-index: 1000
}
.ceo_follow_service_triangle:before {
  content: "\20";
  width: 80px;
  height: 45px;
  top: -20px;
  right: -52px;
  position: absolute;
  background: rgba(0, 0, 0, 0)
}
@keyframes fade-in {
  0% {
    opacity: .4;
    right: 82px
  }
  100% {
    opacity: 1;
    right: 62px
  }
}
.ceo_follow_service_consult:hover {
  border: 0;
  background: #4f7cfc
}
.ceo_follow_service_consult:hover .ceo_follow_service_consult_cont {
  display: block;
  opacity: 1;
  transition: linear .2s;
  animation-name: fade-in;
  animation-duration: .3s;
  animation-iteration-count: 1;
  animation-delay: 0s
}
.ceo_follow_service_consult_cont {
  top: 0px;
  width: 200px;
  min-height: 100%;
  max-height: 1000px;
  border-radius: 3px;
  background: #fff;
  right: 62px;
  position: absolute;
  text-align: center;
  border: 1px solid #e1e6ec;
  display: none;
  opacity: 0
}
.ceo_follow_service_consult_cont1 {
  width: 70px;
  height: 40px;
  line-height: 40px;
  background: #fff;
  border-radius: 5px;
  right: 62px;
  text-align: center;
  position: absolute;
  display: none;
  border: 1px solid #e1e6ec
}
.ceo_follow_service_consult_cont1 .ceo_follow_service_triangle:before {
  width: 0 !important
}
.ceo_follow_service_consult_cont>.ceo_follow_service_triangle:after {
  border-left: 10px solid #f6f8fb
}
.ceo_follow_service_consult_cont span {
  float: left
}
.ceo_follow_service_consult_cont_top {
  width: 100%;
  height: 100%;
  background: #f6f8fb;
  border-radius: 3px;
  border-bottom: 1px solid #eef2f8
}
.ceo_follow_service_hint {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  color: #9aa8c2;
  text-align: center
}
.ceo_follow_service_iconlx {
  font-size: 14px !important;
  margin: 13px 2px 0 18px
}
.ceo_follow_service_button {
  width: 160px;
  background: #4f7cfc;
  border-radius: 18px !important;
  text-align: center;
  color: #fff !important;
  margin: 7px 20px 10px 20px;
  cursor: pointer;
  display: inline-block
}
.ceo_follow_service_button:hover {
  background: #618aff
}
.ceo_follow_service_phone {
  width: 100%;
  height: 53px;
  line-height: 53px;
  font-size: 14px;
  text-align: center
}
.ceo_follow_service_check_site {
  width: 100%;
  height: 48px;
  line-height: 48px;
  color: #3b6bf4;
  border-top: 1px solid #eaeef5;
  cursor: pointer
}
.ceo_follow_service_icongd {
  font-size: 16px !important;
  margin: 15px 2px 0 45px
}
.ceo_follow_service_qr {}
.ceo_follow_service_qr:hover {
  background: #4f7cfc
}
.ceo_follow_service_qr:hover .ceo_follow_service_qr_cont {
  display: block;
  opacity: 1;
  transition: linear .2s;
  animation-name: fade-in;
  animation-duration: .3s;
  animation-iteration-count: 1;
  animation-delay: 0s
}
.ceo_follow_service_qr_cont {
  top: 0px;
  width: 143px;
  height: 202px;
  border-radius: 3px;
  background: #fff;
  right: 62px;
  position: absolute;
  text-align: center;
  border: 1px solid #e1e6ec;
  background-color: #f6f8fb;
  display: none;
  opacity: 0
}
.ceo_follow_service_qr_cont>.ceo_follow_service_triangle:after {
  border-left: 10px solid #f6f8fb
}
.ceo_follow_service_qr_cont>.ceo_follow_service_qrimg {
  width: 100%;
  height: 164px;
  float: left
}
.ceo_follow_service_qrimg_site {
  width: 119px;
  height: 119px;
  float: left;
  margin: 12px 12px 5px 12px
}
.ceo_follow_service_qr_cont>.ceo_follow_service_qrtext {
  width: 100%;
  height: 35px;
  font-size: 12px;
  color: #7b89a6;
  background-color: #fff;
  float: left;
  bottom: 0;
  display: table
}
.ceo_follow_service_qr_cont>.ceo_follow_service_qrtext>span {
  display: table-cell;
  vertical-align: middle
}
.ceo_follow_service_upward_cont span {
  font-size: 14px
}
.ceo_follow_service_ax {
  background-size: 40%40%
}
.ceo_follow_service_ax:hover {
  border: 0;
  background: #4f7cfc;
  background-size: 40%40%;
  cursor: pointer
}
.ceo_follow_service_ax:hover .ceo_follow_service_ax_cont {
  display: block;
  opacity: 1;
  transition: linear .2s;
  animation-name: fade-in;
  animation-duration: .3s;
  animation-iteration-count: 1;
  animation-delay: 0s
}
.ceo_follow_service_ax_cont {
  top: 0px;
  width: 100px;
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  background: #fff;
  border-radius: 5px;
  right: 62px;
  text-align: center;
  position: absolute;
  display: none;
  border: 1px solid #e1e6ec
}
@media screen and (max-width:1221px) {
  .wapnone {
    display: none
  }
}


/*导航优化*/
.nav>ul>li .sub-menu li {
  width: 100%;
  transition: all
}
.navbar .sub-menu {
  background-color: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.07);
  list-style-type: none;
  margin: -1px 0 0 0px;
  min-width: 180px;
  opacity: 0;
  padding: 20px 0;
  position: absolute;
  top: 100%;
  visibility: hidden;
  z-index: 80
}
.navbar .menu-item:hover>.sub-menu {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  visibility: visible
}
.navbar .sub-menu .sub-menu {
  left: 100%;
  margin: -20px 0 0;
  top: 0
}
.nav>ul>li .sub-menu li {
  width: unset;
  float: unset
}
.nav>ul>li:hover .sub-menu {
  width: unset
}
.nav>ul li:hover .sub-menu .sub-menu {
  margin-top: unset !important;
  left: 100%
}
.nav>ul .sub-menu li {
  line-height: 34px
}
/*弹幕*/
#ceo-danmu {
  position: fixed;
  z-index: 999;
  max-width: 300px;
  right: 0;
  bottom: 0;
}
#ceo-danmu li {
  display: flex;
  opacity: 0;
  border-radius: 20px;
  color: #fff;
  padding: 3px 10px 3px 3px;
  clear: both;
  font-size: 13px;
  height: 26px;
  float: right;
  line-height: 26px
}
#ceo-danmu li a.img {
  width: 26px;
  height: 26px
}
#ceo-danmu li a:hover {
  color: var(--primary-color) !important
}
#ceo-danmu li a:first-child {
  margin-right: 4px;
  width: 26px
}
#ceo-danmu li a:last-child,
#ceo-danmu li a:last-child font {
  color: #fff
}
#ceo-danmu li a:last-child n {
  text-decoration: underline;
  margin: 0 5px
}
#ceo-danmu li img {
  width: 26px;
  height: 26px;
  border-radius: 100%;
  vertical-align: inherit
}
#ceo-danmu li a.altitle {
  max-width: 150px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}
@media screen and (max-width:900px) {
  #ceo-danmu {
    display: none
  }
}
/*
* ------------------------------------------------------------------------------
* 夜间暗黑anhei模式
* ------------------------------------------------------------------------------
*/
.night .ceo-zz-background {
  background: var(--ceo-ahbg) !important
}
.night .ceo_vip2_activity_title {
  color: #aaa
}
.night .ceo-help-max {
  background: var(--ceo-ahbg)
}
.night .ceo-help-problem-boxs {
  background: var(--ceo-ahbg)
}
.night .ceo-help-problem-box li {
  background: var(--ceo-ahmk)
}
.night .ceo-help-problem-box li p {
  background: var(--ceo-ahbg)
}
.night .ceo-help-boxs-title {
  color: #aaa
}
.night .ceo-help-footer-i {
  background: var(--ceo-ahbg)
}
.night .ceo-help-footer-wen h3 {
  color: #aaa
}
.night .ceo-help-problem-box .ceo-accordion-title:hover,
.ceo-accordion-title:focus {
  color: #999
}
.night .ceo-cat6-ss .search .ceo-input {
  border: 0px solid var(--ceo-ahbg)
}
.night .ceo-cat6-ss .search {
  background: var(--ceo-ahmk)
}
.night .ceo_vip2_activity_gifts_b span {
  color: #999
}
.night .ceo_vip2_activity_gifts_b {
  background: var(--ceo-ahbg);
  box-shadow: 0 0px 30px -20px #ffffff00
}
.night .ceo_vip2_qa_box ul li {
  background: var(--ceo-ahbg)
}
.night .ceo_vip2_qa_box ul li p {
  background: var(--ceo-ahmk)
}
.night .ceo_vip2_footer_wrapper a {
  background-color: #0d7bf8;
  color: #fff
}
.night .ceo-checkqq-desc {
  background: var(--ceo-ahbg)
}
.night .ceo-sidebar-shop-copyright li .m-bo {
  border: 1px solid #8a8a8a
}
.night .ceo-overlay-primary a:hover {
  color: var(--primary-color)
}
.night .ceo-web-info li {
  background-color: var(--ceo-ahbg)
}
.night .ceo-gonggao-li {
  background-color: var(--ceo-ahmk)
}
.night .ceo-checkqq-box {
  background: var(--ceo-ahmk)
}
.night .ceo-checkqq-box-img {
  background: var(--ceo-ahbg);
  border: 1px solid var(--ceo-ahbg)
}
.night .ceo-checkqq-box-title-name {
  color: #aaa
}
.night .ceo-gonggao-entry-content blockquote {
  background-color: var(--ceo-ahbg)
}
.night .ceo-gonggao-title {
  color: #aaa
}
.night .ceo-archives-list a {
  color: #aaa
}
.night .ceo-archives-list li {
  color: #aaa
}
.night .ceo-qqqun-row h2 {
  color: #aaa
}
.night .ceo-web-info li .ceo-web-info-pf {
  color: #aaa
}
.night .ceo-xiangguan-wen a {
  color: #aaa
}
.night .ceo-qa-commont .ceo-qa-turn {
  color: #aaa
}
.night .comments-title span {
  color: #aaa
}
.night blockquote {
  background-color: var(--ceo-ahbg)
}
.night .ceo-sitebmit h3 {
  color: #999
}
.night .ceo-sitebmit {
  background: var(--ceo-ahmk);
  box-shadow: inherit
}
.night .ceo-footer-sidebar .a {
  background: var(--ceo-ahmk)
}
.night .ceo-footer-sidebar .a-top {
  background: var(--ceo-ahmk)
}
.night .single-navs {
  background: var(--ceo-ahmk) !important
}
.night .ceo-archives {
  background-color: var(--ceo-ahmk)
}
.night .ceo-shop-commont span {
  color: #aaa;
  background: var(--ceo-ahmk) url(../images/icon-t-s.png) no-repeat center left
}
.night .ceo-shop-commont {
  background: url(../images/icon-5-s.png) no-repeat center right
}
.night .ceo-qa-commont {
  background: url(../images/icon-5-s.png) no-repeat center right
}
.night .ceo-qa .ceo-qa-problems_each {
  background: var(--ceo-ahbg)
}
.night .ceo-qa .ceo-qa-problems_each_t {
  border-bottom: 1px dashed #141617
}
.night .ceo-qa-problems_each_t a {
  color: #b4b4b4
}
.night .ceo-shop1-zl {
  background: var(--ceo-ahmk)
}
.night .main_info_top_item {
  border: 1px solid #222
}
.night .content_cctr input {
  background: var(--ceo-ahbg)
}
.night .item_title {
  color: #999;
  background-color: var(--ceo-ahbg);
  border-right: 1px solid #222
}
.night .item_content1 {
  color: #999
}
.night .main_info_top_item2 {
  border: 1px solid #222
}
.night .item_content2 {
  color: #999
}
.night .main_info_tb {
  background-color: var(--ceo-ahbg)
}
.night .custom {
  background: var(--ceo-ahbg);
  border: 1px solid #222
}
.night .ceo-sidebar-shop .custom {
  background: inherit;
  border: inherit
}
.night .ceo-xiangguan .card-item {
  border: 1px solid var(--ceo-ahbg);
  box-shadow: 0 0px 0px 0 rgb(52 73 94 / 0%)
}
.night .poster-share-ico a {
  border: 1px solid var(--ceo-ahbg);
  color: #3385ff;
  background: var(--ceo-ahbg)
}
.night .ceo-alert-banquan {
  background: var(--ceo-ahbg);
  color: #666
}
.night .ceo-link-row {
  background-color: var(--ceo-ahmk)
}
.night .ceo-link-row h1,
.night .ceo-link-row h2,
.night .ceo-link-row h3 {
  color: #999
}
.night .ceo-link-plinks li.linkcat ul li {
  background: var(--ceo-ahbg)
}
.night .ceo-link-plinks li.linkcat ul li a {
  color: #f8f8f8
}
.night .custom:before {
  background-image: -webkit-linear-gradient(46deg, var(--ceo-ahbg) 48%, var(--ceo-ahmk) 91%);
  background-image: -o-linear-gradient(46deg, var(--ceo-ahbg) 48%, var(--ceo-ahmk) 91%);
  background-image: linear-gradient(44deg, var(--ceo-ahbg) 48%, var(--ceo-ahmk) 91%)
}
.night .customdp {
  background: var(--ceo-ahmk);
  color: #0274ff !important;
  border: 1px solid #0274ff
}
.night .ceo-htt {
  border-top: 1px solid var(--ceo-ahbg)
}
.night .item_titles {
  background-color: var(--ceo-ahbg);
  border-right: 1px solid var(--ceo-ahbg)
}
.night .customdp:hover {
  color: #aaa !important;
  background: #0274ff;
  border: 1px solid #0274ff
}
.night .midTitle h1 {
  color: #aaa
}
.night .ceo-zhuanti-item a {
  background-color: var(--ceo-ahmk)
}
.night .ceo-zhuanti-item h2 {
  color: #aaa
}
.night .ceo-single-weizhi {
  background-color: var(--ceo-ahmk);
  border: 1px solid #222;
  border-radius: 4px !important
}
.night .turning_turn_trademark_show_row1 li {
  background: var(--ceo-ahbg)
}
.night .turning_turn_trademark_show_row1 ul {
  border: 1px solid var(--ceo-ahbg)
}
.night .turning_turn_trademark_show_row1 span {
  color: #999999
}
.night .ceo-fl-icon a {
  background-color: var(--ceo-ahbg)
}
.night .ceo_cat_imgs_modeingfh {
  color: #999
}
.night .ceo-catnav-3 .ceo-fl-icon a {
  background-color: var(--ceo-ahbg)
}
.night .ceo-catnav-3 .content_cctr input {
  background: var(--ceo-ahbg)
}
.night .zhuanti {
  background: inherit
}
.night .beijing {
  background: inherit !important
}
.night .ceo_freepath_subtitle {
  background: var(--ceo-ahmk);
  border-bottom: 1px solid var(--ceo-ahbg)
}
.night .ceo-card-foot {
  border-top: 1px solid var(--ceo-ahbg)
}
.night .b-a {
  border: 1px solid #2220
}
.night .b-b {
  border-bottom: 1px solid var(--ceo-ahbg)
}
.night .b-t {
  border-top: 1px solid #222
}
.night a,
.ceo-link {
  color: #aaa
}
.night a:hover {
  color: #fff
}
.night .navbar {
  background: var(--ceo-ahmk)
}
.night .nav>ul>li>a {
  color: #aaa
}
.night .nav>ul>li>a:hover {
  color: var(--primary-color)
}
.night .nav>ul>li .sub-menu li a:hover {
  color: var(--primary-color)
}
.night .page-menu ul li {
  border-bottom: 1px solid var(--ceo-ahbg)
}
.night .page-menu .current-menu-item {
  background: #0e131a00
}
.night .nav>ul>li .sub-menu {
  background: #151a23;
  border-top: 1px solid #151a23
}
.night .nav>ul>li .sub-menu li a {
  color: #aaa
}
.night .user-info {
  background: var(--ceo-ahmk)
}
.night .user-info:before {
  background-image: -webkit-linear-gradient(46deg, var(--ceo-ahbg) 48%, #343434 91%);
  background-image: -o-linear-gradient(46deg, #b5dfff 48%, #f4faff 91%);
  background-image: linear-gradient(44deg, #343434 48%, var(--ceo-ahbg) 91%)
}
.night .user-info:after {
  background-image: -webkit-linear-gradient(47deg, var(--ceo-ahbg) 1%, #c4c4c4);
  background-image: -o-linear-gradient(47deg, #b5dfff 1%, #f4faff 100%);
  background-image: linear-gradient(43deg, var(--ceo-ahbg) 1%, #3e3e3e)
}
.night .header-info .avatar img {
  border: 3px solid #333
}
.night .user-info-menu {
  background-color: var(--ceo-ahbg) !important
}
.night .user-info h4 {
  color: #aaa
}
.night .side-author .avatar img {
  border: 4px solid var(--ceo-ahbg)
}
.night .ceo-background-muted {
  background-color: var(--ceo-ahbg)
}
.night .ceo-background-default {
  background-color: var(--ceo-ahmk)
}
.night .cat-switcher .ceo-active h3 {
  background: var(--ceo-ahmk);
  color: #6e98fb !important;
  border: 1px solid var(--ceo-ahmk)
}
.night .cat-switcher h3 {
  color: #999 !important;
  background: var(--ceo-ahmk);
  border: 1px solid var(--ceo-ahmk)
}
.night .ceo-cat-switcher h5 {
  color: #aaa
}
.night .user-info .vip-left,
.night .user-info .money-left {
  background: var(--ceo-ahbg)
}
.night .fastnav-item h3 a {
  color: #aaa
}
.night .fastnav-item i {
  color: #aaa
}
.night .fastlink-title {
  color: #aaa
}
.night .fastlink-icons i {
  background: var(--ceo-ahbg)
}
.night .sub-nav li {
  background: var(--ceo-ahmk);
  border: 1px solid var(--ceo-ahmk)
}
.night .ceo-phbf .ceo_title_only {
  background: var(--ceo-ahmk)
}
.night .yewu1-title h1 {
  color: #aaa
}
.night .yewu1 {
  background: #ffffff00 !important
}
.night .fastlink-list {
  border-left: 1px solid var(--ceo-ahbg)
}
.night .fastlink-list li::after {
  background: var(--ceo-ahmk);
  border: 1px solid var(--ceo-ahbg)
}
.night .cate-hot-content li a:hover {
  color: var(--primary-color)
}
.night .ceo_freepath_zhujiang a:hover {
  color: var(--primary-color)
}
.night .tags-item a {
  background: var(--ceo-ahbg);
  color: #999
}
.night .fastlink-icons-d a {
  background: var(--ceo-ahmk);
  color: #999
}
.night .ceo-alert-primary {
  background: var(--ceo-ahbg)
}
.night .ceo-lanmu-fenlei dt,
.night .ceo-flss dt {
  color: #aaa
}
.night .cat-switcher .ceo-active h3 {
  color: #aaa
}
.night .mob-nav .sub-menu {
  list-style: none
}
.night .card-item .title {
  color: #aaa
}
.night .item-foot .cat a {
  background: var(--ceo-ahbg);
  color: #999
}
.night .section-title h3 {
  color: #aaa
}
.night .blog-item-content h3 a {
  color: #aaa
}
.night .rank-item {
  border-bottom: 1px dashed var(--ceo-ahbg)
}
.night .ceo-phbf .tab-content .g_text a {
  color: #999
}
.night .cat-menu-num {
  color: #999;
  background: var(--ceo-ahbg)
}
.night .cat6-tags-item a {
  color: #fff
}
.night .ceo-cat6-ss .search button i {
  color: #fff
}
.night .rank-item:hover {
  background: var(--ceo-ahbg)
}
.night .rank-item-title a {
  color: #aaa
}
.night .topic-item h3 a {
  color: #aaa
}
.night .list-nav .current-cat a {
  color: var(--primary-color)
}
.night .list-nav .current-cat a {
  background: var(--ceo-ahbg)
}
.night .list-nav .current-cat-parent a,
.night .list-nav .current-cat-ancestor a {
  background: var(--ceo-ahbg)
}
.night .fenye .page-numbers {
  background: var(--ceo-ahmk);
  border: 0
}
.night .ceo_freepath_description {
  background: linear-gradient(rgb(19, 22, 23) 0%, rgb(19, 22, 23) 30%) !important
}
.night .fenye .current {
  background-color: #3385ff !important;
  background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff)) !important;
  background-image: -webkit-linear-gradient(left, #006eff, #13adff) !important;
  background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%) !important;
  background-image: linear-gradient(90deg, #006eff, #13adff) !important;
  -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3) !important;
  box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3) !important
}
.night .fenye .page-numbers:hover {
  background-color: #3385ff !important;
  background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff)) !important;
  background-image: -webkit-linear-gradient(left, #006eff, #13adff) !important;
  background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%) !important;
  background-image: linear-gradient(90deg, #006eff, #13adff) !important;
  -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3) !important;
  box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3) !important;
  border: 0;
  color: #aaa
}
.night .hot-tag a {
  color: #999
}
.night .single-content a {
  color: #aaa
}
.night .single-content pre {
  background: var(--ceo-ahbg);
  border: 1px solid var(--ceo-ahbg)
}
.night .ceo-text-fz {
  background: var(--ceo-ahbg);
  border: 1px solid var(--ceo-ahbg)
}
.night .comment-from textarea {
  background: var(--ceo-ahbg);
  border: 1px solid var(--ceo-ahbg)
}
.night .comment-from textarea:focus {
  background: var(--ceo-ahbg);
  border: 1px solid var(--ceo-ahbg)
}
.night .side-author-count {
  background-color: var(--ceo-ahmk) !important
}
.night .side-author-count ul li {}
.night .card-title-desc a {
  background: var(--ceo-ahmk)
}
.night .side-author-count .item {
  background-color: var(--ceo-ahbg)
}
.night .side-title {
  color: #aaa
}
.night .ceo-single-foorelevant {
  background: #161a23
}
.night .ceo_follow_service_box {
  background: var(--ceo-ahmk)
}
.night .ceo-single-foorelevant-box .foorelevant-box-a {
  color: #aaa
}
.night .ceo-single-foorelevant-box-nav a {
  color: #8f8f8f
}
.night .side-author-latest ul li a {
  color: #999
}
.night .side-author-latest ul li a:hover {
  color: var(--primary-color)
}
.night .ceo-sidebar-article-c a:hover {
  color: var(--primary-color)
}
.night .ceo-qa-problems_each_t a:hover {
  color: var(--primary-color)
}
.night .card-title-desc a:hover {
  color: var(--primary-color)
}
.night .side-author-latest ul li span {
  color: #6b6b6b
}
.night .helper h5 {
  color: #aaa
}
.night .single-head h1 {
  color: #aaa
}
.night .single-content h3 {
  color: #aaa
}
.night .single-content h3:before {
  border-bottom: 2px dashed var(--ceo-ahbg)
}
.night .single-content li {
  border-bottom: 1px dashed var(--ceo-ahbg)
}
.night .ceo-modal-dialog {
  background-color: var(--ceo-ahbg)
}
.night .ceo-modal-dialog h3 {
  color: #aaa
}
.night .search input {
  background-color: var(--ceo-ahbg)
}
.night .search input:focus {
  background: var(--ceo-ahbg)
}
.night .search i {
  color: #aaa
}
.night input:focus {
  background: var(--ceo-ahbg) !important
}
.night .ceo-input,
.night .ceo-select,
.night .ceo-textarea {
  background: var(--ceo-ahbg);
  border: 1px solid var(--ceo-ahbg)
}
.night .hot-tag a:hover {
  color: #aaa
}
.night .page-tags-item .name {
  color: #aaa
}
.night::-webkit-scrollbar {
  width: 10px;
  height: 4px;
  background-color: #000
}
.night::-webkit-scrollbar-track {
  background-color: #000
}
.night::-webkit-scrollbar-thumb {
  background-color: var(--ceo-ahbg);
  border-radius: 10px
}
.night .tags-item a:nth-child(3) {
  box-shadow: none
}
.tags-item a:hover {
  box-shadow: none
}
.night .comment-main {
  border-top: 1px solid var(--ceo-ahbg)
}
.night .aui-scrollView {
  background: var(--ceo-ahmk);
  border-top: 1px solid var(--ceo-ahbg)
}
.night .aui-footer {
  background: var(--ceo-ahbg)
}
.night .comment-list .children .comment {
  border-left: 6px solid var(--ceo-ahbg) !important
}
.night .single-nav li span {
  color: #aaa
}
.night .single-nav li a {
  color: #aaa
}
.night .new-comment::-webkit-scrollbar {
  width: 10px;
  height: 4px;
  background-color: var(--ceo-ahbg)
}
.night .new-comment::-webkit-scrollbar-track {
  background-color: var(--ceo-ahbg)
}
.night .new-comment::-webkit-scrollbar-thumb {
  background-color: #000;
  border-radius: 10px
}
.night .section-title {
  color: #aaa
}
.night .cat-switcher .ceo-active h3 a {
  color: var(--primary-color)
}
.night .cat-switcher h3 a {
  color: #aaa
}
.night .sitenav li b {
  border-right: 1px solid #222;
  color: #aaa
}
.night .sitenav li a {
  background: transparent;
  color: #aaa
}
.night .sitenav li i {
  color: #aaa
}
.night .site-item {
  box-shadow: 0 10px 20px -10px rgb(0, 0, 0)
}
.night .site-item .site-item-tag a {
  background: var(--ceo-ahbg)
}
.night .site-item .site-item-tag a:hover {
  box-shadow: -3px 2px 10px -2px #000
}
.night .login-l {
  border-right: 1px solid var(--ceo-ahbg)
}
.night .login-l h2 {
  color: #aaa
}
.night .ceo_portal_block_summary,
.night .yuvip_serve_father,
.night .ceo_vip_ping {
  background: var(--ceo-ahmk)
}
.night .ceo_vip_txtop h1 {
  color: #999
}
.night .yuvip_title {
  color: #999
}
.night .ceo_youshi_box ul li h5 {
  color: #999
}
.night .yuvip_buy {
  background: var(--ceo-ahmk)
}
.night .yuvip_buy li,
.night .yuvip_serve ul li div {
  background: var(--ceo-ahbg)
}
.night .yuvip_buy li .con .price {
  color: #999
}
.night .yuvip_buy li .con .yuvip_bold,
.night .yuvip_buy li .con .yuvip_light,
.night .yuvip_buy li .con .price span {
  color: #999
}
.night .yuvip_buy li .con .yuvip_light>span {
  color: #ff5f33
}
.night .ceo_vip_ping li {
  background: var(--ceo-ahbg);
  border: 1px solid var(--ceo-ahbg)
}
.night .ceo-sidebar-shop .ceo-sidebar-shop-WP {
  border-top: 1px solid var(--ceo-ahbg)
}
.night .ceo-sidebar-shop-copyright .chose {
  border-bottom: 1px solid var(--ceo-ahbg)
}
.night .ceo-sidebar-shop li .ceo-sidebar-shop-title,
.ceo-sidebar-shop-copyright li .m-l2 {
  color: #838383
}
.s-res h4 {
  color: #aaa
}
.night .buyopa {
  background: var(--ceo-ahmk)
}
.night .mother {
  border-top: 1px dashed var(--ceo-ahbg);
  background: var(--ceo-ahmk);
  color: #666
}
.night .mother span em {
  background: var(--ceo-ahbg)
}
.night .buyopa .hont {
  color: #666
}
.night .buyopa .ceo-shop3-demo a {
  background: var(--ceo-ahmk) !important
}
.night .pricelt {
  background: #151a23
}
.night .ceo-shop3-vip .stag_tp {
  border: solid 1px var(--ceo-ahbg)
}
.night .ceo-shop4-top .deankcinfos {
  background-color: var(--ceo-ahmk)
}
.night .ceo-shop4 .shop4_tp {
  border: solid 1px #232323
}
.night .ceo-shop4-top .ceo-shop4-bh {
  color: #aaa;
  background: var(--ceo-ahbg)
}
.night .ceo-shop4-top .ceo-shop4-gx {
  color: #aaa;
  background: var(--ceo-ahbg)
}
.night .ceo-shop4-top .deankcinfos {
  margin-top: 11px;
  border-bottom: 1px dashed var(--ceo-ahbg)
}
.night .ceo-shop4 .mother .hont {
  color: #aaa
}
.night .ceo-tese-remen,
.night .ceo-tese-dujia,
.night .ceo-tese-zuixin,
.night .ceo-tese-tuijian,
.night .ceo-tese-jingpin {
  background: #161a23
}
.night .ceo_freepath_zhujiang a {
  color: #bdbdbd
}
.night .ceo-category-article:hover {
  background-color: #0e0e0e
}
.night .home_cms4 {
  background: #0e0e0e
}
.night .home_cms4_k {
  background: var(--ceo-ahmk)
}
.night .home_cms4_mk .home_cms4_mk_title {
  border-bottom: 1px solid #1b1b1b
}
.night .home_cms4_mk .home_cms4_mk_i i {
  color: #484848
}
.night .home_cms4_mk .home_cms4_mk_tag a {
  background: var(--ceo-ahbg)
}
.night .home_cms5_title span {
  color: #666
}
.night .home_cms5_link li a {
  background: var(--ceo-ahmk)
}
.night .ceo_category_software ul li {
  background: var(--ceo-ahmk)
}
.night .ceo_category_software_inner h5 a {
  color: #aaa
}
.night .ceo_category_software_film_dl a {
  background: var(--ceo-ahbg)
}
.night .slide_6_tjmk {
  background: #0e0e0e
}
.night .slide_6_link ul li a {
  border: 1px solid #1b1b1b
}
.night .slide_6_d .mini-stats {
  background-color: var(--ceo-ahbg)
}
.night .slide_6_d_m .mini-stats-desc {
  box-shadow: initial;
  background-color: var(--ceo-ahmk) !important
}
.night .slide_6_d .mini-stats {
  box-shadow: initial
}
.night .slide_6_d_right span {
  background-color: var(--ceo-ahmk);
  color: #676767 !important
}
.night .ceo_filter_item span {
  color: #aaa
}
.night .ceo_filter_item a.on {
  background: var(--ceo-ahbg)
}
.night .cat-item-dt {
  color: #aaa !important
}
.night .ceo-sidebar-shop-copyright li .m-r2 em {
  background: var(--ceo-ahbg)
}
.night .ceo-user-y li a {
  color: #aaa
}
.night .ceo-ziyuan-bk {
  border: 1px solid var(--ceo-ahmk);
  background: var(--ceo-ahmk)
}
.night .ceo-ziyuan-bk .ceo-ziyuan-bk-title {
  background: var(--ceo-ahmk);
  border-bottom: 1px solid var(--ceo-ahmk)
}
.night .ceo-login-title em {
  border-bottom: 1px solid rgb(7 7 7)
}
.night .single-content .gallery-login span {
  background: var(--ceo-ahbg)
}
.night .ceo-cat-blog p {
  color: #565656;
  font-size: 13px
}
.night .home-modal-main {
  background: var(--ceo-ahbg);
  box-shadow: 0 0 black
}
.night .home-modal-bottom ul li:nth-child(1) {
  background: var(--ceo-ahmk)
}
.night .home-modal-bottom ul li:nth-child(2) {
  background: var(--ceo-ahmk)
}
.night .home-modal-close {
  color: var(--ceo-ahbg)
}
.night .home-modal-close {
  background: var(--ceo-ahmk);
  color: #aaa
}
.night #home-modal .ceo-modal-dialog {
  background-color: #1110
}
.night #header-search .ceo-modal-dialog {
  background-color: #1110
}
.night .ceo-case-desc {
  background-color: var(--ceo-ahmk) !important;
  color: #aaa
}
.night .theme-title {
  color: #aaa
}
.night .side-author-count ul li p {
  color: #aaa
}
.night .ceo_follow_service_consult_cont_top {
  background: var(--ceo-ahmk);
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid var(--ceo-ahmk)
}
.night .ceo_follow_service_check_site {
  border-top: 1px solid var(--ceo-ahmk)
}
.night .ceo_follow_service_ax_cont {
  border: 1px solid var(--ceo-ahmk);
  background: var(--ceo-ahmk);
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1)
}
.night .ceo_follow_service_phone,
.night .ceo_follow_service_qrimg,
.night .ceo_follow_service_ax_cont {
  color: #aaa
}
.night .site-title span {
  color: #aaa
}
.night .site-switcher-main .b-a {
  border: 1px solid var(--border-color) !important
}
.night .site-item-go i {
  color: #aaa
}
.night .site-content li {
  border-bottom: 0px solid var(--ceo-ahmk);
  color: #aaa
}
.night .ceo_t_home_mk_btn {
  background: var(--ceo-ahmk)
}
.night .ceo_t_home_mk_a {
  box-shadow: 0px 10px 30px -10px var(--ceo-ahbg)
}
.night .ceo-qqqun-bg {
  background: var(--ceo-ahmk)
}
.night .ceo-qqqun .ceo-qqqun-lb {
  border: 1px solid var(--ceo-ahbg)
}
.night .web-yw-box-con-li {
  background: var(--ceo-ahbg)
}
.night .web-yw-box-con-li p {
  color: #aaa
}
.night .ceo-pages-web-qa-box-each {
  background: var(--ceo-ahbg)
}
.night .ceo-pages-web-qa-box-t p {
  color: #aaa
}
.night .ceo-pages-web-qa-box-t {
  border-bottom: 1px dashed #3e3e3e
}
.night .web-gz-box-title {
  color: #aaa
}
.night .ceo-pages-web-qatitle {
  color: #aaa
}
.night .web-yw-box-title {
  color: #aaa
}
.night .web-gzbox-yw-item-bottom li {
  color: #999
}
.night .ceo-pages-web-bg-max a {
  color: #487bf0
}
.night .ceo-pages-web-bg {
  background-color: var(--ceo-ahmk)
}
.night .ceo-sidebar-shop6-down {
  box-shadow: 0 10px 16px 0 var(--ceo-ahmk)
}
.night .ceo-shop6-sidebar-xxbox {
  background: var(--ceo-ahbg)
}
.night .ceo_follow_service_triangle:after {
  border-left: 10px solid var(--ceo-ahmk) !important
}
.night .ceo_follow_service_triangle {
  border-left: 11px solid var(--ceo-ahmk) !important
}
.night .ceo-cat7-ss .search .ceo-input {
  border: 1px solid #fff
}
.night .ceo_shop6_page_imges a {
  border: 1px solid var(--ceo-ahbg)
}
.night .ceo-cat7-ss .search button i {
  color: #fff
}
.night .ceo_sidebar_web .content_ccmrm p:first-child {
  color: #aaa
}
.night .cate-hot-content li a {
  color: #999
}
.night .cate-hot-content span {
  color: #999
}
.night .yuvip_serve ul li p {
  color: #aaa
}
.night .ceo_follow_service_qr_cont {
  background: var(--ceo-ahmk);
  border: 1px solid var(--ceo-ahmk);
  background-color: var(--ceo-ahmk);
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1)
}
.night .ceo_follow_service_qr_cont>.ceo_follow_service_qrtext {
  height: 36px;
  color: #7b89a6 !important;
  background-color: var(--ceo-ahbg)
}
.night .ceo_follow_service_qr_cont {
  background: var(--ceo-ahmk)
}
.night .ceo_follow_service_triangle:after {
  border-left: 10px solid var(--ceo-ahmk);
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1)
}
.night .ceo_follow_service_consult_cont {
  background: var(--ceo-ahmk);
  border: 1px solid var(--ceo-ahmk);
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1)
}
.night .ceo_follow_service_consult_cont {
  border: 1px solid var(--ceo-ahmk)
}
.night .site-classification-box h3 {
  color: #aaa
}
.night .site-item a:hover {
  color: #fff
}
.night .aui-palace-grid-text h2 {
  color: #aaa
}
.night .ceo-loop-edu-text {
  background: -moz-linear-gradient(top, rgb(25 31 40 / 88%) 0%, var(--ceo-ahmk) 30%);
  background: -webkit-linear-gradient(top, rgb(25 31 40 / 88%) 0%, var(--ceo-ahmk) 30%);
  background: linear-gradient(to bottom, rgb(25 31 40 / 88%) 0%, var(--ceo-ahmk) 30%)
}
.night .ceo-loop-edu-text-title a {
  color: #aaa
}
.night .ceo-loop-edu-text-subtitle {
  border-bottom: 1px solid var(--ceo-ahbg)
}
.night .ceo-loop-edu-text-desc p {
  color: #888
}
.night .yuvip_serve ul li div:hover {
  border: 1px solid var(--ceo-ahbg);
  box-shadow: 0 2px 5px 2px var(--ceo-ahbg)
}
.night .user-info .money-left {
  color: #aaa
}
.night .user-info .vip-left {
  color: #aaa
}
.night .user-down {
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1)
}
.night .lang-style .dropdown-menu {
  background: #191f28;
  border: 1px solid #0e131a
}
.night .dropdown-menu>li>a {
  color: #aaa
}
.night .dropdown-menu>li>a:hover {
  color: var(--primary-color)
}
.night .cloud-bubble-link a:hover {
  color: var(--primary-color) !important
}
.night .crumb {
  color: #666
}
.night .crumb a {
  color: #666
}
.night .ceo-crumb-tg a {
  color: #666 !important
}
.night .ceo-help-box-s {
  box-shadow: 0 0px 0 0 #9E9E9E
}
.night .search-navbar .b-a {
  border: 1px solid var(--ceo-ahbg)
}
.night .ceo-poster-btns a:hover {
  color: var(--primary-color)
}
.night .app_shop_an {
  background: var(--ceo-ahmk)
}
.night .ceo_app_shop .app_mother {
  background: var(--ceo-ahmk);
  border-top: 1px dashed var(--ceo-ahbg)
}
.night .app_shop_jg {
  background: #151a23
}
.night .app_shop_an .hont {
  color: #666
}
.night .app_shop_vip {
  background: var(--ceo-ahbg)
}
.night .single-card {
  background: var(--ceo-ahbg)
}
.night .ceo-resetpass h3 {
  color: #aaa
}
.night .ceo-resetpasssteps li {
  background-color: var(--ceo-ahbg);
  color: #aaa
}
.night .ceo-weixin-author .wximg img {
  border: 1px solid var(--ceo-ahbg);
}
.night .question-box-tab {
  border-bottom: 1px solid var(--ceo-ahbg)
}
.night .question-box-list .question-box-list-loop {
  border-bottom: 1px solid var(--ceo-ahbg)
}
.night .statistics-box-d {
  border-top: 1px solid var(--ceo-ahbg)
}
.night .question-new-box-item {
  border-bottom: 1px solid var(--ceo-ahbg)
}
.night .ceo-sidebar-question-title {
  color: #aaa
}
.night .question-box-cat a {
  background-color: var(--ceo-ahbg);
  color: #aaa
}
.night .question-box-list-loop a.quantity {
  color: #aaa;
  background: var(--ceo-ahbg)
}
.night .ceo-question-money {
  background-color: var(--ceo-ahbg)
}
.night .question-money-v {
  background-color: var(--ceo-ahmk)
}
.night .question-text-small {
  color: #aaa
}
.night .ceo-question-span {
  color: #aaa
}
.night .ceo-question-tips {
  color: #aaa;
  background: var(--ceo-ahbg)
}
.night .ceo-question-money .ceo-question-money-input {
  background: var(--ceo-ahmk);
  border: 1px solid var(--ceo-ahmk)
}
.night #modal-reward .ceo-modal-dialog span {
  color: #aaa
}
.night .statistics-box-c span {
  color: #aaa
}
.night .single-question-xq {
  border-bottom: 1px solid var(--ceo-ahbg)
}
.night .ceo-cop-text {
  background: var(--ceo-ahbg);
  color: #aaa
}
.night .ceo-comment-wu {
  background-color: var(--ceo-ahbg)
}
.night .single-question-xq span {
  color: #aaa
}
.night .single-question-head .ceo-info-y span {
  color: #aaa
}
.night .reward {
  color: #8590a6
}
.night .ceo-forum-statistics .ceo-forum-z span {
  color: #aaa
}
.night .forum-box-cat a {
  background-color: var(--ceo-ahbg);
  color: #aaa
}
.night .forum-box-cat a h2 {
  color: #aaa
}
.night .ceo-sidebar-forum-title {
  color: #aaa
}
.night .forum-new-box-item {
  border-bottom: 1px solid var(--ceo-ahbg)
}
.night .ceo-forum-catx {
  color: #aaa
}
.night .ceo-forum-catx h2 {
  color: #aaa
}
.night .ceo-forum-catx .ceo-forum-catxy .return {
  border: 1px solid var(--ceo-ahbg);
  box-shadow: 0px 3px 9px 0px rgb(0 0 0 / 46%)
}
.night .forum-box-tab {
  border-bottom: 1px solid var(--ceo-ahbg)
}
.night .forum-box-list .forum-box-list-loop {
  border-bottom: 1px solid var(--ceo-ahbg)
}
.night .comment-content p {
  background-color: var(--ceo-ahbg);
  color: #aaa
}
.night .single-forum-xq span {
  color: #aaa
}
.night .single-forum-xq {
  border-bottom: 1px solid var(--ceo-ahbg)
}
.night .single-forum-head .ceo-info-y span {
  color: #aaa
}
.night .forum-text-small {
  color: #aaa
}
.night .forum-box-content-mk .ceo-form .return {
  border: 1px solid var(--ceo-ahbg);
  box-shadow: 0px 3px 9px 0px rgb(0 0 0 / 46%)
}
.night .user-title-top h2 {
  color: #aaa
}
.night .user-data li a {
  color: #aaa
}
.night .user-set .utitle {
  color: #aaa
}
.night .user-binding .box .item {
  border: 1px solid var(--ceo-ahbg);
  box-shadow: 0px 3px 9px 0px rgb(0 0 0 / 46%)
}
.night .user-binding .box .item .title {
  color: #aaa
}
.night .sitesubmit-dosc {
  color: #aaa;
  background: var(--ceo-ahbg)
}
.night .messages-item-title h4 {
  color: #aaa
}
.night .messages-item-text {
  color: #aaa;
  background-color: var(--ceo-ahbg)
}
.night .ceo-profile .follow-item .follow-item-text .follow-item-name a {
  color: #aaa
}
.night .ceo-profile .profile-tab-item {
  color: #aaa;
  border: 1px solid var(--ceo-ahbg)
}
.night .user-side .ajax-item {
  border-bottom: 1px solid var(--ceo-ahbg)
}
.night .post-form .pf-item-label label {
  color: #aaa
}
.night .tougao-item-title {
  color: #aaa
}
.night .ceo-tougao-shux h4 {
  color: #aaa !important
}
.night .single-content p {
  color: #aaa
}
.night .ceo-bindemail-title h4 {
  color: #aaa
}
.night .bindemail-verify-code {
  background: var(--ceo-ahmk);
  color: #aaa
}
.night .single-question-bestanswer {
  background: var(--ceo-ahbg)
}
.night .ceo-cat-password label {
  color: #aaa
}
.night .csf-field+.csf-field {
  border-top: 1px solid #ffffff00
}
.night .ceo-sxbtn {
  color: #fff !important;
  border: 1px solid #666;
  background: #666
}
.night .nav>ul>li .sub-menu li.current-menu-item .sub-menu .menu-item a {
  color: #aaa !important;
}
.night .nav>ul>li .sub-menu li.current-menu-item .sub-menu .menu-item a:hover {
  color: var(--primary-color) !important;
}
.night .sidebar-shop-box:before {
  background-image: -webkit-linear-gradient(46deg, var(--ceo-ahbg) 48%, #343434 91%);
  background-image: -o-linear-gradient(46deg, #b5dfff 48%, #f4faff 91%);
  background-image: linear-gradient(44deg, #343434 48%, var(--ceo-ahbg) 91%);
}
.night .sidebar-shop-box:after {
  background-image: -webkit-linear-gradient(47deg, var(--ceo-ahbg) 1%, #c4c4c4);
  background-image: -o-linear-gradient(47deg, #b5dfff 1%, #f4faff 100%);
  background-image: linear-gradient(43deg, var(--ceo-ahbg) 1%, #3e3e3e);
}
.night .cusomPic img {
  border: 5px solid var(--ceo-ahbg);
}
.night .ceo-author-countbox .item span {
  color: #aaa;
}
.night .ceo-author-countbox {
  box-shadow: 0 2px 3px var(--ceo-ahbg);
}
.night .author-menu li a {
  color: #aaa;
}
.night .author-menu li a:hover {
  color: var(--primary-color);
}
.night .slide_6_search .searchbox .search_input {
  background: var(--ceo-ahbg);
}
.night .slide_6_search .searchbox .tag a {
  background: var(--ceo-ahmk);
}
.night .ceo-cat-vip {
  background: var(--ceo-ahmk);
}
.night .ceo-cat-vip span {
  color: #aaa;
}
.night .ceo-cat-vip p {
  color: #aaa;
}
.night .ceo-app-footer {
  background: var(--ceo-ahmk);
  border-top: 1px solid var(--ceo-ahmk) !important;
}
.night .ceo-app-footer a .text {
  color: #aaa;
}
.night .ceo-app-footer a .icon i {
  color: #aaa;
}
.night .mob-nav>ul>li a {
  color: #aaa;
  border: 1px solid var(--ceo-ahbg);
  background: var(--ceo-ahbg);
}
.night .ceo-login-title span {
  color: #aaa;
}
.night .go-captcha_mobile {
  border: 1px solid var(--ceo-ahbg) !important;
  background: var(--ceo-ahbg);
  color: #aaa;
}
.night .ceo-button-default:hover,
.night .ceo-button-default:focus {
  background-color: var(--ceo-ahbg);
  color: #fff;
}
.night .ceo-navbar-login .ycontent .ceo-login-other:before,
.night .ceo-navbar-login .ycontent .ceo-login-other:after {
  border-bottom: 1px solid var(--ceo-ahbg);
}
.night .ceo-navbar-login .ceo-login-bottom {
  color: #717d94;
  background: #242c38;
}
/*===========================暗黑结束=================================*/

/*
* ------------------------------------------------------------------------------
* 浏览器滑动条
* ------------------------------------------------------------------------------
*/
/*全局*/
::-webkit-scrollbar {
  width: 10px;
  height: 4px;
  background-color: #fff
}
::-webkit-scrollbar-track {
  background-color: #fff
}
::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 10px
}
.night::-webkit-scrollbar-track {
  background-color: #191f28
}
/*导航*/
.night .ceo-mobnav-box::-webkit-scrollbar-track {
  background-color: var(--ceo-ahmk);
}
.night .ceo-mobnav-box::-webkit-scrollbar-thumb {
  background-color: var(--ceo-ahbg);
}
.night .ceo-mobnav-box::-webkit-scrollbar {
  width: 4px;
}
/*
* ------------------------------------------------------------------------------
* 手机优化开始
* ------------------------------------------------------------------------------
*/
/*手机缩略图自适应*/
@media screen and (max-width:800px) {
  .card-item .cover {
    height: 100% !important
  }
}
/*手机缩略图自适应*/
@media (min-width:801px) {
  .ceo_app_shop {
    display: none
  }
  .ceo-display-none {
    display: none
  }
}
@media screen and (max-width:1439px) {
  .wp {
    width: 955px;
  }
}
@media screen and (max-width:800px) {
  .wp {
    width: 100%;
  }
  .ceo-catnav-3 {
    margin: 0 15px 30px 15px
  }
  .ceo-music-cat-title .title {
    min-height: 17px !important;
    height: 17px !important
  }
  .ceo-cat-sucai-title .title {
    padding: 5px !important;
    font-size: 12px !important;
    min-height: 18px !important;
    height: 18px !important
  }
  .ceo-loop-edu-text-title a {
    font-size: 12px !important
  }
  .ceo-cat-sucai span {
    display: none !important
  }
  .ceo-tops {
    font-size: 12px !important
  }
  .ceo_cat_imgs_modeingfh {
    padding-right: 36px
  }
  .ceo-checkqq-box-img {
    width: 50px;
    height: 50px
  }
  .ceo-tag-page h1 {
    font-size: 16px
  }
  .ceo-tag-page p {
    font-size: 12px
  }
  .ceo-checkqq-box-img img {
    width: 50px;
    height: 50px
  }
  .ceo-checkqq-box-title-an {
    width: 100%;
    padding: initial
  }
  .ceo-logo::before {
    width: 118px !important
  }
  .ceo-kefu-img,
  .ceo-kefu-bot {
    display: none !important
  }
  .ceo-logo {
    line-height: 20px !important;
    height: 38px
  }
  .logo img {
    height: 35px;
    margin-right: 0px !important;
  }
  .ceo-tanchuang-gg-an {
    padding: 6px 12px !important;
    font-size: 12px
  }
  .ceo-tanchuang-gg p {
    font-size: 0.675rem
  }
  .header-btn-search-s {
    font-size: 12px;
    padding: 6px 12px
  }
  .ceo-login-title em {
    width: 5px
  }
  .ceo-login-qq a {
    width: 45px;
    height: 45px;
    line-height: 45px
  }
  .ceo-login-h h3 {
    font-size: 20px
  }
  .ceo-text-small {
    font-size: 0.675rem
  }
  .app_shop_an .ceo-shop3-demo {
    height: 40px;
    line-height: 40px
  }
  .ceo-loop-edu-text-pay {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 10px !important
  }
  .ceo-loop-edu-text-desc {
    margin: 5px 0 5px 0 !important;
    padding-left: 10px !important;
    padding-right: 10px !important
  }
  .ceo-loop-edu-text-subtitle {
    margin: 10px 0 0 0 !important;
    padding-bottom: 10px !important;
    padding-left: 10px !important;
    padding-right: 10px !important
  }
  .ceo-loop-edu-text-title {
    margin-bottom: 10px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 10px !important
  }
  .ceo-loop-edu:hover .ceo-loop-edu-text-desc {
    height: 40px !important
  }
  .ceo-card-foot {
    padding: 10px
  }
  .social-login i {
    font-size: 20px
  }
  .home-modal-main {
    margin: 50px auto 0 auto;
    width: 88%
  }
  .ceo_app_img {}
  .header-info .icon-category {
    margin-right: 12px !important
  }
  .ceo_youshi_box ul li h5 {
    height: 20px;
    line-height: 20px;
    font-size: 15px
  }
  .ceo_youshi_box ul li p {
    height: 20px;
    line-height: 20px;
    font-size: 12px
  }
  .ceo_app_img img {
    height: auto !important
  }
  .author-head {
    height: 100%
  }
  .ceo-cardvideo-loop {
    height: 92px !important
  }
  .ceo_header_nav {
    padding: 0 10px
  }
  .ceo-cat-switcher-z {
    margin: 5px 3px !important
  }
  .single-nav {
    display: none
  }
  .ceo-checkqq-top {
    height: 120px
  }
  .ceo-checkqq-top img {
    height: 120px
  }
  .ceo-checkqq button {
    width: initial
  }
  .ceo_biaoqian {
    display: none
  }
  .ceo-catnav-3 .ceo-lanmu-juli {
    margin-left: 7px !important
  }
  .ceo-logo-shou .ceo-logo:hover .fimg {
    display: none !important
  }
  .ceo-logo-shou .fimg {
    display: none !important
  }
  .header_3_nav .logo:hover .fimg {
    display: none !important
  }
  .ceo-footer-h {
    display: none
  }
  .ceo-navbar-s {
    margin-right: 10px !important
  }
  .ceo-dns h3 {
    margin-left: 16px
  }
  .ceo-home-card-top {
    margin-top: 6px !important
  }
  .ceo-home-catshow-top {
    margin-top: 6px !important
  }
  .ceo-single-foos {
    padding: 11px !important
  }
  .ceo-catshow-h h3 {
    font-size: 18px
  }
  .ceo-home-card h3 {
    font-size: 18px
  }
  .ceo-icon-index {
    margin-right: 3px !important;
    font-size: 26px !important;
    transform: translateY(0px) !important
  }
  .ceo-switcher-top {
    margin-top: 20px !important
  }
  .ceo-dns .ceo-web-list {
    margin-left: 16px
  }
  .ceo-dns-contact {
    margin-right: 16px
  }
  .ceo-catnav-3 ul {
    padding: 0px 8px
  }
  .section-more .btn {
    padding: 5px 36px;
    font-size: 12px
  }
  .section-more .btn i {
    font-size: 12px
  }
  .ceo-cat-switcher em {
    margin: 10px auto
  }
  .ceo-cat-switcher h5 {
    font-size: 13px;
    margin: 0
  }
  .cat-switcher .ceo-active h3 {
    line-height: 23px;
    padding: 0 6px;
    font-size: 12px
  }
  .cat-switcher h3 {
    line-height: 23px;
    padding: 0 6px;
    font-size: 12px
  }
  .meta-vip-tag {
    display: none !important
  }
  .rank {
    display: none
  }
  .ceo-app-shop2-bt {
    display: none
  }
  .single-warp {
    padding: 20px
  }
  .ceo-panding-s {
    padding: 20px
  }
  .comments-title {
    padding: 20px
  }
  .comment-list {
    padding: 20px
  }
  .ceo-video-logo {
    left: 8px !important;
    top: 8px !important;
    max-width: 80px !important
  }
  .ceo_app_shop {
    display: inherit
  }
  .ceo-shop4-zl {
    display: none
  }
  .ceo-shop3-zl {
    display: none
  }
  .ceo-shop1-zl {
    display: none
  }
  .single-nav li {
    margin-right: 6px !important
  }
  .single-nav .current {
    border-bottom: 2px solid var(--primary-color)
  }
  .single-nav li span {
    padding-bottom: 6px;
    display: block;
    font-size: 12px;
    color: #333
  }
  .single-nav li a {
    display: block;
    font-size: 12px;
    color: #333
  }
  .single-nav .consulting {
    width: 63px !important;
    height: 23px !important;
    line-height: 23px !important;
    font-size: 12px !important;
    margin-right: 0px !important
  }
  .single-nav .consulting a {
    font-size: 12px !important;
    color: #0274ff !important
  }
  .ceo-grid-medium,
  .ceo-grid-column-medium {
    margin-left: -8px
  }
  .ceo-grid-medium>*,
  .ceo-grid-column-medium>* {
    padding-left: 8px
  }
  .ceo-grid+.ceo-grid-medium,
  .ceo-grid+.ceo-grid-row-medium,
  .ceo-grid-medium>.ceo-grid-margin,
  .ceo-grid-row-medium>.ceo-grid-margin,
  *+.ceo-grid-margin-medium {
    margin-top: 8px
  }
  .ceo-ycd {
    display: none !important
  }
  .ceo-shouji-pass,
  .cloud-banner {
    display: none
  }
  .ceo-cat-4-h3 {
    top: -120px
  }
  .ceo-web-nav {
    top: -120px
  }
  .ceo-cat-4-p {
    display: none
  }
  .ceo-padding-left-30 {
    padding-left: 0
  }
  .ceo-side-lie-y {
    display: none
  }
  .ceo-side-lie-z {
    width: 100% !important
  }
  .ceo-topnav {
    display: none !important
  }
  .ceo-nav2-em,
  .ceo-navs,
  .ceo_nav_focus,
  .ceo_nav2_ssk,
  .nav_2 {
    display: none !important
  }
  .ceo-navbar-2 {
    height: auto
  }
  .cat-bg {
    height: 160px
  }
  .ceo-cat-category img {
    height: 160px !important
  }
  .ceo-qa .ceo-qa-problems_each {
    width: 100% !important;
    margin: 0px 0px 10px 0px !important;
    padding-left: 0 !important
  }
  .ceo-qa .ceo-qa-problems_each_t a {
    font-size: 13px !important
  }
  .card-item .title {
    padding: 10px 10px 0px 10px;
    font-size: 12px;
    min-height: 38px;
    height: 38px
  }
  .ceo_freepath_subtitle {
    padding: 10px
  }
  .slide_6_search,
  .slide_6_mk {
    display: none
  }
  .ceo-web-info li {
    padding: 0px 6px 0px 6px !important
  }
  .ceo-category-article .ceo-cat-demo {
    display: none !important
  }
  .ceo-category-article .ceo-text-small {
    font-size: 0.675rem !important
  }
  .ceo-cat-side .ceo-text-small {
    font-size: 0.675rem !important
  }
  .ceo-cat-side .ceo-cat-demo {
    display: none !important
  }
  .ceo-cat-blog .ceo-text-small {
    font-size: 0.675rem !important
  }
  .ceo-cat-blog .ceo-cat-demo {
    display: none !important
  }
  .ceo_app_shop .ceo-tese-remen,
  .ceo_app_shop .ceo-tese-dujia,
  .ceo_app_shop .ceo-tese-zuixin,
  .ceo_app_shop .ceo-tese-tuijian,
  .ceo_app_shop .ceo-tese-jingpin {
    height: 20px !important;
    line-height: 20px !important;
    padding-left: 25px !important;
    padding-right: 8px !important
  }
  .ceo_app_shop .ceo-tese-remen span,
  .ceo_app_shop .ceo-tese-dujia span,
  .ceo_app_shop .ceo-tese-zuixin span,
  .ceo_app_shop .ceo-tese-tuijian span,
  .ceo_app_shop .ceo-tese-jingpin span {
    width: 16px;
    height: 16px;
    line-height: 16px;
    top: 2px;
    font-size: 12px
  }
  .app_shop_mk .app_shop_title_h1 {
    line-height: 1.8
  }
  .audio-left img {
    width: 50px !important;
    height: 50px !important
  }
  .cover-bg {
    width: 100px !important;
    height: 100px !important
  }
  .poster-footer {
    margin-bottom: 6px !important
  }
  .poster-footer a {
    margin-right: 4px !important;
    font-size: 12px !important
  }
  .audio-right {
    margin: 0px 0px 0px 20px !important
  }
  .audio-right h1 {
    font-size: 15px !important;
    font-weight: bold !important;
    margin-top: 0px !important
  }
  .ceo-music-cat .audio-pan .play-pan {
    padding: 10px 43px !important;
    margin-top: -37% !important;
    top: 21px !important
  }
  .ceo-music-cat .audio-pan .play-icon {
    top: 31px !important;
    padding: 10px 71px !important
  }
  .ceo-music-cat .audio-pan .play-dot {
    right: 20px !important
  }
  .ceo-music-cat .audio-pan .play-zhen {
    right: 32px !important
  }
  .ceo-qqqun .ceo-qqqun-lb a {
    padding: 4px 8px !important;
    font-size: 12px !important
  }
  .ceo-qqqun-bg {
    padding: 10px !important
  }
  .ceo-padding-app {
    padding: 10px !important
  }
  #ceoxiangguan .post-has-video span {
    display: none !important
  }
  .app_shop_an a {
    height: 40px;
    line-height: 40px;
    font-size: 15px
  }
  .user-down {
    margin-right: 10px !important
  }
  .slide .slide-ul {
    height: 167px !important
  }
  .slide .slide-ul img {
    min-width: 100% !important;
    max-width: none !important
  }
  .slide .slide-item {
    height: 167px !important
  }
  .slide_05 .slide-ul {
    height: 167px !important
  }
  .slide_05 .slide-ul img {
    min-width: 100% !important;
    max-width: none !important
  }
  .slide_05 .slide-item {
    height: 167px !important
  }
  .l_slide {
    height: 167px !important;
    width: 100% !important;
    padding-right: 0 !important
  }
  .blog-item {
    height: auto
  }
  .rank-menu {
    width: 100%
  }
  .rank-item-cat {
    padding: 0
  }
  .rank-item-cover {
    width: 100%
  }
  .topic-item .topic-item-cover {
    width: 100%;
    max-width: 100%
  }
  .foot-item {
    padding-right: 0px
  }
  .foot-item-first:after {
    display: none
  }
  .navbar {
    padding: 15px 0
  }
  .logo {
    flex: 1
  }
  .single {
    width: auto
  }
  .single-head {}
  .single-main {
    width: 100%
  }
  .single-foot a {
    margin: 0 5px
  }
  .single-foot .btn {
    padding: 4px 16px;
    font-size: 12px;
    margin-bottom: 10px
  }
  .single-foot i {
    transform: translateY(0px);
    font-size: 14px
  }
  .sidebar {
    width: 100%
  }
  .user-menu .ceo-active a {
    color: #fff
  }
  .card-item .cover {
    padding: 5px;
    padding-bottom: 0;
    border-radius: 4px
  }
  .blog-item-content {
    padding: 10px 0 0 0
  }
  .blog-item .cover {
    height: 168px
  }
  .cat-bg h3 {
    font-size: 20px
  }
  .side-item .cover {
    height: 180px;
    width: 100%
  }
  .ceo-category-web .cover {
    height: 180px !important;
    width: 100% !important
  }
  .ceo-web h3 a {
    font-size: 18px !important
  }
  .ceo-web-list span {
    line-height: 22px !important;
    font-size: 18px !important;
    top: 0px !important
  }
  .ceo-vip-icons .meta-vip-tag {
    margin: 10px 0 0 10px !important
  }
  .ceo-archives-div .ceo-width-expand {
    padding-left: initial
  }
  .ceo-resetpass form {
    width: 100%
  }
  .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: 0 6px !important;
    margin-left: 10px !important;
    height: 30px;
    line-height: 30px;
  }
  .single-card .views i {
    line-height: 1;
  }
  .ceo-cat-password .box {
    width: auto;
    margin: 50px auto;
  }
  .ceo-forum-statistics .ceo-forum-z {
    list-style: none;
    white-space: nowrap;
    overflow-x: auto !important;
  }
  .ceo-forum-statistics .ceo-forum-z span {
    font-size: 14px;
  }
  .ceo-forum-statistics .ceo-forum-z::-webkit-scrollbar {
    display: none;
  }
  .ceo-forum-statistics .ceo-forum-y a {
    height: 28px;
    line-height: 27px;
    padding: 0 12px;
    margin-left: 10px;
    font-size: 12px;
    margin-top: 4px;
  }
  .ceo-community-bg {
    height: 160px;
  }
  .ceo-pages-forum-title h3 {
    font-size: 22px;
  }
  .ceo-community-bgleft {
    margin-top: 65px;
  }
  .ceo-sidebar-forum-title {
    font-size: 14px;
  }
  .ceo-cet-forum-box .forum-box-tab ul {
    list-style: none;
    white-space: nowrap;
    overflow-x: auto !important;
  }
  .ceo-cet-forum-box .forum-box-tab ul::-webkit-scrollbar {
    display: none;
  }
  .forum-box-list-loop .info a.title {
    font-size: 15px;
  }
  .ceo-community-ymd {
    margin-left: 10px;
    font-size: 12px;
  }
  .single-forum-an .zt {
    display: block;
    margin-top: 20px;
    font-size: 12px;
  }
  .single-forum-head {
    padding: 20px;
  }
  .single-forum-head .ceo-single-title h1 {
    font-size: 16px;
  }
  .forum-box-tab a.cd {
    font-size: 14px;
  }
  .ceo-pages-question-title h3 {
    font-size: 22px;
  }
  .ceo-cet-question-box {
    padding: 15px 15px 0px 15px;
  }
  .question-box-cat {
    list-style: none;
    white-space: nowrap;
    overflow-x: auto !important;
  }
  .question-box-cat::-webkit-scrollbar {
    display: none;
  }
  .question-box-cat a {
    margin-bottom: 15px;
    font-size: 14px;
  }
  .question-box-tab ul {
    list-style: none;
    white-space: nowrap;
    overflow-x: auto !important;
  }
  .question-box-tab ul::-webkit-scrollbar {
    display: none;
  }
  .ceo-cet-question-box .ask {
    height: 28px;
    line-height: 27px;
    padding: 0 12px;
    margin-left: 10px;
    margin-top: 4px;
    font-size: 12px;
  }
  .question-box-list-loop .info a.title {
    font-size: 15px;
  }
  .question-box-tab a.cd {
    font-size: 14px;
  }
  .ceo-question-span {
    font-size: 14px;
  }
  .ceo-question-money .uebtn {
    font-size: 14px;
  }
  .single-question-head .ceo-single-title h1 {
    font-size: 16px;
  }
  .single-question-an .zt {
    display: block;
    margin-top: 20px;
    font-size: 12px;
  }
  .single-forum-an .zt em,
  .single-question-an .zt em {
    font-size: 12px;
    padding: 0 5px;
  }
  .single-question-bestanswer .sj {
    display: block !important;
  }
  .single-question-bestanswer .title {
    margin-bottom: 20px;
  }
  .comment-head .data {
    text-align: inherit;
  }
  .comment-content {
    padding: 15px 0 0 0;
  }
  .user-tougao {
    font-size: 14px;
    padding: 6px 0;
  }
  .user-shopan {
    font-size: 14px;
    padding: 5px 0;
  }
  .user-data {
    margin-bottom: 0px !important;
  }
  .user-nav {
    padding: 0 15px;
    white-space: nowrap;
    overflow-x: scroll;
  }
  .user-nav::-webkit-scrollbar {
    display: none;
  }
  .user-nav li {
    display: inline-block;
    margin-right: 20px;
  }
  .user-nav li a {
    color: #666;
    font-size: 14px;
  }
  .user-set .user-set-head .upload-avatar {
    width: auto;
    font-size: 12px;
  }
  .user-names-ts {
    display: none;
  }
  .user-set .user-set-head .user-names {
    font-size: 14px;
  }
  .user-set-head .avatar img {
    height: 40px;
    width: 40px;
  }
  .user-set-head .btn {
    width: 86px;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    transform: translateY(5px);
  }
  .user-title-top {
    padding: 20px;
  }
  .user-box {
    padding: 20px;
  }
  .ceo-profile .profile-tab-item {
    padding: 0 25px;
  }
  .follow-item .follow-item-btns button {
    width: 100%;
  }
  .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-title h4 {
    font-size: 14px;
  }
  .messages-item-text {
    font-size: 13px;
  }
  .messages-item-btn {
    margin-top: 5px;
  }
  .user-title-top h2 {
    font-size: 16px;
  }
  .user-comment-content {
    width: initial;
    padding: 15px;
  }
  .user-box .ceo-blog-items {
    min-height: auto;
  }
  .user-content {
    min-height: 200px;
  }
  .ceo-author-bg .ceo-tag-bg {
    height: 320px;
  }
  .ceo_app_shop .app_mother {
    padding: 15px;
    white-space: nowrap;
    overflow-x: scroll;
  }
  .ceo_app_shop .app_mother::-webkit-scrollbar {
    display: none;
  }
  .dplayer-video,
  .dplayer-erphpdown-video {
    min-height: 230px;
  }
  .ceo-shop5-liebiao {
    height: 233px;
  }
  .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 !important;
    padding: 15px 0;
    text-indent: inherit;
    border-bottom: 0px solid var(--border-color);
    background: #ffffff00 !important;
  }
  .page-menu .current-menu-item a::after {
    width: 0px;
  }
  .page-menu ul li a {
    font-size: 14px;
  }
  .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;
  }
  .ceo-zhuanti-wrap .content .section-title {
    margin-bottom: 20px;
  }
  .ceo-zhuanti-item .ceo-zhuanti-item-thumb h5 {
    font-size: 12px;
  }
  .ceo-zhuanti-item .ceo-zhuanti-item-thumb h5 .r i {
    font-size: 12px;
  }
  .ceo-zhuanti-item h2 {
    font-size: 14px;
  }
  .ceo-zhuanti-item h2:before {
    width: 3px;
    height: 14px;
  }
  .ceo-zhuanti-item .entry {
    font-size: 12px;
    line-height: 22px;
    height: 44px;
  }
  .login-l .ceo-login-bottom {
    font-size: 12px;
    line-height: 12px;
  }
  .login-l .title-minor em {
    width: 5px;
  }
  .login-l .ceo-login-title {
    margin-bottom: 20px;
  }
  .login-l .ceo-margin-medium-top {
    margin-top: 20px !important;
  }
  .ceo-login-title h3 {
    font-size: 18px;
  }
}
/*
* ------------------------------------------------------------------------------
* 手机优化结束
* ------------------------------------------------------------------------------
*/

/*暗箱*/
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)
  }
}

.layui-layer-imgbar,
.layui-layer-imgtit a,
.layui-layer-tab .layui-layer-title span,
.layui-layer-title {
  text-overflow: ellipsis;
  white-space: nowrap
}
html #layuicss-layer {
  display: none;
  position: absolute;
  width: 1989px
}
.layui-layer,
.layui-layer-shade {
  position: fixed;
  _position: absolute;
  pointer-events: auto
}
.layui-layer-shade {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  _height: expression(document.body.offsetHeight+"px")
}
.layui-layer {
  -webkit-overflow-scrolling: touch;
  top: 150px;
  left: 0;
  margin: 0;
  padding: 0;
  background-color: #fff;
  -webkit-background-clip: content;
  border-radius: 2px;
  box-shadow: 1px 1px 50px rgba(0, 0, 0, .3)
}
.layui-layer-close {
  position: absolute
}
.layui-layer-content {
  position: relative
}
.layui-layer-border {
  border: 1px solid #B2B2B2;
  border: 1px solid rgba(0, 0, 0, .1);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .2)
}
.layui-layer-load {
  background: url(images/loading.gif) center center no-repeat #eee
}
.layui-layer-ico {
  background: url(images/icon.png) no-repeat
}
.layui-layer-btn a,
.layui-layer-dialog .layui-layer-ico,
.layui-layer-setwin a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top
}
.layui-layer-move {
  display: none;
  position: fixed;
  *position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: move;
  opacity: 0;
  filter: alpha(opacity=0);
  background-color: #fff;
  z-index: 2147483647
}
.layui-layer-resize {
  position: absolute;
  width: 15px;
  height: 15px;
  right: 0;
  bottom: 0;
  cursor: se-resize
}
.layer-anim {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: .3s;
  animation-duration: .3s
}
@-webkit-keyframes layer-bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5)
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}
@keyframes layer-bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }
}
.layer-anim-00 {
  -webkit-animation-name: layer-bounceIn;
  animation-name: layer-bounceIn
}
@-webkit-keyframes layer-zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
}
@keyframes layer-zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    -ms-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    -ms-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
}
.layer-anim-01 {
  -webkit-animation-name: layer-zoomInDown;
  animation-name: layer-zoomInDown
}
@-webkit-keyframes layer-fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
@keyframes layer-fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
}
.layer-anim-02 {
  -webkit-animation-name: layer-fadeInUpBig;
  animation-name: layer-fadeInUpBig
}
@-webkit-keyframes layer-zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(48px);
    transform: scale(.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
}
@keyframes layer-zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    -ms-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(48px);
    -ms-transform: scale(.475) translateX(48px);
    transform: scale(.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
}
.layer-anim-03 {
  -webkit-animation-name: layer-zoomInLeft;
  animation-name: layer-zoomInLeft
}
@-webkit-keyframes layer-rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0)
  }
}
@keyframes layer-rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0) rotate(0);
    -ms-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0)
  }
}
.layer-anim-04 {
  -webkit-animation-name: layer-rollIn;
  animation-name: layer-rollIn
}
@keyframes layer-fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
.layer-anim-05 {
  -webkit-animation-name: layer-fadeIn;
  animation-name: layer-fadeIn
}
@-webkit-keyframes layer-shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
  }
}
@keyframes layer-shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px)
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px)
  }
}
.layer-anim-06 {
  -webkit-animation-name: layer-shake;
  animation-name: layer-shake
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
.layui-layer-title {
  padding: 0 80px 0 20px;
  height: 42px;
  line-height: 42px;
  border-bottom: 1px solid #eee;
  font-size: 14px;
  color: #333;
  overflow: hidden;
  background-color: #F8F8F8;
  border-radius: 2px 2px 0 0
}
.layui-layer-setwin {
  position: absolute;
  right: 15px;
  *right: 0;
  top: 15px;
  font-size: 0;
  line-height: initial
}
.layui-layer-setwin a {
  position: relative;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  font-size: 12px;
  _overflow: hidden
}
.layui-layer-setwin .layui-layer-min cite {
  position: absolute;
  width: 14px;
  height: 2px;
  left: 0;
  top: 50%;
  margin-top: -1px;
  background-color: #2E2D3C;
  cursor: pointer;
  _overflow: hidden
}
.layui-layer-setwin .layui-layer-min:hover cite {
  background-color: #2D93CA
}
.layui-layer-setwin .layui-layer-max {
  background-position: -32px -40px
}
.layui-layer-setwin .layui-layer-max:hover {
  background-position: -16px -40px
}
.layui-layer-setwin .layui-layer-maxmin {
  background-position: -65px -40px
}
.layui-layer-setwin .layui-layer-maxmin:hover {
  background-position: -49px -40px
}
.layui-layer-setwin .layui-layer-close1 {
  background-position: 1px -40px;
  cursor: pointer
}
.layui-layer-setwin .layui-layer-close1:hover {
  opacity: .7
}
.layui-layer-setwin .layui-layer-close2 {
  position: absolute;
  right: -28px;
  top: -28px;
  width: 30px;
  height: 30px;
  margin-left: 0;
  background-position: -149px -31px;
  *right: -18px;
  _display: none
}
.layui-layer-setwin .layui-layer-close2:hover {
  background-position: -180px -31px
}
.layui-layer-btn {
  text-align: right;
  padding: 0 15px 12px;
  pointer-events: auto;
  user-select: none;
  -webkit-user-select: none
}
.layui-layer-btn a {
  height: 28px;
  line-height: 28px;
  margin: 5px 5px 0;
  padding: 0 15px;
  border: 1px solid #dedede;
  background-color: #fff;
  color: #333;
  border-radius: 2px;
  font-weight: 400;
  cursor: pointer;
  text-decoration: none
}
.layui-layer-btn a:hover {
  opacity: .9;
  text-decoration: none
}
.layui-layer-btn a:active {
  opacity: .8
}
.layui-layer-btn .layui-layer-btn0 {
  border-color: #1E9FFF;
  background-color: #1E9FFF;
  color: #fff
}
.layui-layer-btn-l {
  text-align: left
}
.layui-layer-btn-c {
  text-align: center
}
.layui-layer-dialog {
  min-width: 260px
}
.layui-layer-dialog .layui-layer-content {
  position: relative;
  padding: 20px;
  line-height: 24px;
  word-break: break-all;
  overflow: hidden;
  font-size: 14px;
  overflow-x: hidden;
  overflow-y: auto
}
.layui-layer-dialog .layui-layer-content .layui-layer-ico {
  position: absolute;
  top: 16px;
  left: 15px;
  _left: -40px;
  width: 30px;
  height: 30px
}
.layui-layer-ico1 {
  background-position: -30px 0
}
.layui-layer-ico2 {
  background-position: -60px 0
}
.layui-layer-ico3 {
  background-position: -90px 0
}
.layui-layer-ico4 {
  background-position: -120px 0
}
.layui-layer-ico5 {
  background-position: -150px 0
}
.layui-layer-ico6 {
  background-position: -180px 0
}
.layui-layer-rim {
  border: 6px solid #8D8D8D;
  border: 6px solid rgba(0, 0, 0, .3);
  border-radius: 5px;
  box-shadow: none
}
.layui-layer-msg {
  min-width: 180px;
  border: 1px solid #D3D4D3;
  box-shadow: none
}
.layui-layer-hui {
  min-width: 100px;
  background-color: #000;
  filter: alpha(opacity=60);
  background-color: rgba(0, 0, 0, .6);
  color: #fff;
  border: none
}
.layui-layer-hui .layui-layer-content {
  padding: 12px 25px;
  text-align: center
}
.layui-layer-dialog .layui-layer-padding {
  padding: 20px 20px 20px 55px;
  text-align: left
}
.layui-layer-page .layui-layer-content {
  position: relative;
  overflow: auto
}
.layui-layer-iframe .layui-layer-btn,
.layui-layer-page .layui-layer-btn {
  padding-top: 10px
}
.layui-layer-nobg {
  background: 0 0
}
.layui-layer-iframe iframe {
  display: block;
  width: 100%
}
.layui-layer-loading {
  border-radius: 100%;
  background: 0 0;
  box-shadow: none;
  border: none
}
.layui-layer-loading .layui-layer-content {
  width: 60px;
  height: 24px;
  background: url(loading-0.gif) no-repeat
}
.layui-layer-loading .layui-layer-loading1 {
  width: 37px;
  height: 37px;
  background: url(loading-1.gif) no-repeat
}
.layui-layer-ico16,
.layui-layer-loading .layui-layer-loading2 {
  width: 32px;
  height: 32px;
  background: url(loading-2.gif) no-repeat
}
.layui-layer-tips {
  background: 0 0;
  box-shadow: none;
  border: none
}
.layui-layer-tips .layui-layer-content {
  position: relative;
  line-height: 22px;
  min-width: 12px;
  padding: 8px 15px;
  font-size: 14px;
  _float: left;
  border-radius: 2px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
  background-color: #000;
  color: #fff
}
.layui-layer-tips .layui-layer-close {
  right: -2px;
  top: -1px
}
.layui-layer-tips i.layui-layer-TipsG {
  position: absolute;
  width: 0;
  height: 0;
  border-width: 8px;
  border-color: transparent;
  border-style: dashed;
  *overflow: hidden
}
.layui-layer-tips i.layui-layer-TipsB,
.layui-layer-tips i.layui-layer-TipsT {
  left: 5px;
  border-right-style: solid;
  border-right-color: #000
}
.layui-layer-tips i.layui-layer-TipsT {
  bottom: -8px
}
.layui-layer-tips i.layui-layer-TipsB {
  top: -8px
}
.layui-layer-tips i.layui-layer-TipsL,
.layui-layer-tips i.layui-layer-TipsR {
  top: 5px;
  border-bottom-style: solid;
  border-bottom-color: #000
}
.layui-layer-tips i.layui-layer-TipsR {
  left: -8px
}
.layui-layer-tips i.layui-layer-TipsL {
  right: -8px
}
.layui-layer-lan[type=dialog] {
  min-width: 280px
}
.layui-layer-lan .layui-layer-title {
  background: #4476A7;
  color: #fff;
  border: none
}
.layui-layer-lan .layui-layer-btn {
  padding: 5px 10px 10px;
  text-align: right;
  border-top: 1px solid #E9E7E7
}
.layui-layer-lan .layui-layer-btn a {
  background: #fff;
  border-color: #E9E7E7;
  color: #333
}
.layui-layer-lan .layui-layer-btn .layui-layer-btn1 {
  background: #C9C5C5
}
.layui-layer-molv .layui-layer-title {
  background: #009f95;
  color: #fff;
  border: none
}
.layui-layer-molv .layui-layer-btn a {
  background: #009f95;
  border-color: #009f95
}
.layui-layer-molv .layui-layer-btn .layui-layer-btn1 {
  background: #92B8B1
}
.layui-layer-iconext {
  background: url(images/icon-ext.png) no-repeat
}
.layui-layer-prompt .layui-layer-input {
  display: block;
  width: 230px;
  height: 36px;
  margin: 0 auto;
  line-height: 30px;
  padding-left: 10px;
  border: 1px solid #e6e6e6;
  color: #333
}
.layui-layer-prompt textarea.layui-layer-input {
  width: 300px;
  height: 100px;
  line-height: 20px;
  padding: 6px 10px
}
.layui-layer-prompt .layui-layer-content {
  padding: 20px
}
.layui-layer-prompt .layui-layer-btn {
  padding-top: 0
}
.layui-layer-tab {
  box-shadow: 1px 1px 50px rgba(0, 0, 0, .4)
}
.layui-layer-tab .layui-layer-title {
  padding-left: 0;
  overflow: visible
}
.layui-layer-tab .layui-layer-title span {
  position: relative;
  float: left;
  min-width: 80px;
  max-width: 260px;
  padding: 0 20px;
  text-align: center;
  overflow: hidden;
  cursor: pointer
}
.layui-layer-tab .layui-layer-title span.layui-this {
  height: 43px;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  background-color: #fff;
  z-index: 10
}
.layui-layer-tab .layui-layer-title span:first-child {
  border-left: none
}
.layui-layer-tabmain {
  line-height: 24px;
  clear: both
}
.layui-layer-tabmain .layui-layer-tabli {
  display: none
}
.layui-layer-tabmain .layui-layer-tabli.layui-this {
  display: block
}
.layui-layer-photos {
  -webkit-animation-duration: .8s;
  animation-duration: .8s
}
.layui-layer-photos .layui-layer-content {
  overflow: hidden;
  text-align: center
}
.layui-layer-photos .layui-layer-phimg img {
  position: relative;
  width: 100%;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top
}
.layui-layer-imgbar,
.layui-layer-imguide {
  display: none
}
.layui-layer-imgnext,
.layui-layer-imgprev {
  position: absolute;
  top: 50%;
  width: 27px;
  _width: 44px;
  height: 44px;
  margin-top: -22px;
  outline: 0;
  blr: expression(this.onFocus=this.blur())
}
.layui-layer-imgprev {
  left: 10px;
  background-position: -5px -5px;
  _background-position: -70px -5px
}
.layui-layer-imgprev:hover {
  background-position: -33px -5px;
  _background-position: -120px -5px
}
.layui-layer-imgnext {
  right: 10px;
  _right: 8px;
  background-position: -5px -50px;
  _background-position: -70px -50px
}
.layui-layer-imgnext:hover {
  background-position: -33px -50px;
  _background-position: -120px -50px
}
.layui-layer-imgbar {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 32px;
  line-height: 32px;
  background-color: rgba(0, 0, 0, .8);
  background-color: #000\9;
  filter: Alpha(opacity=80);
  color: #fff;
  overflow: hidden;
  font-size: 0
}
.layui-layer-imgtit * {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  font-size: 12px
}
.layui-layer-imgtit a {
  max-width: 65%;
  overflow: hidden;
  color: #fff
}
.layui-layer-imgtit a:hover {
  color: #fff;
  text-decoration: underline
}
.layui-layer-imgtit em {
  padding-left: 10px;
  font-style: normal
}
@-webkit-keyframes layer-bounceOut {
  100% {
    opacity: 0;
    -webkit-transform: scale(.7);
    transform: scale(.7)
  }
  30% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
  }
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}
@keyframes layer-bounceOut {
  100% {
    opacity: 0;
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7)
  }
  30% {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
  }
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }
}
.layer-anim-close {
  -webkit-animation-name: layer-bounceOut;
  animation-name: layer-bounceOut;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: .2s;
  animation-duration: .2s
}
@media screen and (max-width:1100px) {
  .layui-layer-iframe {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
  }
}

.btn[disabled],
.ceo-button[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=35);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .35;
}


[v-cloak] {
  display: none;
}

.ceo-pages-web-ztbox .figure {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 70%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.ceo-pages-web-ztbox .text h4 {
  padding: 10px 0;
}
.ceo-pages-web-ztbox .text p {
  font-size: 13px;
  color: #666;
}

.ceo-text-white {
  color: #fff;
}
.beijing {
	background: url(../images/ceo-bg.jpg) center top no-repeat;
}

.nodata {
  padding-top: 200px;
  margin-bottom: 100px;
  text-align: center;
  background: url(../images/nodata.png) center top no-repeat;
}


.ceo-size {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
}
.ceo-size .cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.ceo-size-doc {
  padding-bottom: 60%;
}
.ceo-size-square {
  padding-bottom: 100%;
}
.ceo-size-gallery {
  padding-bottom: 143%;
}
.ceo-size-img {
  padding-bottom: 66.56%;
}
.ceo-size-pic {
  padding-bottom: 133%;
}
.ceo-size-pic .cover {
  height: 100%;
}
.ceo-size-longpic {
  padding-bottom: 150%;
}