@charset "utf-8";

.dpn{ display:none;}

.im0l{display: block}

.logo{width:280px;}

.m{overflow:hidden;}

.head-b{margin-bottom:0px;}

#search_tips {margin:78px 0 0 360px;}

/*左右布局*/

.m-screen .right{width:238px;float:right;height:470px;margin-top:15px;  z-index:100; position: relative; background:#fff;border-radius:2px;box-shadow: 0px 0px 8px rgba(0,0,0,0.05)}

.m-screen .middle{float:left;}

/*幻灯区域下产品推荐

.recomment-box{ width:732px; margin-top:380px; overflow:hidden;position:relative;box-shadow: 0px 0px 8px rgba(0,0,0,0.05);height:180px; z-index:100; position: relative;margin-left:215px}

.recomment-box li{float:left;width:732px;overflow:hidden;transition: all 0.2s linear 0s;font-size:12px;background:white;position:relative;}

.recomment-box .slick-btn-left{ width:30px; height:50px;background:url(img/leri.png) no-repeat 0px -60px; position:absolute; top:50%; z-index:1; left:0px; margin-top:-24px; cursor:pointer;}

.recomment-box .slick-btn-right{ width:30px; height:50px;background:url(img/leri.png) no-repeat; position:absolute; top:50%; z-index:1; right:0px; margin-top:-24px; cursor:pointer;}

.recomment-box li dd{float:left;}

.recomment-box li dd:nth-child(1) a{float:left;display:block;height:141px;}

.recomment-box li dd:nth-child(1) .text{width:100%;font-size:14px;font-weight:700; text-align:center}

.recomment-box li dd:nth-child(1) a{float:left;padding:20px;display:block;width:155px; text-align:center}

.recomment-box li dd:nth-child(1) img{width:80px;height:80px;margin:10px auto;float:none}

.recomment-box li .text{float:left;font-size:14px;font-weight:700;}

.recomment-box li .text p.sub{font-size:16px;color:#ee2e2c;font-weight:normal;margin-top:8px;}

.recomment-box li .text p.sub i{font-size:12px;}

.recomment-box li dd a{float:left;padding:15px 20px 15px 20px;display:block;border-left:#f5f5f5 1px solid;width:214px;height:60px;border-bottom:#f5f5f5 1px solid}

.recomment-box li dd a img{width:60px;height:60px; float:right}*/



/*右侧会员登陆区域*/

.member{overflow:hidden;padding:21px 0px 20px;background:#fff;;border-bottom:1px solid #eee;margin:0px 10px;}

.member .btn-area{margin-top:10px;padding:0px 11px}

.member .btn-area>a{display: block;width: 90px;height:30px;line-height:30px;text-align: center;color: #fff;background: linear-gradient(to right, #ee2e2c, #ff512c);border:#ee2e2c 1px solid;}

.member .btn-area>a:hover{background-color:#ff5400;borer:#ff5400 1px solid}

.member .btn-area a:nth-child(odd){float:left}

.member .btn-area a:nth-child(even){float:right; background:white;border:#ff6000 1px solid;color:#ff6000}

.wel{font-size:14px; text-align:center;}

.wel p{line-height:25px}

.wel .user_img { width: 40px; height:40px; border-radius:50%;overflow: hidden; margin:0px auto 9px;}

.wel .user_img img { width: 40px;}

.m-screen .right .inter{overflow:hidden;background:#fff;}

.m-screen .right .inter ul li { float:left; width: 33.333333%; height:80px; text-align:center;padding-top:2px;    border-bottom: 1px solid #eee;border-right: 1px solid #eee;

-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .2s;-moz-transition: all .2s;-ms-transition: all .2s;-o-transition: all .2s;transition: all .2s;}

.m-screen .right .inter ul li:nth-child(3n+3) { border-right:none;}

.m-screen .right .inter ul li:nth-child(1n+4) { border-bottom:none;}

.m-screen .right .inter ul li:hover {padding-top:0px;}

.m-screen .right .inter ul li:hover a {color:#ee2e2c;}

.m-screen .right .inter ul li a { color:#666;}

.m-screen .right .inter ul li a i { font-size: 40px; line-height:34px; height:40px; display:block; background: linear-gradient(145deg,#ee2e2c 50%,#ff512c 100%);-webkit-background-clip: text;color: transparent; margin-bottom:5px; margin-top:5px;}






/*楼层开始*/

.brand-list {background: #fff; box-shadow: rgba(227,227,227,.5) 0 0 6px; overflow: hidden;}

.brand-list ul {overflow: hidden;}

.brand-list li {float: left; width: 170px; height: 75px; border:#E9E9E9 solid ; border-width: 0 0 1px 1px;  overflow: hidden;}

.brand-list li a {display:block; position: relative; height: 100%; text-align: center}

.brand-list li a img {margin: 13px auto; width:138px;}

.brand-list li a p {position: absolute; left: 0px; bottom: -23px; display: block; height: 22px; width: 100%; line-height: 22px;transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;}

.brand-list li a p span {display: block; position: relative; width: 100%; line-height: 22px; text-align: center; font-size: 13px; color: #fff; z-index: 1;}

.brand-list li a p::after {background: #000; display: block; content: ""; width: 100%; height: 22px; margin-top: -22px; opacity: 0.5; filter: alpha(opacity=50)}

.brand-list li a:hover p {bottom: 0}



.i-title{font-size:14px;height:24px;overflow:hidden; color:#777}

.i-title b{font-size:20px;color:#000;}

.i_title_xh { color: #999;font-size: 12px;font-weight: 700;height:40px; line-height:40px; position:relative;padding-left:50px;}

.i_title_xh i { font-weight:400; font-size:32px; margin-right:10px; padding:0px 2px; display:inline-block;color:#ee2e2c;}

.i_title_xh .i_xh_01 { font-size:36px; position:absolute;left:0px; top:-1px;}

.i_title_xh .i_xh_02 { font-size:24px;  position: relative;top: 2px; background: linear-gradient(90deg,#d10000 0%,#ff512c 80%);-webkit-background-clip: text;color: transparent;}



.i_title_xh span { display: inline-block;width: 80%;height: 2px;background: linear-gradient(90deg,#ee2e2c 0%,#ff512c 80%);margin-left: 24px;}

.fl{float: left}
.fr{float:right}
.cl{clear: both}

.index-tjxx{
    margin-bottom: 20px;
    
}
.index-tjxx .index-news-box{
    width: 390px;
    height: 600px;
    background-color: #FFF;
    box-sizing: border-box;
    padding: 25px;
    border-radius: 5px;
}
.index-tjxx .index-news-box li{height: 70px;}
.index-tjxx .index-news-box h2{font-size: 18px; font-weight: bold; color: #000; margin-bottom: 30px}
.index-tjxx .index-news-box h2 a{ font-size: 12px; color: #8E8E8E; float:right; font-weight: normal}
.index-news-box-logo{width: 60px; height: 60px;}
.index-news-box-logo img{width: 60px; height: 60px;}
.index-news-box-title{ width: 270px; height: 60px; overflow: hidden; padding-top: 8px}
.index-news-box-title { font-size: 13px; font-weight: normal; line-height: 22px}
.index-news-box-title p {text-align: right}
.index-news-box-title p{font-size: 12px; color: #999}

.index-news-toutiao{line-height: 1.6em}
.index-news-toutiao p{ margin-top: 8px}
.index-news-box .index-news-list {margin-top: 20px}
.index-news-box .index-news-list li{ height: 30px; overflow: hidden;line-height: 30px; list-style: circle}
.index-news-box .index-news-list span{ font-size: 12px; color: #999}

.index-yxdt{ padding:20px; margin-bottom: 20px; background: #FFF; height: 390px; overflow: hidden;border-radius: 5px;}
.index-yxdt h2{ font-size: 18px; border-bottom: 1px solid #f0f0f0; padding-bottom: 20px; }
.index-yxdt .index-yxdt-box{ width: 346px; padding:20px}
.index-yxdt .index-yxdt-box h3{line-height: 30px; font-size: 16px; font-weight: 500; margin-bottom: 20px}
.index-yxdt .index-yxdt-box li{ padding: 8px 0; color: #999}
.index-yxdt .index-yxdt-box li{}

.index-xuexiao{ padding:20px; margin-bottom: 20px; background: #FFF; height: 520px; overflow: hidden;border-radius: 5px;}
.index-xuexiao h2{ font-size: 18px; border-bottom: 1px solid #f0f0f0; padding-bottom: 20px; }
.index-xuexiao .index-xuexiao-list{ width: 100%; padding:20px; float:left}
.index-xuexiao .index-xuexiao-list li{ width: 128px; margin: 15px; float: left; height: 200px; overflow: hidden}
.index-xuexiao .index-xuexiao-list .index-xuexiao-logo{text-align: center}
.index-xuexiao .index-xuexiao-list .index-xuexiao-logo img{width: 100px}
.index-xuexiao .index-xuexiao-list .index-xuexiao-title{text-align: center; font-size: 12px; line-height: 20px}
.index-xuexiao .index-xuexiao-list .index-xuexiao-title a{display: inline-block;margin-top: 10px; background:rgba(41,116,231,1.00) ; padding: 0 10px; border:1px solid rgba(41,116,231,1.00);color:#FFF; border-radius:12px ; height: 24px; line-height: 24px}
.index-xuexiao .index-xuexiao-list .index-xuexiao-title a:hover{background-color: rgba(24,87,177,1.00)}

.index-xuexiao .index-zy{width:300px; font-size: 12px}

.set-content{
    height: 420px;
    width: 976px;
	float:right;
    margin:0 auto;
	background-color: #FFF;
}

.set-title {
    width: 100%;
    height: 46px;
    display: flex;
    z-index: 9999;
	border-bottom: 1px dashed #D3D3D3;
	overflow: hidden;
}

.set-title ul li{
    float:left;
    display: block;
    text-align: center;
    height: 100%;
    line-height: 46px;
    color: #000;
    position: static;
    box-sizing: border-box;
    cursor: pointer;
	padding:0 20px

}

.set-title ul .on{
	font-weight: bold
}
.set-title ul .on a{ color:#DF480E;}
.set-middle{
    
    height: 374px;
    box-sizing: border-box;
    overflow: hidden;
}

.set-middle-item{

}

.set-middle-image img{
    display: block;
    float: left;
    cursor: pointer;
}

.set-middle-list ul li{
    display: flex;
    color: #fff;
    font-size: 13px;
    height: 43px;
    line-height: 43px;
    border-bottom: solid 1px #4fc0c8;
    cursor: pointer;
    box-sizing: border-box;
    padding: 0 5px 0 2px;
}

.set-ali{
    flex: 1;
}
.set-java{
    flex: 1.8;
}

.set-salary{
    flex: 1;
}

.set-more{
    text-align: right;
    flex: 1;
}

.set-more:after {
    content: "";
    display: inline-block;
    height: 8px;
    width: 8px;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
    transform: rotate(-45deg);
    position: relative;
    top: 0;
    margin-left: 2px;
}







.hq-recommend{width:1230px}

.hq-recommend dl{width:592px; background:white; position:relative; overflow:hidden;margin:20px 15px 0px 0;float:left;box-shadow: 0px 0px 8px rgba(0,0,0,0.05);}

.hq-recommend dl em{overflow:hidden;display:block;height:22px;line-height:22px;width:55px;border:#ee2e2c 1px solid;border-radius:5px; text-align:center; position:absolute; right:30px;top:20px}

.hq-recommend dl em a{color:#ee2e2c}

.hq-recommend dl em:hover{background: linear-gradient(to right, #ee2e2c, #ee2e2c);}

.hq-recommend dl em:hover a{color:white}

.hq-recommend dl dt{color:#333;padding:22px 20px;border-bottom:#f7f7f7 1px solid;background:#f9f9f9;overflow:hidden}

.hq-recommend dl h5{font-size:16px;font-weight:normal}

.hq-recommend dl dt p{font-size:12px;margin-top:10px;}

.hq-recommend dl dt p span{margin-right:30px}

.hq-recommend dl dt p i{color:#ee2e2c}

.hq-recommend dl ul{padding:30px 0;overflow:hidden}

.hq-recommend dl ul li{float:left;width:100px; overflow:hidden; text-align:center;font-size:14px;padding:0px 20px 0px 26px}

.hq-recommend dl ul li img{width:100px;}

.hq-recommend dl ul li:hover img{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;}

.hq-recommend dl ul li p{width:100px;height:20px;line-height:20px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;margin-top:20px}

.hq-recommend dl ul li p.price{color:#e50a11;margin-top:10px;font-size:16px;}






/*友情链接*/

.link{padding:10px 20px 15px;overflow:hidden;line-height:23px;font-size:14px;background:white;}

.link dt{padding-right:5px;font-size:16px;height:35px;margin-bottom:8px;color:#000;font-weight:700; border-bottom:1px solid #eee;}

.link dt em{border-bottom:#ee2e2c 1px solid;height:35px;display:block;float:left}

.link a{white-space:nowrap; color:#666; margin:10px 15px 0px 0px; display:inline-block; line-height:23px;font-size:14px}

.link a:hover{color:#ee2e2c}







.industry-bar {

    position:fixed;top:220px;left:50%;margin-left:-660px;width:46px;display:none;

	z-index:1000;

	background:#1876b9;

}

.industry-bar.hover {

    display:block

}

.industry-bar h5 {

    height:26px;line-height:26px;padding:5px 0;background:#ff6700;text-align:center;color:#fff

}



.industry-bar li {

    padding:5px 8px;height:32px;line-height:16px;margin:0 auto;text-align:center;

}

.industry-bar li a {

    display:block;line-height:16px;font-size:12px;color:white;

}

.industry-bar li.current {background: linear-gradient(to right, #ff7900, #ff6700);

    color:#fff;

}

.industry-bar li.current a{color:white}










/*123 the*/



.news{ width:1198px; height:517px; margin:20px auto; background:#fff; overflow:hidden;border:1px solid #eee;}

.news_title{ width:1148px; height:68px; padding:0 25px; border-bottom:#eee 1px solid}

.news_title h2{ float:left; line-height:68px; background:url(img/news_title_bg.png) left no-repeat; text-indent:30px; font-size:20px; color:#ff7200; }

.news_title p{ float:right; height:14px; line-height:14px; font-size:14px; text-align:right; margin-top:27px;}

.news_title p a{ margin-left:10px;}

.news_title p a:hover{color:#ee2e2c}

.news_content{ width:1200px; height:450px; position:relative;}

.news_content_left{ float:left; width:359px;padding:15px; height:450px;}

.news_content_center{ float:left; width:500px;border-left:#eee 1px solid; height:450px;overflow:hidden}

.news_content_center p{  height:60px; padding:19px 20px 10px; line-height:30px; font-size:12px; color:#999; overflow:hidden;}

.news_content_center p a{ font-size:18px; padding-left:25px; background:url(img/news_content_center_p_a_bg.png) left no-repeat;font-weight:bold}

.news_content_center ul{ padding:15px 20px 14px; border-bottom:1px solid #eee;}

.news_content_center ul li{ height:30px; line-height:30px; font-size:12px;list-style:inside;float:none;}

.news_content_center ul li a{ font-size:14px; padding-right:10px;}

.news_content_center ul li span{ color:#999; float:right;}



.news_content_right{ float:left; width:308px; height:449px; overflow:hidden; border-right:1px solid #eee; border-left:1px solid #eee; }

.news_content_right_top{ width:100%; height:89px;  border-bottom:1px solid #eee; background:url(img/news_content_right_top_bg.png) no-repeat top right;}

.news_content_right p{ width:270px; height:80px; margin:0 19px; padding:15px 0 19px; border-top:1px dashed #eee; line-height:20px; color:#999; font-size:12px;}

.news_content_right p:nth-child(2){border-top:none}

.news_content_right p a{ font-size:14px;color:#000}

.news_content_right p a:hover{color:#ee2e2c}

.news_content_right p span a{ font-size:12px; color:#2277e6; padding-right:4px;}

.box{border:#e1e1e1 0px solid;border-top:#009237 0px solid;}

.box ul{padding:0px 0px}

.box ul li{line-height:33px;font-size:14px;height:33px;overflow:hidden}

.box ul li:nth-child(1) em ,.box ul li:nth-child(2) em ,.box ul li:nth-child(3) em{background:#ff7200}

.box ul li em{background:#999; display:block;width:20px; height:20px;float:left;margin-right:8px; text-align:center;line-height:18px;color:white;margin-top:8px;font-size:14px;border-radius:50%; font-style:normal}

/*123 end*/

/* banner */
body .bk {
    width: 100%;
    height: 490px;
    position: absolute;
    top: 0;
    transition: all .3s;
}
body .bk {
    height: 180px;
    opacity: .3;
    -webkit-filter: blur(100px);
    -moz-filter: blur(100px);
    -o-filter: blur(100px);
    -ms-filter: blur(100px);
    filter: blur(100px);
 filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='100');
}
body .bk, div {
    background-size: cover
}
.banner-box {
    padding-top: 32px
}
.g-banner {
    position: relative;
    height: 444px;
    overflow: hidden;
    width: 1200px;
    margin: auto;
    background-color: #fff;
    border-radius: 5px
}
.g-banner .g-banner-content {
    position: relative;
    float: left;
    width: 936px
}
.g-banner .g-banner-content .g-banner-box {
    position: relative;
    height: 316px;
    width: 984px;
}
.g-banner .banner-anchor {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    width: 36px;
    height: 60px;
    overflow: hidden;
    font-size: 24px;
    color: rgba(255,255,255,.6);
    text-align: center;
    line-height: 60px;
    text-shadow: 0 2px 4px rgba(7,17,27,.6)
}
.g-banner .next {
    right: 0;
    border-radius: 4px 0 0 4px
}
.g-banner .prev {
    left: 0;
    border-radius: 0 4px 4px 0
}
.g-banner .next:hover, .g-banner .prev:hover {
    color: #fff;
    background: rgba(7,17,27,.6)
}
.g-banner .g-banner-box>a:first-child .banner-slide {
    display: block
}
.g-banner .banner-slide {
    position: relative;
    height: 100%;
    z-index: 0;
}
.g-banner .banner-slide img {
    height: 316px;
    width: 984px;
}
.g-banner .inner {
    position: relative;
    width: 1200px;
    margin: 0 auto
}
.g-banner .banner-dots {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    text-align: right;
    padding-right: 24px;
    line-height: 12px
}
.g-banner .banner-dots li {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-left: 8px;
    background: rgba(7,17,27,.8);
    border: 1px solid rgba(255,255,255,.6);
    transition: transform .2s;
    cursor: pointer
}
.g-banner .banner-dots li.on {
    background: #FFF;
    border: 1px solid rgba(7,17,27,.4)
}
.menuwrap, .submenu {
    position: absolute;
    top: 0;
    height: 444px
}
.menuwrap {
    background-color: rgba(7,17,27,.5);
    opacity: .502;
    left: 0;
    width: 216px;
    z-index: 1
}
.submenu {
    background: #fff;
    left: 216px;
    width: 780px;
    z-index: 581;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.1)
}
.submenu .subinnerBox {
    overflow: hidden
}
.submenu .banner-line {
    position: relative;
    height: 1px;
    margin: 35px 0 23px;
    background-color: rgba(77,85,93,.08)
}
.submenu .banner-line span {
    position: absolute;
    top: -12px;
    left: 0;
    padding-right: 12px;
    font-size: 14px;
    font-weight: 700;
    color: #F20D0D;
    line-height: 24px;
    background-color: #fff
}
.submenu .tag-box {
    font-size: 0
}
.submenu .tag-box a {
    margin-bottom: 16px;
    font-size: 14px;
    color: #4D555D;
    line-height: 22px;
    margin-right: 24px;
    display: inline-block
}
.submenu .tag-box a:last-child {
    margin-right: 0
}
.submenu .subinnerBox .title {
    color: #07111b;
    font-size: 16px;
    line-height: 16px;
    margin-top: 32px;
    font-weight: 700;
    margin-bottom: 13px
}
.submenu .subinnerBox .recommend {
    margin-top: 33px;
    margin-bottom: 16px
}
.submenu a:hover {
    color: #f01414!important
}
.submenu .subinnerBox .title a:hover {
    color: #f01414
}
.menuContent {
    position: relative;
    float: left;
    width: 216px;
    height: 444px;
    z-index: 2;
    padding-top: 12px;
    background: #2259b1;
    border-bottom-left-radius: 4px;
    font-weight: 400
}
.menuContent .item .box a:hover {
    color: #f01414!important
}
.menuContent .item {
    height: 60px;
    line-height: 60px;
    font-size: 12px;

    cursor: pointer;
    padding-left: 12px;
    position: relative
}
.menuContent .item>a {
    display: block;
    color: rgba(255,255,255,.8);
    padding: 0 16px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    height: 60px;
    transition: all .1s
}
.menuContent .item i {
    position: absolute;
    right: 8px;
    top: 21px;
    color: rgba(255,255,255,.5);
    font-size: 16px
}
.menuContent .item .box a {
    color: #fff!important
}
.menuContent .on a {
    color: #fff;
    background-color: rgba(255,255,255,.3)
}
.g-banner {
    background-color: #93999f;
    /*box-shadow: 0 12px 24px 0 rgba(7,17,27,.2)*/
}
.path-banner {
    width: 984px;
    height: 128px;
    overflow: hidden;
    box-shadow: 0 4px 8px 0 rgba(7,17,27,.1);
    background-color: #fff;
    text-align: center;
    padding: 0 18px
}
.path-banner i {
    display: inline-block;
    width: 60px;
    height: 60px;
    margin-top: 12px
}
.container-types .wonderful-list .wenda-tit, .path-banner>a {
    display: block;
    transition: all .3s
}
.path-banner .i-web {
    background: url(/file/upload/202311/01/143616461.jpg) no-repeat;
    background-position: center 0;
    background-size: cover;
}
.path-banner .i-php {
    background: url(/file/upload/202310/20/173727961.jpg) no-repeat;
    background-position: center 0;
    background-size: cover;
}
.path-banner .i-java {
    background: url(/file/upload/202310/23/101914141.jpg) no-repeat;
    background-position: center 0;
    background-size: cover;
}
.path-banner .i-android {
    background: url(/file/upload/202310/24/104456621.jpg) no-repeat;
    background-position: center 0;
    background-size: cover;
}
.path-banner .i-ios {
    background: url(/file/upload/202310/27/161644761.jpg) no-repeat;
    background-position: center 0;
    background-size: cover;
}
.path-banner>a {
    float: left;
    font-size: 0;
    width: 180px;
    height: 128px;
    overflow: hidden
}
.path-banner>a:hover {
    margin-top: -4px
}
.path-banner .tit {
    font-size: 14px;
    color: #07111B;
    letter-spacing: 1px;
    margin-top: 4px
}
.path-banner .desc {
    font-size: 12px;
    color: #93999F;
    line-height: 16px;
    margin-top: 2px;
    font-weight: 400
}
.submenu .innerBox {
    background-color: #fff;
    padding: 12px 48px 32px;
    position: relative;
    min-height: 150px
}
.submenu .innerBox .bkimg {
    position: absolute;
    bottom: 0;
    right: -1px
}
.recomment-box {
    position: absolute;
    bottom: 0;
    background: #F8FAFC;
    padding: 36px 0 0 48px
}
.recomment-box a {
    display: block;
    width: 100%;
    height: 100%
}
.recomment-box .adsense-box {
    width: 312px;
    height: 64px;
    background-color: #ccc;
    border-radius: 4px;
    margin-right: 48px
}
.recomment-box .banner-course-card {
    width: 312px;
    height: 70px;
    margin-right: 48px;
    margin-bottom: 36px
}
.recomment-box .banner-course-card img {
    width: 64px;
    height: 64px;
    border-radius: 32px;
    background-color: #ccc
}
.recomment-box .banner-course-card .course-card {
    margin-left: 16px
}
.recomment-box .banner-course-card .course-card-name {
    width: 232px;
    font-size: 14px;
    color: #07111B;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.recomment-box .banner-course-card .course-card-info, .recomment-box .banner-course-card .course-card-price {
    font-size: 12px;
    color: #4D555D;
    line-height: 20px
}
.recomment-box .banner-course-card .course-card-info span {
    margin-right: 12px
}
.recomment-box .banner-course-card .course-card-price.sales {
    color: #f01414
}
.recomment-box .banner-course-card .course-card-price.studentsales .sales-tip {
    padding: 0;
    border: 0
}
.l {
    float: left;
}
@font-face {
    font-family: imv2;
    src: url(fonts/imv2.eot?elwc2w);
    src: url(fonts/imv2.eot?elwc2w#iefix) format('embedded-opentype'), url(fonts/imv2.ttf?elwc2w) format('truetype'), url(fonts/imv2.woff?elwc2w) format('woff'), url(fonts/imv2.svg?elwc2w#imv2) format('svg');
    font-weight: 400;
    font-style: normal
}
[class*=" imv2-"], [class^=imv2-] {
    font-family: imv2!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.imv2-arrow1_r:before {
    content: "\e5cb";
}
@font-face {
    font-family: icomoon;
    src: url(fonts/icomoon.eot?d8493nx);
    src: url(fonts/icomoon.eot?d8493nx#iefix) format('embedded-opentype'), url(fonts/icomoon.ttf?d8493nx) format('truetype'), url(fonts/icomoon.woff?d8493nx) format('woff'), url(fonts/icomoon.svg?d8493nx#icomoon) format('svg');
    font-weight: 400;
    font-style: normal
}
[class*=" icon-"], [class^=icon-] {
    font-family: icomoon!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.icon-left2:before {
    content: "\e913"
}
.icon-right2:before {
    content: "\e914"
}