/* CSS Document */
#banner{width: 100%;background: url(../image/57fb4c0628610.jpg) center no-repeat;height: 300px;}

#free_list{width: 1200px;margin: 0 auto;padding-top:1px;}
#free_list .f1{margin-top:50px;text-align: center;font-size: 22px;}
#free_list .f2{text-align: center;font-size: 10px;color:#999;margin-top:5px;}
#free_list .f3{text-align: center;font-size: 16px;color:#999;margin-top:5px;}
#free_list ul{ width:1200px; margin-top:50px;}
#free_list ul li{ width:270px; height:380px; float:left; background:#F5F5F5; margin:0 40px 40px 0}
#free_list ul li .thumb{ width:270px; height:180px;}
#free_list ul li .thumb img{width:270px; height:180px;}
#free_list ul li .title{ width:270px; line-height:50px; text-align:center; font-size:16px}
#free_list ul li .des{padding:0 20px; line-height:23px; font-size:14px; color:#999}
#free_list ul li .btns{width:230px; height:45px; margin:15px auto 0;}
#free_list ul li .btns a{ width:105px; height:45px; line-height:45px; text-align:center;color:#fff; font-size:14px; border-radius:3px;}
#free_list ul li .btns .det{ background:#ED9100; float:left;}
#free_list ul li .btns .go_now{ background:#999; float:right;}
#free_list ul li.last{margin-right:0px;}


#detail{ width:1200px; height:590px; padding-top:1px;margin:0 auto}
#detail .f1{margin-top:50px;text-align: center;font-size: 22px;}
#detail .thumbs{ width:600px; height:400px; float:left; margin-top:50px;}
#detail .thumbs img{width:600px; height:400px;}
#detail .canshu{width:550px; margin:50px 0 0 50px; float:right}
#detail .canshu .cs{ font-size:16px; margin-bottom:25px;}
#detail .canshu .try{ display:inline-block; width:180px; height:55px; line-height:55px;color:#fff; text-align:center; background:#ed9100;border-radius:3px; font-size:16px}
#detail .canshu .enter{display:inline-block; width:180px; height:55px; line-height:55px;color:#fff; text-align:center; background:#999;border-radius:3px; margin-left:20px; font-size:16px}
#detail .canshu .reg{ font-size:14px; color:#999; margin-top:3px;}
#detail .canshu .reg a{font-size:14px; color:#287EFF;}
#detail .canshu .goback{width:44px; height:44px; display:inline-block; border-radius:50%; background:url(../image/goback.jpg);margin-top:7px}
#detail .canshu .share{width:44px; height:44px; display:inline-block; border-radius:50%; background:url(../image/share.jpg); margin-left:20px;margin-top:7px}

#intro{ width:1200px; min-height:740px; padding-bottom:50px; margin:0 auto}
#intro .left{width:850px; min-height:740px; float:left}
#intro .left .head{ height:45px; border-bottom:1px solid #ddd}
#intro .left .head a{ font-size:16px; margin-right:40px; display:inline-block;width:68px; height:42px;}
#intro .left .head a.now{border-bottom:3px solid #ed9100}
#intro .left .items{width:850px; min-height:90px; margin-top:50px;}
#intro .left .items .tt{ font-size:14px; font-weight:bold; width:140px;height:90px; float:left}
#intro .left .items .ct{width:700px;  min-height:89px; border-bottom:1px solid #ddd; float:right; font-size:14px; color:#999}
#intro .left .items .ddt{border:none}


#course_unit{display: none}
 .rights{ width:300px; min-height:740px; float:right}
 .rights .rec{ width:280px; height:215px; padding:20px 0 0 20px; background:#f5f5f5;margin-top:50px;}
 .rights .rec .color{ width:4px; height:21px; background:#ed9100; float:left}
 .rights .rec p{ margin-left:10px; float:left; font-size:16px;}
 .rights .rec ul{ width:260px; margin-top:15px;padding-left:20px;}
 .rights .rec ul li{ width:260px; margin-bottom:18px; font-size:14px; color:#656565; list-style:square;}
 .rights .rec ul li.last{ margin-bottom:0}
 .rights .course{ width:260px; height:460px; margin-top:30px; padding:20px 20px 0; background:#f5f5f5}
 .rights .course .color{ width:4px; height:21px; background:#ed9100; float:left}
 .rights .course p{ margin:0 0 15px 10px; float:left; font-size:16px;}
 .rights .course .thumb{ widows:260px !important; height:170px;}
 .rights .course .thumb img{width:260px; height:170px;}
 .rights .course .tt{ display:block; line-height:40px; text-align:center; font-size:14px; width:260px; height:40px;}