.header{
    height: 1.12rem;
    background-color: #fff;
}

.header-m{
    display: none;
    background-color: #fff;
}

.header .logo{
    display: block;
    width: 2.38rem;
    height: 0.68rem;
    background: url('../img/logo.png')no-repeat;
    background-size: contain;
    background-position: center;
}

.header .nav .item{
    position: relative;
    line-height: 1.12rem;
    height: 1.12rem;
    font-size: 0.18rem;
    color: #000000;
    margin: 0 0.29rem;
    padding: 0 0.2rem;
    box-sizing: border-box;
    cursor: pointer;
}

.header .nav .item.active::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 0.22rem;
    height: 0.03rem;
    background-color: var(--base);
}

.header .search-btn{
    width: 0.22rem;
    cursor: pointer;
}

.footer .main{
    padding: 0.4rem 0 0.2rem;
    background-color: #383B42;
}
.footer .main .container>div{
    flex: 1;
}

.footer .base{
    height: 0.52rem;
    line-height: 0.52rem;
    font-size: 0.14rem;
    text-align: center;
    color: #D2D2D2;
    background-color: #2B2E33;
}

.footer .nav .item{
    font-size: 0.16rem;
    color: var(--w);
    margin-bottom: 0.27rem;
}

.footer .QRbox .item{
    margin: 0 0.33rem;
}

.footer .QRbox .item p{
    text-align: center;
    font-size: 0.14rem;
    color: #D2D2D2;
    margin-bottom: 0.12rem;
}

.footer .QRbox .item .QR{
    width: 1.51rem;
    height: 1.51rem;
    background-color: #fff;
}

.footer .contact .phone{
    color: #FFF;
    margin-bottom: 0.34rem;
}

.footer .contact .phone .icon{
    width: 0.47rem;
    margin-right: 0.14rem;
}

.footer .contact .phone .text p{
    font-size: 0.14rem;
    line-height: 0.18rem;
    margin-bottom: 0.04rem;
}

.footer .contact .phone .number{
    font-size: 0.24rem;
    font-weight: bold;
    line-height: 0.3rem;
}

.footer .contact .cell{
    font-size: 0.14rem;
    line-height: 0.18rem;
    color: #D2D2D2;
    margin-bottom: 0.12rem;
}

.float_box{
    position: fixed;
    top: 3.76rem;
    right: 0.8rem;
    width: 0.64rem;
    cursor: pointer;
    z-index: 99;
}

.float-nav{
    position: fixed;
    top: 45%;
    right: 0.46rem;
    z-index: 99;
}

.float-nav .item{
    width: 0.8rem;
    height: 0.8rem;
    text-align: center;
    background-color: #C8CDD1;
    padding-top: 0.06rem;
    box-sizing: border-box;
    margin-bottom: 0.02rem;
    cursor: pointer;
}

.float-nav .item:hover{
    background-color: var(--base);
}

.float-nav .item#float{
    height: 0.6rem;
}

.float-nav .item img{
    width: 0.43rem;
    vertical-align: top;
    margin-bottom: 0.05rem;
}

.float-nav .item#float img{
    width: 0.19rem;
    margin-bottom: 0.05rem;
}

.float-nav .item p{
    font-size: 0.16rem;
    color: #FFFFFF;
}

.float-nav .item .float-pop{
    display: none;
    top: 0;
    right: calc(100% + 0.1rem);
    min-width: 1.42rem;
    padding: 0.16rem 0.19rem 0;
    box-sizing: border-box;
    background-color: #fff;
    box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.16);
}

.float-nav .item:hover .float-pop{
    display: block;
}

.float-nav .item .float-pop .title{
    font-size: 0.14rem;
    color: #666666;
    margin-bottom: 0.12rem;
}

.float-nav .item .float-pop img{
    width: 1.24rem;
    min-width: 124px;
    margin-bottom: 0.12rem;
}

.float-nav .item .float-pop .tips{
    font-size: 0.14rem;
    color: #666666;
    margin-bottom: 0.18rem;
}

.float-nav .item .float-pop .phone{
    font-size: 0.24rem;
    font-weight: bold;
    white-space: nowrap;
    margin-bottom: 0.16rem;
}

/* index.html */
.index-box .banner .content{
    font-size: 0.64rem;
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
    font-weight: bold;
    color: var(--base);
}

.index-box .banner .content .container{
    padding-top: 10%;
}

.index-box .banner a{
    display: block;
    width: 100%;
}

.mod-section{
    padding: 0.8rem 0 1rem;
}

.mod-title{
    position: relative;
    text-align: center;
    margin-bottom: 1.16rem;
}
.mod-title .title{
    font-size: 0.4rem;
    color: var(-txt);
}

.mod-title .subtitle{
    font-size: 0.16rem;
    color: #C9C9C9;
}

.mod-title::after{
    content: '';
    position: absolute;
    top: calc(100% + 0.13rem);
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 0.59rem;
    height: 0.03rem;
    background-color: var(--base);
}

/* 专业咨询师 */
.index-box .expert{
    background-color: #FAFAFA;
}

.index-box .expert .main .avatar{
    margin: 0 auto;
    width: 1.98rem;
    height: 1.98rem;
    overflow: hidden;
    border-radius: 50%;
    z-index: 2;
}

.index-box .expert .main .content{
    margin-top: -0.99rem;
    padding: 1.19rem 0.2rem 0.2rem;
    box-sizing: border-box;
    border-radius: 0.3rem;
    background-color: var(--w);
}

.index-box .expert .main .name{
    text-align: center;
    font-size: 0.24rem;
    font-weight: bold;
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
    color: var(--txt);
    margin-bottom: 0.2rem;
    transition: all 0.3s;
}

.index-box .expert .main .swiper-slide:hover .name{
    color: var(--base)
}

.index-box .expert .main .intro{
    height: 0.95rem;
    font-size: 0.16rem;
    line-height: 0.24rem;
    color: var(--txt);
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 0.32rem;
}

.index-box .expert .main .service{
    text-align: center;
    font-size: 0.16rem;
    color: var(--txt);
    margin-bottom: 0.2rem;
}

.index-box .expert .main .service span{
   color: var(--base);
   font-weight: bold;
}

.index-box .expert .main .swiper-slide .btn{
    margin: 0 auto;
    width: 2.16rem;
    height: 0.52rem;
    line-height: 0.52rem;
    font-size: 0.18rem;
    color: var(--txt);
    text-align: center;
    border-radius: 0.29rem;
    background-color: #fff;
    border: 1px solid #CBCBCB;
    transition: all 0.3s;
    cursor: pointer;
}

.index-box .expert .main .swiper-slide:hover .btn{
    color: var(--w);
    background: linear-gradient( 90deg, #EF786C 0%, #FAA79E 100%);
    border: 1px solid transparent;
}

/* 案例 */
.index-box .case .row{
    margin-bottom: -0.35rem;
}

.index-box .case .row .item{
    width: 1.9rem;
    height: 2.2rem;
    margin: 0 0.31rem;
    text-align: center;
}

.index-box .case .row .item .content img{
    width: 0.7rem;
    height: 0.7rem;
    margin-bottom: 0.07rem;
    vertical-align: top;
}

.index-box .case .row .item .name{
    font-size: 0.18rem;
    color: var(--txt);
}

/* 品牌介绍 */
.index-box .brand .main .left{
    flex: 0 0 5.2rem;
    width: 5.2rem;
    margin-right: 0.5rem;
}

.index-box .brand .main .right .title{
    font-size: 0.2rem;
    color: var(--base);
    font-weight: bold;
    margin-bottom: 0.16rem;
}

.index-box .brand .main .right .intro{
    font-size: 0.16rem;
    color: var(--txt);
    margin-bottom: 0.62rem;
}

.index-box .brand .main .right .item{
    margin-right: 0.5rem;
}

.index-box .brand .main .right .item img{
    width: 0.6rem;
    height: 0.6rem;
    vertical-align: top;
    margin-bottom: 0.08rem;
}

.index-box .brand .main .right .item p{
    font-size: 0.14rem;
    color: var(--base);
    text-align: center;
}

/* 评价 */
.index-box .evaluate{
    background: url('../img/evaluate_bg.png')no-repeat;
    background-size: cover;
    background-position: center;
}

.index-box .evaluate .evaluate-swiper{
    margin-bottom: 0.2rem;
}

.index-box .evaluate .item{
    width: 2.8rem;
    height: 2.11rem;
    padding: 0.25rem 0.18rem;
    box-sizing: border-box;
    border-radius: 0.3rem;
    background-color: #fff;
}

.index-box .evaluate .item .user .avatar{
    width: 0.48rem;
    height: 0.48rem;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 0.14rem;
}

.index-box .evaluate .item .user .info{
    width: calc(100% - 0.62rem);
}

.index-box .evaluate .item .name{
    font-size: 0.14rem;
    font-weight: bold;
    color: var(--txt);
    margin-bottom: 0.04rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.index-box .evaluate .item .time{
    font-size: 0.12rem;
    color: #999999;
}

.index-box .evaluate .item .eval{
    margin-top: 0.22rem;
    font-size: 0.14rem;
    color: var(--txt);
}

/* 合作伙伴 */
.index-box .partner{
    background-color: #FAFAFA;
}

.index-box .partner .row{
    margin-bottom: 0.24rem;
}

.index-box .partner .item{
    width: calc(100%/6 - 0.168rem);
    height: 0.93rem;
    margin-right: 0.2rem;
}

.index-box .partner .item:last-of-type{
    margin-right: 0;
}

@media screen and (min-width: 1025px) and (max-width: 1400px) {
    .index-box .partner .container{
        padding: 0 1.28rem;
        box-sizing: border-box;
    }
}

.index-box .partner .item a{
    display: block;
    width: 100%;
}


/* aboutUs.html */
.mod-title.subpages .subtitle{
    color: #F17568;
    opacity: 0.5;
}
.mod-title.subpages::after{
    content: none;
}

.banner.subpages .content{
    text-align: center;
    font-weight: bold;
    font-family: "PingFang SC";
    color: var(--txt);
}

.banner.subpages .content::before,
.banner.subpages .content::after{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 0.65rem;
    height: 1px;
    background-color: #fff;
}

.banner.subpages .content::before{
    left: -1rem;
}

.banner.subpages .content::after{
    right: -1rem;
}

.banner.subpages .content .title{
    font-size: 0.3rem;
}

.banner.subpages .content .subtitle{
    font-size: 0.14rem;
    letter-spacing: 0.02rem;
    opacity: 0.5;
}

/* 公司简介 */
.about-box .profile .main .left{
    flex: 0 0 5.2rem;
    width: 5.2rem;
    margin-right: 0.5rem;
}

.about-box .profile .main .right .title{
    font-size: 0.2rem;
    color: var(--base);
    font-weight: bold;
    margin-bottom: 0.16rem;
}

.about-box .profile .main .right .subtitle{
    font-size: 0.16rem;
    color: var(--txt);
    font-weight: bold;
}

.about-box .profile .main .right .intro{
    font-size: 0.16rem;
    color: var(--txt);
    margin-bottom: 0.5rem;
}

.about-box .profile .main .right .intro:last-of-type{
    margin-bottom: 0;
}

/* 我们的优势 */
.about-box .strengths{
    background-color: #FAFAFA;
}

.about-box .strengths .item{
    width: calc(100%/3 - 0.16rem);
}

.about-box .strengths .main .avatar{
    margin: 0 auto;
    width: 1.06rem;
    height: 1.06rem;
    overflow: hidden;
    border-radius: 50%;
    z-index: 2;
}

.about-box .strengths .main .content{
    margin-top: -0.53rem;
    padding: 0.75rem 0.49rem 0.36rem;
    box-sizing: border-box;
    border-radius: 0.3rem;
    background-color: var(--w);
}

.about-box .strengths .main .name{
    text-align: center;
    font-size: 0.24rem;
    font-weight: bold;
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
    color: var(--txt);
    margin-bottom: 0.18rem;
}

.about-box .strengths .main .intro{
    font-size: 0.16rem;
    line-height: 0.24rem;
    color: var(--txt);
}

.about-box .cando .item{
    margin: 0 0.12rem 0.25rem;
}

.about-box .cando .item .txt{
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.97rem;
    background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, #000000 100%);
    font-size: 0.2rem;
    color: var(--w);
    padding-top: 0.5rem;
    box-sizing: border-box;
    text-align: center;
}


/* expert.html */
.expert-box{
    background-color: #FAFAFA;
}

.expert-box .mod-section .main{
    flex-wrap: wrap;
}

.expert-box .mod-section .main .item{
    width: calc(100%/3 - 0.16rem);
    margin: 0 0.08rem 0.46rem;
}

.expert-box .mod-section .main .avatar{
    margin: 0 auto;
    width: 1.98rem;
    height: 1.98rem;
    overflow: hidden;
    border-radius: 50%;
    z-index: 2;
}

.expert-box .mod-section .main .content{
    margin-top: -0.99rem;
    padding: 1.19rem 0.2rem 0.2rem;
    box-sizing: border-box;
    border-radius: 0.3rem;
    background-color: var(--w);
}

.expert-box .mod-section .main .name{
    text-align: center;
    font-size: 0.24rem;
    font-weight: bold;
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
    color: var(--txt);
    margin-bottom: 0.2rem;
    transition: all 0.3s;
}

.expert-box .mod-section .main .item:hover .name{
    color: var(--base)
}

.expert-box .mod-section .main .intro{
    height: 0.95rem;
    font-size: 0.16rem;
    line-height: 0.24rem;
    color: var(--txt);
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 0.32rem;
}

.expert-box .mod-section .main .service{
    text-align: center;
    font-size: 0.16rem;
    color: var(--txt);
    margin-bottom: 0.2rem;
}

.expert-box .mod-section .main .service span{
   color: var(--base);
   font-weight: bold;
}

.expert-box .mod-section .main .item .btn{
    margin: 0 auto;
    width: 2.16rem;
    height: 0.52rem;
    line-height: 0.52rem;
    font-size: 0.18rem;
    color: var(--txt);
    text-align: center;
    border-radius: 0.29rem;
    background-color: #fff;
    border: 1px solid #CBCBCB;
    transition: all 0.3s;
    cursor: pointer;
}

.expert-box .mod-section .main .item:hover .btn{
    color: var(--w);
    background: linear-gradient( 90deg, #EF786C 0%, #FAA79E 100%);
    border: 1px solid transparent;
}

.more-btn{
    margin: 0 auto 1.1rem;
    width: 2.54rem;
    height: 0.66rem;
    line-height: 0.66rem;
    font-size: 0.18rem;
    color: var(--base);
    text-align: center;
    border-radius: 0.33rem;
    border: 1px solid var(--base);
}


/* case.html */
.case-box{
    background-color: #FAFAFA;
}

.case-box .page-main{
    margin: 0.7rem 0 1rem;
}

/* 侧边栏 */
.case-box .side-nav{
    flex: 0 0 2.2rem;
    width: 2.2rem;
    margin-right: 0.42rem;
}

.case-box .case-content{
    width: calc(100% - 2.64rem);
}

.case-box .side-nav .title{
    height: 0.64rem;
    line-height: 0.64rem;
    font-size: 0.2rem;
    text-align: center;
    color: var(--w);
    background: linear-gradient( 270deg, #EF786C 0%, #FAA79E 100%);
}

.case-box .side-nav .nav-list .li{
    position: relative;
    height: 0.64rem;
    line-height: 0.64rem;
    font-size: 0.16rem;
    color: var(--txt);
    text-align: center;
    padding: 0 0.4rem;
    box-sizing: border-box;
    background-color: var(--w);
    border-top: 1px solid #F2F2F2;
    cursor: pointer;
}

.case-box .side-nav .nav-list .li.checked,
.case-box .side-nav .nav-list .li:hover{
    color: var(--base);
    text-align: left;
}

.case-box .side-nav .nav-list .li.checked::after,
.case-box .side-nav .nav-list .li:hover::after{
    content: '';
    position: absolute;
    right: 0.4rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 0.1rem;
    height: 0.08rem;
    background: url('../img/arrow.png') no-repeat;
    background-size: cover;
    background-position: right;
}

/* 案例列表 */
.case-box .case-list{
    background-color: #fff;
}

.case-box .case-list .item{
    padding: 0.3rem 0.3rem 0.2rem;
    box-sizing: border-box;
    margin-bottom: 0.1rem;
}

.case-box .case-list .item:hover{
    background-color: rgba(241, 117, 104, 0.1);
}

.case-box .case-list .item .imgbox{
    flex: 0 0 1.95rem;
    width: 1.95rem;
    height: 1.27rem;
    margin-right: 0.2rem;
}

.case-box .case-list .item .content{
    width: calc(100% - 2.15rem);
}

.case-box .case-list .item .content::after{
    content: '';
    position: absolute;
    top: 1.47rem;
    right: 0;
    width: 100%;
    height: 1px;
    background-color: #F2F2F2;
}

.case-box .case-list .item .title{
    font-size: 0.18rem;
    line-height: 0.2rem;
    margin-bottom: 0.1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.case-box .case-list .item:hover .title{
    color: var(--base);
}

.case-box .case-list .item .intro{
    line-height: 0.2rem;
    font-size: 0.14rem;
    color: #999999;
    margin-bottom: 0.16rem;
}

.case-box .case-list .item .intro a{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.case-box .case-list .item .from,
.case-box .case-list .item .time{
    font-size: 0.13rem;
    color: #999999;
    margin-right: 0.18rem;
    min-width: 0.8rem;
}

.case-box .case-list .item .from img,
.case-box .case-list .item .time img{
    width: 0.16rem;
    height: 0.16rem;
    margin-right: 0.06rem;
    vertical-align: top;
}

.case-box .case-list .item .btn{
    margin-right: 0;
    margin-left: auto;
    width: 0.73rem;
    height: 0.26rem;
    line-height: 0.26rem;
    text-align: center;
    font-size: 0.12rem;
    color: var(--w);
    background: linear-gradient( 90deg, #EF786C 0%, #FAA79E 100%);
    border-radius: 0.13rem;
    cursor: pointer;
}

.case-box .case-list .item .btn a{
    display: block;
}

.case-box .pages{
    margin: 0.4rem auto 0;
}

.case-box .pages .btn,
.case-box .pages .num{
    width: 0.68rem;
    height: 0.38rem;
    line-height: 0.38rem;
    font-size: 0.16rem;
    text-align: center;
    color: var(--txt);
    border: 1px solid #D2D2D2;
    cursor: pointer;
}

.case-box .pages .pages-list{
    margin: 0 0.08rem;
}

.case-box .pages .num{
    width: 0.38rem;
    font-size: 0.18rem;
    margin: 0 0.04rem;
}

.case-box .pages .num.checked{
    color: var(--base);
    border: 1px solid var(--base)
}

/* 小程序 */
.xcx-box .bg-m{
    display: none;
}

.xcx-box .bg img{
    vertical-align: top;
}

.xcx-box .content{
    font-family: sans-serif;
    left: 25%;
    text-align: center;
    color: var(--w);
}

.xcx-box .content .title{
    font-size: 0.42rem;
    line-height: 0.42rem;
    margin-bottom: 0.25rem;
}

.xcx-box .content .subtitle{
    line-height: 0.2rem;
    font-size: 0.2rem;
    margin-bottom: 0.1rem;
}

.xcx-box .content .QR{
    margin: 0.5rem auto 0.14rem;
    width: 1.83rem;
    height: 1.83rem;
}

.xcx-box .content p{
    font-size: 0.18rem;
}

/* case-details.htnl */
.case-d-box{
    background-color: #FAFAFA;
}
.case-d-box .page-main{
    padding: 0.4rem 0 1rem;
}

.case-d-box .page-main .container{
    background-color: #fff;
}

.case-d-box .page-main .case-title{
    font-size: 0.24rem;
    font-weight: bold;
    text-align: center;
    padding: 0.36rem 0.4rem;
    box-sizing: border-box;
}

.case-d-box .page-main .column{
    height: 0.6rem;
    padding: 0 0.4rem;
    box-sizing: border-box;
    font-size: 0.14rem;
    color: #999999;
    border-top: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
}

.case-d-box .page-main .column .from{
    margin-right: 0.21rem;
}

.case-d-box .page-main .column .back{
    margin-left: auto;
    margin-right: 0;
    line-height: 0.22rem;
    color: var(--base);
    cursor: pointer;
}

.case-d-box .page-main .column .back img{
    width: 0.22rem;
    height: 0.22rem;
    margin-right: 0.06rem;
    vertical-align: top;
}

.case-d-box .page-main .content{
    padding: 0.22rem 0.4rem 0;
    box-sizing: border-box;
    font-size: 0.16rem;
    line-height: 0.3rem;
}

.case-d-box .page-main .content p{
    margin-bottom: 0.3rem;
}

.case-d-box .page-main .share{
    margin: 0.48rem 0 0.22rem;
    font-size: 0.14rem;
    color: #999999;
}

.case-d-box .page-main .share .icon{
    margin: 0 0.04rem;
    width: 0.3rem;
    height: 0.3rem;
    cursor: pointer;
}

.case-d-box .page-main .nav-btn{
    padding: 0 0.35rem;
    box-sizing: border-box;
    height: 0.6rem;
    font-size: 0.14rem;
    color: #999999;
    border-top: 1px solid #F2F2F2;
}

.case-d-box .page-main .nav-btn .next{
    color: #F17568;
}


/* search-res.html */
.search-box{
    background-color: #FAFAFA;
}
.search-box .search{
    margin: 0.92rem auto 0.6rem;
    height: 0.8rem;
    width: 7.69rem;
    padding: 0 0.4rem;
    box-sizing: border-box;
    border-radius: 0.44rem;
    border: 1px solid #EF7A6E;
    background-color: #fff;
}

.search-box .search input{
    width: calc(100% - 1.2rem);
    height: 100%;
    padding: 0 0.05rem;
    box-sizing: border-box;
    font-size: 0.18rem;
    color: #666666;
}

.search-box .search .btn{
    right: 0.08rem;
    width: 1.36rem;
    height: 0.64rem;
    font-size: 0.18rem;
    color: var(--w);
    background: linear-gradient( 90deg, #EF786C 0%, #FAA79E 100%);
    border-radius: 0.32rem;
    cursor: pointer;
}

.search-box .search .btn img{
    width: 0.22rem;
    margin-right: 0.1rem;
    vertical-align: top;
}

.search-box .res-main{
    min-height: 4rem;
}

.search-box .tips{
    font-size: 0.24rem;
    font-weight: bold;
    color: var(--txt);
    text-align: center;
    margin-bottom: 0.55rem;
}

.search-box .mod-section{
    padding: 0 0 0.6rem;
}

.search-box .mod-section .title{
    font-size: 0.2rem;
    font-weight: bold;
    color: var(--txt);
    margin-bottom: 0.4rem;
}

.search-box .expert .main .item{
    width: calc(100%/3 - 0.16rem);
    margin: 0 0.08rem 0.6rem;
}

.search-box .expert .main .avatar{
    margin: 0 auto;
    width: 1.98rem;
    height: 1.98rem;
    overflow: hidden;
    border-radius: 50%;
    z-index: 2;
}

.search-box .expert .main .content{
    margin-top: -0.99rem;
    padding: 1.19rem 0.2rem 0.2rem;
    box-sizing: border-box;
    border-radius: 0.3rem;
    background-color: var(--w);
}

.search-box .expert .main .name{
    text-align: center;
    font-size: 0.24rem;
    font-weight: bold;
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
    color: var(--txt);
    margin-bottom: 0.2rem;
    transition: all 0.3s;
}

.search-box .expert .main .item:hover .name{
    color: var(--base)
}

.search-box .expert .main .intro{
    height: 0.95rem;
    font-size: 0.16rem;
    line-height: 0.24rem;
    color: var(--txt);
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 0.32rem;
}

.search-box .expert .main .service{
    text-align: center;
    font-size: 0.16rem;
    color: var(--txt);
    margin-bottom: 0.2rem;
}

.search-box .expert .main .service span{
   color: var(--base);
   font-weight: bold;
}

.search-box .expert .main .item .btn{
    margin: 0 auto;
    width: 2.16rem;
    height: 0.52rem;
    line-height: 0.52rem;
    font-size: 0.18rem;
    color: var(--txt);
    text-align: center;
    border-radius: 0.29rem;
    background-color: #fff;
    border: 1px solid #CBCBCB;
    transition: all 0.3s;
    cursor: pointer;
}

.search-box .expert .main .item:hover .btn{
    color: var(--w);
    background: linear-gradient( 90deg, #EF786C 0%, #FAA79E 100%);
    border: 1px solid transparent;
}

.search-box .case .main .item{
    padding: 0.3rem 0.3rem 0.2rem;
    box-sizing: border-box;
    margin-bottom: 0.1rem;
    background-color: #fff;
}

.search-box .case .main .item:hover{
    background-color: rgba(241, 117, 104, 0.1);
}

.search-box .case .main .item .imgbox{
    flex: 0 0 1.95rem;
    width: 1.95rem;
    height: 1.27rem;
    margin-right: 0.2rem;
}

.search-box .case .main .item .content::after{
    content: '';
    position: absolute;
    top: 1.47rem;
    right: 0;
    width: 100%;
    height: 1px;
    background-color: #F2F2F2;
}

.search-box .case .main .item .title{
    font-size: 0.16rem;
    line-height: 0.2rem;
    margin-bottom: 0.1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.search-box .case .main .item:hover .title{
    color: var(--base);
}

.search-box .case .main .item .intro{
    line-height: 0.2rem;
    font-size: 0.14rem;
    color: #999999;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 0.12rem;
}

.search-box .case .main .item .from,
.search-box .case .main .item .time{
    font-size: 0.12rem;
    color: #999999;
    margin-right: 0.18rem;
    min-width: 0.8rem;
}

.search-box .case .main .item .from img,
.search-box .case .main .item .time img{
    width: 0.16rem;
    height: 0.16rem;
    margin-right: 0.06rem;
    vertical-align: top;
}

.search-box .case .main .item .btn{
    margin-right: 0;
    margin-left: auto;
    width: 0.73rem;
    height: 0.26rem;
    line-height: 0.26rem;
    text-align: center;
    font-size: 0.12rem;
    color: var(--w);
    background: linear-gradient( 90deg, #EF786C 0%, #FAA79E 100%);
    border-radius: 0.13rem;
    cursor: pointer;
}