/*广告*/
.ad{width: 100%; height: 70px;}

/*头部*/
.header{height:60px; padding: 15px 0; background: #fff;}
.header .logo{display: block; height:60px; float: left; margin-right: 62px; position: relative;}
.header .logo img{height: 100%;}
.header .logo:after{display: none; height:50px; width:50px; background: url(/static25/images/index/header_img.png); background-size:auto 100%; position: absolute; right:-60px; top:5px; content: ''; }
.header .navigation a,.studyCenter{font-size: 16px; color: #222; float: left; line-height: 1; padding-bottom: 5px;  border-bottom: 3px solid #fff; float: left; margin:18px 30px 18px 0;}
.header .navigation a:hover,.studyCenter:hover{color: #649cf0; border-bottom: 3px solid #649cf0;}
.header .navigation a.active{color: #649cf0; border-bottom: 3px solid #649cf0;}
.header .unlogin{padding: 12px 0;}
.header .unlogin .LoginName{float: left; padding:0 20px; font-size: 16px; line-height: 26px;}
.header .unlogin span{color: #649cf0;}
.header .unlogin a{color: #649cf0; border: 1px solid #649cf0; padding: 0px 30px; border-radius: 28px; line-height: 1; height: 24px; line-height: 24px; display: inline-block;}
.header .unlogin a:nth-child(1){background: #649cf0; color: #fff; margin-right: 13px;}
.header .unlogin a:hover{background: #4187f0; border: 1px solid #4187f0; color: #fff;}
#logininfowin a:nth-child(1){background: none; color: #649cf0; padding: 0;border: none;}

/*搜索*/
.search{float:left;width:235px;height:26px;border:1px solid #cfd1d6;margin:12px 30px 0 0;position:relative}
.searchInput{font-size:12px;border:none;width:220px;margin:5px 9px;line-height:1.5;padding-left:0px;appearance:button;-moz-appearance:button;-webkit-appearance:button}
.searchBtn{display:inline-block;width:41px;height:27px;position:absolute;right:0;top:0;background: url(/static25/images/index/search-submit.png) #659CEF center center no-repeat; background-size: 55%;}
.searchSubmit{font-size:0px;border:none;cursor:pointer; appearance:button;-moz-appearance:button;-webkit-appearance:button}
.search_history{display:none;width:270px;padding:0 0 10px 0;background-color:#fff;box-shadow:0px 0px 8px 0px rgba(90,90,90,0.18);position:absolute;top:28px;left:0;z-index: 2;}
.search_history dl{padding:0 20px}
.search_history dl dt{width:240px;line-height:44px;color:#9598A2;font-size:14px;position:relative}
.search_history dl dt .icon_hot_fire{display:inline-block;width:11px;height:13px;background:url(/static25/images/index/icon_hot_fire.png) 0 0 no-repeat;margin-right:5px}
.search_history dl dt span{vertical-align:middle}
.search_history dl dd{cursor:pointer;display:inline-block;padding:5px 10px;margin:0 10px 10px 0;font-size:12px;background-color:#F4F4F4;border-radius:15px;color:#171920}



/*轮播图*/
.banner{width:100%; height: 500px; position: relative;}
.banner .flexslider{position:relative; overflow: hidden; z-index:1;}
.banner .flexslider .slides{z-index:2;}
.banner .flexslider .slides li{width:100%; height:500px;}
.banner .flexslider .slides li a{width: 100%; height: 100%; display: block; }
.flex-control-nav{position:absolute; bottom:8px; z-index:2; width: 100%; text-align:center;}
.flex-control-nav li{display:inline-block; margin:0 5px; *display:inline; zoom:1;}
.flex-control-nav a{display:inline-block; width:10px; height:10px; line-height:40px; overflow:hidden; background:#FFF; opacity:.5; border-radius:5px;}
.flex-control-nav a.flex-active{width: 30px !important; opacity:1;}
/*栏目*/
.listCon{position: absolute; top: 0; left: 50%; margin-left: -590px; height: 500px; width: 280px; background: #fff; background: rgba(255,255,255,.9);    display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;align-items:stretch;z-index:4;}
.listCon li.first{height:100px}
.listCon li:first-child .title{padding-top:12px}
.listCon li{border-left:3px solid transparent;padding-left:17px;display:block;padding-bottom:5px}
.listCon li .title{font-size:14px;color:#171920;font-weight:700;padding-top:10px;padding-bottom:8px;line-height:1;position:relative}
.listCon li .title .icon18{position:absolute;right:14px;top:12px}
.icon18-banner-arrow{background:url(/static25/images/index/banner-arrow.svg) no-repeat; width:12px;height:12px; background-position:0 0;}
.listCon li .list{display: inline-block;}
.listCon li .list a{line-height:21px;color:#686a71;font-size:12px;margin-right:9px;word-break:keep-all;float:left;*float:none}
.listCon li .list a:hover{color:#649cf0}
.listCon li .courselist{position:absolute;top:0;left:280px;min-height:460px;border-top:1px solid #efeff0;border-bottom:1px solid #efeff0;width:900px;background:#fff;overflow:auto;display:none;z-index:1;padding-top:44px}
.listCon li .courselist .part span{width:126px;padding-left:47px;float:left;font-size:14px;line-height:28px;font-weight:700;color:#686a71}
.listCon li .courselist .part div{width:700px;padding-bottom:24px;float:left}
.listCon li .courselist .part div a{width:165px;padding-right:10px;font-size:14px;line-height:28px;color:#686a71;display:inline-block}
.listCon li .courselist .part div a:hover{color:#649cf0}
.listCon li:hover{background:#fff;border-color:#649cf0}
.listCon li:hover .title{color:#649cf0}
.listCon li:hover .title .icon18{display:none}
./*listCon li:hover .courselist{display:block}*/
.listCon .exam-row{height:58px}
.listCon .exam-row-4{height:120px}

/*四块*/
.strong-block .w1180{width: 1200px; margin: 0 auto; display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;background-color:#fff;border-radius:4px;margin-top:20px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between}
.strong-block .item{width:220px;height:104px;background:#fff;border-radius:6px 30px 6px 6px;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:10px;color:#222;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;align-items:center;position:relative;margin-right:10px}
.strong-block .item::after{content:'';display:block;width:1px;height:40px;background:#f2f2f2;right:10px;top:30px;position:absolute}
.strong-block .item:last-child::after{display:none}
.strong-block .item img{width:70px;height:70px;border-radius:8px}
.strong-block .item .strong-left{margin-left:10px;font-size:12px;padding-top:2px}
.strong-block .item .strong-left h3{font-size:16px}
.strong-block .item .strong-left h3 span{position:relative}
.strong-block .item .strong-left p{color:#666;margin-top:4px}
.strong-block .item:hover{color:#649cf0}
.strong-block .item:hover .strong-left p{color:#649cf0}


/*直播*/
.tempWrap ul{display: flex;}
.tempWrap ul li{width: 280px; margin-right: 27px;}
.expose-live-title{font-size:24px;margin:22px 0; font-weight:bold; min-height:24px; line-height:24px;}
.expose-live-title .moreLink{font-size:14px;float:right;color:#9598a2}
.expose-live-title .moreLink span{width: 16px; height: 16px; top:4px; margin-left:4px; background:url(/static25/images/index/more.png); float:right; position:relative;}
/*直播 && 标题*/
.live-card{width:280px; height:300px; min-height:246px; float:left; margin:0 20px 20px 0; user-select: none;}
.live-card .card-wrap{min-height:260px; position:relative; width:240px; padding:20px; background:#fff;}
.live-card .course-card-body{position:relative}
.live-card .title{font-size: 16px; line-height:22px; height:44px; margin-top:29px; margin-bottom:12px; text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
/*直播 && 介绍*/
.live-card .tag-group{margin-bottom:16px;height:20px}
.live-card .tag-group .tag{color:#9598A2;padding:0 5px;height:20px;line-height:20px;float:left;max-width:108px;overflow:hidden;font-size:12px}
.live-card .tag-group .tag:after{content:'';border-right:1px solid #9B9B9B;height:10px;float:right;position:relative;top:4px;left:5px}
.live-card .tag-group .tag:last-child::after{border-right:0}
.live-card .tag-group .tag{*display:inline-block}
/*直播 && 状态*/
.live-card .daytime-block{height:12px; line-height:12px; position:absolute;top:-25px; margin:0; padding:0; font-size:14px}
.live-card .daytime-block span{float: left;}
.living-card .daytime-block .zhuangtai{color:#FF6600; position:relative; z-index:1; text-indent:32px;}
.live-card .daytime-block .icon-warp{width:26px; height:22px; background:linear-gradient(113deg,#ff6000,#ffc67d); border-radius:12px 0px 16px 12px;}
.living-card .living-logo{display: inline-block; width:78px;height:22px;background:#FFF4DD;border-radius:55px;position:absolute;left:0;top:-6px;z-index:0;text-indent:0;}
.live-card .icon-time{margin:-1px 8px 0 0; width: 13px; height: 13px; background: url(/static25/images/index/living_time.png); background-size: contain;}
.live-card .icon-living-white{position:relative; top:2px; left:3px;width:14px; height:14px; -webkit-animation:euiIconLiving2 0.6s steps(6) infinite; animation:euiIconLiving 2 0.6s steps(6) infinite; background-size:auto; background-image: url(/static25/images/index/living.png);}
@-webkit-keyframes euiIconLiving2{0%{background-position:0 0} 100%{background-position:-108px 0} }
@keyframes euiIconLiving2{0%{background-position:0 0} 100%{background-position:-108px 0} }
.living-card .living-logo{display: inline-block;}
.living-card .icon-time{display: none;}
.meeting-card .living-logo{display: none;}
.meeting-card .icon-time{display: block;}
/*直播 && 师资*/
.live-card .teacher-group{margin-bottom:48px}
.live-card .teacher-block{float:left;width:40px;margin-right:17px}
.live-card .teacher-block .teacher-face{width:40px;height:40px;display:block;margin-bottom:7px;background:#dddddd;border-radius:50%;margin-right:17px}
.live-card .teacher-block .teacher-name{color:#9598A2;text-align:center;display:inline-block;width:140%;margin-left:-20%;font-size:12px}
/*直播 && 按钮*/
.live-card .course-card-footer{position:absolute;width:240px;bottom:0;border-top:1px solid #EFEFF0;text-align:center;padding-top:16px;padding-bottom:17px}
.course-card-footer a{height:36px; line-height:34px; text-align:center; background:#fff;  border:1px solid #538FFD; color:#538FFD; border-radius:50px;font-size:16px; padding:0 22px; font-weight: 100; float: left; display:inline-block; cursor:pointer;}
.course-card-footer a:first-child:hover{background: #538FFD; color: #fff;}
.living-card .course-card-footer a:last-child{background: linear-gradient(90deg, #0FDC79, #17DB9D); color: #fff; border-color: #17DB9D; float: right;}
.living-card .course-card-footer a:last-child:hover{background: linear-gradient(90deg, #0dc48a, #07da75);}
.meeting-card .course-card-footer a:last-child{background: linear-gradient(90deg,#74ABFF,#538FFD); color: #fff; float: right;}
.meeting-card .course-card-footer a:last-child:hover{background: linear-gradient(90deg, #4889FF, #5296FF);}


/*课程列表*/
.courseTitle{position: relative; height: 90px; padding-top: 8px;}
.courseTitle h2{font-size:24px; color:#171920; line-height:90px; font-weight: bold;}
.courseCaidan{position:absolute; right:0; top:47px; height:29px; overflow:hidden; max-width:1050px; text-align:right}
.courseCaidan li{margin-left:30px; height:30px; font-size:16px; color:#171920; line-height:1; display:inline-block; text-align:center; position:relative; cursor:pointer;}
.courseCaidan li:hover{color: #649cf0;}
.courseCaidan li:hover:after{display: block;}
.courseCaidan li:after{content: ''; position:absolute; left:50%; top:25px; margin-left:-16px; width:32px; height: 3px; background: #649cf0; display: none;}
.courseCaidan li.active{color: #649cf0;}
.courseCaidan li.active:after{display: block; color: #649cf0;}

.course{padding-bottom: 50px;}
.coursebody .cousepart{display: none;}
.coursebody .cousepart:first-child{display: block;}
.coursemain{width: 880px; float: left;}
.coursemain .cardImg{float: left;}
.coursemain .card-wrap{width:280px; min-height:246px; float:left; margin-left:20px; margin-bottom:20px; user-select:none;}
.coursemain .card-wrap:nth-child(3){margin-left: 0;}
.coursemain .card-wrap a{width:240px;min-height:199px;padding:25px 20px 20px 20px;display:table;background:#fff;}
.cardtitle{font-size: 16px; line-height:22px; margin-bottom:20px; height:44px; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical;}
.subtitle{color:#9598A2;margin-bottom:12px;height:12px;line-height:12px; color: #9598A2;}
.subtitle i{height:10px;width:1px;background:#9B9B9B;margin:0 8px;display:inline-block;}
.tag-group{margin-bottom:36px;height:20px;}
.tag-group span{background:#F7F7F7;color:#9598A2;display:inline-block;padding:0 5px;height:20px;line-height:20px;float:left;margin-right:10px;max-width:72px;overflow:hidden;font-size:12px;}
.teacher-group{margin-bottom: 18px;}
.teacher-group p{float:left;width:40px;margin-right:17px;}
.teacher-group p img{width:40px;height:40px;display:block;margin-bottom:5px;background:#dddddd;border-radius:50%;}
.teacher-group p span{color:#9598A2;text-align:center;display:inline-block;width:140%;margin-left:-20%;font-size:12px;}
.course-card-footer{clear:both;height:53px;position:relative;width:240px;border-top:1px solid #F0F0F0;color:#9598A2;line-height:12px;}
.course-card-footer p{position: absolute; bottom: 0; left:0;}
.course-card-footer .member-price{position:absolute;bottom:-2px;right:0;width:150px;text-align:right}
.course-card-footer .member-price div{color:#f54030;height:20px;line-height:20px;margin-bottom: 4px; font-size: 14px;}
.course-card-footer .member-price div span{color:#f54030; font-size: 22px;}
.course-card-footer .member-price .price-old{position: absolute;right:0;bottom:24px;text-decoration:line-through;color:#CCCCCC;}
.newschoose{background: #fff; width:300px; height: 672px; float:right;}

.countdown{padding:30px 0;}
.countdown p a{display: block; border-radius: 4px; margin: 0 auto; padding-left: 20px;}
.countdown p .joinTiKu{width: 225px; height: 58px; line-height: 58px; color: #fff; font-size: 17px; background:url(/static25/images/index/tiku_icon.png)right 20px center no-repeat #538FFD;}
.countdown p .lookMore{width: 223px; height: 56px; border: 1px solid #538FFD; margin-top: 20px; color: #666; font-size: 12px; background: url(/static25/images/index/course_more.png)no-repeat right 20px center #fff;}
.countdown p .lookMore span{display: block; font-size: 16px; color: #538FFD; margin:5px 0;}


.newschoose h2{font-size: 18px; position: relative; display: inline-block; padding: 20px; padding-bottom:10px; font-weight: bold;}
.newschoose h2:after{content:" ";width:24px;height:3px;background:#e73928;display:inline-block;position:absolute;bottom:0;left:50%;transform:translate(-50%);}
.newschoose ul{padding: 0 20px; height: 420px; overflow: hidden;}
.newschoose ul li{margin-top: 22px;}
.newschoose ul li a{display: flex; align-items: center;}
.newschoose ul li a span:first-child{margin-right:13px; font-size:20px; color: #d6dbe3; font-weight:bold;}
.newschoose ul li a span:last-child{font-size:15px;color:#202228; white-space:nowrap; word-break:break-all; overflow:hidden; text-overflow:ellipsis; line-break:anywhere; flex:1;}
.newschoose ul li:nth-child(1) a span:first-child{color: #ff2e30;}
.newschoose ul li:nth-child(2) a span:first-child{color: #202228;}
.newschoose ul li:nth-child(3) a span:first-child{color: #202228;}

/*下一个*/
.tempWrap{width: 1200px; position: relative; overflow:hidden;}
.picScroll-left i.btn{display: block; width:24px; height: 100%; position: absolute; top: 0; z-index: 999; cursor: pointer;}
.picScroll-left i.prev{left: -24px; background: url(/static25/images/index/arrow_prev.png)no-repeat center;}
.picScroll-left i.next{right: -24px; background: url(/static25/images/index/arrow_next.png)no-repeat center; }
.picScroll-left i.btn:hover{opacity: .8;}