/*css reset*/
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
html,body{height: auto; font-size:14px;}
html{height:100%}
* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body { color: #323232; font: 14px/1.5 "Myriad Set Pro", "Helvetica Neue", Helvetica, "PingFang SC", "Microsoft YaHei", Arial, sans-serif; word-wrap: break-word; word-break: break-all; }
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul { margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
table { border-collapse: collapse; border-spacing: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
ul, dl, ol { list-style: none; padding: 0; }
input, textarea, select, button { border: 0; outline: none; }
img, a img { font-size: 0; border: 0; vertical-align: middle; }
i, em { text-decoration: none; font-style: normal; }
a { text-decoration: none; cursor: pointer; background-color: transparent; color:#333; }
textarea { overflow: auto; }
/*pointer手势*/
a:hover{ cursor: pointer; color:#3388ff; }
/*清除浮动*/
.clear:after { height: 0; display: block; visibility: hidden; clear: both; content: ''; }
.clear { zoom: 1; }
/*单行省略*/
.ellipsis-1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
/*两行省略*/
.ellipsis-2 { display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
/*框架*/
.bcont{width:100%;overflow: hidden;height: auto; background:#f6f6f6;}
.w1200 {width: 1240px;margin: 10px auto; padding:10px 20px; }
.w1200y{width: 1240px;height:auto; overflow:hidden; background:#fff; margin: 10px auto; padding:10px 20px; }
.w1200 a:hover { text-decoration: none; outline: 0; }
.fl { float: left; *display: inline; }
.fr { float: right; *display: inline; }
.font14{ font-size:14px;}
.fontArial { font-family: arial; }
.color1{ color:#999;}
.m110{ margin-left:10px; color:#999;}
.mt25{ margin-top:25px;}
.font25{ font-size:25px;}
.h60{ max-height:60px; overflow:hidden; font-size:14px; line-height:30px; font-family:"宋体";}
/*宽屏头部*/
#head1{background-color:#F6F6F6;;color:#666;border-bottom:1px solid #E7E8E7}
#head1 .head_border{display:inline-block;width:1px;background:#E7E8E7;height:12px;position:absolute;top:11px;right:-1px;}
#head1 .alibar{width:1200px;margin:0 auto;height:35px;line-height:35px;_height:36px;_overflow:hidden;width:1200px;}
/*导航控制*/
.head_left { float:left;color: #333;font-size:14px;overflow:hidden;}
.head_left i{margin:0 5px;}
.head_left a{color:#999;}
.head_left a:hover{color:#3388ff;}
.head_left h1{ font-size:14px; display:inline-block;}
#head1 .head1_right{float:right;position:relative;}
#head1 .head1_right .head1_xiala {float:left;padding:0 12px 0 10px;}
#head1 .head1_right .head1_xiala a{ color:#666;}
/*公共底部切换*/
#outer {width:1200px;margin:25px auto; clear:both;}
#tab {zoom:1;border:1px #e8e8e8 solid; border-bottom:none;}
#tab li {float:left;color:#333; cursor:pointer;padding:0 40px; font-size:16px;height:40px; line-height:40px; }
#tab li.current {color:#3388ff; font-size:16px; font-weight:bold;border-top:2px #3388ff solid; border-left:1px #e8e8e8 solid; border-right:1px #e8e8e8 solid;border-bottom:1px #fff solid;}
#content { width:100%;border-top-width:0; overflow:hidden;border:1px solid #e8e8e8; margin-top:-1px}
#content ul {width:100%; line-height:25px;display:none; margin:0 30px;padding:10px 0;}
#content ul dl.basic-ishide dd{ float:left; width:180px; height:30px; line-height:30px; margin-right:18px; overflow:hidden;ext-overflow:ellipsis;
white-space: nowrap;}
/*foot*/
.footy{clear:both;overflow:hidden;text-align:center;line-height:35px;padding:10px 0;background:#fff;font-size:14px; border-top:1px #f1f1f1 solid; box-shadow:0 0 3px #f1f1f1;}
.footy a{padding:0 10px; color:#666;}
.footy .text_bold{font-weight:bold; font-size:18px;}
.footy .text_red{font-size:20px;color:#ed232f;font-weight:bold;}
.code_box_bg{width:1180px;margin:0 auto;position:relative;}
.code_box{width:110px;text-align:center;position:absolute;right:0;bottom:-12px;padding-right:36px;}
.code_box img{width:100%;}
/*内页框架*/
.l-box{clear:both;word-wrap:break-word; overflow:hidden;float:left;width:940px; background:#fff; padding:0 15px;}
.r-box{float:right;width:250px;padding:0 15px; background:#fff;}
/*翻页样式*/
.pages{ width:100%;overflow:hidden; clear:both;}
.pages>.pagelist>li{font-size: 14px;width: 38px; height: 38px; line-height: 38px; text-align: center;}
.pages{margin-bottom: 5px;}
.pages ul{float:left;padding: 30px 0px;}
.pages ul li{float:left;font-family:Tahoma;line-height:17px;margin-right:6px;border:1px solid #E9E9E9;}
.pages ul li:hover{background-color: #f2f5f7;}
.pages ul li a{float:left;color:#555;display:block;}
.pages ul li a{color:#555;text-decoration:none;}
.pages ul li.thisclass,.pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{background-color:#3388ff;font-weight:bold;}
.pages .pageinfo{line-height:21px;color:#666;}
.pages .pageinfo strong{color:#555;font-weight:normal;margin:0px 2px;}
.pages>.pagelist .pageinfo{line-height: initial;}
.pages>.pagelist .pageinfo>strong{color: #000000;font-weight: normal;}
/*新闻标题*/
.l-box img,.pl-content img {width:auto;max-width:100%}
.t-h1 {font-size:20px; font-weight: normal; padding:18px 0 0 0; color: #333;}
.l-box .t-h1 em{ font-size:12px; color:#999; margin-left:8px;}
.l-box .article-author {position:relative;color:#bbb;font-size:16px;margin:20px 0 27px;text-align: center;}
.l-box .article-author .column-link {bottom:0;right:0}
.l-box .author-name a{color:#333}
.l-box .article-time {margin:0 15px 0 10px}
.l-box .article-share {margin:0 15px 0 0}
/*右侧标题*/
.sidebar{clear:both;overflow:hidden; padding:10px 0;margin:5px 0 10px; }
.rank_title{font-size: 18px; font-weight: bold;border-bottom:1px solid #ebebeb; line-height:45px;}
.rank_title .more{font-size:14px; float:right;}
/*名师*/
.listkc{overflow:hidden;}
.r-price-box { width: 135px; height: 20px; display:inline-block; }
.r-price-box > span { font-size: 14px; line-height: 30px; letter-spacing: 0; color: #666; cursor: text;}
.r-price-box > span a:hover{color:#3388ff;}
/*新闻内容*/
#post_brief{ color:#b5b5b6; margin-top:25px; line-height:30px; font-size:16px; word-wrap: break-word; overflow:hidden;}
#post_thumbnail{ margin:20px auto; text-align:center; overflow:hidden; width:480px; position:relative;}
#post_thumbnail img{ width:480px;}
#newsview{ overflow:hidden; font-family:"宋体"; line-height:35px;}
#newsview h1 { font-weight:normal; font-size:28px; color:#222; text-align:center; border-bottom:1px solid #ddddde; padding-bottom:22px;}
.post { height:60px; line-height:60px; color:#ccc;}
.post span { margin-left:25px; font-family:黑体;}
.post span a{ color:#3388ff;}
/*兴趣*/
.like_reading{padding:10px;overflow:hidden;font-size:14px;}
.like_reading ul{list-style:disc inside;}
.like_reading ul li{white-space:nowrap;overflow:hidden;padding:5px 0;text-overflow:ellipsis;}
/*上一篇*/
.nextinfo { line-height: 24px; width: 100%; background: #FFF; border-radius: 10px; overflow: hidden; margin: 20px 0 }
.nextinfo p { padding: 4px 0; border-radius: 5px; }
.nextinfo a:hover { color: #000; text-decoration: underline }
/* 课程列表 */
.item {padding:20px 0px;border-bottom:1px solid #eee;overflow:hidden;height:20px;}
.item .p {float:left;position:relative; width:250px; height:165px; overflow:hidden;border-radius:2px;}
.item .p img {border-radius:2px;height:165px;width:250px;transition:all 1.2s;-moz-transition:all 1.2s;-webkit-transition:all 1.2s;-o-transition:all 1.2s;}
.item .p img:hover {transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);}
.item .p .cat {position:absolute;left:20px;top:20px;font-size:12px;color:#fff;background-image:url(https:///public/home/images/b20.png);line-height:12px;padding:5px 15px;border-radius:999px;}
.item .r {padding-left:275px;line-height:30px;}
.item .r .t {font-size:18px;font-family:"微软雅黑";margin-bottom: 10px;font-weight: bold;}
.item .r .c {color:#999;padding:4px 0px;}
.item .r .c a {color:#999;}
.item .r .d {overflow:hidden;height:60px; font-size:14px; color:#666;}
.item .r .e a{ color:#3388ff; font-size:16px;}
#moreBtn {padding-top:40px;}
#moreBtn a {display:block;margin:auto;width:50%;height:50px;border:1px solid #e4e4e4;text-align:center;font-size:16px;line-height:50px;color:#999;border-radius:9px;}
#moreBtn a:hover {color:#fff;background-color:#00aa98;}
.course li{ width:100%; line-height:30px; color:#333;}
/*课程列表 */
.theme-item {
width: 23%;
float: left;
margin-top: 4px;
margin-left: 1%;
margin-right: 1%;
margin-bottom: 18px;
border-radius: 3px;
background: #fff;
}
.theme-item:hover{ box-shadow: 0 3px 9px #c9c9c9;}
.aui-list-theme-item {
width: 31.33%;
float: left;
margin-top: 4px;
margin-left: 0;
margin-right:2%;
margin-bottom:18px;
border-radius: 3px;
background:#fff;
}
.aui-list-theme-item:hover{ box-shadow: 0 3px 9px #c9c9c9;}
.aui-list-theme .aui-list-theme-item:nth-child(3n) {
margin-right: 0;
}
.aui-list-img {
height: auto;
width: 100%;
overflow: hidden;
position: relative;
}
.aui-user-text {
position: absolute;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.6);
width: 55%;
font-size:14px;
color: #fff;
text-align: center;
}
.aui-list-img img {
border-radius: 3px 3px 0 0;
width: 100%;
height: auto;
display: block;
background-color: #FFF;
border: none;
}
.aui-list-title {
padding: 10px 15px 18px 15px;
letter-spacing:2px;
}
.aui-list-title h3 {
max-height:38px;
overflow:hidden;
color: #2a2a2a;
font-weight: normal;
font-size:16px;
font-weight: bold;
line-height:38px;
}
.aui-list-title span {
position: relative;
overflow: hidden;
color: #00c180;
font-size:12px;
display: block;
}
.aui-list-title span i {
float: left;
font-style: normal;
color: #989898;
}
.aui-list-title span em {
float: right;
font-style: normal;
color: #49a8f8;
}
/*sidenews*/
.sidenews li { margin:15px 0 0 0; overflow: hidden }
.sidenews li p { line-height: 24px; color: #888; font-size: 15px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; }
.sidenews li a { color: #48494d; }
.sidenews li a:hover { color: #00A7EB; }
.sidenews li:hover{ box-shadow:0 3px 4px #fafafa;}
.sidenews i { width: 100px; height: 75px; overflow: hidden; display: block; border: #efefef 1px solid; float: left; margin-right: 10px }
.sidenews img { height: 100%; max-height: 75px; margin: auto; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; transition: all 0.5s; }
.sidenews li:hover i img { transform: scale(1.1) }
.sidenews span {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #9A9A9A; margin-top: 10px; display: block;max-height:20px; line-height:20px;margin-top: 10px;margin-top: 8px; }
.sidenews span a{ color:#ff1144;}
/*相关新闻*/
.tit span { display:block; float:left; background:#3388ff; color:#fff; padding:6px 18px;}
.tit i { float:right; display:block; margin-top:10px; background:url(../image/fen.jpg) repeat-x; width:668px; height:10px; }
.similar dl { padding:20px 0; border-bottom:1px solid #ddddde;}
.similar dl:last-child { border-bottom:0;}
.similar dt { float:left; width:220px; height:154px; overflow:hidden;}
.similar dd { float:left; margin-left:42px; width:605px;}
.similar dd h3 { margin:15px 0 20px; font-size:18px; font-weight:normal;}
.similar dd p { color:#898989; line-height:26px; margin:15px 0 10px;}
.similar dd p a { color:#3388ff;}
/*文章详情*/
.news_about font{line-height:50px; vert-align:middle;}
.news_about { color: #888888; border: 1px solid #F3F3F3; padding: 10px; margin: 10px auto 10px auto; line-height: 23px; background: none repeat 0 0 #F6F6F6; }
.news_about strong { color: #38485A; font-weight: 400 !important; font-size: 13px; padding-right: 8px; }
.news_about span{ padding:10px 0 10px 60px;display: block;}
.tags a { background: #3388ff; border-radius:5px; padding: 3px 8px; margin: 0 5px 0 0; color: #fff; }
.tags { margin:5px 0; }
/*内容*/
.news_con { margin:15px 0 30px; color:#313131; font-size:14px; }
.news_con p {line-height:28px; margin-bottom:28px;}
.news_con img{ display:block; max-width:100%; margin:0 auto; padding:15px 0; height:auto !important;}
/*404*/
.box_404{width: 100%;height: 100%;padding: 150px 0px;}
.box_404 >.group_404 >.group_404_l{float: left;width: 50%;}
.box_404 >.group_404 >.group_404_l >img{display: block;width: 75%;margin: 0 auto;width: 450px;height: 336px;}
.box_404 >.group_404 >.text{float: left;height: 336px;padding-top: 90px;}
.box_404 >.group_404 >.text >span{font-size: 24px;color: #000000;display: block;}
.box_404 >.group_404 >.text >p{font-size: 14px;color: #a0a8b0;display: block;margin: 30px 0px;line-height: 20px;}
.box_404 >.group_404 >.text >a{display: inline-block;font-size: 14px;color: #a0a8b0;margin-right: 20px; padding: 4px 20px;border: 1px solid #a0a8b0;border-radius: 5px;}
.box_404 >.group_404 >.text >a:hover{-webkit-box-shadow: 0px 0px 5px 0px rgba(199,199,199,1);-moz-box-shadow: 0px 0px 5px 0px rgba(199,199,199,1);box-shadow: 0px 0px 5px 0px rgba(199,199,199,1);}
.box_404 >.group_404 >.text >a.sy_class:hover{-webkit-box-shadow: 0px 0px 5px 0px rgba(0,122,252,1);-moz-box-shadow: 0px 0px 5px 0px rgba(0,122,252,1);box-shadow: 0px 0px 5px 0px rgba(0,122,252,1);}
.box_404 >.group_404 >.text >a.sy_class{border: 1px solid #4193e7;color: #4193e7;}
/*联系我们*/
.contact_main{background-color: #F7F7F7;padding-bottom: 45px;padding-top: 35px;}
.contact_main .contact_middle{height: auto;min-height: 735px;padding-bottom: 100px; background-color: #fff;box-shadow: 0 0 2px #999;-webkit-box-shadow: 0 0 2px #999;}
.contact_middle .contact_menu{background-color: #F5F5F5;height: auto;}
.contact_middle .contact_menu ul li{overflow: hidden;line-height: 70px; color: #7E7E7E;font-size: 18px; width: 200px;height: 70px;border-bottom: 1px solid #E5E5E5;border-right: 1px solid #E5E5E5;text-align: center;}
.contact_middle .contact_menu ul li span{margin-right: 8px;margin-top: -3.5px; transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg); width: 10px;height: 10px;background-color: #A8A8A8; display: inline-block;vertical-align: middle;}
.contact_middle .contact_menu ul li.active{border-left: 3px solid #068BF2; color: #068BF2; background-color: #fff;border-right: none;}
.contact_middle .contact_menu ul li.active span{background-color: #068BF2;}
.contact_middle .contact_menu ul li:hover{cursor: pointer;}
.contact_middle .contact_content{width: 995px;height: auto;padding: 20px 30px;}
.contact_middle .contact_content .content_p{text-indent: 2em;color: #666;font-size: 16px;line-height: 30px;}
.contact_middle .contact_content .content_p2{color: #666;font-size: 16px;line-height: 30px;}
.contact_middle .contact_content .content_p a{color: #049DF1;}
.contact_middle .contact_content li{display: none;}
.contact_middle .contact_content li.active{display: block;}
.lxwm > div{border-bottom: 1px solid #E9E9E9;padding: 30px 15px;}
.lxwm h3{color: #3989EA;margin-top: 15px;padding-left: 33px;padding-bottom: 10px;font-size: 16px;font-weight: 600;}
.lxwm p{padding-left: 0px; width: 830px;margin: 0 auto;color: #666666;font-size: 16px;line-height: 34px;}
.lxwm p span{display: inline-block;margin-right: 40px;}
.lxwm p i{display: inline-block;color: red;margin-right: 6px;font-size: 24px;vertical-align: middle;}
.lxwm p a:hover{color: red;}
select {
/*统一边框*/
border: solid 1px #fafafa;
/*将默认的select选择框样式清除*/
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
/*替换选择框的最右侧显示小箭头图片*/
background: url("../image/arrow.png") no-repeat scroll right center transparent;
/*为下拉小箭头留出一点位置，避免被文字覆盖*/
padding-right: 14px;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }
.centent_left{ width:240px; height:771px; float:left;}
.left_title{ width:230px; height:44px; padding-left:10px; background-color:#f1f1f1; color:#3388ff; font-size:18px; font-weight:bold; line-height:44px;overflow:hidden;}
.button_centent{ width:230px; height:auto; border:1px solid #ddd; padding-bottom:15px;}
.pageabout{ width:228px; height:38px; border-bottom:1px dotted #ddd; border-top:1px solid #ddd; font-size:14px; font-weight:bold; color:#333; text-align:left; padding-left:10px; line-height:38px; background-color:#f9f9f9; margin-top:-1px;}
.page_centent{ height:auto; width:100%; padding-top:10px; padding-bottom:10px;}
.page_centent ul li{ height:15px; padding-left:25px; font-size:13px; position:relative; cursor:pointer; margin-bottom:15px; display: block; }
.page_centent ul li:hover { color:#3388ff; font-weight:bold; background:url(https:///public/home/images/sanjiao.png) no-repeat 120px 4px;}
.page_centent ul li a{ font-size: 13px; color: #333}
.page_centent ul a:hover { color:#3388ff; font-weight:bold; }
.page_centent ul .clock{ color:#3388ff; font-weight:bold; background:url(https:///public/home/images/sanjiao.png) no-repeat 120px 4px;}
.page_centent ul .clock a{ color:#3388ff; font-weight:bold; }
.triangle{ width:5px; height:9px; background-image:url(https:///public/home/css/.../images/sanjiao.png); position:relative; top:-11px; left:88px; display:none;}
.guide{ width:163px; height:40px; border-bottom:1px dotted #ddd; border-top:1px dotted #ddd; color:#333; font-size:14px; font-weight:bold; padding-left:35px; line-height:40px; background-color:#f9f9f9;}
.centent_right{ width:950px; height:auto; float:right;}
.in_title{ width:100%; height:44px; background:url(https:///public/home/images/sanjiao.png) no-repeat 1px; line-height:44px; font-size:22px; color:#333;}
.in_cont{ width:100%; height:auto; border-top:2px solid #3388ff; border-left:1px solid #ddd;border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:40px 20px;}
/*首页改版*/
.cs_tit{ height:50px;margin:15px 0; line-height:50px; background:url(../image/tit.png) no-repeat;}
.cs_tit span{ float:left; color:#fff; font-size:18px;padding-left:15px; font-weight:bold; letter-spacing:1px;}
.cs_tit pre{ float:right; color:#999; font-size:12px;}
.cs_cont .left{width:450px;float: left;}
.cs_cont .left dl{font-family: PingFangSC-Regular,Helvetica,Arial,Microsoft Yahei,sans-serif ;}
.cs_cont .left dl dt{width:100%; display:block;font-size: 19px;height:34px;line-height: 34px;overflow: hidden; font-weight:bold;color:#000000;margin:8px 0;}
.cs_cont .left dl dt a{color:#000000; text-decoration:none;}
.cs_cont .left dl dd{width:100%; display:block;font-size: 17px;height:34px;line-height: 34px;overflow: hidden;vertical-align: middle;color:#000000;}
.cs_cont .left dl dd i{width:80px;padding-left:6px;background:url(../image/icon01.png) no-repeat;;display: inline-block;color:#fff;font-size: 13px;height:18px;line-height: 18px;margin-right:12px;overflow:hidden;}
.cs_cont .left dl dd i a{ color:#fff;}
.cs_cont .left dl dd i.icon02{background:url(../image/icon02.png) no-repeat;}
.cs_cont .left dl dd i.icon03{background:url(../image/icon03.png) no-repeat;}
.cs_cont .left dl dd a{color:#000000;}
.cs_cont .left dl dt a:hover {color:#3db2e4;}
.cs_cont .left dl dd a:hover {color:#a6e4ff;text-decoration: none;}
.cs_cont .right{float: right;overflow: hidden;width:740px;}
.cs_cont .right ul{clear: both;zoom:1;float: left;overflow: hidden;}
.cs_cont .right ul li{height:187px;overflow: hidden;width:235px;float: left;margin-left:10px;display: block;}
.cs_cont .right ul li.first{/*margin-left:0;*/}
.cs_cont .right ul li .image{overflow: hidden;width:235px;height:132px;position: relative;}
.cs_cont .right ul li .image a{display: block;}
.cs_cont .right ul li .txt{padding-top:5px;font-family: PingFangSC-Regular,Helvetica,Arial,Microsoft Yahei,sans-serif ;font-size: 15px;line-height: 28px;}
.cs_cont .right ul li .txt a{color:#000;}
.cs_cont .right ul li .txt a:hover{color:#3db2e4;text-decoration: none;}
.cs_cont .right ul li.xp_hide{display: none;}
/*首页导航*/
.cs_nav{position: fixed;top: 120px;left: 50%;margin-left: -720px; background-color: #606975;width: 50px;height: auto;z-index: 5;border-radius: 5px;overflow: hidden;}
.cs_nav .cs_nav-ul{height: auto;}
.cs_nav .cs_nav-ul li{height:49px;padding-top:5px;}
.cs_nav .cs_nav-ul li.blue:hover{background: #207bfa;}
.cs_nav .cs_nav-ul li.red:hover{background: #ff1144;}
.cs_nav .cs_nav-ul li.blue.active{background: #1D80E6;}
.cs_nav .cs_nav-ul li.red.active{background: #ff665a;}
.cs_nav .cs_nav-ul li a{display: block;text-align: center;font-size: 14px;color: #fff;width: 78%;border-bottom: 1px dotted #ccc;margin: 0 auto;}
.cs_nav .cs_nav-ul li a .iconfont{font-size: 20px;color: #565656;margin-right: 3px;}
.cs_nav .cs_nav-ul li.active{background: #3d8bff;}
.cs_nav .cs_nav-ul li.active a{color: #fff;border-bottom: none !important;}
.cs_nav .cs_nav-ul li.active .iconfont{color: #fff;}
.cs_nav .back-top{position: relative;width: 100%; background-color: #8f98a3;text-align: center;padding-top: 4px;cursor: pointer;color: #fff;padding-bottom: 10px;}
.cs_nav .back-top >span{display: block;line-height: 14px;}
.bigImg {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1002;
}
.bigImg .mask {
width: 100%;
height: 100%;
background-color: #000;
opacity: .7;
filter: alpha(opacity=70);
}
.bigImg .list {
position: absolute;
top: 2%;
bottom: 14%;
margin-bottom: 2px;
left: 0;
right: 0;
text-align: center;
}
.swiper-pagination-fraction {
color: #ffffff;
}
.swiper-container {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
font-size: 18px;
color: #fff;
position: relative;
margin: 0 auto;
}
.auto-in {
position: absolute;
top: 50%;
/* 这里有兼容性问题 */
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: 0;
margin-left: auto;
margin-right: auto
}
.school-photos li {
display: inline-block;
*display: inline;
*zoom: 1;
text-align: center;
margin-right: 24px;
}
.school-photos li:nth-child(3n){ margin:0}
.school-photos li .photo-image {
position: relative;
overflow: hidden;
}
.school-photos li .photo-image img {
width: 270px;
height: 140px;
left: 0;
top: 0;
}
.share-moreinfo { float:right; margin-top:16px;}
.share-moreinfo .share { float: right; height:28px; }
.share-moreinfo .share .t { float: left; margin-right:5px; line-height:28px }
.bshare-custom{ width:340px;}
.bshare-custom a{ margin-right:-4px;}
.warp-pic-list li{float:left;display:inline;}
.warp-pic-list .img_wrap{display:block;font-size:0;overflow:hidden;}
.warp-pic-list .text-area{background-color:#f9f9f9;line-height:24px;}
/*全局板块*/
.row .hd{ border-bottom:1px #f1f1f1 solid; height:45px;}
.row .hd .title{font:20px/45px "微软雅黑","Microsoft YaHei","黑体","SimHei";}
/*全局页签*/
.tab-T-3{width:66px;}
.tab-T-3 li{width:12px;height:12px;font-size:0;background-color:#f9f9f9;float:left;margin-left:10px;cursor:pointer;display:inline;}
.tab-T-3 li.cur{background-color:#3388ff;}
/*热门车型*/
.rowE .warp-pic-list{position:relative;width:1200px;height:200px;overflow:hidden;}
.rowE .count li{margin-right:12.3px;width:230px;height:200px;}
.rowE .count .img_wrap{width:230px;height:153px;}
.rowE .count li .text-area{ width:100%;padding:5px 10px 5px 15px;height:35px; line-height:35px; overflow:hidden;}
.rowE .count li .text-area p a{ font-size:14px; color:#666; text-decoration:none;}
.rowE .count .p-num{font-family:"Tahoma";font-weight:bold;}
.rowE .btn{display:block;height:55px;position:absolute;top:48px;width:35px;z-index:200;cursor:pointer;}
.rowE .prev{ background-position:0 -88px;left:0;}
.rowE .prev:hover{background-position:0 -144px;}
.rowE .next{ background-position:0 -200px;right:0;}
.rowE .next:hover{background-position:0 -256px;}
.icon{background:url(../image/icon.png) no-repeat 0 0;}
.m_box3 {border-top: 10px solid #f3f5f8;margina:10px 0;text-align: center;}
.m_box3 .xxjj_3{font-size:14px;padding:5px 14px;height:250px;overflow: hidden;position:relative;line-height: 30px;text-align: justify;color:#666;}
.m_box3 .xxjj_3:after{content:'';background:linear-gradient(-180deg,rgba(255,255,255,0.00) 0%,rgba(255,255,255,0.60) 49%,#FFFFFF 85%);position:absolute;width:100%;bottom:0;left:0;height:100px;z-index:5;border:none;}
.m_box3 .xxjj_3.hi:after{display:none;}
.mt15{ margin-top:15px;}
.font20{ font-size:20px;color:#ff1144; }
/*推荐课程*/
.course {
width: 100%;
overflow: hidden;
clear: both;
padding-bottom:10px;
}
.course .l {
width:23%;
box-sizing: border-box;
position: relative;
overflow: hidden;
padding-bottom:10px;
margin:18px 2% 0 0;
background:#fff;
float: left;
height:360px;
box-shadow: 1px 0 1px rgba(159,159,158,0.2), 0 2px 5px rgba(159,159,158,0.2), 2px 0 5px rgba(159,159,158,0.2);
}
.course .l:nth-child(4n){ margin-right:1px;}
.course .l:first-child{ margin-left:2px;}
.pic a img {
display: block;
width: 100%;
height: 140px;
padding-bottom:10px;
}
.courseHover {
padding: 0 5%;
background: #fff;
}
.courseInfo {
text-overflow: ellipsis;
overflow: hidden;
line-height: 30px;
box-sizing: border-box;
font-size: 16px;
color: #333;
height: 30px;
width: 100%;
}
.courseInfo1 {
overflow: hidden;
width: 100%;
height:160px;
line-height:20px;
}
.courseInfo1 a {
text-overflow: ellipsis;
overflow: hidden;
line-height: 20px;
box-sizing: border-box;
font-size: 14px;
color: #757575;
}
.price ,.price a{
font-size: 12px;
color: #ff1144;
line-height: 30px;
}
.price em {
font-size: 12px;
font-style: normal;
}
.butie {
border: 1px solid #ff4400;
border-radius: 2px;
display: inline-block;
margin: 5px 0 0 0;
position: relative;
}
.butie em {
display: inline-block;
font-size: 10px;
color: #999;
width: 28px;
text-align: center;
height: 15px;
line-height: 17px;
font-style: normal;
}
.butie em.aa {
width: 15px;
float: left;
}
.vab span {
font-size: 12px;
}
/* ========== */
/* = STAR = */
/* ========== */
.stars {
display: inline-block;
width: 66px;
height: 12px;
background: url(../image/ico_star.png) no-repeat;
}
.stars .in {
display: block;
width: 50%;
height: 12px;
background: url(../image/ico_star_hover.png) no-repeat;
}