@charset "utf-8";

/* format code */
*{margin:0;padding:0}
li{list-style:none}
body{color:#666;font:12px/12px Arial;}
a{color:#666;text-decoration:none}
a:hover{color:#09c}
em{font-style:normal}
.clear{font-size:0;height:0;clear:both;overflow:hidden}
.float{overflow:hidden;zoom:1}
a img{border:0}

/*common background-image*/
.btn_buy,
.subbl .boxt,
.learn_plan .switch,
.learn_plan #switch_on,
.learn_plan .fixplan,
.learn_plan li.kc,
.learn_plan li.zt,
.noplan p,
.subbr .boxti strong,
.selecter li .click span,
.selecter .more_selecter .close,
.subbr .order button,
.subbr .order .condition a,
.list_content .info h3,
.list_content .buy strong,
.list_content .info h3 strong{background:url(../images/fco_main_map.png) no-repeat}

/*common css*/
.btn_plan,
.btn_buy{display:block;height:21px;width:60px;background:url("../images/fco_main_map.png") no-repeat -367px -6px;line-height:21px;line-height:18px\9;padding-top:3px\9;color:#fff;text-align:center}
.btn_add{background:url(../images/common-ico-map.png) -9px -107px;height:11px;width:12px;display:block}
.btn_buy{background-position:-434px -6px}
.ico_share{background:url(../images/common-ico-map.png) -8px -55px no-repeat}
.ico_collect{background:url(../images/common-ico-map.png) -8px -30px no-repeat}


/* hack */
.vautom-f{display:table-cell;overflow:hidden;text-align:center}  /*vertical auto middle father node*/
.vautom-s{display:inline-block;vertical-align:middle}  /*vertical auto middle son node*/


/* subbl -> left sub box , subbr -> sub box right */
.fco_body{width:960px;margin:0 auto;background-color:#fff}

/*子导航*/
.subnav{margin:0 0px 10px;text-align:left}
.subnav p{height:77px;width:2px;background:url(../images/fco-subnav-spacing.png);float:left}
.subnav a{height:77px;width:318px;float:left;background:url(../images/fco_subnav_bg.png) repeat-x;overflow:hidden;zoom:1}
.subnav a.current,
.subnav a:hover{background:url(../images/fco_subnav_current_bg.png) repeat-x}
.subnav span{height:70px;background:url(../images/fco_subnav_map.png) no-repeat;display:inline-block;margin:5px 0 0 70px;+cursor:pointer}
.subnav .select{width:167px;background-position:left -125px}
.subnav .special{width:150px;background-position:left -57px}
.subnav .map{width:213px;background-position:left 5px}
.subnav .select span,
.subnav .special span,
.subnav .map span{margin:0;height:69px}
.subnav .select span{width:42px;background-position:-24px -210px}
.subnav .special span{width:52px;background-position:-89px -210px}
.subnav .map span{width:52px;background-position:-161px -210px}
.subnav a.current .select span{background-position:-24px -298px}
.subnav a.current .special span{background-position:-159px -298px}
.subnav a.current .map span{background-position:-94px -298px}

.fco_body{text-align:left;line-height:12px}
.fco_body .boxl,
.fco_body .boxr{float:left;width:240px;position:relative;z-index:10;display:inline}
.fco_body .boxr{float:right;width:710px;z-index:5;margin:0 0px 0 0;display:inline}
.subbl .boxt{height:33px;background-position:-4px -2px;text-align:center;color:#fff;font:14px/33px Arial}
.subbl .boxm{position:relative;margin-bottom:10px}

.learn_plan{position:relative;padding:3px;border:#e4e4e4 1px solid;background-color:#fff;width:232px}
.learn_plan .wrap{overflow:hidden;width:232px}
.learn_plan .wrap1{overflow:hidden;width:226px}
.learn_plan .line{height:1px;background-color:#e8e8e8;font-size:0;overflow:hidden}
.learn_plan .switch{position:absolute;height:86px;width:7px;right:-1px;_right:-2px;background-position:-36px -42px;cursor:pointer}
.learn_plan #switch_on{background-position:-43px -42px}
.learn_plan .fixplan{float:right;line-height:30px;line-height:27px\9;padding-top:3px\9;margin-right:8px;background-position:-485px -114px;padding-left:15px;color:#06f;text-decoration:underline;display:inline}
.learn_plan .tit{line-height:26px;line-height:23px\9;padding-top:3px\9;background-color:#f0f0f0;margin-bottom:1px;width:373px}
.learn_plan .tit strong{text-align:center;display:inline-block}
.learn_plan .tit .c{width:166px}
.learn_plan .tit .s{width:50px}
.learn_plan .tit .t{width:70px}
.learn_plan .tit .d{width:80px}
.learn_plan ul{width:373px}
.learn_plan li{border-bottom:#c8c8c8 1px dashed;line-height:29px;padding-left:20px;margin:0 8px;overflow:hidden;line-height:26px\9;padding-top:3px\9;zoom:1}
.learn_plan li.kc{background-position:-478px -141px}
.learn_plan li.zt{background-position:-478px -165px}
.learn_plan li a,
.learn_plan li span{display:block;float:left;overflow:hidden;height:29px;height:26px\9}
.learn_plan li a{color:#f00;width:150px}
.learn_plan li span.t{width:60px}
.learn_plan li span.s{width:47px}
.learn_plan li span.d{width:70px;margin-left:10px}

.noplan{padding:3px;border:#e4e4e4 1px solid;position:relative;height:120px}
.noplan p{line-height:22px;margin:17px;background-position:-487px -283px;text-indent:18px}
.noplan .how{color:#f00;text-decoration:underline;display:block;line-height:16px;margin:0 15px 10px 0;text-align:right}
.noplan .tip{top:85px;left:6px}
/* small tip window */
.tip{position:absolute;width:226px;z-index:100}
/* small tip window common*/
.tip .tipt,
.tip .tipb,
.tip dt{background:url(../images/fco_tipbox_map.png) no-repeat}
.tip .tipt{height:21px;background-position:left top}
.tip .tipm .close{position:absolute;cursor:pointer;height:12px;width:12px;font:14px "宋体";right:10px;top:0}
.tip .tipb{height:8px;background-position:left -21px}
.tip .tipm{background:url(../images/fco_tipbox_bg.png) repeat-y;padding:10px 15px;position:relative;color:#333}
.tip dt{background-position:-229px 0;float:left;height:67px;width:37px}
.tip dd{line-height:18px;margin-left:47px}
.tip dd h4{padding-top:7px;font:bold 13px Arial}
.tip .go{text-align:right;margin-top:5px}
.tip .go a{color:#f00;text-decoration:underline}

.left_banner{margin-bottom:10px;height:100px;overflow:hidden}

.subbr .boxt{background:url(../images/fco_autow_boxt.png) left top;padding-left:10px;border-bottom:#fc8302 2px solid;zoom:1}
.subbr .boxti{background:url(../images/fco_autow_boxt.png) #fff right top;height:32px;padding-right:10px}
.subbr .boxti strong{display:inline-block;font:bold 14px Arial;line-height:32px;line-height:29px\9;padding-top:3px\9;color:#333;padding-left:20px;background-position:-478px -33px}
.subbr .boxm{border:1px solid #e4e4e4;zoom:1}

.subbr .selecter{margin:18px 15px 0}
.selecter li{margin-top:8px;overflow:hidden;zoom:1}
.selecter .s-single{clear:both}
.selecter .s-tit{float:left;line-height:24px;line-height:21px\9;padding-top:3px\9;position:relative}
.selecter .s-list{float:left;width:610px;position:relative;word-wrap:break-word;overflow:hidden}
.selecter li a{float:left;padding:1px;border:#bebebe 1px solid;margin-right:8px;display:inline;position:relative}
.selecter li a:hover,
.selecter li .click{color:#666;border:#fa6907 1px solid}
.selecter li .click span{background-position:-273px -12px;height:12px;width:12px;position:absolute;bottom:0;right:0;_bottom:-3px}
.selecter li a em{display:inline-block;padding:0 5px;line-height:20px;height:17px\9;overflow:hidden\9;background:url(../images/fco_selecterbtn.png) repeat-x;line-height:17px\9;padding-top:3px\9;float:none;cursor:pointer}
.selecter #show_more{display:none}
.selecter #show_more a{margin-bottom:8px}
.selecter .more_selecter{background-color:#fff8f1;padding:5px 15px;+margin-top:10px;float:none;width:auto;border:1px solid #fec575;display:none;width:645px;position:relative}
.selecter .more_selecter .close{background-position:-484px -247px;padding-left:15px;right:8px;top:8px;cursor:pointer;line-height:12px;line-height:14px\9;position:absolute}
.selecter .more_selecter p{width:75px;float:left;line-height:24px;line-height:21px\9;padding-top:3px\9}
.selecter .more_selecter ul{width:565px;float:left}
.selecter .more_selecter li{margin:6px 5px 0 0;float:left;display:inline;width:175px;overflow:hidden;color:#06f;line-height:14px;height:14px;overflow:hidden}
.selecter .more_selecter input{vertical-align:middle;height:12px;width:12px;margin-right:5px}

.subbr .selected{border:#fec575 1px solid;padding:0 10px;margin:10px 15px 0;background-color:#fff8f1}
.selected p{float:left;line-height:27px;line-height:24px\9;padding-top:3px\9}
.selected .wrap{float:right;width:595px}
.selected strong{display:inline-block;color:#ff7802;overflow:hidden;zoom:1;line-height:25px;line-height:22px\9;padding-top:3px\9;font-weight:bold}

.upDown{background:url(../images/kcBG.png) no-repeat left -67px;width:710px;height:31px;line-height:31px;position:relative;}
.upDown span{display:block;position:absolute;top:10px;left:320px;width:60px;padding-left:10px;height:22px;line-height:22px;cursor:pointer;text-align:center;}

.subbr .order{margin:10px 0 0;position:relative;height:34px;line-height:34px;z-index:20;background:url(../images/kcBG.png) no-repeat;}
.subbr .order h3{float:left;margin-left:32px;_display:inline;font-size:16px;}
.subbr .order input,
.subbr .order button{+float:left}
.subbr .order button{border:0;height:24px;width:66px;font:bold 13px/24px Arial;cursor:pointer;background-position:-295px -6px;color:#fff;float:right;margin-top:5px;margin-right:30px;vertical-align:middle;}
.subbr .order input{height:16px;line-height:16px;border:#d1cfd0 1px solid;color:#aaa;padding:3px 5px;width:400px;+margin-left:-15px;background:url(../images/fco_searchbg.png) repeat-x}
.subbr .order .condition{float:right;background:url(../images/fco_orderbg.png) repeat-x;margin-right:20px;height:34px;line-height:34px;margin-top:5px;}
.subbr .order .condition a{float:left;padding:0 20px 0 7px;line-height:22px;line-height:19px\9;padding-top:3px\9;color:#333;border:#d8d8d8 1px solid;border-left-color:#fff;background-position:right -220px}
.subbr .order .condition .click,
.subbr .order .condition a:hover{background-position:right -197px}
.subbr .order .condition a#f{border-left-color:#d8d8d8}
.subbr .order .tip{top:26px;left:350px}
.subbr .searchSubject{background:none;margin-left:15px;}
.subbr .searchSubject span{+float:left;+margin-right:15px;}
.subbr .searchSubject input{+margin-top:5px;}
.subbr .searchSubject span,.subbr .searchSubject input,.subbr .searchSubject button{vertical-align:middle;}

.list_header{margin:12px 5px 0;padding:1px 0;border:#e1e1e1 1px solid;border-width:1px 0;clear:both;}
.list_header strong{background-color:#f5f5f5;line-height:26px;line-height:23px\9;padding-top:3px\9;float:left;text-align:center}
.list_header .s,
.list_content h5{width:72px}  /*年级科目*/
.list_header .i{width:360px}  /*课程信息*/
.list_header .tag,
.list_content .tag{width:70px}  /*标签*/
.list_header .u,
.list_content .usefor{width:50px}  /*适用*/
.list_header .t,
.list_content .tea{width:69px}  /*授课名师*/
.list_header .b,
.list_content .buy{width:75px}  /*购买课程*/
.list_content .buy{height:120px;}
.list_content .buy ul li{position:relative;border:none;padding:0 5px 0 0;margin:5px 0;text-align:right;line-height:19px;}
.list_content .buy ul li a{vertical-align:middle;}
.list_content .buy ul li.icoBuy a,.list_content .buy ul li.icoSee a,.list_content .buy ul li.icoFree a{color:#fff;}
.list_content .buy a.share{position:absolute;*left:0;top:3px;*top:-7px;display:block;padding-left:20px;}
.list_content .buy a.favorite{position:absolute;*left:0;top:20px;+top:-13px;_top:-6px;display:block;padding-left:20px;}
.list_content .buy a.share span{left:0;bottom:4px;margin-right:5px;}
.list_content .buy a.favorite span{left:0;bottom:4px;margin-right:5px;}

.no-course{margin:12px 5px 0;color:#f00;line-height:50px}

.list_content{margin:0 5px}
.list_content li{padding:5px 0;border-bottom:#c8c8c8 1px dashed;zoom:1}
.list_content .tea strong{font-weight:bold;_display:inline-block; _width:40px; overflow:hidden; line-height:normal;}
.list_content h5,
.list_content .info,
.list_content .tag,
.list_content .usefor,
.list_content .tea,
.list_content .buy{float:left;}

.list_content .tea{position:relative;}
.list_content .tea .icon4{position:absolute;bottom:20px;right:10px;}
.list_content h5{height:120px;background-color:#f6f6f6;font:bold 12px/120px Arial;text-align:center; position:relative;}
.list_content .info{width:344px;padding-left:10px;line-height:20px}
.list_content .info p{clear:both;padding:2px 5px 0 0;height:62px;overflow:hidden}
.list_content .info p.uploadTimeBox{height:auto;}
.list_content .info p .uploadTime{float:left;height:15px;}
.list_content .info p em{float:right;}
.list_content .info em{float:left}
.list_content .info .r{float:right;margin-right:15px}
.list_content .info .r a{padding-left:18px;margin-left:5px;_line-height:30px;_padding-top:5px}
.list_content .btn_plan{float:right;margin:5px 15px 0 0;display:inline}
.list_content .btn_plan:hover{color:#fff}
.list_content .info h3{font-size:12px;padding-left:25px;line-height:30px;line-height:27px\9;padding-top:3px\9;background-position:-477px -141px;width:auto;float:left;height:28px;overflow:hidden}
.list_content .info h3 a{color:#333;width:240px;line-height:28px;height:28px;overflow:hidden}
.list_content .info h3 a,.list_content .info h3 strong{*display:inline;*zoom:1;}
.list_content .tag{height:120px;background-color:#f6f6f6;line-height:120px;+font-size:110px}
.list_content .tag span{line-height:20px;width:60px;+font-size:12px}
.list_content .usefor{height:120px;line-height:120px;+font-size:110px}
.list_content .usefor span{width:35px;+font-size:12px;line-height:20px}
.list_content .tea a{display:inline-block;margin-top:3px}
.list_content .tea img{margin-bottom:3px;margin-bottom:6px\9}
.list_content .tea b{margin-top:4px;margin:0\9}
.list_content .tea strong{color:#ff7802; *float:left;}
/*.list_content .buy strong{color:#ca450d;display:inline-block;padding-left:22px;line-height:16px;line-height:13px\9;padding-top:3px\9;background-position:-478px -94px;margin:40px 0 5px 8px}*/
.list_content .info h3 strong{color:#ca450d;display:inline-block;padding-left:22px;line-height:16px;line-height:13px\9;padding-top:3px\9;background-position:-478px -94px;margin-right:10px;}
.list_content .buy .btn_buy{margin:0 auto}
.list_content .buy .btn_buy:hover{color:#fff}
#showtip .info{position:relative;z-index:10}
#showtip .tip{top:30px;left:195px}

.mini_icon{ width:30px; height:30px; background:url(../images/mini_course/mini_icon.png) no-repeat; display:inline-block; position:absolute; top:20px; left:20px;}