.course-list .time-label{position:absolute;right:25px;top:25px;height:20px;line-height:20px;font-size:12px;color:#fff;padding:0 3px;visibility:hidden;background-color:#000;background-color:rgba(0,0,0,0.5);opacity:0;-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px);-webkit-transition:.3s;transition:.3s}
.course-list .playericon{position:absolute;z-index:120;width:50px;height:50px;display:block;left:50%;margin-left:-25px;top:50%;margin-top:-25px;background:url("/img/player_icon_5c67475.png") 0 0 no-repeat;cursor:pointer;background-size:50px 50px;-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px);-webkit-transition:.3s;transition:.3s}
.course-list-img:hover{background:rgba(0,0,0,.4)}
.container{width:100%}
.container li{list-style:none}
#course_video_container{width:75%;float:left;padding-left:10px}
#course_video_container #my_video{width:100%;height:100%}
#course_detail_left_container{font-size:14px;padding:0;}
#course_detail_left_container .subscribers{margin-right:20px}
#course_detail_left_container .course-intro-item{margin-top:5px;}
#course_detail_left_container .course-intro-item .course-intro-item-content{padding:20px;}
#course_detail_left_container .course-intro-item .course-intro-item-content img{max-width:100%;}
#course_detail_left_container .course-intro-item .course-list-content{padding:20px 0;}
#course_detail_left_container .course-intro-item .course-list-content .course-list-item{padding:0 20px;overflow:hidden;text-overflow:ellipsis;whitewhite-space:nowrap;}
#course_detail_left_container .course-intro-item .course-list-content .course-title{overflow:hidden;text-overflow:ellipsis;whitewhite-space:nowrap;max-height:48px;}
#course_detail_left_container .course-intro-item .course-intro-meta{font-size:18px;font-weight:normal;background:#f7f7f7;padding:0 20px;line-height:40px;color:#777;border-left:solid 2px #188eee;}
.hero_bkgd.course .course_info{width:23%;float:right;padding:0;height:464px;margin-right:0;}
.hero_bkgd.course .course_info .panel_group{padding:20px}
.course.hero_bkgd .panel_group .collapse.panel_collapse{display:block;height:100%}
.hero_bkgd.course .banner .container{padding:10px}
.hero_bkgd.course .banner .bannertxt{width:80%}
.hero_bkgd.course .banner .zmsbtn{width:20%;position:absolute;right:20px;top:0}
.inner .table_clumn a:hover{text-decoration:none}
.recommended{margin-bottom:40px}
.ie8 .recommended .software_subcategory_listings .course_boxes{margin-right:20px}
.ie7 .recommended .software_subcategory_listings .course_boxes{margin-right:20px}
.ie6 .recommended .software_subcategory_listings .course_boxes{margin-right:10px}
.recommended .software_subcategory_listings .course_boxes .course_info_software{padding:5px}
.recommended .software_subcategory_listings .course_thumbs .scale{width:100%;height:150px}
.recommended .software_subcategory_listings .course_thumb_info{padding:0}
.course_intro{height:1px;width:100%}
.course_intro #pt{text-overflow:ellipsis;}
.course_intro .course_intro_content{height:294px;background:#fff;padding:10px 0;flex-direction:row;display:flex;justify-content:space-between;width: 100%}
.course_intro .course_intro_content .course_intro_img{width:49%;height:100%;float:left}
.course_intro .course_intro_content .course_intro_img img{width:100%;max-height:100%}
.course_intro_img{position:relative;}
.course_intro .course_intro_content .course_intro_right{width:49%;height:100%;float:right;position:relative;}
.course_intro .course_intro_content .course_intro_right h2{font-size:22px;line-height:1.2;margin-bottom:10px;font-weight:normal}
.course_intro .course_intro_content .course_intro_right .intro{border:1px solid #e5e5e5;padding:5px;margin:10px 0;font-size:14px;height:40px;overflow:hidden}
.course_intro .course_intro_content .course_intro_right .price{height:40px;font-size:22px;padding:0 10px;margin-bottom:10px;line-height:40px}
.course_intro .course_intro_content .course_intro_right .price .free{color:#5fb41b}
.course_intro .course_intro_content .course_intro_right .price .pricenum{color:#e85308}
.course_intro .course_intro_content .course_intro_right .price .pricenum select{color:#e85308;font-size:14px}
.course_intro .course_intro_content .course_intro_right .zmsbtn{width:100%;height:50px}
.course_intro .course_intro_content .course_intro_right .zmsbtn a{width:150px;height:50px;font-size:18px;border-radius:2px;background:#188eee;color:#fff;display:block;float:left;text-align:center;line-height:50px;margin-right:10px;}
.course_intro .course_intro_content .course_intro_right .zmsbtn a.chat_seller{background:#fff;border:solid 1px #188eee;color:#188eee;width:148px;height:48px}
.course_index_content{margin-top:31px}
.course_listings{width:72.5%;float:left;background:#fff}
.course_author_info{width:22.5%;min-height:1px;float:right;background:#fff;padding:20px;}
.pure-menu-link{font-size:18px;text-decoration:none;}
.pure-menu-link:hover{font-size:18px;text-decoration:none;}
.views-icon{height:14px;width:14px;line-height:22px;}
.video-title a{color:#DADADA}
.pure-menu-item.on{border-bottom:solid 1px #188eee;color:#188eee}
.pure-menu-item.on a{color:#188eee}
#course-reply .avatar img{width:40px;height:40px;border-radius:20px;}
#course-reply .reply-item{margin-bottom:10px;}
#course-reply .reply-content{padding:3px 0 10px 0;}
#course-reply .username{color:#5fb41b;font-weight:bolder;}
#course-reply .time{color:#9e9a9a}
#course-reply .reply-action,#course-reply .reply-action a{color:#9e9a9a}
#course-reply .reply-box{}
#course-reply .reply-box .btn-success{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:2px;background:#188eee;color:#fff;margin:5px;}
#course-reply .reply-box textarea{text-rendering:auto;color:initial;letter-spacing:normal;word-spacing:normal;text-transform:none;text-indent:0px;text-shadow:none;text-align:start;border-radius:2px;width:100%;border:1px solid #ccc;padding:6px 12px;font-size:14px;}
.more-reply{text-align:center;}
.price-num{color:#e85308;height:28px;line-height:28px;}
.learn-num{color:#999;height:28px;line-height:28px;}
.share-component{height:40px;width:100%;overflow:hidden;margin-top:20px;}
.pure-menu-selected{border-bottom:solid 1px #188eee;}
#course-video-list a:hover{text-decoration:none;}
#course-video-list .list{height:48px;line-height:48px;font-size:16px;}
#course-video-list .list .list-circle{line-height:16px;text-align:center;}
#course-video-list .list .list-circle .line-bottom{background-color:#cdcdcc;width:2px;height:16px;}
#course-video-list .list .list-circle .line-top{background-color:#cdcdcc;width:2px;height:16px;}
#course-video-list .radio-top{height:33%;width:100%;background:red;}
#course-video-list .ion-logo-youtube{font-size:20px;line-height:48px;}
#course-video-list .ion-md-stats{font-size:28px;line-height:48px;}
#course-video-list .ion-md-musical-notes{font-size:28px;line-height:48px;}
#course-video-list .video-type{color:#cdcdcd;}
.course_intro_img i{position:absolute;left:50%;top:50%;cursor:pointer;width:132px;height:44px;line-height:44px;text-align:right;padding-right:20px;font-size:16px;font-weight:700;color:#fff;box-sizing:border-box;margin-top:-22px;margin-left:-66px;}
.course_intro_img i.free-trying-learn{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAAAsCAMAAACT1eAWAAABPlBMVEX////////////////////////////////////////////////////+/v7T09OampplZWU6OjoXFxcKCgoAAAD////////q6uqLi4smJib////////w8PB9fX0ICAj///+6urobGxu4uLj////8/Px7e3v4+PhdXV1fX196enr///////+2trb////u7u7////o6OgGBgbn5+ebm5sCAgIkJCT39/f////Ozs4cHBzt7e1VVVX///+ZmZn8/PyXl5fMzMwZGRn///84ODjs7OxRUVEZGRn7+/uTk5P////Hx8fLy8v8/PyZmZnu7u5ZWVnQ0NAgICD9/f2dnZ3T09Pv7+9dXV3S0tIiIiKhoaG4uLi2trb///95eXn////7+/v///////9aWlpcXFz7+/v////w8PAjIyP///////+7t85YAAAAanRSTlMAAilRdY6hqa0zcTyAraSYjoiDgYASd6iVhT6gqpOBaJ6Enm2sk6uOjpKiFJ54qoGogOm4gIX4/9eH7plTmPy21YaQiO2Yg/y0qtHU/bfvm9eI/bmj8ZzZibudnROSo6w/ao2NrWmphDRyqLNc2QAAAfpJREFUeAHF2AOa5FAUBeBbVcEp65Ze27ZtjT3Ttva/gEHaHcyn3Pev4CTPh16JRGOGadkIiW2ZRiwaoSDxBEQk4uQnmQLSmWwuXyhySIqFfC6bSQOpJHkplYFKtcYCatUKUC6Ri6pDfUMjC2lsqIel6JUmoLmFBbW0Ak30QhvaO1hYRzvaXv6Hzi4W19X5/F8otHezBt3tUHSvZKGHtehBbx/dKaOVNenHADkU6ltYk8Lg/YAMoYO16cGQc15geIS1GRlGnIgSqLLL6Ng4y6giQRRBeoJdJqemZ1jERBoRiiLDXiGmZudYRAZRmseCd4ipxSWWkEWMDOS8Q/y1vMLhy8GgVaz5hpha3+DQrWGVLGz6h5ja2uawbcKiHTT6hXC84ZA1Yue/Id5KhAgejnfvJYYjeGJ++CgyMQOX6KfPQkvUf7P68nVcarOK4pt3iO8/xLZt3wPs5y+5A8znKF/fFT3KKY5KI2vTWIHzOE6hgbXpQIr+SaJ+kzXZrIciRxl7rMk+ynTnQNvj5xBHfXRP4VjPM/AYJ/ToFJ1nLO68E6cvq4EL8RHpuUAbvXAJ7MmWJP3AJb2iLFx1yNVFHVfoVeRy4BRn1yzg2inO+siLcirEhVy+MMIhGSnkcwtOhajIz80tRNzeUJBIdN4we3cQkp1e05h31cp/AAO6tElGuqLgAAAAAElFTkSuQmCC) no-repeat;}
.course-index-live-clock{font-weight:bolder;}
.pv-video-player{position:absolute;}
#course_video_container h3{position:absolute;top:50%;left:50%;font-size:22px;width:300px;margin-left:-150px;margin-top:-11px;}