.blogdetail-container .language{ display: none; }
.blogdetail-container .blog-header{ display: block; }

.mobile-blogtab{ display: none; }
.cover-img{ height: 100%; object-fit: cover; }

.blogdetail-wrap .container,
.blogs .container{ width: 12.8rem; }

.blog-kv{ padding: 0.74rem 0 0.5rem; background: rgba(250, 250, 255, 0.98); }
.blog-container{ width: 10rem; margin: 0 auto; }
.blog-kv h1, .blog-kv .kv-title { text-align: center; color: #000; line-height: 0.33rem; font-size: 0.24rem; margin-bottom: 0.44rem;font-family: AliMedium; }
.blog-swiper{ margin-bottom: 0.44rem; width: 100%; position: relative; border-radius: 0.2rem; border: 0.012rem solid #000; background: #FFF; padding: 0.26rem 0.7rem 0.26rem; }
.blog-prev,
.blog-next{ position: absolute; width: 0.4rem; height: 0.4rem; background-repeat: no-repeat; background-size: 100%; background-position: center; top: 50%; margin-top: -0.2rem; transition: all 0.15s linear; }
.blog-prev{ left: 0.2rem; background-image: url(/public/v1/images/prev_btn_gray.png); }
.blog-prev:hover{ background-image: url(/public/v1/images/prev_btn.png); transition: all 0.15s linear; }
.blog-next{ right: 0.2rem; background-image: url(/public/v1/images/next_btn_gray.png); }
.blog-next:hover{  background-image: url(/public/v1/images/next_btn.png); transition: all 0.15s linear; }

.blog-swiper .swiper{ overflow: hidden; }
.blog-swiper dl{ display: flex; justify-content: space-between; position: relative; padding: 0 0.1rem; }
.blog-swiper dl dt{ width: 4rem; height: 3.2rem; border-radius: 0.2rem; overflow: hidden; flex-shrink: 0; }
.blog-swiper dl dt a{ width: 100%; height: 100%; }
.blog-swiper dl dd{ width: 4rem; flex-shrink: 0; position: relative; padding-top: 0.15rem; }
.blog-swiper dl a{ display: block; }
.blog-swiper dl h3, .blog-swiper dl .blog-card-title{ line-height: 0.66rem; overflow: hidden; max-height: 1.32rem; margin-bottom: 0.2rem; }
.blog-swiper dl h3 a{ color: #000; font-family: AliBold; font-size: 0.48rem; }
.blog-swiper dl p{ line-height: 0.27rem; overflow: hidden; max-height: 1.08rem; }
.blog-swiper dl p a{ color: #000; font-size: 0.2rem; }
.blog-swiper dl .blogs-more{ position: absolute; right: 0; bottom: 0; border-radius: 0.2rem; border: 0.8px solid #5A57FD; transition: all 0.1s linear; display: flex; align-items: center; justify-content: center; width: 1.05rem; height: 0.4rem; color: #5A57FD; }
.blog-swiper dl .blogs-more b{ font-size: 0.16rem; font-family: AliMedium; line-height: 1em; }
.blog-swiper dl .blogs-more:hover{ border: 0.8px solid #5A57FD; background-color: #5A57FD; color: #FFF; transition: all 0.1s linear; }
.blog-search dl{ padding: 0.07rem 0.07rem 0.07rem 0.29rem; border-radius: 0.4rem; border: 0.012rem solid #000; background: #FAFAFF; display: flex; align-items: center; }
.blog-search dl dt{ width: 0.26rem; margin-right: 0.25rem; }
.blog-search dl dt img{ display: block; width: 100%; }
.blog-search dl dd{ flex: 1; display: flex; align-items: center; }
.blog-search dl dd .blog-input{ font-size: 0.2rem; flex: 1; }
.blog-search dl dd .blog-input .el-input__inner{ border: none; padding: 0; margin: 0; outline: none; font-size: 0.2rem; color: #000; font-family: AliRegular; height: 0.4rem; line-height: 0.4rem; background-color: rgba(0, 0, 0, 0); }
.blog-search dl dd .blog-input .el-input__inner::-webkit-input-placeholder { color: #BDBDBD; }
.blog-search dl dd .blog-input .el-input__inner:-ms-input-placeholder { color: #BDBDBD; }
.blog-search dl dd .blog-input .el-input__inner::-ms-input-placeholder { color: #BDBDBD; }
.blog-search dl dd .blog-input .el-input__inner::placeholder { color: #BDBDBD; }
.blog-search dl dd .search-btn{ width: 1.80rem; height: 0.55rem; line-height: 0.55rem; text-align: center; border-radius: 0.3rem; background: #5A57FD; font-size: 0.2rem; color: #fff; font-family: AliBold; margin-left: 0.15rem; }
.blog-search dl dd .el-input .el-input__clear{ font-size: 0.25rem; }

.sort{ background: #FFF; padding: 0.5rem 0 0.85rem; }
.sort .sort-tab{ display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 0.16rem; }
.sort .sort-tab a{ line-height: 0.5rem; padding: 0 0.12rem; font-size: 0.2rem; color: #555; font-family: AliMedium; margin: 0 0.3rem 0.22rem; border-radius: 0.1rem; background: #F0F1FF; }
.sort .sort-tab a.active{ background: #5A57FD; color: #FFF; }
.sort .sort-tab a:first-child{ margin-left: 0; }
.sort .sort-tab a:nth-child(5){ margin-right: 0; }

.sort-itemnr{ display: flex; flex-wrap: wrap; }
.sort-itemnr dl{ width: 3rem; height: 4.5rem; margin-bottom: 0.5rem; border-radius: 0.2rem; border: 0.012rem solid rgba(0, 0, 0, 0.20); background: #FFF; overflow: hidden; margin-right: 0.48rem; }
.sort-itemnr dl:nth-child(3n+3){ margin-right: 0; }
.sort-itemnr dt{ height: 2.10rem; overflow: hidden; }
.sort-itemnr dt a{  display: block; height: 100%; }
.sort-itemnr dd{ padding: 0.25rem 0.2rem 0; }
.sort-itemnr dd h5, .sort-itemnr dd .blog-item-title{ margin-bottom: 0.2rem; max-height: 0.99rem; overflow: hidden; }
.sort-itemnr dd h5 a{ color: #000; font-size: 0.24rem; line-height: 0.33rem; font-family: AliBold; }
.sort-itemnr dd p a{ line-height: 0.25rem; font-size: 0.18rem; color: #444; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis; }
.sort-itemnr dl:hover{ box-shadow: 0px 0.04rem 0.2rem 0px rgba(0, 0, 0, 0.25); transition: all 0.15s linear; }
.sort-itemnr dl:hover h5 a{ color: #5A57FD; }

.search-result{ padding: 0.96rem 0 0; }
.search-result .empty-tip{ text-align: center; font-size: 0.24rem; line-height: 0.33rem; color: #000; margin: 0 auto 1rem; font-family: AliMedium; }
.sort-result .search-result{ padding: 0.46rem 0 0; }

/* 博客详情 */
.blogdetail-wrap{ padding: 0.3rem 0 1rem; background: #FFF; }
.blog-flex{ display: flex; align-items: flex-start; }
/* .blogdetail-wrap .huhu-nei{ position: fixed; top: 1.9rem; left: 50%; margin-left: -5.8rem; width: 1.68rem; z-index: 5; } */
.blogdetail-wrap .blog-flex-left{ position: sticky; top: 1.9rem; width: 1.68rem; z-index: 5;  margin: 0 0 0 0.6rem; }
.blogdetail-wrap .blog-flex-left h2{ color: #000; font-size: 0.16rem; font-family: AliMedium; line-height: 0.22rem; margin-bottom: 0.36rem; cursor: pointer; display: flex; flex-wrap: wrap; text-indent: -0.16rem; }
.blogdetail-wrap .blog-flex-left h2 span{ flex: 1; margin-left: 0.04rem; }
.blogdetail-wrap .blog-flex-left h2.active{ color: #5A57FD; }
.blogdetail-wrap .blog-flex-left h2:last-child{ margin-bottom: 0; }

.blog-flex .blog-flex-right{ width: 8.92rem; margin-left: 0.8rem; }
.blog-flex .huhu-ganhuo{ position: relative; padding-top: 3.2rem; width: 100%; }
.blog-flex .huhu-ganhuo::after{ position: absolute; content: ''; width: 100%; height: 3.2rem; top: 0; left: 0; border-radius: 0.15rem; overflow: hidden; background-image: url(/public/uploads/store/product/20221114/TigerlessHealth%E8%99%8E%E8%99%8E%E4%BF%9D%E9%99%A9OPT%E4%BF%9D%E9%99%A9.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }
.blog-flex .huhu-ganhuo h1{ color: #000; text-align: center; font-size: 0.48rem; font-family: AliBold; margin-bottom: 0.5rem; line-height: 0.66rem; margin: 0.5rem 0; }

.huhu-ganhuo-two .huhu-nei{ display: none; }

.huhu-ganhuo-two .fudu,
.huhu-ganhuo-two .huhu-nei+.ones-ganhuo{ border-radius: 0.15rem; background: #F0F1FF; padding: 0.28rem 0.38rem; margin-bottom: 0.5rem; }

.huhu-ganhuo-two .fudu h3,
.huhu-ganhuo-two .fudu .p333-gan,
.huhu-ganhuo-two .huhu-nei+.ones-ganhuo .p333-gan{ color: #333; font-size: 0.18rem; line-height: 0.28rem; letter-spacing: 0.0036rem; margin: 0; }


.ones-ganhuo{ margin-bottom: 0.5rem; }
.ones-ganhuo .h333-gan{ color: #222; font-family: AliMedium; font-size: 0.4rem; line-height: 0.55rem; margin-bottom: 0.3rem; }
.ones-ganhuo .p333-gan{ color: #666; font-size: 0.18rem; line-height: 0.28rem; letter-spacing: 0.0036rem; margin-bottom: 0.2rem; }

/* .ones-ganhuo .p444-gan,
.ones-ganhuo .p222-gan{ padding-left: 0.32rem; border-left: 0.03rem solid #5A57FD; font-size: 0.18rem; line-height: 0.28rem; letter-spacing: 0.0036rem; color: #666; margin-bottom: 0.2rem; } */

.ones-ganhuo .p444-gan,
.ones-ganhuo .p222-gan{ font-size: 0.18rem; line-height: 0.28rem; letter-spacing: 0.0036rem; color: #666; margin-bottom: 0.2rem; }

.ones-ganhuo .h333-gan:last-child,
.ones-ganhuo .p444-gan:last-child,
.ones-ganhuo .p222-gan:last-child{ margin-bottom: 0; }

.huhu-ganhuo-two strong{ font-family: AliMedium; }

/* .ones-ganhuo .p444-gan strong.label,
.ones-ganhuo .p222-gan strong.label{ display: block; margin-bottom: 0.05rem; } */

.ones-ganhuo .p444-gan a,.ones-ganhuo .p444-gan a span,
.ones-ganhuo .p333-gan a,.ones-ganhuo .p333-gan a span,
.ones-ganhuo .p222-gan a,.ones-ganhuo .p222-gan a span{ font-family: AliMedium; }

.huhu-ganhuo-two strong{ color: #000 !important; }
.huhu-ganhuo-two a{ color: #5A57FD !important; }
.huhu-ganhuo-two a strong{ color: #5A57FD !important; text-decoration: underline }
.huhu-ganhuo-two strong span{ color: #000 !important; }
.huhu-ganhuo-two a strong span{ color: #5A57FD !important; }

/* 临时添加 */
.ones-ganhuo .p444-gan{ padding-left: 0.32rem; border-left: 0.03rem solid #5A57FD; }
.detail-item{ padding-left: 0.32rem; border-left: 0.03rem solid #5A57FD; font-size: 0.18rem; line-height: 0.28rem; letter-spacing: 0.0036rem; color: #666; margin-bottom: 0.2rem;  }


/* 临时添加 */

.show-in-pc img,
.show-in-mobile img{ display: block; width: 100%; height: auto; text-decoration: underline; }
.show-in-pc{ margin-bottom: 0.2rem; }
.show-in-mobile{ display: none; }

.blog-form{ border-radius: 0.2rem; width: 100%; background: #F0F1FF; padding: 0.5rem 0; margin-top: 0.6rem; }
.blog-form .blog-form-title{ color: #000; font-size: 0.4rem; font-family: AliMedium; line-height: 0.55rem; margin-bottom: 0.36rem; text-align: center; }
.blog-form .form-dl{ width: 5rem; margin: 0 auto 0.24rem; }
.blog-form .form-dl dt{ line-height: 0.33rem; color: #000; font-family: AliMedium; font-size: 0.24rem; margin-bottom: 0.1rem; }
.blog-form .form-dl dd{ background-color: #fff; border-radius: 0.3rem; }
.blog-form dl.form-dl .el-input__inner{ height: 0.5rem; border: none; line-height: 0.5rem; padding: 0 0.24rem; font-size: 0.2rem; border-radius: 0.3rem; color: #000; }
.blog-form dl.form-dl .el-select .el-input__inner{ padding-right: 0.7rem; }
.blog-form dl.form-dl .el-date-editor.el-input::after{ width: 0.18rem; height: 0.22rem; right: 0.28rem; }
.blog-form dl.form-dl .el-select .el-input::after{ width: 0.2rem; height: 0.3rem; right: 0.28rem; }
.blog-form dl.form-dl .el-input__inner::-webkit-input-placeholder,
.blog-form dl.form-dl .el-input__inner:-ms-input-placeholder,
.blog-form dl.form-dl .el-input__inner::-ms-input-placeholder,
.blog-form dl.form-dl .el-input__inner::placeholder { color: #646464; font-family: AliLight; }

.blog-form-btn{ display: flex; align-items: center; justify-content: center; margin: 0.36rem auto 0; width: 2.5rem; height: 0.6rem; border-radius: 0.3rem; color: #FFF; font-size: 0.24rem; font-family: AliBold; background: #5A57FD; transition: all 0.1s linear; }
.blog-form-btn span{ line-height: 1em; }
.blog-form-btn:hover{ transition: all 0.1s linear; box-shadow: 0px 1px 0.08rem 0px rgba(0, 0, 0, 0.50); }
.blog-ad-mobile{ display: none; }
.blog-ad{ border-radius: 0.15rem; background: #F0F1FF; padding: 0.1rem 0.55rem 0.1rem 0.1rem; display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem; }
.blog-ad dl{ display: flex; align-items: center; }
.blog-ad dt{ width: 2.05rem; height: 1.3rem; border-radius: 0.15rem; margin-right: 0.41rem; overflow: hidden; }
.blog-ad dd{ width: 1.91rem; margin-right: 0.2rem; font-family: AliMedium;  }
.blog-ad dd span{ border-radius: 0.06rem; background: #000; height: 0.25rem; line-height: 0.25rem; display: inline-block; vertical-align: top; padding: 0 0.08rem; color: #FFF; font-size: 0.16rem; }
.blog-ad dd h6, .blog-ad dd .ad-title{ color: #000; font-size: 0.2rem; line-height: 0.27rem; margin: 0.14rem 0 0.06rem; word-break: break-word; max-height: 0.54rem; overflow: hidden; }
.blog-ad dd p{ line-height: 0.38rem; color: #000; font-size: 0.14rem; }
.blog-ad dd p b{ color: #5A57FD; font-size: 0.28rem; }

.blog-ad ul{ flex: 1; }
.blog-ad ul li{ display: flex; margin-bottom: 0.12rem; color: #000; font-size: 0.14rem; line-height: 0.19rem; }
.blog-ad ul li:last-child{ margin-bottom: 0; }
.blog-ad ul li i{ width: 0.16rem; height: 0.16rem; margin-right: 0.08rem; background-image: url(/public/v1/images/blog_icon.png); background-size: 100%; background-position: center; }

.blog-ad .ad-link{ border-radius: 0.2rem; background: #5A57FD; width: 1.2rem; height: 0.4rem; display: flex; justify-content: center; align-items: center; color: #FFF !important; font-family: AliBold; font-size: 0.16rem; margin-left: 0.1rem; transition: all 0.1s linear; }
.blog-ad .ad-link:hover{ transition: all 0.1s linear; box-shadow: 0px 1px 0.05rem 0px rgba(0, 0, 0, 0.50); }


/* 更多博文 */
.blogs{ background: #FAFAFF; padding: 0.5rem 0 0.87rem; position: relative; z-index: 8; }
.blogs .container{ padding: 0 1.5rem; }
.blogs-title{ position: relative; margin-bottom: 0.54rem; }
.blogs-title h4, .blogs-title .more-title { text-align: center; line-height: 0.55rem; color: #000; font-size: 0.4rem; font-family: AliMedium; }
.blogs-title a{ position: absolute; top: 0; left: 0; height: 0.55rem; line-height: 0.55rem; color: #646464; font-size: 0.18rem; display: flex; align-items: center; }
.blogs-title a i{ width: 0.25rem; height: 0.25rem; background-image: url(/public/v1/images/plan_icon17.png); background-repeat: no-repeat; background-size: 100%; margin-right: 0.02rem; }
.blogs-title a:hover{ color: #5A57FD; }
.blogs-title a:hover i{ background-image: url(/public/v1/images/plan_icon17_cur.png); }
.blog-list{ display: flex; justify-content: space-between; flex-wrap: wrap; }

.blog-list dl{ width: 3rem; border-radius: 0.2rem; border: 0.02rem solid #5A57FD; background: #FFF; overflow: hidden; }
.blog-list dl a{ display: block; }
.blog-list dt{ height: 2.07rem; overflow: hidden; }
.blog-list dt a{ height: 100%; }
.blog-list dd{ height: 1rem; padding: 0 0.35rem; display: flex; align-items: center; }
.blog-list dd h5, .blog-list dd .blog-item-title { max-height: 0.66rem; overflow: hidden; }
.blog-list dd h5 a, .blog-list dd .blog-item-title a { color: #000; font-size: 0.24rem; line-height: 0.33rem; font-family: AliBold; color: #000; }
.blog-list dl:hover{ box-shadow: 0px 0.04rem 0.2rem 0px rgba(0, 0, 0, 0.25); transition: all 0.15s linear; }
.blog-list dl:hover h5 a, .blog-list dl:hover .blog-item-title a { color: #5A57FD; }


/* ipad */
@media screen and (min-width : 751px) and (max-width : 1024px){
    p{
        overflow: scroll;
        height: auto;
    }
    .blog-kv{ padding: 0.86rem 0 0.63rem; }
    .blog-container{ width: 7.14rem; }
    
    .blogdetail-wrap .container,
    .blogs .container{ width: 100%; }

    .blog-kv h1, .blog-kv .kv-title { line-height: 0.27rem; font-size: 0.2rem; margin-bottom: 0.4rem; }
    .blog-swiper{ margin-bottom: 0.4rem; border-radius: 0.14rem; padding: 0.38rem 0.7rem 0.27rem; border: 0.014rem solid #000; }
    .blog-prev,
    .blog-next{ width: 0.3rem; height: 0.3rem; margin-top: -0.15rem; background-size: 0.2rem; }
    .blog-prev{ left: 0.1rem; }
    .blog-next{ right: 0.1rem; }
    .blog-swiper dl{ padding: 0 0.1rem; }
    .blog-swiper dl dt{ width: 2.35rem; height: 2.15rem; border-radius: 0.12rem; }
    .blog-swiper dl dd{ width: 2.86rem; padding-top: 0; }
    .blog-swiper dl h3, .blog-swiper dl .blog-card-title{ line-height: 0.49rem; max-height: 0.98rem; margin-bottom: 0.08rem; }
    .blog-swiper dl h3 a{ font-size: 0.36rem; }
    .blog-swiper dl p{ line-height: 0.24rem; max-height: 0.96rem; margin-bottom: 0.15rem; }
    .blog-swiper dl p a{ font-size: 0.16rem; }
    .blog-swiper dl .blogs-more{ position: initial; float: right; }

    .blog-search dl{ padding: 0.05rem 0.05rem 0.05rem 0.22rem; border: 0.014rem solid #000; }
    .blog-search dl dt{ width: 0.2rem; margin-right: 0.15rem; }
    .blog-search dl dd .blog-input{ font-size: 0.16rem; }
    .blog-search dl dd .blog-input .el-input__inner{ font-size: 0.16rem; }
    .blog-search dl dd .search-btn{ width: 1.13rem; height: 0.45rem; line-height: 0.45rem; border-radius: 0.28rem; font-size: 0.16rem; }

    .sort{ padding: 0.48rem 0 0.49rem; }
    .sort .sort-tab{ margin-bottom: 0.27rem; padding: 0; }
    .sort .sort-tab a{ line-height: 0.3rem; font-size: 0.16rem; margin: 0 0.1rem 0.16rem; padding: 0 0.12rem; border-radius: 0.05rem; }
    .sort-itemnr{ justify-content: space-between; }
    .sort-itemnr dl{ width: 3.32rem; height: 3.93rem; margin-bottom: 0.44rem; border-radius: 0.18rem; margin-right: 0; }
    .sort-itemnr dt{ height: 1.83rem; }
    .sort-itemnr dd{ padding: 0.2rem 0.33rem 0; }
    .sort-itemnr dd h5, .sort-itemnr dd .blog-item-title{ margin-bottom: 0.13rem; max-height: 0.81rem; }
    .sort-itemnr dd h5 a{ font-size: 0.2rem; line-height: 0.27rem; }
    .sort-itemnr dd p a{ line-height: 0.22rem; font-size: 0.16rem; }

    .search-result{ padding: 0.37rem 0 0; }
    .search-result .empty-tip{ font-size: 0.2rem; line-height: 0.27rem; margin: 0 auto 0.6rem; }
    .search-result .sort-itemnr dl:nth-child(3){ display: none; }
    .sort-result .search-result{ padding: 0; }

    /* 博客详情 */
    .blogdetail-wrap{ padding: 0.36rem 0 0.84rem; }
    .blogdetail-wrap .blog-flex-left{ top: 1.22rem; width: 1.45rem; margin: 0 0 0 0.56rem; }
    .blogdetail-wrap .blog-flex-left h2{ font-size: 0.14rem; line-height: 0.19rem; margin-bottom: 0.3rem; text-indent: -0.14rem; }
    .blog-flex .blog-flex-right{ width: 5.34rem; margin-left: 0.4rem; }
    .blog-flex .huhu-ganhuo{ padding-top: 2.72rem; }
    .blog-flex .huhu-ganhuo::after{ height: 2.72rem; border-radius: 0.1rem; background-image: url(/public/uploads/store/product/20221114/TigerlessHealth%E8%99%8E%E8%99%8E%E4%BF%9D%E9%99%A9OPT%E4%BF%9D%E9%99%A9.jpg); }
    .blog-flex .huhu-ganhuo h1{ font-size: 0.36rem; margin: 0.54rem 0 0.45rem; line-height: 0.39rem; }

    .huhu-ganhuo-two .fudu,
    .huhu-ganhuo-two .huhu-nei+.ones-ganhuo{ padding: 0.24rem 0.38rem 0.2rem; margin-bottom: 0.44rem; }
    .huhu-ganhuo-two .fudu h3,
    .huhu-ganhuo-two .fudu .p333-gan,
    .huhu-ganhuo-two .huhu-nei+.ones-ganhuo .p333-gan{ font-size: 0.16rem; line-height: 0.24rem; letter-spacing: 0.0032rem; }

    .ones-ganhuo{ margin-bottom: 0.6rem; }
    .ones-ganhuo .h333-gan{ font-size: 0.2rem; line-height: 0.27rem; margin-bottom: 0.26rem; letter-spacing: 0.004rem; }
    .ones-ganhuo .p333-gan{ font-size: 0.16rem; line-height: 0.24rem; letter-spacing: 0.0032rem; margin-bottom: 0.26rem; }

    .ones-ganhuo .p444-gan,
    .ones-ganhuo .p222-gan{ font-size: 0.16rem; line-height: 0.24rem; letter-spacing: 0.0032rem; margin-bottom: 0.26rem; }

    .show-in-pc img,
    .show-in-mobile img{ display: block; width: 100%; }
    .show-in-pc{ margin-bottom: 0.26rem; }
    .show-in-mobile{ display: none; }

    .blog-form{ border-radius: 0.14rem; margin-top: 0.84rem; padding: 0.34rem 0 0.22rem; }
    .blog-form .blog-form-title{ font-size: 0.24rem; line-height: 0.33rem; margin-bottom: 0.3rem; }
    .blog-form .form-dl{ width: 3.44rem; margin: 0 auto 0.2rem; }
    .blog-form .form-dl dt{ line-height: 0.21rem; font-size: 0.15rem; margin-bottom: 0.08rem; }
    .blog-form .form-dl dd{ background-color: #fff; border-radius: 0.2rem; }
    .blog-form dl.form-dl .el-input__inner{ height: 0.34rem; line-height: 0.34rem; font-size: 0.14rem; border-radius: 0.2rem; padding: 0 0.24rem; }
    .blog-form dl.form-dl .el-date-editor.el-input .el-input__inner{ padding-right: 0.5rem; }
    .blog-form dl.form-dl .el-select .el-input__inner{ padding-right: 0.5rem; }

    .blog-form dl.form-dl .el-date-editor.el-input::after{ width: 0.14rem; height: 0.16rem; right: 0.18rem; }
    .blog-form dl.form-dl .el-select .el-input::after{ width: 0.16rem; right: 0.18rem; }

    .blog-form-btn{ margin: 0.3rem auto 0; width: 1.72rem; height: 0.41rem; border-radius: 0.2rem; font-size: 0.16rem; }

    .blog-ad{ border-radius: 0.1rem; padding: 0.06rem 0.2rem 0.06rem 0.07rem; margin-bottom: 0.6rem; }
    .blog-ad dt{ width: 1.17rem; height: 0.84rem; border-radius: 0.1rem; margin-right: 0.2rem; }
    .blog-ad dd{ width: 1.11rem; margin-right: 0.2rem; }
    .blog-ad dd span{ border-radius: 0.04rem; height: 0.16rem; line-height: 0.16rem; padding: 0 0.05rem; font-size: 0.1rem; }
    .blog-ad dd h6, .blog-ad dd .ad-title{ font-size: 0.14rem; line-height: 0.19rem; margin: 0.07rem 0 0.04rem; max-height: 0.38rem; }
    .blog-ad dd p{ line-height: 0.25rem; font-size: 0.1rem; }
    .blog-ad dd p b{ font-size: 0.18rem; }
    .blog-ad ul li{ margin-bottom: 0.06rem; font-size: 0.1rem; line-height: 0.14rem; }
    .blog-ad ul li i{ width: 0.1rem; height: 0.1rem; margin-right: 0.05rem; }
    .blog-ad .ad-link{ border-radius: 0.12rem; width: 0.78rem; height: 0.26rem; font-size: 0.12rem; }

    /* 更多博文 */
    .blogs{ padding: 0.95rem 0; }
    .blogs .container{ padding: 0 0.67rem; }
    .blogs-title{ margin-bottom: 0.55rem; }
    .blogs-title h4, .blogs-title .more-title { line-height: 0.44rem; font-size: 0.32rem; }
    .blogs-title a{ height: 0.44rem; line-height: 0.44rem; font-size: 0.16rem; }
    .blog-list dl{ width: 2.2rem; }
    .blog-list dt{ height: 1.54rem; }
    .blog-list dd{ height: 0.74rem; padding: 0 0.18rem; }
    .blog-list dd h5, .blog-list dd .blog-item-title { max-height: 0.5rem; }
    .blog-list dd h5 a, .blog-list dd .blog-item-title a { font-size: 0.18rem; line-height: 0.25rem; }
    .blog-list dl:hover{ box-shadow: 0px 0.04rem 0.1rem 0px rgba(0, 0, 0, 0.25); }
}

/* mobile */
@media screen and (max-width : 750px){
    p{
        overflow: scroll;
        height: auto;
    }
    .circle{
        position: absolute;
        right: 25px;
        background-color: rgb(132, 138, 245);
        border-radius: 50%;
        height: 40px;
        width: 40px;
        background-image: url(/public/v1/images/right-row.png);
        background-size: 40px 40px;
    }
    .blogdetail-wrap .container,
    .blogs .container{ width: 100%; }
    
    .mobile-blogtab{ display: block; width: 100%; min-height: 0.6rem; background: #FAFAFF; position: relative; }
    .mobile-blogtab .blogtab-title{ height: 0.6rem; position: absolute; width: 100%; top: 0; left: 0; display: flex; justify-content: space-between; align-items: center; }
    .mobile-blogtab .blogtab-title p{ display: flex; height: 0.6rem; align-items: center; padding: 0 1rem 0 0.25rem; cursor: pointer; }
    .blog-icon{ background-position: center; background-repeat: no-repeat; background-size: 0.12rem; cursor: pointer; }
    .mobile-blogtab .blogtab-title p i{ width: 0.26rem; height: 0.2rem; background-size: 0.16rem; background-image: url(/public/v1/images/blog_icon3.png); margin-right: 26px;  }
    .mobile-blogtab .blogtab-title p span{ font-size: 0.16rem; color: #000; line-height: 0.22rem; font-family: AliMedium; }
    .mobile-blogtab .blogtab-title b,
    .blogtab-all b{ width: 0.64rem; height: 0.6rem; background-image: url(/public/v1/images/blog_icon2.png); background-size: 0.14rem; }
    /* 展示所有分类 */
    .blogtab-all{ position: relative; width: 100%; left: 0; top: 0; z-index: 6; background: #FAFAFF; }
    .blogtab-all i{ position: absolute; left: 0.1rem; top: 0; width: 0.52rem; height: 0.62rem; background-size: 0.12rem; background-image: url(/public/v1/images/blog_icon1.png); }
    .blogtab-all b{ position: absolute; top: 0; right: 0; }
    .blogtab-all ul{ padding: 0.15rem 0 0.3rem 0.63rem; }
    .blogtab-all ul li{ margin-bottom: 0.22rem; font-size: 0; }
    .blogtab-all ul li a{ display: inline-block; vertical-align: top; padding: 0 0.14rem; line-height: 0.32rem; color: #000; font-size: 0.16rem; font-family: AliMedium; }
    .blogtab-all ul li.active a{ background: #E4E6FF; border-radius: 0.06rem; color: #5A57FD; }
    /* 顶部搜索框 */
    .blogtab-search{ background: #FAFAFF; padding: 0.13rem 0.57rem 0.13rem 0.24rem; position: absolute; left: 0; top: 0; width: 100%; height: 0.6rem; z-index: 8; }
    .blogtab-search dl{ border-radius: 0.2rem; background: #FFF; border: 0.6px solid #000; display: flex; padding: 0.03rem 0.03rem 0.03rem 0.12rem; align-items: center; height: 0.34rem; }
    .blogtab-search dl dt{ width: 0.14rem; margin-right: 0.14rem; }
    .blogtab-search dl dt img{ display: block; width: 100%; }
    .blogtab-search dl dd{ flex: 1; display: flex; align-items: center; }
    .blogtab-search dl dd .blog-input{ font-size: 0.14rem; flex: 1; }
    .blogtab-search dl dd .blog-input .el-input__inner{ border: none; padding: 0; margin: 0; outline: none; font-size: 0.14rem; color: #000; font-family: AliRegular; height: 0.28rem; line-height: 0.28rem; }
    .blogtab-search dl dd .blog-input .el-input__inner::-webkit-input-placeholder { color: #BDBDBD; }
    .blogtab-search dl dd .blog-input .el-input__inner:-ms-input-placeholder { color: #BDBDBD; }
    .blogtab-search dl dd .blog-input .el-input__inner::-ms-input-placeholder { color: #BDBDBD; }
    .blogtab-search dl dd .blog-input .el-input__inner::placeholder { color: #BDBDBD; }
    .blogtab-search dl dd .search-btn{ width: 0.9rem; height: 0.28rem; line-height: 0.28rem; text-align: center; border-radius: 0.15rem; background: #5A57FD; font-size: 0.14rem; color: #fff; font-family: AliBold; margin-left: 0.1rem; }
    .blogtab-search b{ position: absolute; width: 0.56rem; height: 0.6rem; top: 0; right: 0; background-image: url(/public/v1/images/blog_icon1.png); }

    /* 页面标题 */
    .blog-kv{ padding: 0.53rem 0 0.4rem; background: #FFF; }
    .blog-container{ padding: 0 0.2rem; width: 100%; }
    .blog-kv h1, .blog-kv .kv-title { line-height: 0.3rem; font-size: 0.18rem; margin-bottom: 0; }
    
    .blog-swiper{ display: none; }
    .blog-search{ display: none; }
    .sort .sort-tab{ display: none; }

    .sort{ padding: 0 0 0.63rem; }
    .sort-itemnr{ justify-content: center; }
    .sort-itemnr dl{ width: 3.52rem; height: auto; margin-bottom: 0.24rem; border-radius: 0.2rem; border: 0.01rem solid #CCC; margin-right: 0; }
    .sort-itemnr dt{ height: 1.66rem; }
    .sort-itemnr dd{ padding: 0.24rem 0.37rem 0.26rem 0.36rem; }
    .sort-itemnr dd h5, .sort-itemnr dd .blog-item-title{ margin-bottom: 0.25rem; max-height: auto; }
    .sort-itemnr dd p a{ line-height: 0.19rem; font-size: 0.14rem; color: #444; }
    .sort-itemnr dl:hover{ box-shadow: 0px 0.04rem 0.1rem 0px rgba(0, 0, 0, 0.25); transition: all 0.15s linear; }
    .sort-itemnr .blogs-more{ margin: 0.14rem auto 0; width: 1.7rem; height: 0.44rem; border-radius: 0.26rem; border: 0.8px solid #5A57FD; background: rgba(255, 255, 255, 0.10); font-size: 0.16rem; color: #5A57FD; font-family: AliMedium; display: flex; align-items: center; justify-content: center; transition: all 0.1s linear; }
    .sort-itemnr .blogs-more b{ line-height: 1em; }
    .sort-itemnr .blogs-more:hover{ border: 0.8px solid #5A57FD; background-color: #5A57FD; color: #FFF; transition: all 0.1s linear; }

    .search-result{ padding: 0.8rem 0 0; }
    .search-result .empty-tip{ width: 1.9rem; font-size: 0.16rem; line-height: 0.22rem; margin: 0 auto 0.56rem; }

    .sort.sort-result{ padding: 0.5rem 0 0.63rem; }
    .sort.sort-result .search-result{ padding: 0; }

    .blogtab-all{ max-height: 0; overflow: hidden; transition: all 0.3s linear; }
    .blogtab-all.show{ max-height: 5rem; transition: all 0.3s linear; }
    .blogtab-search{ display: none; opacity: 0; transition: all 0.2s linear; }
    .blogtab-search.show{ display: block; opacity: 1; transition: all 0.2s linear; }

     /* 博客详情 */
    .blogdetail-wrap{ padding: 0.5rem 0 0.78rem; }
    .blogdetail-wrap .blog-flex-left{ display: none; margin: 0; }
    .blog-flex .blog-flex-right{ width: 3.46rem; margin: 0 auto; }
    .blog-flex .huhu-ganhuo{ padding-top: 1.7rem; }
    .blog-flex .huhu-ganhuo::after{ width: 2.84rem; height: 1.7rem; top: 0; left: 0.31rem; border-radius: 0.06rem; }
    .blog-flex .huhu-ganhuo h1{ width: 2.87rem; font-size: 0.24rem; margin: 0.42rem auto; line-height: 0.3rem; color: #000; text-align: center; }

    .huhu-ganhuo-two .huhu-nei{ display: block; width: 3.31rem; margin: 0 auto 0.42rem; border-radius: 0.15rem; background: #F6F5F5; padding: 0.26rem 0.35rem 0.25rem; }
    .huhu-ganhuo-two .huhu-nei h4{ color: #000; font-family: AliMedium; font-size: 0.18rem; line-height: 0.25rem; margin-bottom: 0.22rem; }
    .huhu-ganhuo-two .huhu-nei h2{ color: #5A57FD; font-family: AliMedium; font-size: 0.18rem; line-height: 0.25rem; margin-bottom: 0.16rem; cursor: pointer; text-indent: -0.18rem; }
    .huhu-ganhuo-two .huhu-nei h2:last-child{ margin-bottom: 0; }
    /* 目录标签原本是 h4，为修标题跳级（h1 直接到 h4）改成了 h2，见
       db/migrations/2026-09-03-blog-toc-heading.sql。它落在 .mulus 里、
       目录项落在 .shuoming 里，因此可以精确区分。这条特指度 (0,3,1) 高于
       上面那条 (0,2,1)，但只覆盖被覆盖到的属性——cursor 与 text-indent
       必须显式抵消，否则目录两个字会变成可点的紫色缩进样式。 */
    .huhu-ganhuo-two .huhu-nei .mulus h2{ color: #000; margin-bottom: 0.22rem; cursor: auto; text-indent: 0; }

    .huhu-ganhuo-two .fudu,
    .huhu-ganhuo-two .huhu-nei+.ones-ganhuo{ width: 3.31rem; margin: 0 auto 0.54rem; padding: 0.2rem 0.3rem; }
    .huhu-ganhuo-two .fudu h3,
    .huhu-ganhuo-two .fudu .p333-gan,
    .huhu-ganhuo-two .huhu-nei+.ones-ganhuo .p333-gan{ font-size: 0.16rem; line-height: 0.26rem; letter-spacing: 0.0048rem; }

    .ones-ganhuo{ margin-bottom: 0.6rem; }
    .ones-ganhuo .h333-gan{ font-family: AliBold; font-size: 0.2rem; line-height: 0.27rem; margin-bottom: 0.26rem; }
    .ones-ganhuo .p333-gan{ font-size: 0.16rem; line-height: 0.26rem; letter-spacing: 0; margin-bottom: 0.26rem; }
    .ones-ganhuo .p444-gan,
    .ones-ganhuo .p222-gan{ font-size: 0.16rem; line-height: 0.26rem; letter-spacing: 0; margin-bottom: 0.26rem; }
    .ones-ganhuo .p444-gan{ padding-left: 0.16rem; border-left: 0.02rem solid #5A57FD; }
    .ones-ganhuo .p444-gan strong{ font-size: 0.18rem; }
    .ones-ganhuo .p444-gan strong.label,
    .ones-ganhuo .p222-gan strong.label{ font-size: 0.16rem; line-height: 0.22rem; margin-bottom: 0.08rem; letter-spacing: 0.008rem; }

    .show-in-mobile{ display: block; }
    .show-in-pc{ display: none; }

    .blog-form{ padding: 0.36rem 0; }
    .blog-form .blog-form-title{ font-size: 0.24rem; line-height: 0.33rem; margin: 0 auto 0.3rem; }
    .blog-form .form-dl{ width: 3rem; margin: 0 auto 0.2rem; }
    .blog-form .form-dl dt{ line-height: 0.22rem; font-family: AliRegular; font-size: 0.16rem; margin-bottom: 0.02rem; }

    .blog-form .form-dl dd{ background-color: #fff; border-radius: 0.5rem; }
    .blog-form dl.form-dl .el-input__inner{ height: 0.4rem; border: 1px solid #fff; line-height: 0.4rem; padding: 0 0.4rem 0 0.24rem; font-size: 0.16rem; border-radius: 0.5rem; outline: none; }
    .blog-form dl.form-dl .el-select .el-input__inner{ padding-right: 0.4rem; }
    .blog-form dl.form-dl .el-date-editor.el-input::after{ width: 0.14rem; height: 0.22rem; right: 0.16rem; }
    .blog-form dl.form-dl .el-select .el-input::after { width: 0.14rem; right: 0.16rem; margin-top: -0.15rem; }
    .blog-form dl.form-dl .el-date-editor.el-input .el-input__inner{ padding-right: 0.4rem; }
    .blog-form-btn{ margin: 0.3rem auto 0; width: 1.72rem; height: 0.41rem; border-radius: 0.2rem; font-size: 0.16rem; border: none; }

    .blog-ad{ display: none; }
    .blog-ad-mobile{ display: block; }
    .blog-ad-mobile{ padding: 0.2rem 0.14rem 0.2rem 0.14rem; margin-bottom: 0.6rem; border-radius: 0.15rem; background: #F0F1FF; }
    .blog-ad-mobile dl{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.09rem; }
    .blog-ad-mobile dt{ width: 1.29rem; height: 0.93rem; border-radius: 0.1rem; margin-right: 0.1rem; overflow: hidden; }
    .blog-ad-mobile dd p{ display: flex; margin-bottom: 0.08rem; color: #000; font-size: 0.12rem; line-height: 0.16rem; }
    .blog-ad-mobile dd p:last-child{ margin-bottom: 0; }
    .blog-ad-mobile dd p i{ width: 0.16rem; height: 0.16rem; margin-right: 0.08rem; background-image: url(/public/v1/images/blog_icon.png); background-size: 100%; background-position: center; }

    .blog-ad-mobile .blog-ad-title{ display: flex; align-items: center; justify-content: space-between; font-family: AliMedium; }
    .blog-ad-mobile .blog-ad-title span{ border-radius: 0.05rem; background: #000; height: 0.15rem; line-height: 0.15rem; padding: 0 0.07rem 0 0.08rem; color: #FFF; font-size: 0.1rem; margin-right: 0.12rem; }
    .blog-ad-mobile .blog-ad-title h6{ color: #000; font-size: 0.12rem; flex: 1; line-height: 0.16rem; margin-right: 0.1rem; white-space: nowrap; overflow: hidden; }
    .blog-ad-mobile .blog-ad-title p{ line-height: 0.22rem; color: #000; font-size: 0.12rem; }
    .blog-ad-mobile .blog-ad-title p b{ color: #5A57FD; font-size: 0.16rem; }
    
    .blog-ad-mobile .ad-link{ border-radius: 0.2rem; background: #5A57FD; width: 0.74rem; height: 0.32rem; display: flex; justify-content: center; align-items: center; color: #FFF !important; font-family: AliBold; font-size: 0.14rem; margin-left: 0.23rem; transition: all 0.1s linear; }
    .blog-ad-mobile .ad-link:hover{ transition: all 0.1s linear; box-shadow: 0px 1px 0.03rem 0px rgba(0, 0, 0, 0.50); }


    /* 更多博文 */
    .blogs{ padding: 0.48rem 0; }
    .blogs .container{ padding: 0; }
    .blogs-title{ margin-bottom: 0.25rem; }
    .blogs-title h4, .blogs-title .more-title { line-height: 0.32rem; font-size: 0.24rem; }
    .blogs-title a{ display: none; }

    .blog-list{ display: none; }
    .blog-list-swiper{ padding: 0 0.78rem 0; position: relative; }
    .blog-list-swiper .swiper{ overflow: hidden; }
    .blog-list-swiper dl{ border-radius: 0.14rem; background: #FFF; border: 1px solid #5A57FD; overflow: hidden; margin: 0 0.1rem; }
    .blog-list-swiper dt{ height: 1.35rem; }
    .blog-list-swiper dt a{ display: block; height: 100%; }
    .blog-list-swiper dd{ height: 0.64rem; padding: 0 0.22rem; display: flex; align-items: center; }
    .blog-list-swiper dd h3{ line-height: 0.22rem; max-height: 0.44rem; overflow: hidden; }
    .blog-list-swiper dd h3 a{ font-size: 0.15rem; color: #000; font-family: AliBold; }
    .blog-list-swiper dl:hover{ transition: all 0.15s linear; }
    .blog-list-swiper dl:hover dd h3 a{ color: #5A57FD; }

    .blog-list-swiper .blog-prev,
    .blog-list-swiper .blog-next{ width: 0.36rem; height: 0.36rem; margin-top: -0.18rem; }
    .blog-list-swiper .blog-prev{ left: 0.3rem; }
    .blog-list-swiper .blog-next{ right: 0.3rem; }
}

.english .blog-flex .huhu-ganhuo h1{ font-family: RobotoBold; }
.english .huhu-ganhuo-two strong{ font-family: RobotoMedium; }
.english .blog-form .blog-form-title{ font-family: RobotoMedium; }
.english .blog-swiper dl h3 a{ font-family: RobotoBold; }
.english .blog-search dl dd .blog-input .el-input__inner{font-family: RobotoRegular;}
.english .sort-itemnr dd h5 a{ font-family: RobotoBold; }
.english .blog-kv h1, .english .blog-kv .kv-title { line-height: 0.28rem; font-family: RobotoMedium; white-space: nowrap; margin-bottom: 0.49rem; }
.english .blog-swiper dl .blogs-more{ width: 1.2rem; height: 0.4rem; }
.english .blog-swiper dl .blogs-more b{ font-family: RobotoMedium; }
.english .blog-search dl dd .search-btn{ font-family: RobotoBold; }
.english .sort .blog-container{ width: 100%; } 
.english .blog-container .sort-tab{ width: 11.6rem; margin: 0 auto 0.16rem; }
.english .sort .sort-tab a{ font-family: RobotoMedium; margin: 0 0.15rem 0.22rem;}
.english .blog-container .sort-item{ width: 10rem; margin: 0 auto; }
.english .blogs-title a{ font-family: RobotoMedium; height: 0.47rem; line-height: 0.47rem; }
.english .blogs-title h4, .english .blogs-title .more-title { line-height: 0.47rem; font-family: RobotoMedium; }
.english .blog-ad dd{ font-family: RobotoMedium;  }
.english .ones-ganhuo .h333-gan{ font-family: RobotoMedium; }
.english .blogdetail-wrap .blog-flex-left h2{ font-family: RobotoMedium; }
.english .search-result .empty-tip{ font-family: RobotoMedium; }


/* ipad */
@media screen and (min-width : 751px) and (max-width : 1024px){
    .english .blog-kv h1, .english .blog-kv .kv-title { margin-bottom: 0.4rem; line-height: 0.23rem; white-space: initial; }
    .english .blog-search dl dd .search-btn{ height: 0.44rem; line-height: 0.44rem; font-size: 0.2rem; }
    .english .sort .blog-container{ width: 7.14rem; }
    .english .blog-container .sort-tab{ width: 100%; }
    .english .sort .sort-tab a{ margin: 0 0.1rem 0.16rem; min-width: 0.8rem; text-align: center; }
    .english .blog-container .sort-item{ width: 100%; }
    .english .blogs-title a{ font-size: 0.18rem; height: 0.38rem; line-height: 0.38rem; }
    .english .blogs-title h4, .english .blogs-title .more-title { line-height: 0.38rem; }
}

/* mobile */
@media screen and (max-width : 750px){
    .english .blogtab-all ul li a{ color: #333; font-family: RobotoMedium; }
    .english .mobile-blogtab .blogtab-title p span{ font-family: RobotoMedium; line-height: 0.19rem; }
    .english .mobile-blogtab .blogtab-title p{ padding: 0 0.3rem 0 0.25rem; }
    .english .blog-kv{ padding: 0.58rem 0; }
    .english .blog-kv h1, .english .blog-kv .kv-title { width: 3.2rem; line-height: 0.21rem; white-space: initial; margin: 0 auto; }
    .english .blog-container .sort-item{ width: 100%; }
    .english .blogtab-search dl dd .search-btn{ font-family: RobotoBold; }
    .english .blogs-title{ margin-bottom: 0.3rem; }
    .english .blogs-title h4, .english .blogs-title .more-title { line-height: 0.28rem; }
    .english .search-result .empty-tip{ width: auto; }
}


/* 
    font-family: AliLight;
    font-family: AliRegular;
    font-family: AliMedium;
    font-family: AliBold;

    font-family: RobotoLight;
    font-family: RobotoRegular;
    font-family: RobotoMedium;
    font-family: RobotoBlack;
    font-family: RobotoBold; 
*/
/*
 * 悬浮客服二维码卡片下方的小三角。
 *
 * DOM（<p class="arrow_bottom">）在所有博客详情模板里都有，但只有
 * blog_details.php / blog_details_cn.php 在自己的 <style> 里写了这条规则；
 * GEO 那批模板复制悬浮客服时把它漏掉了，于是那些页面上三角形不显示——
 * 元素还在，只是渲染成一个高度为 0 的空 <p>。这里统一定义，那些模板本来就都
 * 引了 blog.css。
 *
 * 用 absolute 而不是原来的 fixed：fixed 元素默认以视口为参照，原先它之所以能
 * 贴在卡片底边，靠的是卡片上那个一直在跑的 bounce 动画——动画里的 transform
 * 顺带把卡片变成了 fixed 后代的包含块，纯属巧合。GEO 模板没有复制 .bounce 的
 * 动画定义（animate.css 里的 .bounce 只设了 animation-name、没有 duration，
 * 动画不跑），三角形就跑到视口右下角去了。改成 absolute 后包含块是最近的定位
 * 祖先，也就是 position:fixed 的 .contactitem，与动画跑不跑无关。
 */
.arrow_bottom {
    z-index: 100;
    position: absolute;
    /* 老 GEO 模板的样式是全局的，它们的 p{margin:.9rem 0} 会落到这个 <p> 上，
       把三角形往上顶 14px（实测），所以这里显式清零 */
    margin: 0;
    bottom: -10px;
    right: 24px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #E7E8FC;
    font-size: 0;
    line-height: 0;
    transform: rotate(180deg);
}

/*
 * 二维码卡片的上下浮动。
 *
 * 直接复用 Lara 悬浮球的 lara_float_bob（public/v1/css/Lara_cn.css）：两者就挨在
 * 屏幕右下角，动效同源看着才协调，Lara 那边调节奏这边会跟着变。带二维码卡片的
 * 页面都会加载 Lara 的样式表（经 p_header_blogde_js / p_header_js），拿不到时
 * 也只是不动，不会出别的问题。
 *
 * 写成 .contactitem.bounce 而不是 .bounce 是为了压过模板里的内联样式——
 * 内联 <style> 在 <link> 之后加载，选择器不够具体就盖不住。
 *
 * 之前 GEO 那批模板的卡片一直是静止的：它们复制悬浮客服时没有带上 .bounce 的
 * 动画定义，而 animate.css 里的 .bounce 只设了 animation-name、没有 duration，
 * 动画根本不会跑。
 */
.contactitem.bounce {
    animation: lara_float_bob 10s linear infinite;
}