/****** 公开课列表*内容页******/
#sembanner { min-width: 1170px;}
#open-class-classtitle { background-color: #f4f5f7; padding: 0px;}
#open-class-classtitle .container { background-color: #f4f5f7; padding-bottom: 26px;}
#open-class .zzsk:after,#open-class .jjsk:after { position: absolute; left:0px; top:-35px; height: 35px; line-height: 30px; width: 270px; text-align: center; color:#ffffff; font-size: 24px; }
#open-class .zzsk>i,#open-class .jjsk>i { position: absolute; width: 0; height: 0; border-right: 30px solid transparent; left:270px; top:-35px;}

/****** 当期课程******/
.st-btn { text-align: center; }
.st-btn .btn-default { background-color: #ff0000; color: #fff;border: none; font-size: 24px; padding: 15px 50px; border-radius: 0px; }
.st-btn .btn-default:hover { background-color: #ff6000;}
#open-class .zzsk { border-top: 5px solid #fcae05; box-shadow:0px 0px 3px #fcae05;}
#open-class .zzsk:hover { box-shadow:0px 0px 10px #fcae05; }
#open-class .zzsk:after { content: "当期课程";  background-color: #fcae05; }
#open-class .zzsk .open-btn {  border: 0px !important;}
#open-class .zzsk>i { border-bottom: 30px solid #fcae05; }
/****** 即将开课******/
#open-class .jjsk { border-top: 5px solid #04acf7; box-shadow:0px 0px 3px #04acf7;}
#open-class .jjsk:hover { box-shadow:0px 0px 10px #04acf7; }
#open-class .jjsk:after { content: "即将开课";  background-color: #04acf7; }
#open-class .jjsk .open-btn {  border: 0px !important;}
#open-class .jjsk>i {  border-bottom: 30px solid #04acf7; }
/****** 已过期******/
.openoverdue { position: absolute; right:350px;top:63px;z-index: 0;}
#open-class-classtitle .openoverdue { top:200px;right:100px;}
.odyes { visibility:hidden;} 
.gqkc .odyes { visibility:visible; }

.open-time { margin-top: 40px; position: relative; }
#open-class-classtitle .open-time { margin-top: 0px;}
.open-time h4 { font-size: 12px;line-height: 180%;}
.open-img,.open-btn { float: left; }
.open-img { position: relative;}
.open-img img { width: 100%;}
#open-class .open-img img { width: 300px;}
#open-class-classtitle .open-img img { width: 420px;}

.open-btn { padding-left: 20px; }
.open-btn h2 { font-size:24px;  font-weight: 100;margin-top: 16px;letter-spacing:1px;}
#open-class-classtitle .open-btn h2 { margin-top: 0px;padding-top: 0px; }
#open-class .open-btn { width: 839px; height: 167px;border: 1px solid #e7e7e7; border-left:0px;}
.open-btn h3 { font-size: 12px; font-weight: 300; color:#999999;letter-spacing:1px; margin-top: 10px;margin-bottom: 0px;}
.open-btn h3 a {  color:#999999;}
.open-btn h3 a:hover { color:#FF6666; }
.open-btn h5 { position: relative; margin-bottom: 2px;background-color: #fff; border: 1px solid #ff993e;padding: 8px 20px; display: inline-block;}
.open-btn h5 span {  margin-right: 10px; color:#444444; padding: 1px 4px; border-radius: 2px; font-size: 12px; }
.open-btn h5 i { position: absolute; width: 0; height: 0; border-bottom: 8px solid #ff993e; border-right: 8px solid transparent; left:0px; bottom:0px;}

#open-class-classtitle .open-btn h5:after { background-color: #f4f5f7; }

.openbutton {  position: absolute; right:50px;top:30px; width: 230px;}

.openprice { margin-bottom: 10px; }
.openprice b { font-size: 20px;color:#FF6666; font-weight: 300;}
#open-class-classtitle .openprice { margin-top: 43px; }
.keqqsp {  position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  border-radius: 0;   vertical-align: middle;  padding-top: 50px;}
#open-class-classtitle .keqqsp { padding-top: 90px;}
.keqqsp  .keqqplay i { border-radius: 100%; border:5px solid #bbbbbb; font-size: 26px; height: 58px; width: 58px;  color:#bbbbbb;padding:12px;padding-left: 17px;}
.keqqsp  .keqqplay i:hover { border:5px solid #e7e7e7; color:#e7e7e7; }

.open-btn .btn-primary { border-radius: 0; font-size: 20px; background-color: #04acf7; padding:10px 50px;border: 1px solid #04acf7; }
.open-btn .btn-primary:hover { background-color: #13b6ff; }
.open-btn .btn-default { border-radius: 0; font-size: 20px; background-color: #fff; padding:10px 50px;}
.open-btn .btn-default:hover { background-color: #f1f1f1; }

.open-newstext .btn { float: right; } 
.open-newstext img {  max-width: 100%;  height: auto;}
.open-newstext .tab-pane a{ border-radius: 0px; border: 0px; border-bottom:1px solid #eeeeee; font-size: 16px;}
.open-newstext .badge {  font-size: 16px; font-weight: 300;}
.open-newstext .badgec1 { background-color: rgba(0,0,0,.0); color:#444444; margin-right: 40px;}
.open-newstext .badgec2 { background-color: #04acf7;  color:#fff; border-radius: 5px;}
.open-newstext .disabled:after { content: "已结束"; background-color: #b7b7b7; position: relative; color:#fff; font-size: 12px; line-height: 100%; padding:0px 5px; border-radius: 3px; left:10px;}
.open-newstext b { font-size: 18px;padding-right: 5px; font-weight: 300;}

.open-newstext .nav-tabs { margin-bottom: 30px;font-size:16px; }
.open-newstext .nav-tabs>li>a {  color: #666;  border-radius: 0px;  padding: 0px 40px;  height: 50px; line-height: 50px;}

.open-newstext .nav-tabs>li>a:hover {  color:#04acf7; background-color: #fff; }

/****** 公开课内容页的列表 ******/
.openc-list h3 {font-size: 18px;  margin-bottom: 20px; border-left: 3px solid #04acf7; line-height: 100%; padding-left: 6px;}
.openlist-bq { margin-bottom: 30px; padding: 8px;}
.openlist-bq:hover { box-shadow:0px 0px 3px #999999;}
.openlist-img { width: 100%; position: relative; }
.openlist-img img { width: 100%;}
.openlist-img .keqqsp {  padding-top: 35px;}

.openlist-btn h2 { font-size:14px; padding-top: 8px; margin-top: 0px; font-weight: 300px; }
.openlist-btn h5 { padding-bottom: 5px; color:#999999; font-size: 12px;}
.openlist-btn b{ color:#FF6666; }

.openlist-btn-lb .btn-primary, .openlist-btn-lb .btn-default { font-size: 16px; border-radius: 0px; padding: 8px;}
.openlist-btn-lb .btn-primary {float: left; background-color: #04acf7; border: 1px solid #04acf7; }
.openlist-btn-lb .btn-primary:hover { background-color: #13b6ff; }
.openlist-btn-lb .btn-default {float: right;  background-color: #fff; }
.openlist-btn-lb .btn-default:hover { background-color: #f1f1f1; }

/****** 公开课报名窗口CSS ******/
.openc_bm,.openc_bm1 { width:430px; height: 350px; background: url(../images/open-img.jpg) 0 0 no-repeat; padding-top: 100px; padding-bottom: 20px; }
.openc_bm1 { background: url(../images/open-img1.jpg) 0 0 no-repeat; }
.openc_bmlb { padding: 10px 30px; }
.openc_bmlbt { padding: 10px 30px 0px 30px; }
.openc_bmlb input { width:100%; }
.openc_bmlbt .openc_input {float: left; border: 0px;  width:75%; font-weight: 600;}
.openc_bmlbt b {float: left; display:block; padding:0px 5px; background-color: #419dea; color:#fff;margin-right: 3px; overflow:hidden; font-size: 12px; max-width: 80px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-weight: 300; margin-bottom: 15px;}

.openc_bm p,.openc_bm1 p { padding-left: 30px; color:#999999;}
.openc_bmlb .btn-primary { background-color: #ff7900; font-weight: 600; font-size: 24px; border-radius: 0px;}