/*培训筛选条件*/
.search_data_box {
    margin: 30px 0 30px 0;
}

.pull-right {
    float: right !important;
}

.list_banner {
    width: 1000px;
    display: block;
}

.list_banner2 {
    width: 100% !important;
}

.list_banner img {
    width: 100%;
    border-radius: 12px;
}

.list_main_tab_box {
    text-align: center;
    margin: 20px 0 22px 0;
}

.list_main_tab_box .tab {
    display: inline-table;
    padding: 0 0 0 13px;
    font-size: 18px;
    line-height: 32px;
    border-bottom: 2px solid #fafafa;
    margin: 0 16px;
}

.list_main_tab_box .tab.current {
    border-bottom: 2px solid #ff8b3d;
}

.list_main_tab_box .tab:hover {
    border-bottom: 2px solid #ff8b3d;
}

/*培训列表V2*/
.train_list_v2 {
    margin: 0 auto;
}

.train_list_v2 .item {
    background: #fff;
    padding: 16px 16px 10px 16px;
    margin: 0 0 16px 0;
    border-radius: 6px;
}

.train_list_v2 .item .img {
    float: left;
    width: 230px;
    height: 138px;
    display: block;
    position: relative;
    overflow: hidden;
}

.train_list_v2 .item .img img {
    display: block;
    width: 100%;
    position: absolute;
}

.train_list_v2 .item .train_content_box {
    float: left;
    width: 530px;
    margin: 0 0 0 30px;
}

.train_list_v2 .item .train_name {
    font-size: 18px;
    line-height: 18px;
    margin: 0 0 12px 0;
    color: #1a1a1a;
    float: left;
}

.train_list_v2 .item .train_name:hover {
    color: #ff8b3d;
}

.train_list_v2 .item .train_name .train_type {
    background: #ff8b3d;
    color: #fff;
    font-size: 14px;
    padding: 2px 6px;
    line-height: 18px;
}

.train_list_v2 .item .count_info_box {
    font-size: 14px;
    line-height: 14px;
    margin: 10px 0 6px 0;
}

.train_list_v2 .item .count_info_box .train_count {
    color: #888;
}

.train_list_v2 .item .count_info_box .try_count {
    color: #23a874;
    padding: 0 0 0 16px;
}

.train_list_v2 .item .train_content_box .left_box {
    float: left;
    width: 230px;
}

.train_list_v2 .item .train_content_box .right_box {
    float: left;
    width: 360px;
}

.train_list_v2 .item .option_item {
    line-height: 32px;
    font-size: 14px;
    line-height: 16px;
    margin: 0 0 12px 0;
    color: #333;
}

.train_list_v2 .item .option_item .option_name {
    float: left;
    width: 80px;
    color: #888;
}

.train_list_v2 .item .option_item .option_value {
    float: left;
}

.train_list_v2 .item .teacher_info_box {
    margin: 20px 0 0 0;
    height: 50px;
}

.train_list_v2 .item .teacher_info_box .teacher_img {
    float: left;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    margin: 0 12px 0 0;
}

.train_list_v2 .item .teacher_info_box .teacher_info {
    float: left;
    color: #666;
    font-size: 16px;
    line-height: 50px;
}

.train_list_v2 .item .teacher_info_box .teacher_info span {
    color: #111;
}

.train_list_v2 .item .train_option_box {
    float: right;
    width: 160px;
    position: relative;
    height: 113px;
}

.train_list_v2 .item .train_option_box .collection_box {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 18px;
}

.train_list_v2 .item .train_option_box .collection_box img {
    display: block;
    width: 100%;
}

.train_list_v2 .item .train_option_box .share_box {
    position: absolute;
    right: 16px;
    top: 0px;
    width: 18px;
}

.train_list_v2 .item .train_option_box .share_box img {
    display: block;
    width: 100%;
}

.train_list_v2 .item .train_option_box .train_count_box {
    position: absolute;
    right: 0px;
    top: 2px;
}

.train_list_v2 .item .train_option_box .train_count_box .icon_member {
    float: right;
    height: 16px;
    margin: 0 8px 0 0;
}

.train_list_v2 .item .train_option_box .train_count_box .train_count {
    float: right;
    line-height: 16px;
    font-size: 14px;
}

.train_list_v2 .item .train_option_box .price {
    position: absolute;
    right: 0px;
    top: 34px;
    color: red;
    font-size: 20px;
}

.train_list_v2 .item .train_option_box .train_btn {
    position: absolute;
    right: 0px;
    bottom: -8px;
    background: #fdd30f;
    border-radius: 6px;
    text-align: center;
    padding: 6px 0;
    cursor: pointer;
    width: 160px;
    color: #333;
}

.train_list_v2 .item .train_option_box .train_btn:hover {
    background: #ff8b3d;
    color: #333 !important;
}

/*培训详情*/
.train_box_container {
}

.left_train_box_2 {
    float: left;
    width: 820px;
    border-radius: 6px;
    padding: 0 0 0 0;
    margin: 0 0 30px 0;
}

.left_train_box_2 .train_tab_box {
    width: 820px;
    padding: 12px 22px;
    border-radius: 6px;
    background: #fff;
    font-size: 16px;
    margin: 0 0 16px 0;
}

.left_train_box_2 .train_tab_box .tab {
    border-bottom: 2px solid #fff;
    padding: 0 0 3px 0;
    float: left;
    margin: 0 36px 0 0;
}

.left_train_box_2 .train_tab_box .tab.current {
    color: #ff8b3d;
    border-bottom: 2px solid #ff8b3d;
}

.left_train_box_2 .train_tab_box .tab:hover {
    color: #ff8b3d;
    border-bottom: 2px solid #ff8b3d;
}

.left_train_box_2 .train_content_box {
    background: #fff;
    padding: 16px 22px;
}

.left_train_box_2 .top_info {
    margin: 0 0 30px 0;
}

.left_train_box_2 .top_info .title {
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    float: left;
}

.left_train_box_2 .top_info .more {
    float: right;
    font-size: 13px;
    color: #35ad80;
    font-size: 12px;
    line-height: 20px;
}

.left_train_box_2 .data_img {
    width: 100%;
    margin: 0 0 20px 0;
}

.left_train_box_2 .data_img img {
    width: 100%;
    display: block;
}

.left_train_box_2 .bottom_info {
    color: #666;
}

.left_train_box_2 .bottom_info .tags {
    float: left;
    font-size: 13px;
    width: 500px;
}

.left_train_box_2 .bottom_info .tags .summary {
    padding: 10px 0 0 0;
}

.left_train_box_2 .bottom_info .tags .summary span {
    padding: 0 0 0 16px;
    line-height: 22px;
}

.left_train_box_2 .bottom_info span {
    padding: 0 12px;
}

.left_train_box_2 .bottom_info .data_zan_cai_box {
    float: right;
    text-align: center;
}

.left_train_box_2 .bottom_info .data_zan_cai_box span {
    padding: 0 3px;
}

.left_train_box_2 .bottom_info .data_zan_cai_box .zan_box {
    float: right;
    width: 28px;
    margin: 0 42px 0 0;
    cursor: pointer;
}

.left_train_box_2 .bottom_info .data_zan_cai_box .cai_box {
    float: right;
    width: 28px;
    margin: 0 0 0 0;
    cursor: pointer;
}

.left_train_box_2 .bottom_info .data_zan_cai_box .icon_option {
    width: 100%;
    display: block;
}

.left_train_box_2 .bottom_info .data_zan_cai_box .option_count {
    margin: 6px 0;
}

.left_train_box_2 .content {
    width: 800px;
    padding: 0 20px 0 0;
}

.left_train_box_2 .content img {
    width: 100%;
}

/*培训：右侧详情模块第2个版本*/
.right_train_box_2 {
    width: 360px;
    float: right;
    border-radius: 6px;
}

.right_train_box_2 .teacher_info_box {
    text-align: center;
    background: #fff;
    padding: 24px 24px 24px 24px;
    border-radius: 6px;
}

.right_train_box_2 .teacher_info_box .img {
    width: 100%;
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 100px;
    margin: 0 16px 0 0;
}

.right_train_box_2 .teacher_info_box .teacher_right {
    text-align: left;
    font-weight: 400;
}

.right_train_box_2 .teacher_info_box .teacher_right .teacher_name {
    font-size: 14px;
    line-height: 14px;
    margin: 16px 0 18px 0;
}

.right_train_box_2 .teacher_info_box .teacher_right .teacher_summary {
    font-size: 14px;
    line-height: 22px;
}

.right_train_box_2 .train_info_box {
    text-align: left;
    background: #fff;
    padding: 0 12px 24px 12px;
    margin: 16px 0 0 0;
    border-radius: 6px;
}

.right_train_box_2 .train_info_box .section_name {
    font-size: 16px;
    color: #ff8b3d;
    padding: 0 0 6px 0;
    float: left;
}

.right_train_box_2 .train_info_box .top_box {
    line-height: 36px;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
    padding: 12px 0 0 0;
    text-align: center;
    width: 100%;
    margin: 0 0 12px 0;
}

.right_train_box_2 .train_info_box .top_box .option_item_tab {
    width: 100%;
}

.right_train_box_2 .train_info_box .top_box .option_item_tab .option_name {
    font-weight: bold;
    line-height: 32px;
    margin: 0 16px;
    padding: 0 16px;
    border-bottom: 2px solid #fff;
    cursor: pointer;
    text-align: center;
    display: inline-table;
}

.right_train_box_2 .train_info_box .top_box .option_item_tab .option_name.current {
    border-bottom: 2px solid #ff8b3d;
    color: #ff8b3d;
}

.right_train_box_2 .train_info_box .top_box .top_title {
    float: left;
}

.right_train_box_2 .train_info_box .top_box .option_item {
    float: right;
    margin: 12px 0 0 24px;
    cursor: pointer;
    position: relative;
}

.right_train_box_2 .train_info_box .top_box .option_item .option_icon {
    float: left;
    height: 14px;
    margin: 0 3px 0 0;
}

.right_train_box_2 .train_info_box .top_box .option_item .option_name {
    float: left;
    line-height: 14px;
    font-size: 12px;
}

.right_train_box_2 .train_info_box .top_box .option_item:hover {
    color: #666;
}

.right_train_box_2 .train_info_box .top_box .reward_btn {
    float: left;
    background: #fdd30f;
    padding: 3px 16px 6px 16px;
    line-height: 22px;
    color: #333;
    border-radius: 3px;
}

.right_train_box_2 .train_info_box .top_box .reward_btn:hover {
    background: #ff8b3d;
    color: #333 !important;
}

.right_train_box_2 .train_info_box .price_box {
    margin: 0 0 12px 0;
}

.right_train_box_2 .train_info_box .price_box .base_price {
    float: left;
}

.right_train_box_2 .train_info_box .price_box .base_price .price {
    padding: 0 3px 0 0;
    font-size: 18px;
    font-weight: bold;
    color: red;
}

.right_train_box_2 .train_info_box .price_box .group_buy_price {
    float: right;
}

.right_train_box_2 .train_info_box .price_box .group_buy_price .price {
    font-size: 16px;
    font-weight: bold;
}

.right_train_box_2 .train_info_box .buy_btn {
    position: relative;
    width: 100%;
    background: #fdd30f;
    border-radius: 6px;
    text-align: center;
    padding: 8px 0;
    cursor: pointer;
    border: 1px solid #fdd30f;
}

.right_train_box_2 .train_info_box .buy_btn:hover {
    background: #ff8b3d;
    color: #333 !important;
}

.right_train_box_2 .train_info_box .buy_btn .option_name {
    display: inline-table;
    height: 14px;
    font-size: 14px;
    line-height: 14px;
}

.right_train_box_2 .train_info_box .buy_btn .buy_count {
    position: absolute;
    right: 12px;
    bottom: 6px;
    font-size: 12px;
}

.right_train_box_2 .train_info_box .buy_btn_2 {
    position: relative;
    width: 100%;
    background: #fdd30f;
    border-radius: 6px;
    text-align: center;
    padding: 7px 0;
    cursor: pointer;
    margin: 16px 0 0 0;
    border: 1px solid #fdd30f;
}

.right_train_box_2 .train_info_box .buy_btn_2:hover {
    background: #ff8b3d;
    color: #333 !important;
}

.right_train_box_2 .train_info_box .buy_btn_2 .count_down {
    color: red;
}

.right_train_box_2 .train_info_box .buy_btn_3 {
    position: relative;
    width: 100%;
    background: #fdd30f;
    border-radius: 6px;
    text-align: center;
    padding: 8px 0;
    cursor: pointer;
    border: 1px solid #fdd30f;
    margin: 0 0 16px 0;
}

.right_train_box_2 .train_info_box .buy_btn_3:hover {
    background: #ff8b3d;
    color: #333 !important;
}

.right_train_box_2 .train_info_box .base_btn {
    position: relative;
    width: 100%;
    background: #fdd30f;
    border-radius: 6px;
    text-align: center;
    padding: 8px 0;
    cursor: pointer;
    border: 1px solid #fdd30f;
    margin: 16px 0 16px 0;
}

.right_train_box_2 .train_info_box .base_btn:hover {
    background: #ff8b3d;
    color: #333 !important;
}

.right_train_box_2 .section_name {
    font-size: 16px;
    line-height: 16px;
    margin: 32px 0 12px 0;
}

.right_train_box_2 .train_file_list {
}

.right_train_box_2 .train_file_list a {
    display: block;
    color: #333;
    line-height: 22px;
    margin: 0 0 6px 0;
}

/*系列课程目录*/
.right_train_box_2 .train_catalog_box {
    background: #fff;
    padding: 12px 12px 16px 12px;
    margin: 16px 0 0 0;
    border-radius: 6px;
}

.right_train_box_2 .train_catalog_box.new_train {
    padding: 12px 0 16px 0
}

.right_train_box_2 .train_catalog_box .catalog_title {
    font-size: 16px;
    line-height: 36px;
    border-bottom: 1px solid #ddd;
    width: 100%;
    padding: 0 0 0 8px;
}

.right_train_box_2 .train_catalog_box .train_catalog_list {
    font-size: 14px;
}

.right_train_box_2 .train_catalog_box .train_catalog_list .catalog_chapter {
    background: #f4f4f4;
    line-height: 36px;
    margin: 8px 0 8px 0;
    padding: 0 8px;
}

.right_train_box_2 .train_catalog_box .train_catalog_list .item {
    margin: 0 0 0 0;
    line-height: 28px;
    overflow: hidden;
    padding: 0 0 0 8px;
    display: block;
    position: relative;
    color: #333;
}

.right_train_box_2 .train_catalog_box .train_catalog_list .item:hover {
    background: #fdd30f;
    color: #333 !important;
}

.right_train_box_2 .train_catalog_box .train_catalog_list .item .train_name {
    float: left;
    overflow: hidden;
    height: 28px;
    width: 275px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.right_train_box_2 .train_catalog_box .train_catalog_list .item .train_name.audition {
    width: 232px !important;
}

.right_train_box_2 .train_catalog_box .train_catalog_list .item .is_try {
    float: right;
    color: #39a84a;
    line-height: 28px;
    font-size: 12px;
}

.right_train_box_2 .train_catalog_box .train_catalog_list .item .icon_play {
    width: 16px;
    float: right;
    margin: 6px 3px 0 3px;
}

.right_train_box_2 .train_catalog_box .train_catalog_list .item .icon_play_pre {
    float: left;
    width: 26px;
    margin: 3px 3px 0 0;
}

.right_train_box_2 .train_catalog_box .train_catalog_list .item .icon_play_pre img {
    width: 22px;
    display: block;
}

.right_train_box_2 .train_catalog_box .train_catalog_list .item .train_time {
    float: right;
    text-align: right;
    width: 25px;
    height: 28px;
    overflow: hidden;
}

.right_train_box_2 .train_catalog_box .train_catalog_list .item .option_btn {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    color: #333 !important;
    padding: 0 12px;
    background: #ff6b3d;
}

.right_train_box_2 .train_catalog_box .train_catalog_list .item .icon_lock {
    width: 15px;
    margin: -2px 0 0 0;
}

/*评论交互模块*/
.train_play_box {
    width: 820px;
    padding: 0 0 20px 0;
    margin: 0 0 36px 0;
}

.train_play_box .train_tab_box {
    padding: 6px 20px 0 12px;
    background: #fff;
    border-radius: 6px;
    margin: 0 0 20px 0;
}

.train_play_box .train_tab_box .train_tab {
    float: left;
    font-size: 14px;
    line-height: 30px;
    margin: 0 22px 0 0;
    padding: 0 12px;
    border-bottom: 2px solid #fff;
    cursor: pointer;
}

.train_play_box .train_tab_box .train_tab:hover {
    border-bottom: 2px solid #ff8b3d;
    color: #ff8b3d;
}

.train_play_box .train_tab_box .train_tab.current {
    border-bottom: 2px solid #ff8b3d;
    color: #ff8b3d;
}

.train_play_box .content_paper_train {
    padding: 16px 20px;
    background: #fff;
}

.train_play_box .content_paper_train img {
    width: 100%;
}

.train_play_box .content_student_evaluate {
    width: 100%;
    font-size: 14px;
    line-height: 14px;
    background: #fff;
    padding: 12px 0 0 0;
}

.train_play_box .content_student_evaluate .evaluate_notice {
    text-align: center;
    width: 100%;
    font-size: 16px;
    line-height: 16px;
    padding: 12px 0 12px 0;
}

/*问答模块*/
.qa_box {
    float: left;
    background: #fff;
    width: 100%;
}

.qa_box .qa_notice {
    text-align: center;
    width: 100%;
    font-size: 16px;
    line-height: 16px;
    padding: 12px 0 12px 0;
}

.qa_box .qa_item {
    margin: 0 0 12px 22px;
}

.qa_box .qa_type_option {
    float: left;
    margin: 20px 0 0 0;
}

.qa_box .input_label_box {
    float: left;
    width: 80px;
    font-weight: 400;
}

.qa_box .input_label_box .label_input {
    float: left;
    margin: 3px 5px 0 0;
}

.qa_box .input_label_box .label_text {
    float: left;
}

.qa_box .error_message {
    float: left;
    cursor: pointer;
    color: red;
    line-height: 30px;
    font-size: 14px;
}

.qa_box .qa_question {
    width: 780px;
    height: 80px;
    border: 1px solid #ddd;
    border-radius: 12px;
    resize: none;
    margin: 6px 0 0 0;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 22px;
}

.qa_box .qa_submit_btn {
    display: block;
    float: right;
    margin: 16px 20px 0 0;
    background: #fdd30f;
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 14px;
    color: #333;
}

.qa_box .qa_submit_btn:hover {
    background: #ff8b3d;
    color: #333 !important;
}

.qa_box .list_top_option_box {
    padding: 0 20px 0 0;
    margin: 6px 0 12px 0;
}

.qa_box .qa_list {
    border-top: 1px solid #ddd;
    padding: 30px 0 0 0;
    margin: 12px 20px 0 0px;
}

.qa_box .qa_list .item {
    margin: 0 0 30px 0;
    border-bottom: 1px solid #ddd;
    padding: 0 0 20px 0;
}

.qa_box .qa_list .item .avatar {
    float: left;
    width: 40px;
    height: 40px;
    margin: 0 12px 0 0;
}

.qa_box .qa_list .item .avatar img {
    display: block;
    width: 100%;
    border-radius: 40px;
    margin: 0 16px 0 0;
}

.qa_box .qa_list .item .qa_content_box {
    float: left;
    margin: 0 0 0 0;
    padding: 0 12px 0 0;
    width: 90%;
}

.qa_box .qa_list .item .qa_content_top {
    font-size: 12px;
    line-height: 12px;
    margin: 0 0 12px 4px;
}

.qa_box .qa_list .item .qa_content_top .nick_name {
    float: left;
    color: #333;
    font-size: 14px;
    margin: 0 16px 0 0;
}

.qa_box .qa_list .item .qa_content_top .evaluate_level_score {
    float: left;
    color: #888;
    margin: 0 30px 0 30px;
}

.qa_box .qa_list .item .qa_content_top .qa_time {
    float: left;
    color: #888;
    margin: 0 30px 0 6px;
}

.qa_box .qa_list .item .qa_content {
    font-size: 14px;
    line-height: 22px;
    color: #333;
}

.train_count_down {
    position: absolute;
    left: 50%;
    bottom: 24px;
    font-size: 14px;
    font-weight: 600;
    color: #ff2300;
    transform: translateX(-50%);
    display: flex;
    align-items: center
}

.train_count_down .train_count_down_split {
    margin: 0 4px
}

.train_count_down .train_count_down_box {
    height: 24px;
    line-height: 24px;
    padding: 0 4px;
    background: #ff2300;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #fff
}

.train_discount_tag {
    height: 20px;
    background: rgba(255, 35, 0, .88);
    border-radius: 13px;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #fff !important;
    line-height: 20px !important;
    padding: 0 6px;
    margin-right: 4px;
    display: inline-block
}
.course_list ul li .listening{
    display: flex;
    justify-content: space-between;
}
.course_list ul li .listening .price2 {
    font-size: 12px;
    flex: none;
}