*{touch-action: auto}
body{margin: 0;}
.navigation{width: 100%;height: 2.5rem;line-height: 2.5rem; overflow: scroll;white-space: nowrap;overflow-x: auto; background: #fff;}
.navigation a{line-height: 1.2rem; margin: 0 0.5rem; text-align: center;display: inline-block;color: #71777D;font-size: 0.8rem}
.navigation a.active{color: #333;border-bottom: 1px solid #F01414;}
.banner{margin-top: 6rem}
.swiper-slide{width: 70%;height: auto;transition: 300ms;transform: scale(0.8)!important;opacity: 0.6;}
.swiper-slide img{width: 100%;border-radius: 10px;}
.swiper-slide-active,.swiper-slide-duplicate-active{transform: scale(1)!important;opacity: 1;}
.nav_icon{width: 100%; margin: 1rem auto;}
.nav_icon ul li{width: 20%; text-align: center;float: left;margin: .5rem 0;}
.nav_icon ul li img{width: 50px;height: 50px; border-radius: 50%; margin: 5px auto;}
.nav_icon ul li span{font-size: 0.7rem;color:#363636;display: block;}
.mode{border-top: 0.5rem solid #F8FAFC; padding: 0 .75rem;}
.mode .tit{padding-top:1rem;box-sizing:border-box;background-position-x:0.6rem;background-position-y:0.6rem;background-repeat:no-repeat;background-size:4.8rem;line-height:1.4rem}
.mode .tit.bg1{background-image:url('../../images/mobile/title-bg-1.png')}
.mode .tit.bg2{background-image:url('../../images/mobile/title-bg-2.png')}
.mode .tit.bg3,.mode .tit.bg4,.mode .tit.bg15{background-image:url('../../images/mobile/title-bg-3.png')}
.mode .tit.bg6{background-image:url('../../images/mobile/title-bg-6.png')}
.mode .tit.bg7,.mode .tit.bg8,.mode .tit.bg10{background-image:url('../../images/mobile/title-bg-7.png')}
.mode .tit .tit-name{font-weight:500;font-size:1rem}
.mode .tit .class-desc{margin-left:1rem;font-size:.6rem;color:#71777D;line-height:.8rem}
.mode .tit .more{font-size:.7rem;color:#B7BBBF}
.mode .tit .more .imwap-arrow_r{margin-left:.2rem;font-size:.8rem;line-height:1.2rem}
.course-card{display: flex;align-items: center;height: 4.4rem;}
.course-card .item-pic{width:27%;height:3.2rem;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative}
.course-card .item-pic img{width: 100%;height: 100%; border-radius:.3rem;}
/* .course-card .item-pic img::after{content: url('../../images/mobile/default.jfif');display: block;position: absolute;z-index: 2;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;} */
.course-card .item-pic .course-stat{position:absolute;left:0;top:0;width:1rem;height:1rem;border-top-left-radius:.3rem;border-bottom-right-radius:.3rem;font-weight:500;font-size:.6rem;color:#FFF;text-align:center;line-height:1rem}
.course-card .item-pic .course-stat.new{background:#F01414}
.course-card .item-pic .learn-rate{position:absolute;right:0;bottom:0;padding-top:.15rem;padding-bottom:.15rem;padding-left:.32rem;padding-right:.32rem;background:#2B333B;border-top-left-radius:.32rem;border-bottom-right-radius:.32rem;font-size:.6rem;color:#FFF;line-height:.8rem}
.course-card .item-right{margin-left:.6rem;width:73%}
.course-card .item-right .item-name{font-weight:500;font-size:.8rem;color:#2B333B;line-height:1rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;word-wrap:break-word}
.course-card .item-right .item-info{margin-top:.2rem;font-size:.64rem;color:#71777D;line-height:.9rem}
.course-card .item-right .item-info .dot{margin-left:.2rem;margin-right:.2rem}
.course-card .item-right .item-info .item-number i{margin-right:.2rem;width: .64rem;height: .64rem;display: inline-block; background: url(../../images/mobile/time.png) no-repeat; background-size: 100%; vertical-align: middle;}
.course-card .item-price-box{margin-left:.68rem}
.course-card .item-price-box .pay-price{display:block;width:4rem;height:1.6rem;background:rgba(43,51,59,.06);border-radius:.8rem;font-weight:500;font-size:.64rem;color:#71777D;text-align:center;line-height:1.6rem}
.course-card .item-price-box .pay-price.red{color:rgba(240,20,20,.6)}
.course-card .item-price-box .discount-item{margin-top:.2rem;font-size:.5rem;color:rgba(240,20,20,.8);text-align:center;line-height:.8rem}
.course-card .item-price-box .discount-item .origin-price{margin-left:.16rem;text-decoration:line-through}
.more-btn{display:block;height:3.4rem;font-weight:500;font-size:.8rem;color:#37F;text-align:center;line-height:3.4rem}
.more-btn.empty{background:#F8FAFC;color:#B7BBBF}

.two_columns{display: flex; flex-wrap: wrap;margin-top: .8rem;}
.two_columns li{width: 48%; background: #fff; margin-bottom: .5rem;}
.two_columns li:nth-child(2n){margin-left: 4%;}
.two_columns li .pic{ width: 100%; height: 5rem;  position: relative;}
.two_columns li .pic img{ width: 100%; height: 100%;border-radius: 10px;}
.two_columns li .pic span{display: block; position: absolute; right: 5px;bottom: 5px; background: rgba(0,0,0,0.3); color: #fff; font-size: 0.8rem; padding: 2px 10px; border-radius: 15px;}
.two_columns li a .title{font-size: 0.9rem;color: #333;}
.post_fl{overflow: scroll;white-space: nowrap;overflow-x: auto;}
.post_fl li{border: 1px solid #71777D;border-radius: 1rem;color: #71777D;display: inline-block;text-align: center;padding: 0.2rem 0.5rem;margin-top: .4rem;margin-right: .5rem;}
.post_fl li.active{color: #FFF;background: #F01414;border-color: #F01414;}
.morePost{text-align: center;color: #F01414;font-size: .7rem;margin: 1rem 0 1.5rem 0;}

/* 生涯规划 */
.choose_banner{width: 100%;height: 10rem;background: url('../../images/college/banner_bg.jpg') no-repeat;background-size: 100% 100%;z-index: 99;}
.choose_banner .logo{width: 40%;display: block;margin: 0 auto;}
.choose_banner .wz{background: rgba(255,255,255,0.2);padding: .5rem 1rem;width: 70%;height: 2.8rem;display: block;margin: 1rem auto;}
.choose_banner .wz h2{background: rgba(255,255,255,0.2);color: #fff;text-align: center;padding: .2rem 0;}
.choose_banner p{color: #fff;text-align: center;}
.college_choose_title{text-align: center;position: relative;margin-top:25px;height: 48px;}
.college_choose_title p{width: 100%;font-size: 30px;font-weight: bold;color: #f5f5f5;position: absolute;}
.college_choose_title span{width: 100%;font-size: 22px;font-weight: bold;color: #38454e;display: block;position: absolute;top: 6px;}
.growth_list li{width: 100%;height: 55px;margin-bottom: 1.5rem;}
.growth_list li img {width: 17%;border-radius: 50%;vertical-align: middle;float: left;}
.growth_list li p{float: left;width: 76%;margin: .7rem 0 0 .7rem;font-size: 16px;font-weight: bold;display: inline-block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.cloud_list{width: 48%;float: left;margin-bottom: 1rem;margin-top: .5rem;}
.cloud_list p{color: #38454e;font-size: 18px;font-weight: bold;}
.cloud_list ul li{background: url('../../images/college/list.png') no-repeat left center;background-size: 16px 16px; padding-left: 25px;font-size: 16px;line-height: 28px;}