@charset "utf-8";
/*index*/
#header .logo{background:url(../images/logo.png) 1rem center no-repeat;width:35%;height:2.2rem;margin-top:1.1rem;-webkit-background-size:auto 100%;background-size:auto 100%;}
#header .title {
    height: 2.5rem;
    width:35%;
    margin-top: 1.1rem;
    font-size: 1.8rem;
    line-height: 2.5rem;
    color:#7f7f7f;
}
.in-bd{background:#f2f2f4;overflow: auto;}
.search-btn{background:#f8f7f7;color:#fff;margin-right:5%;width:60%;margin-top:.7rem;font-size:1.6rem;height:3rem;line-height:3rem;text-align:center;-webkit-border-radius:.4rem;border-radius:.4rem;}
.search-btn em{font-size:1.6rem; line-height:3rem; margin-right:.6rem;}
.search-btn:link, .search-btn:visited{color:#a6a6a6;}

/*swiper*/
.in-swiper-pagination{background:rgba(0,0,0,.7);bottom:0;height:2rem;}
.in-swiper img{width:100%;}
.in-swiper .swiper-pagination-bullet{background:#fff;opacity:1;}
.in-swiper .swiper-pagination-bullet-active{background:#72aa40;}

/*menu*/
.menu{overflow:hidden;padding:1rem 0;background:#fff;margin-bottom: 0.6rem;}
.menu li{width:25%;float:left;text-align:center;}
.menu li a{display:block;}
.menu li em{display:block;width:4rem;height:4rem;font-size:3.2rem;line-height:4rem;color:#59caca;margin:0 auto;-webkit-border-radius:50% 50%;border-radius:50% 50%;background:#fff;}
/*.menu li:nth-child(2) em{background:#74ba36;font-size:2.7rem;}
.menu li:nth-child(3) em{background:#f8b117;font-size:2.7rem;}
.menu li:nth-child(4) em{background:#56abe4;}*/
.menu li span{height:2.2rem;line-height:2.2rem;font-size:1.4rem;display:block;color:#7f7f7f;}

/*course*/
.course{overflow:hidden;margin-bottom:.6rem;}
.course-tit{height:3.5rem;border-bottom:solid .1rem #e0e0e0;margin:0 1rem;position:relative;}
.course-title{display:block;width:8rem;height:2rem;font-size:1.6rem;line-height:2rem;padding-left:.6rem;margin-top:.7rem;border-left:solid .4rem #74ba36;overflow:hidden;color:#666;}
.more{display:block;background:#95d047;width:6rem;height:2rem;line-height:2rem;margin-top:.7rem;text-align:center;color:#fff;font-size:1.2rem;-webkit-border-radius:1rem;border-radius:1rem;}
.more:link, .more:visited{color:#fff;}
.more em{font-size:1.4rem;margin-left:-.4rem;}
.course-content{overflow:hidden;padding:0 .8rem;}
.course-item{width:50%;float:left;overflow:hidden;padding-top:.7rem;}
.course-item a{background:#fff;display:block;margin:0 .4rem .6rem .4rem;position:relative;-webkit-border-radius:.3rem;border-radius:.3rem;overflow:hidden;-webkit-box-shadow:1px 1px 5px #ccc;}
.course-item img{width:100%;vertical-align:top;}
.overed{position:absolute;right:0;top:0;width:50px !important; height:50px !important;}
.course-item h4{font-size:1.4rem;color:#666;line-height:1.6rem;padding:.6rem;width:100%;white-space: nowrap;text-overflow:ellipsis;-webkit-box-sizing:border-box;overflow:hidden;}
.course-item .tag-active{position: absolute;left: 0;top: 0;width: auto;height: auto;}
.course-list-item .tag-active{position: absolute;left: 0;top: 0;width: auto;height: auto;}
.course-tag{overflow:hidden;padding:0 0.6rem;line-height:1.6rem;}
.course-tag .free{font-size:1.6rem;color:#8dc55c;}
.course-tag .course-price{font-size:1.6rem;color:#c00;}
.course-tag .course-num,.course-operation .course-num{font-size:1.4rem;color:#666;}
.course-tag .course-num em,.course-operation .course-num em{color:#346a05;font-weight: bold;font-style: italic;}
.course-time{font-size:1.2rem;line-height:1.6rem;color:#999;padding:.2rem .6rem .6rem .6rem;}
.icon-time{font-size:1.2rem;margin-right:.3rem;position:relative;top:-.1rem;}

/*course-swipe*/
.course-swiper{position:absolute;left:8.4rem;right:7rem;height:3.1rem;overflow:hidden;background:url(../images/shadow.png) no-repeat right 0;-webkit-background-size:auto 100%;background-size:auto 100%;}
.course-swiper .scroller{width:33rem;height:100%;}
.course-swiper ul{width:100%;overflow:hidden;padding-top:.6rem;}
.course-swiper li{padding:0 .4rem;width:auto;display:inline-block;height:2.6rem;font-size:1.4rem;line-height:1.8rem;color:#666;}
.course-swiper li span{color:#666;padding:0 .5rem;display:block;height:2.6rem;}
.course-swiper li.current span{color:#74ba36;height:2.2rem;border-bottom:solid .2rem #74ba36;}

/*footer*/
.foot{background:#4e525e;padding:1.5rem 0;overflow:hidden;text-align:center;}
.foot-links{overflow:hidden;}
.foot-links li{width:33.3%;float:left;}
.foot-links li a{border:solid .2rem #42454d;display:block;margin:0 auto;line-height:3.2rem;width:80%;color:#c3c6ca;font-size:1.6rem;-webkit-border-radius:.4rem;border-radius:.4rem;-webkit-box-sizing:border-box;box-sizing:border-box;}
.copyright{font-size:1.6rem;line-height:2.2rem;padding:2rem 0 1.2rem 0;color:#c3c6ca;}
.foot-logo{height:2.6rem;background:url(../images/f-logo.png) no-repeat center center;-webkit-background-size:auto 100%;background-size:auto 100%;}

/*filter*/
.filter{height:4.4rem;width:100%;position:fixed;top:4.4rem;background:#fff;border-bottom:solid .1rem #ccc;z-index:2;}
.filter li{width:33.3%;float:left;height:2rem;padding:1.4rem 0 1rem 0;overflow:hidden;}
.filter li span{display:block;text-align:center;height:2rem;overflow:hidden;line-height:2rem;overflow:hidden;font-size:1.4rem;color:#666;border-right:solid .1rem #ccc;}
.filter li:nth-child(3) span{border-right:0;}
.filter li em{font-size:1.6rem;display:inline-block;vertical-align:middle;margin-right:.6rem;color:#999;margin-left:.6rem;transform:rotate(0deg);transition:transform .2s linear;}
.filter li.current span{color:#74ba36;}
.filter li.current em{color:#74ba36;transform:rotate(180deg);}
#wrapper.filter-top{top:8.8rem;}

/*search*/
.search-wrap{margin:.7rem .7rem;padding:0 .6rem;position:relative;width:65%;height:2.8rem;border:solid .1rem #ddd;background:#f1f1f1;-webkit-border-radius:.4rem;border-radius:.4rem;}
.search-input{padding:.5rem;height:1.8rem;font-size:1.6rem;width:95%;background:none;color:#666;}
.filter .search-btn{position:absolute;top:0;right:.7rem;margin-right:0;width:23%;height:2.8rem;line-height:2.8rem;border:solid .1rem #ddd;font-size:1.4rem;text-align:center;background:#74ba36;-webkit-border-radius:.4rem;border-radius:.4rem;}

/*head search*/
.search-head .search-wrap{margin:.7rem 0 .7rem 16%;width:54%;}
.search-head .search-btn{position:absolute;top:0;right:.7rem;margin-right:0;width:20%;height:2.8rem;line-height:2.8rem;border:solid .1rem #ddd;font-size:1.4rem;text-align:center;color:#333;background:#fff;-webkit-border-radius:.4rem;border-radius:.4rem;}

/*job-list*/
.job-list{padding:0 1rem;}
.job-list-item{padding: 1rem 0;border-bottom:solid .1rem #eaebec;overflow: hidden;}
.job-name{width: 70%;font-size: 1.4rem;float: left;}

/*live-list-item*/
.live-list{padding:0 1rem;}
.live-list-item{padding: 1rem 0;border-bottom:solid .1rem #eaebec;overflow: hidden;}
.live-info{width: 70%;}
.live-info .live-name{width: 100%;font-size: 1.4rem;}
.live-info .live-state{font-size: 1.4rem;color: #666;}
.live-info .live-time{font-size: 1.2rem;color: #666;}

/*pop*/
.course-type{width:100%;height:16rem;background:#f8f8f9;position:fixed;top:8.9rem;z-index:3;display:none;}
.course-type-menu{background:#f2f2f4;width:30%;height:16rem;}
.course-type-menu li{width:100%;height:4rem;line-height:4rem;font-size:1.4rem;text-align:center;color:#666;}
.course-type-menu li.current{background:#e8e8e9;}
.course-type-items{width:70%;overflow:hidden;}
.course-type-items li{width:25%;margin-top:1rem;float:left;text-align:center;}
.course-type-items li em{display:block;margin:0 auto;width:3.8rem;height:3.8rem;line-height:3.8rem;font-size:2.2rem;background:#e8e8e9;-webkit-border-radius:50% 50%;border-radius:50% 50%;color:#999;}
.course-type-items li span{display:block;color:#666;line-height:2.2rem;font-size:1.2rem;}

/*course-charge*/
.course-charge{width:100%;height:16rem;background:#f2f2f4;position:fixed;top:8.9rem;z-index:3;display:none;}
.course-charge li{padding-left:2rem;height:4rem;line-height:4rem;font-size:1.4rem;text-align:left;color:#666;}
.dis{display:block;}

/*course list*/
.course-item-wrap{padding:0 1rem;overflow:auto;}
.course-list-item{padding:1rem 0;border-bottom:solid .1rem #eaebec;overflow:hidden;}
.course-list-item a{display:block;overflow:hidden;}
.course-list-itemimg{width:40%;overflow:hidden;position:relative;}
.course-list-itemimg img{-webkit-border-radius:.4rem;border-radius:.4rem;}
.course-item-info{overflow:hidden;width:58%;margin-left:2%;}
.course-item-info h4{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:1.4rem;margin-top:-.3rem;}
.course-comment{padding:.4rem 0 .6rem 0;overflow:hidden;}
.course-commment-star{width:7.8rem;height:1.4rem;background:url(../images/star.png) no-repeat 0 0;-webkit-background-size:auto 100%;background-size:auto 100%;}
.course-comment-staron{height:1.4rem;background:url(../images/star_on.png) no-repeat 0 0;-webkit-background-size:auto 100%;background-size:auto 100%;}
.course-comment-num{color:#999;margin-left:.4rem;font-size:1.4rem;height:1.4rem;line-height:1.6rem;}
.course-comment-num span{color:#74ba36;}
.course-item-info .course-tag{padding:0;}
.course-item-info .course-time{padding:0;margin-top:.2rem;}

/*course detail*/
#wrapper.no-top{top:0;}
#wrapper.bottom{bottom:4.5rem;}
.course-header{height:4.4rem;position:fixed;z-index:5;top:0;left:0;width:100%;transition:all .3s linear;}
.icon-back,.icon-share{position:absolute;width:3.4rem;height:3.4rem;line-height:3.4rem;font-size:2.2rem;text-align:center;top:.5rem;background:rgba(0,0,0,.5);color:#fff;-webkit-border-radius:50% 50%;border-radius:50% 50%;}
.icon-close{position:absolute;width:3.4rem;height:3.4rem;line-height:3.4rem;text-align:center;top:.5rem;right:1rem;font-size:3rem;color:#666;-webkit-border-radius:50% 50%;border-radius:50% 50%;}
.icon-back{left:1rem}
.icon-share{right:1rem;font-size:2.6rem;}
.course-img{width:100%;height:210px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover;}
.course-header .page-title{opacity:0;}

/*inner header*/
.inner-header{width:100%;background:#74ba36;height:4.4rem;position:fixed;z-index:2;top:0;left:0;text-align:center;}
.inner-header .icon-back, .inner-header .icon-share{background:none;color:#fff;}
.inner-header .page-title{opacity:1;position:absolute;left:6rem;right:6rem;height:4.4rem;font-size:2rem;line-height:4.4rem;text-align:center;color:#fff;}
.back-link{position:absolute;width:6rem;height:3.4rem;line-height:3.4rem;text-align:left;padding-left:0;left:1rem;top:.5rem;color:#fff;font-size:1.6rem;margin-right:.6rem;}
.back-link em{font-size:2.2rem;}

/*course baseinfo*/
.course-baseinfo{border-bottom:solid .1rem #ddd;background:#fff;padding:0 1rem;overflow:hidden;}
.course-baseinfo h4{font-size:1.6rem;color:#333;line-height:2.2rem;padding:1.2rem 0;border-bottom:solid .1rem #ddd;}
.course-price{padding:.8rem 0 .6rem 0;}
.course-price span{color:#c00;font-size:1.8rem;margin-right:.6rem;}
.course-price em{color:#fff;font-size:1.2rem;height:1.6rem;line-height:1.6rem;display:inline-block;position:relative;top:-.2rem;text-align:center;padding: 0 8px;}
.course-price em.tag-green{background:#74ba36;}
.course-price em.tag-yellow{background:#ffa105;}
/*.course-price em.tag-yellow:after{content: "会员价"}*/
.course-price em.tag-pink{background:#f72862;}
/*.course-price em.tag-pink:after{content: "团购价"}*/
.course-price em.tag-red{background:#ed1c24;}
/*.course-price em.tag-red:after{content: "秒杀价"}*/
.course-period{color:#999;font-size:1.4rem;padding-bottom:.6rem;overflow:hidden;}
.course-infoitem{overflow:hidden;width:100%;}
.course-infoitem li{padding:1.4rem 0;font-size:1.4rem;line-height:1.8rem;border-top:solid .1rem #ddd;color:#333;}
.course-infoitem li label{color:#666;margin-right:2rem;}

/*course tab*/
.course-tabs{background:#fff;margin:1rem 0;border:solid .1rem #ddd;overflow:hidden;padding-bottom: 4rem;}
.course-tabtit{overflow:hidden;}
.course-tabtit li{width:33%;float:left;height:4.2rem;line-height:4rem;text-align:center;font-size:1.6rem;color:#666;border-bottom:solid .1rem #ddd;}
.course-tabtit li:last-child{width:34%;}
.course-tabtit li.current{color:#74ba36;height:4.1rem;border-bottom:solid .2rem #74ba36;}
.course-introduce, .course-lecture{padding:1.2rem;}

/*course comment list*/
.course-evaluate{overflow:hidden;}
.course-score{padding:1.5rem 2rem;overflow:hidden;border-bottom:solid .1rem #ddd;line-height:2.2rem;position:relative;}
.course-comment-txt{color:#666;font-size:1.6rem;margin-right:.6rem;}
.course-score .course-commment-star{width:11rem;}
.course-score .course-commment-star, .course-score .course-comment-staron{height:2rem;}
.course-comment-score{font-size:1.6rem;color:#74ba36;margin-left:.6rem;}
.course-evaluate-wrap{padding-bottom:1rem;overflow:hidden;}
.course-evitem{padding:1.2rem 1rem 0 1rem;overflow:hidden;display:-webkit-box;display:box;}
.course-evimg{width:4.4rem;height:4.4rem;-webkit-border-radius:50% 50%;overflow:hidden;-webkit-box-shadow:0 0 8px rgba(0,0,0,.5);box-shadow:0 0 8px rgba(0,0,0,.5);}
.course-evimg img{width:100%;height:100%;}
.course-evinfo{-webkit-box-flex:1;box-flex:1;overflow:hidden;margin-left:1rem;padding-bottom:1rem;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:solid .1rem #ddd;}
.course-score-info{overflow:hidden;}
.course-score-name{color:#666;font-size:1.4rem;line-height:1.6rem;margin-right:.4rem;}
.course-score-time{color:#999;font-size:1.4rem;line-height:1.6rem;}
.course-score-info .course-comment{padding:0;}
.course-evtxt{font-size:1.4rem;color:#333;margin-top:.6rem;line-height:1.8rem;}

/*corse enroll*/
.enroll-pop{width:80%;position:fixed;z-index:100;display:none;/*height:18rem;*/left:10%;top:50%;margin-top:-9rem;background:#fff;overflow:hidden;-webkit-border-radius:.4rem;border-radius:.4rem;}
.enroll-tit{height:4.4rem;line-height:4.4rem;background:#999;color:#fff;font-size:1.6rem;text-align:center;}
.enroll-container{padding:1.2rem;overflow:hidden;}
.enroll-container p{font-size:1.4rem;color:#666;line-height:2.2rem;text-align:center;margin-top:.8rem;}
.enroll-container p span{color:#333;font-size:1.6rem;display:block;}
.enroll-btns{margin-top:1.6rem;}
.enroll-btns a{display:block;float:left;width:45%;margin-right:10%;background:#74ba36;height:4rem;line-height:4rem;color:#fff;text-align:center;font-size:1.6rem;-webkit-border-radius:.2rem;border-radius:.2rem;}
.enroll-btns a:last-child{margin-right:0;background:#999;}
.enroll-btns a:link, .enroll-btns a:visited{color:#fff;}

.enroll-success{width:90%;left:5%;height:30rem;margin-top:-15rem;}
.enroll-success .enroll-tit{background:#74ba36;}
.enroll-suctip{width:100%;height:1.6rem;margin:1rem 0;background:url(../images/enroll_sucess.png) no-repeat center center;-webkit-background-size:auto 100%;background-size:auto 100%;}
.enroll-courseinfo{overflow:hidden;border-bottom:dashed .1rem #ccc;padding-bottom:1rem;}
.enroll-courseinfo li{padding-left:3em;line-height:2.2rem;}
.enroll-courseinfo li label{font-size:1.4rem;color:#666;}
.enroll-courseinfo li span{font-size:1.6rem;color:#333;}
.enroll-txt{text-align:center;font-size:2rem;color:#666;margin:1rem auto;font-size:1.6rem;}
.enroll-txt a{font-size:1.6rem;color:#74ba36;}
.know-btn{display:block;width:70%;margin:1rem auto;background:#74ba36;height:4rem;line-height:4rem;color:#fff;text-align:center;font-size:1.6rem;-webkit-border-radius:.2rem;border-radius:.2rem;}
.link-2-btn {float:left;margin-left:6.6%;display:block;width:40%;background:#74ba36;height:4rem;line-height:4rem;color:#fff;text-align:center;font-size:1.6rem;-webkit-border-radius:.2rem;border-radius:.2rem;}
.btn-group {width:100%;height:4rem;}

/*course footer*/
.footer{width:100%;height:4.4rem;border-top:solid .1rem #ddd;background:#fff;position:fixed;left:0;bottom:0;z-index:2;}
.foot-comment{font-size:1.4rem;color:#999;padding-left:1.2rem;line-height:4.4rem;}
.foot-comment em{margin-right:.6rem;vertical-align:middle;}
.course-signnum{font-size:1.4rem;color:#666;line-height:4.4rem;}
.course-signnum em{color:#346a05;}
.sign-btn{display:block;width:9rem;height:3rem;line-height:3rem;margin:.7rem 1rem 0 1rem;text-align:center;background:#74ba36;color:#fff;font-size:1.4rem;-webkit-border-radius:.2rem;border-radius:.2rem;}
.sign-btn:link, .sign-btn:visited{color:#fff;}
.sign-btn.disable {background:#999;}

/*comment*/
.comment-score{border-bottom:solid .1rem #ccc;padding:1.2rem 1rem .8rem 1rem;overflow:hidden;line-height:1.6rem;}
.comment-score-txt{width:6rem;font-size:1.4rem;float:left;}
.comment-score-num{color:#74ba36;font-size:1.4rem;float:left;margin-left:1rem;}
.com-stars{float:left;}
.com-stars li{display:inline-block;width:1.6rem;height:1.6rem;margin-right:.4rem;background:url(../images/off.png) no-repeat 0 0;-webkit-background-size:100% 100%;background-size:100% 100%;}
.com-stars li.on{background-image:url(../images/on.png);}
.comment-textarea{width:76%;padding:.8rem;line-height:1.6rem;height:20rem;font-size:1.4rem;display:block;margin:2rem auto;background:#ebe6e2;-webkit-border-radius:.4rem;border-radius:.4rem;}
.sub-btn{display:block;width:70%;margin:0 auto;background:#74ba36;height:4rem;line-height:4rem;text-align:center;font-size:1.6rem;-webkit-border-radius:.2rem;border-radius:.2rem;}
.sub-btn:link, sub-btn:visited{color:#fff;}
.sub-btn.disable {background:#999;}

/*user*/
.u-bg{background:#eee;}
.user-center{background:#eee;overflow:hidden;}
.no-login{padding:5rem;}
.no-login a{display:block;float:left;width:45%;height:4rem;text-align:center;color:#fff;margin-left:10%;}
.no-login a span{display:block;height:3.8rem;line-height:3.8rem;border:solid 1px #fff;-webkit-border-radius:.3rem;border-radius:.3rem;}
.no-login a.login-btn{margin-left:0;}
.no-login a.login-btn span{background:#fff;color:#0093d5;}
.sign-in{padding:1.2rem;overflow:hidden;color:#d9d9d9;}
.user-img{width:7rem;height:7rem;border:solid .4rem #396;border-radius:50% 50%;float:left;}
.user-info{float:left;margin-left:1.4rem;}
.user-info h3{font-size:1.5rem;color:#000;line-height:3rem;}
.user-info p{color:#999;font-size:1.5rem;line-height:1.8rem;}
.user-info .vip{display:inline-block;width:1.4rem;height:1.4rem;position:relative;top:.2rem;margin-left:.3rem;background:url(../images/vip.png) no-repeat center 0;-webkit-background-size:auto 100%;background-size:auto 100%;}

.user-box{margin-bottom:1.2rem;}
.user-box ul{background:#fff;margin-bottom:1rem;}
.user-box li{padding:.8rem 1.2rem;overflow:hidden;border-bottom:solid 1px #eee;line-height:2.4rem;border-width:.1rem 0;margin-top:-.1rem;position:relative;}
.user-box li a{display:block;height:2.8rem;line-height:2.8rem;font-size:1.6rem;color:#666;}
.user-box li em{display:inline-block;width:2.8rem;height:2.8rem;text-align:center;background:#c00;font-size:1.8rem;color:#fff;vertical-align:middle;-webkit-border-radius:50% 50%;border-radius:50% 50%;overflow:hidden;margin-right:.6rem;}
.user-box li span{position:absolute;right:1rem;font-size:1.6rem;color:#aaa;}
.my-center li:first-child em{background:#c00;}
.my-center li:nth-child(2) em{background:#74ba36;font-size:1.4rem;}
.my-center li:nth-child(3) em{background:#9f3dec;}
.my-about li:first-child em{background:#66a3fc;}
.my-about li:nth-child(2) em{background:#f8b117;}
.user-esc{display:block;width:70%;height:4.4rem;line-height:4.4rem;text-align:center;color:#c00;font-size:1.8rem;margin:2rem auto;background:#fff;border:solid .1rem #ccc;-webkit-border-radius:.2rem;border-radius:.2rem;}
.user-esc:link, .user-esc:visited{color:#c00;}

/*my order*/
.my-order{margin:1.2rem 0;background:#fff;border:solid .1rem #ddd;border-width:.1rem 0;overflow:hidden;}
.order-tit{padding:0 1.2rem;border-bottom:solid .1rem #ddd;height:4rem;line-height:4rem;font-size:1.6rem;color:#666;overflow:hidden;}
.order-statu.color{color:#ff6714;}
.order-last{margin-right:1rem;font-size:1.4rem;}
.order-del{display:block;width:2.4rem;height:2.4rem;line-height:2.4rem;text-align:center;overflow:hidden;font-size:2.4rem;margin-top:.8rem;}
.order-info{margin:0 1.2rem;border-bottom:solid .1rem #ddd;}
.order-info h4{font-size:1.6rem;color:#000;padding:1rem 0;}
.order-info .order-price{font-size:2rem;color:#c00;padding-bottom:.8rem;margin-top:-.6rem;}
.order-info .order-price em {font-size: 1.4rem;}
.order-time{margin:.8rem 1.2rem;line-height:2.5rem;color:#666;font-size:1.2rem;line-height:2.4rem;}
.order-btn{width:6rem;height:2.5rem;text-align:center;line-height:2.5rem;background:#74ba36;color:#fff;font-size:1.6rem;-webkit-border-radius:.2rem;border-radius:.2rem;}
.course-pwd em{font-size:1.6rem;color:#74ba36;}

/*my course*/
.course-free{font-size:1.6rem;color:#8dc55c;}
.course-work{color:#999;overflow:hidden;line-height:2rem;font-size:1.2rem;}
.course-work span{font-size:1.4rem;font-style:italic;color:#74ba36;}
.course-btn{display:block;width:6rem;height:2.2rem;text-align:center;font-size:1.3rem;line-height:2.2rem;color:#fff;background:#4d87de;border:solid .1rem #3d76de;-webkit-border-radius:.2rem;border-radius:.2rem;}

/*course work*/
.course-work-desc{padding:1rem 1.2rem;overflow:hidden;background:#f2f2f4;}
.course-work-desc h4{font-size:1.6rem;color:#000;line-height:2.4rem;}
.course-work-desc p{font-size:1.4rem;color:#666;line-height:1.8rem;}
.course-workitem{background:#fff;}
.course-worktit{margin:0 1.2rem;border-bottom:solid .1rem #e0e0e0;padding:.8rem 0;}
.course-worktit span{display:inline-block;border-left:solid .2rem #74ba36;font-size:1.6rem;padding-left:.6rem;height:1.4rem;line-height:1.5rem;overflow:hidden;}
.course-worktxt{font-size:1.4rem;color:#333;line-height:1.8rem;margin-top:.6rem;}
.course-worknum em{font-weight:bold;font-style:italic;color:#346a05;}

.course-detail-item{background:#f2f2f4;border-bottom:solid .1rem #ddd;overflow:hidden;padding-bottom:1rem;}
.course-detail-item .course-evimg{width:3rem;height:3rem;}
.course-detail-item .course-evinfo{border-bottom:0;margin-top:.6rem;}
.work-detail{padding:1.2rem;}
.work-detail p{font-size:1.4rem;color:#333;line-height:2rem;padding:.4rem 0;}

.my-worktit{border-bottom:solid .1rem #ddd;padding:1.2rem;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;}
.my-worktit a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.4rem;width:92%;}
.my-worktit span{font-size:2rem;position:absolute;right:1rem;top:.8rem;}
.work-textarea{height:24rem;}

/*my comment*/
.my-comment-list{}
.my-comment-item{padding:1.2rem 1.2rem .8rem 1.2rem;overflow:hidden;border-bottom:solid .1rem #eaebec;}
.my-course-info{overflow:hidden;}
.my-course-img{width:24%;float:left;}
.my-course-info img{width:100%;-webkit-border-radius:.4rem;border-radius:.4rem;float:left;}
.my-comment-info{float:left;margin-left:4%;width:72%;}
.my-course-info h4{font-size:1.4rem;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.my-comment{color:#000;font-size:1.6rem;margin:.6rem 0;}
.my-comment-time{text-align:right;font-size:1.4rem;color:#999;line-height:1.4rem;padding-top:.6rem;}

/*my data*/
.data-wrap{border:solid .1rem #ccc;background:#fff;padding:0 1.2rem;margin:1.2rem 0;}
.data-wrap li{border-bottom:solid .1rem #ccc;padding:.6rem 0;line-height:3rem;position:relative;}
.data-wrap li:last-child{border-bottom:0;}
.data-wrap li a{display:block;}
.data-wrap li label{font-size:1.6rem; color:#333;}
.data-wrap li span{font-size:1.6rem;float:right;color:#999;}
.data-wrap li em{float:right;color:#666;width:2rem;font-size:2rem;overflow:hidden;display:inline-block;}
.data-wrap li .data-img{width:4rem;height:4rem;float:right;-webkit-border-radius:50% 50%;border-radius:50% 50%;-webkit-box-shadow:0 0 5px #999;}
.data-wrap li .data-label{line-height:4rem;}
.imgfile{position:absolute;width:100%;height:5.2rem;left:0;top:0;opacity:0;}
.sex-select{position:absolute;height:4.2rem;right:0;top:0;font-size:1.6rem;color:#999;opacity:0;text-align:right;}
.date_input{text-align:right;color:#999;}

.data-update{padding:1rem 2rem;background:#fff;border:solid .1rem #ccc;border-width:.1rem 0;margin:2rem 0;position:relative;}
.data-update input{width:100%;font-size:1.6rem;color:#666;line-height:2rem;}
.data-update span{position:absolute;right:1rem;top:.2rem;color:#666;}
.data-pwd{padding:0;}
.data-pwd li{border-bottom:solid .1rem #ccc;padding:1rem;}
.data-pwd li:last-child{border-bottom:0;}

/*series course*/
.origin-price{margin-left:.7rem;font-size:1.4rem;color: #666;text-decoration: line-through;}
.btn-yellow{background: #ff9800;border:solid .1rem #df8500}
.btn-green{background: #74ba36;border:solid .1rem #6dae34}

.course-series-info .info-content{text-indent: 2em;padding: 1rem;font-size: 1.4rem;line-height: 1.5;color: #666;}

.series-block{border-top: 4px solid #74ba36;padding: .7rem;}
.series-block .block-name{font-size: 1.6rem;color: #666;}

/*others*/
.no-border{border:none;}
.pl0{padding-left: 0;}

/*course active*/
.course-active .active-info{font-size: 1.4rem;padding: 1rem;}
.course-active .active-price em{font-size: 1.8rem;color:#c00;}
.course-active .origin-price em{font-size: 1.4rem;color:#999;text-decoration: line-through;}

.active-group .group-num em{font-size: 1.8rem;color: #74ba36;}
.active-group .remain-time{margin-top: 1rem;}
.active-group .remain-time em{font-size: 1.4rem;color: #fff;background: #ed1c24;padding: .4rem .7rem;border-radius:2px; }
.active-quick .remain-time{margin-top: 1rem;}
.active-quick .remain-time em{font-size: 1.4rem;color: #fff;background: #ed1c24;padding: .4rem .7rem;border-radius:2px; }

/*apply qq*/
.qq-group-item {padding: 1rem 1rem 0 1rem;}
.qq-group-item .qq-info{width: 70%;}
.qq-info img{width: 3rem;margin-right:.7rem;}
.qq-info .qq-num{font-size: 1.6rem;color: #333;}
.qq-info .qq-name{font-size: 1.4rem;color: #666;}
.list-line{padding-top: 1rem;border:none;border-bottom:1px solid #cccccc;}

.load-more{width: 70%;height: 4.4rem;margin:1rem 0 1rem 15%;display: block;border: 1px solid #ebedef;color: #545454;background: #f8f9fa; font-size: 1.6rem;text-align: center;line-height: 4.4rem; }

/*course show*/
.pop-share{width: 100%;height: 35%;background: #fff;position: fixed;left: 0;bottom: 0;z-index: 2;display: none;}
.pop-title{font-size: 2rem;color: #333;margin: .7rem 0 0 1rem;}
.share-tips{font-size: 1.6rem;color: #999;padding: 0 1.4rem 1.4rem 1.4rem;}

.member_level{background: #ffb400;border-radius:4px;padding: 0 8px; margin-left: 5px;font-size: 12px;cursor: pointer;color: #ffffff;}

.course-introduce img{width: 100%;height: auto !important;}

@font-face {
    font-family: 'iconfontOne'; /* project id 209748 */
    src: url('//at.alicdn.com/t/font_fjoskrqa6f20529.eot');
    src: url('//at.alicdn.com/t/font_fjoskrqa6f20529.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_fjoskrqa6f20529.woff') format('woff'), url('//at.alicdn.com/t/font_fjoskrqa6f20529.ttf') format('truetype'), url('//at.alicdn.com/t/font_fjoskrqa6f20529.svg#iconfont') format('svg');
}
.iconfontOne{
    font-family:"iconfontOne" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
.m-side-operation {display: none;position: fixed;right: 30px;bottom: 45px;z-index: 1000;font-size: 14px;border: 1px solid #ccc;background: #fff;width: 40px;border-radius: 3px;}
.m-side-operation .side-service-item {width: 40px;height: 40px;}
.m-side-operation .side-service-item .item-link-block {cursor: pointer; position: relative;width:40px;height: 40px;display: inline-block;text-align: center;color: #666;}
.m-side-operation .side-service-item .item-link-block .iconfontOne {font-size: 20px;line-height: 40px;}
.m-side-operation .side-service-item .item-link-block .item-hover-text {display: none;text-align: center;padding: 10px 15px;background-color: #39a030;color: #fff;height: 40px;}
.m-side-operation .side-service-item .item-link-block .qrcode-bubble {display: none;z-index: 100000;}
.m-side-operation .side-service-item .item-link-block .qrcode-bubble .qrcode {border: 1px solid #ccc;position: absolute;right: 60px;top: -30px;width: 200px;padding: 10px 0 6px 12px;background-color: #fff;border-radius: 3px;text-align: center;}
.m-side-operation .side-service-item .item-link-block .qrcode-bubble .qrcode .download, .m-side-operation .side-service-item .item-link-block .qrcode-bubble .qrcode .follow-weixin {float: left;width: 90px;color: #666;margin-right: 10px;}
.m-side-operation .side-service-item .item-link-block .qrcode-bubble .qrcode .download img, .m-side-operation .side-service-item .item-link-block .qrcode-bubble .qrcode .follow-weixin img {width: 90px;height: 90px;}
.m-side-operation .side-service-item .item-link-block .arrow .arrow-cnt, .m-side-operation .side-service-item .item-link-block .arrow .arrow-border {display: block;position: absolute;top: 27px;border-width: 7px 4px;border-style: solid;border-color: transparent transparent transparent #fff;}
.m-side-operation .side-service-item .item-link-block .arrow .arrow-border {border-left-color: #ccc;}
.m-side-operation .side-service-item .item-link-block .arrow .arrow-cnt {left: -1px;}	
.m-side-operation .line-wrap {width: 40px;text-align: center; font-size: 0;}
.m-side-operation .line-wrap .line {width: 40px;border-top: 1px solid #ccc;display: inline-block;}		
.m-side-operation .side-service-item .item-link-block .scrtop-text {border-radius: 0 0 6px 6px;}
.side-service-top:hover .iconfontOne , .app-download:hover .iconfontOne{/*display: none;*/}
.side-service-top:hover .item-hover-text.item-hover-text , .app-download:hover .item-hover-text.item-hover-text{/*display: block;*/}
.m-side-operation .side-service-item .app-download:hover .qrcode-bubble{display: block;}
.m-side-operation .side-service-item .item-link-block.feedback:hover{ background-color: #39a030; color: #fff;}


.l-qq {
    padding-top: 20px;
    text-align: center;
}
.l-qq a{
    display:inline-block;
    width: 101px;
    height: 38px;
    line-height: 40px;
    padding-left: 60px;
    margin:0 0 20px 0;
    background:url("../images/qq.png");
}

.dialog-overlay{
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    background:#000;
    opacity:0.5;
    filter:alpha(opacity=50);
    z-index:1000000;
    display:none;
    _position:absolute;
}
.dialog-container{
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:1000001;
    display:none;
    _position:absolute;
}
.dialog-body{
    margin-left:auto;
    margin-right:auto;
    display:block;
    position:relative;
    overflow:hidden;
}
.n-dialog{
    display:none;
    margin-top:145px;
    background:#fff;
    width:425px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.7);
    -moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.7);
    box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.7);
    color:#666;
}
.n-dialog .o-d-h {
    height: 50px;
    line-height: 50px;
    position: relative;
    background: #f0feeb;
    color: #000;
    padding-left: 15px;
}
.n-dialog .o-d-h span{
    font-size:14px;
    padding-left: 10px;
}
.n-dialog .o-d-c{
    padding:10px 30px;
}
.n-dialog .o-d-b{
    text-align:right;
    padding-right:15px;
}
.n-dialog .o-c-b{
    padding-top:15px;
    text-align:center;
}
.normal-dialog .o-d-c{
    font-size:14px;
}
.n-dialog .o-d-c .d-c-c{
    border-bottom:1px solid #ccc;
    padding-bottom: 8px;
}
.n-dialog .o-d-c .d-c-c input{
    vertical-align:middle;
}
.o-d-c .d-c-c .s-p{
    color: #c00;
    font-family: verdana,arial;
    font-weight:bold;
    font-size:14px;
}
.n-dialog .o-d-c .d-c-i{
    padding:8px 0;
}
.n-dialog .o-d-c .d-c-n{
    padding:5px 0 0;
    color:#000;
}
.n-dialog .o-d-c .d-c-i .fl{
    margin-right:35px;
}
.n-dialog .o-d-c .d-c-i .i-p {
    font-family: verdana,arial;
}
.n-dialog .o-d-c .d-c-i input{
    vertical-align:middle;
    margin-right:10px;
    position:relative;
}
.n-dialog .o-d-c .save-btn a{
    margin: 5px 0 10px;
    display: inline-block;
    width: 98px;
    height: 34px;
    background: url(../images/save.jpg) no-repeat;

}
.n-dialog .o-d-c .c-i-phone{
    display:inline-block;
    margin: 8px 0 0 20px;
}
.iframe-dialog .iframe-close, .n-dialog .o-d-h .close {
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 20px;
    height: 15px;
    width: 15px;
    background: url(../images/tooltip-close.gif) center center no-repeat;
    cursor: pointer;
}

.regist-input {
    width: 96%;
    height: 3rem;
    padding: 0 0 0 4%;
    font-size: 1.3rem;
    line-height: 2rem;
    background: #ebe6e2;
    -webkit-border-radius: .4rem;
    font-size: 1.6rem;
}

.article-content {
    font-size: 1.4rem;
    color: #333;
    margin-top: .6rem;
    line-height: 1.8rem;
}
.user-box .icon img {
    height: 2.2rem;
    width: 2.2rem;
    margin-top: 3px;
}

.my-promo li:first-child em {
    background: #c550fb;
}

.my-promo li:nth-child(2) em {
    background: #1557cf;
}