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

/*顶部导航*/
.top_list{width:100%;height:46px;margin:0;padding:0;background:rgba(0,0,0,.06);}
.top_list li a{float:left;display:block;width:25%;height:46px;padding:0;margin:0;font-size:15px;line-height:46px;text-align:center;font-weight:300;color:#333;}
.top_list li .active{font-weight:400;color:#5166b0;}
.top_list li a.active span{display:block;width:2.5em;height:1px;background:#6478be;margin:-1px auto;}

/*弹出框*/
.shuming_box{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.6);z-index:99999}
.shuming_box .shuming_txt{position:absolute;bottom:0;left:0;width:88%;padding:20px 6%;background:#fff;}
.shuming_box .shuming_txt h4{font-size:18px;line-height:30px;text-align:center;color:#20213d;margin-bottom:15px;}
.shuming_box .shuming_txt p{font-size:14px;line-height:22px;text-align:left;color:#333;margin-bottom:10px;}
.shuming_box .shuming_txt .close_btn{display:block;font-size:14px;line-height:35px;width:100%;height:35px;background:#6478be;border-radius:6px;text-align:center;color:#fff;font-weight:300;margin-top:20px;}
.shuming_box .shuming_txt .close_ico{position:absolute;width:16px;height:16px;right:5%;top:15px;background:url(img/close_ico.png);background-size:16px auto;}
.shuming_box .shuming_txt li{width:100%;height:42px;font-size:16px;line-height:42px;text-align:center;border-bottom:0.5px solid rgba(0,0,0,.15);}
.shuming_box .shuming_txt li:last-child{border-bottom:none;}
.shuming_box .shuming_txt li i{margin-top:-3px;margin-right:6px;}

/*书院首页-九宫格*/
.nav, .nav2{width:100%;overflow:hidden;}
.nav a, .nav2 a{color:#20213d;}
.nav li{float:left;width:33.333%;padding:14px 0 15px;border-right:0.5px solid rgba(0,0,0,.15);border-bottom:0.5px solid rgba(0,0,0,.15);margin:0;box-sizing:border-box;display:table-cell}
.nav li img{display:block;width:56px;height:56px;margin:0 auto;}
.nav li span{display:block;font-size:14px;line-height:26px;text-align:center;}

.nav2 li{float:left;width:50%;padding:15px 0;border-right:0.5px solid rgba(0,0,0,.15);border-bottom:0.5px solid rgba(0,0,0,.15);margin:0;box-sizing:border-box;display:table-cell;font-size:14px;line-height:36px;text-align:center;}
.nav2 li img{display:inline-block;width:36px;height:36px;vertical-align:middle;margin-top:-2px;}
.nav2 li i{vertical-align:middle;margin-top:-4px;margin-right:5px;}

/* 网课列表页-滑动导航 */
.wrapper {position:relative;height:48px;width:100%;overflow:hidden;margin:0 auto;background:rgba(0,0,0,.06);}
.wrapper .scroller {position:absolute}
.wrapper .scroller li {height:48px;float:left;line-height:48px;font-size:15px;text-align:center}
.wrapper .scroller li a{color:#333;font-weight:300;display:block;margin:0 10px;padding:0 6px;}
.wrapper .scroller li.cur a{color:#5166b0;font-weight:400;height:47px;border-bottom:1px solid #6482c8}

/* 课间频道页 */
.title{width:91.5%;padding:15px 3.5% 15px 5%;height:28px;font-size:14px;line-height:28px;font-weight:300;color:#333;}
.title .r_more{float:right;padding-right:15px;font-size:14px;line-height:28px;font-weight:300;color:#666;text-align:right;background:url(img/right_icon.png) right no-repeat;background-size:auto 18px;margin-left:15px;}
.title i{width:16px;height:16px;vertical-align:middle;margin-top:-3px;margin-right:4px;}
.title span{font-size:12px;color:#999}

.topic_tijiao{width:100%;height:38px;padding:13px 0 15px;border-bottom:1px solid #fff;background:rgba(0,0,0,.06)}
.topic_tijiao .tijiao_btn{display:block; width:90%;height:38px;margin:0 auto;border:0.5px solid rgba(0,0,0,.15);background:rgba(255,255,255,.5);border-radius:6px;font-size:16px;line-height:38px;text-align:center;color:#666;font-weight:300;}
.topic_tijiao .tijiao_btn i{margin-top:-3px;margin-right:4px;}

.r_change{float:right;height:24px;padding-right:15px;border-right:0.5px solid rgba(0,0,0,.15);margin-top:2px;}
.r_change input[type="checkbox"]{appearance:none;-webkit-appearance:none;outline:none;display:none;}
.r_change input[type="checkbox"] + span{width:54px;height:24px;background:url(img/list_change01.png) no-repeat;background-size:54px auto;display:block;}
.r_change input[type="checkbox"]:checked + span{width:54px;height:24px;background:url(img/list_change02.png) no-repeat;background-size:54px auto;}
.title2{width:90%;height:24px;padding:10px 5%;font-size:14px;line-height:24px;color:#999}
.title2 .r_change{float:right;height:24px;padding:0;margin:0;border:none;
}
.info_box{width:90%;padding:8px 5%;background:#ffffdf;font-size:14px;line-height:20px;color:#805700;text-align:center;font-weight:300;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.info_box .info_colse{font-size:22px;line-height:17px;float:right;color:#805700;font-weight:200}

.hot_box{width:100%;padding:0 0 20px;border-bottom:0.5px solid rgba(0,0,0,.15);overflow:hidden}
.hot_box ul{width:95%;padding-left:5%;}
.hot_box li a{display:block;width:45%;height:90px;margin:0 5% 5px 0;float:left;}
.hot_box li .img_bg{position:relative;display:block;width:100%;height:90px;border-radius:6px;background:rgba(10,20,80,1);overflow:hidden;}
.hot_box li .img_bg img{width:100%;height:auto;border-radius:6px;opacity:0.5;filter:alpha(opacity=50);}
.hot_box li .img_bg .txt{position:absolute;top:22px;left:9%;width:82%;height:50px;z-index:99}
.hot_box li .img_bg .txt h4{font-size:16px;font-weight:300;padding-left:2px;text-align:left;line-height:30px;color:#fff;}
.hot_box li .img_bg .txt p{font-size:13px;text-align:left;color:#fff}
.hot_box li .img_bg .txt i{width:16px;height:16px;vertical-align:middle;margin-top:-3px;margin-right:3px;}
.hot_box li .img_bg .tag_txt{position:absolute;right:15px;top:0;width:20px;padding:5px 0 10px;font-size:12px;line-height:13px;text-align:center;color:#fff;font-weight:300;background:url(img/tap_bg08.png) top no-repeat;background-size:20px auto;}

.find_box{width:100%;padding:0;margin:0;overflow:hidden;}
.find_box li{width:90%;padding:5px 5% 15px;margin-bottom:15px;border-bottom:0.5px solid rgba(0,0,0,.15);}
.find_box li:last-child{border-bottom:none}
.find_box .heart{position:relative;display:block;float:left;width:12%;}
.find_box .heart img{width:100%;height:auto;border-radius:100%;overflow:hidden}
.find_box .heart .zxs_pic{position:absolute;left:0;bottom:-2px;width:100%;height:auto;}
.find_box .heart .zxs_pic img{border-radius:0;}
.find_box .right_box{position:relative;float:right;width:85%;}

.find_box h5{position:relative;display:block; width:100%;height:26px;margin-bottom:8px;font-size:15px;line-height:26px;font-weight:300;color:#5166b0;}
.find_box .topic a{position:absolute;right:0;top:0;padding:0 12px 2px;font-size:14px;line-height:22px;color:#888;background:rgba(255,255,255,.6);border:0.5px solid rgba(0,0,0,.15);border-radius:15px;}
.find_box p{font-size:16px;line-height:26px;color:#666;margin-bottom:8px;}
.find_box a{color:#5166b0}
.find_box dl{width:100%;padding:0;margin:0;overflow:hidden}
.find_box dt{float:left;width:32%;margin-right:1.33%;margin-bottom:5px;}
.find_box dt img{width:100%;height:auto;}

.find_box .prbottom_txt{height:30px;font-size:13px;line-height:30px;}
.find_box .prbottom_txt i{width:20px;height:20px;vertical-align:middle;margin-top:-4px;margin-right:4px;}
.find_box .prbottom_txt .dz_icon{margin-right:15px;color:#666;}
.find_box .prbottom_txt .dz_icon input[type="checkbox"]{appearance:none;-webkit-appearance:none;outline:none;display:none;}
.find_box .prbottom_txt .dz_icon input[type="checkbox"] + span{width:20px;height:20px;vertical-align:middle;margin-top:-4px;margin-right:4px;display:inline-block;background:url(img/icon_laud.png) no-repeat left;background-size:auto 20px;background-position:0 0;}
.find_box .prbottom_txt .dz_icon input[type="checkbox"]:checked + span{width:20px;height:20px;background-position:-20px 0}
.find_box .prbottom_txt .pr_icon{color:#666;}
.find_box .prbottom_txt .sj_icon{color:#666;}

.find_box .right_box .ping_box{position:relative;display:block;width:100%;padding:0;}
.find_box .right_box .ping_box .xiao_icon{margin-left:20px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:10px solid rgba(0,0,0,.05);}
.find_box .right_box .ping_box ul{padding:4px 12px;background:rgba(0,0,0,.05);border-radius:6px;}
.find_box .right_box .ping_box li{width:100%;padding:8px 0;margin:0;border-bottom:0.5px dashed rgba(0,0,0,.2);font-size:14px;line-height:24px;color:#666}
.find_box .right_box .ping_box li span{font-weight:300;color:#5166b0}
.find_box .right_box .ping_box li em{font-size:12px;line-height:22px;font-style:normal;font-weight:300;color:#fff;padding:0 8px;border-radius:15px;}

.hot_list{width:100%;padding:0;}
.hot_list li{width:90%;padding:15px 5%;height:62px;border-bottom:0.5px solid rgba(0,0,0,.15);}
.hot_list li:last-child{border-bottom:none}
.hot_list li img{width:60px;height:60px;float:left;border-radius:6px;margin-right:10px;}
.hot_list li h4{font-size:16px;line-height:20px;font-weight:400;color:#333;margin-bottom:5px;}
.hot_list li p{height:40px;font-size:12px;line-height:19px;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.hot_list li .gz_btn{padding:0 10px;background:rgba(255,255,255,.6);border:0.5px solid #6478be;border-radius:15px;margin-top:18px;}
.hot_list li .gz_btn a{display:block;font-size:13px;line-height:24px;color:#6478be;font-weight:300;}
@media screen and (min-width: 581px) { 
.hot_list li p{width: 390px} 
}
@media screen and (max-width: 580px) { 
.hot_list li p{width: 350px} 
}
@media screen and (max-width: 414px) { 
.hot_list li p{width: 200px} 
}
@media screen and (max-width: 375px) { 
.hot_list li p{width: 180px} 
}
@media screen and (max-width: 360px) { 
.hot_list li p{width: 165px} 
} 
@media screen and (max-width: 320px) { 
.hot_list li p{width: 145px} 
} 

/* 课间详情页 */
.top_title2{position:relative;display:block;width:100%;height:208px;margin:0;background:rgba(10,20,80,1);padding:0;overflow:hidden;}
.top_title2 img{width:100%;height:auto;opacity:0.5;filter:alpha(opacity=50);}
.top_title2 .train_top{position:absolute;left:0;top:0;width:92%;height:auto;padding:0 4%;z-index:999;text-align:center}
.top_title2 .train_top .wback_icon{display:block; width:24px;height:24px;float:left;margin-top:9px;background:url(img/whit_lefticon.png) no-repeat left;background-size:auto 24px;}
.top_title2 .train_top .wmore_icon{display:block; width:28px;height:28px;float:right;margin-top:6px;background:url(img/whit_lefticon.png) no-repeat left;background-size:auto 28px;background-position:-56px 0;}
.top_title2 .train_top .search_icon{width:26px;height:26px;float:right;margin-top:8px;background:url(img/search_icon.png) no-repeat left top;background-size:26px auto;}
.top_title2 .train_top .share_icon{width:26px;height:26px;float:right;margin-top:8px;background:url(img/share_icon.png) no-repeat left top;background-size:26px auto;}
.top_title2 .train_top h4{height:30px;line-height:30px;font-size:24px;font-weight:400;padding:5px 0 5px;color:#fff;}
.top_title2 .train_top p{font-size:14px;line-height:20px;font-weight:300;color:#fff;margin-top:8px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.top_title2 .train_top .icon_box{height:30px;margin-top:10px;font-size:14px;line-height:30px;color:#fff;font-weight:300;}
.top_title2 .train_top .icon_box i{width:20px;height:20px;vertical-align:middle;margin-top:-4px;margin-right:3px;}
.top_title2 .train_top .btn{display: block; width:80px;height:35px;margin:10px auto 0;font-size:15px;line-height:35px;font-weight:300;text-align:center;color:#fff;background:#6478be;border-radius:6px;}
.top_title2 .train_top .doc_txt{height:46px;padding:0 15px;margin:10px 0;font-size:15px;line-height:23px;font-weight:300;color:#fff;text-align:left;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.user_list{width:95%;padding:0 2.5% 20px;overflow:hidden;}
.user_list ul{padding-top:12px;}
.user_list li a{float:left;width:14%;margin:8px 3%;box-sizing:border-box;}
.user_list li p{font-size:13px;line-height:20px;font-weight:300;text-align:center;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.user_list li img{width:100%;height:auto;border-radius:100%;overflow:hidden;margin-bottom:4px;}
.user_list li .img_bor{border:0.5px solid rgba(0,0,0,.15);}

/* 课间详情页-关联心理咨询师 */
.topman{position: relative;display:block;width:100%;padding-bottom:5px;border-bottom:0.5px solid rgba(0,0,0,.15);overflow:hidden;}
.topman .title{width:90px;height:28px;padding:0;font-size:12px;line-height:28px;text-align:center;color:#666;font-weight:300;background:rgba(0,0,0,.06);border-radius:0 0 8px 8px;border-top:0;margin:0 auto;}
.topman ul{position:relative;width:90%;height:auto;padding:10px 5%;}
.topman li{width:25%;padding:0 0 20px;float:left;margin:0;text-align:center;}
.topman li .zxsimg{position:relative;display:block;margin:8px auto;width:50px;height:50px;}
.topman li .zxsimg img{width:100%;height:auto;border-radius:100%;overflow:hidden;}
.topman li .zxs_pic{position:absolute;bottom:-8px;left:0;width:50px;height:16px;z-index:999;}
.topman li .zxs_pic img{width:100%;height:auto;border-radius:0;}
.topman li h4{font-size:14px;line-height:24px;font-weight:400;color:#5166b0;}
.topman li p{font-size:10px;line-height:10px;color:#888;}

/*弹出评论框*/
#pinrun_box{position:fixed;height:100%;width:100%;background:rgba(0,0,0,.5);top:0;left:0;z-index:99999;}
.pinrun_box{position:absolute;bottom:0;left:0;width:94%;height:35px;padding:10px 3%;background:#f4f4f4;}
.pinrun_txt{padding:5px 10px;width:78%;font-size:15px;line-height:24px;border:0.5px solid #ddd;background:#fff;border-radius:6px;box-sizing:border-box}
.pinrun_btn{padding:5px 10px;width:20%;font-size:15px;line-height:24px;color:#fff;border:0.5px solid #6478be;background:#6478be;border-radius:6px;box-sizing:border-box}

/* 课间详情页-弹出输入框 */
.reveal_box{position:fixed;height:100%;width:100%;background:rgba(0,0,0,.6);top:0;left:0;z-index:99999;}
.reveal_box .reveal_modal{position:absolute;top:50%;left:50%;margin-top:-198px;margin-left:-46%;width:92%;height:396px;background:#fff;-webkit-box-shadow:0 0 8px rgba(0,0,0,.4);-box-shadow:0 0 8px rgba(0,0,0,.4);-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;overflow:hidden;}
.reveal_box .reveal_modal h4{width:90%;padding:10px 5%;font-size:14px;line-height:24px;font-weight:300;color:#333;border-bottom:0.5px solid #e3e3e3;}
.reveal_box .reveal_modal textarea{appearance:none;-webkit-appearance:none;outline:none;background-color:transparent;resize:none;font-weight:300;}
.reveal_box .reveal_modal .close_ico{position:absolute;width:16px;height:16px;right:4.5%;top:13px;background:url(img/close_ico.png);background-size:16px auto;}
.reveal_box .reveal_modal .txt{border:none;width:92%;padding:15px 4%;font-size:16px;line-height:26px;color:#333;font-weight:300;}
.reveal_box .reveal_modal .zx_text{width:92%;padding:0 4%;font-size:15px;line-height:30px;text-align:right;color:#aaa;border-bottom:0.5px solid #e3e3e3;}
.reveal_box .reveal_modal .zx_text span{color:#888}
.reveal_box .reveal_modal .jia_img{width:94%;height:70px;padding:10px 3% 12px;background:#f5f5f5;}
.reveal_box .reveal_modal .jia_img li{width:21%;heihgt:70px;margin:0 2%;float:left;}
.reveal_box .reveal_modal .jia_img li img{width:auto;height:70px;overflow:hidden;}
.reveal_box .reveal_modal .jia_img li .jia_btn{display: block;}
.reveal_box .reveal_modal .jia_img li .jia_btn img{border:0.5px solid #e3e3e3;}
.reveal_box .reveal_modal .bottom_box{width:90%;height:60px;padding:0 5%;border-top:0.5px solid #ddd;margin:0;}
.reveal_box .reveal_modal .bottom_box p{float:left;font-size:15px;line-height:60px;color:#666;margin:0;}
.reveal_box .reveal_modal .bottom_box span{font-weight: 300;color:#6787d0;}
.reveal_box .reveal_modal .bottom_box .xz_icon input[type="checkbox"]{appearance:none;-webkit-appearance:none;outline:none;display:none;}
.reveal_box .reveal_modal .bottom_box .xz_icon input[type="checkbox"] + span{width:20px;height:20px;vertical-align:middle;margin-top:-3px;margin-right:3px;display:inline-block;background:url(img/icon_select.png) no-repeat left;background-size:auto 20px;background-position:0 0;}
.reveal_box .reveal_modal .bottom_box .xz_icon input[type="checkbox"]:checked + span{width:20px;height:20px;background-position:-20px 0}
.reveal_box .reveal_modal .bottom_box .san_botton{display:inline-block;float:right;width:80px;height:30px;font-size:16px;line-height:30px;text-align:center;color: #fff;background:#6787d0;border-radius:6px;border:0; margin:15px 0 0;}


/* 自习频道页 */
.fetch_list{width:100%;padding:0 0 20px;overflow:hidden;border-bottom:0.5px solid rgba(0,0,0,.15);}
.fetch_list ul{width:94%;padding:0 3%;}
.fetch_list li{float:left;width:46%;padding:0 2%;margin:0;}
.fetch_list li .top_pic{position:relative;display:block;width:100%;overflow:hidden;padding-bottom:5px;}
.fetch_list li .top_pic img{width:100%;height:auto;border-radius:6px;}
.fetch_list li .top_pic .tag_txt{position:absolute;left:15px;top:0;width:20px;padding:5px 0 10px;font-size:12px;line-height:13px;text-align:center; color:#fff;font-weight:300;background:url(img/tap_bg05.png) top no-repeat;background-size:20px auto;}
.fetch_list li .top_pic .tag_txt2{position:absolute;left:15px;top:0;width:20px;padding:5px 0 10px;font-size:12px;line-height:13px;text-align:center; color:#fff;font-weight:300;background:url(img/tap_bg06.png) top no-repeat;background-size:20px auto;}
.fetch_list li .top_pic .tag_txt3{position:absolute;left:15px;top:0;width:20px;padding:5px 0 10px;font-size:12px;line-height:13px;text-align:center; color:#fff;font-weight:300;background:url(img/tap_bg07.png) top no-repeat;background-size:20px auto;}
.fetch_list li .top_pic .tag_txt4{position:absolute;left:15px;top:0;width:20px;padding:5px 0 10px;font-size:12px;line-height:13px;text-align:center; color:#fff;font-weight:300;background:url(img/tap_bg08.png) top no-repeat;background-size:20px auto;}
.fetch_list li h4{font-size:14px;line-height:30px;font-weight:400;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.fetch_list li p{height:40px;font-size:13px;line-height:20px;color:#666;overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}

/* 自习频道页-类型 */
.infomation_type{width:100%;height:72px;padding:12px 0;border-bottom:0.5px solid rgba(0,0,0,.15);}
.infomation_type li{box-sizing:border-box;display:table-cell;width:33.333%;border-right:0.5px solid rgba(0,0,0,.15);float:left;font-size:14px;line-height:22px;font-weight:300;text-align:center;color:#666;margin:0;}
.infomation_type li:last-child{border-right:none;}
.infomation_type li img{width:50px;height:auto;margin:0 auto;}
.infomation_type i{width:45px;height:45px;display:block;margin:0 auto;}
.infomation_type .infomation_icon{background:url(img/infomation_icon.png) no-repeat;background-size:45px auto;}
.infomation_type .icon01{background-position:0 0;}
.infomation_type .icon02{background-position:0 -45px;}
.infomation_type .icon03{background-position:0 -90px;}

.markplan_btn{width:100%;padding:0;overflow:hidden;}
.markplan_btn li{display:block;width:29.333%;float:left;padding:0;margin:0 2%;font-size:15px;line-height:20px;font-weight:300;color:#20213d;text-align:center;}
.markplan_btn img{border-radius:5px;overflow:hidden;margin-bottom:8px;}
.markplan_btn span{font-size:12px;line-height:14px;color:#666;font-weight:300;}

.tools_topbox{width:100%;padding:0 0 20px;overflow:hidden;background:rgba(0,0,0,.06);border-bottom:0.5px solid rgba(0,0,0,.15);}
.tools_topbox .swiper-wrapper{padding:0;margin:0}
.tools_topbox .toole_list{position:relative;display:block;width:90%;height:170px;border-radius:8px;overflow:hidden;background:rgba(10,20,100,1);padding:0;margin:0 auto;}
.tools_topbox .toole_list img{width:100%;height:auto;opacity:0.5;filter:alpha(opacity=50);}
.tools_topbox .toole_list h4{position:absolute;bottom:56px;left:5%;font-size:22px;line-height:22px;font-weight:500;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.2)}
.tools_topbox .toole_list p{position:absolute;bottom:34px;left:5%;font-size:14px;line-height:20px;font-weight:400;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.2)}
.tools_topbox .toole_list .tag1{position:absolute;right:5%;top:0;font-size:12px;line-height:28px;padding:0 10px;color:#fff;font-weight:300;background:rgba(100,230,150,.8);border-radius:0 0 5px 5px;}
.tools_topbox .toole_list .tag{position:absolute;right:5%;top:0;font-size:12px;line-height:28px;padding:0 10px;color:#fff;font-weight:300;background:rgba(255,220,0,.8);border-radius:0 0 5px 5px;}

/* 测评列表页 */
.test_list{width:100%;padding:0;}
.test_list li{width:90%;padding:15px 5%;height:50px;border-bottom:0.5px solid rgba(0,0,0,.15);}
.test_list li:last-child{border-bottom:none}
.test_list .left_img{float:left;width:50px;height:50px;border-radius:100%;overflow:hidden}
.test_list .left_img img{width:auto;height:50px;margin-left:-10px}
.test_list .right_txt{float:left;margin-left:15px;}
.test_list .right_txt h4{height:26px;margin-top:2px;font-size:16px;line-height:26px;font-weight:300;color:#333;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.test_list .right_txt p{font-size:12px;line-height:22px;color:#ff4a4d;font-weight:300;}
.test_list .right_txt span{color:#666;margin-left:15px;}
.test_list .right_txt i{margin-top:-2px;margin-right:4px;}
@media screen and (min-width: 321px) { 
.test_list .right_txt {width: 60%} 
} 
@media screen and (max-width: 320px) { 
.test_list .right_txt {width: 55%} 
} 
.test_list .right_icon{float:right;width:10%;height:46px;background:url(img/right_icon.png) right no-repeat;background-size:24px auto;}

/* 文章列表统一样式 */
.list_style{width:100%;padding:0;overflow:hidden;}
.list_style li {position:relative;display:block;width:90%;padding:25px 5% 15px;border-bottom:10px solid rgba(0,0,0,.06);border-top:1px solid #fff}
.list_style li:last-child{border-bottom:none}
.list_style li h4{margin-bottom:15px;font-size:18px;line-height:20px;font-weight:300;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list_style li p{font-size:14px;line-height:24px;height:48px;color:#666;font-weight:300;display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow: hidden;}
.list_style li .title{width:80px;height:28px;padding:0;font-size:12px;line-height:28px;text-align:center;color:#666;font-weight:300;background:rgba(0,0,0,.06);border-radius:0 0 8px 8px;border-top:0;margin:-20px auto 20px;}
.list_style li .prbottom_txt{width:100%;height:30px;font-size:13px;line-height:30px;color:#666;margin-top:10px;padding-top:6px;border-top:0.5px dashed rgba(0,0,0,.15);}
.list_style li .prbottom_txt i{width:16px;height:16px;display:inline-block;vertical-align:middle;margin-top:-4px;margin-right:3px;}
.list_style li .prbottom_txt .icon_voler{width:16px;height:16px;background:url(img/icon_voler.gif) no-repeat;background-size:16px auto;}
.list_style li .prbottom_txt .zz_icon{font-weight:300;}
.list_style li .prbottom_txt .zz_icon img{width:30px;height:30px;border-radius:100%;float:left;margin-right:6px;}
.list_style li .prbottom_txt .zz_icon span{font-size:13px;font-weight:300;color:#999;}
.list_style li .prbottom_txt .dz_icon{margin-right:20px;}
.list_style li .prbottom_txt .dz_icon input[type="checkbox"]{appearance:none;-webkit-appearance:none;outline:none;display:none;}
.list_style li .prbottom_txt .dz_icon input[type="checkbox"] + span{width:16px;height:16px;vertical-align:middle;margin-top:-4px;margin-right:4px;display:inline-block;background:url(img/icon_laud.png) no-repeat left;background-size:auto 16px;background-position:0 0;}
.list_style li .prbottom_txt .dz_icon input[type="checkbox"]:checked + span{width:16px;height:16px;background-position:-16px 0}
.list_style li .train_img{position:relative;display:block;width:100%;height:130px;border-radius:10px 10px 0 0;margin-bottom:10px;overflow:hidden}
.list_style li .train_img img{width:100%;height:auto;margin-top:-10px;}
.list_style li .train_img .text{position:absolute;left:20px;top:0;width:40px;height:40px;font-size:13px;line-height:28px;color:#fff;font-weight:300;text-align:center}
.list_style li .train_img .icon01{background:url(img/tap_bg.png) no-repeat;background-size:40px auto;}
.list_style li .train_img .icon02{background:url(img/tap_bg02.png) no-repeat;background-size:40px auto;}
.list_style li .train_img .icon03{background:url(img/tap_bg03.png) no-repeat;background-size:40px auto;}
.list_style li .train_img .icon04{background:url(img/tap_bg04.png) no-repeat;background-size:40px auto;}

/* 文章列表切换样式 */
.list_change{width:100%;padding:0;overflow:hidden;}
.list_change li {position:relative;display:block;width:90%;padding:20px 5% 15px;border-bottom:0.5px solid rgba(0,0,0,.15);border-top:1px solid #fff;}
.list_change li:last-child{border-bottom:none}

.list_change li .train_img{position:relative;display:block;width:45%;height:88px;border-radius:5px;float:left;margin-right:12px;overflow:hidden}
.list_change li .train_img img{width:auto;height:88px;}
.list_change li .train_img .text{position:absolute;left:15px;top:0;width:20px;padding:5px 0 10px;font-size:12px;line-height:13px;text-align:center; color:#fff;font-weight:300;}

.list_change li h4{margin-bottom:12px;font-size:16px;line-height:20px;font-weight:300;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list_change li p{height:88px;font-size:14px;line-height:22px;color:#666;font-weight:300;display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow: hidden;}

.list_change li .title{width:80px;height:28px;padding:0;font-size:12px;line-height:28px;text-align:center;color:#666;font-weight:300;background:#f4f4f4;border-radius:0 0 8px 8px;border-top:0;margin:-20px auto 20px;}

.list_change li .prbottom_txt{width:100%;height:30px;font-size:13px;line-height:30px;color:#666;margin-top:6px;}
.list_change li .prbottom_txt i{width:16px;height:16px;display:inline-block;vertical-align:middle;margin-top:-4px;margin-right:3px;}
.list_change li .prbottom_txt .icon_voler{width:16px;height:16px;background:url(img/icon_voler.gif) no-repeat;background-size:16px auto;}
.list_change li .prbottom_txt .zz_icon{font-weight:300;}
.list_change li .prbottom_txt .zz_icon img{display:none}
.list_change li .prbottom_txt .zz_icon span{ont-size:13px;font-weight:300;color:#999;}
.list_change li .prbottom_txt .dz_icon{margin-right:20px;}
.list_change li .prbottom_txt .dz_icon input[type="checkbox"]{appearance:none;-webkit-appearance:none;outline:none;display:none;}
.list_change li .prbottom_txt .dz_icon input[type="checkbox"] + span{width:16px;height:16px;vertical-align:middle;margin-top:-4px;margin-right:4px;display:inline-block;background:url(img/icon_laud.png) no-repeat left;background-size:auto 16px;background-position:0 0;}
.list_change li .prbottom_txt .dz_icon input[type="checkbox"]:checked + span{width:16px;height:16px;background-position:-16px 0}

.list_change li .train_img .icon01{background:url(img/tap_bg07.png) top no-repeat;background-size:20px auto;}
.list_change li .train_img .icon02{background:url(img/tap_bg08.png) top no-repeat;background-size:20px auto;}
.list_change li .train_img .icon03{background:url(img/tap_bg06.png) top no-repeat;background-size:20px auto;}
.list_change li .train_img .icon04{background:url(img/tap_bg05.png) top no-repeat;background-size:20px auto;}
.bom_btn{width:100%;height:32px;margin:10px 0 20px;text-align:center;}
.bom_btn .btn_left{font-size:14px;line-height:32px;padding:0 16px 1px 20px;border:0.5px solid rgba(0,0,0,.15);background:#fff;display:inline-block;margin:0 0 0 0;border-radius:20px 0 0 20px;}
.bom_btn .btn_center{font-size:14px;line-height:32px;padding:0 16px 1px 15px;border:0.5px solid rgba(0,0,0,.15);background:#fff;display:inline-block;margin:0 -1px 0 -1px;}
.bom_btn .btn_right{font-size:14px;line-height:32px;padding:0 18px 1px 14px;border:0.5px solid rgba(0,0,0,.15);background:#fff;display:inline-block;margin:0;border-radius:0 20px 20px 0;}

.list{width:100%;padding:0;background:#fff;border-bottom:0.5px solid rgba(0,0,0,.15);overflow:hidden;}
.list li {width:90%;padding:15px 5%;border-bottom:0.5px solid rgba(0,0,0,.15);}
.list li .left_pic{position:relative;width:26%;height:auto;float:left;margin-right:5%}
.list li .left_pic img{width:100%;height:auto;margin-top:4px;}
.list li .right_box{position:relative;width:100%;}
.list li .right_box h4{font-size:17px;line-height:26px;margin-bottom:5px;font-weight:300;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list li .right_box h5{font-weight:300;margin:0 0 8px;font-size:16px;line-height:26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list li .right_box p{color:#666;font-weight:300;}

.list li .prbottom_txt{width:100%;height:30px;font-size:13px;line-height:30px;margin-top:6px;}
.list li .prbottom_txt i{width:20px;height:20px;vertical-align:middle;margin-top:-4px;margin-right:4px;}
.list li .prbottom_txt .zz_icon{font-size:14px;font-weight:300;color:#6478be;}
.list li .prbottom_txt .zz_icon img{width:30px;height:30px;border-radius:30px;overflow:hidden;float:left;margin-right:5px;}
.list li .prbottom_txt .zz_icon span{ont-size:13px;font-weight:300;color:#999;}
.list li .prbottom_txt .pr_icon i{width:16px;height:16px;vertical-align:middle;margin-top:-3px;margin-right:4px;}

/* 自习正文页 */
.warp{width:100%;padding:0;margin:0;overflow:hidden;}
.doc_bottom{position:fixed;background:url(img/page_bg2.png);background-size:50px auto;bottom:0;left:0;width:90%;height:50px;padding:0 5%;line-height:50px;z-index:9999;}
.doc_bottom input{appearance:none;-webkit-appearance:none;outline:none;}
.doc_bottom .doc_input{display:block;padding:2px 15px 3px;margin-top:9px;font-size:15px;line-height:24px;font-weight:300;color:#333;background:rgba(255,255,255,.5);border:0.5px solid rgba(0,0,0,.2);border-radius:5px;float:left;}

.doc_bottom  i{width:20px;height:20px;vertical-align:middle;margin-top:-2px;margin-right:2px;}
.doc_bottom .dz_icon{margin-right:15px;font-size:14px;line-height:50px;font-weight:300;color:#666;}
.doc_bottom .dz_icon input[type="checkbox"]{appearance:none;-webkit-appearance:none;outline:none;display:none;}
.doc_bottom .dz_icon input[type="checkbox"] + span{width:20px;height:20px;vertical-align:middle;margin-top:-4px;margin-right:4px;display:inline-block;background:url(img/icon_laud.png) no-repeat left;background-size:auto 20px;background-position:0 0;}
.doc_bottom .dz_icon input[type="checkbox"]:checked + span{width:20px;height:20px;background-position:-20px 0}
.doc_bottom .fx_icon{width:20px;height:20px;margin-top:16px;}
.doc_bottom .pr_icon{font-size:14px;line-height:50px;font-weight:300;color:#666;margin-right:15px;}

.warp .header{width:88%;padding:20px 6% 0;}
.warp .header h2{font-size:24px;line-height:34px;font-weight:300;color:#333;margin:0;padding:5px 0 8px;}
.warp .header p{font-size:14px;line-height:28px;color:#999;margin:0;padding:0;}
.warp .header em{display:inline-block;padding:0 3px;font-size:11px;line-height:16px;font-weight:400;color:#fff;border-radius:3px;vertical-align:middle;margin-top:-2px;margin-right:4px;}
.warp .header i{width:16px;height:16px;display:inline-block;vertical-align:middle;margin-top:-2px;margin-right:4px;}

.warp .text{width:88%;padding:15px 6% 0;}
.warp .text .title{display:block;position:relative;width:100%;height:26px;border-bottom:0.5px solid rgba(0,0,0,.15);margin:0 0 45px;padding:0;}
.warp .text .title h4{position:absolute;top:0;left:50%;margin-left:-26px;font-size:30px;font-weight:200;line-height:50px;color:#666;text-align:center; width:52px;height:50px;background:#fff;border-radius:30px;border:0.5px solid rgba(0,0,0,.15)}
.warp .text p{font-size:16px;line-height:25px;color:#666; margin-bottom:20px;}
.warp .text strong{font-weight:400;color:#5166b0;}
.warp .text img{width:100%;height:auto;margin-bottom:20px;}

.pr_box{width:90%;padding:20px 5% 10px;border-top:1px solid #fff;}
.pr_box h4{width:100%;height:38px;border-bottom:0.5px solid rgba(0,0,0,.15);font-size:15px;line-height:38px;font-weight:400;color:#444;text-align:left}
.pr_box em{font-size:14px;font-weight:300;color:#999;margin-left:5px;font-style:normal}
.pr_box ul{width:100%;height:auto;padding:0;margin:0;}
.pr_box li{position:relative;display:block;height:auto;padding:20px 0;margin:0;border-bottom:0.5px dashed rgba(0,0,0,.15);}
.pr_box img{position:absolute;top:15px;left:0;width:40px;height:40px;border-radius:20px;overflow:hidden;}

.pr_box_txt{padding-left:50px;}
.pr_box_txt .username{height:20px;font-size:16px;line-height:20px;color:#5166b0;font-weight:300;margin-bottom:8px;}
.pr_box_txt .username i{display:inline-block;font-size:12px;line-height:18px;font-weight:300;font-style:normal;color:#fff;padding:0 7px;border-radius:10px;vertical-align:middle;margin-top:-3px;}
.pr_box_txt p{font-size:16px;line-height:26px;color:#666;margin-bottom:10px;}

.pr_box_txt .prpr_boxtxt{border-left:1px dotted rgba(0,0,0,.15);}
.pr_box_txt .prpr_boxtxt ul{width:100%;height:auto;padding-bottom:1px;margin:0;}
.pr_box_txt .prpr_boxtxt li{position:relative;display:block;font-size:14px;line-height:22px;color:#666;margin-bottom:3px;padding:2px 0 0 10px;border-bottom:none;}
.pr_box_txt .prpr_boxtxt li .dot{position:absolute;top:7px;left:-5px;width:8px;height:8px;background:#fff;border:0.5px solid rgba(0,0,0,.25);border-radius:5px;}
.pr_box_txt .prpr_boxtxt span{display:inline-block;font-size:12px;line-height:17px;padding:0 6px;border-radius:10px;border:0.5px solid #6478be;color:#5166b0;font-weight:300;vertical-align:middle;margin-top:-2px;}

.pr_box_txt .prbottom_txt{height:18px;font-size:14px;color:#999;line-height:18px;margin-top:15px;}
.pr_box_txt .prbottom_txt i{margin-right:3px;margin-top:-2px;}
.pr_box_txt .prbottom_txt a{color:#999;}
.pr_box_txt .prbottom_txt .dz_icon{margin-right:15px;}
.pr_box_txt .prbottom_txt .dz_icon input[type="checkbox"]{appearance:none;-webkit-appearance:none;outline:none;display:none;}
.pr_box_txt .prbottom_txt .dz_icon input[type="checkbox"] + span{width:16px;height:16px;vertical-align:middle;margin-top:-4px;margin-right:4px;display:inline-block;background:url(img/icon_laud.png) no-repeat left;background-size:auto 16px;background-position:0 0;}
.pr_box_txt .prbottom_txt .dz_icon input[type="checkbox"]:checked + span{width:16px;height:16px;background-position:-16px 0}

/* 自习正文页-关于作者 */
.aboutuser{width:100%;padding:0;}
.aboutuser h5{font-size:12px;font-weight:300;text-align:center;color:#20213d;}
.aboutuser .san_btn {text-align:center;padding-bottom:20px;border-bottom:10px solid rgba(0,0,0,.06);}
.aboutuser .san_btn .san_icon{display:block;width:70px;height:70px;margin:10px auto;font-size:40px;line-height:70px;font-weight:200;color:#20213d;border:0.5px solid #aaa;border-radius:100%;}
.aboutuser .san_btn p{font-size:13px;line-height:30px;color:#666;text-align:center;}
.aboutuser .san_btn span{font-weight:400;color:#f80;}

.userbox{position:relative;display:block;width:90%;padding:25px 5%;border-top:1px solid #fff;border-bottom:10px solid rgba(0,0,0,.06);}
.userbox .zxsimg{position:relative;display:block;width:70px;height:70px;float:left;margin-right:15px;margin-top:2px;}
.userbox .zxsimg img{width:100%;height:auto;border-radius:100%;overflow:hidden;}
.userbox .zxs_pic{position:absolute;bottom:-5px;left:2px;width:66px;height:20px;z-index:999;}
.userbox .zxs_pic img{width:100%;height:auto;border-radius:0;}
.userbox h4{font-size:16px;color:#5166b0}
.userbox p{font-size:13px;line-height:24px;color:#666;}
.userbox span{padding:1px 8px;background:rgba(255,255,255,.6);border-radius:20px;margin-left:5px;}

.rightop_box{position:absolute;top:0;right:0;width:60px;height:60px;overflow:hidden;z-index:999;}
.rightop_box .rNowTitle{background:rgba(255,150,150,.7);color:#fff;font-size:12px;width:90px;height:22px;text-align:center;line-height:22px;-webkit-transform:rotate(45deg);position:absolute;right:-30px;top:8px;}

/* 自习正文页-相关推荐 */
.warp .interfix{width:100%;height:auto;padding:20px 0 0;border-top:1px solid #fff;border-bottom:10px solid rgba(0,0,0,.06);}
.warp .interfix h5{font-size:12px;font-weight:300;text-align:center;color:#333;}
.warp .interfix ul{width:94%;height:440px;padding:0 3%;}
.warp .interfix li a{display:block;float:left;width:46%;margin:5px 2% 25px;overflow:hidden;}
.warp .interfix li .top_pic{position:relative;display:block;width:100%;height:80px;border-radius:5px;overflow:hidden;margin-bottom:8px;}
.warp .interfix li .top_pic img{width:105%;height:auto;}
.warp .interfix li .top_pic .tag_txt{position:absolute;left:13px;top:0;width:20px;padding:5px 0 10px;font-size:12px;line-height:13px;text-align:center; color:#fff;font-weight:300;background:url(img/tap_bg06.png) no-repeat top;background-size:20px auto;}
.warp .interfix li .top_pic .tag_txt2{position:absolute;left:13px;top:0;width:20px;padding:5px 0 10px;font-size:12px;line-height:13px;text-align:center; color:#fff;font-weight:300;background:url(img/tap_bg07.png) no-repeat top;background-size:20px auto;}
.warp .interfix li .top_pic .tag_txt3{position:absolute;left:13px;top:0;width:20px;padding:5px 0 10px;font-size:12px;line-height:13px;text-align:center; color:#fff;font-weight:300;background:url(img/tap_bg05.png) no-repeat top;background-size:20px auto;}
.warp .interfix li .top_pic .tag_txt4{position:absolute;left:13px;top:0;width:20px;padding:5px 0 10px;font-size:12px;line-height:13px;text-align:center; color:#fff;font-weight:300;background:url(img/tap_bg08.png) no-repeat top;background-size:20px auto;}
.warp .interfix li h4{font-size:15px;line-height:25px;font-weight:400;color:#444;margin-bottom:6px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.warp .interfix li p{height:66px;font-size:14px;line-height:22px;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}

/* 弹出输入框 */
#input_butoon{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:99999;}
.input_box{position:fixed;bottom:52px;left:0;width:100%;padding:0;background:#fff;-webkit-box-shadow:0 0 8px rgba(0,0,0,.4);-box-shadow:0 0 8px rgba(0,0,0,.4);overflow:hidden; z-index:100000;}
.input_box textarea{appearance:none;-webkit-appearance:none;outline:none;background-color:transparent;resize:none;font-weight:300;}
.input_box .txt{border:none;width:90%;padding:15px 5%;font-size:16px;line-height:26px;color:#333;font-weight:300;}
.input_box .zx_text{width:90%;padding:0 5%;font-size:15px;line-height:30px;text-align:right;color:#aaa;border-bottom:0.5px solid rgba(0,0,0,.15);}
.input_box .zx_text span{color:#888}
	
.input_box .bottom_box{width:90%;height:60px;padding:0 5% 5px;}
.input_box .bottom_box p{float:left;font-size:15px;line-height:60px;color:#666;margin:0;}
.input_box .bottom_box span{font-weight: 300;color:#6787d0;}
	
.input_box .bottom_box .xz_icon input[type="checkbox"]{appearance:none;-webkit-appearance:none;outline:none;display:none;}
.input_box .bottom_box .xz_icon input[type="checkbox"] + span{width:20px;height:20px;vertical-align:middle;margin-top:-3px;margin-right:4px;display:inline-block;background:url(img/icon_select.png) no-repeat left;background-size:auto 20px;background-position:0 0;}
.input_box .bottom_box .xz_icon input[type="checkbox"]:checked + span{width:20px;height:20px;background-position:-20px 0}

.input_box .bottom_box .san_botton{display:inline-block;float:right;width:70px;height:30px;font-size:16px;line-height:30px;text-align:center;color: #fff;background:#6787d0;border-radius:6px;margin:15px 0 0;}
.input_box .bottom_box .canse_botton{display:inline-block;float:right;width:69px;height:29px;font-size:16px;line-height:30px;text-align:center;color:#888;border:0.5px solid #aaa;border-radius:6px;margin:15px 10px 0 0;}


/* 弹出打赏框 */
.sang_box{position:fixed;top:0;left:0;height:100%;width:100%;background-color:rgba(0,0,0,.6);z-index:99999;}
.sang_box .reveal-modal{position:absolute;top:50%;left:50%;width:280px;height:360px;margin-top:-190px;margin-left:-140px;padding:0;overflow:hidden;
background:url(img/sang_bg.png);background-size:280px auto;
-webkit-box-shadow:0 0 8px rgba(0,0,0,.4);-box-shadow:0 0 8px rgba(0,0,0,.4);
-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;}
.sang_box .reveal-modal .close_ico{position:absolute;width:16px;height:16px;right:4.5%;top:13px;background:url(img/close_ico.png);background-size:16px auto;}
.sang_box .reveal-modal .heard{position:relative;display:block;width:100px;height:110px;margin:30px auto 40px;}
.sang_box .reveal-modal .heard img{width:auto;height:70px;margin:0 auto;-moz-border-radius:70px;-webkit-border-radius:70px;border-radius:70px;border:2px solid #dcbe82;overflow:hidden;}
.sang_box .reveal-modal .heard .zxs_pic{position:absolute;top:56px;left:16px;width:70px;height:24px;z-index:999;}
.sang_box .reveal-modal .heard .zxs_pic img{width:70px;height:auto;border:0;border-radius:0;}
.sang_box .reveal-modal .heard h4{font-size:15px;line-height:36px;text-align:center;color:#dcbe82;font-weight:300;}
.sang_box .reveal-modal .num{height:70px;font-size:40px;line-height:40px;color:#dcbe82;text-align:center;margin:0 auto;}
.sang_box .reveal-modal .num_btn{display:block;font-size:14px;line-height:30px;text-align:center;color:#dcbe82;}
.sang_box .reveal-modal .san_botton{display:block;width:160px;height:38px;background:#dcbe82;font-size:16px;line-height:38px;text-align:center;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;margin:30px auto 0;}

/* 面授页面 */
.wbox{position:relative;width:100%;margin:0;padding:0;font-weight:300;}
.selectbox{width:100%;height:44px;border-bottom:0.5px solid rgba(0,0,0,.15);}
.selemediv{float:left;position:relative;box-sizing:content-box;width:33.1%;height:22px;margin:11px 0;border-right:0.5px solid rgba(0,0,0,.15);}
.selemenu{width:32px;height:22px;padding-right:22px;margin:0 auto;font-size:14px;line-height:22px;text-align:left;color:#666;cursor:pointer;background:url(img/icon_down.png) no-repeat right;background-size:18px auto;}
.selemenu:hover{background:url(img/icon_up.png) no-repeat right;background-size:18px auto;}

.citylist{display:none;position:absolute;left:0;top:34px;width:100%;padding:5px 0;background:#fff;font-size:14px;line-height:32px;text-align:center;box-shadow:0px 3px 3px rgba(0,0,0,.2);z-index:999999;border-radius:0 0 5px 5px;}
.citylist span{display:block;clear:both;cursor:pointer;}
.citylist span:hover{background:url(img/icon_sele.png) no-repeat left #f2f2f2;background-size:auto 22px;}

.train_list{width:98%;padding:0 1% 15px;background:#fff;overflow:hidden}
.train_list ul{width:102%;}
.train_list li{float:left;width:42%;padding:20px 3.5% 15px;margin:0;border-right:0.5px solid rgba(0,0,0,.15);border-bottom:0.5px solid rgba(0,0,0,.15);}
.train_list li .train_img{position:relative; display:block;}
.train_list li .train_img img{width:100%;height:auto;}
.train_list li .train_img .text{position: absolute;left:10px;top:0;width:34px;height:30px;background:url(img/tap_bg.png) no-repeat;background-size:34px auto;font-size:12px;line-height:25px;color:#fff;font-weight:300;text-align:center}
.train_list li .train_img .icon02{background:url(img/tap_bg02.png) no-repeat;background-size:34px auto;}
.train_list li .train_img .icon03{background:url(img/tap_bg03.png) no-repeat;background-size:34px auto;}

.train_list li h4{font-size:15px;line-height:30px;font-weight:300;color:#333;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.train_list li p{font-size:13px;line-height:22px;color:#666; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;}
.train_list li span{color:#666;}
.train_list li i{width:16px;height:16px;vertical-align:middle;margin-top:-4px;margin-right:2px;}
.train_list li .pricer{font-size:14px;line-height:26px;font-weight:300;color:#6478be;}

/* 网课详情页 */
.top_title3{position:relative;display:block;width:100%;height:180px;margin:0;background:rgba(10,20,80,1);padding:0;overflow:hidden;}
.top_title3 img{width:100%;height:auto;opacity:0.5;filter:alpha(opacity=50);}
.top_title3 .train_top{position:absolute;left:0;top:0;width:92%;height:auto;padding:0 4%;z-index:999;text-align:center}
.top_title3 .train_top .wback_icon{display:block; width:24px;height:24px;float:left;margin-top:9px;background:url(img/whit_lefticon.png) no-repeat left;background-size:auto 24px;}
.top_title3 .train_top .wmore_icon{display:block; width:28px;height:28px;float:right;margin-top:6px;background:url(img/whit_lefticon.png) no-repeat left;background-size:auto 28px;background-position:-56px 0;}
.top_title3 .train_top .search_icon{width:26px;height:26px;float:right;margin-top:8px;background:url(img/search_icon.png) no-repeat left top;background-size:26px auto;}
.top_title3 .train_top .share_icon{width:26px;height:26px;float:right;margin-top:8px;background:url(img/share_icon.png) no-repeat left top;background-size:26px auto;}

.docbox{position:absolute;top:85px;left:0;width:90%; padding:0 5%;z-index:99;}
.docbox h2{font-size:20px;line-height:35px;font-weight:500;text-shadow:1px 1px 0 rgba(0,0,0,.1); text-align:left;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* 网课详情页-星级评分 */
.show_number{width:100%;font-size:12px;line-height:20px;color:#fff;}
.show_number span {display:inline-block;line-height:16px;margin-left:2px;}
.atar_Show {background:url(img/stark.png);background-size:auto 16px;width:80px;height:16px;margin-top:1px;position:relative;float:left;}
.atar_Show p {background:url(img/stars.png);background-size:auto 16px;left:0;height:16px;width:80px;}

/* 网课详情页-tab滑动门 */
.tabs ul{width:100%;height:40px;}
.tabs li{position:relative;display:block;float:left;width:25%;height:40px;}
.tabs li a{display:block;width:100%;font-size:15px;line-height:40px;color:#666;font-weight:300;text-align:center;background:rgba(0,0,0,.08);box-shadow:0 -5px 0 rgba(0,0,0,.04) inset;}
.tabs li a:hover{font-weight:400;color:#5166b0;}
.tabs li.active a{background:none;font-weight:400;color:#5166b0;box-shadow:none;}
.tabs li .notic_dot{position:absolute;right:25%;top:8px;width:7px;height:7px;border-radius:7px;background:#ff4a4d;}
.wrap .swiper-container{width:100%;padding:20px 0 0;}

/* 网课详情页-目录 */
.bz_txt{width:90%;height:24px;padding:0 5%;font-size:13px;line-height:24px;margin-bottom:16px;}
.bz_txt i{width:18px;height:18px;vertical-align:middle;margin-top:-2px;}
.bz_txt span{color:#999;}
/*排序按钮*/
.sort_icon{float:right;height:24px;}
.sort_icon input[type="checkbox"]{appearance:none;-webkit-appearance:none;outline:none;display:none;}
.sort_icon input[type="checkbox"] + span{width:24px;height:24px;background:url(img/icon_sort.png) no-repeat;background-size:24px auto;display:block;}
.sort_icon input[type="checkbox"]:checked + span{width:24px;height:24px;background:url(img/sort_icon.png) no-repeat;background-size:24px auto;}

.mulu_box ul{width:100%;height:auto;padding:0;margin:0;}
.mulu_box li{width:90%;height:44px;padding:12px 5%;border-top:0.5px solid rgba(0,0,0,.15);}
.mulu_box .line_txt{float:left;width:72%;height:44px;font-size:12px;line-height:20px;font-weight:300;color:#777;}
.mulu_box .line_txt h4{font-size:15px;line-height:24px;font-weight:300;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mulu_box .line_txt span{margin-left:4px;font-size:10px;line-height:14px;color:#50b428;padding:0 4px;border:0.5px solid #50b428;border-radius:3px;}
.mulu_box .line_txt p{font-size:12px;line-height:20px;color:#999;}
.mulu_box .right_icon{float:right;width:25px;height:25px;margin-top:8px;background:url(img/titleicon.png) no-repeat;background-size:auto 25px;background-position:0 0;}

/*播放按钮*/
.icon_down{width:24px;height:24px;background:url(img/icon_play.png) no-repeat left;background-size:24px auto;margin-top:8px;padding-right:12px;float:left;}
.icon_up{width:24px;height:24px;background:url(img/icon_voler.gif) no-repeat left;background-size:24px auto;margin-top:8px;padding-right:12px;float:left;}

/* 网课详情页-简介 */
.jian_title{height:52px;border-bottom:0.5px dashed rgba(0,0,0,.2);margin-bottom:15px;font-size:14px;line-height:36px;font-weight:400;color:#5166b0;}
.jian_title .tech_img{width:36px;height:36px;border-radius:100%;border:0.5px solid #eee;overflow:hidden;margin-right:6px;margin-top:-2px;vertical-align:middle;display:inline-block}
.jian_title .right{font-size:12px;font-weight:300;color:#999;}
.jian_title span{display:inline-block;font-size:12px;padding:1px 6px;line-height:18px;font-weight:300;border-radius:10px;background:rgba(255,255,255,.6);border:0.5px solid rgba(0,0,0,.15);color:#666;vertical-align:middle;margin-top:-2px;margin-left:4px;}
.jianjie{padding:0 25px;padding-bottom:10px;}
.jianjie h4{font-size:18px;line-height:30px;color:#5a78b4;}
.jianjie p{font-size:14px;line-height:24px;color:#666;height:72px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}

.jian_bottom{position:relative;display:block;padding:12px 15px;margin-top:15px;border-radius:8px;background:rgba(255,255,255,.8);box-shadow:0 2px 8px rgba(0,0,0,.12);overflow:hidden}
.jian_bottom h4{font-size:14px;line-height:22px;color:#333;font-weight:300;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.jian_bottom p{font-size:12px;line-height:18px;color:#888;height:18px;}
.jian_bottom .rNowTitle{background:#50b428;color:#fff;font-size:11px;width:90px;height:20px;text-align:center;line-height:20px;font-weight:300;-webkit-transform:rotate(45deg);position:absolute;right:-24px;top:10px;}
.play_down{width:32px;height:32px;background:url(img/play_down.png) no-repeat left;background-size:32px auto;margin-top:3px;padding-right:12px;float:left;}
.play_up{width:32px;height:32px;background:url(img/play_up.png) no-repeat left;background-size:32px auto;margin-top:3px;padding-right:12px;float:left;}

.page-content{padding:0 25px;}
.page-content .media{margin-bottom:10px;}
.page-content .media img{width:100%;height:auto;}
.page-content .text{width:100%;overflow:hidden;zoom:1;}
.page-content .text h2{font-size:20px;line-height:30px;margin-bottom:15px;color:#20213d;font-weight:300;text-align:center}
.page-content .text h4{font-size:16px;line-height:25px;color:#5166b0;font-weight:400;}
.page-content .text em{font-size:15px;font-style:italic;font-weight:300; color:#666;}
.page-content .text strong{font-weight:400;}
.page-content .text p{color:#333;font-size:16px;line-height:28px;margin:20px 0;}	
.page-content .text img{margin:0 0 20px;}
.page-content .text .notic_dot{padding:8px 10px;font-size:15px;line-height:28px;font-style:italic; color:#666;background:rgba(255,255,255,.7);border-radius:6px;}
.page-content .text table{margin-bottom:20px;}
.page-content .text h5{font-size:15px;font-weight:400;line-height:18px;color:#5166b0}
.page-content .text h6{font-size:15px;line-height:24px;color:#5166b0}
.page-content .text td{border:0.5px solid rgba(0,0,0,.15);padding:8px 10px;font-size:15px;line-height:24px;color:#666;}
.page-content .text .lildbg{background:rgba(0,0,0,.06)}
.page-content .text .diaoshi{width:100%;height:60px;padding-bottom:20px;border-bottom:0.5px dashed rgba(0,0,0,.2)}
.page-content .text .diaoshi img{width:60px;height:60px;border-radius:50%;margin-right:10px;}
.page-content .text .diaoshi h4{font-size:18px;line-height:26px;font-weight:400;color:#5166b0;padding-top:10px;}
.page-content .text .diaoshi p{font-size:14px;line-height:20px;color:#666;margin:0;padding:0;}

/* 网课列表页-底部按钮 */
.btnbox_dibu{position:fixed;bottom:0;left:0;padding-right:0;margin:0;width:100% !important;height:50px;z-index:999;box-shadow:0 -2px 8px rgba(0,0,0,.2)}
.btnbox_dibu .left_box{float:left;width:52%;height:50px;background:#f2f2f2;}
.btnbox_dibu .left_box ul{width:102%;margin:0;padding:0;}
.btnbox_dibu .left_box li{float:left;width:49%;height:22px;margin-top:14px;border-right:0.5px solid #ccc;font-size:14px;line-height:22px;text-align:center;color:#333;}
.btnbox_dibu .left_box li a{width:50%;height:22px;color:#333;}
.btnbox_dibu .left_box li i{margin-right:4px;margin-top:-2px;}
.btnbox_dibu .left_box li .sc_icon{width:100%;height:22px;text-align:center}
.btnbox_dibu .left_box li .sc_icon input[type="checkbox"]{appearance:none;-webkit-appearance:none;outline:none;display:none;}
.btnbox_dibu .left_box li .sc_icon input[type="checkbox"] + span{width:22px;height:22px;display:inline-block;margin-right:4px;margin-top:-4px;vertical-align: middle;background:url(img/icon_collect.png) no-repeat left;background-size:auto 22px;background-position:0 0;}
.btnbox_dibu .left_box li .sc_icon input[type="checkbox"]:checked + span{width:22px;height:22px;display:inline-block;background-position:-22px 0}
.btnbox_dibu .right_r{float:right;padding:0;width:48%;height:50px;font-size:16px;background:#6478be;line-height:50px;font-weight:300;color:#fff;text-align:center;}

/* 课程详情页-话题 */
.pingrun_box{position:relative;padding:0 0 10px;width:100%;height:auto;}
.grounp_box{padding:0 20px;font-size:16px;line-height:20px;}
.grounp_box i{margin-top:-4px;margin-right:4px;}
.grounp_box span{display:inline-block;font-size:12px;line-height:16px;padding:1px 6px;background:rgba(255,255,255,.6);border-radius:3px;border:0.5px solid rgba(0,0,0,.15);color:#666;vertical-align:middle;margin-top:-2px;margin-left:5px;}
.grounp_box .right_txt{font-size:12px;line-height:20px;color:#666;float:right;}
.grounp_box .userlist{position:relative;display:block;height:40px;padding:15px 0 25px;font-size:14px;line-height:40px;font-weight:300;color:#666;}
.grounp_box .userlist ul{width:auto;height:40px;display:inline-block;vertical-align:middle;}
.grounp_box .userlist li{float:left;margin-right:-10px;margin-left:-2px;width:36px;height:36px;border-radius:40px;border:2px solid #fff;overflow:hidden;}
.grounp_box .userlist .right_icon{position: absolute;right:-8px;top:14px; width:26px;height:26px;margin-top:8px;background:url(img/titleicon.png) no-repeat;background-size:auto 26px;background-position:0 0;}

.pingrun_box .pr_input{width:83.5%;padding:0 8px;height:38px;margin:0 auto 5px 5.5%;font-size:15px;line-height:38px;font-weight:300;background:#fff;border:0.5px solid #7299d9;border-radius:6px;outline:none;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,74,77,0);}
.pingrun_box .pr_input input{outline:none;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,74,77,0);font-weight:300}

.content-slide .topman{margin-bottom:0;}
.content-slide .toubiao{font-size:13px;line-height:20px;font-weight:300;color:#666;text-align:center;}
.content-slide .toubiao span{color:#5166b0}

/* 音频课程学习页面 */
.index_warp{position:relative;display:block;width:100%;height:100%;background:#20213d; padding:0;margin:0;}
.index_warp .linebgimg{width:100%;height:100%;overflow:hidden;background-size:auto 100%;opacity:0.3;filter:Alpha(opacity=30);}

.index_warp .top_audio{width:100%;height:45px;background:#20213d;}
.index_warp .top_audio h2{font-size:16px;line-height:45px;font-weight:300;color:#fff;text-align:center;}
.index_warp .top_audio .wback_icon{position:absolute;width:24px;height:24px;top:10px;left:5px;background:url(img/wback_icon.png) no-repeat;background-size:24px auto;z-index:99}

.music_box {margin:0 auto;width:100%;}
.content {width:100%;height:100%;overflow:hidden;padding:15px 20px;}
#lrc_list {margin:10px auto;}
#lrc_list li a{font-size:15px;color:#828292}
#lrc_list li h4{font-size:15px;font-weight:300;}
#lrc_list li h2{font-size:20px;font-weight:400;}
#lrc_list li {font-size:15px;line-height:36px;color:#828292;text-align:center;}
#lrc_list li.hover {color:#fff;font-weight: bold;}
#lrc_list li img{width:100%;height:auto;margin:15px auto;border-radius:5px;opacity:0.4;filter:Alpha(opacity=40);}
#lrc_list li img.hover{opacity:1;filter:Alpha(opacity=100);}

/* 主题频道页-顶部 */
.top_title4{position:relative;display:block;width:100%;height:180px;background:rgba(0,0,40,1);padding:0;margin:0 0 52px;}
.top_title4 .imgbox{width:100%;height:180px;overflow:hidden;opacity:0.6;filter:alpha(opacity=60);}
.top_title4 .train_top{position:absolute;left:0;top:0;width:92%;padding:0 4%;z-index:9999;text-align:center}
.top_title4 .train_top .wback_icon{display:block; width:24px;height:24px;float:left;margin-top:9px;background:url(img/whit_lefticon.png) no-repeat left;background-size:auto 24px;}
.top_title4 .train_top .search_icon{width:26px;height:26px;float:right;margin-top:8px;background:url(img/search_icon.png) no-repeat left top;background-size:26px auto;}
.top_title4 .train_top h4{height:30px;line-height:30px;font-size:24px;font-weight:400;padding:5px 0 5px;color:#fff;}
.top_title4 .train_top .doc_txt{height:46px;padding:0 15px;margin:10px 0;font-size:15px;line-height:23px;font-weight:300;color:#fff;text-align:left;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.top_title4 .beizu_box{position:absolute;left:5%;top:132px;width:86%;padding:10px 2%;margin:15px auto;border-radius:12px;background:#fff;box-shadow:0 0 8px rgba(0,0,0,.2);z-index:9999;}
.top_title4 .beizu_box li{width:20%;height:44px;font-size:13px;line-height:18px;color:#999;text-align:center;border-right:0.5px solid #ddd;float:left;display:table-cell;box-sizing:border-box}
.top_title4 .beizu_box li:last-child{border-right:none;}
.top_title4 .beizu_box a{color:#999;}
.top_title4 .beizu_box h4{font-size:20px;line-height:26px;font-weight:200;color:#333;}

.list_kechen{width:90%;padding:0 5%;}
.list_kechen li{position:relative;display:block;width:100%;height:200px;margin-bottom:22px;border-radius:12px;background:#fff;box-shadow:0 0 8px rgba(0,0,0,.2);overflow:hidden;}
.list_kechen li img{width:100%;height:auto;}
.list_kechen li .topimg{position:absolute;left:0;top:0;width:90%;height:145px;padding:0 5%;background:rgba(0,0,0,.5);}
.list_kechen li .topimg .right_tag{position:absolute;right:5%;top:15px;font-size:14px;line-height:24px;padding:0 12px;border-radius:15px;}
.list_kechen li .topimg .white{background:#fff;color:#20213d;}
.list_kechen li .topimg .yellow{background:#d7ad3c;color:#fff;}
.list_kechen li .topimg .blur{background:#8285c7;color:#fff;}
.list_kechen li .topimg .green{background:#9ac957;color:#fff;}
.list_kechen li .topimg .red{background:#ea8687;color:#fff;}

.list_kechen li .topimg h4{font-size:22px;line-height:80px;color:#fff;font-weight:500;text-shadow:1px 1px 0 rgba(0,0,0,.2);margin-top:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list_kechen li .topimg p{color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list_kechen li .bottom_line{position:absolute;left:0;bottom:0;width:90%;height:55px;padding:0 5%;background:#fff;font-size:13px;line-height:55px;color:#999;}
.list_kechen li .bottom_line i{margin-top:-3px;margin-right:3px;}
.list_kechen li .bottom_line .userimg{width:30px;height:30px;border-radius:50%;overflow:hidden;float:left;margin-right:5px;margin-top:12px;}
.list_kechen li .bottom_line a{color:#999;}