/*
Theme Name:     B2е­ђдё»йў˜
Theme URI:      http: //7b2.com/
Description:    Child theme for the B2 PRO
Author:         е­ђдё»йў˜жЁЎз‰Ђ
Author URI:     http: //7b2.com/
Template:       b2
Version:        0.1.5
*/
/*VIP说明样式*/
.vip-faq {
    text-align: center;
    background-color: #ffffff00;
}
.vip-top {
    background: none!important;
    border-bottom: none!important;
}
.vip-price {
    font-size: 2rem;
    font-weight: 700;
}
.vip-price-money {
    color: #ffaa41;
}
.vip-list-in h2 {
    font-size: 1.875rem!important;
    font-weight: 700;
    text-shadow: 0 2px 5px #fe5f84;
}
.gdd-vip-module-title {
        position: relative;
        max-width: 1200px;
        margin: 0 auto;
        width: 100%;
        text-align: center;
}
.gdd-vip-module-title__title {
        font-weight: 500;
        font-size: 32px;
        line-height: 32px;
        color: #121212;
        position: relative;
}
.gdd-pvip-intro-page__copyrights {
        max-width: 1120px;
        width: 100%;
        padding: 0;
        margin: 80px auto 120px;
        display: flex;
        justify-content: space-between;
}
.gdd-pvip-intro-page__copyrights__item {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 208px;
}
.gdd-pvip-intro-page__copyrights__item>img {
        width: 48px;
        height: 48px;
}
.gdd-pvip-intro-page__copyrights__title {
        margin-top: 28px;
        margin-bottom: 12px;
        font-weight: 500;
        font-size: 16px;
        text-align: center;
        color: #121212;
}
.gdd-pvip-intro-page__copyrights__detail {
        font-size: 14px;
        text-align: center;
        color: #8590A6;
}

/* logo扫光 */

 .logo{
    position:relative;
    overflow:hidden;
    margin: 0px 0 0 0px;
}
.logo:before{
    content:"";
     position: absolute;
     left: -665px;
     top: -460px;
     width: 200px;
     height: 15px;
     background-color: rgba(255,255,255,.5);
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     transform: rotate(-45deg);
     -webkit-animation: searchLights 6s ease-in 0s infinite;
     -o-animation: searchLights 6s ease-in 0s infinite;
     animation: searchLights 6s ease-in 0s infinite;
}
@-moz-keyframes searchLights{
    50%{
        left: -100px;
         top: 0;
    }
     65%{
        left: 120px;
         top: 100px;
    }
}
@keyframes searchLights{
    40%{
        left: -100px;
         top: 0;
    }
     60%{
        left: 120px;
         top: 100px;
    }
     80%{
        left: -100px;
         top: 0px;
    }
}
/* logo扫光结束 */


/*дё‹йќўж˜Їж‚Ёи‡Єе·±DIYзљ„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
    }
(min-width: 768px)(min-width: 768px)(min-width: 768px)(min-width: 768px)(min-width: 768px)

}
<style>
div.slide-left {
  width:100%;
  overflow:hidden;
}
div.slide-left p {
  animation: slide-left 10s;
}

@keyframes slide-left {
  from {
    margin-left: 100%;
    width: 300%; 
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}
</style>
style="color:red;">

<div class="slide-left">
<p>Never fight an inanimate object.</p>
</div>

/* &#21152;&#36733;&#26356;&#22810;https://xiaohuli.vip/16344.html*/
.post-list .load-more .post-load-button:hover {
transform: translateY(-3px);
}
.post-list .load-more .post-load-button {
width: auto;
border: 0;
transition: all .3s;
padding: 12px 40px;
font-size: 15px;
letter-spacing: .5px;
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 rgb(16 110 253 / 30%);
box-shadow: 0 5px 10px 0 rgb(16 110 253 / 30%);
color: #fff!important;
}