/*ACG名校OFFER榜*/
.con1 {padding-bottom: 5%;}
.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(../images/13.png) no-repeat center;background-size: 35%;}
.con1 li:hover .tu .luqu {background: url(../images/14.png) no-repeat center;background-size: 35%;}
.con1 li .tu .luqu p {left: 0;width: 100%;font-size: 12px;text-align: center;}
.con1 li .tu .luqu span {font-size: 20px;}
.con1 li .info {padding: 5%;}
.con1 li .info img {width: calc(30% - 2px);border: 1px solid #eaeaea;vertical-align: middle;}
.con1 li .info .text {position: relative;display: inline-block;width: 65%;margin-left: 5%;padding: 5% 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(../images/15.png) no-repeat right center;background-size: 25%;}
.con1 li:hover .info .text a {color: #fff;background: url(../images/16.png) no-repeat right center;background-size: 25%;}
/*学霸心得分享*/
.con2 {padding-bottom: 5%;background: url(../images/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: 10px;}
.con2 .roundabout-in-focus {cursor: auto;}
.con2 .roundabout li {margin: 0}
.con2 #featured-area .prevBtn{position: absolute;top: 50%;left: -30%;width: 10%;height: 56px;margin-top: -28px;background: url(../images/6.png) no-repeat center;background-size: 50%;border: none;}
.con2 #featured-area .nextBtn{position: absolute;top: 50%;right: -30%;width: 10%;height: 56px;margin-top: -28px;background: url(../images/7.png) no-repeat center;background-size: 50%;border: none;}
.con2 #featured-area .tu{position: relative;}
.con2 #featured-area .control{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(/public/static/home/global/images/control_play.png) no-repeat center;background-size: 100%;z-index: 10;}
/*成功案例*/
.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;}