/*成功案例*/
.case .main-box{padding: 4.1667vw 0 6.7708vw;}

/*案例详情*/
.intro-temp .container{display: flex;justify-content: space-between;}
.intro-temp .left{width: 38.0208vw;}
.intro-temp .info{line-height: 1.75;color: var(--c6);}
.intro-temp .rows{display: flex;}
.intro-temp .col{line-height: 1;color: var(--c6);margin-right: 2.0833vw;}
.intro-temp .col span{color: var(--c8);font-weight: 700;}
.intro-temp .list{display: flex;justify-content: space-between;flex-wrap: wrap;width: 25.8333vw;}
.intro-temp .list .item{width: 50%;margin-bottom: 1.5625vw;}
.intro-temp .list img{display: block;height: 2.2396vw;}

.intro-temp .right{width: 43.0208vw;}
.intro-temp .pic{border-radius: 1.0417vw;overflow: hidden;position: relative;}
.intro-temp .player{box-sizing: border-box;width: 8.2292vw;height: 3.6458vw;border-radius: 0.5208vw;border: 2px solid var(--cw);color: var(--cw);font-weight: 700;transition: .5s ease-out;}
.intro-temp .player i{display: block;width: 1.7708vw;height: 1.7708vw;background: url(../images/play_icon.png) no-repeat;background-size: cover;margin-left: 1.0417vw;}
.intro-temp .player:hover{border-color: var(--ch);background: var(--ch);}

.challenge-temp .main{display: flex;justify-content: space-between;}
.challenge-temp .pic{width: 43.0208vw;border-radius: 1.0417vw;overflow: hidden;}
.challenge-temp .pic img{height: 26.0417vw;object-fit: cover;}
.challenge-temp .right{width: 36.7708vw;padding-right: 5.2083vw;}
.challenge-temp .sub-nav .item{line-height: 2.5882;}
.challenge-temp .tabs{margin-top: 3.6458vw;}
.challenge-temp .title{margin-bottom: 2.0833vw;}
.challenge-temp .step{display: flex;justify-content: space-between;align-items: center;margin-bottom: 1.5625vw;}
.challenge-temp .num{width: 2.0833vw;height: 2.0833vw;box-sizing: border-box;border: 2px solid transparent;background-clip: padding-box, border-box;background-origin: padding-box, border-box;background-image: linear-gradient(to right, #F7F7F7, #F7F7F7),linear-gradient(360deg, var(--ch) 0%, var(--cs) 105.68%);color: var(--ch);font-weight: 600;font-family: 'Alibaba PuHuiTi 2.0';border-radius: 50%;}
.challenge-temp .txt{width: 33.8542vw;}

.diff-temp .main{display: flex;justify-content: space-between;border-radius: 0.5208vw; overflow: hidden;background: #F7F7F7; align-items: center;}
.diff-temp .pic{width: 50%;}
.diff-temp img{height: 24.2708vw;object-fit: cover;}
.diff-temp .box{width: 50%;box-sizing: border-box;padding:0 4.6875vw 0 4.1667vw;}
.diff-temp .txt{color: var(--c5);text-align: justify;}

.value-temp .list{display: flex;flex-wrap: wrap;}
.value-temp .list .item{margin: 2.0833vw 2.0833vw 0 0;width: 29.1667vw;background: var(--cw);border-radius: 0.5208vw;box-sizing: border-box;height: 15.625vw;padding-top: 3.125vw;}
.value-temp .list .item:nth-child(3n){margin-right: 0;}
.value-temp .list img{display: block;height: 4.375vw;margin: 0 auto;}
.value-temp .list .txt{width: 20vw;margin: 1.6667vw auto 0;text-align: center;}

.swiper-interest .pic{overflow: hidden;border-radius: 0.5208vw;}
.swiper-interest img{height: 17.0833vw;object-fit: cover;}
.swiper-interest .txt{color: var(--c5);}

/*移动端适配*/
@media screen and (max-width: 750px) {
    .case .main-box{padding: 1.2rem 0;}
    .intro-temp .container{display: block;}
    .intro-temp .left,
    .intro-temp .list{width: 100%;}
    .intro-temp .list .item{margin-bottom: .5rem;}
    .intro-temp .list img{height: .86rem;}
    .intro-temp .right{width: 100%;margin-top: .6rem;}
    .intro-temp .player{width: 2.8rem;height: 1rem;border-radius: .1rem;border-width: 1px;}
    .intro-temp .player i{width: .54rem;height: .54rem;margin-left: .3rem;}

    .challenge-temp .main{display: block;}
    .challenge-temp .pic{width: 100%;border-radius: .1rem;}
    .challenge-temp .pic img{height: auto;}
    .challenge-temp .right{width: 100%;padding: .6rem 0 0 0;}
    .challenge-temp .tabs{margin-top: .5rem;}
    .challenge-temp .title{line-height: 1.25;margin-bottom: .5rem;}
    .challenge-temp .step{display: block;margin-bottom: .5rem;}
    .challenge-temp .num{width: .8rem;height: .8rem;border-width: 1px;margin-bottom: .2rem;}
    .challenge-temp .txt{width: 100%;}

    .diff-temp .main{border-radius: .1rem;display: block;}
    .diff-temp .pic{width: 100%;}
    .diff-temp img{height: auto;}
    .diff-temp .box{width: 100%;padding: .4rem .3rem;}
    .diff-temp .title{line-height: 1.25;}

    .value-temp .list{width: 7.1rem;overflow-x: auto;flex-wrap: nowrap;}
    .value-temp .list .item{margin: 0 .4rem 0 0 !important;width: 5.6rem;border-radius: .1rem;height: 3.8rem;padding-top: .6rem;flex: none;}
    .value-temp .list img{height: .92rem;}
    .value-temp .list .txt{width: 4.6rem;margin-top: .4rem;}

    .swiper-interest .pic{border-radius: .1rem;}
    .swiper-interest img{height: 3.92rem;}
    .swiper-interest .title{line-height: 1.25;}

}