/*Header*/
.bannerbg{
    width:100%;height:auto;overflow:hidden;background:url(/template/pc/default/home/images/topbg.png) #41aafc;background-size: 100% 100%;
}
.macfk .social-top .header-login-button button{
    background: #5137ff;
    border-color: #5137ff;
    font-size: 1rem;
    color: #fff;
}
.erji{
    background:#fff;margin-top:30px;padding:15px 20px;
}
.all-msg {
    position: relative;
    width: 100%;
    background-image: linear-gradient(to left, #2b76ff 0%, #5d48ff 60%, #3400ff 100%);
    color: #fff;
    z-index: 1002;
    font-size: 14px;
    text-align: center;
    line-height: 50px;
}
.all-msg a{font-size:20px;}
 
.ceo-background-default {
    background-color: #fff;
}

.single-content {
    padding: 20px;
}

.single-content-xq {
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 15px;
    margin-bottom: 30px;
}

/*Header Menu Center*/
.site.macfk  .site-header{
    /*height: 88px;*/
    height: auto;*/
}

.site.macfk .top-menu ul li.depth-0 > a .hob{
    display: none !important;
}

.site.macfk  .site-header-in{
    padding:1.5rem 3rem; 
    position: relative;
}

.macfk .menu-center .header-logo{
    padding: 0;
}

.macfk .menu-center .top-menu ul li.depth-0 > a{
    padding: 0;
    line-height: 40px;
    font-size:16px;
    height: 40px;
}

.macfk .top-style .b2small, 
.macfk .top-style-bottom .b2small {
    right: -8px;
    top: 3px;
}

.macfk .header,
.macfk .header .wrapper{
    height: 40px;
    background: none;
}

.macfk .menu-center .header-user{
    width: auto;
}
.macfk .menu-center .top-user-avatar img {
    border-radius: 50%;
}

.macfk .menu-center .top-menu ul li+li{
    margin-left:2rem;
}
 
.macfk .menu-center .search-button-action{
    top: -18px;
    right: 16px;
}

.macfk .menu-center  .header-user{
    position: relative;
    top: 0;
}

.macfk .menu-center .top-style{
    border:none;
}

.macfk .menu-center .header-login-button button{
    background: #5137ff;
    border: 1px solid #5137ff;
    color: #fff;
    font-size: 14px;
    border-radius: 10px;
}

.macfk .search-button-action i{
    font-size: 22px;
}

.macfk .header-banner-left .menu > li.current-menu-item > a:after{
    bottom: 2px;
}

.macfk .ym-menu .sub-menu{
    top: 40px;
}

.macfk .header-banner-content .b2small{
    top: 4px;
}


.site.macfk .site-header-in{
    transform: translate(0, 0);
    -webkit-backdrop-filter: saturate(180%) blur(6px);
    backdrop-filter: saturate(180%) blur(6px);
    background: rgba(255, 255, 255, 0.9);
}
 

.site.macfk.action .site-header-in{
    position: fixed;
    top: 0;
}

.social-top .site.up.macfk .site-header-in{
    transform: translate(0, -128px);
}



.macfk .header-banner-left.hidden{
    opacity: 1;
}
 

/*Hero*/
.macfk-hero{
    padding-top:calc(10rem - 88px);
    padding-bottom: 2rem;
}

.hero-left{
    text-align: center;
}

.hero-left h2{
    font-weight: bold;
    font-size: 2.75rem;
    line-height: 1.4;
    margin-bottom: 1.5rem;
    color: #fff;
}

.hero-left h2 span{
    color: #fff;
}

.hero-left p{
    color: #eee;
    font-size: 1.25rem;
    line-height: 30px; 
}

.hero-wecat{
     margin-top: 1.5rem;
    background: #2b76ff;
    background: linear-gradient(to right, #0056f3 0%, #2b76ff 100%);
    padding:.75rem 2.25rem; 
    min-width: 180px;
    color: #fff;
    display: inline-block;
    font-size: 1.125rem;
    margin-bottom: 2.8rem;
}

/*Flex布局*/
.d-flex{
    display: flex;
}

.hero-items{
    margin-top: 2.4rem;
    padding:  1.375rem 0;
    max-width: 1280px;
    margin: 0 auto;
    width: 100%;
    text-align: center; 
}

.flex-item{
    flex: 1;
}

.hero-items h1{
    font-size: 3.5rem; 
    font-weight: bold;
    font-family: 'DouyinSansBold';
}

.hero-items p{
    font-size: 1.375rem;
 font-weight: bold;}
 
/*Foorer*/
.macfk.footer .site-footer section:first-child{
    flex: 1;
}
 

.macfk.footer .site-footer-nav{
    padding: 1.5rem 0;
}

.macfk.footer .footer-links{
    position: absolute;
    padding-left: 0;
    background: none;
    justify-content: flex-start;
    top: 9rem;
}

.macfk.footer .footer-links a{
    color: #000;
    font-size: 14px;
}
.macfk.footer .footer-links ul li{
    position: relative;
    padding: 5px 12px;
}

.macfk.footer .footer-links ul li:first-child{
    padding-left:0;
}

.macfk.footer .footer-links ul li+li:before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 2px;
    height: 10px;
    background-color: #e7e8eb;
    transform: translate(0%, -50%);
}

.macfk.footer .about-widget .footer-logo{
    margin-bottom: 1.5rem;
    height: 40px;
}

.macfk.footer .about-widget p{
    font-size: 16px;
}

.site-footer .wrapper{
    position: relative;
}

.macfk.footer section:last-child{
    width: auto;
}

.footer-right-html button.empty{
    min-width: 180px;
    margin: 0 auto .75rem;
    font-size: 1.125rem;
    padding: .75rem 2.5rem;  
}

.footer-right-html button.empty.b-wechat{
    background: #5137ff;
    color: #fff;
    border-color: #5137ff;
}

.footer-right-html{
    text-align: center;
    margin-right:-16px;
}

/**/
.footer-right-html button.empty{
        -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -o-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}

.footer-right-html button.empty span{
    position: relative;
    display: inline-block;
    position: relative;
    transition: all 200ms ease-out;
    will-change: transform;
}

.footer-right-html button.empty.b-wechat:hover{
    background: #fff;
    color: #5137ff;
}

.footer-right-html button.empty.b-wechat:hover span{
    transform: translate3d(-0.75rem, 0, 0);
}

.footer-right-html button.empty.b-wechat:hover span i{
        opacity: 1;
    right: -2rem;
}

.footer-right-html button.empty a span{
    font-size: 18px;
    color: #5137ff;
}

.footer-right-html button.empty.b-qq:hover{
    background:#5137ff;
    border-color: #5137ff;
    color: #fff;
}

.footer-right-html button.empty.b-qq:hover span{
        transform: translate3d(-0.75rem, 0, 0);
    color: #fff;
}

.footer-right-html button.empty.b-qq:hover span i{
        opacity: 1;
     right: -2rem;
    color: #fff;
}


.footer-right-html button.empty.b-qq:hover span{
        transform: translate3d(-0.75rem, 0, 0);
    color: #fff;
}
 

.footer-right-html button i {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1.25em;
    font-size: 1.25rem;
    opacity: 0;
    transform: translateY(-50%);
    transition: all 200ms ease-out;
    will-change: right, opacity;
}


/*文章内页*/
.macfk .single-article{
    padding: 24px 0;
}
.macfk-box,
.vip-faq-list,
.box{
    background: #f0f2f7;
    background: linear-gradient(180deg, #f0f2f7, #fff);
    border: 2px solid #fff;
    box-shadow: 6px 6px 15px 0 rgb(136 167 225 / 10%), -6px -6px 15px 0 #fff;
    border-radius: 12px;
    transition: all 0.2s;
}
.macfk .entry-content{
    padding: 4rem; 
}

.macfk .macfk-header .entry-title{
    font-size: 2.25rem;
    margin:0 auto 2rem;
    text-align: center;
    line-height: 1.4;
}

.macfk .entry-content > p, .content-show-roles > p{
    line-height:1.7;
}

/*侧边栏*/
.aside-container {
    right: 24px;
    z-index: 6 !important;
}
.aside-bar.macfk {
    width: 74px;
}

.aside-bar.macfk .bar-footer{
    background: #f0f2f7;
    background: linear-gradient(180deg, #f0f2f7, #fff);
    border: 2px solid #fff;
    box-shadow: 6px 6px 15px 0 rgb(136 167 225 / 10%), -6px -6px 15px 0 #fff;
    border-radius: 12px;
    transition: all 0.2s;
}

.aside-bar.macfk .bar-item i {
    font-size: 24px;
}

.aside-bar.macfk .bar-footer .bar-item {
    margin: 7px 18px;
    padding: 0 0 8px;
    border-bottom: 1px dashed rgba(40, 38, 38, 0.2);
}

.aside-bar.macfk .bar-item:hover i,
.aside-bar.macfk .bar-item.active:hover i,
.aside-bar.macfk .bar-item:hover {
    color: #5137ff;
}

.aside-bar.macfk .bar-footer .bar-item:last-child {
    border: none;
}

/*Vip Page*/
.macfk-vippage .vip-top{
    background: none;
    border:none;
    margin:0 0 3rem 0;
}

.macfk-vippage .vip-current{ 
    border:none;
    text-align: center;
}
.macfk-vippage .vip-current h2{
    font-weight: bold;
    font-size: 2.75rem;
    line-height: 1.4;
}

.macfk-vippage .vip-allow:nth-child(odd) {
    background: none;
}

.macfk-vippage .vip-allow{
    color: rgb(87, 94, 104) !important;
}



.macfk-vippage .vip-son .vip-item h2 {
    text-align: left;
    padding-left: 36px;
    margin-bottom: 24px;
}

.macfk-vippage .vip-row li {
    padding-left: 36px;
    font-size: 16px;
    position: relative;
}

.macfk-vippage .vip-row li:before {
    content: "";
    position: absolute;
    left: 12px;
    top: 50%;
    display: block;
    width: 6px;
    height: 6px;
    background-color: #575e68;
    box-shadow: 0 0 0 5px rgb(88 95 114 / 10%);
    border-radius: 20px;
    margin: 0 1rem 0 0.375rem;
    flex-shrink: 0;
    transform: translate(0%, -50%);
}



.macfk-vippage .vip-buy button {
    display: flex;
    justify-content: center;
    padding: 12px 16px;
    border-radius: 48px;
}


.macfk-vippage .vip-buy{
    display: block;
}


.macfk-vippage .vip-son .vip-item:first-child button,
.macfk-vippage .vip-son .vip-item:nth-child(2) button{
    background: none;
    color: #5137ff;
    border-color: #5137ff;
}

.macfk-vippage .content-area.vip-page{
    width: 1280px;
}

.macfk-vippage .vip-buy .vip-price-money,
.macfk-vippage .vip-buy .vip-price-day {
    font-size: 18px;
    color: #5137ff;
}
.macfk-vippage .vip-son .vip-item:last-child .vip-price-money,
.macfk-vippage .vip-son .vip-item:last-child .vip-price-day{
    color: #fff !important;
}

.macfk-vippage .vip-buy .vip-price-day span {
    padding-left: 6px;
}

.macfk-vippage .vip-son{
    flex: 1;
    margin-left:-12px;
    margin-right: -12px;
    display: flex;
}

.macfk-vippage .vip-son .vip-item{
    flex: 1;
    margin:12px;
}

.macfk-vippage .vip-list-in{
    background: none;
    box-shadow: none;
}

.macfk-vippage .vip-list-in .vip-buy button{
    margin: 0;
}
.macfk-vippage .vip-card {
    border-radius: 24px;
    margin-top: 3rem;
    text-align: center;
    margin-bottom: 3rem;
    padding: 5rem 2rem; 
    background-image: url('Assets/images/index-about.png');
    -ms-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}
.macfk-vippage .vip-card h2 {
    color: #fff;
    font-size: 2.5rem;
    margin-bottom: 16px;
}

.macfk-vippage .vip-card p {
    font-size: 1.25rem;
    line-height: 1.5;
    color: #fff;
    margin-bottom: 24px;
}

.macfk-vippage .vip-card h1 {
    font-size: 4rem;
    line-height: 1.5;
    font-family: 'DouyinSansBold';
    color: #fff;
}


.macfk-vippage .v-left {
    background-image: url(Assets/images/faq-icon.png);
    background-position: 3rem 4rem;
    background-size: 64px 64px;
    background-repeat: no-repeat;
    padding-top: 9rem !important;
}

.macfk-vippage .v-left {
   padding:3rem;
   width: 392px;
}


.macfk-vippage .v-left p{
    color: rgb(87, 94, 104);
}
.macfk-vippage .v-left h2 {
    font-weight: bold;
    font-size: 2.25rem;
    margin-bottom: 1.5rem;
}

.macfk-vippage .vip-footer{
    padding: 1rem;
}

.macfk-vippage .vip-faq-list{
    margin-bottom: 1.25rem;
}
.macfk-vippage .vip-faq-list h2,
.other-help li h2{
    padding-left: 2.5rem;
    font-size: 20px;
    line-height: 1.5;
    font-weight: bold;
    position: relative;
    color: rgb(32, 35, 43);
}

.macfk-vippage .vip-faq-list p,
.other-help li p{
    margin-top: 10px;
    color: rgb(87, 94, 104);
    font-size: 16px;
    line-height: 28px;
} 

.other-help li p{
    display: none;
}

.other-help li:first-child p{
    display: block;
}
.macfk-vippage .vip-faq-list h2:before,
.other-help li h2:before{
    position: absolute;
    content: '';
    left: 0;
    top: -2px;
    display: block;
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyIDIzYTEuMDAxIDEuMDAxIDAgMCAxLTEtMXYtMS40NzdhOS44NDMgOS44NDMgMCAxIDEgMTAuNzA1LTguNTI3QTEyLjUzMSAxMi41MzEgMCAwIDEgMTIuMjQgMjIuOTcuOTk1Ljk5NSAwIDAgMSAxMiAyM1oiIGZpbGw9IiNCMEM4RkYiLz48cGF0aCBkPSJNOSAxMS42ODhhMiAyIDAgMSAxIDAtNCAyIDIgMCAwIDEgMCA0WiIgZmlsbD0iIzAzNEVGRiIvPjxwYXRoIGQ9Ik04LjUxNSAxNC42ODhhMSAxIDAgMCAxIDAtMiAuNTAxLjUwMSAwIDAgMCAuNS0uNXYtMi41YTEgMSAwIDAgMSAyIDB2Mi41YTIuNTAyIDIuNTAyIDAgMCAxLTIuNSAyLjVabTYuNDg1LTNhMiAyIDAgMSAxIDAtNCAyIDIgMCAwIDEgMCA0WiIgZmlsbD0iIzAzNEVGRiIvPjxwYXRoIGQ9Ik0xNC41MTUgMTQuNjg4YTEgMSAwIDAgMSAwLTIgLjUwMS41MDEgMCAwIDAgLjUtLjV2LTIuNWExIDEgMCAwIDEgMiAwdjIuNWEyLjUwMiAyLjUwMiAwIDAgMS0yLjUgMi41WiIgZmlsbD0iIzAzNEVGRiIvPjwvc3ZnPg==);
}

.ceo-tag-bg {
    height: 200px;
    background-image: url(/template/pc/default/home/images/ceo-cat-bg.jpg);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.ceo-tag-bgleft {
    margin-top: 46px;
    color: #fff;
    text-align: left;
}
.ceo-hs {
    color: #fff;
    font-size: 30px;
    margin-bottom: 10px;
}
.ceo-tag-bgleft p {
    font-size: 16px;
}

.ceo-catnav-wz {
    z-index: 1;
    color: #333;
    box-shadow: 0px 6px 12px 0px rgb(205 205 205 / 22%);
    height: 49px;
    line-height: 49px;
    background-color: #fff;
}
.ceo-text-small {
    font-size: 0.875rem;
    line-height: 1.5;
}

.ceo-catnav-wz a {
    color: #333;
}
/*SinglePage*/
.single .macfk-single .content-area{
    max-width: 100% !important; 
} 

.single .macfk-single .entry-header .d-flex .single-header-right{
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/*Single Page Header*/
.single-header-left{
    /*padding: 4rem;*/
    text-align: center;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    position: relative;
    margin-right: 3rem; 
    overflow:hidden;
    background:#fff;
}

.macfk-single .single-header-left{
    width: 480px;
}

.single-header-left img{
   height: auto; 
   margin:0 auto;
   width: 100%;
   min-height: 100%;
}

.single-header-left h1{
    font-size: 1.2rem;
    line-height: 30px;
    margin-top: 0.75rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-weight: bold;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*soft-info*/
.soft-info{
    padding: 1.5rem 4rem;
    margin-bottom: 24px;
    text-align: center;
}

.soft-info p{
    margin-bottom: .5rem;
    font-size: 18px;
}

.soft-info h1{
    margin-bottom: 0;
}

/*Soft Slider*/
.soft-gallery{
    margin-bottom: 24px ;
    display: flex;
    align-items: center;
    justify-content: center; 
}

/* 自定义整个滚动条 */
.soft-gallery::-webkit-scrollbar {
  width: 12px;  /* 对于垂直滚动条，设置宽度 */
  height: 3px; /* 对于水平滚动条，设置高度 */
}
 
/* 自定义滚动条轨道 */
.soft-gallery::-webkit-scrollbar-track {
  background: #f1f1f1; /* 轨道颜色 */
}
 
/* 自定义滚动条的滑块（thumb） */
.soft-gallery::-webkit-scrollbar-thumb {
  background: #888; /* 滑块颜色 */
}
 
/* 当滑块悬停或活动时，可以设置不同的颜色 */
.soft-gallery::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.gallery-item {
    -ms-flex: 0 0 25%; 
    padding: 30px 15px;
    flex: 0 0 25%; 
    max-width: 25%;   
    position: relative;
}

.gal-items{
    padding:30px 0 0;
    position: relative;
    border:1px solid #dee2e6!important;
    overflow: hidden;
    border-radius: 12px;
}
.gallery-item img{
    max-width:100% ;
    width: 100%;
    height: auto;
}
 
 
.mockup-browser::before {
    content: "";
    top: 0px;
    left: 0px;
    width: 100%;
    height: 30px;
    position: absolute;
    background: #f0f2f7;
    background: linear-gradient(180deg, #f0f2f7, #fff);
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

.mockup-dots {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    top: 15px;
    left: 15px;
    margin: -5px 0 0;
}

.mockup-dots i.dot1,
.mockup-dots i.dot2,
.mockup-dots i.dot3 {
    width: 10px;
    height: 10px;
    border-radius: 10px;
}

.mockup-dots i.dot1 {
    background-color: #ff5f52;
}

.mockup-dots i.dot2 {
    background-color: #ffbe05;
    margin: 0 0.5rem;
}

.mockup-dots i.dot3 {
    background-color: #15cc35;
}
 
/* Flickity fullscreen v1.0.1
------------------------- */

.flickity-enabled.is-fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: hsla(0, 0%, 0%, 0.9);
  padding-bottom: 35px;
  z-index: 9;
}

.flickity-enabled.is-fullscreen .flickity-page-dots {
  bottom: 10px;
}

.flickity-enabled.is-fullscreen .flickity-page-dots .dot {
  background: white;
}

/* prevent page scrolling when flickity is fullscreen */
html.is-flickity-fullscreen {
  overflow: hidden;
}



.single-header-right p{
    line-height: 1.6;
}

/* ---- flickity-fullscreen-button ---- */

.flickity-fullscreen-button {
  display: block;
  right: 10px;
  top: 10px;
  width: 24px;
  height: 24px;
  border-radius: 4px;
}

/* right-to-left */
.flickity-rtl .flickity-fullscreen-button {
  right: auto;
  left: 10px;
}

.flickity-fullscreen-button-exit { display: none; }

.flickity-enabled.is-fullscreen .flickity-fullscreen-button-exit { display: block; }
.flickity-enabled.is-fullscreen .flickity-fullscreen-button-view { display: none; }

.flickity-fullscreen-button .flickity-button-icon {
  position: absolute;
  width: 16px;
  height: 16px;
  left: 4px;
  z-index: 999;
  top: 4px;
}


/*更新日志*/

.soft-others .macfk-box{
    padding:2rem;
    position: relative;
}

.soft-others-right{
    margin-left: 3rem;
    min-width: 33.33%;
}

.other-help li+li{
    margin-top:1.5rem;
}

.b2-hidden{
    display: none;
}

/*Log-ul*/
.log-ul{
    list-style: none; 
}
 
 
.log-ul li:last-child .update-log-dot:after{
    display: none;
}
 

.log-ul li h2{
    font-size: 1.25rem;
    font-family: 'DouyinSansBold';
    line-height: 30px;
    font-weight: bold;
}

.log-ul li p{
    margin-bottom: 1rem;
    color:rgb(32, 35, 43);
}

.update-log-dot{
    position: relative;
    border-color: #e7e8eb;
    padding: 0 0.5rem;
    margin: 0 0.75rem 0 0;
}

.update-log-dot:before,
.update-log-dot:after{
        content: "";
    position: absolute;
    border-color: #e7e8eb;
    border-radius: 50%;
    border-width: 2px;
    border-style: solid;
    left: 50%;
    transform: translateX(-50%);
}

.update-log-dot:before {
    top: 12px;
    background-color: #5137ff;
    border-color: #5137ff;
    box-shadow: 0 0 0 4px rgb(71 110 247 / 20%);
}

.update-log-dot:after {
    top: 30px;
    width: 0;
    height: auto;
    top: 23px;
    bottom: -5px;
    border-right-width: 0;
    border-top-width: 0;
    border-bottom-width: 0;
    border-radius: 0;
}
.navaa{
    display:line-block;
    width:auto;
    padding:6px 20px;
    border-radius:20px;
    text-align:center;
    font-size:14px;
    background:#f7f7f7;
    margin-right:10px;
}
.support-mac{
    background-color: #5137ff;
    position: absolute;
    width: 100%;
    font-size: 16px;
    line-height: 48px;
    height: 48px;
    cursor: pointer;
    color: #fff;
    left: 0;
    bottom: 0;
    border-radius: 0 0 12px 12px;
}
.support-text,
.i-get-info{
    color: #5137ff;
    margin-top: .75rem;
}

.member-list-i{
    margin-top: 1.5rem;
}

.member-list-i i{
    color: #5137ff;
    border-radius: 50%;
    margin-right: 6px;
}

.member-list-i div+div{
    margin-left:1.5rem;
}

.download-info,
.download-list{
    background: none;
    padding: 0;
}

.allow-down .download-current{
    background: none ; 
    padding-left:0;
}

.download-current{
    justify-content: flex-start;
    align-items: center;
    font-size: 21px;
    border:none !important;
    margin:2rem 0;
}

.download-current *{
    font-size: 18px !important;
}

.download-current > div{
    margin-top: 0;
}

.download-button-box button, .download-button-box a{
    font-size: 1.125rem;
    padding:0.75rem 1.125rem;
    padding-left: 0;
}



.download-current > span,
.download-current .lv-icon,
.download-current>div span b,
.download-current .green{
    color:#5137ff;
}

.download-current>div span b{
    font-family: 'DINAlternate-Bold', arial, sans-serif;
    font-weight: bold;
}
 
/*Home*/
.post-modules-top{
    flex-direction: column;
    margin:2rem 0;
}

.modules-title-box{
    text-align: center;
}

.modules-title-box p{
    font-size: 1.25rem;
    color: #5137ff;
    font-family: 'DINAlternate-Bold', arial, sans-serif;
    line-height:1.875rem;
}

.modules-title-box .module-title{
    font-size: 2.25rem;
    margin-right:0;
    line-height: 3.5rem;
    font-weight: bold;
    margin-bottom: 1.75rem;
}


.post-list-cats{
    margin-left:auto;
    margin-right:auto;
}

.post-list-cats a{
    padding: 0.25rem 1.5rem;
    line-height: 1.5;
    background-image: linear-gradient(345deg, #ffffff 0%, #e4e4e4 100%);
    border-radius: 3rem;
    box-shadow: 6px 6px 12px 0 rgb(169 169 169 / 10%);
    border: 2px solid #fff;
}
 

.post-list-cats a span { 
    font-size: 1rem; 
    font-weight: 600;
    padding: 0;
    color: #9097ac;  
    background: none !important;
}

.picked.post-load-button span{
    background: none !important;
}

.post-list-cats a + a{
    margin-left:1rem;
}

.macfk-home-one .single-header-left{
    padding:0;
    margin-bottom:1rem;
    margin-right: 1rem;
    padding-bottom:40px;
}

.post-list .post-thumb{
    position: relative;
    border-radius:10px;
    overflow: hidden;
}

.support-text{
     display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    position: absolute;
    right: 20px;
    background: #fff;
    border-radius: 20px;
    padding: 2px 10px;
    font-size: 14px;
    bottom:20px;
}

.support-text i,
.macfk-home-one .support-mac span i{
    font-size: 0;
}
 

.macfk-home-one .support-mac span {
    font-size: 16px;
}

.macfk-home-one .i-get-info{
    margin:.5rem 0;
    font-size: 1rem;
    height: 24px;
    line-height: 24px;
    color:#999;
}
 

.macfk-home-one .support-mac{
    height: 42px;
    line-height: 42px;
}

/*.macfk-home-three */

.post-3-li-dubble .post-modules-top{
    margin-bottom: 1rem;
}

.macfk-home-three .post-module-thumb{
    width: 140px !important;
    min-width: 140px !important;
}

.macfk-home-three .post-thumb{
    width: 100px;
    height: 100px;
}

.macfk-home-three .post-info h2 a{
    font-size: 18px;
    line-height: 28px;
}

/*Home Vip*/
.home-lvip{
    margin-right:-1.5rem;
}
.home-lvip .flex-item{ 
    margin-right: 1.5rem;
}

.home-lvip .flex-item .macfk-box{
    padding:1.5rem;
}

.lvip-header{
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 1rem;
}

.lvip-header h1{
    font-size: 3.125rem;
    color: rgb(52, 58, 68);
     font-family: 'DouyinSansBold'
}

.lvip-header h1 span{
    margin-right: .5rem; 
    font-size: 1.25rem;
}


.home-lvip  ul {
    border-top: 1px solid #e3e6e8;
    margin-top: 1.25rem;
    padding-top: 1.5rem;
}

.home-lvip  ul li {
    position: relative;
    margin-bottom: 1rem; 
}

.home-lvip  ul li i{
    border:1px solid  #e3e6e8;
    border-radius: 50%;
    margin-right: .5rem;
}

.home-lvip  ul li i{
    color: #e3e6e8;
}

.home-lvip  ul li.active i {
    color: #5137ff;
    border-color: #5137ff;
}

.home-lvip.macfk-vippage .flex-item:nth-child(3) .vip-buy .vip-price-money, 
.home-lvip.macfk-vippage .flex-item:nth-child(3) .vip-buy .vip-price-day{
    color: #fff;
}


.home-lvip.macfk-vippage .vip-buy button{
    border-radius: 8px;  
    margin:.75rem 0;
}

.home-lvip.macfk-vippage .flex-item:nth-child(2) .vip-buy button,
.home-lvip.macfk-vippage .flex-item:nth-child(1) .vip-buy button{
    background: rgba(0, 110, 255, 0.1);
    border-color: rgba(0, 110, 255, 0.1);
    color: #5137ff !important;
}


#home-row-lastupdates .modules-title-box{
    display: none;
}


/*Category Page*/
.macfk-tax-header{
    margin-top: 1.5rem;
}

#filter-top ul li+li{
    border-top:1px solid #e3e6e8;
}


.macfk-tax-header .filter-items a{
    font-size: 16px;
    max-width: 100%;
    background: none;
    line-height: 24px;
}


.macfk-tax-header li:nth-child(2) .filter-items a{
    font-size: 14px;
}

.macfk-tax-header .filter-items a:hover{
    border:1px solid rgba(0,0,0,0);
    color: #5137ff;
}


/*Comments*/

.post-pre-next-in h2{
        font-size: 20px;
    line-height: 43px;
}

.macfk-comments .com-form-textarea{
    padding-bottom: 0;
}
.macfk-comments .macfk-box-textarea,
.macfk-comments .com-form-input input{
    padding: 0.6875rem 1rem;
    font-weight: bold;
    color: #4b525b;
    background: #f3f5f8;
    font-size: 1rem;
    line-height: 24px;
    font-weight: normal;
    border: 0;
    border-radius: 6px;
    box-shadow: inset -4px -4px 8px #f1f1f1, inset 4px 4px 8px #e1e1e1;
    transition: all .15s ease-in-out;
}

.macfk-comments .com-form-input.b2-show{
    flex-direction: column;
}

.macfk-comments .com-form-textarea{
    border:none;
}

.macfk-comments .com-form-input input{
    margin-bottom: 1rem;
    width: 100%;
}


/*Login*/
.modal{
    background-color: #f4f5f9; 
    z-index: 99;
}
.macfk-login{
    background: none; 
}

.macfk-login.modal-content{
    width: 480px;
    max-width: 100%;
}

.macfk-login .macfk-box{
    background: #f0f2f7;
    background: linear-gradient(180deg, #f0f2f7, #fff);
}

.macfk-login .login-title{
    font-size: 36px;
    font-weight: bold;
    line-height:48px;
    color: #000;
}

.macfk-login .login-form-item input{
    padding: 0.6875rem 1rem;
    font-weight: bold;
    color: #4b525b;
    background: #f3f5f8;
    font-size: 1rem;
    line-height: 24px;
    font-weight: normal;
    border: 0;
    border-radius: 6px;
    box-shadow: inset -4px -4px 8px #f1f1f1, inset 4px 4px 8px #e1e1e1;
    transition: all .15s ease-in-out;
}

.macfk-login .login-form-item input:focus + span:after, 
.macfk-login .login-form-item input[class="active"] + span:after, 
.macfk-login .login-form-item input:valid + span:after,
.macfk-login .login-form-item span{
    display: none;
}
 
 

.macfk-login .login-social-button-bottom{
    border:none;
    padding: 0;
}

.macfk-login .login-bottom{
    margin:2rem 0;
}
 
.macfk-login.login-box-content .login-social-button-bottom a{
    flex:1;
    font-size: 18px;
    line-height: 42px;
    height: 42px;
}

.macfk-login .login-tk p.login-p{
    justify-content: center;
    font-size: 14px;
}

.macfk-login .login-tk p.login-p a{
    font-size: 14px;
}

.macfk-login .login-tk p.login-p span{
    padding-left:12px;
    position: relative;
}

.macfk-login .login-tk p.login-p span::before{
    content: '•';
    color: #e7e8eb;
    position: absolute;
    left: 0;
}

/*Header Menu*/
.macfk .menu-center .header-banner-left .menu li a{
    padding-left:24px;
}

.site-content{
    margin-top: 2rem;
}

.vips .site-content
{
    margin-top:0 ;
}



/*search*/
.search .site-content{
    margin-top: 2rem;
}

.search .tax-search input{
    padding: 0.6875rem 1rem;
    font-weight: bold;
    color: #4b525b;
    background: #f3f5f8;
    font-size: 1rem;
    line-height: 24px;
    font-weight: normal;
    border: 0;
    border-radius: 6px;
    box-shadow: inset -4px -4px 8px #f1f1f1, inset 4px 4px 8px #e1e1e1;
    transition: all .15s ease-in-out;
}

.tax-search button{
    top: 5px;
    left: auto;
    right: 0;
}

#search-box .modal-content{
    background: #f0f2f7;
}
 

.search-input {
    padding: 0.6875rem 1rem;
    font-weight: bold;
    color: #4b525b;
    background: #f3f5f8;
    font-size: 1rem;
    line-height: 24px;
    font-weight: normal;
    border: 0;
    border-radius: 6px;
    box-shadow: inset -4px -4px 8px #f1f1f1, inset 4px 4px 8px #e1e1e1;
    transition: all .15s ease-in-out;
}


.top-user-box-drop ul{
    display: none;
}


/*用户中心*/
.macfk-author .author-header{
    overflow: visible;
}
.macfk-author .user-panel{
    margin-top: 0;
    align-items: center;
    padding:0 1.5rem;
}

.macfk-author h1.a-title{
    font-size: 2rem;
    margin-bottom: .75rem;
}

.macfk-author .user-panel .avatar:hover .editor-avatar{
    border-radius: 50%;
    text-align: center;
}

.macfk-author .user-panel h1{
    margin-left:.75rem;
    font-size: 1.125rem;
    color: rgb(32, 35, 43);
}


#userDisplayName{
    font-size: 1.5rem;
}

.a-loginout i{
    font-size: 1.5rem;
}

#author-post-list .post-item-1 ul.b2_gap > li{
    width: 25% !important;
}
.single-header-left:hover{
    transform: scale(1.03);
}
.macfk-home-one .single-header-left .picture{height:200px;overflow:hidden;display:block;}
.macfk-author #author-post-list .single-header-left h1{
    font-size: 1.35rem;
}

.author-table .author-links{
    padding:.75rem 1.5rem;
    margin-top: 2rem;
    margin-bottom: 1.5rem;
}


.macfk-author .mask-wrapper{ 
    width: calc(100% - 3rem); 
    height: 90px;
    margin-top: -2rem;
    padding-top: 0;
    bottom: -45px;
    left: 1.5rem;
    padding: 0 1.5rem;
    border-radius: 0.75rem; 
    align-items: center;
}

.macfk-author .mask-wrapper p{
    display: inline-block;
    line-height: 50px;
    color: #fff;
}

.mask-wrapper .d-flex{
    align-items: center;
}

.macfk-author .user-panel .avatar{
      min-width: 80px;
    min-height: 80px; 
    width: 80px;
    height: 80px; 
    border-radius: 50%;
}


.flex-pd1 .flex-item{
    margin-right: 1rem;
}

.d-flex.flex-pd1{
    margin-right: -1rem;
}

.a-item-icon{
    position: absolute;
    width: 50%;
    height: 5rem;
    line-height: 5rem;
    right: 0;
    top: calc(50% - 2.5rem);
        text-align: center;
}

.a-item-icon.i1{
    background-image: url('Assets/images/1.png') ;
    background-size: 100% 100%;
}

.a-item-icon.i2{
    background-image: url('Assets/images/2.png') ;
    background-size: 100% 100%;
}
.a-item-icon.i3{
    background-image: url('Assets/images/3.png') ;
    background-size: 100% 100%;
}
.a-item-icon.i4{
    background-image: url('Assets/images/4.png') ;
    background-size: 100% 100%;
}
.a-icon{
    padding: 1.5rem;
    height: 112px;
    position: relative;
}

.a-icon .user-item-name{
    font-size: 16px;
    color:#333;
}

.a-icon .user-item-count span{
    font-size: 2.5rem;
    padding: 0;
    font-family: 'DouyinSansBold';
}

.i-header-left{
    height: 180px;
    padding-top: 2rem;
}


.mask-wrapper img{
    width: 50px;
    margin-right: .75rem;
    vertical-align: bottom;
    height: 50px;
}

.mask-wrapper:after {
    content: "";
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: -14px;
    height: 14px;
    border-radius: 0 0 12px 12px;
    background-color: rgb(34 34 34 / 10%);
    z-index: 1;
}

#login-box .modal{
        top: 40px;
    }


/*弹窗*/
#post-gg .modal,
#gong-box .modal{
    background: none !important;
    backdrop-filter: none;
    width: auto;
    height: auto;
    top: auto;
    right: 0;
    bottom: 90px;
    left: auto;
}

#gong-box .modal{
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

#post-gg .modal-content,
#gong-box .modal-content{
    max-width: 400px;
    min-height: 225px;
    margin:auto 8rem 0 auto;
    background-size: cover ;
    background-image:url(https://globals.static.nicetheme.xyz/orange.demo.nicetheme.xyz/wp-content/uploads/2024/01/2024011508224087.jpg);
}

#gong-box .modal-content{
    margin:0 auto;
}

.post-close-button a{
    position: absolute;
    right: 2rem;
    top: 2rem; 
}


.post-close-button a i{
      color: #fff;
    font-size: 24px;
}

.post-gg-b img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: .75rem;
}

.post-gg-b h2{
    text-align: left;
    font-size: 1.25rem;
    margin-bottom: 0;
    font-weight: bold;
    line-height: 1.5;
    color: #fff;
}

.post-gg-b p{
    color: #fff;
}

.online-say{
    width: 100%;
    color: #5137ff;
    margin-top: 3rem;
    line-height: 2rem;
    background: #fff;
    font-size: 1.125rem;
}



.download-list{
    margin-bottom: 24px;
}
.download-list.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -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: 0.25rem;
}
.download-list.card,
#download-list .block {
    background: #f0f2f7;
    background: linear-gradient(180deg, #f0f2f7, #fff);
    border: 2px solid #fff;
    box-shadow: 6px 6px 15px 0 rgb(136 167 225 / 10%), -6px -6px 15px 0 #fff;
    border-radius: 15px;
    transition: all 0.2s;
}

.download-list.card:hover,
#download-list .block:hover {
    box-shadow: 10px 10px 20px 0 rgb(136 167 225 / 15%), -6px -6px 15px 0 #fff;
}

#download-list .card-body {
    padding: 1.5rem;
}
#download-list .table {
    width: 100%;
    background-color: transparent;
    border-color: #e7e8eb;
    margin: 0;
}
#download-list .table thead th {
    font-size: 18px;
    color: black;
    font-weight: 500;
    vertical-align: bottom;
    border-width: 0 0 1px;
    border-color: #e7e8eb;
}

#download-list .table> :not(:last-child)> :last-child>* {
    border-width: 0 0 1px;
    border-color: #e7e8eb;
}
#download-list .table td, #download-list .table th {
    padding: 0.75rem 0.5rem;
    vertical-align: top;
    border-width: 1px 0 0;
    border-color: #e7e8eb;
}

#download-list .table-vcenter td, #download-list .table-vcenter th {
    text-align: center;
    word-wrap: break-word;
    word-break: break-all;
    vertical-align: middle;
}
#download-list table td, #download-list table th{
    padding: 5px 10px;
    border: 1px solid #e7e8eb;;
}
#download-list .download-list .action {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

#download-list .action .button{
    margin-right: 10px;
    padding: 7px 10px;
    background: #3111ff;
    border: 1px solid #3111ff;
    border-radius: 10px;
    padding: 0.75rem 1.125rem;
}

#download-list .action span a{
    color: #5137ff;
}


/*移动端*/
@media (max-width: 768px) {
    .mo-d{
        flex-direction: column;
    }
   html{
       font-size: 10px;
   }
   
   body{
       font-size: 1.4rem;
   }
   /*Index search*/
   .search-box-content.modal-content {
        width: 34rem; 
    }
    
    .macfk .menu-center .search-button-action{
        top: 0;
        right: 67px;
        position: relative;
    }
   /*Header*/
    .macfk .menu-center .header .wrapper{
        justify-content: space-between;
    }
    .macfk .menu-center .login-button .b2-account-circle-line{
        color: rgb(128, 132, 140);
    }
    .macfk .menu-center .menu-icon,
    .macfk .menu-center .top-user-info{
       right: 80px;
       left: auto;
      
       width: 44px;
       height: 44px;
       top: 0;
       border-radius: 50%;
       color: #80848c;
        background-color: #f0f2f7;
        border-color: transparent;
        box-shadow: 8px 8px 16px rgb(67 71 82 / 15%), -8px -8px 16px rgba(255, 255, 255, 1), inset 0px 0px 4px rgba(255, 255, 255, 0.2), inset 8px 8px 16px rgba(55, 84, 170, 0), inset -8px -8px 20px rgba(255, 255, 255, 0), 0px 0px 4px rgba(255, 255, 255, 0) !important;
        transition: box-shadow 0.25s ease !important;
   }
   .macfk .menu-center .menu-icon{
        padding:15px 13px;
   }
   .macfk .menu-center .top-user-info{
       padding:10px;
       right: 0;
   }
   
   .macfk .menu-center .menu-icon .line-1, 
   .macfk .menu-center .menu-icon .line-2, 
   .macfk .menu-center .menu-icon .line-3{
       width: 18px;
       height: 2px;
       background:rgb(128, 132, 140);
   }
   
   .macfk .menu-center .logo{
       height: 30px; 
   }
   .macfk .header .wrapper{
       height: 44px !important;
       padding:0 1.5rem;
   }
   
   .site.macfk .site-header-in{
       position: fixed;
       top:0;
       z-index:9999999999;
   }
   
   .macfk .menu-center .header-user{
        right: 0;
   }
    
  .macfk .menu-center .header-tools{
      margin-left:0;
      padding-left:66px;
  }
  
   .macfk .menu-center .mobile-box .top-menu  ul li+li{
       margin-left: 0;
   }
   
   .macfk .menu-center .mobile-box .top-menu ul li.depth-0{
       border-radius: 12px;
   }
   
   .macfk .menu-center .mobile-box .top-menu  ul li a{
       padding: 1.5rem 0;
        background: #f0f2f7;
        background: linear-gradient(180deg, #f0f2f7, #fff);
        border: 2px solid #fff;
        box-shadow: 6px 6px 15px 0 rgb(136 167 225 / 10%), -6px -6px 15px 0 #fff;
        border-radius: 12px;
        overflow: hidden;
        height: 57px;
        line-height: 32px;
   }
   .macfk .menu-center .header-logo{
       align-items: flex-start;
       justify-content: space-between;
   }
   .macfk .logo img{
        height: 30px;
   }
   .social-top .site.up.macfk .site-header-in{
       transform: translate(0, -45px) !important;
   }
   .site.macfk .site-header-in{
       padding:1.5rem 0;
   }
   
   .macfk .site-header.social-top.social-no-sub{
       height: 110px;
   }
   
   .macfk .social-top .header-logo{
       top: -8px;
   }
   
   .macfk .social-top .header-banner-content .header-banner-left{
       padding: 0;
   }
   
   .macfk .social-top.social-no-sub .ym-menu{
       padding: 0 12px;
   }
   .macfk .social-top .header-banner-left .menu li a{
       padding-left: 8px;
   }
   .macfk .social-top .header-banner-content{
       height: 80px;
   }
   
   .hero-wecat,
   .hero-left p{
       font-size: 1.6rem;
   }
   
   /*Post*/
   
   .soft-info{
       padding:1.5rem;
   }
   .home .macfk .post-modules-top{
       margin:1rem 0 0 ; 
       padding:0 6px 12px 6px !important;
   } 
   
   .home .macfk .modules-title-box .module-title{
       font-size: 2rem;
       margin-bottom: 0;
   }
   
   .home .macfk .post-list-cats{
       margin-right: 0;
   }
   .post-list-cats a.post-load-button-more span{
       font-size: 1.6rem;
   }
   
   .support-text,
   .macfk-home-one .i-get-info{
       font-size: 1.4rem;
   }
    
    .macfk-home-one .single-header-left{
        padding:1.5rem 0;
            min-height: 290px;
    justify-content: flex-start;
    }
    .site-content{
        margin:0 12px;
    }
    
    .log-ul li h2{
        font-size: 20px;
    }
    .modules-title-box{
        text-align: center;
    }
    
    /**/
    .macfk-home-three .post-module-thumb{
        min-width: 100px !important;
        min-height: 100px;
        height: 100px;
    }
    
    .post-3 .post-module-thumb .b2-radius{
        padding-top:100% !important;
    }
    
    
    /*Vip*/
    
    .macfk-vippage .v-left{
            background-position: 1rem 3rem;
    }
    
    .macfk-vippage .v-left { 
        padding-left: 11rem !important;
        padding-top: 3rem !important;
    }
    
    .macfk-vippage .vip-faq-list h2{
        padding-left:3.5rem;
    }
    
    .macfk-vippage .vip-faq-list h2:before{
        top: 1px;
    }
    
    /**/
    #html-box-uplv {
        overflow-y: scroll;
        margin: 1rem 0;
    }
    
    .home-lvip ul li{
        font-size: 1.4rem;
    }
    
    .macfk-vippage .vip-buy button{
        padding:.5rem .75rem;
    }
    
    .macfk-vippage .vip-buy .vip-price-money, .macfk-vippage .vip-buy .vip-price-day{
        font-size: 1.6rem;
    }
    
    .home-lvip .flex-item .macfk-box{
        min-width: 50vw;
    }
    
    .macfk-vippage .vip-card p{
        margin-bottom: 1.5rem;
    }
    .macfk-vippage .vip-card{
        padding:2rem;
    }
    
    .vip-list .vip-son{
        overflow-y: scroll;
    }
    
    .macfk-vippage .vip-son .vip-item{
        min-width: 66vw;
    }
    
    .macfk-vippage .vip-row li{
        font-size: 1.4rem;
    }
    
    .vip-footer .d-flex{
            flex-direction: column;
    }
    .macfk-vippage .v-left{
        max-width: 100%;
    }
    
    .macfk-vippage .v-left p{
        font-size: 1.4rem;
    }
    
    .hero-items h1{
        font-size: 3rem;
    }
    
    /*Post*/
    .single .macfk-single .content-area{
        margin-top: 1rem;
    }
    
    .single .macfk-single .content-area .entry-header .d-flex{
       flex-direction: column;
   }
   
   .mobile-hidden{
       display: none !important;
   }
   
   .single .macfk-single .entry-header{
       margin-bottom: 0;
   }
   
   .single .macfk-single .single-header-left{ 
           margin-right: 0;
    padding: 2rem 2rem 5rem 14rem;
    text-align: left;
    margin-bottom: 1.5rem;
   }
   .single .macfk-single .single-header-left img{
       position: absolute;
       left: 2rem;
   } 
   .single .macfk-single .support-mac{
       height: 3.6rem;
       line-height: 3.6rem;
       text-align: center;
   }
   
   .single .macfk-single .content-area .entry-header .d-flex.member-list-i{
       flex-direction: row;
   }
    
   .single .macfk-single .download-button-box button,
   .single .macfk-single .soft-info p{
       font-size: 1.4rem;
   }
   
   .single .macfk-single .soft-info h1{
       text-align: center;
   }
   
   
   .single .macfk-single  .d-flex.soft-others{
       flex-direction: column;
   }
   
    .single .macfk-single .soft-others-right{
       margin-top: 1.5rem;
       margin-left: 0;
   }
   
   .single-header-right{
       padding:0 1rem;
   }
   
   /*UserCenter*/
   
   #author-post-list .post-item-1 ul.b2_gap > li{
       width: 50% !important;
   }
   
   .i-header-left{
       margin-bottom: 1.5rem;
   }
   
   /*Post*/
   #post-gg .modal{
       left: 0;
       right: 0;
   }
   #post-gg .modal-content{ 
       max-width: 85%;
       margin-right: auto;
   }
   
   #post-gg .modal-content{
       min-height: 185px;
   }
   
   .post-gg-b h2{
       font-size: 18px;
   }
   
   .online-say{
       font-size: 14px;
   }
   .macfk-vippage .vip-faq-list h2, .other-help li h2{
       padding-left:3.6rem;
   }
   .macfk-vippage .vip-faq-list h2:before, .other-help li h2:before{
       top: 0;
   }
   /*Footer*/
   .footer.macfk .footer-bottom-left {
        flex-flow: row;
        justify-content: center;
    }
    .footer.macfk .footer-bottom-left .copyright{
        font-size: 12px;
    }
}


.ceo-footer-banner{
    height: 210px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}
.ceo-footer-banner-box{
    text-align: center;
    overflow: hidden;
    position: relative;
    z-index: 10;
}
.ceo-footer-banner-box p{
    font-size: 16px;
    color: #fff;
    margin-bottom: 10px;
    line-height: 24px;
}
.ceo-footer-banner-box h2{
    line-height: 50px;
    color: #fff;
    font-size: 30px;
    margin-bottom: 10px;
    margin-top: 25px;
}
.ceo-footer-banner-box a{
    display: block;
    width: 200px;
    margin: 20px auto;
    cursor: pointer;
    line-height: 42px;
    height: 42px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    border-radius: 4px;
    border: 1px solid #fff;
}
.ceo-footer-banner-box a:hover{
    background: #fff;
    color: var(--primary-color);
}
.post-item-top-download ul.b2_gap > li:hover img{transform: scale(1.1);-webkit-transition:all .3s linear 0s;-moz-transition:all .3s linear 0s;-ms-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all 
.3s linear 0s;}
				  .post-item-top-download ul.b2_gap > li .post-module-thumb{ width:632px;min-width:632px; } .post-item-top-download .item-in .post-info h2{ -webkit-line-clamp: 2; } @media screen and (max-width:720px){ .post-item-top-download ul.b2_gap > li .post-module-thumb{ width:px;min-width:px; } .post-item-top-download .item-in .post-info h2{ -webkit-line-clamp: 2; } } @media screen and (min-width:720px){ .post-item-top-download ul.b2_gap > li + li{margin:0} .post-item-top-download ul.b2_gap > li{width:33.33%} .post-item-top-download ul.b2_gap > li:nth-last-child(2),.post-item-top-download ul.b2_gap > li:nth-last-child(1){ margin-bottom:0!important } .post-item-top-download .post-info h2{ font-size: 15px; font-weight: 700; } .post-item-top-download .post-excerpt{ -webkit-line-clamp: 1; } .post-3-li-dubble.post-item-top-download .b2_gap{ margin-bottom:0!important } }
				  
				  
				   .ceo-container {
    box-sizing: content-box;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
}
      .ceo-grid {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    justify-content: space-between;
    list-style: none;
    height:auto;
    position: absolute;
    top:-60px;
    z-index:999;
    left: 0;
    right: 0;
    border-radius: 20px;
    background-color: #fff;
    padding: 30px 50px;
    overflow: hidden;
}
  .ceo-gridlist {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    justify-content: center;
    list-style: none;
    height:auto;
    position: absolute;
    top:-60px;
    z-index:999;
    left: 0;
    right: 0;
    border-radius: 20px;
    background-color: #fff;
    padding: 30px 50px;
    overflow: hidden;
}
.ceo-dongtai {
    transition: all .3s;
    border-radius: 6px;
    padding: 30px;
    box-shadow: 0px 12px 27px 0px rgba(36, 61, 164, 0.11);
    position: relative;
    overflow: hidden;
}

.ceo-dongtai:hover{
    background-color: #007aff;
    color: #fff;
    cursor: pointer;
}

.ceo-child-width-1-4 .activennn{
    background-color: #007aff;
    color: #fff;
        overflow: hidden;
    border-radius: 10px;
}
.ceo-child-width-1-4 .activennn span{
    color: #fff!important;
}

.ceo-child-width-list .activennn{
    background-color: #007aff;
    color: #fff;
        overflow: hidden;
    border-radius: 10px;
}
.ceo-child-width-list .activennn span{
    color: #fff!important;
}

.ceo-dongtai:hover span{
    color: #fff;
}
.ceo-dongtai:hover p{
    color: #fff;
}
.ceo-dongtai:hover:after {
    position: absolute;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background-color: #ffffff;
    opacity: 0.15;
    top: 20px;
    content: "";
    right: -100px;
}
.ceo-dongtai span {
    font-size: 25px;
    margin-bottom: 8px;
    font-weight: 700;
    color: #333;
    display: block;
}
.ceo-child-width-1-4 li{
    margin-right: 20px;
    background: #fff;
    width: calc(50% - 20px);
}

.ceo-child-width-list li{
    margin-right: 20px;
    background: #fff;
    width:auto;
}
.ceo-dongtai p {
    font-size: 14px;
    color: #999;
    height:auto;
    line-height:30px;
    overflow:hidden;
}

.ceo-child-width-1-4 li:last-child{
    margin-right: 0;
}

.ceo-child-width-list li:last-child{
    margin-right: 0;
}
@media (max-width: 800px){
    .ceo-container{
        margin-top:40px;
    }
.ceo-child-width-1-4 li{
    width: 100%;
    background: linear-gradient(180deg, #f0f2f7, #fff);
    box-shadow: 6px 6px 15px 0 rgb(136 167 225 / 10%), -6px -6px 15px 0 #fff;
}
.ceo-child-width-list li{
    width: auto;
    background: linear-gradient(180deg, #f0f2f7, #fff);
    box-shadow: 6px 6px 15px 0 rgb(136 167 225 / 10%), -6px -6px 15px 0 #fff;
}
.ceo-dongtai span{font-size:16px;white-space:nowrap;}
.ceo-child-width-1-4 li:last-child{
    margin-right: 20px;
    margin-top:20px;
}
.ceo-child-width-list li:last-child{
    margin-right: 20px;
    margin-top:0;
}
}