[v-cloak] { display: none } 

.loading { width:2.2rem; height: 2.2rem; background: url(loading.gif) no-repeat; background-size: 100%; position: fixed; left:50%; top:50%; margin-left:-1.1rem; margin-top:-1.1rem; z-index: 99; } 
.price .qgbg { display: none } 
.mask-bg { width: 100%; height: 100%; position: fixed; left: 0; top:0; background: rgba(0,0,0,0.3); z-index: 101; } 
.relative { position: relative; } 
.link-trigger:hover { background: #f9f9f9 } 
.scroll-view { overflow-y: auto; -webkit-overflow-scrolling: touch } 
.load-completed { text-align: center; line-height: 2rem; color:#929699; text-align: center; padding-bottom: 0.5rem } 

/*标题*/
.common-title { padding: 0 0.6rem; line-height: 1.1rem; font-size: 0.8rem; font-weight: bold; margin-bottom: 0.65rem; } 
.common-title .more { float: right;font-size: 0.6rem;color: #666; font-weight: normal; } 

/*选项卡*/
.common-tab { height: 2.45rem; line-height: 2.2rem; } 
.common-tab li { width: 33.3%; float:left; position: relative; font-size: 0.8rem; color:#929699; text-align: center } 
.common-tab li.on { color:#273035 } 
.common-tab li.on::after { content: ''; width: 1.5rem; height: 0.15rem; background: #23B8FF; position: absolute; bottom:0.25rem; left:50%; margin-left:-0.75rem; border-radius: 0.5rem; } 

/*图标+文字*/
.common-icon-state { height: 1.1rem; line-height: 1.1rem; overflow: hidden; margin-top:0.75rem; } 
.common-icon-state span { width: 33.3%; float:left; text-align: center; color:#929699 } 
.common-icon-state i { display: inline-block; width:0.9rem; height:0.9rem; margin-right: 0.2rem; background-size:100%; background-repeat: no-repeat; position: relative; top:0.2rem; } 
.common-icon-state .icon-zan { background-image: url(common_btn_thumb.png) } 
.common-icon-state .icon-evaluate { background-image: url(common_btn_comments.png); top:0.3rem; } 
.common-icon-state .icon-browse { background-image: url(common_btn_view.png); top:0.25rem; } 
.common-icon-state .icon-course { background-image: url(class_icon_lesson.png) } 
.common-icon-state .icon-student { background-image: url(class_icon_student.png) } 

.common-icon-state-mid { height: 1.2rem; line-height: 1.2rem; font-size: 0.7rem; } 
.common-icon-state-mid i { width: 1rem; height: 1rem; top:0.25rem; } 

/*===============/index/===============*/
.page-index {background: linear-gradient(180deg, #FFFFFF 0%, #FAFAFA 100%);position: relative;} 
.page-indexbg{width: 100%;position: absolute;left: 0;top: 0;z-index: 0;}
.page-indexcon{position: relative;z-index: 1;}
.index-box { padding-bottom: 1.05rem; } 
.index-banner-box { padding:0rem 0.6rem; } 
.index-banner { border-radius: 0.3rem; overflow: hidden; } 
/*头部*/
.index-header {display: flex;flex-direction: row;justify-content: space-between;align-items: center;padding: 0.9rem 0.6rem 1.1rem; } 
.index-header::after{display: none;}
.logo-img{display: block;width: 5.6rem;} 
.index-header .search { position: relative; background: #fff url(common_icon_search.png) no-repeat 0.5rem 50%; background-size:0.9rem 0.9rem; border-radius: 1.6rem; box-sizing: border-box; padding: 0 0.5rem 0 1.6rem; height: 1.6rem; color:#929699;width: 11.4rem; } 
.index-header .search .search-text { width:100%; height:0.9rem; background: none; border:0px; position: relative; top:0.35rem; font-size: .65rem; line-height: 0.9rem; } 
.index-header .search .search-text::placeholder { font-size: .65rem; } 

/*轮播图*/
.index-swiper { height:10.5rem; } 
.index-swiper .swiper-slide { background-size:cover; background-position: 50% 50%; background-repeat: no-repeat } 
.index-swiper .swiper-pagination-bullet { width: 0.6rem; height: 0.25rem; background: #fff; opacity: 0.5; border-radius: 0.25rem; } 
.index-swiper .swiper-pagination-bullet-active { opacity: 1; } 

.index-menu { background: #fff; padding-bottom: 0.9rem; color: #575c60; margin: 0rem 0.6rem; border-radius: 0.5rem; } 
.index-menu .item { width:25%; float:left; text-align: center; line-height: 0.8rem; padding-top:0.75rem; } 
.index-menu .item img { height: 1.8rem; } 
.index-menu .item a { display: block; color: #606367; } 

.index-box .item-wrap { margin: 0 0.6rem; background: #fff; padding: 0.5rem 0.5rem 0.75rem; border-radius: 0.25rem; } 

/* 导航下面 */
.index-advertise{display: flex;flex-direction: row;justify-content: space-between;padding: 0 0.6rem 0.9rem;}
.index-advertise::after{display: none;}
.index-advertise_item{width: 5.5rem;}
.index-advertise_item img{display: block;}
/*直播课程*/
.index-live .item-wrap { padding: 0 0.6rem 0 0.1rem; background: none; margin-right:0; border-radius: 0; margin-left:0; } 
.index-live .item { margin:0 0 0 0.5rem;background: #FFFFFF;border-radius: 0.25rem;padding: 0.3rem 0.3rem 0.6rem;position: relative;box-sizing: border-box;} 
.index-live .default-bg {height: 4.2rem;overflow: hidden;border-radius: 0.3rem; } 
.index-live .name { font-size: 0.65rem; height: 1.9rem; line-height: 0.95rem;     text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-top: 0.25rem;font-weight: bold;color: #333333;margin-bottom: 0.35rem;} 
.index-live .state { color:#575c60 }
.index-live .state { position: absolute; left: 0; top: 0; width: 3rem; height: 1rem; text-align: center; line-height: 1rem; border-radius: 0.5rem 0 0.5rem 0; background: #3589FE; color: #fff;z-index: 1;font-size: 0.55rem; display: none;} 
.index-live .state_1 { background: linear-gradient(25deg, #F95630 0%, #FFCABE 100%);display: block; } 
.index-live .state_2 { background: #bbb;} 
.index-live .item-info{display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.index-live .item-info::after{display: none;}
.item-info_num{line-height: 0.8rem;font-size: 0.55rem;color: #999999;}
.item-info_num::before{content: '';display: inline-block;width: 0.6rem;height: 0.6rem;background: url(hot.png) no-repeat center;background-size: cover;vertical-align: middle;margin-right: 0.1rem;}
.item-info_btn{width: 3rem;line-height: 1.1rem;background: #1472FF;border-radius: 0.75rem;text-align: center;color: #fff;font-size: 0.6rem;}
/*拼团*/
.index-fight-group .item { position: relative; margin-top:0.8rem; } 
.index-fight-group .item:first-child { margin-top: 0rem; } 
.index-fight-group .images-box { width: 5.9rem; height: 3.2rem; margin-right: 0.75rem; box-sizing: border-box; float: left; } 
.index-fight-group .images-info { width:calc(100% - 6.65rem); float: left; box-sizing: border-box; position: relative; } 
.index-fight-group .default-bg { border-radius: 0.25rem; overflow: hidden; } 
.index-fight-group .name { line-height: 1rem;font-size: 0.7rem;font-weight: bold;color: #333333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } 
.index-fight-group .intro {margin-top: 0.3rem; line-height: 0.85rem;font-size: 0.6rem;color: #999999;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden; } 

.item-first-img { height: 6.4rem; overflow: hidden; border-radius: 0.3rem; background-image: url(common_nopicture_bg.png); background-size: cover; background-position: top; background-repeat: no-repeat; background-position: 50% 50%; } 
.item-first-img__img { background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%;height: 100%;} 
.item-first-name { font-size: 0.7rem; height: 1rem; line-height: 1rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 0.3rem;font-weight: bold; margin-bottom: 0.3rem; } 
.item-first-info { font-size: 0.6rem; line-height: 0.85rem; height: 0.85rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #999;padding-bottom: 0.75rem;margin-bottom: 0.7rem;position: relative;} 
.item-first-info::after{content: '';display: block;width: 100%;height: 0.05rem;background: #F2F2F2;transform: scaleY(0.5);position: absolute;bottom: 0;left: 0;}

.like-course .name { font-size: 0.8rem; height: 1.1rem; line-height: 1.1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } 
.like-course .teacher { font-size: 0.6rem; color: #8D9199; margin-top: 0.2rem; margin-bottom: 0.2rem; line-height: 0.8rem; height: 0.8rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 
.like-course .intro { font-size: 0.6rem; color: #8D9199; line-height: 0.9rem; height: 1.8rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } 
.index-course_tab{margin-bottom: 0.85rem;}
.course_tab_item{height: 1.1rem;font-size: 0.7rem;color: #666666;text-align: center;}
.course_tab_item .item-text{display: inline-block;position: relative;padding-bottom: 0.15rem;}
.course_tab_itemcurr .item-text{color: #1472FF;}
.course_tab_itemcurr .item-text::after{content: '';display: block;width: 100%;height: 0.1rem;background: #1472FF;position: absolute;left: 0;bottom: 0;}
.index-course_list{background: #FFFFFF;border-radius: 0.25rem;margin: 0 0.6rem;padding: 0.85rem 0.5rem;display: none;}
.index-course_listcurr{display: block;}
.index-course_item{display: flex;flex-direction: row;align-items: center;margin-bottom: 0.8rem;}
.index-course_item:last-child{margin-bottom: 0;}
.index-course_itemimg{width: 6.2rem; height: 3.5rem;border-radius: 0.25rem;display: block;}
.index-course_iteminfo{margin-left: 0.4rem;width: calc(100% - 6.6rem);}
.index-course_iteminfo h2{line-height:1rem;font-size: 0.7rem;color: #333333;}
.index-course_itemlabel{padding:0 0.25rem;margin-right:0.25rem;line-height: 0.8rem;background: #EDEFF2;border-radius: 0.15rem;color: #798289;font-size: 0.5rem;font-weight: normal;display: inline-block;}
.index-course_iteminfo a{display: flex;flex-direction: column;justify-content: space-between;height: 3.5rem;}
.index-course_iteminfo a::after{display: none;}
.index-course_itembox{display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.index-course_itembox::after{display: none;}
.index-course_itemnum{font-size: 0.6rem;color: #999999;}
.index-course_itemprice{font-size: 0.8rem;font-weight: 800;color: #FF5300;}
.index-course_itemprice font{font-size: 0.6rem;margin-right: 0.2rem;}
.index-course_itemprice font.free_cor{font-size: 0.8rem;}

/*===============/find/===============*/
.find-header-wrap { position: fixed; width: 100%; left:0; top:0; z-index: 102; } 
.find-header-wrap-blank { height:4.4rem; overflow: hidden; } 
.find-header { height: 2.2rem; background: #fff; text-align: center } 
.find-header .tab { position: relative; top:0.35rem; height:1.5rem; line-height: 1.5rem; border:1px solid #23B8FF; display: inline-block; box-sizing: border-box; overflow: hidden; border-radius: 0.2rem; color:#575c60 } 
.find-header .tab li { float:left; padding: 0 1rem; font-size: 0.7rem; border-left:1px solid #23B8FF; } 
.find-header .tab li:first-child { border-left:0px; } 
.find-header .tab .on { background: #23B8FF; color:#fff; } 

.find-filter { height: 2.2rem; background: #fff; line-height: 2.2rem; } 
.find-filter li { width: 33.3%; float:left; text-align: center; font-size: 0.7rem; color:#575c60; position: relative; } 
.find-filter2 li { width: 50%; } 
.find-filter li::before { content: ''; width:0rem; overflow: hidden; height: 0.9rem; position: absolute; left:0; top:50%; margin-top:-0.45rem; border-left:1px solid #e6e9ed; transform: scaleX(0.5) } 
.find-filter li:first-child::before { display:none; } 
.find-filter .icon-filter { width: 0.7rem; height: 0.7rem; display: inline-block; background: url(common_tab_filter_n.png) no-repeat; background-size:100%; position: relative; top:0.1rem; left:0.2rem; } 
.find-filter .icon-arrow { display: inline-block; width: 0.5rem; height: 0.5rem; background: url(bottom.png) no-repeat; background-size: 100%; left:0.25rem; top:0.05rem; position: relative; } 
.find-filter li.on .icon-arrow { background:url(up.png) no-repeat; background-size:100%; } 
.find-filter li.on .icon-filter { background:url(common_tab_filter_s.png) no-repeat; background-size:100%; } 
.find-filter-sort { position: absolute; left:0; top:0; width: 100%; background: #fff; max-height: 16.5rem; overflow-y: auto } 
.find-filter-sort li { height: 2.2rem; line-height: 2.2rem; padding: 0 0.75rem; font-size: 0.7rem; position: relative; } 
.find-filter li.on,
.find-filter-sort .on { color: #23B8FF } 
.find-filter-sort .on::before { content:''; width:0.8rem; height:0.8rem; background: url(yes.png) no-repeat; background-size: 100%; position: absolute; right:0.75rem; top:50%; margin-top:-0.45rem; } 

.find-filter-category { background: #fff; } 
.find-filter-category .category-grid { width: 33.3%; float:left; height:12rem; overflow-y: auto; -webkit-overflow-scrolling: touch; box-sizing: border-box; } 
.find-filter-category .category-grid li { font-size: 0.7rem; text-align: center; line-height: 2.2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } 
.find-filter-category .category-grid li.on { color:#23B8FF } 
.find-filter-category .category-grid:nth-child(1) { background: #f5f5f5 } 
.find-filter-category .category-grid:nth-child(1) .on,
.find-filter-category .category-grid:nth-child(2) { background: #fafafa } 
.find-filter-category .category-grid:nth-child(2).on { background: #fff } 

.find-filter-other { background: #fff; padding:0 0.75rem 0.75rem 0.75rem; } 
.find-filter-other .name { line-height: 1.7rem; font-size: 0.7rem; padding-top:0.5rem; } 
.find-filter-other .option-list span { display: inline-block; padding: 0.15rem 0.6rem; font-size:0.7rem; background: #f5f5f5; border-radius: 0.2rem; margin:0.5rem 0.5rem 0 0; } 
.find-filter-other .option-list span.on { background: #23B8FF; color:#fff; } 
.find-filter-other .button { width: 5.5rem; height: 1.8rem; border:0.05rem solid #929699; color:#575c60; box-sizing: border-box; line-height:1.8rem; text-align: center; border-radius: 0.2rem; font-size: 0.7rem; float:left; margin:0.75rem 0.5rem 0 0; } 
.find-filter-other .main-button { background: #23B8FF; color:#fff; border:0rem; } 

.find-list ul { padding-bottom: 0.75rem; background: #fff;  overflow: hidden;} 

.find-list li { padding: 0.5rem;margin-left: .5rem; position: relative; display: flex;}
.find-list li::after{
    content: '';
    width: 200%;
    height: 200%;
    position: absolute;
    left:-50%;
    top:-50%;
    border: 1px solid #e9e9e9;
    transform: scale(0.5);
    border-right: 0px;
    border-radius: .4rem;
} 
.find-list li:active{
    background-color: #f9f9f9;
}
.find-list li + li{
    margin-top: .75rem; 
}
.find-list .item-right{
    flex: 1;
    overflow: hidden;
}
.find-list .images-bg { min-width: 5rem; width:5rem;border-radius: .2rem; overflow: hidden; height: 5rem; position: relative; margin-right: .5rem; }
.find-list .images-bg img{
    width: 100%;
    height: 100%;
}
.find-list .images-bg span{
    position: absolute;
    left:0.25rem;
    top:0.25rem;
    height: .8rem;
    line-height: .8rem;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 0 .25rem;
    border-radius: .15rem;
    color:#fff;
    font-size: .5rem;
}
.find-list .name { font-size: 0.8rem; height: 1.3rem; line-height: 1.3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold;} 
.find-list .desc{
    line-height: 24px;
    color:#929699;
}
.find-list .desc span + span{
    margin-left: 14px;
    position: relative;
}
.find-list .desc span + span::before{
    content: '';
    width: 1px;
    height: 12px;
    position: absolute;
    left:-8px;
    top:50%;
    margin-top: -6px;
    background-color: #e6e6e6;
}
.find-list .desc .category-name{
    color:#23B8FF;
}
.find-list .tc-and-price{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.find-list .tc-list{
    display: flex;
    flex: 1;
    margin-top: .5rem;
}
.find-list .tc-item{
    width: 2.6rem;
    text-align: center;
    color:#999;
    overflow: hidden;
}
.find-list .tc-item__name{
    white-space: nowrap;
    height: 1.1rem;
    line-height: 1.1rem;
    text-overflow: ellipsis;
    overflow: hidden;

    font-size: .5rem;
}
.find-list .tc-item__img{
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 50%;
    margin: 0 auto;
}
.find-list .tc-item__img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.find-list .study-num { color:#999; line-height: 1rem; font-size: .5rem;} 
.find-list .price { text-align: right; font-size: 0.8rem; line-height: 1.1rem; color:#E14F4F; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.find-list .price span { float: left; font-size: 0.6rem; color:#999 } 

.find-class-list li { background: #fff; padding: 0.5rem; margin-top: 0.5rem; } 
.find-class-list li:first-child { margin-top:0rem; } 

.find-class-list li .name { font-size: 0.8rem; height: 1.3rem; line-height: 1.3rem; overflow: hidden; margin-top: 0.5rem; } 
.find-class-list li .price { height: 1.7rem; line-height: 1.7rem; overflow: hidden; font-size: 0.7rem; color:#575c60 } 
.find-class-list li .price span { color:#23B8FF; float: right; font-size: 0.9rem } 
.find-class-list .common-icon-state span { position: relative; } 
.find-class-list .common-icon-state span::before { content: ''; width: 0rem; border-left:0.05rem solid #ccc; height: 0.9rem; position: absolute; left:0; top:50%; margin-top:-0.45rem; transform: scaleX(0.5) } 
.find-class-list .common-icon-state span:first-child::before { display: none } 


/* index首页底部 */
.index_footer { margin-top: 0.5rem; padding: 0.75rem; font-size: 0.6rem; color: #999; text-align: center; line-height: 0.8rem; } 

.index_footer .index_menu_top a { color: #999; line-height: 0.8rem; padding-left: 0.3rem; padding-right: 0.4rem; position: relative; } 
.index_footer .index_menu_top a::after { content: ''; height: 80%; width: 1px; background: #999; position: absolute; right: 1px; top: 50%; margin-top: -10%; } 
.index_footer .index_menu_top a:last-child::after { display: none } 
.index_footer .name { margin-top: 0.4rem; } 

/*训练营*/
.camp-list .default-bg .images-bg { padding: 0 0.4rem; box-sizing: border-box; position:relative; } 
.camp-list .name { margin-top:0; padding-top: 10px; color: #fff; z-index:1; position:relative; font-size: 0.7rem; } 
.camp-list .default-bg .images-bg:after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5; } 
.camp-list .btn { position: absolute; left: 0.4rem; bottom: 0.5rem; background: #23B8FF; color: #fff; width: 4rem; height: 1.2rem; text-align: center; line-height: 1.2rem; border-radius: 1.6rem; font-size: 0.6rem; box-shadow: 0 0.05rem 0.3rem rgba(255, 102, 61, 0.5); z-index: 1; } 

/*活动*/
.activity-price { font-size: 0.8rem !important; color: #23B8FF !important; text-decoration: none !important; line-height: 1.6rem; } 
.activity-arddess { background: url(dizhi.png) no-repeat left 0.2rem; background-size: 0.7rem; padding-left: 0.8rem; color: #929699; font-size: 0.6rem; margin-top: 0.3rem; } 
.activity-time { background: url(shijian.png) no-repeat left 0.2rem; background-size: 0.7rem; padding-left: 0.8rem; } 
.activity-btn { position: relative !important; float: right; right: auto !important; bottom: auto !important; border: 0.05rem solid #23B8FF; box-sizing: border-box; background: #fff !important; color: #23B8FF !important; box-shadow: none !important; line-height: 1.55rem !important; } 
.green-font { color: #4CAF50 !important; } 

.item-tc-face-name{
    height: 1.1rem;
    overflow: hidden;
    line-height: 1.1rem;
    margin: .25rem 0;
}
.item-tc-face-name img{
    width: 1.1rem;
    height: 1.1rem;
    border-radius: .8rem;
    float: left;
    object-fit: cover;
    margin-right: .25rem;
}