B2主题美化-首页导航区块

样式一

B2主题美化-首页导航区块

Html代码:

<div class="home-section-division header_fixed_from_here">
    <div class="containers">
      <div class="home-division">
        <ul>
          <li><div class="item item_3"><a href="#">
            <div class="item-thumb"><i class="b2font b2-landscape-line"></i> </div>
            <h3>菜单<span class="go">go<i class="ico-go"></i></span> </h3>
            <p>正版原创设计作品集</p>
          </a></div></li>
          <li><div class="item item_1"><a href="/vips">
            <div class="item-thumb"><i class="b2font b2-profile-fill"></i> </div>
            <h3>VIP会员<span class="go">go<i class="ico-go"></i></span></h3>
            <p>高级资源抢先使用</p>
          </a></div></li>
          <li><div class="item item_2"><a href="#">
            <div class="item-thumb"><i class="b2font b2-bar-chart-fill"></i> </div>
            <h3>菜单<span class="go">go<i class="ico-go"></i></span></h3>
            <p>玩转潮流,体验快乐</p>
          </a></div></li>
          <li class="li_4"><div class="item item_4"><a href="#">
                <div class="item-thumb"><i class="b2font b2-heart-pulse-line"></i> </div>
            <h3>菜单<span class="go">go<i class="ico-go"></i></span></h3>
            <p>国内外品牌聚集地</p>
          </a></div></li>
        </ul>
      </div>
    </div>
  </div>

css代码

.item-thumb i{
    font-size: 50px;
}
    
.home-section-division {
    background: #fff;
}
.containers {
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    zoom: 1;
}
@media (min-width: 768px) {
   .containers {
      overflow: visible;
    max-width: 1280px;
    }
}
.home-section-division .home-division {
    overflow: hidden;
}
.home-section-division .home-division a {
    color: #005aff;
    display: block;
    padding: 20px 0 10px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    text-align: center
}
@media (min-width:768px) {
    .home-section-division .home-division a {
        text-align: left;
        padding: 22px 10px 30px 50px
    }
}
@media (min-width:1330px) {
    .home-section-division .home-division a {
        /*padding-right: 60px;*/
        padding-left: 106px
    }
     
}
.home-section-division .home-division a:hover .item-thumb {
    color: #3385ff
}
.home-section-division .home-division a:hover .icon-inspiration-nav-1:before {
    content: "\e82c"
}
.home-section-division .home-division a:hover .icon-tool-nav-1:before {
    content: "\e82a"
}
.home-section-division .home-division a:hover .icon-course-nav-1:before {
    content: "\e82e"
}
.home-section-division .home-division ul {
    margin: 0 -14px;
    overflow: hidden
}
.home-section-division .home-division li {
    float: left;
    line-height: 1;
    width: 25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0px 0 4px;
}
.home-section-division .home-division li h3 {
    font-size: 13px;
    line-height: 1;
    margin: 10px 0;
    color: #005aff;
    font-weight: 400
}
@media (min-width:768px) {
    .home-section-division .home-division li h3 {
        font-size: 18px;
        font-weight: 700
    }
}
.home-section-division .home-division li h3 .go {
    background: #3385ff;
    display: none;
    height: 20px;
    line-height: 20px;
    padding: 0px 0px 3px 8px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
    vertical-align: top
}
@media (min-width:1024px) {
    .home-section-division .home-division li h3 .go {
        display: inline-block
    }
}
.home-section-division .home-division li h3 .go i {
    vertical-align: middle;
    margin: -2px 3px 0
}
.home-section-division .home-division li p {
    font-size: 13px;
    color: #9a9a9a;
    display: none
}
@media (min-width:1024px) {
    .home-section-division .home-division li p {
        display: block
    }
}
.home-section-division .home-division li .item-thumb {
    font-size: 28px
}
@media (max-width:1023px) {
    .home-section-division .home-division li .item-thumb {
        color: #3385ff
    }
}
@media (min-width:768px) {
    .home-section-division .home-division li .item-thumb {
        position: absolute;
        left: 5px;
        top: 20px;
        font-size: 40px
    }
}
@media (min-width:1330px) {
    .home-section-division .home-division li .item-thumb {
        top: 30px;
        left: 50px
    }
}
@media (min-width:1024px) {
    .home-section-division .home-division li.li_4 .item {
/*        background: #f3f8ff;*/
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        color: #3385ff
    }
    .home-section-division .home-division li.li_4 .item .item-thumb,.home-section-division .home-division li.li_4 .item h3 {
        color: #3385ff
    }
    .home-section-division .home-division li.li_4 .item:hover {
        background: #3385ff;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        color: #fff
    }
    .home-section-division .home-division li.li_4 .item:hover h3,.home-section-division .home-division li.li_4 .item:hover i,.home-section-division .home-division li.li_4 .item:hover p {
        color: #fff
    }
    
    
    .home-section-division .home-division li .item {
/*        background: #f3f8ff;*/
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        color: #3385ff
    }
    .home-section-division .home-division li .item .item-thumb,.home-section-division .home-division li .item h3 {
        color: #3385ff
    }
    .home-section-division .home-division li .item:hover {
        background: #3385ff;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        color: #fff
    }
    .home-section-division .home-division li .item:hover h3,.home-section-division .home-division li .item:hover i,.home-section-division .home-division li .item:hover p {
        color: #fff
    }
}

样式二

B2主题美化-首页导航区块

将附件放到网站根目录

7b2美化-首页添加导航区块图片素材.zip:https://pan.quark.cn/s/f92696478809

以下代码放到后台-模块管理-自定义-选择铺满

<!--快捷导航-->
<div class="slide_6_ss">
    <div class="slide_6_d">
        <div class="mini-stats">
            <div class="mini-stats-content"
                style="background: url(/img/2022052508542167.png);background-size: 100% 100%;">
                <div class="slide_6_d_mb4">
                    <div class="slide_6_d_right">
                        <span> 精品源码 </span>
                        <p>精品源码及资源合集</p>
                    </div>
                </div>
            </div>
            <div class="slide_6_d_m">
                <div class="mini-stats-desc">
                    <li>
                        <a href="#" target="_blank" class="ceo-dt">
                            <img src="/img/2022052509062599.png">
                            <p>小程序</p>
                        </a>
                    </li>
                    <li>
                        <a href="#" target="_blank" class="ceo-dt">
                            <img src="/img/2022052509195463.png">
                            <p>支付系统</p>
                        </a>
                    </li>
                    <li>
                        <a href="#" target="_blank" class="ceo-dt">
                            <img src="/img/2022052509062594.png">
                            <p>电商源码</p>
                        </a>
                    </li>
                </div>
            </div>
        </div>
    </div>
    <div class="slide_6_d">
        <div class="mini-stats">
            <div class="mini-stats-content"
                style="background: url(/img/2022052508542064.png);background-size: 100% 100%;">
                <div class="slide_6_d_mb4">
                    <div class="slide_6_d_right">
                        <span> 商业模板 </span>
                        <p>模板插件,网站的好帮手</p>
                    </div>
                </div>
            </div>
            <div class="slide_6_d_m">
                <div class="mini-stats-desc">
                    <li>
                        <a href="#" target="_blank" class="ceo-dt">
                            <img src="/img/2022052509062476.png">
                            <p>WP模板</p>
                        </a>
                    </li>
                    <li>
                        <a href="#" target="_blank" class="ceo-dt">
                            <img src="/img/2022052509062449.png">
                            <p>CMS模板</p>
                        </a>
                    </li>
                    <li>
                        <a href="#" target="_blank" class="ceo-dt">
                            <img src="/img/2022052509062445.png">
                            <p>其他模板</p>
                        </a>
                    </li>
                </div>
            </div>
        </div>
    </div>
    <div class="slide_6_d">
        <div class="mini-stats">
            <div class="mini-stats-content"
                style="background: url(/img/2022052508542118.png);background-size: 100% 100%;">
                <div class="slide_6_d_mb4">
                    <div class="slide_6_d_right">
                        <span> 学习中心 </span>
                        <p>更多建站教程来这里学习~</p>
                    </div>
                </div>
            </div>
            <div class="slide_6_d_m">
                <div class="mini-stats-desc">
                    <li>
                        <a href="#" target="_blank" class="ceo-dt">
                            <img src="/img/2022052509062345.png">
                            <p>建站教程</p>
                        </a>
                    </li>
                    <li>
                        <a href="#" target="_blank" class="ceo-dt">
                            <img src="/img/202205250906256.png">
                            <p>SEO优化</p>
                        </a>
                    </li>
                    <li>
                        <a href="#" target="_blank" class="ceo-dt">
                            <img src="/img/2022052509062466.png">
                            <p>其他教程</p>
                        </a>
                    </li>
                </div>
            </div>
        </div>
    </div>
    <div class="slide_6_d">
        <div class="mini-stats">
            <div class="mini-stats-content"
                style="background: url(/img/2022052508542190.png);background-size: 100% 100%;">
                <div class="slide_6_d_mb4">
                    <div class="slide_6_d_right">
                        <span> 更多热门 </span>
                        <p>更多热门资源点这里哟</p>
                    </div>
                </div>
            </div>
            <div class="slide_6_d_m">
                <div class="mini-stats-desc">
                    <li>
                        <a href="#" target="_blank" class="ceo-dt">
                            <img src="/img/2022052509062598.png">
                            <p>绿色软件</p>
                        </a>
                    </li>
                    <li>
                        <a href="#" target="_blank" class="ceo-dt">
                            <img src="/img/2022052509062616.png">
                            <p>绝美壁纸</p>
                        </a>
                    </li>
                    <li>
                        <a href="#" target="_blank" class="ceo-dt">
                            <img src="/img/2022052509360758.png">
                            <p>游戏源码</p>
                        </a>
                    </li>
                </div>
            </div>
        </div>
    </div>
</div>

以下代码放到你的css样式

html {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    background: #fff;
    color: #666;
}
body {
    margin: 0;
}
a:active,
a:hover {
    outline: none;
}
a {
    color: #262626;
    text-decoration: none;
    cursor: pointer;
    transition: all .3s;
}
a:hover {
    color: #3385ff;
}
img {
    vertical-align: middle;
}
img {
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
}
@supports (display:block) {}
p {
    margin: 0 0 20px 0;
}
*+p {
    margin-top: 20px;
}
::selection {
    background: #39f;
    color: #fff;
    text-shadow: none;
}
:root {
    --ceo-breakpoint-s: 640px;
    --ceo-breakpoint-m: 960px;
    --ceo-breakpoint-l: 1200px;
    --ceo-breakpoint-xl: 1600px;
}
.ceo-heading-line>::before,
.ceo-heading-line>::after {
    content: "";
    position: absolute;
    top: calc(50% - ((0.2px + 0.05em) / 2));
    width: 2000px;
    border-bottom: calc(0.2px + 0.05em) solid #e5e5e5;
}
.ceo-heading-line>::before {
    right: 100%;
    margin-right: calc(5px + 0.3em);
}
.ceo-heading-line>::after {
    left: 100%;
    margin-left: calc(5px + 0.3em);
}
button.ceo-icon:not(:disabled) {
    cursor: pointer;
}
.ceo-range:not(:disabled)::-webkit-slider-thumb {
    cursor: pointer;
}
.ceo-range:not(:disabled)::-moz-range-thumb {
    cursor: pointer;
}
.ceo-range:not(:disabled)::-ms-thumb {
    cursor: pointer;
}
.ceo-radio:not(:disabled),
.ceo-checkbox:not(:disabled) {
    cursor: pointer;
}
.ceo-button:not(:disabled) {
    cursor: pointer;
}
.ceo-navbar-container>::before,
.ceo-navbar-container>::after {
    display: none !important;
}
.ceo-breadcrumb>*>:hover,
.ceo-breadcrumb>*>:focus {
    color: #666;
    text-decoration: none;
}
.ceo-pagination>*>:hover,
.ceo-pagination>*>:focus {
    color: #666;
    text-decoration: none;
}
.ceo-dotnav>*>:hover,
.ceo-dotnav>*>:focus {
    background-color: rgba(102, 102, 102, 0.6);
    outline: none;
    border-color: transparent;
}
.ceo-dotnav>*>:active {
    background-color: rgba(102, 102, 102, 0.2);
    border-color: transparent;
}
.ceo-thumbnav>*>:hover,
.ceo-thumbnav>*>:focus {
    outline: none;
}
.ceo-thumbnav>*>:hover::after,
.ceo-thumbnav>*>:focus::after {
    background-color: transparent;
}
.ceo-lightbox-items>:focus {
    outline: none;
}
.ceo-slideshow-items>:focus {
    outline: none;
}
.ceo-slider-items>:focus {
    outline: none;
}
:root {
    --ceo-leader-fill-content: .;
}
.ceo-animation-toggle:not(:hover):not(:focus) [class*='ceo-animation-'] {
    animation-name: none;
}
@supports (-webkit-background-clip:text) {}
@supports (filter:blur(0)) {}
@-moz-document url-prefix() {}
@supports (-ms-ime-align:auto) {}
.ceo-visible-toggle:not(:hover):not(:focus) .ceo-hidden-hover:not(:focus-within) {
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}
.ceo-visible-toggle:not(:hover):not(:focus) .ceo-invisible-hover:not(:focus-within) {
    opacity: 0 !important;
}
.ceo-light .ceo-heading-line>::before,
.ceo-light .ceo-heading-line>::after,
.ceo-section-primary:not(.ceo-preserve-color) .ceo-heading-line>::before,
.ceo-section-primary:not(.ceo-preserve-color) .ceo-heading-line>::after,
.ceo-section-secondary:not(.ceo-preserve-color) .ceo-heading-line>::before,
.ceo-section-secondary:not(.ceo-preserve-color) .ceo-heading-line>::after,
.ceo-tile-primary:not(.ceo-preserve-color) .ceo-heading-line>::before,
.ceo-tile-primary:not(.ceo-preserve-color) .ceo-heading-line>::after,
.ceo-tile-secondary:not(.ceo-preserve-color) .ceo-heading-line>::before,
.ceo-tile-secondary:not(.ceo-preserve-color) .ceo-heading-line>::after,
.ceo-card-primary.ceo-card-body .ceo-heading-line>::before,
.ceo-card-primary.ceo-card-body .ceo-heading-line>::after,
.ceo-card-primary>:not([class*='ceo-card-media']) .ceo-heading-line>::before,
.ceo-card-primary>:not([class*='ceo-card-media']) .ceo-heading-line>::after,
.ceo-card-secondary.ceo-card-body .ceo-heading-line>::before,
.ceo-card-secondary.ceo-card-body .ceo-heading-line>::after,
.ceo-card-secondary>:not([class*='ceo-card-media']) .ceo-heading-line>::before,
.ceo-card-secondary>:not([class*='ceo-card-media']) .ceo-heading-line>::after,
.ceo-overlay-primary .ceo-heading-line>::before,
.ceo-overlay-primary .ceo-heading-line>::after,
.ceo-offcanvas-bar .ceo-heading-line>::before,
.ceo-offcanvas-bar .ceo-heading-line>::after {
    border-bottom-color: rgba(255, 255, 255, 0.2);
}
.ceo-light .ceo-breadcrumb>*>:hover,
.ceo-light .ceo-breadcrumb>*>:focus,
.ceo-section-primary:not(.ceo-preserve-color) .ceo-breadcrumb>*>:hover,
.ceo-section-primary:not(.ceo-preserve-color) .ceo-breadcrumb>*>:focus,
.ceo-section-secondary:not(.ceo-preserve-color) .ceo-breadcrumb>*>:hover,
.ceo-section-secondary:not(.ceo-preserve-color) .ceo-breadcrumb>*>:focus,
.ceo-tile-primary:not(.ceo-preserve-color) .ceo-breadcrumb>*>:hover,
.ceo-tile-primary:not(.ceo-preserve-color) .ceo-breadcrumb>*>:focus,
.ceo-tile-secondary:not(.ceo-preserve-color) .ceo-breadcrumb>*>:hover,
.ceo-tile-secondary:not(.ceo-preserve-color) .ceo-breadcrumb>*>:focus,
.ceo-card-primary.ceo-card-body .ceo-breadcrumb>*>:hover,
.ceo-card-primary.ceo-card-body .ceo-breadcrumb>*>:focus,
.ceo-card-primary>:not([class*='ceo-card-media']) .ceo-breadcrumb>*>:hover,
.ceo-card-primary>:not([class*='ceo-card-media']) .ceo-breadcrumb>*>:focus,
.ceo-card-secondary.ceo-card-body .ceo-breadcrumb>*>:hover,
.ceo-card-secondary.ceo-card-body .ceo-breadcrumb>*>:focus,
.ceo-card-secondary>:not([class*='ceo-card-media']) .ceo-breadcrumb>*>:hover,
.ceo-card-secondary>:not([class*='ceo-card-media']) .ceo-breadcrumb>*>:focus,
.ceo-overlay-primary .ceo-breadcrumb>*>:hover,
.ceo-overlay-primary .ceo-breadcrumb>*>:focus,
.ceo-offcanvas-bar .ceo-breadcrumb>*>:hover,
.ceo-offcanvas-bar .ceo-breadcrumb>*>:focus {
    color: rgba(255, 255, 255, 0.7);
}
.ceo-light .ceo-pagination>*>:hover,
.ceo-light .ceo-pagination>*>:focus,
.ceo-section-primary:not(.ceo-preserve-color) .ceo-pagination>*>:hover,
.ceo-section-primary:not(.ceo-preserve-color) .ceo-pagination>*>:focus,
.ceo-section-secondary:not(.ceo-preserve-color) .ceo-pagination>*>:hover,
.ceo-section-secondary:not(.ceo-preserve-color) .ceo-pagination>*>:focus,
.ceo-tile-primary:not(.ceo-preserve-color) .ceo-pagination>*>:hover,
.ceo-tile-primary:not(.ceo-preserve-color) .ceo-pagination>*>:focus,
.ceo-tile-secondary:not(.ceo-preserve-color) .ceo-pagination>*>:hover,
.ceo-tile-secondary:not(.ceo-preserve-color) .ceo-pagination>*>:focus,
.ceo-card-primary.ceo-card-body .ceo-pagination>*>:hover,
.ceo-card-primary.ceo-card-body .ceo-pagination>*>:focus,
.ceo-card-primary>:not([class*='ceo-card-media']) .ceo-pagination>*>:hover,
.ceo-card-primary>:not([class*='ceo-card-media']) .ceo-pagination>*>:focus,
.ceo-card-secondary.ceo-card-body .ceo-pagination>*>:hover,
.ceo-card-secondary.ceo-card-body .ceo-pagination>*>:focus,
.ceo-card-secondary>:not([class*='ceo-card-media']) .ceo-pagination>*>:hover,
.ceo-card-secondary>:not([class*='ceo-card-media']) .ceo-pagination>*>:focus,
.ceo-overlay-primary .ceo-pagination>*>:hover,
.ceo-overlay-primary .ceo-pagination>*>:focus,
.ceo-offcanvas-bar .ceo-pagination>*>:hover,
.ceo-offcanvas-bar .ceo-pagination>*>:focus {
    color: rgba(255, 255, 255, 0.7);
}
.ceo-light .ceo-dotnav>*>:hover,
.ceo-light .ceo-dotnav>*>:focus,
.ceo-section-primary:not(.ceo-preserve-color) .ceo-dotnav>*>:hover,
.ceo-section-primary:not(.ceo-preserve-color) .ceo-dotnav>*>:focus,
.ceo-section-secondary:not(.ceo-preserve-color) .ceo-dotnav>*>:hover,
.ceo-section-secondary:not(.ceo-preserve-color) .ceo-dotnav>*>:focus,
.ceo-tile-primary:not(.ceo-preserve-color) .ceo-dotnav>*>:hover,
.ceo-tile-primary:not(.ceo-preserve-color) .ceo-dotnav>*>:focus,
.ceo-tile-secondary:not(.ceo-preserve-color) .ceo-dotnav>*>:hover,
.ceo-tile-secondary:not(.ceo-preserve-color) .ceo-dotnav>*>:focus,
.ceo-card-primary.ceo-card-body .ceo-dotnav>*>:hover,
.ceo-card-primary.ceo-card-body .ceo-dotnav>*>:focus,
.ceo-card-primary>:not([class*='ceo-card-media']) .ceo-dotnav>*>:hover,
.ceo-card-primary>:not([class*='ceo-card-media']) .ceo-dotnav>*>:focus,
.ceo-card-secondary.ceo-card-body .ceo-dotnav>*>:hover,
.ceo-card-secondary.ceo-card-body .ceo-dotnav>*>:focus,
.ceo-card-secondary>:not([class*='ceo-card-media']) .ceo-dotnav>*>:hover,
.ceo-card-secondary>:not([class*='ceo-card-media']) .ceo-dotnav>*>:focus,
.ceo-overlay-primary .ceo-dotnav>*>:hover,
.ceo-overlay-primary .ceo-dotnav>*>:focus,
.ceo-offcanvas-bar .ceo-dotnav>*>:hover,
.ceo-offcanvas-bar .ceo-dotnav>*>:focus {
    background-color: rgba(255, 255, 255, 0.9);
    border-color: transparent;
}
.ceo-light .ceo-dotnav>*>:active,
.ceo-section-primary:not(.ceo-preserve-color) .ceo-dotnav>*>:active,
.ceo-section-secondary:not(.ceo-preserve-color) .ceo-dotnav>*>:active,
.ceo-tile-primary:not(.ceo-preserve-color) .ceo-dotnav>*>:active,
.ceo-tile-secondary:not(.ceo-preserve-color) .ceo-dotnav>*>:active,
.ceo-card-primary.ceo-card-body .ceo-dotnav>*>:active,
.ceo-card-primary>:not([class*='ceo-card-media']) .ceo-dotnav>*>:active,
.ceo-card-secondary.ceo-card-body .ceo-dotnav>*>:active,
.ceo-card-secondary>:not([class*='ceo-card-media']) .ceo-dotnav>*>:active,
.ceo-overlay-primary .ceo-dotnav>*>:active,
.ceo-offcanvas-bar .ceo-dotnav>*>:active {
    background-color: rgba(255, 255, 255, 0.5);
    border-color: transparent;
}
@media print {
    *,
    *::before,
    *::after {
        background: transparent !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page {
        margin: 0.5cm;
    }
    p {
        orphans: 3;
        widows: 3;
    }
}
.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
}
.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:12px;
	color:#666;
	text-align:center
}
.ceo-pages-vip ol,ul,li {
	list-style:none
}

1 如果您喜欢本站,点击这儿捐赠本站,感谢支持!

2 这些信息可能会帮助到你: 下载帮助 | 报毒说明 | 进站必看

3 修改版本安卓及电脑软件,加群提示为修改者自留,非本站信息,注意鉴别;

4 本网站部分资源来源于网络,仅供大家学习与参考,请于下载后24小时内删除;

5 若作商业用途,请联系原作者授权,若本站侵犯了您的权益请联系站长进行删除处理;

6 作者:网站编辑,如若转载,请注明出处:https://www.lkuba.com/620.html

(0)
上一篇 2024年4月14日
下一篇 2024年4月14日

相关推荐

发表回复

登录后才能评论