/*ACG名校OFFER榜*/



.con1 {padding-bottom: 45px;}



.con1 li {margin-top: 2%;background: #fff;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}



.con1 li:hover {color: #fff;background: #f58635;}



.con1 li .tu {position: relative;}



.con1 li .tu>img {width: 100%;}



.con1 li .tu .luqu {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(/assets/img/13.png) no-repeat center;background-size: 35%;}



.con1 li:hover .tu .luqu {background: url(/assets/img/14.png) no-repeat center;background-size: 35%;}



.con1 li .tu .luqu p {left: 0;width: 100%;font-size: 12px;text-align: center;color: #000;}



.con1 li .tu .luqu span {font-size: 20px;}



.con1 li .info {padding:1px 14px;}



.con1 li:hover .info{background: #ee7706;}



.con1 li .info img {width: calc(24% - 2px);border: 1px solid #eaeaea;vertical-align: middle;}



.con1 li .info .text {position: relative;display: inline-block;width: 65%;margin-left: 5%;padding: 2% 0;vertical-align: middle;}



.con1 li .info .text h4 {font-size: 16px;height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}



.con1 li .info .text p {font-family: helvetica;font-size: 12px;padding-top: 10px;padding-bottom: 10px;}



.con1 li .info .text a {position: absolute;bottom: 0;right: 0;font-size: 12px;color: #282828;padding-right: 15%;text-align: left;background: url(/assets/img/15.png) no-repeat right center;background-size: 25%;}



.con1 li:hover .info .text a {color: #fff;background: url(/assets/img/16.png) no-repeat right center;background-size: 25%;}



/*学霸心得分享*/



.con2 {padding-bottom: 40px;background: url(/assets/img/3.jpg) no-repeat center;background-size: cover;}



.con2 h3 {color: #fff;}



.con2 #featured-area {position: relative;width: 56.5%;padding: 0 5%;margin: 3% auto;}



.con2 .roundabout-holder {position: relative;width: 100%;height: 100%;}



.con2 .roundabout-moveable-item {width: 100%;height: 100%;cursor: pointer;padding: 5px 5px 50px;background: #fff;}



.con2 .roundabout-moveable-item img {height: 100%;width:100%;background-color: #FFFFFF;margin: 0;}



.con2 .roundabout-moveable-item h4{font-size: 16px;font-weight: normal;padding: 12px;}



.con2 .roundabout-in-focus {cursor: auto;}



.con2 .roundabout-in-focus img {width: 100%;}



.con2 .roundabout li {margin: 0}



.con2 #featured-area .prevBtn{position: absolute;top: 50%;left: -30%;width: 10%;height: 56px;margin-top: -28px;background: url(/assets/img/6.png) no-repeat center;background-size: 50%;border: none;cursor: pointer;}



.con2 #featured-area .nextBtn{position: absolute;top: 50%;right: -30%;width: 10%;height: 56px;margin-top: -28px;background: url(/assets/img/7.png) no-repeat center;background-size: 50%;border: none;cursor: pointer;}



.con2 #featured-area .tu{position: relative;}



.con2 #featured-area .control{position: absolute;left: 0;top: 0;width: 100%;height: 98%;background: url(/assets/img/control_play.png) no-repeat center;background-size: 100%;z-index: 10;}









.videolist { width: 112px;height: 112px;margin-right:50px; margin-top:15px; margin-bottom:30px; }

.videolist:hover{ cursor: pointer; }

.videoed { display:none; width:50px; height:50px; position: absolute; left:45%; top:45%; z-index:99; border-radius:100%; }

.videos{ display:none; border: 1px solid #080808; position:fixed; left:50%; top:50%; margin-left:-320px; margin-top:-210px; z-index:100; width:644px; height:360px; }

.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }



/*成功案例*/



.con3 {padding-bottom: 3%;background: #f6f6f6;}



.con3 .tabs{text-align: center;padding-bottom: 5%;}



.con3 .tabs li {display: inline-block;width: 150px;height: 35px;line-height: 35px;font-size: 16px;color: #f58635;margin: 0 2%;cursor: pointer;border: 1px solid #f58635;}



.con3 .tabs li.active{color: #fff;background: #f58635;}



/*.con3 .tablist ul{min-height: 970px;}*/



.con3 .tablist #page>div{display: inline-block;cursor: pointer;}



.con3 .tablist #page>div p{display: inline-block;width: 25px;height: 25px;	line-height: 25px;background: #fff;margin: 0 5px;}



.con3 .tablist #page>div p a{color: #999;}



.con3 .tablist #page p a.current{display: block;color: #333;background: #999;}



.con3 .tablist li {position: relative;margin-bottom: 3%;}



.con3 .tablist li>a{display: block;color: #282828;}



.con3 .tablist li img{width: 100%;}



.con3 .tablist li .info {position: relative;width: 80%;color: #666;margin-top: -20%;margin-left: 10%;z-index: 2;}



.con3 .tablist li .info .text {padding: 5% 8%;background: #fff;}



.con3 .tablist li .info p.xy {opacity: 0;font-size: 14px;color: #fff;padding: 2% 0;background: rgba(0, 0, 0, 0.3);text-align: center;}



.con3 .tablist li .info h5 {font-size: 16px;padding-bottom: 10px;}



.con3 .tablist li .info h5 span {display: inline-block;width: 1px;height: 14px;background: #282828;vertical-align: middle;margin-right: 10px;}



.con3 .tablist li .info p {font-size: 12px;height: 25px;line-height: 25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}



.con3 .tablist li:hover .info p.xy {opacity: 1;}



.con3 .tablist li:hover .text {color: #fff;background: #f58635;}



.con3 .tablist li:hover .info h5 span {background: #fff;}



/*推荐课程*/



.con4 {padding-bottom: 5%;}



.con4 li .tu {position: relative;}



.con4 li .tu img{width: 100%;}



.con4 li h4 {font-size: 18px;color: #fff;padding: 10% 0;background: #333;text-align: center;}



.con4 li h4 p {height: 27px;}



.con4 li h4 a {display: none;font-size: 14px;color: #f58635;padding: 0 10%;height: 27px;line-height: 27px;background: #fff;border-radius: 10px;}



.con4 li:hover h4 {background: #f58635;}



.con4 li:hover h4 p {display: none;}



.con4 li:hover h4 a {display: inline-block;}



.con4 .info {opacity: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);}



.con4 li:hover .info {opacity: 1;}



.con4 .info .text {left: 20%;width: 60%;font-size: 12px;color: #fff;}



.con4 .info .text h5 {font-size: 16px;padding-bottom: 5%;text-align: center;}