/* 加入学校的弹窗 */
.shadowBox{ width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; left:0; top:0; z-index:99; display:none;}
.authenticationBox{ width:500px; height:400px; background:#ebf9f9; position:fixed; left:50%; top:50%; margin:-200px 0 0 -250px; border:1px solid #1b97c5; display:none;}
.authenticationBox .titleYz{ width:480px; height:40px; line-height:40px; padding:0 10px; background:#1b97c5; color:white; font-size:16px;}
.authenticationBox .titleYz img{ margin:0; padding:0; outline:0; display:block; margin-top:12px;}
.authenticationBox .box{ text-align:center; color:#1b97c5;}
.authenticationBox .box b{ font-size:14px; font-weight:normal; height:40px; line-height:40px; margin-top:10px; display:block;}
.authenticationBox .box p{ font-size:16px; width:230px; text-align:center; margin:0 auto; line-height:30px; margin-bottom:20px;}
.authenticationBox .box div input{ width:84px; height:36px; line-height:36px; background:#1b97c5; border:0; border-radius:0; margin:0; padding:0; color:white;}
.authenticationBox .box div input:hover{ background:rgba(27,151,197,0.9); color:#eeeeee;}
.authenticationBox .box div{ margin-top:25px;}

/* 未进行身份认证时的申请认证页面 */
.applyAuthentication{ padding-left:100px; margin-top:40px;}
.applyAuthentication .pull-left{width:340px; color:#1b97c5; font-size:20px; margin-left:80px;}
.applyAuthentication .pull-left p{ margin-bottom:20px; margin-top:70px;}
.applyAuthentication .pull-left div{ width:200px; height:42px; background:#1b97c5; text-align:center; line-height:42px; font-size:20px;}
.applyAuthentication .pull-left div:hover{ background:rgba(27,151,197,0.9); color:#eeeeee;}
.applyAuthentication .pull-left div a{ color:white;}

/* 申请认证中 */
.applyAuthentication time{ line-height:200%; margin-top:70px; display:block;}


/* 添加新的活动课 */
.minheadDivtop2 h1{ margin-top:50px;}
.mintopinfo{ position:relative; margin-left:-100px;}
.mintopinfo dt{ overflow:hidden; display:block; height:20px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.collection{ position:absolute; top:0; left:720px; width:85px; height:30px; background:#e6aa18; line-height:30px;}
.collection i{ width:23px; height:23px; border-radius:50%; display:inline-block; margin-left:5px; margin-top:-2px;}
.collection.active{ background:#999999;}
.collection.active i{ background:none;}
.collection span{ height:30px; line-height:30px; margin-left:8px; font-size:13px; color:white;}
.collection.active span{ color:white;}

/* 收藏 */
.AbackYz{ width:36px !important; height:36px!important; background-image:url(../images/sc.png) !important;}
.contentYz{ width:1000px; height:auto; margin:0 auto;}
.minTitYZ{ font-size:26px; font-weight:bolder; width:100px; display:block; background:url(../images/FavoritesYz.png) no-repeat 0 10px; padding-left:20px; text-align:center; margin:0 auto; text-align:center; color:white; font-weight:normal; margin-top:-5px;}
.collectYz{ margin-top:30px;}
.collectYz .top{ padding:20px; background:#e8e6e7; }
.collectYz .top > div{ position:relative; height:20px;}
.collectYz .top1{ margin-bottom:20px;}
.collectYz .top b{ display:block; float:left; color:#9c9c9c; margin-right:30px; font-weight:normal;}
.collectYz .top strong{ display:block; float:left; margin-right:30px; font-weight:normal;font-size:14px;}
.collectYz .top strong.active{color:#4696ad;}
.collectYz .top span{ margin-right:30px;}
.top1 span.active{color:#4696ad;}
.collectYz .top cite{ position:absolute; right:20px; top:0px; color:#4696ad; display:block;}
.top1List{ display:none;}
.classList{ background:#f5f5f5; height:auto; min-height:300px; padding:20px 0 20px 20px; padding-bottom:200px;}
.classList .b span, .classList li .list span b{ color:#19829f;}
.classList .empty{ font-size:22px; text-align:center; padding-top:50px;}
.classList li{ width:225px; height:265px; background:white; margin:0 20px 20px 0; float:left;}
.classList li:hover .img{ z-index:1; position:relative;}
.classList li .img{ width:225px; height:225px; position:relative;}
.classList li .img img{transition:0.5s transform; transform:translateZ(0);}
.classList li:hover .img img{ 
	-moz-transform:scale(1.5,1.5); -moz-animation:transform 0.5s;
	-ms-ransform:scale(1.5,1.5); -ms-animation:transform 0.5s;
	-o-transform:scale(1.5,1.5); -o-animation:transform 0.5s;
	-webkit-transform:scale(1.5,1.5); -webkit-animation:transform 0.5s;
	transform:scale(1.5,1.5); animation:transform 0.5s;
}
.classList li .img i{ width:225px; height:186px; overflow:hidden; display:block; position:relative;}
.classList li .img i:after{ content:""; width:225px; height:225px; background:rgba(0,0,0,0.40); z-index:6; position:absolute; left:0; top:0}
.classList li .img span{ width:200px; text-align:center; z-index:7; font-size:20px; color:white; line-height:180%; position:absolute; top:50%; left:12px; -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.classList li .b{ margin:10px; margin-top:-25px;}
.classList li .c{ margin:10px;}
.classList li .c .pull-right span{ margin-left:5px;}
.classList li .c .pull-left span{ float:left;}
.classList li .c span b{ font-weight:normal;}
.classList li .c cite{ margin-left:5px;}
.classList li .c .list{ float:left; position:relative;}
.classList li .c .list dl{ position:absolute; top:20px; left:-20px; display:none; z-index:99;}
.classList li .c .list dd{ width:120px; background:white; height:30px; line-height:30px; text-indent:10px; border-top:1px solid #CCC;}
.classList li .c .list dd:first-child{ border-top:none;}
.classList li .c .list dd:hover{ background:#CCC;}
.deleteClass, .applicationClass, .deleteactiveClass{ width:420px; height:150px; background:#ededed; border-radius:5px; box-shadow:0 0 10px #585858; position:fixed; left:50%; top:50%; -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); display:none; z-index:50;}
.deleteClass div span, .applicationClass div span, .deleteactiveClass div span{ width:80px; height:25px; line-height:25px; background:#3cafce; color:white; display:inline-block; border-radius:5px; text-align:center; font-size:16px; margin-right:70px;}
.deleteClass div, .applicationClass div, .deleteactiveClass div{ margin-left:94px;}
.deleteClass p, .applicationClass p, .deleteactiveClass p{ margin:0 10px; padding:0; margin-bottom:-20px; margin-top:10px; text-align:center; height:100px; line-height:80px; width:400px; overflow:hidden;}
.createClass{ width:780px; height:430px; background:#ededed; border-radius:5px; box-shadow:0 0 10px #585858; position:fixed; left:50%; top:50%; -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); overflow:hidden; color:#565656; display:none; z-index:100;}
.createClass .left{ width:135px; margin-left:70px; float:left;}
.createClass .right{ float:left; margin-left:40px;}
.createClass .top{ margin-top:20px;}
.createClass .top .left{ font-size:18px; font-weight:bolder; height:40px; line-height:40px;}
.createClass .top .right input[type=text]{ width:250px; height:40px; outline:0; margin:0; padding:0 10px; margin-right:15px;}
.createClass .top .right input[type=button]{height:40px; outline:0; width:100px; background:#3cafce; padding:0; margin:0; font-size:18px; color:white;}
.createClass .top .right input[type=button]:hover{background:rgba(60,175,206,0.8);}
.createClass .middle{ width:780px; clear:both; font-size:16px; font-weight:bolder; text-indent:245px; margin-top:60px; margin-bottom:20px;}
.createClass .middle span{ color:#3cafce; margin:0 5px;}
.createClass .bottom .left li{ margin-bottom:10px; position:relative; line-height:150%;}
.createClass .bottom .left li span{ position:absolute; left:-12px; font-size:16px; font-weight:bolder; top:3px;}
.createClass .bottom .right input{ width:150px; height:32px;}
.createClass .bottom .right i{ margin-left:8px; margin-top:3px;}
.createClass .bottom .right li{ float:left; margin:0 60px 15px 0;}
.createClass .bottom .right{ width:500px;}
.createClass .submitClass{ width:120px; height:35px; line-height:35px; background:#3cafce; color:white; font-size:16px; padding:0; margin:0;}
.createClass .submitClass:hover{ background:rgba(60,175,206,0.8);}

.activeClassList{ background:#f5f5f5; height:auto; min-height:300px; padding:20px 0 20px 20px; padding-bottom:200px; display:none;}
.activeClassList .empty{ font-size:22px; text-align:center; padding-top:50px;}
.activeClassList li{ width:470px; height:120px; background:white; margin:0 20px 40px 0; float:left;}
.activeClassList li .top{ width:430px; height:80px; background:white; overflow:hidden; padding:10px 20px;}
.activeClassList li .top .left{ float:left; padding:10px 20px; width:60px;}
.activeClassList li .top .left img{ width:60px; height:60px; border-radius:50%;}
.activeClassList li .top .right{ float:left; width:330px;}
.activeClassList li .top .right b{ display:block; font-size:20px; width:370px; margin-bottom:10px; margin-top:5px; color:#444444;}
.activeClassList li .top .right p{ line-height:150%; color:#999999;}
.activeClassList li .bottom{ width:470px; height:40px; background:#e9e9e9; line-height:40px; color:#565759;}
.activeClassList li .bottom div{ float:left;}
.activeClassList .bot0{ width:50px; background:#e9e9e9; height:40px; padding-left:10px; line-height:40px;}
.activeClassList .bot1{ width:140px; background:#e9e9e9; height:40px; line-height:40px; position:relative;}
.activeClassList .bot1 dl{ display:block; position:absolute; top:40px; left:-10px; display:none; z-index:99;}
.activeClassList .bot1 dd{ width:140px; background:white; height:30px; line-height:30px; text-indent:10px; border-top:1px solid #CCC;}
.activeClassList .bot1 dd:first-child{ border-top:none;}
.activeClassList .bot1 dd:hover{ background:#CCC;}
.activeClassList .bottom img{ margin:0 5px;}
.activeClassList .bot2{ text-align:center; width:134px; background:#dcdcdc; margin-right:2px;}
.activeClassList .bot3{ text-align:center; width:134px; background:#dcdcdc;}
.activeClassList .bot2:hover, .activeClassList .bot3:hover{ background:#d4d2d2;}
.slidingDoor{ min-height:500px;}
.activeClassList cite span{ color:#19829f;}

.applicationAleftBox{width:560px; height:380px; background:#ededed; border-radius:5px; box-shadow:0 0 10px #585858; position:fixed; left:50%; top:50%; -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); display:none;}
.applicationAleftBox .box h3{ font-size:20px; text-align:center; height:100px; line-height:100px;}
.applicationAleftBox .box .pox{ width:380px; height:38px; border:1px solid #c2c2c2; border-radius:5px; line-height:38px; background:white; box-shadow:0 0 4px #ccc inset; margin:0 auto; position:relative;}
.applicationAleftBox .box .pox ul{ position:absolute; width:380px; background:#cac8c9; z-index:1; top:40px; left:0; display:none; height:200px; overflow:auto;}
.applicationAleftBox .box .pox li{ width:330px; padding:0 10px; height:40px; line-height:40px; background:#cac8c9; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.applicationAleftBox .box .pox li:hover{ background:#b5b5b5; color:white;}
.applicationAleftBox .box .pox span b{ font-size:16px; color:#525252; font-weight:normal; padding:0 20px; border-right:1px solid #c2c2c2; width:290px; display:block; float:left; overflow:hidden; white-space:normal; text-overflow:ellipsis; height:38px;}
.applicationAleftBox .box .pox span img{ float:left; margin:14px;}
.applicationAleftBox .dox{ margin:50px auto; text-align:center; margin-left:70px;}
.applicationAleftBox .dox .esc, .applicationAleftBox .dox .sure{ width:120px; height:37px; line-height:37px; background:#3cafce; color:white; display:inline-block; border-radius:5px; text-align:center; font-size:16px; margin-right:70px;}


/* 添加新活动课 弹出框 */
.addNewClass{ width:500px; height:100px; padding-top:50px; padding-left:50px; background:#ededed; border-radius:5px; box-shadow:0 0 10px #585858; position:fixed; left:50%; top:50%; -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); display:none;}
.addNewClass span{ width:210px; height:55px; line-height:55px; background:#3cafce; color:white; display:inline-block; border-radius:5px; text-align:center; font-size:16px; margin-right:30px; font-size:16px;}
.addNewClass span:hover{ background:#359bb7;}
.addNewClass a{ color:white;}
.newClassInsertPage{ width:780px; height:450px; background:#ededed; border-radius:5px; box-shadow:0 0 10px #585858; position:fixed; left:50%; top:50%; -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); display:none;}
.newClassInsertPage .top .pox{ width:200px; height:38px; border:1px solid #c2c2c2; border-radius:5px; line-height:38px; background:white; box-shadow:0 0 4px #ccc inset; float:left; position:relative; cursor:pointer;}
.newClassInsertPage .top .pox ul{ position:absolute; z-index:1; top:40px; left:0; display:none;}
.newClassInsertPage .top .pox li{ width:200px; height:40px; line-height:40px; background:#cac8c9; text-indent:10px; font-size:14px;}
.newClassInsertPage .top .pox li:hover{ background:#726e6f; color:white;}
.newClassInsertPage .top .pox span b{ font-size:14px; color:#525252; font-weight:normal; padding:0 10px; border-right:1px solid #c2c2c2; width:130px; display:block; float:left;}
.newClassInsertPage .top .pox span img{ float:left; margin:14px;}
.newClassInsertPage .top{ height:90px; padding-top:50px; width:780px; text-align:left; border-bottom:1px solid #c3c3c3;}
.newClassInsertPage .top .i{ width:100px; float:left; height:40px; line-height:40px; font-size:18px; text-align:right;}
.newClassInsertPage .top .pull-right{ padding-right:100px;}
.newClassInsertPage .top .pull-right span{ width:80px; height:36px; line-height:36px; text-align:center; background:#3cafce; display:block; float:left; color:white; border-radius:5px; margin-left:100px;}
.chooseClassList{ width:760px; height:300px; overflow:auto; padding-bottom:5px;}
.chooseClassList li{ width:680px; margin:0 20px; padding:0 20px; border-bottom:1px solid #c3c3c3; height:75px; line-height:75px; font-size:20px; background:url(../images/20160126/chooseNo.jpg) no-repeat 626px 20px}
.chooseClassList .active{background:url(../images/20160126/chooseYes.jpg) no-repeat 626px 20px;}
.chooseClassList li img{ width:60px; height:60px; border-radius:50%;}
.chooseClassList li span{ margin-left:20px;}
.addNewClass .esc a{ display:block;}
.addNewClass .sure{ cursor:pointer;}


/* 编辑活动按钮移位并加收藏按钮 */
.editAndCollection{ width:110px; height:120px; background:rgba(255,255,255,0.5); position:absolute; right:165px; top:170px; border-radius:8px; text-align:left; padding-left:10px;}
.editAndCollection i{ padding:6px; width:23px; height:23px;  border-radius:50%; display:inline-block;}
.editAndCollection .ec1{ margin-top:20px;}
.editAndCollection .ec2{ margin-top:10px;}
.editAndCollection .active i{ background:none;}
.editAndCollection span{ height:23px; line-height:35px; margin-left:8px; font-size:16px; font-weight:bolder;}



/* 公开课 */
.openClassBox{ width:1000px; background:#f5f5f5; margin:0 auto;padding-bottom:100px; overflow:hidden;}
.swiper-next, .swiper-prev{ position:absolute; top:50%; -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); z-index:999; cursor:pointer;}
.swiper-pagination-bullet{ color:white; background:white; opacity:1;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{color:#b2b2b2; background:#b2b2b2; opacity:1;}
.swiper-next{ right:0;}
.swiper-prev{ left:0;}
.openClassSearth{ position:relative; z-index:99;}
.ocWay{ position:absolute; left:30px; top:10px;}
.ocWay .white{ color:white;}
.ocWay a{ margin-right:5px;}
.ocWay span{ margin-right:5px;}
.openClassTop h3{ color:white; font-size:40px; position:absolute; top:60px; left:320px;}
.openClassTop h3 ~ p:first-of-type{ font-size:16px; color:white; position:absolute; top:120px; left:320px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:330px;}
.openClassTop form{ width:455px; position:absolute; left:320px; top:160px;}
.openClassTop form input[type=text]{ width:385px; height:36px; background:rgba(255,255,255,0.5); display:block; margin:0; padding:0; outline:0; border:0; border-radius:0; padding:0 50px 0 20px;}
.openClassTop form input[type=submit]{ width:36px; height:36px; background:url(../images/20160119/otSubmit.png) no-repeat; position:absolute; top:10px; left:355px; z-index:9; display:block;}
.openClassTop dl{ position:absolute; left:320px; top:203px; color:white; width:385px; overflow:hidden; height:20px; font-size:10px;}
.openClassTop dt, .openClassTop dd{ float:left; margin-right:5px; font-weight:normal;}
.openClassTop dt{color:#becdd1;margin-right:1px;}
.openClassContentBox .top{ height:40px; margin:30px 30px 10px 45px; width:910px; position:relative; text-align:center;}
.openClassContentBox .top a{ position:absolute; right:0; top:5px; display:block; width:70px; height:30px; line-height:30px; background:white; z-index:9;}
.openClassContentBox .top:after{ content:""; border-bottom:1px solid #d9d9d9; position:absolute; top:19px; left:0; z-index:1; width:100%; height:1px;}
.openClassContentBox .top h3{ background:#f5f5f5; padding:0 20px; font-size:16px; font-weight:normal; margin:0 auto; display:inline-block; height:40px; line-height:40px; text-align:center; background:#f5f5f5; z-index:7; position:relative; font-size:16px;}
.ocTagsBox{ width:1000px; height:84px; position:relative;}
.ocTags{ width:925px; height:84px; margin-left:45px; position:relative; z-index:15; overflow:hidden;}
.ocTags ul{ position:absolute; left:0; top:0; height:84px;}
.ocTags li, .ocAllTags .box li{ float:left; width:150px; padding:0 10px; height:84px; background:#3bafcd; margin-right:15px; border:0; border-radius:5px; color:white; line-height:84px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:18px; position:relative;}
.ocTags li a, .ocAllTags .box li a{ color:white;}.ocTags li:hover, .ocAllTags .box li:hover{ background:#40bdde;}
.ocTags li i{ display:none; width:23px; height:36px; position:absolute; right:0px; top:0px; background:url(../images/20160119/openClassActive.png) no-repeat;}
.ocTags li.active i{ display:block;}
.ocTagsBox .prev, .ocTagsBox .next{ width:16px; height:84px; background:#d0e7ed; border-radius:4px; position:absolute; top:0px; z-index:10; transition:all 0.3s; z-index:30;}
.ocTagsBox .prev{ left:20px;}
.ocTagsBox .prev:hover,  .ocTagsBox .next:hover{ background:#3bafcd; cursor:pointer;}
.ocTagsBox .prev:hover i:before{border-right:10px solid white;}.ocTagsBox .next{ right:20px;}
.ocTagsBox .next:hover i:before{border-left:10px solid white;}
.ocTagsBox .prev i, .ocTagsBox .next i{ display:block; width:16px; height:84px; position:relative;}
.ocTagsBox .prev i:before, .ocTagsBox .next i:before{ position:absolute; width:0; height:0; border-top:15px solid transparent; border-bottom:15px solid transparent; border-right:10px solid #b6dce6; top:27px; left:2px; content:"";}
.ocTagsBox .next i:before{ border-right:none; border-left:10px solid #b6dce6; left:4px;}
.ocTagsDown{ width:30px;float:right; margin-top:-20px; margin-right:15px; border-top:2px solid #d0e7ed; padding-top:10px; cursor:pointer; clear:both; position:relative; z-index:20;}
.ocTagsDown:before{border-left:15px solid transparent; border-right:15px solid transparent; border-top:10px solid #d0e7ed; content:"";}
.ocTagsDown:hover{ border-color:#3bafcd;}
.ocTagsDown:hover::before{border-top:10px solid #3bafcd;}
.ocAllTags{ width:925px; height:auto; position:absolute; top:0; left:45px; background:#f5f5f5; z-index:8;}
.ocAllTags .box{ width:925px; min-height:113px; height:auto; position:relative; z-index:14;}
.ocAllTags .box ul{ display:none;}
.ocAllTags .box li{ margin-bottom:15px;}

.openClassListBox{ width:1000px; height:auto;}
.openClassListBox ul{ display:block; width:924px; height:auto; margin-left:45px;}
.openClassListBox li{ float:left; width:216px; height:310px; background:white; overflow:hidden; margin:0 15px 15px 0;}
.openClassListBox li:hover{ box-shadow:0 0 10px #3bafcd;}
.openClassListBox li:hover cite img{-moz-transform:scale(1.5,1.5); -moz-animation:transform 0.5s;-ms-ransform:scale(1.5,1.5); -ms-animation:transform 0.5s;-o-transform:scale(1.5,1.5); -o-animation:transform 0.5s;-webkit-transform:scale(1.5,1.5); -webkit-animation:transform 0.5s;	transform:scale(1.5,1.5); animation:transform 0.5s;}
.openClassListBox li cite{ display:block; width:216px; height:140px; position:relative; overflow:hidden;}
.openClassListBox li cite img{ display:block; width:216px; height:140px; -moz-transition:0.5s transform; -ms-transition:0.5s transform; -o-transition:0.5s transform; -webkit-transition:0.5s transform;transition:0.5s transform; -moz-transform:translateZ(0); -ms-transform:translateZ(0); -o-transform:translateZ(0);-webkit-transform:translateZ(0); transform:translateZ(0);}
.openClassListBox li cite span{ position:absolute; top:0; left:0; width:200px; padding:0 8px; overflow:hidden; height:140px; background:rgba(0,0,0,0.3); z-index:1; color:white; text-align:center; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; line-height:140px; font-size:16px; font-weight:bolder; opacity:1; -moz-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; -webkit-transition:0.5s all;transition:0.5s all;}
.openClassListBox li cite i{ display:block; position:absolute; left:0; top:0; width:200px; padding:50px 8px; overflow:hidden; height:
40px; line-height:20px; font-style:normal; text-align:center; background:rgba(0,0,0,0.5); color:white; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; opacity:0; -moz-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; -webkit-transition:0.5s all;transition:0.5s all; font-size:14px; font-weight:bloder;}
.openClassListBox li:hover cite span{ opacity:0;}
.openClassListBox li:hover cite i{ opacity:1;}
.openClassListBox li > div{ padding:10px; background:white;}
.openClassListBox li strong{ font-size:14px; display:block;}
.openClassListBox li p{ margin:0; height:69px; line-height:23px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; color:#a0a0a0; margin-bottom:2px;}
.openClassListBox li b{ display:block; font-weight:normal; color:#a0a0a0;}
.openClassListBox li .bottom{ height:32px; line-height:32px;}
.openClassListBox li .bottom .left{cursor:pointer; float:left; background:url(../images/20160119/heart0116.png) no-repeat 0 11px; padding-left:20px; color:#a0a0a0; font-size:12px; margin-top:5px;}
.openClassListBox li .bottom .left.active{background:url(../images/20160119/heart0115.png) no-repeat 0 11px;}
.openClassListBox li .bottom .right{ float:right;}
.openClassListBox li .bottom .right span{ margin-top:5px; display:inline-block;}
.openClassListBox li .bottom .right img{ width:32px; height:32px; border-radius:50%; margin-left:5px;}

/*.knowSkillAlert{ width:740px; height:355px; background:white; position:fixed; left:50%; top:40%;-moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); box-shadow:0 0 10px #3bafcd; z-index:100;}
.knowSkillAlert .top{ width:740px; height:52px; overflow:hidden; position:relative;}
.knowSkillAlert .top .left, .knowSkillAlert .top .right{ width:391px; height:52px;}
.knowSkillAlert .top .left{background:#27a5c5; -moz-transform:skew(-30deg,0); -ms-transform:skew(-30deg,0); -o-transform:skew(-30deg,0); -webkit-transform:skew(-30deg,0);transform:skew(-30deg,0); position:absolute; left:-20px; top:0;}
.knowSkillAlert .top .right{background:#27a5c5;-moz-transform:skew(-30deg,0); -ms-transform:skew(-30deg,0); -o-transform:skew(-30deg,0); -webkit-transform:skew(-30deg,0);transform:skew(-30deg,0); position:absolute; right:-20px; top:0;}
.knowSkillAlert .top .active{background:#3bafcd;}
.knowSkillAlert .top b{ -moz-transform:skew(30deg,0); -ms-transform:skew(30deg,0); -o-transform:skew(30deg,0); -webkit-transform:skew(30deg,0); transform:skew(30deg,0); display:block; color:white; line-height:52px; text-align:center; font-size:18px;}
*/
.knowSkillAlert{ width:740px; height:355px; background:white; position:fixed; left:50%; top:40%;-moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); box-shadow:0 0 10px #3bafcd; z-index:100;}
.knowSkillAlert .top{width:740px; height:52px; overflow:hidden; background:url(../images/20160119/openClassTopBg.jpg) no-repeat;}
.knowSkillAlert .top .left, .knowSkillAlert .top .right{ width:370px; height:52px; cursor:pointer;}
.knowSkillAlert .top .left{ float:left;}
.knowSkillAlert .top .right{ float:right;}
.knowSkillAlert .top b{ display:block; color:white; line-height:52px; text-align:center; font-size:18px;}
.knowSkillAlert .box strong{ font-size:18px; margin:25px 0 0 45px; display:block;}
.knowSkillAlert .box ul{ margin:5px 0 12px 25px; height:160px; overflow:auto; width:690px;}
.knowSkillAlert .box li{ float:left; width:165px; height:40px; line-height:40px; overflow:hidden; cursor:pointer;}
.knowSkillAlert .box li:hover{ background:#f9f9f9;}
.knowSkillAlert .box li i{ display:block; float:left; width:10px; height:10px; background:white; border:3px solid #d9d9d9; margin-top:12px; margin-right:5px; margin-left:20px;}
.knowSkillAlert .box li span{ font-size:16px; height:40px; line-height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; width:110px; display:block;}
.knowSkillTagsBtn{ width:140px !important; height:40px; line-height:40px; background:#3bafcd; border:0; margin:0; padding:0; outline:0; display:inline-block; border-radius:0; color:white; font-size:16px; font-weight:bolder; margin-left:45px;}
.knowSkillAlert .box li.active i{ background:#3bafcd;}

/* 公开课2 */
.ocBannerBox{ height:260px; margin-top:30px;}
.ocBannerBox li, .ocBannerBox .ocAllTags .box li{ width:293px; padding:0; height:270px; border-radius:0; background:none; position:relative;}
.ocBannerBox li:hover, .ocBannerBox .box li:hover{ background:none; }
.ocBannerBox li img, .ocBannerBox .box li img{ width:293px; height:230px;}
.ocBannerBox li p, ocBannerBox .box li p{ width:290px; height:40px; line-height:40px; text-align:left; color:#585858; overflow:hidden; white-space:nowrap; font-size:13px; margin-right:10px; float:left; text-indent:70px; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.ocBannerBox li cite, .ocBannerBox .ocAllTags li cite{ position:absolute; left:10px; bottom:12px; display:block; height:20px; line-height:20px; text-align:right; z-index:6; cursor:pointer;}
.ocBannerBox li cite span, .ocBannerBox .ocAllTags li cite span{ font-size:13px; line-height:20px; display:inline-block; margin-top:2px; color:#bababa;}
.ocBannerBox li cite img, .ocBannerBox .ocAllTags li cite img{ width:19px; height:15px; margin-right:5px; display:inline-block;}
.ocBannerBox li b, .ocAllTags li b{ width:273px; height:60px; line-height:30px; padding:85px 10px; font-size:19px; position:absolute; top:0; left:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -moz-text-overflow:ellipsis; background:rgba(0,0,0,0.3); display:block; z-index:4; display:none;}
.ocBannerBox li strong, .ocAllTags li strong{ width:273px; height:44px; line-height:44px; text-align:center; overflow:hidden; white-space:nowrap; background:rgba(0,0,0,0.3); color:white; font-size:19px; position:absolute; bottom:40px; left:0; padding:0 10px; z-index:5; display:block;}
.ocBannerBox .ocTags{ height:270px;}
.ocBannerBox .ocTags ul{ height:270px;}
.ocBannerBox .prev, .ocBannerBox .next{ top:146px;}
.ocBannerBox .ocAllTags .box{ min-height:280px;}
.openClassBanner .swiper-slide img{width:1000px; height:330px;}





/* 跳转页面 */
.jumpBox{ width:100%; min-height:1080px; background:white url(../../images/jumpBgImg.jpg) no-repeat center top;}
.jump{ width:550px; height:338px; padding:300px 0 0 450px; margin:0 auto; background:url(../../images/jump.png) no-repeat; margin-top:20px; font-size:16px;}
.jump a{ font-size:16px; color:#2c94dd; margin:0 3px;}


/* 我的课程分类 加全部老师 */
.myClassTeacher{ font-size:16px; padding-top:15px; position:relative;}
.myClassTeacher dl{ margin-bottom:0;}
.myClassTeacher a{ font-size:16px;}
.myClassTeacher .pull-right{ height:30px; line-height:30px; color:#1b97c5; margin-top:5px; cursor:pointer;}
.myClassTeacher .pull-right span{ margin:0 0 0 3px; color:#1b97c5; display:inline-block;}
.myClassTeacher .pull-left{ width:880px;}
.myClassTeacher .pull-left .oneLine{ height:30px;}
.myClassTeacher .pull-left dl{ margin-top:5px; overflow:hidden;}
.myClassTeacher .pull-left dt, .myClassTeacher .pull-left dd{ height:30px; line-height:30px; float:left;}
.myClassTeacher .pull-left dd{ margin-right:5px;}
.myClassTeacher .pull-left dt a{ color:#1b97c5;}
.myClassTeacher .pull-left dd a{ color:#777777;}
.myCTSearch{ width:400px; text-align:right; height:40px; position:absolute; right:0; top:-50px;}
.myCTSearch input{ margin:0; border:0; outline:0; border-radius:0; height:40px; padding:10px 10px 0 10px; vertical-align:inherit; display:inline-block;}
.myCTSearch input[type=text]{ width:300px; margin-right:5px;}
.myCTSearch input[type=submit]{ width:50px; background:#1b97c5; color:white;}
/* 我的学校课程 加全部老师 */
.classTeacher{ margin:0 20px;}




/* 课程更改主题图片 */
#minheader{ position:relative;}
.themeChangeBtn{width:1000px; height:100%; margin: 0 auto; position: absolute; top:0; left:50%; -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%);}
.themeChangeBtn i{ display:block; width:100%; height:100%; position:relative;}
.themeChangeBtn i img{ position:absolute; bottom:20px; right:20px; cursor:pointer;}
.themeABox{ width:795px; height:auto; position:fixed; top:100px; left:50%; min-height:300px; background:white; -moz-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); -webkit-transform:translate(-50%,0); transform:translate(-50%,0); padding:25px 0 15px 25px; display:none;}
.themeABox .top{ width:770px; height:75px; background:url(../images/20160127/themeTopBg.jpg) no-repeat; color:white; overflow:hidden;}
.themeABox .top h3{ font-size:20px; font-weight:normal; height:38px; line-height:48px; margin:0; padding:0; text-align:center;}
.themeABox .top li{ font-size:18px; float:left; width:90px; height:40px; line-height:40px; margin:0 5px; cursor:pointer; text-align:center;}
.themeABox .top li:hover, .themeABox .top li.active{ background:white; color:#313131;}
.themeABox .top ul{ padding-left:10px;}
.themeABox .box ul{ padding-top:10px; overflow:auto; height:300px; display:none;}
.themeABox .box li{ float:left; margin-right:10px; margin-bottom:10px; position:relative;}
.themeABox .box li:nth-child(2n){ margin-right:0;}
.themeABox .box li img{width:380px; height:90px;}
.themeABox .box li.hover:before{ border:2px solid #0067d0; content:""; position:absolute; top:0; left:0; width:376px; height:86px;box-shadow:0 0 15px #0067d0 inset;}
.themeABox .box li i{ display:block; width:23px; height:36px; position:absolute; right:15px; top:2px; background:url(../images/20160127/themeActive.png) no-repeat; display:none;}
.themeABox .box li.hover i{ display:block;}
.themeABox .bottom{ height:50px; clear:both; margin:15px 25px 0 0;}
.themeABox .bottom input{ float:right; text-align:center; width:150px; height:40px; line-height:40px; border:0; border-radius:3px; padding:0; background:#d6d6d6; font-size:14px; margin-left:10px;}
.themeABox .bottom input.btn{ background:#2b9fcb; color:white; text-shadow:none;}

/* 课程更改主题图片 后台管理 */
.themeAdmin{ margin:20px;}
.themeAdmin .top input[type=text]{ outline:0; width:300px; height:40px; line-height:40px; padding:0 10px; margin:0;}
.themeAdmin .top input[type=submit]{ border:1px solid #1ca0b8; display:inline-block; padding:0; margin:0; outline:0; width:100px; height:42px; color:white; line-height:40px; background:#1ca0b8; margin-left:1px;}
.themeTotalClass{ margin-left:3px;}
.themeTotalClass dt, .themeTotalClass dd{ display:block; width:300px; height:267px; background:white; box-shadow:0 0 15px #d8d8d8; float:left; padding:0; margin:0 20px 20px 0;}
.themeTotalClass dt{ position:relative;}
.themeTotalClass .dt1, .themeTotalClass .dt2{ cursor:pointer; width:100%; height:100%;}
.themeTotalClass .dt1 img{ margin:70px 0 0 112px;}
.themeTotalClass .dt2{ display:none;}
.themeTotalClass dt p{ width:100%; font-size:20px; text-align:center; color:#535353; position:absolute; bottom:30px;}
.themeTotalClass .dt2 textarea{width:200px; height:128px; padding:10px; border:1px solid #e5e5e5; margin:10px 20px; position:absolute; left:20px; top:20px; resize:none;}
.themeTotalClass .dt2 input{ border:0; margin:0; padding:0; outline:0; width:100px; height:30px; line-height:30px; text-align:center; background:#1ca0b8; color:white; border-radius:3px; position:absolute; left:150px; bottom:100px;}
.themeTotalClass .dt2 input:hover{background:#20b4cf;}
.themeTotalClass dd{ position:relative;}
.themeTotalClass dd .delete{ position:absolute; bottom:20px; right:20px; width:21px; height:21px;}
.themeTotalClass dd i{ display:block; width:260px; height:185px; overflow:hidden; margin:20px;}
.themeTotalClass dd img{ max-width:none; height:185px;}
.themeTotalClass dd p{ text-align:center; width:260px; float:left; margin-top:-5px; overflow:hidden; display:block; font-size:18px; margin-left:20px; height:30px; line-height:30px;}
.themeTotalClass dd p span{overflow:hidden; float:left; text-overflow:ellipsis; white-space:nowrap; max-width:180px; display:block;height:30px; line-height:30px;}
.themeTotalClass dd p b{ display:block; float:left;height:30px; line-height:30px; font-weight:normal;}

.themeAdminContent{ width:795px; height:auto; min-height:300px; margin:20px;}
.themeAdminContent ul, .themeAdminContent li{ list-style:none; margin:0;}
.themeAdminContent .top{ width:770px; height:50px; line-height:50px; background:#26c1dd; color:white; overflow:hidden;}
.themeAdminContent .top .pull-right{ margin-right:10px; cursor:pointer;}
.themeAdminContent .top li{ font-size:18px; float:left; width:90px; height:50px; line-height:50px; margin:0 5px; cursor:pointer; text-align:center;}
.themeAdminContent .top li:hover, .themeAdminContent .top li.active{ background:white; color:#313131;}
.themeAdminContent .top ul{ padding-left:10px;}
.themeAdminContent .box ul{ padding-top:10px; display:none;}
.themeAdminContent .box li{ float:left; margin-right:10px; margin-bottom:10px; position:relative;}
.themeAdminContent .box li:nth-child(2n){ margin-right:0;}
.themeAdminContent .box li img{width:380px; height:90px;}
.themeAdminContent .box li i{ display:block; width:16px; height:16px; position:absolute; right:10px; bottom:10px; background:url(../images/20160127/themeImgDelete.png) no-repeat; background-size:16px 16px; cursor:pointer;}
.themeAdminContent .box li.hover i{ display:block;}
.themeAdminContent .bottom{ height:50px; clear:both; margin:15px 25px 0 0;}
.themeAdminContent .bottom input{ float:right; text-align:center; width:150px; height:40px; line-height:40px; border:0; border-radius:3px; padding:0; background:#d6d6d6; font-size:14px; margin-left:10px;}
.themeAdminContent .bottom input.btn{ background:#2b9fcb; color:white; text-shadow:none;}
.deleteThemeImg{ width:420px; height:150px; background:#ededed; border-radius:5px; box-shadow:0 0 10px #585858; position:fixed; left:50%; top:50%; -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); display:none; z-index:50;}
.deleteThemeImg div span{ width:80px; height:25px; line-height:25px; background:#3cafce; color:white; display:inline-block; border-radius:5px; text-align:center; font-size:16px; margin-right:70px;}
.deleteThemeImg div{ margin-left:94px;}
.deleteThemeImg p{ margin:0 10px; padding:0; margin-bottom:-20px; margin-top:10px; text-align:center; height:100px; line-height:80px; width:400px; overflow:hidden;}



/* 精品课首页 */
body.boutique{ background:#f3f3f3; font:14px "微软雅黑",Arial,sans-serif; padding-bottom:50px;}
body.boutique a{ text-decoration:none;}
body.boutique ul, body.boutique li, body.boutique dl, body.boutique dt, body.boutique dd{ margin:0; padding:0; border:0; list-style:none;}
header.boutique{ height:80px; width:1200px; margin:0 auto; overflow:hidden; position:relative;}
header.boutique .pull-left img{ margin-top:20px;}
header.boutique .pull-right{ height:80px; line-height:80px; color:#48c1df;}
header.boutique .pull-right a{ color:#48c1df; font-size:16px;}
header.boutique .pull-right span{ margin:0 5px; font-size:16px;}
header.boutique .middle{ position:absolute; top:22px; left:320px;}
header.boutique .middle input[type=text]{border:0; outline:none; margin:0; padding:0; width:500px; height:35px; line-height:35px; padding:0 10px; display:block; float:left;}
header.boutique .middle input[type=button]{border:0; outline:none; margin:0; padding:0; width:100px; height:35px; background:#48c1df; display:block; float:left; color:white; font-size:16px;}
header.boutique .middle input[type=button]:hover{ background:#6dc5dc;}
nav.boutique{ width:100%; height:45px; background:#3bafcd; position:relative;}
nav.boutique li{ float:left; height:45px; line-height:45px; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;}
nav.boutique li a{ font-size:16px; color:#202020; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s; display:block; padding:0 20px;}
nav.boutique li.active, nav.boutique li:hover{ background:#6dc5dc;}
nav.boutique li.active a, nav.boutique li:hover a{ color:white;}
nav.boutique ul{ display:block; width:1200px; height:45px; margin:0 auto;}
nav.boutique:before{ content:""; display:block; width:100%; height:4px; background:url(../images/20160129/topLinebg.jpg) repeat-x; position:absolute; top:45px; left:0; z-index:8;}
.banner.boutique{ width:1200px; height:550px; background:white; margin:0 auto;}
.banner.boutique .pull-left{ background:#6dc5dc; width:270px; height:550px; border:1px solid #4fa4ba;}
.banner.boutique .pull-left ul{ width:230px; height:510px; margin:20px;}
.banner.boutique .pull-left li{ border-bottom:1px dashed white; padding-bottom:15px; margin-bottom:15px;}
.banner.boutique .pull-left li:last-child{ border:none;}
.banner.boutique .pull-left dt, .banner.boutique .pull-left dd{ width:230px; height:32px; line-height:32px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s; cursor:pointer;}
.banner.boutique .pull-left dt:hover{ font-size:18px;}
.banner.boutique .pull-left dd:hover{ font-size:16px;}
.banner.boutique .pull-left dt{ font-size:16px;}
.banner.boutique .pull-left dd{ font-size:14px; padding-left:20px;}
.banner.boutique .pull-right{ height:550px; width:930px;}
.banner.boutique .pull-right .top{-moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s; cursor:pointer;}
.banner.boutique .pull-right .top:hover{ opacity:0.8;}
.banner.boutique .pull-right .bottom{ margin-top:10px;}
.banner.boutique .pull-right .bottom li{ float:left; margin:0 0 0 10px; width:300px; height:220px; position:relative; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s; cursor:pointer;}
.banner.boutique .pull-right .bottom li:hover{ opacity:0.8;}
.banner.boutique .pull-right .bottom li img{ width:300px; height:220px;}
.banner.boutique .pull-right .bottom li p{ width:250px; height:50px; margin:0; position:absolute; bottom:20px; left:25px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; z-index:1; color:white; font-size:24px;}
article.boutique{ width:1200px; margin:0 auto;}
.boutiqueClassList{ margin-top:20px;}
.boutiqueClassList .top{ width:1200px; height:42px; line-height:42px; background:white; margin-bottom:5px;}
.boutiqueClassList .top .pull-left{ padding:0; margin:0; border-left:10px solid #6dc5dc; padding-left:10px; height:42px; line-height:42px; font-size:16px; font-weight:bold; color:#5c5c5c;}
.boutiqueClassList .top .pull-right a{ margin-right:10px; font-style:italic; color:#a7a7a7; font-size:13px;}
.boutiqueClassList .box{ width:1200px; min-height:236px;}
.boutiqueClassList .box li{ float:left; margin-right:10px; overflow:hidden; position:relative; }
.boutiqueClassList .box li:nth-child(4n){ margin-right:0;}
.boutiqueClassList .box li:nth-child(1n), .boutiqueClassList .box > li:nth-child(3n){ width:293px;}
.boutiqueClassList .box li:nth-child(2n), .boutiqueClassList .box > li:nth-child(4n){ width:292px;}
.boutiqueClassList .box li:nth-child(1n) .img img, .boutiqueClassList .box li:nth-child(3n) .img img{ width:293px; height:236px;}
.boutiqueClassList .box li:nth-child(2n) .img img, .boutiqueClassList .box li:nth-child(4n) .img img{ width:292px; height:236px;}
.boutiqueClassList .box li .img img{-moz-transition:0.5s transform; -ms-transition:0.5s transform; -o-transition:0.5s transform; -webkit-transition:0.5s transform;transition:0.5s transform; -moz-transform:translateZ(0); -ms-transform:translateZ(0); -o-transform:translateZ(0);-webkit-transform:translateZ(0); transform:translateZ(0);}
.boutiqueClassList .box li:hover .img img{ -moz-transform:scale(1.5,1.5); -ms-ransform:scale(1.5,1.5); -o-transform:scale(1.5,1.5);	-webkit-transform:scale(1.5,1.5); transform:scale(1.5,1.5);}
.boutiqueClassList .box li cite{ position:absolute; right:10px; top:10px; font-style:normal; color:white; cursor:pointer; z-index:3;}
.boutiqueClassList .box li cite img{ margin-right:3px;}
.boutiqueClassList .box li i{ opacity:0; width:100%; height:236px; background:rgba(0,0,0,0.5); position:absolute; top:0; left:0; font-style:normal; color:white; padding:73px 20px; -moz-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; -webkit-transition:0.5s all;transition:0.5s all; -moz-transform:translateZ(0); -ms-transform:translateZ(0); -o-transform:translateZ(0);-webkit-transform:translateZ(0); transform:translateZ(0);}
.boutiqueClassList .box li:hover i{ opacity:1;}
.boutiqueClassList .box li i p{ margin:0; height:30px; line-height:30px; font-size:16px; width:250px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.boutiqueClassList .box li i p span{ margin-right:5px; padding-right:5px;}
.boutiqueClassList .box li i p span:last-child{ margin-right:0; padding-right:0;}
.boutiqueClassList .box li i p strong{ font-weight:normal; margin-left:5px;}
.boutiqueClassList .box li b{ opacity:1; width:100%; height:56px; line-height:56px; position:absolute; bottom:0; left:0; background:rgba(0,0,0,0.65); color:white; padding:0 20px; font-size:18px; text-align:center; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -moz-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; -webkit-transition:0.5s all;transition:0.5s all; -moz-transform:translateZ(0); -ms-transform:translateZ(0); -o-transform:translateZ(0);-webkit-transform:translateZ(0); transform:translateZ(0);}
.boutiqueClassList .box li:hover b{ opacity:0;}

/* 精品课列表页 */
.boutiqueClassList .list li{ margin-bottom:10px;}
.boutiqueClassList nav .pagination{ float:right;  margin:10px 0 50px 0;}

/* 精品课内容页 */
.jpContentTop{ width:1160px; height:auto; min-height:260px; box-sizing:content-box; background:white; padding:20px; margin-top:20px;}
.jpContentTop .top{ height:40px; line-height:40px;}
.jpContentTop .top b{ font-size:20px; margin-right:20px;}
.jpContentTop .top i{ font-style:normal;}
.jpContentTop .top span{ font-size:14px; border-right:1px solid #656565; color:#656565; padding-right:10px; margin-right:10px;}
.jpContentTop .top span:last-child{ border:none;}
.jpContentTop .box{ margin-top:15px;}
.jpContentTop .box .img{ width:360px; height:200px; overflow:hidden; cursor:pointer;}
.jpContentTop .box .img img{ width:360px; height:200px;-moz-transition:0.5s transform; -ms-transition:0.5s transform; -o-transition:0.5s transform; -webkit-transition:0.5s transform;transition:0.5s transform; -moz-transform:translateZ(0); -ms-transform:translateZ(0); -o-transform:translateZ(0);-webkit-transform:translateZ(0); transform:translateZ(0);}
.jpContentTop .box .img img:hover{ -moz-transform:scale(1.5,1.5); -ms-ransform:scale(1.5,1.5); -o-transform:scale(1.5,1.5);	-webkit-transform:scale(1.5,1.5); transform:scale(1.5,1.5);}
.jpContentTop .box .text{ width:520px; margin-left:20px;}
.jpContentTop .box h3{ margin:0; margin-bottom:5px; font-size:16px;}
.jpContentTop .box p{ line-height:200%;}
.jpContentTop .box .pull-right{ position:relative; height:200px;}
.jpContentTop .box .pull-right span, .jpContentTop .box .pull-right cite{ display:block; width:120px; height:42px; line-height:42px; text-align:center; font-style:normal; font-size:18px; color:white; margin-bottom:20px; margin-right:30px; cursor:pointer;}
.jpContentTop .box .pull-right span:hover, .jpContentTop .box .pull-right cite:hover{ opacity:0.9;}
.jpContentTop .box .pull-right span{ background:#ffa800;}
.jpContentTop .box .pull-right span.active, .jpContentTop .box .pull-right cite.active{ background:#9d9d9d;}
.jpContentTop .box .pull-right cite{ background:#72d2ce;}
.jpContentTop .box .pull-right b{ font-weight:normal; font-size:14px; color:#72d2ce; cursor:pointer; position:absolute; bottom:10px; right:30px;}
.jpconHide{ clear:both; width:1200px; height:250px; background:white; padding:0 20px 20px 20px; display:none;}
.jpconHide ul{ border-top:1px #ccc dashed !important; width:1160px; height:230px; overflow:hidden;}
.jpconHide li{ display:block; width:385px; margin-top:20px !important; height:230px; border-right:1px dashed #ccc !important; float:left;}
.jpconHide li:nth-child(2){ width:380px;}
.jpconHide li:nth-child(3){ width:390px;}
.jpconHide li h4{ font-size:16px;}
.jpconHide li dd{ line-height:33px; line-height:3px; width:100%; overflow:hidden; cursor:pointer;}
.jpconHide li dd img{ margin-right:4px; float:left; margin-top:5px;}
.jpconHide li dd span{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:345px; display:inline-block; float:left; height:33px; line-height:33px;}
.jpconHide li.v{ padding-left:20px; position:relative;}
.jpconHide li.v .video span{width:300px; height:154px; position:relative; display:none;}
.jpconHide li.v .video span:first-child{ display:block;}
.jpconHide li.v .video span > img{ width:300px; height:154px;}
.jpconHide li.v .video span i{ display:block; content:""; border:8px solid rgba(0,0,0,0.25); position:absolute; left:0; top:0; width:300px; height:154px; background:rgba(0,0,0,0.2); z-index:1;}
.jpconHide li.v .video span i img{ position:absolute; left:110px; top:35px; cursor:pointer; opacity:0.8;}
.jpconHide li.v .video span i img:hover{opacity:1;}
.jpconHide li.v b{ display:block; position:absolute; right:20px; top:40px;}
.jpconHide li.v b cite{ display:block; width:25px; height:25px; background:#eaffff; font-style:normal; margin-bottom:5px; text-align:center; line-height:25px; font-weight:normal;  color:#d0d0d0; cursor:pointer;}
.jpconHide li.v b cite.active, .jpconHide li.v b cite:hover{ color:#3f3f3f; background:#e5faff;}
.jpconHide li.w{ padding-left:20px; border:none !important;}
.jpconHide li.w dd span{ max-width:260px;}
.jpconHide li.w dd .down{ float:left; height:33px !important; line-height:33px !important; margin-left:10px; display:block;}

.jpContent .top{ width:1200px; height:50px; margin-top:20px; overflow:hidden; background:#f3f3f3; position:relative; z-index:1;}
.jpContent .top ul{width:600px; height:50px; overflow:hidden; margin:0 300px; display:block;}
.jpContent .top li{ width:200px; height:50px; line-height:50px; text-align:center; float:left; border:1px dashed #f3f3f3; border-bottom:none !important; border-top-left-radius:10px; border-top-right-radius:10px; background:#f3f3f3; color:#5a5b5b; font-size:16px; font-weight:bolder; cursor:pointer;}
.jpContent .top li:hover, .jpContent .top li.active{border:1px dashed white; background:#acdddd; color:white;}
.jpContent .middle{ width:1200px; padding:20px; background:#acdddd; border:1px dashed white; position:relative; z-index:0; margin-top:-1px; overflow:hidden; display:none;}
.jpContent .middle ul{ margin-left:5px;}
.knowledgeLabel{ height:36px; line-height:36px; background:#e5faff; border:2px dashed #48c1df !important; padding:0 20px !important; margin-right:20px !important; float:left; box-sizing:content-box; margin-bottom:10px !important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:220px; cursor:pointer;}
.skillLabel{ height:36px; line-height:36px; background:#fdeef5; border:2px dashed #f19ec2 !important; padding:0 20px !important; margin-right:20px !important; float:left; box-sizing:content-box; margin-bottom:10px !important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:220px; cursor:pointer;}
.jpContent .middle .text{ line-height:200%; color:#5a5b5b;}
.jpContent .box{ width:1200px; height:auto; min-height:500px; background:white; margin-top:20px; border:2px dashed #f3f3f3;}
.w180{ width:180px;}
.w170{ width:170px;}
.w250{ width:250px;}
.w260{ width:260px; padding-top:10px !important;}
.w140{ width:140px;}
.w160{ width:160px;}
.tLeft{ text-align:left;}
.tCenter{ text-align:center;}
.jpContent .box table{ margin:20px;}
.jpContent .box tbody tr:hover{ background:#f9f9f9;}
.jpContent .box td{ padding:5px 10px; line-height:180%; overflow:hidden;}
.jpContent .box thead td{ height:40px; line-height:40px; font-size:16px; color:#323232; border-right:1px solid #ddddd8;}
.jpContent .box thead td:last-child{ border:none;}
.jpContent .box tbody td{ border-right:1px solid #ddddd8; border-top:1px solid #ddddd8; height:130px; overflow:hidden; color:#646464;}
.jpContent .box tbody td:last-child{ border-right:none;}
.jpContent .box tbody td b{ display:block; font-size:16px; color:#313131; font-weight:normal; margin-bottom:5px;}
.jpContent .box tbody td button{ width:64px; height:28px; border:none; background:#ffbd3f; color:white; border-radius:3px; cursor:pointer; box-sizing:content-box; line-height:28px;}
.jpContent .box tbody td button.i{ background:#8cdbd8;}
.jpContent .box tbody td i{ display:block; width:100%; max-height:130px; box-sizing:content-box; font-style:normal; overflow-y:auto; overflow-x:hidden;}

.shadowBox{ width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; left:0; top:0; z-index:99; display:none;}
.videoBoutique{ padding:10px; background:white; border-radius:10px; min-width:500px; max-width:1000px; position:fixed; left:50%; top:50%; border:1px solid #ccc; -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); box-shadow:0 0 10px #ccc; display:none; z-index:100;}

.boutiqueClassList .pox{ width:1200px; height:auto; background:white; padding:15px 20px 10px 20px; margin-bottom:10px; overflow:hidden; font-size:16px; color:#9e9e9e;}
.boutiqueClassList .pox a{ color:#9e9e9e;}

.boutiqueClassList .pox .q{ overflow:hidden; line-height:30px; min-height:30px; margin-bottom:5px;}
.boutiqueClassList .pox .dt{ float:left; width:100px; font-weight:normal; color:#3dbfe0; line-height:30px;}
.boutiqueClassList .pox .dd{ float:left; overflow:hidden; width:1060px; line-height:30px;}
.boutiqueClassList .pox .dd a{ line-height:30px;}
.boutiqueClassList .pox .dd dd{ margin-right:20px; float:left; line-height:30px; cursor:pointer;}
.boutiqueClassList .pox .padding{ border:1px solid #ccc; line-height:18px !important; margin-top:4px; padding:1px;}
.boutiqueClassList .pox dd:hover, .boutiqueClassList .pox dd:hover a, .boutiqueClassList .pox .active a, .boutiqueClassList .pox .active{ color:#3dbfe0; border-color:#3dbfe0;}
#boutique-class11, #boutique-class22, #boutique-class33{ display:none;}




/* 课程分类 倩倩 */
.myClassFL{ position:absolute; bottom:10px; left:10px;}
.myClassFL span{ margin-left:5px;}
.myClassFL span{ float:left;}
.myClassFL span b{ font-weight:normal;}
.myClassFL cite{ margin-left:5px;}
.myClassFL .list{ float:left; position:relative;}
.myClassFL .list dl{ position:absolute; bottom:0; left:-20px; display:none; z-index:99;}
.myClassFL .list dd{ width:120px; background:white; height:30px; line-height:30px; text-indent:10px; border-top:1px solid #CCC;}
.myClassFL .list dd:first-child{ border-top:none;}
.myClassFL .list dd:hover{ background:#CCC;}



/* 活动课 收藏 加分类 弹窗 */
.acf-classify-alert{ width:450px; height:300px; background:#ededed; border-radius:5px; box-shadow:0 0 10px #222222; position:fixed; left:50%; top:50%; margin-left:-225px; margin-top:-200px; display:none;}
.acf-classify-alert .pox{ width:270px; margin-left:90px; margin-top:10px; height:40px; border:1px solid #858585; border-radius:5px; line-height:40px; background:white; float:left; position:relative; cursor:pointer;}
.acf-classify-alert .pox ul{ margin:0; padding:0; position:absolute; z-index:1; top:39px; left:0; height:160px; overflow-y:auto; overflow-x:hidden; display:none;}
.acf-classify-alert .pox li{ margin:0; padding:0; width:270px; height:40px; line-height:40px; background:white; text-indent:10px; font-size:14px; list-style:none;}
.acf-classify-alert .pox li:hover{ background:#3cafce; color:white;}
.acf-classify-alert .pox span b{ font-size:14px; color:#525252; font-weight:normal; padding:0 10px; border-right:1px solid #c2c2c2; width:220px; display:block; float:left;}
.acf-classify-alert .pox span img{ float:left; margin:14px;}
.acf-classify-alert h3{ font-size:20px; font-weight:bolder; text-align:center; margin-top:30px;}
.acf-classify-alert .b{ text-align:center; margin-top:40px;}
.acf-classify-alert .b input[type=text]{ width:150px; height:30px; border:1px solid #858585; border-radius:5px; padding:0 5px;}
.acf-classify-alert .b input[type=button]{ width:60px; height:30px; background:#3cafce; border:0; border-radius:5px; margin-left:5px; color:white;}
.acf-classify-alert .b input[type=button]:hover{ opacity:0.9;}
.acf-classify-alert .c input{ width:125px; height:30px; background:#3cafce; color:white; border:0; border-radius:5px;}
.acf-classify-alert .c input:first-child{ margin-right:20px;}
.acf-classify-alert .c input:hover{ opacity:0.9;}
.acf-classify-alert .c{ text-align:center; margin-top:30px;}
.acf-classify-alert .close{ position:absolute; top:10px; right:10px; z-index:100; opacity:1;}
.acf-classify-alert .close:hover{ opacity:0.8;}























/* 参与人 */
.ParticipantBtn{float:right; margin-top:40px; font-size:16px; color:#3bafcd;}
.participantList li{ height:60px; width:100%; border-bottom:1px solid white; overflow:hidden; padding-top:18px; padding-left:10px;}
.participantList li .left{ float:left;}
.participantList li .left img{ width:44px; height:44px; border-radius:50%; margin-top:15px;}
.participantList li .right{ float:left; margin-left:20px;}
.participantList li .right h3{ font-size:14px; margin:0; padding:0; line-height:20px; padding-bottom:3px;}
.participantList li .right p{ font-size:14px;}
.participantAlertBox{ width:960px; height:auto; padding-bottom:20px; background:#ededed; border-radius:5px; box-shadow:0 0 10px #585858; position:fixed; left:50%; top:50%; -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.participantAlertBox .top{ width:100%; height:70px; position:relative;}
.participantAlertBox .top h2{ font-size:22px; color:#43aed0; margin:0; padding:0; line-height:40px; margin-top:20px; text-align:center;}
.participantAlertBox .top p{ font-size:16px; text-align:center;}
.participantAlertBox .top .left{ position:absolute; left:25px; top:28px;}
.participantAlertBox .top .left b{ font-size:16px; display:inline-block; float:left; height:32px; line-height:32px; width:70px;}
.participantAlertBox .top .left i{ display:inline-block; width:200px; height:30px; line-height:30px; background:white; border-radius:3px; float:left; border:1px solid #46aed0; cursor:pointer; position:relative; z-index:1;}
.participantAlertBox .top .left i:hover{ opacity:0.9;}
.participantAlertBox .top .left i cite{ font-style:normal; max-width:150px; padding:0 5px; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:inline-block;}
.participantAlertBox .top .left i strong{ width:30px; border-left:1px solid #46aed0; display:inline-block; height:28px; float:right; text-align:center;}
.participantAlertBox .top .left i strong span{ font-size:30px; margin-top:-5px; margin-left:-2px;}
.participantAlertBox .top .right{ position:absolute; right:25px; top:28px;}
.participantAlertBox .top .right div{ position:relative; width:252px; height:32px;}
.participantAlertBox .top .right div input[type=text]{ width:250px; height:30px; line-height:30px; border:1px solid #46aed0; border-radius:3px; padding:0 85px 0 5px;}
.participantAlertBox .top .right div input:last-child{ position:absolute; right:3px; top:1px; border:none; outline:0; width:80px; height:28px; border-left:1px solid #46aed0; background:#e7e7e7; border-top-right-radius:3px; border-bottom-right-radius:3px; color:#46aed0;}
.participantAlertBox .top .right div input:last-child:hover{ opacity:0.8;}
.participantAlertBox .top h4{ position:absolute; width:100%; text-align:center; margin-top:10px; left:0; top:75px; font-size:16px; display:none;}
.participantAlertBox .whiteBox{ width:910px; height:295px; background:white; margin-left:25px; margin-top:20px; border-radius:5px; position:relative; padding:10px 0; overflow:auto;}
.participantAlertBox .whiteBox ul{ display:none;}
.participantAlertBox .whiteBox li{width:820px; height:56px; margin-left:0px; padding:0 10px; border-bottom:1px solid #eae9e7; overflow:hidden; line-height:56px; cursor:pointer;}
.participantAlertBox .whiteBox li:hover{ background:#f8f8f8;}
.participantAlertBox .whiteBox li i, .participantAlertBox .checkAll i{ display:inline-block; width:20px; height:20px; margin-top:18px; border-radius:50%; float:left; background:url(../images/20160223/chooseNoRound.jpg) no-repeat;}
.participantAlertBox .whiteBox li b{display:block; width:40px; height:40px; border-radius:50%; float:left; margin-left:20px;}
.participantAlertBox .whiteBox li b img{ width:40px; height:40px; border-radius:50%;}
.participantAlertBox .whiteBox li span{ margin-left:50px;}
.participantAlertBox .whiteBox li time{ float:right; padding-right:20px;}
.participantAlertBox .whiteBox li.active i, .participantAlertBox .checkAll.active i{ background:url(../images/20160223/chooseYesRound.jpg) no-repeat;}
.participantAlertBox .checkAll{ overflow:hidden; padding-left:75px; cursor:pointer; margin-top:-5px; position:relative; z-index:1; width:200px;}
.participantAlertBox .checkAll span{ margin-top:18px; display:inline-block; margin-left:5px; color:#848283;}
.participantAlertBox .playerTags{ width:910px; margin-left:25px; overflow:auto; margin-top:20px; height:90px;}
.participantAlertBox .playerTags dt{ font-size:14px; margin-right:10px; float:left; height:18px; line-height:18px; margin-bottom:12px;}
.participantAlertBox .playerTags dd{ font-size:14px; margin-right:10px; float:left; height:18px; line-height:18px; background:#d3d5d6; padding:0 10px; margin-bottom:12px;}
.participantAlertBox .playerTags dd img{ margin-left:5px; margin-top:-2px; cursor:pointer;}
#cdcPlayer{ position:relative;}
#cdcPlayer ul{ list-style:none; margin:0; padding:0; padding-top:31px; margin:0 0 0 70px; display:none;}
#cdcPlayer li{ width:200px; height:30px; background:white; color:#222222; margin-bottom:1px; line-height:30px; padding:0 8px; color:white; cursor:pointer; list-style:none; z-index:2; position:relative; border-radius:3px;}
#cdcPlayer li:hover{ background:#47aed1;}
#cdcPlayer li cite{ font-style:normal; width:160px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; color:#222222;}
#cdcPlayer li:hover cite{ color:white;}
#cdcPlayer li span{ display:inline-block; width:20px; height:20px; text-align:right;}
#cdcPlayer li span img{ margin-top:-23px;}
#cdcPlayer li dl{ width:440px; box-sizing:content-box; overflow:hidden; height:auto; display:block; background:#47aed1; margin:0; padding:0; position:absolute; left:201px; top:0; border-radius:3px; border:1px  solid #47aed1; display:none;}
#cdcPlayer li dd{ width:110px; height:30px; line-height:30px; text-align:left; float:left; padding:0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#cdcPlayer li dd:hover{ background:white; color:#47aed1;}
.participantAlertBox .btn{ margin:5px 350px;}
.participantAlertBox .btn input{ width:200px; height:40px; line-height:40px; text-align:center; background:#46aed0; color:white; border:0; border-radius:5px;}
.participantAlertBox .btn input:hover{ opacity:0.8;}