@charset "UTF-8";
/* CSS Document */
*{margin:0px;padding:0px;}
body{font-size:14px;font-family:"Microsoft Yahei", arial, \5b8b\4f53, "Helvetica Neue", Helvetica, STHeiTi, sans-serif;line-height: 1.5;color: #333;background: #fff;}
textarea, input {word-wrap:break-word; word-break:break-all;}
img {border: 0;vertical-align: middle;}
ol,ul,li{ list-style:none;}
i, em {font-style: normal}
a {text-decoration: none;background: transparent;color: #333;-webkit-tap-highlight-color: transparent; cursor:pointer;}
a:hover {text-decoration: none; color:#10a16b;cursor:pointer;}
a:active, a:hover {outline: 0}

h1,h2,h3,h4,h5{ font-size:100%; font-weight:normal;}
.height20{height:20px; display:block; overflow:hidden; background:#fff;margin:0 -5px;}


.clearfix:before, .clearfix:after {content:""; display:block; height:0px;overflow:hidden;}
.clearfix:after {clear: both}
.clear {display: block;overflow: hidden;visibility: hidden;font-size: 0;line-height: 0;width: 0;height: 0;clear: both}

.fl{float:left;}
.fr{float:right;}

.mar_lr_10{margin:0px 10px;}
.mar_l_10{margin-left:10px;}
.mar_l_30{margin-left:30px;}
.mar_l_80{margin-left:80px;}
.mar_t_60{margin-top:60px;}
.mar_t_0{margin-top:0px!important;}
.mar_t_20{margin-top:20px;}
.mar_b_20{margin-bottom:20px;}
.mar_r_10{margin-right:10px;}
.pad_t_20{padding-top:20px;}
.pad_r_20{padding-right:20px;}
.pad_b_5{padding-bottom:5px;}
.pad_b_10{padding-bottom:10px;}
.pad_b_20{padding-bottom:20px;}


.color1{ color: #fc6c45;}
.color2{ color: #aaa;}
.color3{ color: #666;}
.color3 a{color: #666;}
.color3 a:hover {text-decoration: none; color:#10a16b;cursor:pointer;}
.color4{ color: #eee;}

.font10{font-size:10px;}
.font12{font-size:12px;}
.font14{font-size:14px;}
.font24{font-size:24px;}
.font36{font-size:36px;}
/*===============footer===============*/
#header{ width:100%;background:#2e323e; height:90px;}
.header{ width:1200px; margin:0 auto;}

/*===============footer===============*/
#footer{ width:100%; padding:30px 0px; background:#333333;}
.footer{ width:1200px; margin:0 auto; text-align:center; color:#757575; line-height:25px; font-size:12px;}

/*===============main===============*/
#main{ width:100%; padding:30px 0px;background:#fff;}
.main{ width:1200px; margin:0 auto; }

.main-left {width: 928px;float: left;}
.main-right {width: 240px;border: 0 solid #ececec;float: right;padding: 10px 5px;background-color: #f7f8f9;}

#courseBox{ width:100%; padding:30px 0px;background:#f9f9f9;}
.courseBox{ width:1200px; margin:0 auto;}

.cur-course-position span{font-family: simsun;padding:0 10px;}



/*-- 按钮组件    所有按钮集合,目前预估9种大小  (样式一样，大小和颜色不同)
------------------------------------------------------------------------------------------------------*/
.ck-btn {
    cursor: pointer;
    text-align: center;
    color: #fff;
    display: inline-block;
}

.ck-btn:hover {
    color: #fff;
}

.ck-btn[disabled],
.ck-btn[disabled]:hover,
.ck-btn[disabled]:active {
    cursor: default;
    background-color: #ecebeb;
    color: #c6c6c6;
}

/* 绿色按钮 宽86 高30 */
.ck-btn4{
    font-size: 14px;
    background-color: #33c288; width: 86px;
    height: 30px;
    line-height: 30px;
}



/*通用按钮*/
.course_btn{height:38px;line-height:38px;padding:0 20px;background:#fff;border:1px solid #d9d9d9;margin:0 3px;color:#333;font-size:16px;border-radius:2px;display:inline-block;vertical-align:middle}
.course_btn:hover{border:1px solid #10a16b;}
.course_btn_cur{background:#1eb27b;border-color:#1eb27b;color:#fff}
.course_btn_cur:hover{background:#10a16b; color:#fff;}

.course_btn_small{height:20px;line-height:20px;padding:0 10px;background:inherit;border:1px solid #444444;margin:0 3px;color:#999;font-size:12px;border-radius:1px;display:inline-block;vertical-align:middle}
.course_btn_small:hover{border:1px solid #444444;color:#666;}
.course_btn_small_cur{background:#3a3a3a;border-color:#444;color:#999}
.course_btn_small_cur:hover{background:#312f2f; color:#666;}