@charset "utf-8";
/* CSS Document */

.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;position: relative;z-index: 1000;}
.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-header .tab .on a{color:#fff;}

.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}
.study-num .add-time{margin-right: 10px;}

.courseCatalog{ padding:0.5rem;margin-top: 0.5rem;}
.courseinfo li{ width:25% !important;}
.courseview .courseinfo ul li .text b{ text-align:center;}
.courseview .coursetab dl dt{width: 50%;}
.cinfo:after{ display:none;}
.phone_footer #buybtn {width: 100%;}

.camp-list-box{ margin-bottom:1rem;}
.camp-list li{float:left; cursor:pointer;}
.camp-list .camp-list_item{ border:1px solid #e6e9ed; margin-right:0.5rem; padding:0.5rem; border-radius:0.25rem;  font-size:0.7rem; color:#888;}
.camp-list .camp-list_item p{line-height:1rem; height:2rem; overflow:hidden;}
.camp-list .camp-list_item .lock-p{background:url(common_icon_lock.png) no-repeat left center; margin-right:0.1rem; display:inline-block; width:0.9rem; height:0.9rem;vertical-align: middle;}
.camp-list li.curr .camp-list_item{ border:1px solid #5c80ff; color:#5c80ff;}

#camp-directory{ margin-top:1.5remx;}
.camp-directory_item-info{ margin-bottom:1rem; padding-bottom:1rem; border-bottom:1px solid #e6e9ed;}
.camp-directory_item-left{ width:100%;position: relative;}
.camp-directory_item-img{ width:100%;overflow:hidden;height:11rem;}
.camp-directory_item-img img{ display:block; width:100%; min-height:100%;}
.camp-directory_item-con{ width:100%; padding-top:1rem; box-sizing:border-box;}
.camp-directory_item-title{ font-size:0.8rem; font-weight:normal; margin-bottom: 0.8rem;}
.camp-directory_item-title a{vertical-align: middle;color: #333;}
.camp-directory_item-title span{ font-size:0.6rem; display:inline-block; height:1rem; line-height:1rem; padding:0 0.5rem; border-radius:1rem; background:#4CAF50;color:#fff;position: absolute;right: 0.5rem;top: 0.5rem;}
.camp-directory_item-con p{ line-height:1rem; font-size:0.65rem; color:#888;}
.camp-directory_item-con p span{ margin-right:1.5rem;}

.camp-directory_item-right{ width:100%; text-align:right;}
.camp-directory_item-price{ font-size:1rem;color: #e91c35; line-height:1.5rem; margin-top:1rem;float: left;}
/* .camp-directory_buy-btn{background: #f59121;display: inline-block; line-height:1.6rem; height:1.6rem; color:#fff !important; width:114px; text-align:center;border:none; border-radius:1.6rem; font-size:0.7rem;margin-top: 1rem;} */
.camp-directory_buy-btn{line-height: 2.45rem;height: 2.45rem;color: #fff !important;width: 100%;background: #ff663d;font-size: 0.8rem;text-align: center;position: fixed;bottom: 0;z-index: 222;left: 0;}
.camp-directory_buy-btn:hover{ color:#fff;}

.directory_item-type{ display:inline-block; padding:0 0.25rem; font-size:0.6rem; margin-right:0.5rem; line-height:0.8rem; height:0.9rem; border-radius:0.15rem; border:1px solid #bcc3cc; color:#bcc3cc; box-sizing:border-box;}
.camp-tips{ font-size:0.6rem;}
.red-font{color:#e91c35;}
.keshi::before {left: 0.3rem;}
.keshi .learn-state{width: 0.5rem;height: 0.5rem;position: absolute;left: 0;border: 2px solid #bcc3cc;border-radius: 50%;margin-top: 0.25rem;background: #fff;z-index: 9;}
.keshi .keshi-url{font-size: 0.65rem;position: relative;display: block;padding-left: 1rem;}
.keshi .keshi-duration{padding-left:0; background:none;}
.try-it{ font-size:0.6rem;margin-left: 0.5rem !important;}
.start-time{font-weight: normal;font-size: 0.6rem;height: 2.1rem;}
.courseCatalog .section-name{font-size: 0.7rem;padding: 0.25rem 1rem; background: #f0f2f5;border: 1px solid #e6e9ed;}
.courseCatalog .keshi{margin: 0rem 0.5rem 0 !important; position: relative;padding-top: 0.5rem;padding-bottom: 0.5rem;}
.chapter-box::before, .keshi::before{content: '';width: 1px;height: 100%;position: absolute;top: 0;background: #e6e9ed;z-index: 1;}
.lock-it{ background:url(common_icon_lock.png) no-repeat center; display:inline-block; width:20px; height:20px;margin-top: 11px;}
.courseCatalog .free{ float:none;margin-top:0;vertical-align: middle;margin-left: 0rem;}

.camp-nobuy-tips{display:none;background: rgba(0, 0, 0, 0.5);color: #fff;position: fixed;left: 50%;top: 30%;line-height: 30px;padding: 10px 20px;border-radius: 5px;font-size: 14px;z-index: 1000;margin-top: -25px;margin-left: -102px;letter-spacing: 1px; width:204px; text-align:center;}

.camp_time-p{font-size: 14px;line-height: 30px;color: #999;}
.buy-tips{color: #bbb;line-height: 30px; margin-top:10px;}

.filtermain .filertbox{ background:#fff;}
.filtermain dt::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);}
.filtermain dt{height: 2.2rem;background: #fff;line-height: 2.2rem;}
.filtermain dt:first-child::before{ display:none;}