[v-cloak][data-v-41eaef27]{display:none}.page_cont_style[data-v-41eaef27]{width:100%;position:relative;background:#fef9ef;padding-bottom:3.125rem;.topbg{width:100%;position:relative;aspect-ratio:1925 / 390;.bgimg{width:100%;position:absolute;aspect-ratio:1925 / 390;left:0;top:0}.txt1{color:#996552;font-size:.2604166667rem;font-weight:700;text-align:center;position:relative;z-index:100;margin-bottom:.0520833333rem;padding-top:.2604166667rem}.txt2{color:#73716f;font-size:.09375rem;text-align:center;position:relative;z-index:100}}.swiper_style{width:calc(100% - .78125rem);position:absolute;left:50%;transform:translate(-50%);top:1.0416666667rem;z-index:100;.swiper{overflow:hidden;width:100%;position:relative}}.main-swiper_style{width:100%;position:relative;display:flex;align-items:center;.swiper-button-prev,.swiper-button-next{flex-shrink:0;width:.3125rem;height:.3125rem;border-radius:50%;position:relative;background-color:#fff;&:after{color:#000;font-size:.1041666667rem;line-height:normal;font-weight:700}&.swiper-button-prev{left:0;margin-right:.1041666667rem}&.swiper-button-next{right:0;margin-left:.1041666667rem}}.main-swiper{flex-grow:1;position:relative;padding-top:.2604166667rem;padding-left:1px;padding-right:1px;.swiper-slide{cursor:pointer;width:100%;position:relative;border:1px #fce6bf solid;background:linear-gradient(180deg,#fef7ea 0%,#ffffff 100%);text-align:center;border-radius:.0104166667rem;&.actives{background:white;border:1px #ff3c3d solid;&:after{position:absolute;left:50%;transform:translate(-50%);top:0;top:-.15625rem;content:"";width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:12px solid #ff3c3d}}.label{color:#fff;position:absolute;right:.0364583333rem;top:.0364583333rem;background:linear-gradient(270deg,#ff3c3d 0%,#ff8551 100%);font-size:.0729166667rem;border-radius:.0208333333rem;padding:.0208333333rem .0520833333rem}.teacher_avator{margin-top:.2083333333rem;width:.625rem;aspect-ratio:438 / 474}.tags{margin:.1354166667rem 0 .15625rem;display:flex;align-items:center;justify-content:center;span {font-size: .09375rem; color: #262423; &.newtag {color: #9b705e;}} em {background-color: #9b705e; width: .0104166667rem; height: .0625rem; margin: 0 .0520833333rem;}}}}}.thumb-swiper{background-color:#fff;border:1px #fce6bf solid;margin:0 auto;width:calc(100% - .796875rem)!important;.swiper-slide{position:relative;display:flex;padding:.15625rem .2083333333rem .15625rem .15625rem;overflow:hidden;.playvideo{width:3.6458333333rem;flex-shrink:0;aspect-ratio:16 / 9;>div{height:100%!important}}.video_pic{width:3.6458333333rem;flex-shrink:0;aspect-ratio:16 / 9}.label{width:.625rem;height:.625rem;position:absolute;right:0;top:-.0208333333rem;background-position:0;background-repeat:no-repeat;background-size:100%;span {letter-spacing: .0104166667rem; top: .171875rem; right: -.1041666667rem; position: absolute; font-size: .125rem; color: white; transform: rotate(45deg); width: .625rem; text-align: center;}}.rightinfo{margin-left:.15625rem;padding:.15625rem 0;flex-grow:1;position:relative;.teacher_name{font-weight:700;color:#1f2029;font-size:.15625rem}.teacher_avator{width:1.1458333333rem;aspect-ratio:438 / 474;position:absolute;top:-.1041666667rem;right:.46875rem}.teacher_tag{color:#9499a0;font-size:.0729166667rem;margin:.0520833333rem 0}.teacher_short{color:#000;font-size:.1041666667rem}.desc{color:#9499a0;font-size:.0729166667rem;margin-top:.15625rem}.period_label{color:#000;font-size:.1041666667rem}.teacher_desc{margin-top:.15625rem;color:#181818;font-size:.0833333333rem;line-height:.15625rem;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;*{color:#181818;font-size:.0833333333rem;line-height:.15625rem}}.course_url{position:absolute;right:0;bottom:0;color:#3662ec;font-size:.0833333333rem;cursor:pointer}}}}}