/*  右侧内容*/
/*  初级 中级 高级 */
.jobDj{
    width:90%;height:45px;padding:0;margin:0;display: none;
}
.jobDj li{
    width: 130px;
    height: 39px;
    font-size: 14px;
    line-height: 35px;
    text-align: left;
    color: #fff;
    display: inline-block;
    margin-right: 5px;
    border-radius: 3px;
    background-size:130px 39px;
}
.jobDj li a{
    padding-left:35%;
    display: block;
    color: #fff;
    font-weight: 600;
}

.jobDj li:nth-child(1){
    background-image: url("../images/weixin/chuji.png");
}
.jobDj li:nth-child(2){
    background-image: url("../images/weixin/zhongji.png");
}
.jobDj li:nth-child(3){
    background-image: url("../images/weixin/gaoji.png");
}
.jobDj li.active{
    color:#1c5d89;
    background-image: url("../images/weixin/chujiActive.png");
}
.jobDj li.active a{
    color:#1c5d89;
}
/*  课程列表 */
.subjectList{
    width:90%;height:56px;border:1px solid #e5e5e5;border-radius: 4px;
    overflow: hidden;position: relative;
    background: -moz-linear-gradient(top, #fefefe 0%, #f0f0f0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f0f0f0));
    background: -webkit-linear-gradient(top, #fefefe 0%,#f0f0f0 100%);
    background: -o-linear-gradient(top, #fefefe 0%,#f0f0f0 100%);
    background: -ms-linear-gradient(top, #fefefe 0%,#f0f0f0 100%);
    background: linear-gradient(to bottom, #fefefe 0%,#f0f0f0 100%);
    box-shadow:0 0 2px #e5e5e5;margin-bottom:10px;
    padding:0 5%;
    display: none;
}
.isLeft{
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 12px solid #41acd4;
    position: absolute;left:18px;top:20px;
    z-index: 1111;cursor: pointer;
}
.noLeft{
    border-right: 12px solid #5a5a5a;
}
.leftZz{
    width:35px;height:100%;position: absolute;left:0;top:0;z-index: 111;
    background: -moz-linear-gradient(top, #fefefe 0%, #f0f0f0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f0f0f0));
    background: -webkit-linear-gradient(top, #fefefe 0%,#f0f0f0 100%);
    background: -o-linear-gradient(top, #fefefe 0%,#f0f0f0 100%);
    background: -ms-linear-gradient(top, #fefefe 0%,#f0f0f0 100%);
    background: linear-gradient(to bottom, #fefefe 0%,#f0f0f0 100%);
}
.rightZz{
    width:35px;height:100%;position: absolute;right:0;top:0;z-index: 111;
    background: -moz-linear-gradient(top, #fefefe 0%, #f0f0f0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f0f0f0));
    background: -webkit-linear-gradient(top, #fefefe 0%,#f0f0f0 100%);
    background: -o-linear-gradient(top, #fefefe 0%,#f0f0f0 100%);
    background: -ms-linear-gradient(top, #fefefe 0%,#f0f0f0 100%);
    background: linear-gradient(to bottom, #fefefe 0%,#f0f0f0 100%);
}
.isRight{
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 12px solid #41acd4;
    position: absolute;right:18px;top:20px;
    z-index: 1111;cursor: pointer;
}
.noRight{
    border-left: 12px solid #5a5a5a;
}
.subjectList > ul{
    padding:0;    white-space: nowrap;
    position: absolute;top:15%;
}
.subjectList > ul > li{
    display: inline-block;padding:0 30px;font-size:14px;border-radius: 20px;color: #6d6f71;height:100%;
    line-height: 36px;cursor: pointer;text-align: center;margin:0 4px 10px 0;
}
.subjectList > ul > li.active,.subjectList > ul > li:hover{
    background: #44b5df;color:#fff;
}

.noData{
    width:100%;height:auto;border:1px solid #e5e5e5;border-radius: 4px;box-shadow:0 0 2px #e5e5e5;
    padding:20px;margin-bottom: 10px;
}

.courseList{
    width:100%;height:auto;border:1px solid #e5e5e5;border-radius: 4px;box-shadow:0 0 2px #e5e5e5;
    padding:20px;margin-bottom: 10px;
}
.introduction{
    width:100%;height:auto;margin-bottom: 20px;
}
.introductionCon{
    float: left;width:80%;
}
.introductionBtn{
    float: right;width:20%;padding-left: 20px;
}
.introductionTit{
    color:#b23636;font-size:20px;font-weight: 600;margin-bottom: 20px;
}
.introductionTeacher,.introductionTime,.introductionContainer{
    padding:10px 0;height:31px;margin-bottom:10px;
}
.introductionContainer{
    height:auto;
}
.introductionTeacher > .icon,.introductionTime > .icon,.introductionContainer > .icon{
    display: inline-block;width:40px;height:31px;background: url("../images/_003_subject/logoIcon.png") no-repeat;float: left;
}
.introductionTime > .icon{
    background: url("../images/_003_subject/calenderIcon.png") no-repeat;
}
.introductionContainer > .icon{
    background: url("../images/_003_subject/fileIcon.png") no-repeat;
}
.introductionTeacher span,.introductionTime span,.introductionContainer span{
    line-height:31px;color: #3b434f;font-size:14px; margin-right:10px;
}
.introductionTime .radioPay{
    display: inline-block;
    height: 25px;
    cursor: pointer;
    text-align: center;
    padding-left: 13px;
    background: url("../images/_003_subject/nochecked.png") no-repeat;
}
.introductionTime .radioPay.on{
    background: url("../images/_003_subject/ischecked.png") no-repeat;
}
.introductionTime .radioPay .radioclass {
    opacity: 0;
    cursor: pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}
.price{
    color:#b23636;font-size:20px;margin-bottom: 10px;
}
.priceOld{
    color:#ccc;font-size:16px;margin-bottom: 20px;text-decoration:line-through
}
.signupBtn,.xqBtn{
    width:110px;height:36px;border:1px solid #e5e5e5;border-radius: 2px;box-shadow:0 0 2px #e5e5e5;
    padding:5px 10px;text-align: center;margin-bottom: 20px;cursor: pointer;display: block;
}
.signupBtn > span,.xqBtn > span{
    display: inline-block;color:#b23636;height:100%;float: left;text-align: center;font-weight: 600;font-size:12px;
    line-height: 24px;
}
.signupBtn > span:nth-child(1),.xqBtn > span:nth-child(1){
    width:15px;font-weight: bold;background: url("../images/_003_subject/duigou.png") center no-repeat;
}
.xqBtn > span:nth-child(1){
   background: url("../images/_003_subject/plus.png") center no-repeat;
}
.xqBtn.closeXqBtn > span:nth-child(1){
   background: url("../images/_003_subject/minus.png") center no-repeat;
}
.signupBtn > span:nth-child(2),.xqBtn > span:nth-child(2){
    width:1px;background: #eeeeee;margin:0 15px 0 5px;
}


.courseXq{
    width:70%;margin-top: -15px;position: relative;display: none;
}
.courseXq::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #b23636;
    -webkit-box-shadow: inset 0 0 5px rgba(178,54,54,0.9);
}
.courseList > .hr{
    width:99%;height:1px;background: #d3d3d3;display: none;
}
.courseXq > div{
    width:100%;
    z-index:-1;padding-top:50px;
}
.courseXq > div > table{
    color: #3c4450;font-size:16px;padding:0;margin:0; width:100%;
}
.courseXq > div > table:nth-child(1){
    border-top: 1px solid #d3d3d3;box-shadow:0 0 2px #d3d3d3;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
}
.courseXq > div > table{
    border-left: 1px solid #d3d3d3;box-shadow:0 0 2px #d3d3d3;border-right: 1px solid #d3d3d3;
}
.courseXq > div > table:last-child{
    border-bottom: 1px solid #d3d3d3;box-shadow:0 0 2px #d3d3d3;
    border-bottom-right-radius:3px;
    border-bottom-left-radius:3px;
}
.courseXq > div > table  td{
    padding:5px 0;text-align: center;
}

.courseXq > div > table  td:nth-child(1){
    width:50%;border-right:1px dashed #cccccc;border-bottom:1px dashed #cccccc;
    position: relative;
}
.courseXq > div > table  td:nth-child(2){
    width:20%;border-right:1px dashed #cccccc;border-bottom:1px dashed #cccccc;
}
.courseXq > div > table  td:nth-child(3){
    width:30%;border-bottom:1px dashed #cccccc;
}
.courseXq > div > table:last-child  td{
   border-bottom:0;
}
.fx{
    position: absolute;top:-35px;left:-150px;border:1px solid #e5e5e5;padding:5px 10px;
    z-index: 11111;background: #fff;display: none;width: 300px;min-height:30px;
}
.fx .arrow{
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid #e5e5e5;
    position: absolute;bottom:-15px;left:50%;
}
.fx .arrow:after{
    content: '';
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 13px solid #fff;
    position: absolute;bottom:2px;left:-9px;
}
.fkBox{
    width:20px;height:20px;background: url("../images/_003_subject/divisor.png") center no-repeat;display: inline-block;
    margin-bottom: -3px;margin-left:3px;cursor: pointer;position: relative;
}
.dgBox{
    width:20px;height:20px;background: url("../images/_003_subject/divisor1.png") center no-repeat;display: inline-block;
    margin-bottom: -3px;margin-left:3px;cursor: pointer;position: relative;
}
.dgBox > .kc{
    width:390px;max-height:270px; border: 2px solid #d3d3d3;box-shadow:0 0 2px #d3d3d3;
    border-radius: 4px;position: absolute;background: #f9f9f9;
    z-index: 1111;padding:0;display: none;top:25px;overflow-y: auto;
}
.dgBox > .kc > table{
    width: 100%;
}
.dgBox > .kc > table td{
    text-align: center;
}
.dgBox > .kc > table thead{
    background: #2993de;
}
.dgBox > .kc > table tr > td:nth-child(1){
    width:195px;
}
.dgBox > .kc > table tr > td:nth-child(2){
    width:117px;
}
.dgBox > .kc > table tr > td:nth-child(3){
    width:78px;
}
.dgBox > .kc > table thead {
    width: calc( 100% - 1em )
}
.dgBox > .kc > table thead th{ background:#ccc;}
.dgBox > .kc > table thead td{
    padding:10px 0;color: #fff;
}
.dgBox > .kc > table tbody td{
    padding:10px;text-align: left;
}
.dgBox > .kc > table tbody td:last-child{
    padding:10px; text-align: center;
}
.dgBox > .kc > table tr > td{
    border:1px dashed #cccccc;
}

/*  右侧内容结束*/
/*     分页      */
.paging{
    width:200px;height:20px;margin:0 auto;line-height:20px;text-align: center;font-size:14px;color:#5d5f5f;
}
.pageBtn{
    display: inline-block;width:50px;height:20px;background: #2d76bb;border:1px solid #c1d7eb;
    font-size:10px;line-height:15px;color:#fff;
}
.pageBtn:hover{
    background: #065aa9;color:#fff;
}