[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{ height: 1.5rem; background:fff; padding:0.5rem 0.5rem; line-height:1.5rem; color:#26b7bc; font-size: 1rem;font-style:weight}
.common-title .more{float: right; font-size: 0.7rem; color:#575c60; background: url(../images/icon-right.png) no-repeat 100% 50%; background-size:0.6rem 0.6rem; padding-right:0.8rem;}

/*选项卡*/
.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: #ff663d; 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{background: #fff;margin-top:0.5rem; padding-bottom: 0.75rem;}
/*头部*/
.index-header{ height: 2.2rem; background: #fff;  position: fixed; width: 100%;left:0;top:0; box-shadow: 0 0.05rem 0.15rem rgba(0, 0, 0, 0.06); 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.5rem 0 2.75rem;background: #f5f5f5 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-active{background: #ff663d}
.index-swiper .swiper-pagination-bullet{width: 0.35rem; height: 0.35rem;}

.index-menu{background: #fff; padding-bottom:0.75rem; color:#575c60;}
.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}


/*直播课程*/
.index-live .item-wrap{padding: 0.25rem; min-height:5.5rem;}
.index-live .item{margin:0 0.25rem; border-radius: 0.4rem; box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.1);padding: 0.5rem 0.5rem 0.5rem 8.5rem; position: relative; height: 4.5rem; overflow: hidden; }
.index-live .default-bg{width:7.5rem;height: 4.5rem; position: absolute;left:0.5rem;top:0.5rem;border-radius: 0.2rem; overflow: hidden;}
.index-live .name{font-size: 0.7rem; 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: relative; padding-left:0.6rem;}
.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::before{ background: #ff663d}
.index-live .state_2::before{ background: #bbb}
.index-live .price{ text-align: right;font-size: 0.7rem; color:#ff663d}
.index-live .price .free_cor{color: #4CAF50;}

/*拼团*/
.index-fight-group .item{border-radius: 0.4rem; padding: 0.75rem 0.75rem 0.5rem 8.75rem;min-height: 4.5rem; position: relative;  }
.index-fight-group .item:first-child{padding-top: 0rem;}
.index-fight-group .item:first-child .default-bg{top:0}
.index-fight-group .default-bg{width:7.5rem;height: 4.5rem; position: absolute;left:0.75rem;top:0.75rem;border-radius: 0.2rem; overflow: hidden;}
.index-fight-group .name{font-size: 0.8rem; max-height: 2rem; line-height: 1rem; overflow: hidden; }
.index-fight-group .time{color:#929699;font-size: 0.6rem;}
.index-fight-group .time span{ color: #ff663d;}
.index-fight-group .time font{padding: 0 0.1rem;}
.index-fight-group .price{ font-size: 0.8rem; color:#ff663d;margin-top:0.25rem; line-height: 1rem;}
.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: #ff663d; 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)}

/*课程、班级*/
.index-list{padding-right: 0.75rem;}
.index-list .item{width: 50%;float:left; box-sizing: border-box;padding:0.75rem 0 0 0.75rem;}
.index-list .clearfix:first-child .item{padding-top: 0rem;}
.index-list .default-bg{ border-radius: 0.2rem; overflow: hidden;}
.index-list .name{font-size: 0.8rem; max-height: 2rem; line-height: 1rem; overflow: hidden; margin-top:0.5rem; }
.index-list .study-num,
.index-list .tname{color:#929699;margin-top:0.25rem;}
.index-list .price{ font-size: 0.7rem; color:#ff663d}


/*老师*/
.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: #ff663d; 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 #ff663d; 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 #ff663d;}
.find-header .tab li:first-child{border-left:0px;}
.find-header .tab .on{ background: #ff663d;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 #ccc; 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: #ff663d}
.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:#ff663d}
.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: #ff663d;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: #ff663d; color:#fff;border:0rem;}

.find-list ul{padding-bottom: 0.75rem;background: #fff;}
.find-list li{ padding: 0.75rem 0.5rem 0 8.5rem; position: relative; height: 4.5rem; overflow: hidden; }
.find-list .default-bg{width:7.5rem;height: 4.5rem; position: absolute;left:0.5rem;top:0.75rem;border-radius: 0.2rem; overflow: hidden;}
.find-list .name{font-size: 0.8rem; max-height: 2.2rem; line-height: 1.1rem; overflow: hidden;}
.find-list .name span{padding:0.1rem 0.25rem;border-radius:0.1rem;margin-right:0.25rem;border:0.05rem solid #ff663d;color:#ff663d;font-size: 0.6rem;} 
.find-list .study-num{color:#929699;margin-top:0.25rem;}
.find-list .price{ text-align: right;font-size: 0.7rem; color:#ff663d}
.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:#ff663d; 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: #ff663d;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: #ff663d !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 #ff663d; box-sizing: border-box; background: #fff !important;color: #ff663d !important;box-shadow: none !important;    line-height: 1.55rem !important;}
.green-font{ color: #4CAF50 !important;}