[v-cloak] { display: none } 

.loading { width:2.2rem; height: 2.2rem; background: url(../images/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.8rem; line-height: 1rem; font-size: 1rem; font-weight: bold; margin-bottom: 1rem; } 
.common-title .more { float: right; font-size: 0.7rem; color:#606367; background: url(../images/icon-right.png) no-repeat 100% 50%; background-size:0.5rem 0.5rem; padding-right:0.65rem; 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: #2E65EF; 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(../images/common_btn_thumb.png) } 
.common-icon-state .icon-evaluate { background-image: url(../images/common_btn_comments.png); top:0.3rem; } 
.common-icon-state .icon-browse { background-image: url(../images/common_btn_view.png); top:0.25rem; } 
.common-icon-state .icon-course { background-image: url(../images/class_icon_lesson.png) } 
.common-icon-state .icon-student { background-image: url(../images/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 { padding-top: 2.2rem; } 
.index-box { padding-bottom: 1.8rem; } 
.index-banner-box { padding:0.5rem 0.8rem; } 
.index-banner { border-radius: 0.3rem; overflow: hidden; } 
/*头部*/
.index-header { height: 2.2rem; background: #fff; position: fixed; width: 100%; left:0; top:0; overflow: hidden; z-index: 100; } 
.index-header .logo { position: absolute; left:0; top:0; } 
.index-header .logo img { height: 2rem; position: relative; left:0.4rem; top:0.1rem; } 
.index-header .search { position: relative; top:0.3rem; margin:0 0.8rem; background: #F5F6FA url(../images/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; } 
.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.75rem; color: #575c60; margin: 0.4rem 0.8rem 1.8rem 0.8rem; 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.8rem; background: #fff; padding: 0.6rem; border-radius: 0.3rem; } 
/*直播课程*/
.index-live .item-wrap { padding: 0; background: none; margin-right:0; border-radius: 0; margin-left:0; } 
.index-live .item { margin:0 0 0 0.8rem; border-radius: 0.25rem; padding:1.4rem 0.6rem 0.85rem 3.45rem; position: relative; overflow: hidden; background: #fff; } 
.index-live .default-bg { width:2.35rem; height: 2.35rem; position: absolute; left:0.6rem; top:1.5rem; border-radius: 2rem; overflow: hidden; } 
.index-live .name { font-size: 0.8rem; height: 1.2rem; line-height: 1.2rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } 
.index-live .state { color:#575c60 } 
.index-live .study-num { color:#929699 } 
.index-live .state { position: absolute; left: 0; top: 0; width: 3rem; height: 1rem; text-align: center; line-height: 1rem; border-radius: 0.25rem 0; background: #3589FE; color: #fff; } 
/* .index-live .state::before { content: ''; position: absolute; left:0; top:50%; margin-top:-0.15rem; width: 0.3rem; height: 0.3rem; background: #63bcff; border-radius: 50%; } */
.index-live .state_1 { background: #FF6C00 } 
.index-live .state_2 { background: #bbb } 
.index-live .price { text-align: right; font-size: 0.7rem; color:#2E65EF } 
.index-live .price .free_cor { color: #4CAF50; } 

/*拼团*/
.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: 50%; padding-right: 0.3rem; box-sizing: border-box; float: left; } 
.index-fight-group .images-info { width: 50%; float: left; padding-left: 0.3rem; box-sizing: border-box; position: relative; } 
.index-fight-group .default-bg { border-radius: 0.25rem; overflow: hidden; } 
.index-fight-group .name { font-size: 0.7rem; height: 2.1rem; line-height: 1.05rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-weight: 500; } 
.index-fight-group .time { color:#929699; font-size: 0.6rem; } 
.index-fight-group .time span { color: #2E65EF; } 
.index-fight-group .time font { padding: 0 0.1rem; } 
.index-fight-group .price { font-size: 0.7rem; color: #FF6C00; line-height: 1.1rem; position: absolute; width:calc(100% - 0.3rem); bottom: 0; right: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.original-price { float: right; color: #8D9199; font-size: 0.6rem; text-decoration: line-through; } 
.index-fight-group em { text-decoration: line-through; color:#929699; font-style: normal; font-size: 0.6rem; display: block; } 
.index-fight-group .btn { position: absolute; right:0.75rem; bottom:0.5rem; background: #2E65EF; color:#fff; width:4.3rem; height:1.6rem; text-align: center; line-height: 1.6rem; border-radius: 1.6rem; font-size: 0.7rem; box-shadow: 0 0.05rem 0.3rem rgba(255, 102, 61, 0.5) } 

.item-first-img { height: 6.4rem; overflow: hidden; border-radius: 0.3rem 0.3rem 0 0; background-image: url(../../common/images/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: top; background-repeat: no-repeat; width: 100%;height: 100%;} 
.item-first-name { font-size: 0.8rem; height: 0.8rem; line-height: 0.8rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 0.6rem; margin-bottom: 0.6rem; } 
.item-first-info { font-size: 0.6rem; line-height: 0.6rem; height: 0.6rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #8D9199; margin-bottom: 0.8rem; } 

.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; } 


.study-course .name { height: 1.1rem; line-height: 1.1rem; font-size: 0.8rem; } 
.study-course .intro { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-height: 0.8rem; max-height: 0.8rem; color: #8D9199; margin-top: 0.25rem; } 
.study-course .teacher { line-height: 0.8rem; max-height: 0.8rem; color: #8D9199; margin-top: 0.25rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 
.study-course .info { line-height: 0.8rem; font-size: 0.6rem; color: #FF6C00; position: absolute; width: calc(100% - 0.3rem); bottom: 0; right: 0; } 
.big-coffee-item { padding: 0 0.3rem 0.8rem; } 
.big-coffee-item .images-box { width: 50%; padding-right: 0.3rem; box-sizing: border-box; float: left; } 
.big-coffee-item .images-info { width: 50%; float: left; padding-left: 0.3rem; box-sizing: border-box; position: relative; } 
.big-coffee-item .images-info .name { margin-top: 0; font-size: 0.8rem; height: 2.4rem; line-height: 1.2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal; } 
.big-coffee-item .images-info .study-num { position: absolute; width: calc(100% - 0.3rem); bottom: 0; right: 0; } 

/*课程、班级*/
.index-list { padding:0.6rem 0.3rem; margin: 0 0.8rem; background: #fff; border-radius: 0.3rem; } 
.index-list .item { width: 50%; float:left; box-sizing: border-box; padding:0rem 0.3rem; margin-bottom:0.6rem; } 
.index-list .default-bg { border-radius: 0.25rem; overflow: hidden; } 
.index-list .name { font-size: 0.8rem; height: 1rem; line-height: 1rem; overflow: hidden; margin-top:0.5rem; white-space: nowrap; text-overflow: ellipsis; } 
.index-list .study-num,
.index-list .tname { color:#8D9199; margin-top:0.25rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.index-list .price { font-size: 0.7rem; color:#2E65EF } 


/*老师*/
.index-teacher .item-wrap { padding:0.25rem; } 
.index-teacher .item { margin:0 0.25rem; box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.1); border-radius: 0.2rem; overflow: hidden; text-align: center; padding-bottom: 0.5rem; } 
.index-teacher .tname { font-size: 0.8rem; height: 1.3rem; line-height: 1.3rem; overflow: hidden; margin:0.5rem 0.5rem 0 0.5rem; white-space: nowrap; text-overflow: ellipsis } 
.index-teacher .tlevel { height:1.1rem; line-height: 1.1rem; overflow: hidden; color:#929699; } 
.index-teacher .mark-recommend { width:2rem; height: 1rem; background: #2E65EF; line-height: 1rem; color:#fff; border-radius: 0 0 0.5rem 0; position: absolute; left:0; top:0; z-index: 2; } 

/*热门话题*/
.index-club .item { margin:0.75rem 0.5rem 0 0.5rem; box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.1); border-radius: 0.2rem; overflow: hidden; } 
.index-club .item:first-child { margin-top: 0rem } 
.index-club .topic { padding: 0.75rem 0.5rem; } 
.index-club .topic-title { font-size:0.8rem; line-height: 1.1rem; } 
.index-club .from-group { height: 1.6rem; line-height: 1.6rem; padding: 0.5rem 0.5rem 0.5rem 2.6rem; font-size:0.7rem; } 
.index-club .from-group .default-bg { width:1.6rem; height: 1.6rem; position: absolute; left:0.5rem; top:0.5rem; border-radius: 50%; overflow: hidden; } 


/*===============/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 #2E65EF; 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 #2E65EF; } 
.find-header .tab li:first-child { border-left:0px; } 
.find-header .tab .on { background: #2E65EF; 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(../images/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(../images/bottom.png) no-repeat; background-size: 100%; left:0.25rem; top:0.05rem; position: relative; } 
.find-filter li.on .icon-arrow { background:url(../images/up.png) no-repeat; background-size:100%; } 
.find-filter li.on .icon-filter { background:url(../images/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: #2E65EF } 
.find-filter-sort .on::before { content:''; width:0.8rem; height:0.8rem; background: url(../images/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:#2E65EF } 
.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: #2E65EF; 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: #2E65EF; color:#fff; border:0rem; } 

.find-list ul { padding-bottom: 0.75rem; background: #fff; } 
.find-list li { padding: 0.8rem 0.8rem 0 9rem; position: relative; height: 4.218rem; overflow: hidden; } 
.find-list .default-bg { width:7.5rem; height: 4.218rem; position: absolute; left:0.8rem; top:0.8rem; border-radius: 0.25rem; overflow: hidden; } 
.find-list .name { font-size: 0.8rem; height: 1.3rem; line-height: 1.3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.find-list .name span { padding: 0rem 0.25rem; height: 1rem; box-sizing: border-box; border-radius:0.1rem; margin-right:0.25rem; border:0.05rem solid #FF6C00; color:#FF6C00; font-size: 0.6rem; } 
.find-list .study-num { color:#929699; margin-top:0.25rem; line-height: 1.3rem; } 
.find-list .price { text-align: right; font-size: 0.7rem; line-height: 1.3rem; color:#FF6C00; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.find-list .price span { float: left; font-size: 0.6rem; color:#929699 } 

.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 .default-bg { border-radius: 0.2rem; overflow: hidden; } 
.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:#2E65EF; 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: #2E65EF; 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: #2E65EF !important; text-decoration: none !important; line-height: 1.6rem; } 
.activity-arddess { background: url(../images/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(../images/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 #2E65EF; box-sizing: border-box; background: #fff !important; color: #2E65EF !important; box-shadow: none !important; line-height: 1.55rem !important; } 
.green-font { color: #4CAF50 !important; }