@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;}
body{ font-size:14px; font-family:'Arial','微软雅黑'; background:#f5f5f5; color:#333;}
body, dd, dl, h1, h2, h3, h4, h5, h6, p, ul {padding: 0;margin: 0;}
a{ text-decoration:none; color:#333;}
a:hover{text-decoration:none; color:#333;}
a:active, a:hover,a:focus{text-decoration:none; color:#333;}
li{ list-style:none;}

[v-cloak] {
    display: none;
}
/* @media only screen and (max-width:300px) {body { font-size:8.33333px!important}.viewport {	max-width:300px}}
@media only screen and (max-width:310px) and (min-width:300px) {body { font-size:8.33333px!important}.viewport { max-width:300px}}
@media only screen and (max-width:320px) and (min-width:310px) {body { font-size:8.88889px!important}.viewport { max-width:320px}}
@media only screen and (max-width:360px) and (min-width:320px) {body { font-size:8.88889px!important}.viewport {max-width:360px}}
@media only screen and (max-width:360px) and (min-width:350px) {body { font-size:10px!important}.viewport { max-width:360px}}
@media only screen and (max-width:480px) and (min-width:360px) {body { font-size:10px!important}.viewport { max-width:480px}}
@media only screen and (max-width:480px) and (min-width:470px) {body { font-size:11px!important}.viewport { max-width:480px}}
@media only screen and (max-width:599px) and (min-width:480px) {body { font-size:12px!important}.viewport { max-width:560px}}
@media only screen and (max-width:799px) and (min-width:600px) {body { font-size:12px!important}.viewport { max-width:570px}}
@media only screen and (max-width:999px) and (min-width:800px) {body { font-size:13px}.viewport { max-width:640px}}
@media only screen and (max-width:1200px) and (min-width:1000px) {body { font-size:14px!important}.viewport {	max-width:640px}} */

/*banner图上的箭头*/
.header-banner .carousel-control{top: calc(50% - 13px);left:50px; z-index: 16; width: 26px;height: 26px;line-height: 26px;background-color: rgba(0,0,0,.5);border-radius: 50%;opacity: 0;color: #fff;transform: rotate(720deg) scale(0); text-align:center;}
.header-banner .carousel-control.right{right:50px; left:auto;}
.header-banner .carousel:hover .carousel-control{opacity: 1;transform: rotate(0deg) scale(1);}
.header-banner .carousel-control .upg-icons{transform: scale(.8);}
.header-banner .course-classfiy ul >li:hover{background-color: #fff;box-shadow: 0 2px 0 0 rgba(0, 0, 0, .1);}
.header-banner .course-classfiy ul >li:hover > a{color: #333;}
.upg-icons{display: inline-block;background-image: url(/ms/Content/template01/images/upg_icons.png);}
.upg-icons.arrow-left{width: 8px;height: 15px;background-position: -2px -2px;}
.upg-icons.arrow-right{width: 8px;height: 15px;background-position: -2px -21px;}



.box {
    max-width: 1500px;
    margin: 0 auto;
    min-width: 1200px;
}
.dropdown:hover .dropdown-menu {top: 100%;visibility: visible;opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.dropdown .dropdown-menu {display: block;visibility: hidden;opacity: 0;margin-top: -1px;border-radius: 3px;border-top: 1px solid#ddd;
	-webkit-transform: scale(0);transform: scale(0);}
/*选择课程*/
.fl-header {
    width: 100%;
    height: 70px;
    background: #fff;
    min-width: 1200px;
}
.fl-header .box{max-width:1500px; margin: 0 auto; height:100%;}
.fl-header .box .logo,.fl-header .box2 .logo{width:141px; float: left; line-height: 70px; margin-right: 78px; height:70px;}
.fl-header .box #navbox,.fl-header .box2 #navbox{ float: left; position: relative;}
.fl-header .box #navbox .tit,.fl-header .box2 #navbox .tit{font-size:18px; line-height: 70px;color:#333; float: left; margin-right: 50px; display: block;}
.fl-header .box #navbox .tit i,.fl-header .box2 #navbox .tit i{background:url(/ms/Content/template01/images/icon_xiala.png) no-repeat center top;width:14px;height:8px;display: inline-block; margin-left: 8px;}
.fl-header .box #navbox:hover .tit,.fl-header .box2 #navbox:hover .tit{ color: #0384fc;}
.fl-header .box #navbox:hover .tit i,.fl-header .box2 #navbox:hover .tit i{background:url(/ms/Content/template01/images/icon_xiala_s.png) no-repeat center top;}
.classSelect .subnav{width: 1000px;padding: 20px 20px 20px 30px;box-shadow: 0 10px 10px rgba(0,0,0,.1);box-sizing: content-box;z-index: 999;}
#navbox.current .subnav{display:block;transition:all .5s}
.classSelect .subnav ul li{ padding-bottom: 10px;width:100%; overflow: hidden; float: left;}
.classSelect .subnav ul li h3{font-size:15px; width:70px; text-align: right; margin-right: 30px; float: left; font-weight: bold; color: #666; line-height: 24px;}
.classSelect .subnav ul li p{width:calc(100% - 100px); float: left; line-height: 24px;}
.classSelect .subnav ul li p a{font-size:14px; color: #666 ;border-right: 1px solid #e0e0e0; padding-right: 15px; margin-right: 15px;}
.classSelect .subnav ul li p a:hover{ color: #0384fc;}
.fl-header .box .main-nav,.fl-header .box2 .main-nav{ float: left;}
.fl-header .box .main-nav ul li,.fl-header .box2 .main-nav ul li{ padding-right: 50px; line-height: 70px; float: left;font-size:16px;}
.fl-header .box .main-nav ul li a,.fl-header .box2 .main-nav ul li a{color: #333;}
.fl-header .box .main-nav ul li a:hover,.fl-header .box2 .main-nav ul li a:hover{ color: #0384fc;}
.fl-header .box .tbyc{ float: right;}
.fl-header .box .tbyc p{font-size:16px; line-height: 70px;}
.fl-header .box .tbyc p a{padding:0 8px; color: #333; border-right: 1px solid #666;}
.fl-header .box .tbyc p a img{ padding-right: 5px; padding-bottom: 3px;}
.fl-header .box .tbyc .search{padding-right: 13px; padding-left: 0; color: #a9b4bd; border-right:1px solid #a9b4bd;}
.fl-header .box .tbyc .xiazai{padding-right:0; padding-left: 13px; margin-right: 50px; color: #a9b4bd; border-right:none;}
.fl-header .box .tbyc p a:hover{ color: #0384fc;}



.xzkm { padding-top: 35px; display: block;width:100%; padding-bottom:120px;}
.xzkm .fl_list{width:calc(25% - 26px); margin: 0 13px 25px; position: relative; float: left;}
.xzkm .fl_list .cszt{width:100%; background: #fff; border-radius: 16px;height:196px;}
.xzkm .fl_list .cszt h2{font-size:22px; text-align: center; padding-top:32px; position: relative;}
.xzkm .fl_list .cszt h2 i{width: 24px; height: 4px; border-radius: 20px; position: absolute; bottom: -18px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.xzkm .fl_list .bj1{ background:url(/ms/Content/template01/images/img_ckjj.png) no-repeat center bottom #fff;}
.xzkm .fl_list .bj2{ background:url(/ms/Content/template01/images/icon_jzgc.png) no-repeat center bottom #fff;}
.xzkm .fl_list .bj3{ background:url(/ms/Content/template01/images/icon_ylws.png) no-repeat center bottom #fff;}
.xzkm .fl_list .bj4{ background:url(/ms/Content/template01/images/icon_jrks.png) no-repeat center bottom #fff;}
.xzkm .fl_list .bj5{ background:url(/ms/Content/template01/images/icon_zyzg.png) no-repeat center bottom #fff;}
.xzkm .fl_list .bj6{ background:url(/ms/Content/template01/images/icon_zyjn.png) no-repeat center bottom #fff;}
.xzkm .fl_list .bj7{ background:url(/ms/Content/template01/images/icon_xlts.png) no-repeat center bottom #fff;}
.xzkm .fl_list .jgzt{width:100%; background: #fff; border-radius: 16px; padding-bottom: 25px; box-shadow: 0 0 24px 0 hsla(0,0%,89%,.4); position: absolute; top:0; left:0; display: none; min-height: 196px; }
.xzkm .fl_list .jgzt h2{font-size:22px; text-align: center; padding-top:26px; position: relative; margin-bottom: 25px;}
.xzkm .fl_list .jgzt h2 i{width: 24px; height: 4px; border-radius: 20px; position: absolute; bottom: -12px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.xzkm .fl_list .jgzt ul{width:100%; padding:0 20px; overflow: hidden;}
.xzkm .fl_list .jgzt ul li{width:calc(50% - 20px); margin:0 10px 10px; height:34px; border-radius: 34px; float: left;}
.xzkm .fl_list .jgzt ul li a{width:100%; height:100%; display: block; text-align: center; line-height: 34px; }
.xzkm .fl_list .jgzt ul li:hover a{ color: #fff;}
.xzkm .fl_list .ys1 ul li { border:1px solid #fc9e05;}
.xzkm .fl_list .ys1 ul li a{color: #fc9e05;} 
.xzkm .fl_list .ys1 ul li:hover{ background:#fc9e05 ;}
.xzkm .fl_list .ys2 ul li { border:1px solid #50abff;}
.xzkm .fl_list .ys2 ul li a{color: #50abff;} 
.xzkm .fl_list .ys2 ul li:hover{ background:#50abff ;}
.xzkm .fl_list .ys3 ul li { border:1px solid #02d3b1;}
.xzkm .fl_list .ys3 ul li a{color: #02d3b1;} 
.xzkm .fl_list .ys3 ul li:hover{ background:#02d3b1 ;}
.xzkm .fl_list .ys4 ul li { border:1px solid #fc9e05;}
.xzkm .fl_list .ys4 ul li a{color: #fc9e05;} 
.xzkm .fl_list .ys4 ul li:hover{ background:#fc9e05 ;}
.xzkm .fl_list .ys5 ul li { border:1px solid #ae70ff;}
.xzkm .fl_list .ys5 ul li a{color: #ae70ff;} 
.xzkm .fl_list .ys5 ul li:hover{ background:#ae70ff ;}
.xzkm .fl_list .ys6 ul li { border:1px solid #ff7070;}
.xzkm .fl_list .ys6 ul li a{color: #ff7070;} 
.xzkm .fl_list .ys6 ul li:hover{ background:#ff7070 ;}
.xzkm .fl_list .ys7 ul li { border:1px solid #50abff;}
.xzkm .fl_list .ys7 ul li a{color: #50abff;} 
.xzkm .fl_list .ys7 ul li:hover{ background:#50abff ;}
.xzkm .list1:hover .jgzt{display: block; z-index: 99;}
.xzkm .list2:hover .jgzt{display: block; z-index: 99;}
.xzkm .list3:hover .jgzt{display: block; z-index: 99;}
.xzkm .list4:hover .jgzt{display: block; z-index: 99;}
.xzkm .list5:hover .jgzt{display: block; z-index: 99;}
.xzkm .list6:hover .jgzt{display: block; z-index: 99;}
.xzkm .list7:hover .jgzt{display: block; z-index: 99;}

.renderFooter {margin-top: 40px;background-color: white;width:100%; overflow: hidden;}
.renderFooter .footer {margin: auto;}
.renderFooter .footer .footCt { width: 1200px; margin: auto;}
.renderFooter .footer .footCt {width: 1200px;margin: auto;}
.footCt {background: #fff;padding: 10px 0;height: auto;overflow: hidden;}
.footLogo {margin-top: 20px;max-width: 200px;}
.col3, .width50 {float: left;position: relative;}
.col3 {width: 33.333%;}
.bgff .width50 {position: relative;}
.bgff .width50 p {font-size: 14px;}
.footPhone img {float: left;width: 80px;height: 80px;margin-right: 10px;margin-top: 20px;margin-left: 50px;}
.footPhone div {float: left;padding-top: 10px;}
.footPhone div {float: left; padding-top: 10px;}
.footPhone div p {font-size: 24px;margin-top: 10px;}

/*首页*/
.box2{max-width:1200px; margin: 0 auto;}
.head-top{width:100%; height:30px; background: #f8f8f8;}
.head-top .box2 ul li{ line-height: 30px; font-size:14px; color: #888; margin-right: 12px; float: left;width:auto;}
.head-top .box2 ul li img{ margin-right: 5px; margin-bottom: 2px;}
.head-top .box2 ul li i{padding-right: 12px;}
.head-top .box2 ul li a{ color: #888;}
.head-top .box2 ul li i{ font-style: normal;}
.head-top .box2 .denglu{ float: right;}
.head-top .box2 .denglu a{ border-left:1px solid #ddd ; padding:0 8px;}
.head-top .box2 .ss{ float: right; padding-right: 20px; }
.head-top .box2 ul li .xiazai{}
.fl-header .box2 .main-nav .fr{position: absolute; top:6px; right:30px;}

.carousel-indicators { bottom: 6px;}

/*近期直播*/
#wrapper{width:100%; padding-top: 28px;}
#wrapper #main{max-width:1200px; margin: 0 auto; background: #fff; padding: 20px 25px 25px;  border-radius: 10px; border: 1px solid #f0f0f0;}
.swiper-container-solution .swiper-container ul li { width: 100%;  padding: 0px 20px 30px; overflow: hidden;  background:url(/ms/Content/template01/images/xian1.png) no-repeat center right 20px #fff;}
.swiper-container-solution .swiper-container ul li .zbkctp{width:78px; height:78px; border-radius: 100%; background: #a6aab3; overflow: hidden;  float: left; margin-top: 12px;}
.swiper-container-solution .swiper-container ul li .zbkctp img{width:100%;}
.swiper-container-solution .swiper-container ul {display: flex;}
.selected-solution .solution-cardlist .col-sm-4 {padding: 0 10px; top: 0;transition: all .15s linear; box-sizing: border-box;}
.con ul li { position: relative;}
.selected-solution{ position: relative;}
.swiper-container-solution .swiper-container ul li .zbkcjs { padding-left: 18px;display: inline-block; line-height: 32px;}
.swiper-container-solution .swiper-container ul li .zbkcjs span { color: #666;}
.swiper-container-solution .swiper-container ul li .zbkcjs img{ margin-bottom: 2px; margin-right: 3px;}
.swiper-container-solution .swiper-container ul li .zbkcjs .p1 {color: #222; font-size:16px;}
.swiper-container-solution .swiper-container ul li .zbkcjs .p1:hover{ color:#0384fc ;}
.swiper-container-solution .swiper-container ul li .zbkcjs .p2 {color: #999;font-size:12px;padding-top:5px;}
.swiper-container-solution .swiper-container ul li .zbkcjs .p2 i{ float: left; font-style: normal;}
.swiper-container-solution .swiper-container ul li .zbkcjs .p2 a{width:80px; height:28px; text-align: center; line-height: 28px; display: block; border-radius: 28px; border:1px solid #b4dbff; float: right; color: #0384fc;}
.swiper-container-solution .swiper-container ul li .zbkcjs .p2 a:hover{ background: #0384fc; color: #fff;;}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: ''; 
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: '';
}
#wrapper .swiper-button-prev{ left:-17px;background: url(/ms/Content/template01/images/syy.png) no-repeat;outline: none;}
#wrapper .swiper-button-next{ right:-17px;background: url(/ms/Content/template01/images/xyy.png) no-repeat; outline: none;}
#wrapper .swiper-button-prev:hover{background: url(/ms/Content/template01/images/syy_s.png) no-repeat;}
#wrapper .swiper-button-next:hover{ background: url(/ms/Content/template01/images/xyy_s.png) no-repeat;}


/*--------新闻-------------*/
.news-block{width:1200px;margin:auto;margin-top:30px;height:407px;}
.news-block .news{background: #fff;height: 407px;width: calc(100% - 285px);float: left; border:1px solid #f0f0f0;}
.news-block .left-part{float:left;width: 380px;height: 407px;}
.news-block .focus{width: 100%;height: 225px;background: #ccc;overflow: hidden;}
.power-tip{clear:both;display: flex;overflow: hidden;border-right:1px solid #eee;width:100%;margin:auto;padding:0 10px 23px 9px}
.power-tip dl{width: 120px;/*float:left;*/text-align: center;padding-top:25px;}
.power-tip dl dt{font-size: 18px;font-weight: bold;color:#444;}
.power-tip dl dt i{display: block;width: 38px;height: 38px;margin:0 auto 6px auto;color:#444;background: url(/ms/Content/template01/images/img_sm1.png) no-repeat left top;}
.power-tip dl dd{padding-top:10px;font-size: 12px;color:#777;line-height: 18px;}

.news-block .news-list{width:calc(100% - 410px);float: right;padding:30px 0 0 0}
.news-block .news-list li{float:left;font-size:15px;margin:0 20px 0px 0;width:calc(50% - 20px);height: 32px;line-height: 32px;overflow: hidden;}
.news-block .news-list li span{display:none;}
.news-block .news-list li a:hover{ color: #0384fc;}
.news-block .news-list li:nth-child(1){float:none;font-size:18px;width: 100%;margin-right: 0;margin-bottom: 5px;width: 480px;text-overflow: ellipsis;white-space: nowrap;}
.news-block .news-list li:nth-child(1) a{color:#de2114}
.news-block .news-list li:nth-child(6){font-size: 18px;margin-top:20px;margin-bottom: 5px;}
.news-block .news-list li:nth-child(6) a{color:#de2114}
.news-block .news-list li:nth-child(7){font-size: 18px;margin-top:20px;margin-bottom: 5px;}
.news-block .news-list li:nth-child(7) a{color:#de2114}
.news-block .news-list li:nth-child(12){font-size: 18px;margin-top:20px;margin-bottom: 5px;}
.news-block .news-list li:nth-child(12) a{color:#de2114}
.news-block .news-list li:nth-child(13){font-size: 18px;margin-top:20px;margin-bottom: 5px;}
.news-block .news-list li:nth-child(13) a{color:#de2114}

.news-block .news-list dl{margin-bottom: 20px;;}
.news-block .news-list dl dt{font-size: 20px;margin-bottom: 5px;}
.news-block .news-list dl dt a{color:#de2114}
.news-block .news-list dl dt a:hover{text-decoration: underline;}
.news-block .news-list dl dd{height:32px;line-height: 32px;font-size: 16px;}
.news-block .news-list dl dd p{float:left;margin-right: 20px;}

.news-block .exam-time{float: right;width: 270px;height: 407px;background:#fff; border: 1px solid #f0f0f0;}
.count-down{background:url(/ms/Content/template01/images/bg_kzrl.png) center;height: 75px;font-weight: bold;color:#ffe6d9;text-align:center;}
.count-d-t{font-size:16px;width:114px;margin:15px 0 0 0px;height:45px;line-height:22px;letter-spacing: 1px;float:left;border-right:1px solid #ffe6d9;padding:0 10px 0 15px}
.time-out{float: right;padding:17px 10px 0 0;overflow: hidden;}
.time-out em{display: block;float: left;width: 20px;font-size: 16px;font-weight: bold;line-height: 20px;margin-right: 4px; font-style: normal;}
.time-out i{float: left;width: 27px;height: 36px;line-height: 33px;display: block;margin:0 2px 0 2px;border:1px solid #fcdab2;font-size: 35px;margin-top:4px;font-weight: bold;}
.time-out em:last-child{background: url(/ms/Content/template01/images/timeout-class-ico_1.png) no-repeat center 3px;padding-top:20px;}

.exam-infor{padding:15px 0 0 0px;height: 315px;overflow: hidden;background: #fff;position: relative;z-index: 999;transition: all 0.2s;}
.exam-infor:hover{height:auto;box-shadow: 0 5px 10px rgba(0,0,0,0.05);}
.exam-infor dl{padding-bottom: 6px;border-left:1px solid #e8e6e8;margin-left:15px;padding-left:20px;font-size: 12px;}
.exam-infor dt{margin-bottom: 10px;position: relative;height: 17px;display: flex; line-height: 17px;}
.exam-infor dt b{font-weight: normal; font-size:14px;}
.exam-infor dt:after{content:"";width: 7px;height: 7px;border-radius: 50%;background: #0384fc;display: block;position: absolute;left:-24px;top: 5px;}
.exam-infor dt em{color:#ff8330;margin-left:10px;overflow: hidden;flex: 1; font-style: normal; font-weight: normal;}
.exam-infor dd{overflow: hidden;}
.exam-infor dd a{display: block;float: left;width: 68px;height: 24px;line-height:24px;font-size: 12px;border:solid 1px #ddd;text-align: center;margin:0 5px 5px 0;color:#666;border-radius: 1px;white-space:nowrap;overflow:hidden}
.exam-infor dd a:hover{color:#0384fc;border:solid 1px #0384fc;}

/*系统板*/
.xxb{width:100%; background: #fff; overflow: hidden; margin-top: 42px; padding-top: 30px; padding-bottom: 50px;}
.xxb .box{max-width:1200px; margin: 0 auto;}
.xxb .box .dbt{width:100%; padding-bottom:20px;padding-left:5px;}
.xxb .box .dbt b{font-size:22px;}
.xxb .box .dbt a{font-size:14px; float: right; color: #666;}
.xxb .box .dbt a:hover{ color: #0384fc;}
.xxb .box .course:hover { box-shadow: 0 0 20px 10px #eaeaea;}
.xxb .box .course { width: calc(25% - 16px); background-color: #fff;padding: 30px 22px 20px; position: relative; background-image: url(/ms/Content/template01/images/course_bg.png);background-position: center center;background-size: 100% 100%;background-repeat: no-repeat;cursor: pointer; border: 1px solid #f0f0f0; margin:0 8px; float: left;}
.xxb .box .course .bq{width:67px; height:21px; background: #f5ebe1; border-bottom-right-radius: 10px; position: absolute; top:0; left:0; text-align: center; line-height: 21px; color: #8c6f55; }
.xxb .box .course .title { height: 46px; font-size: 18px; font-weight: 400; color: #333; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: justify;width:100%;}
.xxb .box .course .rank { margin-top: 15px;font-size: 12px;font-weight: 400; color: #999;}
.xxb .box .course .teacher {margin-top:45px; overflow: hidden;}
.xxb .box .course .teacher-teacher { margin-right: 20px; float: left;}
.xxb .box .course .teacher-teacher > img { width: 40px; height: 40px; border-radius: 50%;background-color: #f2f2f2;}
.xxb .box .course .teacher-teacher > p {margin-top: 10px;font-size: 12px; font-weight: 400; color: #999;}
.xxb .box .course .price { margin-top: 15px;padding-top: 15px;border-top: 1px solid #eee;  width:100%;}
.xxb .box .course .price .val > span {font-size: 14px;font-weight: 400; color: #de3e29;}
.xxb .box .course .price .val .num { font-size: 20px;}
.xxb .box .course .price p{ float: left;}
.xxb .box .course .price > button { cursor: pointer;text-align: center; width: 96px; height: 28px; background: #fff; border: 1px solid #b4dbff; border-radius: 14px; font-size: 12px; font-weight: 400; color: #0384fc;line-height: 27px; float: right;}
.xxb .box .course .price > button:hover{ background: #0384fc ; color:#fff ;}

/*在线题库*/
.zxtk{width:100%; overflow: hidden; background: #fff;}
.zxtk .box{max-width:1200px; margin: 0 auto; padding:35px 0 32px}
.zxtk .box .dbt{width:100%; padding-bottom:8px;padding-left:5px;}
.zxtk .box .dbt b{font-size:22px;}
.zxtk .box .dbt a{font-size:14px; float: right; color: #666;}
.zxtk .box .dbt a:hover{ color: #0384fc;}
.zxtk .box .tknr{width:100%; }
.zxtk .box .tknr .class-block{width:100%;}
.zxtk .box .tknr .class-block .jiubu{width:100%; position: absolute; top:-36px; left:130px;}
.zxtk .box .tknr .class-block .jiubu li{width:106px; height:27px;  float: left; margin-right: 25px; text-align: center; line-height: 27px;cursor: pointer;}
.zxtk .box .tknr .class-block .jiubu .swiper_selected{border:1px solid #0384fc; border-radius: 27px; color:#0384fc ; }
.zxtk .box .tknr .tklx{width:100%;}
.zxtk .box .tknr .tklx .swiper-slide ul li{width:calc(33.3% - 18px); margin: 0 9px; float: left; border: 1px solid #f0f0f0; background: linear-gradient(#fff, #f6fcfe);height:154px; cursor: pointer;}
.zxtk .box .tknr .tklx .swiper-slide ul li:hover{ box-shadow: 0 0 20px 10px #f0f0f0;}
.zxtk .box .tknr .tklx .swiper-slide ul li .tb{width:82px; height:82px; float: left; margin: 30px 26px 0 30px;}
.zxtk .box .tknr .tklx .swiper-slide ul li .wz {width:calc(100% - 138px); float: left; position: relative;}
.zxtk .box .tknr .tklx .swiper-slide ul li .wz .p1{ padding-top: 42px; font-size:18px; padding-bottom: 18px;}
.zxtk .box .tknr .tklx .swiper-slide ul li .wz .p2{ color: #888;}
.zxtk .box .tknr .tklx .swiper-slide ul li .wz a{width:90px; height:30px; display: block; text-align: center; line-height: 30px; border-radius: 30px; background: #f1f5fc; color:#0384fc ; position: absolute; right:24px; top:60px;}
.zxtk .box .tknr .tklx .swiper-slide ul li .wz a:hover{ background:#0384fc ; color: #fff;}

/*在线答疑*/
.zxdy{width:100%; overflow: hidden;}
.zxdy .box{max-width:1200px; margin: 0 auto; padding:35px 0 50px}
.zxdy .box .dbt{width:100%; padding-bottom:15px;padding-left:5px;}
.zxdy .box .dbt b{font-size:22px;}
.zxdy .box .dbt a{font-size:14px; float: right; color: #666;}
.zxdy .box .dbt a:hover{ color: #0384fc;}
.zxdy .box .info{width:100%; overflow: hidden;border: 1px solid #f0f0f0;}
.zxdy .box .info .dyyc{width:335px; float: right; overflow: hidden; background: url(/ms/Content/template01/images/bg_dy.jpg) no-repeat top #fff; height:440px; border: 1px solid #f0f0f0;}
.zxdy .box .info .dyyc ul{padding:125px 25px 56px; overflow: hidden;}
.zxdy .box .info .dyyc ul li{width:33.3%; float: left; text-align: center; line-height: 34px; color: #828b93;}
.zxdy .box .info .dyyc .dysm{width:100%; overflow: hidden; padding-bottom: 36px;}
.zxdy .box .info .dyyc .dysm p{ text-align: left; padding-left: 68px; line-height: 30px; color: #666; }
.zxdy .box .info .dyyc .dysm p img{ margin-right: 5px; margin-bottom: 3px;}
.zxdy .box .info .dyyc a{width:200px; height:40px; display: block; text-align: center; line-height: 40px; border-radius: 40px;background: linear-gradient(#60a5fa, #3274d7); color: #fff; font-size:16px; margin: 0 auto;}
.zxdy .box .info .dyyc a:hover{width:210px; height:44px; line-height: 44px; border-radius: 44px;}
.zxdy .box .dy_list{width:calc(100% - 350px); float: left; background: #fff; height:440px; border: 1px solid #f0f0f0;display: flow-root; padding: 35px 30px 30px;}
.zxdy .box .dy_list .dy_ct {width:100%;float: left; height: 468px;}
.zxdy .box .dy_list .dy_ct ul li{width:100%; border-bottom: 1px solid #f0f0f0; height:80px;padding-top: 18px;}
.zxdy .box .dy_list .dy_ct ul li .dytx{width:40px; height:40px; border-radius: 4px; overflow: hidden; margin-right:18px; float: left;;}
.zxdy .box .dy_list .dy_ct ul li .dynr{width:calc(100% - 58px); float: left;}
.zxdy .box .dy_list .dy_ct ul li .dynr h4{font-size:12px; font-weight: normal; padding-bottom: 8px;  color: #ff8330;}
.zxdy .box .dy_list .dy_ct ul li .dynr h4 span{ color: #999; padding-left: 10px;}
.zxdy .box .dy_list .dy_ct ul li .dynr p{font-size:15px;width:100%; overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;}
.str_vertical .str_move, .str_down .str_move{ padding-right: 0;}
.zxdy .box .dy_list .dy_ct ul li .dynr p a:hover{color: #0384fc;}

/*热门资料*/
.rmzl{width:100%; overflow: hidden; background: #fff;}
.rmzl .box{max-width:1200px; margin: 0 auto; padding:35px 0 45px; overflow: hidden;}
.rmzl .box .dbt{width:100%; padding-bottom:15px;padding-left:5px; overflow: hidden;}
.rmzl .box .dbt b{font-size:22px;}
.rmzl .box .dbt a{font-size:14px; float: right; color: #666;}
.rmzl .box .dbt a:hover{ color: #0384fc;}
.rmzl .box .zl_info{width:100%; overflow: hidden;}
.rmzl .box .zl_info .lqzl{width:290px; height:358px; float: left; border: 1px solid #f0f0f0; background: url(/ms/Content/template01/images/img_zl.jpg);}
.rmzl .box .zl_info .lqzl a{width:200px; height:40px; display: block; text-align: center; line-height: 40px; border-radius: 40px; border: 1px solid #0384fc; color: #0384fc; margin: 284px auto 0;}
.rmzl .box .zl_info .lqzl a:hover{ background:linear-gradient(#60a5fa, #3274d7) ; color: #fff; border: none;}
.rmzl .box .zl_info .zl_list{width:calc(100% - 325px); float: left; background: #fff; height:358px; margin-left: 35px;}
.rmzl .box .zl_info .zl_list ul li{width:100%; border-bottom: 1px solid #f0f0f0; padding-bottom: 10px; margin-bottom: 14px; float: left;}
.rmzl .box .zl_info .zl_list ul li .p3{font-size:15px; width:calc(100% - 210px); float: left;}
.rmzl .box .zl_info .zl_list ul li .p3 img{ margin-right: 10px;}
.rmzl .box .zl_info .zl_list ul li .p3 a:hover{ color: #0384fc;}
.rmzl .box .zl_info .zl_list ul li .p4{width:190px; float: right;}
.rmzl .box .zl_info .zl_list ul li .p4 span{font-size:12px; color: #999; float: left; line-height: 28px;}
.rmzl .box .zl_info .zl_list ul li .p4 a{ width:80px; height:28px; display: block; border-radius: 28px; text-align: center; line-height: 28px; background: #f1f5fc; color:#0384fc ; float: right;}
.rmzl .box .zl_info .zl_list ul li .p4 a:hover{ background: #0384fc; color: #fff;}

/*----------教师团队-------------*/
.lecturer{max-width: 1200px;height:356px;margin:auto;background:#fff;margin-top:30px;clear: both;overflow: hidden;box-shadow: 0 2px 18px rgba(0, 0, 0, 0.05); margin-bottom: 60px;}
.lecturer .left-tit{float:left; width:240px;padding:30px 0 0 40px;}
.lecturer .left-tit h3{font-size: 24px;font-weight: bold; padding-bottom: 10px;}
.lecturer .left-tit p{font-size: 14px;color:#666;margin-top:5px;}
.lecturer .left-tit ul{padding:30px 0 20px 0}
.lecturer .left-tit li{line-height: 36px;color:#777;height: 36px;position: relative;padding-left:20px}
.lecturer .left-tit li i{display:block;position: absolute;left:0;top:0;font-size: 24px;font-family: Mi; font-style: normal; color: #93cdff;}
.lecturer .left-tit a{margin-top:10px;display: block;background: linear-gradient(to right, #60a5fa, #3274d7);color:#fff;font-size: 18px;border-radius: 3px;float: left;padding:10px 45px;letter-spacing: 2px;}
.lecturer .left-tit a:hover{margin-top:5px;}

.lecturer .right-list{ width:calc(100% - 264px); float:left;position: relative;overflow: hidden;}
.lecturer .right-list li{float:left; width:219px;margin-right:20px;overflow: hidden;ba;}
.lecturer .right-list li .pic{height: 240px;overflow: hidden;}
.lecturer .right-list li img{width:83%;display: block;margin:30px auto 0 auto;transition: all 0.2s;}
.lecturer .right-list li:hover img{margin-top:25px;}
.lecturer .right-list li .describe{background: linear-gradient(to bottom, #eee, #fff);text-align: center;padding:20px 0 0 0;box-shadow: 0 -10px 10px rgba(0, 0, 0, 0.1);}
.lecturer .right-list li .describe h3{font-size:18px;}
.lecturer .right-list li .describe p{color:#777;font-size: 12px;margin:10px 0 10px 0;}
.lecturer .right-list li .describe span{display: block;height: 20px;display: none;}
.lecturer .right-list li .describe span a{padding-left:25px;background:url(/ms/Content/template01/images/play-ico_1.png) no-repeat left center;font-size: 12px;display: block;margin:auto;width: 50px;line-height: 20px;} 

#lect-scroll {z-index: 0;}
.lecturerUL {position: relative;width: 2800px;float:left}
.prev1{left: 0px; top: 120px; align-items: center; }
.next1{right: 0px; top: 120px; align-items: center;}
.prev1, .next1{width: 30px; height: 60px; display: flex; color: #000;background: #333; text-align: center; font-family: "宋体"; font-size: 50px;  position: absolute;justify-content: center; font-weight: normal;opacity: 0;z-index: 99999;}
.prev1:hover, .next1:hover{color:#000}
.lecturer .right-list:hover .prev1, .lecturer .right-list:hover .next1{opacity: .3;color:#fff}







.renderFooter {
    margin-top: 20px;
    background-color: white;
}

    .renderFooter .footer {
        margin: auto;
    }

        .renderFooter .footer .footCt {
            width: 1200px;
            margin: auto;
        }
/*footer*/
.footCt {
    background: #fff;
    padding: 10px 0;
    height: auto;
    overflow: hidden;
}

.col3 {
    width: 33.333%;
}

.width50 {
    width: 50%;
}

.col3, .width50 {
    float: left;
    position: relative;
}

.tc {
    text-align: center;
}

.footCt .col3:not(:last-of-type):after {
    content: "";
    position: absolute;
    right: 0;
    top: 0px;
    width: 1px;
    height: 120px;
    background: #e5e5e5;
}

.footLogo {
    margin-top: 20px;
    max-width: 200px;
}

.copybx {
    background: #eee;
    color: #999;
    font-size: 12px;
    text-align: center;
    height: 30px;
    line-height: 30px;
}

.bgff .width50 {
    position: relative;
}

    .bgff .width50 p {
        font-size: 14px;
    }

.footPhone img {
    float: left;
    width: 80px;
    height: 80px;
    margin-right: 10px;
    margin-top: 20px;
    margin-left: 50px;
}

.footPhone div {
    float: left;
    padding-top: 10px;
}

    .footPhone div p {
        font-size: 24px;
        margin-top: 10px;
    }