.pullbg{ width:100%; background-color:#000000; }
.viewbg{ width:100%; background-color:#000000; }
.playbg{ width:100%; background-color:#282828; }


/* 搜索条件 */
#Main1{ margin:auto; width:1170px; height:auto; margin-top:0px;text-align:left; padding:10px 14px;background-color:#FFF;border:1px #EEE solid; overflow:hidden; }
.main1{ float:left;width:1170px; height:35px;}
.main11{ float:left; width:75px; height:35px; line-height:35px; color:#9DA6B3; }
.main12{ float:left; width:1095px; height:35px; color:#6D6D6D; padding-top:5px; }
.main12 a{ float:left; width:auto; line-height:14px;border:1px #F40 solid;border-radius:2px;background:url(../images/school/l2.png) right no-repeat; padding:3px; padding-right:20px; background-color:#FFF; color:#F20; margin-right:8px; white-space: nowrap; }
.main12 a:hover{border:1px #F40 solid;border-radius:2px;background:url(../images/school/l1.png) right no-repeat; padding:3px; padding-right:20px; background-color:#F30;color:#FFF;margin-right:8px; }
.main2{ float:left; width:1170px; height:auto; padding:8px 0px; }
.main22{ float:left; width:1170px; height:auto;line-height:30px; }
.main22 a:link{ color:#14191E; margin-right:10px; white-space: nowrap; }
.main22 a:visited{ color:#14191E;  margin-right:10px; white-space: nowrap; }
.main22 a:hover{ color:#F01414;  margin-right:10px; white-space: nowrap; }
a.seaAll:link { padding:3px 15px;color: #FFF; background-color:#2B333B;border-radius:3px; }
a.seaAll:visited { color: #FFF; }
a.seaAll:hover { color: #FFF; }


/* 搜索列表 */
#Main3{ margin:auto;width:1200px; height:auto; margin-top:10px;text-align:left; overflow:hidden; }
.main3Left{ float:left; width:910px; height:auto; background-color:#FFF; }

/* 表头 */
.seaTop{ float:left; width:908px; height:48px; border:1px #EEE solid; background-color:#FAFAFA; }
.seaTopl{ float:left; width:400px; height:48px; }
.seaTopl ul li{ float:left; width:auto; height:48px; line-height:48px; padding:0px 25px; border-right:1px #EEE solid; }
.seaSort1{ background-color:#FFF;  }
.seaSort1 a{ float:left; color:#F20; }
.seaSort1 i{  float:left;width:12px; height:48px;background:url(../images/school/i1.png) 3px center no-repeat; }
.seaSort2 a{ float:left;color:#9DA6B3;  }
.seaSort2 i{  float:left;width:12px; height:48px;background:url(../images/school/i2.png) 3px center no-repeat; }
.seaTopr{ float:left; width:498px; height:48px; line-height:48px; text-align:right; padding-right:10px; }


/* 列表 */
.seaList{ float:left; width:880px; height:auto;border:1px #EEE solid; border-top:none;padding:10px 14px; }
.seaList ul{ float:left; width:880px; height:auto; border-bottom:1px #EEE solid; padding:10px 0px;display:inline;position:relative;}
.seaList ul:hover{ background:url(../images/public/seaList.png) 0px bottom repeat-x;border-bottom:1px #FFF solid; background-color:#F6F6F6;  }
.seaList .li1{ float:left; width:220px; height:auto;}
.seaList .li1 img{ border:1px #E6E6E6 solid; width:198px; height:128px; }

.seaList .li2{ float:left; width:480px; height:auto; }
.seaList .li21{ float:left; width:480px; line-height:30px; font-size:13pt; }
.seaList .li21 a{ color:#333; }
.seaList .li21 a:hover{ color:#3790E4;}
.seaList .li22{ float:left; width:480px; line-height:30px; color:#999;margin:8px 0px; }
.seaList .li22 i{ width:auto; line-height:20px; border:1px #ddd solid; padding:2px 5px; margin-right:8px; font-style:normal; font-size:12px;border-radius:2px; }
.seaList .li23{ float:left; width:480px; line-height:30px; color:#999; font-size:12px;}
.seaList .li24{ float:left; width:480px; line-height:30px; color:#F30; font-size:13pt; }
.seaList .li24 i{ color:#56B02A; font-style:normal; }
.seaList .li24 em{ color:#999; font-style:normal; margin-left:10px;font-size:12px; }

.seaList .li3{ float:right; width:170px; height:auto; padding-top:10px; font-size:12px; text-align:center; }
.seaList .li31{ float:left; width:170px; height:auto; }
.seaList .li31 img{ width:70px; height:70px; border:1px #DDD solid;border-radius:100%; }
.seaList .li32{ float:left; width:170px;line-height:30px; }
.seaList .li32 a{ color:#999; }
.seaList .li32 a:hover{ color:#F60; }

.seaList .li4{ position:absolute; left:3px; top:14px;width:148px; height:98px; padding:0px;background: url(../images/live/icon.png) 0px 0px no-repeat; overflow:hidden; font-size:12px; }
.seaList .li4 a{ display:inline-block; width:148px; height:98px; }
.seaList .li4 a:hover{ display:inline-block; width:148px; height:98px; }

.btnSignup{ display:inline-block; width:120px; line-height:35px;font-size:14px; background-color:#FF9900;color:#FFF; text-align:center; cursor:pointer;border-radius:2px; }
.btnSignup:link{ color:#FFF; }
.btnSignup:hover{ background-color:#D98200;color:#FFF; }

/* 分页 */
.seaPage{ float:left; width:880px; height:50px; line-height:50px; text-align:center;}


/* Main3右侧 */
.main3Right{ float:right; width:280px; height:auto; text-align:left; }

/* 图片广告 */
.pageAds { float: left;width:280px; height:180px; text-align:left; overflow:hidden}
.pageAds IMG {WIDTH: 280px; FLOAT: left; HEIGHT: 180px; OVERFLOW: hidden}
.pageAds IMG {BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; VERTICAL-ALIGN: top; BORDER-LEFT-WIDTH: 0px}
.pageAds UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.pageAds LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.num {POSITION: absolute; BOTTOM: 5px; FONT: 12px/1.5 tahoma, arial; HEIGHT: 18px; RIGHT: 5px}
.num LI {BORDER-BOTTOM: #f47500 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #f47500 1px solid; LINE-HEIGHT: 16px; BACKGROUND-COLOR: #fcf2cf; WIDTH: 16px; FONT-FAMILY: Arial; FLOAT: left; HEIGHT: 16px; COLOR: #d94b01; MARGIN-LEFT: 3px; FONT-SIZE: 12px; BORDER-TOP: #f47500 1px solid; CURSOR: pointer; BORDER-RIGHT: #f47500 1px solid}
.num LI.on {LINE-HEIGHT: 18px; BACKGROUND-COLOR: #ff9415; MARGIN-TOP: -2px; WIDTH: 18px; HEIGHT: 18px; COLOR: #fff; FONT-SIZE: 14px; FONT-WEIGHT: bold}

/* 精品课程 */
.bestCourse{ float:left; width:250px; height:auto; border:1px #EEE solid; background-color:#FFF; padding:10px 14px; margin-top:15px; }
.bestCourse .title{ float:left; width:250px; height:25px; line-height:25px; margin-bottom:5px;color:#222;font-size:16px; }
.bestCourse .conte{ float:left; width:250px; height:auto; }
.bestCourse .conte ul{ float:left; width:250px; height:auto; border-top:1px #E6E6E6 dashed; padding:8px 0px; }
.bestCourse .conte ul .li1{ float:left; width:100px; padding-top:0px; }
.bestCourse .conte ul .li1 a img{ width:88px; height:58px; border:1px #E6E6E6 solid; }
.bestCourse .conte ul .li2{ float:left; width:150px;height:auto; text-align:left; }
.bestCourse .conte ul .li2 a{ float:left; width:150px; line-height:25px;color:#555; font-size:14px; }
.bestCourse .conte ul .li2 b{ float:left; width:150px; line-height:20px;color:#f60; font-size:12px; font-weight:normal; }
.bestCourse .conte ul .li2 i{ float:left; width:150px; line-height:20px;color:#999; font-size:12px; font-style:normal; }



/* 帮我选课 */
.quickSignup{ float:left; width:250px; height:auto; border:1px #EEE solid;background-color:#FFF; padding:7px 14px; margin-top:15px; }
.quickSignup .title{ float:left; width:250px; height:25px; line-height:25px; margin-bottom:5px;color:#222; font-size:16px; }
.quickSignup .conte{ float:left; width:250px; height:auto; }
.quickSignup .conte span{ float:left; width:200px; height:auto; line-height:25px;padding:5px 0px; text-align:left; color:#999; margin-left:5px; }
.quickSignup .conte .text{ width:180px; height:32px; line-height:32px; border:1px #E5E5E5 solid; padding:0px 10px;border-radius:2px; color:#666;outline:none; padding-left:50px;  }
.quickSignup .conte .text:hover,.quickSignup .conte .texts:hover{  border:1px #ff4400 solid; }
.quickSignup .conte .s1{ background: url(/images/signup/s1.png) left center no-repeat; }
.quickSignup .conte .s2{ background: url(/images/signup/s2.png) left center no-repeat; }
.quickSignup .conte .s3{ background: url(/images/signup/s3.png) left center no-repeat; }
.quickSignup .conte .s4{ background: url(/images/signup/s4.png) left 5px no-repeat; }
.quickSignup .conte .texts{ width:180px; height:80px; line-height:20px;border:1px #DDD solid; padding:10px 10px;border-radius:2px; color:#666;outline:none; padding-left:50px;  }
.btnQuickSignup{ display:inline-block; width:240px; line-height:36px;font-size:14px; background-color:#F30;color:#FFF; text-align:center; cursor:pointer;border-radius:2px; }
.btnQuickSignup:link{ color:#FFF; }
.btnQuickSignup:visited{ color:#FFF; }
.btnQuickSignup:hover{ background-color:#F01400;color:#FFF; }



/* 视频课播放 */
#playMain{ margin:auto; text-align:center; width:100%; }

/* 播放页左侧 */
.playleft{ float:left; width:100%; height:auto; text-align:left; padding:20px 0px; }
.playleft .title{ margin:auto; width:90%; height:40px; line-height:40px; color:#FFF; text-align:left; }
.playleft .conte{ margin:auto; width:90%; height:40px; line-height:40px; color:#FFF; text-align:left; margin-top:20px; }

/* 播放页右上侧 */
.playup{ float:left; width:360px; height:260px; text-align:left; }
.playup .couTitle{ float:left; width:340px; line-height:40px; font-size:16px; background-color:#EEE; padding:0px 10px; }
.playup .couPay{ float:left; width:340px; height:30px; padding:0px 10px; }
.playup .couPay b{ float:left; width:auto;  line-height:30px; font-weight:normal; color:#999; }
.playup .couPay p{ float:left; width:auto;  line-height:30px; color:#57BA31; }
.playup .couPay span{ float:left; width:auto;  line-height:30px; font-size:12px; color:#F80; }
.playup .couPay span em{ font-size:15pt; font-style:normal; }
.playup .couPay span i{ font-style:normal; color:#999;text-decoration:line-through;  }
.playup ul{ float:left; width:340px; height:90px; padding:0px 10px;  }
.playup ul li{ float:left; width:170px; height:30px; }
.playup ul li b{ float:left; width:auto;  line-height:30px; font-weight:normal; color:#999; }
.playup ul li p{ float:left; width:auto;  line-height:30px; }
.playup .signup{ float:left; width:340px; height:40px; line-height:40px; margin-top:10px; padding:0px 10px; margin-bottom:10px;}
.playup .btnSignup1{ display:inline-block; width:300px; line-height:40px;font-size:16px; background-color:#FF8800;color:#FFF; text-align:center; cursor:pointer;border-radius:2px; }
.playup .btnSignup1:link{ color:#FFF; }
.playup .btnSignup1:visited{ color:#FFF; }
.playup .btnSignup1:hover{ background-color:#D98200;color:#FFF; }

/* 播放页右下侧 */
.playdown{ float:left; width:350px; height:40px; text-align:left; border-bottom:1px #DDD solid; }
.playdown ul{ float:left; width:350px; height:40px;padding-left:10px;  }
.playdown ul:hover{ background-color:#F2F2F2; }
.playdown ul .li1{ float:left; width:50px; line-height:40px; }
.playdown ul .li2{ float:left; width:280px; line-height:40px;background: url(../images/video/a3.png) no-repeat; padding-left:20px; }


/* 购买课程 */
.payorder{ margin:auto;width:1160px; height:auto; text-align:left; background-color:#FFF; padding:20px; margin-top:10px;overflow:hidden; }
.pay1{ float:left;width:1160px; height:35px; line-height:35px; margin-bottom:2px; }
.pay1 b{ float:left;width:100px; height:34px; line-height:34px;border-bottom:3px #F80 solid; font-size:15px; }
.pay2{ float:left;width:1160px; height:auto;border-top:1px #E6E6E6 solid;border-bottom:1px #EEE solid; }
.pay2 .title{ float:left;width:1160px; height:auto; background-color:#F5F5F5; color:#777; }
.pay2 .title ul .li1{ float:left;width:140px; height:35px; line-height:35px; }
.pay2 .title ul .li2{ float:left;width:460px; height:35px; line-height:35px; }
.pay2 .title ul .li3{ float:left;width:150px; height:35px; line-height:35px; }
.pay2 .title ul .li4{ float:left;width:150px; height:35px; line-height:35px; }
.pay2 .title ul .li5{ float:left;width:160px; height:35px; line-height:35px; }

.pay2 .conte{ float:left;width:1060px; height:auto; }
.pay2 .conte ul .li1{ float:left;width:140px;  height:100px; line-height:100px; text-align:center; }
.pay2 .conte ul .li1 img{ width:100px;  height:80px; margin-top:10px; }
.pay2 .conte ul .li2{ float:left;width:460px;  height:100px; line-height:100px; }
.pay2 .conte ul .li3{ float:left;width:150px;  height:100px; line-height:100px; }
.pay2 .conte ul .li4{ float:left;width:150px;  height:100px; line-height:100px; }
.pay2 .conte ul .li5{ float:left;width:160px;  height:100px; line-height:100px; color:#F60; }

.pay3{ float:left;width:1060px; height:60px; line-height:60px; }
.pay3 b{ font-size:24px; color:#F60; }
.pay4{ float:left;width:1060px; height:60px; }
.pay4 p{ float:left;width:auto; line-height:60px; }
.pay4 b{ float:left;width:auto; line-height:60px; }

.pay5{ float:left;width:1060px; height:60px; padding-top:20px; }
.pay5 .btnSignup1{ display:inline-block; width:160px; line-height:40px;font-size:16px; background-color:#FF8800;color:#FFF; text-align:center; cursor:pointer;border-radius:2px; }
.pay5 .btnSignup1:link{ color:#FFF; }
.pay5 .btnSignup1:visited{ color:#FFF; }
.pay5 .btnSignup1:hover{ background-color:#D98200;color:#FFF; }