.banner{position:relative;height:320px;overflow:hidden;text-align: center;}
.index_login{position:absolute;z-index:999;top:0;right:320px;background:rgba(100, 100, 100, 0.5);width:300px;height:290px;margin:14px 0;border-radius:2px;/*opacity: 0.98*/;}
.login_tab li{padding:10px 31px;background:#AB0009;color:#fff;cursor: pointer;width:88px;}
.login_tab li.current{background:#2557a2}
.index_login input{width:220px;height:40px;line-height:40px;margin:10px 0;border:1px solid #f2f2f2;border-radius:2px}
.index_login input[type='text'],.index_login input[type='password']{padding-left:10px;}
.index_login select{width:220px;height:40px;line-height:40px;margin:10px 0;border:1px solid;border-radius:2px;padding-left:10px;}
.index_login .biaodan{width:230px;margin:14px auto 5px}
.index_login .login_btn{width:232px;background:#AB0009;color:#fff;letter-spacing: 4px;border:none;font-size:16px;opacity:1;cursor:pointer}
.index_login .login_btn:hover{opacity:0.8}
.biaodan{display:none}
.loginBox_btn {width:300px; text-align: center;}
.loginBox_btn a{font-size:15px;color:#f2f2f2;}
.loginBox_btn a:hover{color:#AB0009}
.register{right:32px;}
.forget{left:35px;}


.news_box{height:50px;line-height:50px;background-color:#f8f8f8;overflow:hidden;margin:25px 0}
.news_box .news{width:950px;border-right:1px solid #f2f2f2;padding:0 20px;}
.news>ul,.news li{height:50px;overflow:hidden;}
.news li>a{display:block;width:880px;padding-left:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#333;}


.slide_box{width:560px;}
.news_tips{margin-left:30px;width:560px;}
.item_title h3{color:#AB0009;font-size:24px;font-weight:normal;position:relative;}
.item_title .more{position:absolute;right:0;top:6px;color:#999;font-size:14px;}
.item_title .icon-star{transform:rotate(30deg);-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);}
.english{color:#ccc;position:relative;margin:6px 0 12px 0}
.english>span{margin-right:6px;}
.line{position:absolute;right:0;top:2px;}
.line .divider{width:410px;height:5px;border-bottom:2px solid #ececec}
.news_item{margin-top:16px;}
.news_item li{position:relative;line-height:34px;}
.news_tips .news_item li a{width:400px;}
.news_item li>a{display:block;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;color:#333}
.news_item li>a b{margin-right:10px;}
.news_item li .news_time{position:absolute;right:0;top:0;color:#9b9b9b;}

.main_banner{margin:20px 0}
.index_lists{width:368px;}
.index_lists .news_item li a{width:270px;}
.course_tab {position:absolute;right:100px;top:-13px}
.course_tab li{float:left;margin:0 24px;color:#333;padding:10px 4px;font-size:18px;cursor: pointer;}
.course_tab li:hover,.course_tab li.active_tab{color:#AB0009;border-bottom:3px solid #AB0009}
.lists_box{margin:20px 0}
.course_list{/*background:#ececec;*/padding:16px 0 0}
.course_list img{float: left; margin-right: 20px; margin-bottom: 20px;}
.course_list .course_item{}
.course_list .course_item li{width:214px;height:200px;float:left;background:#fff;border-radius:2px;margin:0 20px 40px 0;}
.course_list a {color:#ffffff; font-size: 20px; font-weight: bold;}
.course_list a:hover {color: #cccccc; text-decoration: underline;}

.course_info_box{margin:10px 0;padding:0 8px;line-height:30px}
.course_name{width:200px;font-size:15px;color:#333;overflow:hidden;white-space: nowrap;-ms-text-overflow: ellipsis;text-overflow: ellipsis;}
.course_info{color:#999;font-size:14px;}
.course_info span{padding:0 4px;}

.data_charts{margin-top:50px;}
.hot_rank{width:560px;background:#ececec;}
.distribution{width:560px;margin-left:30px;}
.chart_bank{padding:0 30px;}
.chart_bank_head{position: relative;margin-top:23px;}
.chart_bank_head p{color: #AB0009;font-size: 26px;}
.chart_bank_head>span{font-size:16px;color:#999;margin:8px 0 0 14px}
.chart_table{font-size: 12px;width:100%;table-layout: fixed;padding:20px 0}
.chart_table tr th{color:#333;text-align: left;height:35px;font-size:16px;font-weight:normal}
.chart_table tr td{color:#333;line-height: 2;font-size:14px;}
.chart_table tr th,.chart_table tr td{}
.text-center,.chart_table tr th.text-center{text-align:center}
.chart_table .chart_course_name{width:90%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.chart_pro{
    height: 12px;
    background: -webkit-linear-gradient(left, #FAD961 , #F76B1C);
    background: -o-linear-gradient(right, #FAD961, #F76B1C);
    background: -moz-linear-gradient(right, #FAD961, #F76B1C);
    background: -ms-linear-gradient(right, #FAD961, #F76B1C);
    background: linear-gradient(to right,#FAD961,#F76B1C);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#FAD961, endColorstr=#F76B1C);
}
.chart_pro02{
    height: 12px;
    background: -webkit-linear-gradient(left, #FAD961 , #F76B1C);
    background: -o-linear-gradient(right, #FAD961, #F76B1C);
    background: -moz-linear-gradient(right, #FAD961, #F76B1C);
    background: -ms-linear-gradient(right, #FAD961, #F76B1C);
    background: linear-gradient(to right,#FAD961,#F76B1C);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#FAD961, endColorstr=#F76B1C);
}
.chart_title{padding:24px 0 0 26px;color:#999;}
.chart_title b{font-weight:normal;color:#AB0009;font-size:24px;margin-right:10px;}
.chart_module{width:100%;background-color:#ECECEC;margin-top:20px;}
.chart{width:100%;height:222px;}

.user_data li{width:100px;background:#ececec;text-align:center;color:#666;font-size:14px;padding:16px 0;margin-right:15px;}
.user_data li .data_name{padding:5px 0;line-height:22px;}



/*右侧漂浮框*/
.connection{width:203px;position:fixed;right:0;top:50%;margin-top:-154px;color:#fff;text-align:center}
.connection .connectBox{width:100%;padding:14px 0;line-height:28px;}
.connection .gwy{background:#c93d3d;}
.connection .sydw{background:#2557a2;}
.connection .email{background:#f5a623;}
.close{position:absolute;top:5px;right:35px;cursor:pointer;width:16px;height:16px;line-height:16px;background:#fff;opacity:0.6;color:#AB0009;border-radius:8px;}