/* 添加新的活动课 */
.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;}

/* 收藏 */
.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:25px;}
.collectYz .top1 > div{ width:770px; position:absolute; left:72px; top:0; padding-top:9px;}
.collectYz .top1 > div span{ line-height:25%;}
.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; cursor:pointer;}
.collectYz .top2 strong{ cursor:pointer;}
.top1 span.active{color:#4696ad;}
.collectYz .top cite{ position:absolute; right:20px; top:0px; color:#4696ad; display:block; cursor:pointer;}
.top1List{ display:none;}
.classList{ background:#f5f5f5; height:auto; min-height:300px; padding:20px 0 20px 20px; padding-bottom:200px;}
.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; background:#dddddd;}
.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 .b span{ width:140px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block;}
.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 b{ font-weight:normal; width:70px; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.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:147px; background:#dddddd; opacity:0.95; height:30px; line-height:30px; padding:0 10px; border-top:1px solid #CCC; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.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; height:80px; overflow:hidden;}
.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; cursor:pointer;}
.activeClassList .bot1 dl{ display:block; position:absolute; top:40px; left:-10px; display:none; z-index:99;}
.activeClassList .bot1 dd{ width:140px; background:#dddddd; opacity:0.95; height:30px; line-height:30px; text-indent:10px; border-top:1px solid #CCC; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.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; cursor:pointer;}
.activeClassList .bot3{ text-align:center; width:134px; background:#dcdcdc; cursor:pointer;}
.activeClassList .bot4{ width:270px;}
.activeClassList .bot2:hover, .activeClassList .bot3:hover{ background:#d4d2d2;}
.activeClassList cite span{ width:110px; overflow:hidden; display:inline-block; text-overflow:ellipsis; white-space:nowrap;}
.slidingDoor{ min-height:500px;}
.slidingDoor .list span{ cursor:pointer;}
span.application{ cursor:pointer;}
span.delete{ cursor:pointer;}

.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; z-index:1; top:40px; left:0; display:none; height:200px; overflow-y:auto; overflow-x:hidden;}
.applicationAleftBox .box .pox li{ width:380px; height:40px; line-height:40px; background:#cac8c9; text-indent:20px;}
.applicationAleftBox .box .pox li:hover{ background:#726e6f; 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;}
.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%);}
.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;}
.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/chooseNo.jpg) no-repeat 626px 20px}
.chooseClassList .active{background:url(../images/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 .ec2 i{background:#a64847;}
.editAndCollection .ec1 i{ background:#767779;}
.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;}
.editAndCollection .active span{ color:#ad4a4e;}


.AbackYz {
    background-image: url("../images/sc.png") !important;
    height: 36px !important;
    width: 36px !important;
}