@charset "utf-8";
/*公共*/
.disabled{background: #ccc !important;}

/********************* 首页 *********************/
.background-icon{ position: relative;background-size:100% 100%;width: 100%;height: 5rem;margin-top: 1.2rem;}
.background-word{background-color:rgba(0,0,0,0.3);position: absolute;left: 0;top: 0;padding: 3.6rem .3rem .35rem;color: #fff;width: 100%;height: 100%;}
.container{margin-bottom: 1rem;}
.narrate{display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 75%;} .home_page .con_nav{width: 100%;padding:.4rem .3rem 0 .3rem;border-bottom: 1px solid #eee;}
.home_page .con_nav li{float: left;font-size: .3rem;color: #333;margin-right: .66rem;padding-bottom: .3rem;}
.home_page .con_nav li:last-child{margin-right: 0;}
.home_page .con_nav li.active{color: #3eccb3;border-bottom: 2px solid #3eccb3;font-weight: bold;}
.home_page .container>div{display: none;}
.home_page .container .con_content_2{padding: 0 .3rem;}
.con_content_1,.con_content_3{padding: .4rem .3rem;}
.container .con_content_2 dl{padding: .4rem 0 .3rem 0;border-bottom: 1px solid #eee;height: 2.6rem;}
.container .con_content_2 dl dt{width: 1.2rem;}
.container .con_content_2 dl dd{margin-left: 1.5rem; width: 80%;height: 1.84rem;line-height: .48rem; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 4; word-break: break-all; overflow: hidden;color: #666;}
.container .con_content_2 dl dt img{width: 1.2rem;height: 1.2rem;border-radius: 50%;margin-bottom: .31rem;}
.container .con_content_2 dl dt p{width: 1.2rem;text-align: center;font-size: .3rem;color: #333;line-height: .3rem;}
.con_content_1 p,.con_content_3 p{margin-bottom: .2rem;line-height: .5rem;color: #666;font-size: .28rem;}
.con_content_4{padding: .1rem .3rem;}
.con_content_4 .update_list{padding: .3rem 0;border-bottom: 1px solid #eee;}
.con_content_4 h2{font-size: .3rem;color: #333;line-height: .3rem;margin-bottom: .2rem;}
.con_content_4 ul{margin-bottom: .3rem;}
.con_content_4 ul li{float: left;color: #666;font-size:.26rem;}
.con_content_4 ul li:last-child{float: right;}
.con_content_4 ul li.book{margin-right: .3rem; }
.con_content_4 ul li.date{color: #b2b2b2;}
.con_content_4 p{font-size: .26rem;color: #999;line-height: .46rem;}
.page_footer{position: fixed;left: 0;bottom: 0;height: 1rem;padding: .1rem .3rem;width: 100%;background: #fbfbfb;border-top:1px solid #eee; }
.page_footer a{float: left;}
.page_footer .try_learn{display: inline-block;border:1px solid #ff6b49;border-radius: 5px;width: 2.1rem;text-align: center;height: .8rem;line-height: .8rem;font-size: .3rem;color: #ff6b49;margin-right: .19rem;}
.page_footer .subscribe{width: 4.55rem;background: #ff6b49;color: #fff;font-size: .3rem;display: inline-block;text-align: center;height: .8rem;line-height: .8rem;border-radius: 5px;}


/********************详情页*****************/
.details_page{margin-top: 1.2rem;}
.details_page dl{padding: .3rem .3rem;}
.details_page dl dd .pic{display: inline-block;}
.details_page dl dd .pic span{display: inline-block;color: #666;font-size: .24rem;}
.details_page dl dd .music,.details_page dl dd .music_close{display: block;width: 40px;height: 40px;margin-top: 5px;margin-left: 5px;}
.details_page dl dt{width: 80%;}
.details_page dl dt .listbox{margin-bottom: .4rem;}
.details_page dl dt .title_t{text-align:left;font-size: .30rem;width: 100%;margin-bottom: .28rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: bold;width: 90%;}
.details_page dl dt .title_b{text-align:left;font-size: .26rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 95%;font-size: .26rem;color: #666;}
.details_page dl dt ul li{float: left;margin-right: .3rem;font-size: .24rem;color: #999;}
.details_page dl dt ul li.praise{margin-right: 0;}
.details_page dl dt p.time{float: right;}
.column_content{padding: .4rem .3rem;}
.column_content p{margin-bottom: .2rem;line-height: .5rem;color: #666;font-size: .28rem;}
.details_page .title{height: .88rem;background-color: #f5f5f5;padding-left: 1rem;line-height: .88rem;background-size:.46rem .46rem; background-repeat:no-repeat;background-position:.3rem center; color: #666;font-size: .3rem; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;padding-right: .3rem; }
.more_news{display: inline-block;width: 20%;height: 100%;background: url(../images/z_icon_message.png) no-repeat center center;background-size:.42rem .36rem; }
.news_num{background: #ff6b49;color: #fff;position: absolute;left:88%;top:.2rem;border-radius: 10px;height: .26rem;font-size: .24rem;line-height: .12rem;padding: .05rem .05rem;}
#new{padding:.3rem .3rem;display: block;border-bottom: 1px dashed #eee;color: #333;}

/******************列表页************************/
.class_list{margin-top: 1.2rem;padding-left: .3rem;background: #fff;}
.class_list dl{padding: .3rem 0;border-bottom: 1px solid #eee;}
.class_list dl:last-of-type{border-bottom: none;}
.class_list dl dt .pic{display: inline-block;}
.class_list dl dt .img{display: block;width: 1.3rem;height: 1.6rem;}
.class_list dl dd .listbox{margin-bottom: .3rem;}
.class_list dl dd .title_t{text-align:left;font-size: .30rem;width: 100%;margin-bottom: .28rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: bold;width: 90%;} 
.class_list dl dd .title_b{text-align:left;font-size: .26rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 95%;font-size: .26rem;color: #666;}
.class_list dl dd{margin-left:1.5rem;}
.class_list dl dd ul li{float: left;margin-right: .5rem;font-size: .24rem;color: #999;background: url(../images/z_icon_watch_gray@2x.png) no-repeat left center;background-size:.3rem .3rem;padding-left: .42rem; }
.class_list dl dd ul li.time{background: url(../images/z_icon_time_gray@2x.png) no-repeat left center;background-size:.3rem .3rem;}
.class_list dl dd ul li.praise{background: url(../images/z_icon_fabulous_gray@2x.png) no-repeat left center;background-size:.3rem .3rem;margin-right: 0;}
.class_list dl dd p.time{float: right;}
.comments{margin-bottom: 1rem;padding:.3rem;}

.comments>li{padding:.2rem 0;border-bottom: 1px dashed #eee;}
.comments>li:last-of-type{border-bottom: none;}
.comments .user_name{color: #999;font-size: .28rem;}
.comments .user_content{padding: .1rem 0;word-wrap:break-word;word-break:break-all;}
.comments .created_time{color: #999;font-size: .24rem;text-align: right;}

/*************************购买须知***********************/

.notice{padding: .3rem .4rem;}
.buy_notice{font-size: .3rem;color: #333;margin-bottom: .2rem;}
.notice p{font-size: .26rem; color: #666;line-height: .46rem;margin-bottom: .4rem;}
.page_footer .price{float: left;height: .8rem;line-height: .8rem;color: #ff6b49;font-size: .3rem;}
.page_footer .pay{float: right;width: 2.9rem;background: #ff6b49;color: #fff;font-size: .3rem;text-align: center;height: .8rem;line-height: .8rem;border-radius: 5px;}
.prompt{padding: .3rem;text-align: center;font-size: .3rem;}

/***************************支付页面******************************/
.wxpayorder{margin-top:1rem; }
.wxpayorder .order_num{padding: .3rem;font-size: .26rem;color: #666;border-bottom: 1px solid #eee;}
.wxpayorder .class_list {margin-bottom: 0;}
.wxpayorder .class_list dl{border-bottom: none;}
.wxpayorder .class_list dl dt .img {display: block; width: 1.2rem; height: 1.6rem; }
.wxpayorder .price{padding-top: .3rem; color: #ff6b49;font-size: .3rem;}
.wxpayorder .placeholder{height: .2rem;background: #f5f5f5;}
.wxpayorder .wx{height: 1.1rem;margin-left: .3rem;border-bottom: 1px solid #eee;vertical-align: middle;}
.wxpayorder .wx_pay{float: left;width: 1.73rem;height: .5rem;background: url(../images/wx.png) no-repeat;background-size:100% 100%; margin-top: .3rem; }
.wxpayorder .wx_checked{float: right;width: .4rem;height: .4rem;background: url(../images/111.png) no-repeat;background-size:100% 100%;margin: .35rem .3rem 0 0; }
.pay_price{display: inline-block;height: .8rem;line-height: .8rem;font-size: .3rem;color: #ff6b49;}
.wxpayorder .subscribe{width: 2.92rem;float: right;}


/***************************购买反馈*******************************/
.feedback{margin-top: 1.2rem;padding-top: 1.5rem;}
.feedback img{width: 3.85rem;height: 3.65rem;margin:0 auto;display: block;}
.feedback .pay_success{color: #3eccb3;font-size: .36rem;padding: .6rem 0 .4rem 0;text-align: center;width: 100%;}
.advice{font-size: .32rem;color: #666;width: 100%;text-align: center;}

.error img{width: 2.57rem;height: 3.71rem;}
.error .pay_error{color: #ff6b49;font-size: .36rem;padding: .6rem 0 .4rem 0;text-align: center;width: 100%;}
.error a{display: block;width: 3rem;height: .68rem;margin:.3rem auto;text-align: center;line-height: .68rem;color: #fff;background: #ff6b49;font-size: .3rem;border-radius: 3px;}


/***************************提示页面*******************************/
.prompt_page{padding:.3rem .3rem; }
.item_name{background: url(http://7xodvc.com1.z0.glb.clouddn.com/logo_top.svg) no-repeat center center;margin:.5rem 0;padding-left: 1rem;padding-bottom: .5rem;}
.item_name .item_address{color: #3eccb3;}
.item_name .item_address strong{font-size: .35rem;}
.wx_login{text-align: center;}
.use_wx{font-size: .24rem;color: #666;}