
[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: 2.2rem; padding: 0 0.5rem; line-height: 2.2rem; font-size: 0.8rem;}
.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-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.65rem;}
.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 .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}



/*===============/community/===============*/
.community-hot{margin-top:0rem;}
.community-hot .item-wrap{min-height: 5rem;}
.community-hot .item{padding-left: 5rem; height: 4rem;}
.community-hot .item .name{font-size: 0.8rem;}
.community-hot .default-bg{ width: 4rem;height:4rem;}
.community-hot .price{text-align: left}

.community-list{margin-top:0.5rem;}
.community-list .common-tab{background: #fff;}
.community-list .item{padding: 0.5rem;background: #fff; margin-top:0.5rem;}
.community-list .item:hover{background: #fafafa;}
.community-list .item:first-child{margin-top:0rem;}
.community-list .item .from-user{position: relative;padding-left:2.3rem;}
.community-list .item .from-user .name{font-size: 0.7rem;}
.community-list .item .from-user .name,
.community-list .item .from-user .time{height: 0.9rem; line-height: 0.9rem;overflow: hidden;}
.community-list .item .from-user .time{color: #929699}
.community-list .item .default-avatar{width:1.8rem; height: 1.8rem; position: absolute;left:0;top:0;border-radius: 50%; overflow: hidden;}
.community-list .topic-title{font-size:0.8rem; line-height: 1.2rem;margin-top: 0.75rem;}
.community-list .topic-title img{height:1rem;margin:0 0.15rem; position: relative; top:0.2rem;}
.community-list .topic-big-img{margin-top:0.5rem;}
.community-list .topic-big-img img{ display: block; max-width: 80%;max-height: 10rem;}

.community-list .topic-img-list{position: relative;left: -0.15rem;margin-top:0.35rem;}
.community-list .default-bg{width:4.6rem;float:left; height:4.6rem;margin:0.15rem; }
/* index首页底部 */
.index_footer{
    margin-top: 0.5rem;
    /* background: #fff; */
    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;}

