﻿#s_content{padding-top:15px;}
#s_content .s_left{width:890px;}
#s_content .s_left .s_about{background:#fff;padding:20px;position:relative;}
#s_content .s_left .s_about span{float:right;line-height:40px;font-size:12px;color:#999;}
#s_content .s_left .s_about em.xue{border:#f50 1px solid;border-radius:4px;line-height:20px;width:20px;height:20px;display:block;text-align:center;color:#f50;position:absolute;left:20px;top:30px;}
#s_content .s_left .s_about h1{font-size:24px;padding-bottom:10px;font-weight:normal ;padding-left:35px;line-height:40px;border-bottom:1px solid #f2f2f2;}
#s_content .s_left .s_about p.s_intro{color:#999;margin-bottom:10px;line-height:20px;font-size:12px;margin-top:10px;}
#s_content .s_left .s_about .s_info{margin-top:20px;}
#s_content .s_left .s_about .s_info .img{width:400px;padding-top:5px;}
#s_content .s_left .s_about .s_info .img img{width:400px;}
#s_content .s_left .s_about .s_info .s_txt{width:400px;line-height:34px;}
#s_content .s_left .s_about .s_info .s_txt em{color:#999;padding-right:20px;}
#s_content .s_left .s_main{margin-top:10px;background:#fff;padding:20px;}
#s_content .s_left .s_main .hd{border-bottom:1px solid #f2f2f2;height:40px;padding-top:5px;}
#s_content .s_left .s_main .hd ul li{float:left;margin-right:40px;}
#s_content .s_left .s_main .hd ul li a{font-size:16px;display:block;text-align:center;line-height:30px;padding-bottom:9px;}
#s_content .s_left .s_main .hd ul li.on a{color:#f50;border-bottom:2px solid #f50;font-weight:bold;}
#s_content .s_left .s_main .bd{padding-top:20px;}
#s_content .s_left .s_main .bd .item{min-height:200px;display:none;}
#s_content .s_left .s_main .bd .item.mycontent{line-height:26px;min-height:297px;font-size:15px;}
#s_content .s_left .s_main .bd .item.mycontent img{max-width:630px;margin:8px 0;}
#s_content .s_left .s_main .bd .item.mycontent p{padding:8px 0;}
#s_content .s_left .s_main .bd .item dl.list dt{border-bottom:1px solid #eee;line-height:40px;background:url(/images/study/icon_list_dtbg.png) no-repeat 20px center #f9f9f9;background-size:12px auto;padding-left:40px;font-weight:bold;cursor:pointer}
#s_content .s_left .s_main .bd .item dl.list dd{padding:0px;display:none;}
#s_content .s_left .s_main .bd .item dl.list dd a{display:block;background:url(/images/study/icon_v_curr.png) no-repeat 20px center;background-size:12px auto;padding-left:40px;border-bottom:1px #eee dashed;line-height:40px;}
#s_content .s_left .s_main .bd .item dl.list dd a:hover{background:url(/images/study/icon_v_curr.png) no-repeat 20px center #fff7f6;background-size:12px auto;}
#s_content .s_left .s_main .bd .item dl.list dd a em{border:#f50 1px solid;color:#f50;border-radius:3px;line-height:14px;padding:0 3px;margin-left:20px;display:inline-block;font-size:12px;}
#s_content .s_left .s_main .bd .item dl.list dd a i{float:right;background:url(/images/study/icon_v_sd.png) no-repeat center center;width:50px;height:40px;display:block}
#s_content .s_left .s_main .bd .item dl.list dd a:hover i{float:right;background:url(/images/study/icon_v_sd_hover.png) no-repeat center center;}
#s_content .s_left .s_main .bd .item dl.list dd a.js i{float:right;background:url(/images/study/icon_v_js.png) no-repeat center center;}
#s_content .s_left .s_main .bd .item dl.list dd a.js:hover i{float:right;background:url(/images/study/icon_v_js_hover.png) no-repeat center center;}
#s_content .s_left .s_left_box{background:#fff;padding:0px 20px 20px;}
#s_content .s_left .s_left_box .pagedown{border-top:1px dotted #ddd;margin-top:5px;padding-top:15px;color:#00a0c4;}
#s_content .s_left .s_left_box .pagedown a{color:#00a0c4;}
#s_content .s_left .s_left_box .pagedown a:hover{color:#f00;}
#s_content .s_left .s_left_box .sm{font-size:12px;color:#999;border-top:1px dotted #ddd;margin-top:15px;padding-top:10px;text-align:center;}
#s_content .s_left .s_left_box .bianji{color:#999;margin-top:10px;font-size:12px;}
#s_content .s_left .s_left_box .bianji .jubao{background:url(/images/icon_jubao.png) no-repeat left center;padding-left:20px;}
#s_content .s_left .s_left_box .bianji .jubao a{color:#999;font-size:12px;}
#s_content .s_left .s_left_box .bianji .jubao a:hover{color:#f00;}
#s_content .s_left .s_other{background:#fff;padding:20px;margin-top:10px;}
#s_content .s_left .s_other .list{padding-top:15px;}
#s_content .s_left .s_other .list ul li{float:left;width:200px;margin-right:16.6px;position:relative;}
#s_content .s_left .s_other .list ul li:last-child{margin-right:0;}
#s_content .s_left .s_other .list ul li .img{width:200px;height:11.px;overflow:hidden;}
#s_content .s_left .s_other .list ul li .img img{width:200px;height:113px;}
#s_content .s_left .s_other .list ul li .p-title{margin-top:18px;height:24px;line-height:24px;overflow:hidden;}
#s_content .s_left .s_other .list ul li .p-time{height:24px;line-height:22px;overflow:hidden;font-size:12px;}
#s_content .s_left .s_other .list ul li .p-item{position:relative;margin-top:10px;}
#s_content .s_left .s_other .list ul li .p-item .class{font-size:12px;}
#s_content .s_left .s_other .list ul li .p-item .price{position:absolute;right:0px;color:#f50;}
#s_content .s_right{width:300px;}
#s_content .s_right .s_buy{background:#fff;padding:20px;z-index:999;}
#s_content .s_right .s_li{padding:8px 0 10px;line-height:24px;}
#s_content .s_right .s_li .b_left{width:40px;color:#999;}
#s_content .s_right .s_li .b_right{width:210px;}
#s_content .s_right .s_li .b_right.s_price{color:#f50;}
#s_content .s_right .s_li .b_right.s_price em{font-size:24px;font-weight:bold;}
#s_content .s_right .s_li .b_right span{border:1px solid #f50;color:#f50;padding:1px 5px;}
#s_content .s_right .s_btn{margin-top:7px;padding:20px 0 10px;border-top:1px solid #eee;}
#s_content .s_right .s_btn a{border:1px solid #f50;color:#f50;float:right;width:100px;height:40px;line-height:40px;border-radius:2px;;text-align:center;font-size:16px;}
#s_content .s_right .s_btn a.s_bm{float:left;background:#f50;color:#fff;width:140px;}
#s_content .s_right .s_btn a:hover{border:1px solid #f50;color:#fff;background:#f50;}
#s_content .s_right .s_btn a.s_bm:hover{border:1px solid #f50;color:#fff;background:#f30;}
#s_content .s_right .s_btn a.s_sk{border:0px;background:#00a0c4;color:#fff;width:260px;display:block;margin-top:15px;}
#s_content .s_right .s_btn a.s_sk:hover{background:#0083a1;}
#s_content .s_right .s_lsjs{background:#fff;padding:20px;margin-top:10px;}
#s_content .s_right .s_lsjs .laoshi{margin-top:20px;}
#s_content .s_right .s_lsjs .laoshi .laoshi_img{text-align:center;width:80px;height:80px;overflow:hidden;border-radius:100%;margin:0 auto;}
#s_content .s_right .s_lsjs .laoshi .laoshi_img img{width:80px;}
#s_content .s_right .s_lsjs .laoshi .laoshi_name{text-align:center;font-weight:bold;font-size:16px;line-height:60px;}
#s_content .s_right .s_lsjs .laoshi .laoshi_about{line-height:24px;color:#666;}
#s_content .s_right .s_cjwt ul li{height:30px;overflow:hidden;height:30px;overflow:hidden;}
#s_content .s_right .s_cjwt ul li a{background:url(/images/icon_dot.png) no-repeat left center;padding-left:10px;}
#s_content .s_right .s_cjwt{background:#fff;padding:20px;margin-top:10px;}
#s_content .s_right .s_cjwt ul{margin-top:15px;}
#s_content .s_right .s_cjwt ul li{height:30px;overflow:hidden;height:30px;overflow:hidden;}
#s_content .s_right .s_cjwt ul li a{background:url(/images/icon_dot.png) no-repeat left center;padding-left:10px;}


#v_play{width:100%;padding:25px 0 60px;background:#282726;}
#v_play .v_title{line-height:20px;padding:20px 0 15px;}
#v_play .v_title em{float:left;background:#f50;padding:1px 5px;border-radius:2px;color:#fff;}
#v_play .v_title h2{font-size:20px;color:#fff;margin-left:15px;float:left;font-weight:normal;}
#v_play .v_title span{float:right;font-size:12px;color:#666;background:url(/images/icon_wz.png) left center no-repeat;padding-left:20px;}
#v_play .v_title span a{font-size:12px;color:#666;}
#v_play .video_main{padding:0px;background:#1b1b1b;}
#v_play .video_main .videoplay{width:870px;height:510px;}
#v_play .video_main .video_tree{width:260px;height:510px;padding-left:10px;}
#v_play .video_main .video_tree h2{height:38px;line-height:38px;font-size:14px;color:#999;padding-left:2px;border-bottom:1px solid #666;}
#v_play .video_main .video_tree .list{padding:0 0px 80px;overflow:hidden;height:370px;margin-top:10px;}
#v_play .video_main .video_tree .list dt{line-height:34px;padding-top:2px;cursor:pointer;max-width:250px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#v_play .video_main .video_tree .list dt{font-size:13px;font-weight:700;color:#ddd;background:url(/images/study/icon_v_1.png) no-repeat 1px center;padding-left:20px;}
#v_play .video_main .video_tree .list dt:hover{color:#f50;background:url(/images/study/icon_v_1_hover.png) no-repeat 1px center;}
#v_play .video_main .video_tree .list dt.on{color:#f50;background:url(/images/study/icon_v_3_hover.png) no-repeat left center;}
#v_play .video_main .video_tree .list dt.on:hover{background:url(/images/study/icon_v_3_hover.png) no-repeat left center;}
#v_play .video_main .video_tree .list dd{line-height:26px;display:none;padding:0 0 10px;}
#v_play .video_main .video_tree .list dd a{font-size:12px;padding-left:20px;display:block;}
#v_play .video_main .video_tree .list dd a{max-width:250px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#v_play .video_main .video_tree .list dd a{color:#666;background:url(/images/study/icon_v_sd.png) no-repeat left center;background-size:10px auto;}
#v_play .video_main .video_tree .list dd a:hover{color:#f50;background:url(/images/study/icon_v_sd_hover.png) no-repeat left center;background-size:10px auto;}
#v_play .video_main .video_tree .list dd a.js{color:#ccc;background:url(/images/study/icon_v_js.png) no-repeat left center;background-size:10px auto;}
#v_play .video_main .video_tree .list dd a.js:hover{color:#f50;background:url(/images/study/icon_v_js_hover.png) no-repeat left center;background-size:10px auto;}
#v_play .video_main .video_tree .list dd a.curr.js{color:#f50;background:url(/images/study/icon_v_curr.png) no-repeat left center;background-size:12px auto;}
#v_play .video_main .video_tree .list dd a em{background:#f50;color:#fff;font-size:12px;border-radius:2px;line-height:14px;height:14px;display:inline-block;width:30px;text-align:center;position:relative;left:10px;}
#v_play .video_main .video_quick{width:50px;height:510px;background:#000;position:relative;}
#v_play .video_main .video_quick a{width:50px;height:45px;text-align:center;color:#fff;border-bottom:1px solid #242424;display:block;padding-top:10px;font-size:12px;position:relative;line-height:20px;}
#v_play .video_main .video_quick a b{position:absolute;left:-14px;top:20px;border:7px solid transparent;border-right:7px solid #f50;font:normal 0/0 "simsun";display:none;}
#v_play .video_main .video_quick a i{width:20px;margin:0 15px;display:block;position:relative;z-index:1;height:18px;background:url(/images/study/quick.png) no-repeat;}
#v_play .video_main .video_quick a i.list{background-position:1px 3px;}
#v_play .video_main .video_quick a i.note{background-position:0px -16px;}
#v_play .video_main .video_quick a i.prac{background-position:0px -39px;}
#v_play .video_main .video_quick a i.pen{background-position:0px -59px;}
#v_play .video_main .video_quick a i.ques{background-position:0px -80px;}
#v_play .video_main .video_quick a i.speak{background-position:0px -99px;}
#v_play .video_main .video_quick a i.note{background-position:0px -118px;}
#v_play .video_main .video_quick a:hover{background:#f50;display:block;}
#v_play .video_main .video_quick a.on{background:#f50;}
#v_play .video_main .video_quick a.on b{display:block;} 
#v_play .v_help{padding:20px 0 10px;}
#v_play .v_help .v_s_link{padding:11px 0 0;}
#v_play .v_help .v_s_link span{float:left;margin-right:20px;padding-left:25px;line-height:15px;height:15px;overflow:hidden;font-size:12px;background:url(/images/study/v_s_link.png) no-repeat;}
#v_play .v_help .v_s_link span.hits{color:#f50;background-position:0 0;}
#v_play .v_help .v_s_link span.keshi{color:#ccc;background-position:0 -23px;}
#v_play .v_help .v_s_link span.leixing{color:#ccc;background-position:0 -46px;}
#v_play .v_help .v_s_buy span{color:#f50;font-size:14px;margin-left:20px;line-height:36px;height:36px;overflow:hidden;float:left;}
#v_play .v_help .v_s_buy span em{font-size:24px;color:#f50;margin-left:5px;font-weight:bold;}
#v_play .v_help .v_s_buy span a{color:#fff;font-size:16px;border-radius:4px;padding:0px 15px 0 50px;display:block;background:url(/images/study/buy.png) 10px center no-repeat #f50;background-size:25px auto;}
