@charset "utf-8";
/*重置属性*/
body,div,p,ul,ol,dl,dt,dd,li,form,input,table,th,td,img,h1,h2,h3,h4,h5,h6 {margin: 0; padding: 0;}

body {font-style: normal; font-family:'Microsoft Yahei','微软雅黑','Simsun','宋体','Arial', sans-serif;}
li { list-style:none;}
img { border:none;}
a { text-decoration:none; -webkit-tap-highlight-color:transparent;}
table { border-spacing:0; border-collapse:collapse;}

/*通用*/
.hide {display: none;}
.flt {float:left;}
.frt {float:right;}
.clear { clear: both;}
.clearfix { *zoom: 1;} 
.clearfix:before, .clearfix:after { display: table; line-height: 0; content: "";}
.clearfix:after { clear: both;}


/* 基本布局 */

body{
    background-color:#0f3e72;
}

.free-wrap{
    padding-top:127px;
}

.free-banner{
    position: relative;
    left:0;
    top:0;
}
.free-banner .img1{
    display:block;
    width:100%;
}
.free-banner .contact-position{   
    position:absolute;
    left:0%;
    bottom:36%;
    width:100%;
}
.free-banner .contact-a{
    display:block;
    width:10%;
    margin:0 auto;
    cursor: pointer;
}
.free-banner .contact-a img{
    display:block;
    width:100%;
}
.free-content{
    background: url('../../Images/Activity/apply_on_trial/49.png?v=1') no-repeat center;
    background-size:auto 100%;
}
.b-r-bg{
    background: url(../../Images/Activity/apply_on_trial/b-r-bg.png?v=1) right 850px no-repeat;
    background-size: 560px auto;
}

.free-pain{
    padding-top:25px;
}

.pain-title{
    display:block;
    margin:0 auto 34px;
}

.pain-content{
    width:908px;
    height:272px;
    padding:50px 146px 0 146px;
    margin:0 auto;
    background: url('../../Images/Activity/apply_on_trial/04.png?v=1') center no-repeat;
    background-size: 100% 100%;
}
.pain-content div{
    color:#0C133A;
    font-size:18px;
    text-align:justify;
}
.pain-one{
    line-height:29px;
}
.pain-two{
    padding-top:20px;
}
.pain-three img{
    vertical-align:-17px;
}
.pain-three{
    padding-top:20px;
}
.pain-three span{
    font-weight:bold;
    color:#117575;
    font-size:24px;
}
.pain-four{
    padding-top:20px;
}
.pain-four span{
    color:#067680;
    font-weight:bold;
    font-size:24px;
    margin-right:14px;
}

.free-outline{
    padding-top:70px;
}

.outline-title{
    display:block;
    margin:0 auto 34px;
}


.outline-content{
    width:1200px;
    height:561px;
    margin:0 auto;
    background-image: url(../../Images/Activity/apply_on_trial/09.png?v=1);
}

.outline-content div{
    padding-top:65px;
    color:#067680;
    font-size:22px;
    text-align:center;
    font-weight:bold;
    padding-bottom:30px;
}

.outline-content img{
    display:block;
    margin:0 auto;
}
.outline-content a{
    display:block;
    padding-top:30px;
    text-align:center;
    color:#4DAAAB;
    font-size:22px;
}

.outline-content a span{
    display:inline-block;
    *display:inline;
    *zoom:1;
    padding-bottom:3px;
    border-bottom:1px solid #4DAAAB;
}

.free-reward{
    padding-top:70px;
}

.reward-title{
    display:block;
    margin:0 auto 35px;
}

.reward-content{
    width:1200px;
    height:416px;
    margin:0 auto;
    padding-top:80px;
    background-image: url(../../Images/Activity/apply_on_trial/11.png?v=1);
}

.reward-img{
    display:block;
    margin:0 auto;
}

.reward-text{
    width:1056px;
    margin:0 auto;
    text-align:justify;
    padding-top:25px;
    font-size:18px;
    line-height:35px;
    color:#0C133A;
}

.reward-text span{
    color:#167374;
    font-size:20px;
    font-weight:bold;
}


.reward-content a{
    display:block;
    padding-top:25px;
    text-align:center;
    color:#067680;
    font-size:22px;
}


.reward-content a span{
    display:inline-block;
    *display:inline;
    *zoom:1;
    padding-bottom:3px;
    border-bottom:1px solid #067680;
}

.free-condition{
    width:1200px;
    margin:0 auto;
}

.condition-title{
    display:block;
    padding-top:68px;
    margin:0 auto;
}

.condition-text{
    padding-top:25px;
    width:1048px;
    font-size:18px;
    word-break:break-all;
    color:#FFFFFF;
    margin:0 auto;
    text-align:center;
    line-height: 35px;
}

.condition-wrap{
    padding-top:40px;
}

.condition-box{
    position:relative;
    left:0;
    top:0;
    width:718px;
    height:116px;
    margin:34px auto 0;
    background-image: url(../../Images/Activity/apply_on_trial/17.png?v=1);
    
}

.condition-box:first-child{
    margin:0 auto;
}

.condition-box .condition-num{
    position:absolute;
    left:20px;
    top:0;
}

.condition-desc{
    padding-left:116px;
    height:116px;
    line-height:116px;
    font-size:22px;
    color:#0C133A;
    font-family:'Simsun','宋体';
    font-weight:bold;
}

.free-learn-wrap{
    padding-top:70px;
}

.learn-title{
    display:block;
    margin:0 auto;
}
.learn-content{
    position: relative;
    left:0;
    top:0;
    width:1002px;
    padding-top:40px;
    margin:0 auto;
}
.learn-box{
    width:284px;
    background-color:#FFFFFF;
    border-radius: 20px;
    padding-top:38px;
    margin-left:75px;
}

.learn-box:first-child{
    margin-left:0;
}
.learn-box .img1{
    display:block;
    margin:0 auto;
}
.learn-box .img2{
    display:block;
    margin:0 0 0 25px;
}

.learn-title{
    color:#2E9D9E;
    font-size:22px;
    font-weight: bold;
    text-align:center;
    padding-top:30px;
}

.learn-desc{
    padding-top:12px;
    padding-left:20px;
    padding-right:20px;
    text-align:center;
    color:#444444;
    font-weight:bold;
    line-height: 25px;
    padding-bottom:30px;
    height:50px;
}

.learn-arrow{
    position:absolute;
    top:50%;
    left:307px;
    margin-top:-15px;
}
.learn-arrow2{
    position:absolute;
    top:50%;
    right:307px;
    margin-top:-15px;
}


.free-contact{
    padding-top:70px;
    padding-bottom:85px;
}

.contact-title{
    display:block;
    margin:0 auto 34px;
}

.contact-main{
    width:1200px;
    height:451px;
    margin:0 auto;
    background-image: url(../../Images/Activity/apply_on_trial/26.png?v=1);
}

.contact-text{
    text-align:center;
    color:#2E9D9E;
    font-size:24px;
    font-weight:bold;
    padding-top:67px;
    padding-bottom:44px;
}

.contact-top{
    color:#0C133A;
    font-size:22px;
}
.contact-top span{
    color:#238C8D;
    font-size:34px;
    margin-right:15px;
}

.contact-img{
    margin-left:30px;
    margin-top:10px;
}
.contact-box{
    float:left;
    margin-left:180px;
}

.contact-box:first-child{
    margin-left:274px;
}

.free-application{
    padding-top:70px;
}

.application-title{
    display:block;
    margin:0 auto 35px;
}

.application-main{
    width:1200px;
    height:766px;
    margin:0 auto;
    padding-top:77px;
    background-image: url(../../Images/Activity/apply_on_trial/46.png?v=1);
}

.application-mobile span{
    margin-left:2px;
}

.application-code span{
    margin-left:2px;
}
.application-code span.span1{
    margin-left:1px;
}

.application-check .application-text span{
    margin-left:7px;
}
.application-check .application-text span.span1{
    margin-left:5px;
}
/* .application-name .application-text span{
    margin-left:62px;
} */

.application-name .application-text span{
    margin-left:7px;
}
.application-name .application-text span.span1{
    margin-left:5px;
}

.application-course .application-text span{
    margin-left:7px;
}
.application-course .application-text span.span1{
    margin-left:5px;
}
.application-img{
    display:block;
    margin:0 auto;
}

.application-box{
    width:560px;
    padding-top:38px;
    margin:0 auto;
}

.application-div{
    /* margin-top:25px; */
    margin-top:32px;
}
.application-div:first-child{
    margin-top:0px;
}
.application-red{
    margin-top:13px;
    margin-right:13px;
}
.application-text{
   width:120px;
   height:36px;
   line-height:36px;
   font-size:18px;
   color:#0C133A;
   text-align:justify;
}
.application-input{
    height:38px;
    color:#0C133A;
    width:360px;
    padding:0 16px;
    border-radius: 6px;
    font-size:18px;
    border: 1px solid #999999;
    font-family:'Microsoft Yahei','微软雅黑','Simsun','宋体','Arial', sans-serif;
    outline:none;
}

.application-code .application-input{
    width:188px;
}

.application-code .code-button{
    color:#FFFFFF;
    width:139px;
    height:41px;
    border-radius: 6px;
    background-color:#2E9D9E;
    text-align:center;
    line-height:41px;
    font-size:14px;
    cursor: pointer;
    margin-left:33px;
}

.application-radio{
    padding-top:8px;
    padding-left:24px;
}
.radio-wrap{
   cursor:pointer;
   width:100px;
   margin-left:40px;
}
.radio-wrap:first-child{
    margin-left:0;
}
.radio-bj{
    float:left;
    width:18px;
    height:18px;
    background-image: url(../../Images/Activity/apply_on_trial/29.png?v=1);
}
.radio-bj input{
    display:block;
    width:18px;
    height:18px;
    cursor: pointer;
}
.radio-wrap.on .radio-bj{
    background-image: url(../../Images/Activity/apply_on_trial/30.png?v=1);
}
.radio-text{
    float:left;
    height:18px;
    line-height:18px;
    margin-left:10px;
    color:#0C133A;
    
}

.m-l-4{
    margin-left:4px;
}

.select-wrap{
    position:relative;
    left:0;
    top:0;
    float:right;
}

.select-box{
    width: 335px;
    padding:0 31px 0 16px;
    height:34px;
    line-height:34px;
    border-radius: 6px;
    border:1px solid #0C133A;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
    cursor: pointer;
    color:#999999;
    font-size:18px;
}
.select-box.on{
    color:#0C133A;
}
.select-arrow{
    position:absolute;
    right:17px;
    top:50%;
    margin-top:-4px;
    cursor: pointer;
}

.select-option{
    display:none;
    position:absolute;
    left:0;
    top:36px;
    z-index:10;
    width:382px;
    padding-top:10px;
}

.option-main{
    border:1px solid #0C133A;
    border-radius:6px;
    height:300px;
    overflow:auto;
    cursor: pointer;
    background-color:#ffffff;
    box-shadow: 4px 4px 4px #ddd;
}

.option-div{
    height:40px;
    line-height:40px;
    padding: 0 16px;
    font-size:18px;
}

.option-div.on{
    background-color:#2e9d9e;
    color:#ffffff;
}

.application-desc{
    width:536px;
    font-size:18px;
    color:#0C133A;
    line-height: 24px;
    text-align:justify;
}
.application-red2{
    margin-top:7px;
    margin-right:13px;
    opacity: 0;
	-moz-opacity: 0;
	filter: "alpha(opacity=0)";
	filter: alpha(opacity=0);  
	zoom: 1;
}

.textarea-box{
    display:block;
    width:525px;
    height:65px;
    resize:none;
    padding:5px;
    border:1px solid #0C133A;
    border-radius: 6px;
    font-size:18px;
    margin-top:12px;
    outline:none;
    overflow:auto;
    font-family:'Microsoft Yahei','微软雅黑','Simsun','宋体','Arial', sans-serif;
}
.textarea-wrap{
    padding-left:23px;
}

.application-submit{
    cursor: pointer;
    display:block;
    margin:57px auto 0;
}

.protocol{
    font-size:0;
    text-align:center;
    padding-top:16px;
}

.checkbox-wrap{
    display:inline-block;
    *display:inline;
    *zoom:1;
    width:18px;
    height:18px;
    background-image: url(../../Images/Activity/apply_on_trial/31.png?v=1);
    vertical-align:middle;
    cursor:pointer;
}
.checkbox-wrap.on{
    background-image: url(../../Images/Activity/apply_on_trial/32.png?v=1);
}
.checkbox-wrap input{
    display:block;
    width:18px;
    height:18px;
    cursor:pointer;
}
.protocol span{
    display:inline-block;
    *display:inline;
    *zoom:1;
    height:18px;
    line-height:18px;
    font-size:16px;
    color:#999999;
    vertical-align:middle;
    margin-left:12px;
    font-weight:bold;
    cursor: pointer;
}
.protocol a{
    display:inline-block;
    *display:inline;
    *zoom:1;
    height:18px;
    line-height:18px;
    font-size:16px;
    color:#F3425D;
    vertical-align:middle;
    margin-left:12px;
    font-weight:bold;
}

.warn-info{
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index:1001;
    text-align: center;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.6);
    width:290px;
    /* height:36px;
    line-height:36px; */
    padding:8px;
    border-radius: 5px;
    margin-left:-140px;
    margin-top:-18px;
}

.warn-success{
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index:100;
    text-align: center;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.6);
    width: 360px;
    padding: 18px 0 20px 0;
    line-height: 24px;
    border-radius: 5px;
    margin-left:-140px;
    margin-top:-43px;
}

.user-info{
    display:none;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 100;
    width: 560px;
    height:22px;
    line-height:22px;
    padding: 18px 0 20px 0;
    text-align: center;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 5px;
    margin-left:-280px;
    margin-top:-30px;
}

.application-open{
    padding-top: 20px;
    text-align:center;
    color: #F3425D;
    font-weight:bold;
    font-size:18px;
}

.check-wrap{
    /* padding-left:23px; */
    width:394px;
    /* padding-top:20px;
    padding-bottom:20px; */
}


/* 滑块验证开始 */
.check-wrap #bind_slider{
    display: inline-block;
    /* width: 536px; */
    width: 394px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    overflow: hidden;
}
.check-wrap .nc-container .nc_scale span.nc-lang-cnt{
    border: none!important;
}
.check-wrap .bind_slider-tips{
    position: absolute;
    left: 135px;
    bottom: -15px;
    font-size: 12px;
    color: #E62020;
    display: none;
}
.check-wrap .nc_scale {
  background: #e8e8e8 !important;
  /* height: 46px; */
  height: 41px !important;
  /* 默认背景色 */
}

.check-wrap .nc_scale div.nc_bg {
  background: #7ac23c !important;
  /* 滑过时的背景色 7ac23c  E61F1F*/
}

.check-wrap .nc_scale .scale_text2 {
  color: #fff !important;
  /* 滑过时的字体颜色 */
}

.check-wrap .nc_scale span {
  border: 1px solid #ccc !important;
 
}
.check-wrap .nc-container .nc_scale span.nc-lang-cnt{
    /* height: 46px;
    line-height: 46px; */
    height: 41px !important;
    line-height: 41px !important;
    width: 390px;
    box-sizing: border-box;
}
.check-wrap .nc-container .nc_scale span{
    /* height: 44px;
    line-height: 44px; */
    height: 39px !important;
    line-height: 39px !important;
}
.check-wrap .nc-container .nc_scale .btn_ok{
    /* line-height: 44px; */
    line-height: 39px !important;
}
.check-wrap .errloading {
  border: #faf1d5 1px solid !important;
  color: #ef9f06 !important;
}
.check-wrap .nc-container.tb-login .errloading, .nc-container .errloading{
    width: 380px;
    height: 29px;
    line-height: 30px;
}

/* 滑块验证结束 */



/* 选择试学课程-开始 */

.application-course-box{
    width:394px;
}

.application-course .course-radio{
    float:left;
    width:18px;
    height:18px;
    background-image: url(../../Images/Activity/apply_on_trial/29.png);
    margin-top:9px;
}

.application-course .course-text{
    float:left;
    font-size:18px;
    color:#333333;
    margin-left:12px;
    height: 36px;
    line-height: 36px;
}

.application-course .course-box{
    margin-left:30px;
    cursor: pointer;
}

.application-course .course-box:first-child{
    margin-left:0px;
}

.application-course .course-box.on .course-radio{
    background-image: url(../../Images/Activity/apply_on_trial/30.png);
}

.application-course .course-bootom-wrap{
    margin-top:15px;
    height:40px;
}

.application-course .course-bootom{
    display:none;
}

.application-already{
    display:none;
    /* padding-top:32px; */
    padding-top:16px;
    padding-left:166px;
    font-size:18px;
    color: #333333;
}

.application-already span{
    cursor:pointer;
    color: #F3425D;
}

/* 选择试学课程-结束 */

/* 多选下拉弹框样式-开始 */

.fs-wrap {
    position: relative;
    display: inline-block;
    width: 200px;
    font-size: 12px;
    line-height: 1;
}
.fs-option-label{
    text-align: left;
}
.fs-label-wrap {
    position: relative;
    border: 1px solid #999999;
    cursor: pointer;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    border-radius: 4px;

}
    
.fs-label-wrap,
.fs-dropdown {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
}
    
.fs-label-wrap .fs-label {
        padding: 4px 22px 4px 8px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: 14px;
}
    
.fs-arrow {
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid rgba(0, 0, 0, .5);
        position: absolute;
        top: 0;
        right: 5px;
        bottom: 0;
        margin: auto;
}
    
.fs-dropdown {
        position: absolute;
        background-color: #fff;
        border: 1px solid #ccc;
        margin-top: 5px;
        /* width: 100%; */
        width:386px;
        z-index: 1000;
}
    
.fs-dropdown .fs-options {
        max-height: 200px;
        overflow: auto;
}
    
.fs-search input {
        width: 100%;
        padding: 2px 4px;
        border: 0;
}
    
.fs-option,
.fs-search,
.fs-optgroup-label {
        padding: 6px 8px;
        border-bottom: 1px solid #eee;
        cursor: default;
}
    
.fs-option {
        cursor: pointer;
}
    
.fs-option.hl {
        background-color: #f5f5f5;
}
    
.fs-wrap.multiple .fs-option {
        position: relative;
        padding-left: 30px;
}
    
.fs-wrap.multiple .fs-checkbox {
        position: absolute;
        display: block;
        width: 30px;
        top: 0;
        left: 0;
        bottom: 0;
}
    
.fs-wrap.multiple .fs-option .fs-checkbox i {
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 14px;
        height: 14px;
        border: 1px solid #aeaeae;
        border-radius: 2px;
        background-color: #fff;
}
    
.fs-wrap.multiple .fs-option.selected .fs-checkbox i {
        background-color: rgb(17, 169, 17);
        border-color: transparent;
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC');
        background-repeat: no-repeat;
        background-position: center;
}
    
.fs-wrap .fs-option:hover {
        background-color: #f5f5f5;
}
    
.fs-optgroup-label {
        font-weight: bold;
}
    
.hidden {
        display: none;
}
    
    
/*根据本项目自定义修改*/
.visibility-hidden{
        display:block;
        visibility: hidden;
        position:absolute;
        top:0;
}
.deptWrap,.fs-wrap,.fs-label-wrap{
        width:390px;
        height:40px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
}
.fs-wrap{
    position:relative;
    /* top: 20px; */
}
.fs-label-wrap .fs-label{
        padding: 0;
        height: 40px;
        line-height: 40px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left:6px;
        padding-right:10px;
}
.btnFixed{
        height:28px;
        text-align:center;
        display: none;
}
.btnFixed>.buttonDefault{
        width: 60px;
        height: 24px;
        background: rgb(86, 148, 254);
        border: none;
        margin-left: 10px;
        color: #fff;
        margin-top: 2px;
        border-radius: 4px;
}
.btnFixed>.buttonDefault:hover{
        background: rgb(181, 226, 254);
        color: #4284f5;
}
.fs-search{padding:2px 8px;display: none;}
.fs-dropdown{
    margin-top: 0px;
    /* box-shadow: 4px 4px 4px #ddd; */
}
.fs-wrap.multiple .fs-option.selected .fs-checkbox i{
        background-color: rgb(86, 148, 254);
}

/* 多选下拉弹框样式-结束 */


/* 开通试学-温馨提示-开始 */

.warm-hint{
    display:none;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:502;
    background-color:rgba(0,0,0,0.5);
}

.warm-main{
    position:absolute;
    left:50%;
    top:50%;
    width:804px;
    background-color:#FFFFFF;
    border-radius:8px;
    padding-bottom:40px;
    margin-top:-300px;
    margin-left:-402px;
}

.warm-title{
    text-align:center;
    font-size:22px;
    color:#333333;
    font-weight:bold;
    padding-top:36px;
    padding-bottom:42px;
}

.warm-text{
    padding-left:130px;
}

.warm-text-top{
    font-weight:bold;
    color:#333333;
    font-size:18px;
    height:24px;
    line-height:24px;
}

.warm-text-top span{
    color:#FF0701;
}

.warm-text-bottom{
    font-size:18px;
    color:#333333;
    padding-top:24px;
    line-height:24px;
}

.warm-text-bottom a{
    color:#0090FF;
}
.warm-text-more{
    color:#333333;
    font-size:18px;
    padding-top:38px;
    line-height:24px;
}

.warm-code{
    width:322px;
    margin:0 auto;
    padding-top:20px;
}

.warm-code-div{
    border: 1px solid #f1f1f1;
}
.warm-code-div img.img1{
    display:block;
    width:135px;
}

.warm-code-pidding{
    padding:8px;
}

.warm-code-div img.img2{
    display:block;
    width:119px;
}

.warm-code-box{
    margin:0 12px;
}

.warm-code-text{
    color:#333333;
    font-size:14px;
    text-align:center;
    padding-top:14px;
    height:20px;
    line-height:20px;
}

.warm-sure{
    display:block;
    width:180px;
    height:40px;
    background-color:#2E9D9E;
    border-radius:6px;
    color:#FFFFFF;
    font-weight:bold;
    text-align:center;
    line-height:40px;
    cursor: pointer;
    margin:40px auto 0; 
}

.warm-close{
    position:absolute;
    right:29px;
    top:24px;
    cursor: pointer;
}

/* 开通试学-温馨提示-结束 */

.application-ash{
    padding-top:14px;
    font-size:14px;
    color:#999999;
    text-align:center;
}

/* 选择推荐课程-开始 */

.course-wrap{
    position:relative;
    left:0;
    top:0;;
}

.recommend-course{
    position:absolute;
    left:0;
    top:0;
    width:100%;
}

.recommend-son{
    color:#6c6c6c;
    margin-bottom:5px;
    margin-right:10px;
    max-width:100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
}

/* 选择推荐课程-结束 */