/*doubleTwleve*/
.van-swipe { border-radius: 0.6rem; background: rgba(66, 66, 66, 0.4); overflow: hidden; height: 0.6rem; width: 5.8rem; margin: 0.28rem auto 0; }
.van-swipe .van-swipe-item { display: flex; justify-content: center; align-items: center; display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: center; color: #fff; font-size: 0.24rem; line-height: 0.6rem; text-align: center; }
.van-swipe .van-swipe-item i { font-size: 0.4rem; }
/* .van-swipe .van-swipe-item span { margin-left: 0.2rem; } */
.van-swipe .van-swipe-item em { font-style: normal; color: #FDC406; width: 35%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: left; margin-left: 0.1rem; }
.van-grid { padding: 0.12rem 0.16rem; }
.van-grid-item__content { padding: 0.3rem 0.16rem; }
.van-grid-item__content:nth-of-type(1),
.van-grid-item__content:nth-of-type(2),
.van-grid-item__content:nth-of-type(3),
.van-grid-item__content:nth-of-type(4) { padding-top: 0; }
.van-tabs__wrap--scrollable .van-tab { border-radius: .44rem; }
/* .van-tabs__nav--card { border-color: transparent !important; margin: 0; }
.van-tabs__nav--card .van-tab { border: 1px solid; border-radius: 0.3rem; margin-right: 0.3rem; }
.van-tabs__nav--card .van-tab:last-child { border-right: 1px solid; margin-right: 0; }
.van-tabs__nav--card .van-tab.van-tab--active { background: #FFEAD8 !important; border-color: #FFEAD8 !important; }
.van-tabs__content { margin-top: 0.2rem; } */

.van-tabs__wrap { height: auto!important; }
.van-tabs__nav { background: transparent; padding-right: 0; padding-left: 0; }
.van-tab { background: #120096; border-radius: 0.3rem; padding: 0.14rem 0.4rem!important; margin: 0 0.16rem; color: #CE6D28; font-size: 0.28rem; border: 1px solid #E1E1E1; }
.van-tab--active { background: #fff; color: #fff; border-color: #fff; }
.act-container { max-width: 920px; }
.act-header { background-color: #AF2BFF; color: #fff; }
.act-header .act-container { -webkit-align-items: center; align-items: center; padding-right: 0; }
.act-header-rules { align-self: auto; border-radius: 0.5rem 0 0 0.5rem; padding: 0.15rem 0.3rem 0.15rem 0.38rem; white-space: nowrap; width: auto; background-color: #FCE14C; color: #AF2BFF; }
.act-banner { background: #120096; }
.act-banner-img { padding-top: 0; }
.act-placeimg { position: inherit; }
.act-cell { position: relative; margin-top: 0.48rem; overflow: visible; }
.act-cell-title { padding: 0; }
.act-swiper { border: 1px solid transparent; }
/* .act-main { padding-top: 1.08rem; } */
.act-swiper, .act-main { background-color: #120096; }
.act-cell-timeLimit { font-size: 0.36rem; }
.act-cell1-word { padding: 0 0 0.2rem; }
.act-cell1-word-line1 strong .num { color: #FD6519; }
.act-cell1-word-line2 .open-btn::before { content: none; }
.act-cell1-word-line2 .open-btn { font-size: 0.28rem; }
.act-cell1-tip { font-size: 0.2rem; color: #fff; text-align: center; opacity: .8; margin-bottom: 0.4rem; }
.rightNow-buy-bar { position: fixed; bottom: 0; left: 0; right: 0; padding: 0.06rem 0.32rem; background-color: #fff; z-index: 9; }
.act-fixedbar .rightNow-buy-btn { background-color: #FD5F0D; border-radius: 0.4rem; padding: 0.22rem 1.38rem; text-align: center; color: #fff; font-weight: 600; line-height: normal; }
.nopaylog { padding-top: 1.58rem; }

.cell-title { font-size: 0.28rem; color: #fff; }
.vip-power-des { font-size: 0.22rem; color: #333333; margin-top: 0.2rem; }
.vip-power-des p { text-align: center; }
@media (min-width: 992px) { .cell-title { font-size: 0.48rem; } .act-cell-timeLimit { font-size: 0.38rem; } }

.course-cell-title { position: absolute; top: -6px; left: 12.5%; right: 12.5%;  }
@media (min-width: 992px) { .course-cell-title { top: -17px; } }

.act-cell .act-cell-title .cell-title-inner { position: relative; }
.act-cell .act-cell-title .cell-title-inner .title-text { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; }
.cell-content { padding-top: 15%; }

/* 倒计时 */
.act-header-countdown > span { background: #FFDF5C; }

/* 轮播 */
.wrap { display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: center; display: flex; align-items: center; justify-content: center; font-size: 0.22rem; color: #fff; }
.wrap .username { margin: 0 0.2rem; }
.wrap .addtime { margin-right: 0.2rem; }
.wrap .des em { font-style: normal; color: #FFEF16; }

/*超值特惠 高级VIP*/
.vip-cell { position: relative; margin-top: 0.72rem; }
.vip-cell:first-child { margin-top: 0; }
.vip-cell .vip-cell-background { background-color: #120096; border-radius: 0.2rem; border: 1px solid #0072C9; padding: 0.08rem; }
.cell-adorn1, .cell-adorn2 { border-radius: 0.18rem; padding: 0.1rem; }
.cell-adorn1 { background: linear-gradient(180deg, #26E7F2 0%, #5114DA 100%); }
.cell-adorn2 { background: linear-gradient(180deg, #1F3ED7 0%, #EB61EA 100%); }
.vip-cell .act-cell-title { border: 1px solid #0072c9; border-radius: .2rem; width: fit-content; padding: 0.08rem; margin: 0 auto 0.4rem; text-align: center; z-index: 1; }
.vip-cell .act-cell-title .act-cell-bg { padding: .2rem .3rem; font-size: .32rem; font-weight: bold; background: linear-gradient(180deg, #EB61EA 0%, #1F3ED7 100%); border-radius: .14rem; color: #fff; }
.vip-cell .act-cell-title .act-cell-title-inner { padding-top: 2.75%; }
.vip-cell .top-mask, .vip-cell .bottom-mask { position: absolute; left: 0.02rem; right: 0.02rem; }
.vip-cell .top-mask { top: 0; background: linear-gradient(180deg, #FFBF87 0%, #FFB471 100%); border-radius: 0.4rem 0.4rem 0 0; padding: 0.38rem 0; }
.vip-cell .bottom-mask { bottom: 0; background: linear-gradient(180deg, #FFB471 0%, #FFD071 100%); border-radius: 0 0 0.4rem 0.4rem; padding: 0.42rem 0.48rem 0.14rem; }
.vip-cell .vip-content { position: relative; border-radius: 0.1rem; background-color: #120096; overflow: hidden; z-index: 1; }
.vip-cell .vip-content .act-cell1-main { padding: 0.38rem 0.32rem 0; }
.vip-cell .vip-content .act-cell1-main .act-placeimg { display: -webkit-flex; -webkit-justify-content: space-around; color: #A85E20; font-size: 0.2rem; margin-top: 26%; }
.act-cell1-word { font-size: 0.34rem; font-weight: 600; }
.act-cell1-word .new-price { color: #F95129; }
.act-cell1-word .origin-price { color: #9B3F0E; }
.act-cell1-word .act-cell1-word-line2 { margin-top: 5%; }
.open-btn { background: linear-gradient(45deg, #ED30F3 0%, #FF3333 100%); border-radius: 999px; box-shadow: 0px 2px 2px rgb(175 25 0 / 30%); height: auto; }
.open-btn .open-btn-content { position: relative; border: 0.42rem; background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%); border-radius: 0.42rem; font-size: 0.32rem; color: #fff; padding: 0.12rem 0.66rem 0.18rem; margin: 0.08rem 0.12rem 0; font-weight: normal; }
.open-btn .open-btn-content::before, .open-btn .open-btn-content::after { position: absolute; top: 0.02rem; background-color: #fff; border-radius: 0.02rem; height: 0.04rem; content: ''; }
.open-btn .open-btn-content::before { left: 0.32rem; width: 0.04rem; }
.open-btn .open-btn-content::after { left: 0.44rem; width: 0.5rem; }
@media (min-width: 993px) { .vip-cell .vip-content .act-cell1-main .act-placeimg { font-size: 0.233rem; } .act-cell1-word .act-cell1-word-line2 .open-btn .open-btn-content { font-size: 0.46rem; } }

/* 加赠福利 助你学习提效*/
.vip-cell .data-content, .vip-cell .exchange-content { position: relative; padding: 0.5rem 0.22rem 0.4rem; overflow: visible; }
.vip-cell .data-content { border-bottom-left-radius: unset; border-bottom-right-radius: unset; }
.vip-cell .exchange-content { border-top-left-radius: unset; border-top-right-radius: unset; }
.data-content .mark, .exchange-content .mark {
    background: linear-gradient(180deg, #2BD3FF 0%, #1F3ED7 100%); 
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.16);
    border-radius: 0.48rem;
    font-size: .32rem;
    font-weight: 500;
    color: #fff;
    padding: 0.16rem 0.46rem;
    margin: 0 auto 0.44rem;
    width: fit-content;
}
.description h4 { font-size: .28rem; font-weight: bold; color: #FCE14C; margin-bottom: 0.15rem; }
.description p { font-size: .24rem; color: #fff; }
.description p em { font-style: normal; font-size: 0.2rem; color: #bfbfbf; }
.lllustration { margin-top: .5rem; }
.lllustration .iconlist { display: grid; grid-template-columns: repeat(5, 20%); overflow: hidden; margin-bottom: .5rem; margin-right: -0.38rem; }
.lllustration .iconlist .item { display: flex; flex-direction: column; align-items: center; flex: 1; margin-right: 0.38rem; font-size: .24rem; min-width: 43px; text-align: center; }
.lllustration .iconlist .item p { font-style: .2rem; color: #fff; white-space: nowrap; transform: scale(0.8); margin-top: .1rem; }
.lllustration .screenshot { position: relative; }
.lllustration .screenshot .href-mask { position: absolute; bottom: 0; left: 0; right: 0; min-height: .4rem; }

/* 7000+元免费会员好课畅学 */
.vip-cell .direction-content, .vip-cell .codecamp-content { position: relative; padding: 0.5rem 0.22rem 0.4rem; overflow: visible; }
.vip-cell .direction-content { border-bottom-left-radius: unset; border-bottom-right-radius: unset; }
.vip-cell .codecamp-content { border-top-left-radius: unset; border-top-right-radius: unset; margin-top: 0; }
.vip-cell .direction-content .van-grid, .vip-cell .codecamp-content .van-grid { padding: 0; margin-right: -0.3rem; }
.vip-cell .direction-content .van-grid-item__content, .vip-cell .codecamp-content .van-grid-item__content { padding: 0.3rem 0.3rem 0.1rem 0; background: transparent; }
.vip-cell .direction-content .van-image__img, .vip-cell .codecamp-content .van-image__img { border-radius: 0.08rem; }
.vip-cell .direction-content .course-title, .vip-cell .codecamp-content .course-title { font-size: 0.28rem; color: #fff; margin: 0.06rem 0 0.16rem; width: 2.5rem; }
.vip-cell .direction-content .course-sale, .vip-cell .codecamp-content .course-sale { display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: space-between; display: flex; align-items: center; justify-content: space-between; }
.course-sale .vip-free { border-radius: 0.26rem; background: #FCE14C; font-size: 0.24rem; color: #AC5000; padding: 0.04rem 0.24rem; }
.course-sale .del-price { font-size: 0.24rem; color: #fff; text-decoration-line: line-through; opacity: .8; }

.direction-content .van-tabs__wrap { overflow: auto !important; }
.direction-content .van-tab__text--ellipsis { white-space: nowrap; }
.direction-content .mark, .codecamp-content .mark { 
    background: linear-gradient(180deg, #2BD3FF 0%, #1F3ED7 100%); 
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.16);
    border-radius: 0.48rem;
    font-size: .32rem;
    font-weight: 500;
    color: #fff;
    padding: 0.16rem 0.46rem;
    margin: 0 auto 0.44rem;
    width: fit-content;
}
.courses-worth { font-size: .24rem; color: #fff; }
.more { border-radius: .32rem; background: #fff; font-size: .24rem; color: #120096; padding: 0.16rem 0.72rem; margin: 0.3rem auto 0; width: fit-content; cursor: pointer; }

.vip-cell .codecamp-content .exhibition { padding: 0 0.24rem; margin-top: 0.5rem; }
.codecamp-more { display: -webkit-flex; -webkit-align-items: center; display: flex; align-items: center; border-radius: 0.32rem; background: #FF8921; font-size: 0.24rem; color: #fff; padding: 0.06rem 0.08rem 0.06rem 0.2rem; margin: 0.5rem auto 0; width: fit-content; cursor: pointer; }
.codecamp-more .navigate { display: -webkit-flex; -webkit-align-items: center; display: flex; align-items: center; border-radius: 0.24rem; background: #fff; color: #FF8921; padding: 0.08rem 0.2rem; margin-left: 0.2rem; }
.codecamp-more .navigate .van-icon { background: #FF8921; border-radius: 50%; margin-left: 0.1rem; }

.vip-cell .direction-content .course, .vip-cell .codecamp-content .course { cursor: pointer; }


/*实战营课程*/
.combat-content { background-color: #fff7f2; }
.combat-course-nav { display: flex; -webkit-justify-content: space-between; justify-content: space-between; background-color: #fff7f2; }
.combat-course-nav .combat-activity-item {  position: relative; display: flex; -webkit-flex-direction: column; -webkit-align-items: center; flex-direction: column; align-items: center; border: 1px solid rgb(255, 255, 255); box-shadow: 0 2px 6px 0 rgb(255, 255, 255); border-radius: 0.08rem; background-color: rgb(255, 255, 255); font-size: 0.24rem; padding: 0.08rem 0.35rem; color: #828282; }
.combat-course-nav .combat-activity-begin { background-color: #F45E20; color: #fff; }
.combat-course-nav .combat-activity-begin:after { content: ''; position: absolute; bottom: -0.1rem; transform: rotate(45deg); width: 0.2rem; height: 0.2rem; background-color: #F45E20; }
.combat-course-stack { margin-top: 0.4rem; }
.combat-course-stack .combat-course-countdown { display: flex; -webkit-justify-content: space-between; justify-content: space-between; font-size: 0.24rem; }
.combat-course-stack .combat-course-countdown .combat-countdown-explain { color: #828282; letter-spacing: -0.5px; }
.combat-course-stack .combat-course-countdown .combat-countdown { display: flex;  flex-shrink: 0; color: #EE3A27; }
.combat-course-stack .combat-course-countdown .combat-countdown .countdown-num-style { background-color: rgb(238, 58, 39); color: #fff; padding: 0 0.03rem; margin: 0 0.02rem; }
.combat-course-list { display: flex; flex-wrap: wrap; margin-top: 0.22rem; background-color: #fff; border-radius: 0.1rem; }
.combat-course-list .combat-course-item { display: flex; -webkit-justify-content: space-between; justify-content: space-between; padding: 0.28rem 0.1rem; width: 100%; }
.combat-course-list .combat-course-item .combat-course-cover { width: 2.53rem; height: 2.53rem; }
.combat-course-list .combat-course-item .combat-course-cover img { border-radius: 0.08rem; }
.combat-course-list .combat-course-content { display: -webkit-flex; display: flex; flex-direction: column; }
.combat-course-list .combat-course-content > h2 { font-size: 0.33rem; color: #4F4F4F; }
.combat-course-list .combat-course-content .course-price-change { margin-bottom: 0.2rem; }
.combat-course-list .combat-course-content .course-price-change > img { display: block; width: 3rem; margin: 0 auto; }
.combat-course-list .combat-course-content .course-buynow { cursor: pointer;
}
.combat-course-list .combat-course-content .course-buynow > img { display: block; width: 3.18rem; margin: 0 auto; }
@media (min-width: 993px) { 
    .combat-course-list .combat-course-item { width: 50%; } 
    .combat-course-nav .combat-activity-item { padding: 0.28rem 1rem; } 
    .act-fixedbar { display: block; }
}

.grey-btn { -webkit-filter: grayscale(100%); filter: grayscale(100%); cursor: default; }

/* 吸底按钮 */
.rightNow-buy-bar { padding: 0.1rem 0.3rem; }
.rightNow-buy-bar .open-btn { max-width: 992px; margin: auto; }
.rightNow-buy-bar .open-btn .open-btn-content { padding: 0 0.66rem; }
.rightNow-buy-bar .open-btn .open-btn-content::before, .rightNow-buy-bar .open-btn .open-btn-content::after { top: .14rem; height: 0.06rem; }
.rightNow-buy-bar .open-btn .open-btn-content::before { left: 0.38rem; width: 0.06rem; }
.rightNow-buy-bar .open-btn .open-btn-content::after { left: 0.56rem; width: 0.68rem; }

@media (min-width: 1024px) {
    .vip-cell .act-cell-title { top: -150px; }

    .nopaylog { padding-top: 205px; }
}

.web-container { max-width: none; }

.vip-priv { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0.32rem; padding-bottom: 0.32rem; }
.vip-priv-item { width: 25%; padding-top: 0.32rem; padding-right: 0.32rem; text-align: center; }
.vip-priv-item .item-image { max-width: 160px; }
.vip-priv-item .item-text { margin-top: 0.12rem; font-size: 0.24rem; color: #fff; }