*{font-size:14px;}

.serve{overflow: hidden;width: 100%;}
.serve_content{    height: 300px;  overflow: visible;    position: relative;    width: 1180px;
    margin-left: auto;
    margin-right: auto;}
.serve_content img{
	position: absolute;
    left: -360px;
    top: 0px;
}
.container {
	width: 100%;
}
.container .cou_nva{width: 100%;height: 40px;  background-color: #f5f5f5;}
.container .cou_nva .cou_nva_content{width: 1180px;   height: 40px; margin:0 auto;}
.container .cou_nva .cou_nva_content p{font-size:14px;line-height:40px;color:#8a8a8a;}
.container .cou_nva .cou_nva_content p img{width: 15px;margin: 12px 4px 0 0;    float: left;}
.container .cou_nva .cou_nva_content p a{font-size:14px;line-height:40px;color:#8a8a8a;}
.container .cou_nva .cou_nva_content p a:hover{color:#005aab;}
.container .cou_nva .cou_nva_content p span{float:right;}
.container .cou_sort{width: 100%;height: 70px;  background-color: #fff;border-bottom:1px solid #ccc;}
.container .cou_sort .cou_sort_content{width: 1180px;   height: auto; margin:0 auto;padding-top: 20px;}
.container .cou_sort .cou_sort_content span{line-height:30px; float:left;font-size:16px;font-weight:600;}
.container .cou_sort .cou_sort_content  li {float:left;margin:0 10px; position: relative;}
.container .cou_sort .cou_sort_content  li:after{
    content: "";
    width: 0;
    height: 3px;
    background: #319EFF;
    position: absolute;
    top: 100%;
    left: 50%;
    transition: all .8s;
}
.container .cou_sort .cou_sort_content  li:hover:after{
   left: 0%;
   width: 100%;
}
.container .cou_sort .cou_sort_content  li a{float:left;line-height:30px;font-size:14px;padding:0 10px;}
.container .cou_sort .cou_sort_content .li_hover {background:#319EFF;border-radius:8px;}
.container .cou_sort .cou_sort_content .li_hover a{color:#fff}
.container .cou_sort .cou_sort_content .li_hover:hover:after{ height: 0px; width: 0;}
.container .cou_sort_er{height: 55px;}
.container .cou_sort_er .cou_sort_content{padding-top: 13px;}

.container .cou_centent{width: 100%;height: auto;  padding:50px 0;background-color: #f5f5f5;}
.container .cou_centent .cou_centent_tex{width: 1180px;   height: auto; margin:0 auto;}
.container .cou_centent .cou_centent_tex .cou_centent_tex_left{float:left;height:auto;width:815px;background:#fff;}
.container .cou_centent .cou_centent_tex .cou_centent_tex_left  .personal-mybuluo-head{height: 55px;position: relative;}
.cou_centent_tex_left .personal-mybuluo-wording{ left: 101px;}
.container .cou_centent .cou_centent_tex .cou_centent_tex_left  .kc_img {display:block;width:100%;padding: 0 15px;margin-bottom:15px;}
.container .cou_centent .cou_centent_tex .cou_centent_tex_left  .kc_img img{width:100%}

.container .cou_centent .cou_centent_tex .cou_centent_tex_right{float:right;height:auto;width:320px;background:#fff;}
.container .cou_centent .cou_centent_tex .cou_centent_tex_right .ctr_top{width:100%;height:auto;}
.container .cou_centent .cou_centent_tex .cou_centent_tex_right .ctr_top .personal-mybuluo-head{height: 55px;position: relative;}
.cou_centent_tex_right .personal-mybuluo-wording{ left: 45px;}
.container .cou_centent .cou_centent_tex .cou_centent_tex_right .ctr_top a {display:block;width:100%;padding: 0 15px;margin-bottom:15px;overflow:hidden;}
.container .cou_centent .cou_centent_tex .cou_centent_tex_right .ctr_top a img{width:100%}
.container .cou_centent .cou_centent_tex .cou_centent_tex_right .ctr_top a img:hover{transition: all 0.3s linear;-webkit-transform:scale(1.03) }
.container .cou_centent .cou_centent_tex .cou_centent_tex_right .ctr_cen{width:100%;height:45px;background:#f5f5f5;}

.container .cou_centent .cou_centent_tex .cou_centent_tex_right .ctr_botom{width:100%;height:auto;padding-bottom:15px;}
.container .cou_centent .cou_centent_tex .cou_centent_tex_right .ctr_botom .personal-mybuluo-head{height: 55px;position: relative;}
.container .cou_centent .cou_centent_tex .cou_centent_tex_right .ctr_botom  ul{width:100%;padding: 0 15px;height:auto}
.container .cou_centent .cou_centent_tex .cou_centent_tex_right .ctr_botom  li{width:100%;padding: 19px 0px;border-bottom: 1px solid #eaeaea;}
.container .cou_centent .cou_centent_tex .cou_centent_tex_right .ctr_botom  li a{    color: inherit;text-decoration: none;}
.container .cou_centent .cou_centent_tex .cou_centent_tex_right .ctr_botom  li .Popular_course_img{width: 92px;text-align: center;float: left;}
.container .cou_centent .cou_centent_tex .cou_centent_tex_right .ctr_botom  li .Popular_course_img img{width: 61px;height: 61px;border-radius: 100%;text-align: center;border: none;margin-left: 5px;display: inline-block; }
.container .cou_centent .cou_centent_tex .cou_centent_tex_right .ctr_botom  li .Popular_course_cent{width: 189px;padding-right: 14px;float: right;}
.container .cou_centent .cou_centent_tex .cou_centent_tex_right .ctr_botom  li .Popular_course_cent h2{line-height: 22px;font-size: 13.8px;color: #444;}
.container .cou_centent .cou_centent_tex .cou_centent_tex_right .ctr_botom  li .Popular_course_cent h3{    height: 36px;
    line-height: 36px;
    font-size: 12px;
    color: #666666;}
.container .cou_centent .cou_centent_tex .cou_centent_tex_right .ctr_botom  li .Popular_course_cent h3 span{
	    display: inline-block;
    margin-left: 12px;
    padding-left: 18px;
    color: #d80a14;
    background: url(../IMGS/xinxing.png) no-repeat 0px 13px;    line-height: 36px;
    font-size: 12px;
}
/*.container .cou_centent .cou_centent_tex .cou_centent_tex_right .ctr_botom  li .Popular_course_cent p{margin-top: 10px;}
.container .cou_centent .cou_centent_tex .cou_centent_tex_right .ctr_botom  li .Popular_course_cent p span{ font-size:12px;border:1px solid #cf5151;color:#fff;background:#cf5151;line-height:25px;padding:0 10px;margin-right:10px;border-radius:5px;} */
.container .cou_centent .cou_centent_tex .cou_centent_tex_right .ctr_botom  li:hover {background:#f5f5f5;transition: all 0.2s linear;}
.personal-mybuluo-wording{
	position: absolute;
    top: 20px;
    z-index: 2;
    background-color: #fff;
    color: #313131;
    text-align: center;
    font-size: 16px;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    padding: 0 14px;
}
.personal-mybuluo-wording b{color:#cf5151;font-weight: 600;}
.personal-border{
	top: -7px;
    left: 0;
    width: 100%;
    height: 30px;
    z-index: 1;
	border-bottom: 1px solid #c9c9c9;
}


/*观看视频页*/
html,body{  min-width: 100%;height: 100%;background-color: #1C1B1D;}
.watch_course_zuo{width:74%;height:100%;background:#1c1b1d;float:left;}
.watch_course_zuo .watch_course_zuo_top{width:100%;height:65px;background:#505156;padding:0 2%;    display: flex;justify-content: space-between;align-items: center;}
.watch_course_zuo .watch_course_zuo_top a{    text-decoration: none;}
.watch_course_zuo .watch_course_zuo_top p{color: #fff;font-size: 14px;margin-bottom: 0px;}
.watch_course_zuo .watch_course_zuo_top .go_back{width: 188px;}
.watch_course_zuo .watch_course_zuo_top .go_back:hover{color:#55afff;}
.watch_course_zuo .watch_course_zuo_top .live_name{font-size: 18px;}
.watch_course_zuo .watch_course_zuo_top .selected{color: #55afff;}
.watch_course_zuo .watch_course_zuo_top ul li{display: inline-block;color: #999;font-size: 14px;margin-bottom: 0px;margin-right: 17px;cursor: pointer;}
.watch_course_zuo .watch_course_zuo_top ul li .normal_question{display: none;position: absolute;z-index: 99;top: 62px;right: 33%;width: 310px;background-color: #fff;padding: 15px 15px 25px 15px;border-radius: 5px;}
.watch_course_zuo .watch_course_zuo_top ul li .normal_question h1{font-size: 14px;line-height: 20px;margin-bottom: 5px;color: #333;}
.watch_course_zuo .watch_course_zuo_top ul li .normal_question p{font-size: 12px;line-height: 17px;margin-bottom: 10px;color: #666;}
.watch_course_zuo .watch_course_zuo_top ul li .qr_code{display: none;position: absolute;z-index: 99;top: 62px;right: 28%;}
.watch_course_zuo .watch_course_zuo_cen{width:100%;height:calc(100vh - 65px);  position: relative;}
.watch_course_zuo .watch_course_zuo_cen #plv_move{height: 100%;width: 100%;}


.watch_course_you{width:26%;height:100%;background:#1c1b1d;float:left;}
.watch_course_you .watch_course_yuo_top{width:100%;height:65px;background:#55afff;padding:0 5%;    display: flex;justify-content: space-between;align-items: center;}
.watch_course_you .watch_course_yuo_top p{width: 100%;margin-bottom: 0px;font-size: 18px;color: #fff;}
.watch_course_you .watch_course_yuo_cen{width:100%;height:calc(100vh - 65px);  position: relative;background:#25262A;overflow-y: auto;}
.watch_course_you .watch_course_yuo_cen::-webkit-scrollbar {width: 4px;}
.watch_course_you .watch_course_yuo_cen::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
background: #ccc;
}
.watch_course_you .watch_course_yuo_cen::-webkit-scrollbar-track{
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
border-radius: 0;
background: rgba(0,0,0,0.1);
}
.watch_course_you .watch_course_yuo_cen li{
	overflow:hidden;
	transition: all 0.3s linear;
}
.watch_course_you .watch_course_yuo_cen .center_none{
	height:48px;
}

.reading{
	    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
    cursor: pointer;
}
.spread{background-color: #55afff;}
.reading .reading_title{
	color: #fff;
    font-size: 15px;
	width: 280px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.point{
	    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    font-size: 12px;
    line-height: 15px;
    color: #fff;
    cursor: pointer;
}
.point_wrap{
	    display: flex;
    align-items: center;
}
.point_wrap img{
	    margin-right: 5px;
}
.point_wrap span{
	    width: 230px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.point .video_duration{
	    color: #999;
}
/*观看视频页*/