/*课程列表*/
.train_show3{width: 1200px;margin: 0 auto;margin-bottom: 30px;min-height: 742px;}
.train_show3 .banner{width: 100%;height: 200px;background: url(../../images/train/21.png) no-repeat;}
.train_show3 .banner .banner_txt{color: #fff;text-align: center;width: 400px;margin: 0 auto;padding-top: 57px;}
.train_show3 .banner .banner_txt .top_txt{font-size: 42px;}
.train_show3 .banner .banner_txt .top_txt .point{display: inline-block;width: 10px;height: 10px;border-radius: 10px;background-color: #fff;vertical-align: middle;margin: 0 5px;}
.train_show3 .banner .banner_txt .bottom_txt{font-size: 16px;margin-top: 10px;}
.train_show3 .so_condition{background-color: #f9f9f9;margin-top: 20px;padding: 20px;border: 1px solid #eeeeee;padding-bottom: 0px;}
.train_show3 .so_condition .condition_item{margin-bottom: 20px;line-height: 26px;}
.train_show3 .so_condition .condition_item .left_title{float: left;color: #999c9f;}
.train_show3 .so_condition .condition_item .right_key{float: left;margin-left: 28px;}
.train_show3 .so_condition .condition_item .right_key a.li{padding: 4px 25px;border-radius: 2px;margin-right: 5px;color: #333;}
.train_show3 .so_condition .condition_item .right_key a.li:hover{background-color: #5573eb;color: #fff;}
.train_show3 .so_condition .condition_item .right_key a.li.active{background-color: #5573eb;color: #fff;}
.train_show3 .so_condition .condition_item .right_key input.date{width: 108px;color: #333333;background: transparent url(../../images/train/23.png) no-repeat right;border: 0;padding-left: 10px;cursor: pointer;}
.train_show3 .so_condition .condition_item .right_key input.date:focus{background-image: url(../../images/train/24.png)}
.train_show3 .course_content{width: 1200px;margin-top: 20px;}
.train_show3 .course_content .list_header ul.tabs{float: left;}
.train_show3 .course_content .list_header ul.tabs li{display: inline-block;color: #333333;padding: 0px 3px;cursor: pointer;margin-right: 5px;}
.train_show3 .course_content .list_header ul.tabs li.active{border-bottom: 3px solid #5573eb;}
.train_show3 .course_content .list_header ul.tabs li:hover{border-bottom: 3px solid #5573eb;}
.train_show3 .course_content .list_header .radiobox{float: right;background:  url(../../images/130.png) no-repeat 0px -293px;padding-left: 22px;cursor: pointer;line-height: 180%;-webkit-user-select: none;-ms-user-select: none;user-select: none;}
.train_show3 .course_content .list_header .radiobox.checked{background-position: 0px -316px;}
.train_show3 .course_content .list_wrapper{margin-top: 20px;}
.train_show3 .course_content .course_list{display: none;}
.train_show3 .course_content .course_list ul li{float: left;width: 382px;height: 103px;border: 1px solid #ddd;margin-bottom: 24px}
.train_show3 .course_content .course_list ul li:hover{border: 1px solid #5573eb;}
.train_show3 .course_content .course_list ul li.mid{margin: 0 24px;}
.train_show3 .course_content .course_list ul li .course_info{padding:6px 15px;line-height: 22px;position: relative;}
.train_show3 .course_content .course_list ul li .course_info .l1{line-height: 18px;}
.train_show3 .course_content .course_list ul li .course_info .full_name{display:inline-block;width:273px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.train_show3 .course_content .course_list ul li .course_info .t{display:inline-block;width:78px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.train_show3 .course_content .course_list ul li .course_info .other_info{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.train_show3 .course_content .course_list ul li .course_info .other_info span{display: inline-block;vertical-align: top;}
.train_show3 .course_content .course_list ul li .course_info .other_info span.category{max-width: 155px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.train_show3 .course_content .course_list ul li .course_info .other_info span.line{margin: 0 3px;}
.train_show3 .course_content .course_list ul li .course_info .bottom{margin-top: 0px;}
.train_show3 .course_content .course_list ul li .course_info .bottom div{display: inline-block;}
.train_show3 .course_content .course_list ul li .course_info .bottom div.time{}
.train_show3 .course_content .course_list ul li .course_info .bottom .btn{position: absolute;right: 15px;bottom: 8px;width: 86px;height: 26px;line-height: 26px;border-radius: 13px;text-align: center;cursor: pointer;background: url(../../images/train/17.png);color: #fff;}
.train_show3 .course_content .course_list ul li .course_info .bottom .btn:hover{background: #6c5aeb;}
.train_show3 .course_content .course_list .list_more{width: 96px;height: 34px;text-align: center;line-height: 34px;background-color: #eeeeee;border-radius: 3px;margin: 0 auto;cursor: pointer;}
.train_show3 .course_content .course_list .list_more:hover{background-color: #dde4ff;}

/*课程详情页*/
.train_show4{border-top: 1px solid #eeeeee;min-height: 742px;}
.train_show4 .main_content{width: 1200px;margin: 0 auto;margin-top: 30px;}
.train_show4 .course_head .course_pic{width: 420px;height: 251px;float: left;}
.train_show4 .course_head .course_pic img{width: 420px;height: 251px;}
.train_show4 .course_head .course_r{width: 760px;margin-left: 20px;float: left;height: 291px;}
.train_show4 .course_head .course_r .course_title{font-size: 20px;color: #233040;line-height: 30px;}
.train_show4 .course_head .course_r .review_count{font-size: 12px;color: #555555;padding: 20px 0px;}
.train_show4 .course_head .course_r .review_count div{float: left;margin-right: 10px;}
.train_show4 .course_head .course_r .review_count div i{display: inline-block;vertical-align: top;width: 16px;height:16px;background: url(../../images/train/25.png) no-repeat;margin-right: 3px;}
.train_show4 .course_head .course_r .review_count div.info_time i{background-position:-186px center;}
.train_show4 .course_head .course_r .review_count div.info_view i{background-position:-225px center;}
.train_show4 .course_head .course_r .review_count div.info_class .apply_num{color: #5573eb;}
.train_show4 .course_head .course_r .course_info{border: 1px dashed #d7d7d7;padding: 15px 35px;}
.train_show4 .course_head .course_r .course_info .course_info_l{float: left;color: #000000;font-size: 13px;line-height: 20px;width: 416px;margin-top: 10px;}
.train_show4 .course_head .course_r .course_info .course_info_l span.txt{width: 302px;float: left;padding: 0px 20px;}
.train_show4 .course_head .course_r .course_info .course_info_l span.price{color: #ff515e;font-size: 18px;}
.train_show4 .course_head .course_r .course_info .course_info_l .title_txt{float: left;}
.train_show4 .course_head .course_r .course_info .course_info_l .title_txt i{display: inline-block;vertical-align: top;width: 14px;height:18px;background: url(../../images/train/25.png) no-repeat;margin-right: 7px;}
.train_show4 .course_head .course_r .course_info .course_info_l .detail_addr{min-height: 45px;}
.train_show4 .course_head .course_r .course_info .course_info_l .detail_addr i{background-position: -266px -7px;}
.train_show4 .course_head .course_r .course_info .course_info_l .detail_time{height: 45px;}
.train_show4 .course_head .course_r .course_info .course_info_l .detail_time i{background-position: -299px -7px;}
.train_show4 .course_head .course_r .course_info .course_info_l .detail_price{height: 32px;}
.train_show4 .course_head .course_r .course_info .course_info_l .detail_price i{background-position: -333px -7px;}
.train_show4 .course_head .course_r .course_info .course_info_r{float: right;width: 270px;}
.course_info_r .select_box .title_txt{float: left;}
.course_info_r .select_box .title_txt i{display: inline-block;vertical-align: top;width: 20px;height:36px;background: url(../../images/train/25.png) no-repeat -365px 3px;}
.course_info_r .select_box .select_num{margin-left: 10px;float: left;}
.course_info_r .select_box .select_num .less{display: inline-block; width: 24px;height: 36px;background: url(../../images/train/25.png) no-repeat -390px 3px;float: left;border: 1px solid #ddd;}
.course_info_r .select_box .select_num .count{width: 44px; height: 36px;border: 1px solid #ddd;float: left;border-left: none;border-right: none;}
.course_info_r .select_box .select_num .count input{width: 100%; height: 36px;text-align: center;font-size: 14px;line-height: 24px;border: none;}
.course_info_r .select_box .select_num .add{display: inline-block;width: 24px;height: 36px;background: url(../../images/train/25.png) no-repeat -409px 3px; float: left;border: 1px solid #ddd;}
.course_info_r .select_box .select_txt{margin-left: 18px;float: left;padding-top: 10px;}
.course_info_r .button_group{margin-top: 32px;}
.course_info_r .button_group .btn{display: inline-block;height: 40px;line-height: 40px;border: 1px solid #5573eb;text-align: center;border-radius: 4px;cursor: pointer;}
.course_info_r .button_group .btn.apply{width: 147px;background:#6462eb;color: #fff;border: 1px solid transparent;}
.course_info_r .button_group .btn.apply:hover{background: #6c5aeb;}
.course_info_r .button_group .btn.collect{width: 101px;margin-left: 10px;color: #5573eb;}
.course_info_r .button_group .btn.collect i{display: inline-block;width: 20px;height: 20px;background: url(../../images/train/25.png) no-repeat -25px -7px;vertical-align: middle;margin-right: 3px;}
.course_info_r .button_group .btn.collect:hover i{background-position: -64px -7px;}
.train_show4 .detail_main{margin: 20px 0px;}
.train_show4 .detail_main .detail_l{width: 878px;float: left;border: 1px solid #eeeeee;}
.train_show4 .detail_main .detail_l .detail_head_tab.fixed{position: fixed;left: 0px;top:0px;width: 100%;height: 63px;border-bottom: 2px solid #eeeeee;background-color: #fff;z-index: 999;}
.train_show4 .detail_main .detail_l .detail_head_tab.fixed .tabs{width: 1200px;height: 63px;margin: 0 auto;border-bottom-color:transparent;}
.train_show4 .detail_main .detail_l .detail_head_tab .tabs .apply{display: none;margin-top: 10px;margin-right: 8px;float: right;width: 127px;height: 40px;line-height: 40px;text-align: center;border-radius: 4px;color: #fff;border: 1px solid transparent;}
.train_show4 .detail_main .detail_l .detail_head_tab .tabs .apply:hover{background: #6c5aeb;}
.train_show4 .detail_main .detail_l .detail_head_tab.fixed .tabs .apply{display: block}
.train_show4 .detail_main .detail_l .tabs{border-bottom: 1px solid #eeeeee;height: 62px;line-height: 62px;padding-left: 15px;}
.train_show4 .detail_main .detail_l .tabs a{display: inline-block;font-size: 18px;color: #333333;padding: 0 10px;}
.train_show4 .detail_main .detail_l .tabs a.active{border-bottom: 2px solid #5573eb;}
.train_show4 .detail_main .detail_l .show_wrapper{padding: 25px 30px 15px 30px;}
.train_show4 .detail_main .detail_l .show_wrapper .tit{font-size: 20px;color: #333333;margin-bottom: 15px;}
.train_show4 .detail_main .detail_l .show_wrapper .tit i{display: inline-block;width: 21px;height: 21px;background: url(../../images/train/25.png) no-repeat;vertical-align: middle;margin-right: 3px;}
.train_show4 .detail_main .detail_l .show_wrapper .p1 .tit i{background-position: -102px -7px;}
.train_show4 .detail_main .detail_l .show_wrapper .p1 .txt{background: #eaebee url(../../images/train/27.png) no-repeat right top;padding: 30px 35px;margin-bottom: 15px;font-size: 13px;color: #333333;line-height: 24px;}
.train_show4 .detail_main .detail_l .show_wrapper .p1 .txt *{max-width: 745px;}
.train_show4 .detail_main .detail_l .show_wrapper .p2 .tit i{background-position: -143px -7px;}
.train_show4 .detail_main .detail_l .show_wrapper .teacher_li{margin-bottom: 10px;}
.train_show4 .detail_main .detail_l .show_wrapper .teacher_li .left_pic{float: left;width: 141px;height: 154px;}
.train_show4 .detail_main .detail_l .show_wrapper .teacher_li .left_pic img{width: 141px;height: 154px;}
.train_show4 .detail_main .detail_l .show_wrapper .teacher_li .right_txt{float: left;margin-left: 20px;width: 657px;line-height: 22px;color: #333333;}
.train_show4 .detail_main .detail_l .show_wrapper .teacher_li .right_txt *{max-width: 657px;}
.train_show4 .detail_main .detail_l .show_wrapper .teacher_li .right_txt .name{font-size: 18px;color: #6a80eb;}
.train_show4 .detail_main .detail_l .show_wrapper .teacher_li .right_txt .edu_major{padding: 8px 0px;}
.train_show4 .detail_main .detail_l .show_wrapper .teacher_li .right_txt .brief{font-size: 13px;padding: 5px 0px;}
.train_show4 .detail_main .detail_l .show_wrapper .teacher_li .right_txt .achievement{font-size: 13px;}
.train_show4 .detail_main .detail_l .show_wrapper .course_list{ }
.train_show4 .detail_main .detail_l .show_wrapper .course_list .title{font-size: 18px;color: #333333;position: relative;padding-left: 12px;margin-bottom: 30px;}
.train_show4 .detail_main .detail_l .show_wrapper .course_list .title:before{content: "";display: block;width:4px;height: 18px;background-color: #5573eb;position: absolute;left: 1px;top:4px;border-radius: 2px;}
/*.train_show4 .detail_main .detail_l .show_wrapper .course_list ul{padding:15px 18px 5px 18px;}*/
.train_show4 .detail_main .detail_l .show_wrapper .course_list ul li{float: left;width: 397px;height: 78px;border: 1px dashed #ddd;margin-bottom: 15px;margin-right: 20px;}
.train_show4 .detail_main .detail_l .show_wrapper .course_list ul li:hover{border: 1px solid #5573eb;}
.train_show4 .detail_main .detail_l .show_wrapper .course_list ul li.no_mar{margin-right: 0px;}
.train_show4 .detail_main .detail_l .show_wrapper .course_list ul li .course_info{padding:6px 15px;line-height: 22px;position: relative;}
.train_show4 .detail_main .detail_l .show_wrapper .course_list ul li .course_info .l1{line-height: 18px;}
.train_show4 .detail_main .detail_l .show_wrapper .course_list ul li .course_info .full_name{display:inline-block;width:268px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.train_show4 .detail_main .detail_l .show_wrapper .course_list ul li .course_info .t{display:inline-block;width:78px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.train_show4 .detail_main .detail_l .show_wrapper .course_list ul li .course_info .other_info{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.train_show4 .detail_main .detail_l .show_wrapper .course_list ul li .course_info .other_info span{display: inline-block;vertical-align: top;}
.train_show4 .detail_main .detail_l .show_wrapper .course_list ul li .course_info .other_info span.category{max-width: 150px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.train_show4 .detail_main .detail_l .show_wrapper .course_list ul li .course_info .other_info span.line{margin: 0 3px;}
.train_show4 .detail_main .detail_l .show_wrapper .course_list ul li .course_info .bottom{margin-top: 0px;}
.train_show4 .detail_main .detail_l .show_wrapper .course_list ul li .course_info .bottom div{display: inline-block;}
.train_show4 .detail_main .detail_l .show_wrapper .course_list ul li .course_info .bottom div.time{}
.train_show4 .detail_main .detail_l .show_wrapper .course_list ul li .course_info .bottom .btn{position: absolute;right: 15px;bottom: 8px;width: 86px;height: 26px;line-height: 26px;border-radius: 13px;text-align: center;cursor: pointer;background: url(../../images/train/17.png);color: #fff;}
.train_show4 .detail_main .detail_l .show_wrapper .course_list ul li .course_info .bottom .btn:hover{background: #6c5aeb;}

.train_show4  .detail_main .detail_r{width: 298px;float: left;border: 1px solid #eeeeee;margin-left: 20px;}
.train_show4  .detail_main .detail_r .title{font-size: 18px;color: #333333;margin: 20px 24px 10px 24px;position: relative;padding-left: 12px;}
.train_show4  .detail_main .detail_r .title:before{content: "";display: block;width:4px;height: 18px;background-color: #5573eb;position: absolute;left: 1px;top:4px;border-radius: 2px;}
.train_show4  .detail_main .detail_r .recommend_list{margin: 0 24px;}
.train_show4  .detail_main .detail_r .recommend_list li{color: #4a4a4a;margin-bottom: 10px;}
.train_show4  .detail_main .detail_r .recommend_list li a{display: inline-block;width: 250px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.train_show4  .detail_main .detail_r .recommend_list li a:hover{color: #5573eb;}
.train_show4  .detail_main .detail_r .recommend_list li i{display: inline-block;width: 6px;height: 6px;border-radius: 50%;background-color: #5573eb;margin-right: 5px;}
.train_show4  .detail_main .detail_r .recommend_list li span.time{display: block;color: #a1a1a1;font-size: 13px;}




