.max_w {
    width: 1200px;
    margin-left: auto;
    margin-right: auto
}

.red {
    color: #ff524b
}

.blue {
    color: #0080ff
}

.green {
    color: #0DC49E
}

.banner_box {
    height: 423px;
    position: relative;
    margin-bottom: 16px;
    min-width: 1200px
}

.banner_box .swiper_box {
    overflow: hidden;
    position: relative
}

.banner_box .swiper-container {
    width: 1920px;
    left: 50%;
    margin-left: -960px
}

.banner_box .swiper_pic {
    width: 100%;
    height: 423px;
    object-fit: contain
}

.banner_box .swiper-pagination .swiper-pagination-bullet {
    width: 28px;
    height: 5px;
    background: #FFFFFF;
    opacity: .75;
    border-radius: 0
}

.banner_box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #0080ff
}

.banner_box .menu_box {
    position: absolute;
    height: 100%;
    top: 0;
    z-index: 1;
    width: 1200px;
    left: 50%;
    margin-left: -600px;
    width: 307px;
    color: #93989F;
    font-size: 14px
}

.banner_box .menu_box .main_box {
    background: #FFFFFF;
    box-shadow: 4px 0 12px 0 rgba(0,0,0,0.06);
    width: 307px;
    height: 100%;
    padding: 12px 0;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.banner_box .menu_box .main_box a {
    color: #93989F
}

.banner_box .menu_box .main_box .li {
    padding: 0 17px 0 20px;
    height: 40px;
    position: relative;
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s
}

.banner_box .menu_box .main_box .li:hover {
    background-color: #0080ff;
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s;
    color: #fff
}

.banner_box .menu_box .main_box .li:hover h3 {
    color: #fff
}

.banner_box .menu_box .main_box .li:hover a {
    color: #fff
}

.banner_box .menu_box .main_box .li:hover .menu_right_icon0 {
    display: none
}

.banner_box .menu_box .main_box .li:hover .menu_right_icon1 {
    display: block
}

.banner_box .menu_box .main_box .li:not(:last-child)::after {
    content: '';
    position: absolute;
    bottom: -1px;
    height: 1px;
    background-color: #E9ECEF;
    width: 270px;
    left: 50%;
    margin-left: -135px
}

.banner_box .menu_box .main_box .li .menu_right_icon {
    width: 16px
}

.banner_box .menu_box .main_box .li i {
    margin: 0 6px
}

.banner_box .menu_box .main_box .li h3 {
    font-weight: bold;
    color: #30363D;
    display: inline-block
}

.banner_box .menu_box .main_box .li strong {
    font-weight: normal
}

.banner_box .menu_box .more_box {
    background: #FFF;
    width: 543px;
    height: 100%;
    padding: 16px 44px 16px 26px;
    box-sizing: border-box;
    overflow-y: auto;
    font-size: 13px;
    position: absolute;
    left: 307px;
    top: 0
}

.banner_box .menu_box .more_box a {
    color: #93989F
}

.banner_box .menu_box .more_box a:hover {
    color: #0080ff;
    text-decoration: underline
}

.banner_box .menu_box .more_box .li {
    padding-top: 12px
}

.banner_box .menu_box .more_box .li:not(:last-child) {
    border-bottom: 1px solid #E9ECEF
}

.banner_box .menu_box .more_box strong {
    font-weight: normal
}

.banner_box .menu_box .more_box h3 {
    width: 100px;
    margin-right: 5px;
    color: #30363D;
    flex-shrink: 0;
    margin-bottom: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.banner_box .menu_box .more_box h3:hover {
    color: #0080ff;
    text-decoration: underline
}

.banner_box .menu_box .more_box .nav_list_box a {
    margin-right: 20px;
    margin-bottom: 12px;
    white-space: nowrap;
    display: inline-block
}

.banner_box .menu_box .more_box.course .more_li .li .nav_list_box a {
    padding: 8px 16px;
    background: #f7f8fb;
    border-radius: 50px;
    margin-right: 10px
}

.banner_box .menu_box .more_box.course .more_li .li .nav_list_box a:hover {
    color: white;
    background: #0080ff;
    text-decoration: none
}

.min_banner_box .min_banner_pic {
    width: 342px;
    height: 129px;
    object-fit: cover
}

.min_banner_box a:not(:last-child) .min_banner_pic {
    margin-bottom: 8px
}

.blogroll_box {
    background-color: #fff;
    padding: 16px 0 37px;
    margin-bottom: 80px;
    font-size: 14px
}

.blogroll_box .link_box {
    margin-top: 27px;
    padding: 0 23px
}

.blogroll_box .link_box a {
    display: inline-block;
    margin-right: 60px;
    margin-bottom: 10px;
    color: #676A6F
}

.blogroll_box .link_box a:hover {
    color: #0080ff;
    text-decoration: underline
}

.main_content_box .category_box {
    font-size: 14px;
    width: 726px;
    overflow: hidden;
    box-sizing: border-box;
    padding-right: 14px
}

.main_content_box .category_box a {
    color: #93989F
}

.main_content_box .category_box a.active {
    color: #0080ff
}

.main_content_box .list_box {
    overflow: hidden;
    white-space: nowrap
}

.main_content_box .list_box a {
    padding: 0 13px;
    white-space: nowrap
}

.main_content_box .more_btn {
    padding: 0 5px 0 12px;
    height: 24px;
    border-radius: 12px;
    border: 1px solid #ACB2B9;
    color: #93989F;
    font-size: 13px;
    flex-shrink: 0
}

.main_content_box .more_btn .icon {
    width: 16px;
    height: 16px
}

.main_content_box .news_box {
    padding: 0 20px;
    height: 216px;
    overflow: hidden
}

.main_content_box .news_box .news_list_box:not(:first-child) {
    display: none
}

.main_content_box .news_box .news_list_box a :hover {
    text-decoration: underline
}

.main_content_box .news_box .news_list_box a .li .line-1 {
    height: 20px
}

.main_content_box .news_box .news_list_box a:last-child .li,.main_content_box .news_box .news_list_box a:nth-last-child(2) .li {
    border-bottom: 1px solid transparent
}

.main_content_box .news_box .li {
    width: 375px;
    height: 40px;
    border-bottom: 1px solid #E9ECEF
}

.main_content_box .news_box .li .date {
    flex-shrink: 0;
    margin-left: 28px;
    font-size: 12px;
    color: #676A6F
}

.main_content_box .news_box .li strong {
    font-size: 14px;
    color: #30363D;
    font-weight: normal
}

.main_content_box .handle_box {
    font-size: 14px
}

.main_content_box .handle_box .right_handle_min_li:not(:first-child) {
    display: none
}

.main_content_box .handle_box .title_box {
    height: 40px;
    background: linear-gradient(57deg, #EDF6FF 0%, #E7F3FF 56%, #DFEFFF 100%);
    border-radius: 0 25px 3px 0;
    padding-left: 12px;
    font-size: 16px;
    font-weight: bold;
    color: #0080ff
}

.main_content_box .handle_box .centent_box {
    background-color: #fff;
    min-height: 277px
}

.main_content_box .handle_box .icon_box {
    padding: 22px 0 25px
}

.main_content_box .handle_box .icon_box .li {
    text-align: center;
    color: #30363D
}

.main_content_box .handle_box .icon_box .li .icon {
    width: 44px
}

.main_content_box .handle_box .icon_box .li strong {
    display: block;
    margin-top: 12px;
    font-weight: normal
}

.main_content_box .handle_box .category_list_box {
    padding: 0 12px
}

.main_content_box .handle_box .category_list_box a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 155px;
    height: 44px;
    margin-bottom: 8px;
    background: #F5F5FF
}

.main_content_box .handle_box .category_list_box a:nth-child(2) {
    background: #F0F9FF
}

.main_content_box .handle_box .category_list_box a:nth-child(3) {
    background: #FFFAF5
}

.main_content_box .handle_box .category_list_box a:nth-child(4) {
    background: #F0FEFC
}

.main_content_box .handle_box .category_list_box a:nth-child(5) {
    background: #F0F9FF
}

.main_content_box .handle_box .category_list_box a:nth-child(6) {
    background: #F5F5FF
}

.main_content_box .handle_box .category_list_box a strong {
    font-weight: normal;
    padding: 0 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.main_content_box .tabs_category_content_box .tabs_li:not(:first-child) {
    display: none
}

.tabs_news_hot_box {
    margin-bottom: 13px;
    margin-top: 6px;
    font-size: 14px
}

.tabs_news_hot_box .li {
    padding: 0 16px;
    height: 32px;
    background: #F7F8FB;
    border-radius: 17px;
    margin-left: 20px;
    cursor: pointer
}

.tabs_news_hot_box .li.active {
    background: #EBF5FF;
    color: #0080ff
}

.search_content_box {
    margin-bottom: 80px
}

.search_content_box .tabs_box {
    border-bottom: 1px solid #E9ECEF;
    font-size: 1px;
    padding-bottom: 12px
}

.search_content_box .tabs_box.newStyle {
    position: relative;
    border-color: white
}

.search_content_box .tabs_box.newStyle::after {
    display: inline-block;
    content: '';
    width: 4px;
    height: 12px;
    background: #0080ff;
    position: absolute;
    left: -20px;
    top: 4px
}

.search_content_box .tabs_box .li {
    color: #676A6F;
    padding-bottom: 12px;
    position: relative;
    margin-right: 37px;
    font-size: 16px
}

.search_content_box .tabs_box .li.active {
    color: #0080ff
}

.search_content_box .tabs_box .li.active::before {
    content: '';
    position: absolute;
    width: 20px;
    left: 50%;
    margin-left: -10px;
    height: 4px;
    bottom: 1px;
    background: #0080ff
}

.search_content_box .result_box {
    font-size: 14px
}

.search_content_box .result_box .li {
    padding: 22px 0;
    border-bottom: 1px solid #E9ECEF
}

.search_content_box .result_box .li .btn,.search_content_box .result_box .li .btnx {
    color: #0080ff;
    border: 1px solid #0080ff;
    width: 114px;
    height: 40px;
    flex-shrink: 0;
    margin-left: 35px
}

.search_content_box .result_box .li .btn:hover {
    background: rgba(171,213,255,0.41);
    box-shadow: 0 2px 12px 0 rgba(0,128,255,0.17)
}

.search_content_box .result_box .li h1,.search_content_box .result_box .li .h1 {
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5em;
    word-wrap: break-word;
    word-break: normal;
    word-break: break-all
}

.search_content_box .result_box .li h1 strong,.search_content_box .result_box .li .h1 strong {
    color: #0080ff
}

.search_content_box .result_box .li .desc_box {
    margin-top: 18px
}

.search_content_box .result_box .li .category_box {
    margin-left: 20px;
    color: #93989F
}

.search_content_box .result_box .li .category_box a {
    color: #93989F
}

.search_content_box .result_box .li .newsListtyle .row {
    width: 688px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.search_content_box .result_box .li .newsListtyle .row .desc_box {
    display: inline-block;
    margin-top: 0;
    vertical-align: top
}

.search_content_box .result_box .li .newsListtyle .row .desc_box .q_tags_box {
    vertical-align: -2px;
    margin-right: 8px
}

.search_content_box .result_box .li .newsListtyle .row .desc_box .q_tags_box i {
    display: inline-block;
    width: 4px;
    height: 4px;
    vertical-align: middle;
    margin: 9px 5px 9px 0;
    background: #0080ff;
    vertical-align: top
}

.search_content_box .result_box .li .newsListtyle .row .desc_box .q_tags_box i.colorTwo {
    background: #39D3FF
}

.search_content_box .result_box .li .newsListtyle .row h1,.search_content_box .result_box .li .newsListtyle .row .h1 {
    display: inline;
    font-size: 15px;
    color: #333;
    line-height: 1.8
}

.search_content_box .result_box .li .newsListtyle .row h1 s,.search_content_box .result_box .li .newsListtyle .row .h1 s {
    color: #0080ff
}

.search_content_box .result_box .li .newsListtyle .row.m2 s {
    color: #0080ff
}

.search_content_box .result_box .li .newsListtyle .row+.row {
    margin-top: 6px;
    font-size: 15px;
    color: #999
}

.search_content_box .result_box .li .newsListtyle.styleTwo .row {
    max-height: 54px;
    white-space: normal;
    word-break: break-all;
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-pack: center;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2
}

.search_content_box .result_box .li .newsListtyle.styleTwo .row .desc_box>.q_tags_box>i {
    background: #FF6B62
}

.search_content_box .result_box .li .newsListtyle.styleTwo .row+.row {
    display: none
}

.search_content_box .result_box .li.restructure:hover h1,.search_content_box .result_box .li.restructure:hover .h1,.search_content_box .result_box .li.restructure:hover .m2 {
    color: #0080ff
}

.search_content_box .result_box .li.restructure:hover h1 s,.search_content_box .result_box .li.restructure:hover .h1 s,.search_content_box .result_box .li.restructure:hover .m2 s {
    color: #06a
}

.search_content_box .result_box .li.restructure:hover .btnx {
    background: rgba(171,213,255,0.41);
    box-shadow: 0 2px 12px 0 rgba(0,128,255,0.17)
}

.search_content_box .result_box.exam_result_box .li {
    padding: 22px 0 12px
}

.search_content_box .result_box.exam_result_box .li h1,.search_content_box .result_box.exam_result_box .li .h1 {
    flex-shrink: 0;
    font-size: 14px;
    font-weight: bold;
    width: 140px;
    margin-bottom: 10px
}

.search_content_box .result_box.exam_result_box .li .category_info a {
    display: inline-block;
    margin-right: 28px;
    margin-bottom: 10px
}

.search_content_box .result_box.exam_result_box .li .category_info a:hover h2 {
    color: #0080ff;
    text-decoration: underline
}

.search_content_box .result_box.exam_result_box .li .category_info a h2 {
    font-weight: normal
}

.search_content_box .exam_info_box {
    color: #666;
    padding-bottom: 40px
}

.search_content_box .exam_info_box .exam_info_item {
    display: flex;
    box-sizing: border-box;
    padding: 28px 0;
    border-bottom: 1px solid #E9ECEF
}

.search_content_box .exam_info_box .exam_info_item .exam_title {
    font-size: 14px;
    font-family: PingFang-SC-Bold,PingFang-SC;
    font-weight: bold;
    color: #30363D;
    margin-right: 68px
}

.search_content_box .exam_info_box .exam_info_item .exam_title s {
    color: #0080ff
}

.search_content_box .exam_info_box .exam_info_item .info_item {
    flex: 1;
    display: flex;
    flex-wrap: wrap
}

.search_content_box .exam_info_box .exam_info_item .info_item a {
    font-size: 14px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #93989F;
    margin-right: 28px;
    margin-bottom: 11px
}

.search_content_box .exam_info_box .exam_info_item .info_item s {
    color: #0080ff
}

.search_area_box {
    background-color: #fff;
    padding: 20px 20px 0
}

.search_area_box.v101s {
    padding: 20px;
    margin-bottom: 16px
}

.search_area_box .search_input_box .input_border_box {
    height: 46px;
    border: 1px solid #5E677E;
    border-right: 0;
    box-sizing: border-box
}

.search_area_box .search_input_box .input_border_box .input {
    padding: 0 16px;
    border: 0
}

.search_area_box .search_input_box .btn {
    width: 86px;
    height: 46px;
    background: #0080ff;
    flex-shrink: 0;
    border: 0;
    color: #FFFFFF;
    font-size: 14px;
    cursor: pointer
}

.search_area_box .tips {
    color: #93989F;
    margin: 13px 0 30px
}

.search_area_box .tips a {
    color: #00DDA1
}

.search_area_box .search_inp_down_adv {
    width: 840px;
    height: 84px;
    margin-top: 14px;
    overflow: hidden
}

.search_area_box .search_inp_down_adv img {
    width: 100%
}

.search_result_upload {
    padding-bottom: 67px !important
}

.search_result_upload strong {
    font-size: 16px;
    font-weight: bold;
    color: #30363D;
    margin-bottom: 20px
}

.search_result_upload strong span {
    margin-left: 20px;
    color: #676A6F;
    font-size: 12px;
    font-weight: normal
}

.search_result_upload .explain_box {
    line-height: 20px;
    color: #676A6F;
    margin-bottom: 28px
}

.search_result_upload .textarea_box {
    margin-bottom: 36px
}

.search_result_upload .textarea_box textarea {
    height: 153px;
    background: #F7F8FB;
    border: 0;
    box-sizing: border-box;
    padding: 20px;
    max-width: 100%;
    color: #676A6F;
    font-size: 14px
}

.search_result_upload .upload_box {
    margin-bottom: 36px
}

.search_result_upload .upload_box .pic_box {
    width: 89px;
    height: 89px;
    position: relative;
    margin-right: 21px
}

.search_result_upload .upload_box .pic_box .upload_pic_remove_icon {
    position: absolute;
    width: 28px;
    right: -14px;
    top: -14px
}

.search_result_upload .upload_box .pic_box .upload_img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.search_result_upload .upload_box .add_btn {
    background: #F7F8FB
}

.search_result_upload .upload_box .add_btn .add_icon {
    width: 37px
}

.search_result_upload .upload_box .add_btn .input_file {
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.search_result_upload .category_select_box {
    margin-bottom: 36px
}

.search_result_upload .category_select_box .qrm-input-border {
    width: 340px
}

.search_result_upload .category_select_box .clear_btn {
    margin-left: 20px
}

.search_result_upload .mail_input_box {
    width: 373px;
    height: 44px;
    background: #F7F8FB;
    margin-bottom: 36px
}

.search_result_upload .mail_input_box input {
    border: 0;
    padding: 0 20px;
    background-color: transparent
}

.search_result_upload .submit_btn {
    width: 105px;
    height: 44px;
    background: #0080ff;
    border: 0;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    outline: none
}

.search_result_upload .optional {
    color: #93989F
}

.questions_search_box {
    min-height: 337px;
    background-image: url(../../../images/questions_search_bg.png);
    background-size: cover;
    margin-bottom: 8px;
    padding: 60px 150px 15px;
    box-sizing: border-box;
    text-align: center
}

.questions_search_box .questions_title_icon {
    width: 139px;
    margin-bottom: 34px
}

.questions_search_box .search_area_box {
    padding: 0;
    margin-bottom: 34px
}

.questions_search_box .category_box h2,.questions_search_box .category_box .h2 {
    font-size: 16px;
    min-width: 116px;
    padding: 0 26px;
    box-sizing: border-box;
    color: #676A6F;
    display: flex;
    height: 40px;
    background: #F7F8FB;
    border-radius: 1px;
    margin-right: 12px;
    margin-bottom: 12px;
    font-weight: normal
}

.questions_search_box .category_box h2.active,.questions_search_box .category_box .h2.active,.questions_search_box .category_box h2:hover,.questions_search_box .category_box .h2:hover {
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s;
    color: #0080ff;
    background: #EBF5FF
}

.questions_search_adv {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8px;
    background: white;
    overflow: hidden
}

.questions_search_adv img {
    width: 100%
}

.questions_search_adv.free {
    height: auto
}

.questions_search_adv.mgt {
    margin-top: 16px
}

.questions_search_adv.in_footer {
    margin-bottom: 26px
}

.questions_content_box {
    align-items: stretch
}

.questions_content_box.mgb80 {
    margin-bottom: 80px
}

.questions_content_box .questions_box {
    background-color: #fff;
    padding: 20px 0;
    overflow: hidden;
    box-sizing: border-box
}

.questions_content_box .questions_box .tabs_news_hot_box {
    margin-top: 0;
    margin-bottom: 16px
}

.questions_content_box .questions_box .blue_line_title {
    margin-bottom: 20px
}

.questions_content_box .questions_box .news_list_box {
    padding: 0 20px
}

.questions_content_box .questions_box .news_list_box .li {
    border-bottom: 1px solid #E9ECEF;
    font-size: 14px;
    color: #30363D;
    padding: 12px 0 12px 10px;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.questions_content_box .questions_box .news_list_box .li:hover {
    color: #0080ff
}

.questions_content_box .questions_box .news_list_box .li::before {
    position: absolute;
    left: 0;
    top: 19px;
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    background: #93989F;
    flex-shrink: 0
}

.questions_content_box .min_box .banner_pic {
    height: 151px;
    margin-bottom: 8px;
    object-fit: cover
}

.questions_content_box .recommend_box {
    background-color: #fff;
    padding: 20px 0 12px;
    position: relative;
    margin-bottom: 8px
}

.questions_content_box .recommend_box.mgbnot {
    margin-bottom: 0px
}

.questions_content_box .recommend_box .blue_line_title {
    margin-bottom: 11px
}

.questions_content_box .recommend_box .list_box {
    padding: 0 20px
}

.questions_content_box .recommend_box .list_box a {
    height: 40px;
    border-bottom: 1px solid #E9ECEF;
    box-sizing: border-box
}

.questions_content_box .recommend_box .list_box a:last-child {
    border: 0
}

.questions_content_box .recommend_box .list_box a strong {
    font-weight: normal;
    color: #30363D
}

.questions_content_box .recommend_box .list_box a strong:hover {
    color: #0080ff;
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s
}

.questions_content_box .recommend_box .hot_icon {
    width: 29px;
    position: absolute;
    right: 0;
    top: 0
}

.questions_content_box .recommend_box .handle_box .category_list_box {
    padding: 0 16px
}

.questions_content_box .recommend_box .handle_box .category_list_box a {
    width: 136px
}

.questions_sub_category_content_box .search_area_box {
    margin-bottom: 8px;
    padding: 20px
}

.questions_sub_category_content_box .category_box {
    background-color: #fff;
    margin-bottom: 8px;
    padding-top: 20px
}

.questions_sub_category_content_box .category_box .category_list_box {
    padding: 24px 23px 18px
}

.questions_sub_category_content_box .category_box .category_list_box a {
    margin-bottom: 20px;
    width: 20%;
    box-sizing: border-box;
    padding-right: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.questions_sub_category_content_box .category_box .category_list_box a strong {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.questions_sub_category_content_box .category_box .category_list_box a strong.active,.questions_sub_category_content_box .category_box .category_list_box a strong:hover {
    color: #0080ff;
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s
}

.questions_sub_category_content_box .category_box .category_list_box a strong.sub::after {
    display: inline-block;
    content: '';
    background-image: url('../../../images/add_border_icon.png');
    background-size: cover;
    width: 18px;
    height: 18px;
    margin-left: 4px
}

.questions_sub_category_content_box .category_box .category_list_box a strong.ext::after,.questions_sub_category_content_box .category_box .category_list_box a strong.ret::after {
    display: inline-block;
    content: '';
    background-image: url('../../../pc/images/menu_down_blue_icon.png');
    background-size: cover;
    width: 20px;
    height: 20px;
    vertical-align: top
}

.questions_sub_category_content_box .category_box .category_list_box a strong.ret::after {
    background-image: url('../../../pc/images/menu_up_blue_icon.png');
    background-size: cover
}

.questions_sub_category_content_box .category_box strong {
    font-weight: normal;
    color: #30363D;
    font-size: 15px
}

.do_exam_category_box {
    margin-top: 8px
}

.do_exam_category_box.lastBox {
    margin-bottom: 80px
}

.do_exam_category_box .category_list_box {
    background-color: #fff;
    margin-bottom: 8px;
    padding: 36px 36px 36px 30px;
    font-size: 14px;
    align-items: center
}

.do_exam_category_box .category_list_box .parent_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.do_exam_category_box .category_list_box .parent_box .icon {
    width: 80px;
    margin-right: 20px;
    width: 26px;
    height: 26px;
    text-align: center;
    padding-bottom: 10px
}

.do_exam_category_box .category_list_box .parent_box .icon img {
    width: 26px;
    height: 26px
}

.do_exam_category_box .category_list_box .parent_box .htc {
    width: 80px;
    margin-right: 20px;
    line-height: 1.5em;
    font-size: 16px;
    color: #30363D;
    font-weight: bold;
    text-align: center
}

.do_exam_category_box .category_list_box .parent_box:hover .htc {
    color: #0080ff
}

.do_exam_category_box .category_list_box .list_box {
    padding-left: 20px;
    box-sizing: border-box;
    margin-top: -14px;
    margin-right: 25px;
    max-height: 92px;
    overflow: hidden
}

.do_exam_category_box .category_list_box .list_box .min_title {
    font-weight: normal;
    padding: 0 25px;
    height: 32px;
    line-height: 30px;
    margin-right: 14px;
    margin-top: 14px;
    border: 1px solid #F2F2F2;
    box-sizing: border-box;
    border-radius: 16px;
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s
}

.do_exam_category_box .category_list_box .list_box .min_title:hover {
    color: #0080ff;
    border-color: currentColor;
    background: #F5FAFF
}

.do_exam_category_box .category_list_box .more_btn {
    width: 110px;
    height: 40px;
    border: 1px solid #0080ff;
    color: #0080ff;
    flex-shrink: 0;
    border-radius: 20px;
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s
}

.do_exam_category_box .category_list_box .more_btn:hover {
    background: rgba(171,213,255,0.41);
    box-shadow: 0 2px 12px 0 rgba(0,128,255,0.17)
}

.do_exam_category_box .category_list_box .more_btn .more_icon {
    width: 18px;
    transform: rotate(-90deg)
}

.do_exam_more_category_box {
    box-sizing: border-box;
    margin-bottom: 80px
}

.do_exam_more_category_box .li {
    padding: 28px 30px 16px;
    background: white
}

.do_exam_more_category_box .li+.li {
    margin-top: 10px
}

.do_exam_more_category_box .max_title {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 19px;
    color: #30363D;
    font-weight: bold;
    position: relative
}

.do_exam_more_category_box .max_title:hover {
    color: #0080ff;
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s
}

.do_exam_more_category_box .max_title::after {
    position: absolute;
    left: -12px;
    top: 50%;
    content: "";
    width: 6px;
    height: 6px;
    background: #0080ff;
    margin-top: -3px
}

.do_exam_more_category_box .min_title {
    padding: 0 25px;
    font-size: 14px;
    height: 32px;
    line-height: 30px;
    background: #F5FAFF;
    border: 1px solid #F5FAFF;
    font-weight: normal;
    color: #666;
    box-sizing: border-box;
    margin-right: 10px;
    margin-bottom: 16px
}

.do_exam_more_category_box .min_title:hover {
    color: #0080ff;
    border-color: currentColor;
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s
}

.questions_details_content_box .area_box {
    background-color: #fff;
    padding: 20px 30px;
    box-sizing: border-box;
    margin-bottom: 8px
}

.questions_details_content_box .area_box h1,.questions_details_content_box .area_box .questions_title,.questions_details_content_box .area_box h3,.questions_details_content_box .area_box .h3 {
    color: #30363D;
    word-wrap: break-word;
    word-break: normal
}

.questions_details_content_box .area_box h1 img,.questions_details_content_box .area_box .questions_title img,.questions_details_content_box .area_box h3 img,.questions_details_content_box .area_box .h3 img {
    max-width: 100%;
    height: auto
}

.questions_details_content_box .area_box .option_box,.questions_details_content_box .area_box h2 {
    font-size: 16px;
    border-bottom: 1px dotted #C9D0D8;
    padding-bottom: 4px;
    margin-bottom: 25px;
    font-weight: normal;
    color: #30363D
}

.questions_details_content_box .area_box .option_box img,.questions_details_content_box .area_box h2 img {
    max-width: 100%;
    height: auto
}

.questions_details_content_box .area_box .option_box h3,.questions_details_content_box .area_box h2 h3,.questions_details_content_box .area_box .option_box .h3,.questions_details_content_box .area_box h2 .h3 {
    margin-bottom: 16px
}

.questions_details_content_box .area_box .option_box h3 img,.questions_details_content_box .area_box h2 h3 img,.questions_details_content_box .area_box .option_box .h3 img,.questions_details_content_box .area_box h2 .h3 img {
    max-width: 100%;
    height: auto
}

.questions_details_content_box .area_box h1,.questions_details_content_box .area_box .questions_title {
    font-weight: bold;
    margin: 20px 0;
    line-height: 24px;
    font-size: 18px
}

.questions_details_content_box .look_title {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 16px
}

.questions_details_content_box .look_box,.questions_details_content_box .look_after {
    margin-bottom: 28px;
    position: relative
}

.questions_details_content_box .look_box .look_btn,.questions_details_content_box .look_after .look_btn {
    padding: 10px 30px;
    line-height: 1.5;
    max-width: 99%;
    border: 1px solid #0080ff;
    color: #0080ff;
    font-size: 14px;
    cursor: pointer;
    word-wrap: break-word;
    word-break: break-all
}

.questions_details_content_box .look_box .look_btn.real,.questions_details_content_box .look_after .look_btn.real {
    cursor: default
}

.questions_details_content_box .look_box .look_btn img,.questions_details_content_box .look_after .look_btn img {
    max-width: 100%;
    height: auto
}

.questions_details_content_box .look_box .look_btn:hover,.questions_details_content_box .look_after .look_btn:hover {
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s;
    background: rgba(171,213,255,0.41);
    box-shadow: 0 2px 12px 0 rgba(0,128,255,0.17)
}

.questions_details_content_box .look_box .tips_box,.questions_details_content_box .look_after .tips_box {
    margin-left: 28px;
    color: #93989F
}

.questions_details_content_box .look_box .support,.questions_details_content_box .look_after .support {
    position: absolute;
    left: 0;
    bottom: -32px;
    width: 80%;
    height: 16px;
    font-size: 12px;
    color: #999;
    line-height: 16px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.questions_details_content_box .look_box .support span+span,.questions_details_content_box .look_after .support span+span {
    margin-left: 20px
}

.questions_details_content_box .look_parse_box {
    font-size: 16px;
    color: #30363D
}

.questions_details_content_box .recommend_banner_box {
    height: 88px;
    background-image: url('../../../images/questions_recommend_bg.png');
    background-size: cover;
    margin-bottom: 28px
}

.questions_details_content_box .recommend_banner_box .questions_recommend_btn {
    width: 106px;
    margin-right: 31px
}

.questions_details_content_box .recommend_banner_box .recommend_content_box {
    margin-left: 37px;
    color: #333333
}

.questions_details_content_box .recommend_banner_box .recommend_content_box .questions_title {
    margin-top: 8px;
    font-size: 16px;
    font-weight: bold
}

.questions_details_content_box .blue_line_margin_title {
    margin-bottom: 16px
}

.questions_details_content_box .blue_line_margin_title .change_btn {
    font-size: 14px;
    cursor: pointer;
    margin-right: 31px
}

.questions_details_content_box .blue_line_margin_title .change_btn .icon {
    width: 16px;
    margin-left: 5px
}

.questions_details_content_box .questions_change_li_box {
    background-color: #fff;
    padding-left: 31px;
    margin-bottom: 20px
}

.questions_details_content_box .questions_change_li_box.mgbnot {
    margin-bottom: 0
}

.questions_details_content_box .questions_change_li_box .li {
    height: 90px
}

.questions_details_content_box .questions_change_li_box .li:not(:last-child) {
    border-bottom: 1px solid #E9ECEF
}

.questions_details_content_box .questions_change_li_box .li:hover .answer_btn {
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s;
    background: rgba(171,213,255,0.41);
    box-shadow: 0 2px 12px 0 rgba(0,128,255,0.17)
}

.questions_details_content_box .questions_change_li_box .li:hover .title {
    color: #0080ff
}

.questions_details_content_box .questions_change_li_box .title_box {
    line-height: 1.8em;
    font-size: 15px;
    color: #333333;
    position: relative
}

.questions_details_content_box .questions_change_li_box .title_box.line-1 {
    background: white
}

.questions_details_content_box .questions_change_li_box .title_box.line-1 strong {
    display: inline-block;
    width: 622px;
    margin-left: 10px
}

.questions_details_content_box .questions_change_li_box .title_box.line2 .q_tags_box {
    top: 5px;
    position: absolute
}

.questions_details_content_box .questions_change_li_box .title_box.line2 strong {
    width: 100%;
    max-width: 690px;
    max-height: 60px;
    text-indent: 70px
}

.questions_details_content_box .questions_change_li_box .title_box img {
    display: none
}

.questions_details_content_box .questions_change_li_box .desc {
    font-size: 15px;
    color: #999999;
    margin-top: 2px
}

.questions_details_content_box .questions_change_li_box .desc * {
    display: inline
}

.questions_details_content_box .questions_change_li_box .left_box {
    width: 695px
}

.questions_details_content_box .questions_change_li_box .answer_btn {
    flex-shrink: 0;
    width: 86px;
    height: 40px;
    border: 1px solid #0080ff;
    margin-left: 38px;
    margin-right: 31px;
    font-size: 14px
}

.materials_title {
    font-weight: bold;
    font-size: 16px;
    color: #333333
}

.materials_title .icon {
    width: 16px;
    margin-right: 6px
}

.dotted_line {
    height: 1px;
    border-bottom: 1px dotted #C9D0D8;
    margin-bottom: 19px
}

.login_layer_box .content_box {
    position: absolute;
    z-index: 1;
    width: 812px;
    left: 50%;
    margin-left: -406px;
    height: 544px;
    margin-top: -272px;
    top: 50%;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.login_layer_box .content_box .logo_box {
    width: 360px
}

.login_layer_box .content_box .logo_box .logo {
    width: 100%
}

.login_layer_box .content_box .attached {
    width: 360px;
    height: 544px;
    background: url(../../../pc/images/register_illustration.png) 0 0/360px 544px no-repeat;
    position: relative
}

.login_layer_box .content_box .attached::after {
    width: 84px;
    height: 29px;
    background: url(../../../pc/images/register_title.png) 0 0/84px 29px no-repeat;
    content: "";
    position: absolute;
    left: 0;
    top: 0
}

.login_layer_box .content_box .attached .title {
    position: absolute;
    left: 36px;
    top: 68px;
    font-size: 34px;
    font-weight: bold;
    color: #0080ff;
    line-height: 48px
}

.login_layer_box .content_box .attached .title b {
    color: #FF5E2E
}

.login_layer_box .content_box .loginBody {
    width: 452px;
    padding: 50px 0 24px;
    background: transparent
}

.login_layer_box .content_box .loginBox {
    background: #fff;
    width: 100%;
    margin: 0 auto;
    min-height: 470px
}

.login_layer_box .content_box .loginBox .lbox {
    box-shadow: none;
    width: 100%;
    padding: 0 36px;
    position: relative;
    left: 0;
    min-height: 470px
}

.login_layer_box .content_box .loginBox .lbox .confirm {
    margin-top: 50px
}

.login_layer_box .content_box .loginBox .weixin_login_btn {
    margin-top: 16px;
    background: #00D474;
    width: 100%;
    height: 50px;
    color: white;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    border: none;
    cursor: pointer
}

.login_layer_box .content_box .loginBox .tips_box {
    margin-top: 26px;
    color: #676A6F
}

.listPapers section {
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    padding: 19px 80px 28px 24px
}

.listPapers section.vAlign {
    padding: 18px 24px
}

.listPapers section h1,.listPapers section .h2 {
    position: relative;
    height: 20px;
    font-size: 18px;
    font-weight: bold;
    color: #30363D;
    line-height: 20px;
    display: inline-block
}

.listPapers section h1:before,.listPapers section .h2:before {
    content: " ";
    position: absolute;
    left: -12px;
    top: 50%;
    width: 6px;
    height: 6px;
    margin-top: -4px;
    background: #3296FA;
    overflow: hidden
}

.listPapers section .title a,.listPapers section .title b {
    display: inline-block;
    padding: 0 6px 0 13px;
    height: 32px;
    font-size: 14px;
    font-weight: normal;
    color: #0080ff;
    line-height: 32px;
    border: 1px solid currentColor;
    margin: 0 0 0 20px;
    cursor: pointer
}

.listPapers section .title a img,.listPapers section .title b img {
    width: 20px;
    height: 15px;
    vertical-align: top;
    margin-top: 9px
}

.listPapers section .title:after {
    position: absolute;
    left: -12px;
    top: 7px;
    width: 6px;
    height: 6px;
    background: #3296FA;
    content: ""
}

.listPapers section .title .change_sub {
    position: relative;
    display: inline-block;
    color: #333333;
    font-size: 12px;
    margin-left: 16px;
    height: 25px
}

.listPapers section .title .change_sub .sub_select {
    position: absolute;
    left: -50px;
    top: 25px;
    width: 206px;
    z-index: 9999;
    list-style: none;
    font-size: 12px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    background: #FFFFFF;
    box-shadow: 0 6px 18px 0 rgba(227,227,227,0.5);
    border-radius: 4px;
    border: 1px solid #EBECEF;
    max-height: 490px;
    overflow-y: auto;
    display: none
}

.listPapers section .title .change_sub .sub_select .menu {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    border: none;
    margin: 0;
    padding: 0 24px;
    margin: 10px 10px;
    background: #F0F3F5;
    border-radius: 4px;
    min-height: 50px;
    color: #333
}

.listPapers section .title .change_sub .sub_select .menu li {
    line-height: 18px
}

.listPapers section .title .change_sub .sub_select .hover {
    color: #0080ff
}

.listPapers section .title .change_sub .sub_select .active {
    color: #0080ff;
    background: #fff;
    position: relative
}

.listPapers section .title .change_sub .sub_select .active::before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background: url(../../../pc/images/sub_select.png) no-repeat;
    background-size: 16px 16px;
    position: absolute;
    left: 0
}

.listPapers section .title .exam_kemu {
    color: #333;
    margin-left: 25px
}

.listPapers section .title .exam_kemu::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../../../pc/images/exam_kemu.png) no-repeat;
    background-size: 16px 16px;
    margin-right: 10px;
    position: absolute;
    top: 6px;
    left: -25px
}

.listPapers section .title .exam_tiku {
    color: #333;
    margin-left: 25px
}

.listPapers section .title .exam_tiku::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../../../pc/images/exam_tiku.png) no-repeat;
    background-size: 16px 16px;
    margin-right: 10px;
    position: absolute;
    top: 6px;
    left: -25px
}

.listPapers section .upper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    margin-top: 7px
}

.listPapers section .upper a {
    display: block;
    height: 18px;
    font-size: 16px;
    color: #666;
    line-height: 18px;
    margin: 16px 56px 0 0
}

.listPapers section .upper a.sel {
    color: #0080ff
}

.listPapers section .upper a:hover {
    color: #0080ff
}

.listPapers section .upper.limit {
    overflow: hidden
}

.listPapers section .upper.limit b {
    display: block;
    min-width: 18px;
    height: 18px;
    cursor: pointer;
    margin: 16px 0 0 0;
    padding-right: 20px;
    color: #0080ff;
    font-size: 16px;
    line-height: 18px;
    background: url(../../../pc/images/menu_up_blue_icon.png) center right / 18px 18px no-repeat
}

.listPapers section .upper.limit.exb a {
    display: none
}

.listPapers section .upper.limit.exb a:nth-child(n+1):nth-child(-n+16) {
    display: block
}

.listPapers section .upper.limit.exb b {
    background: url(../../../pc/images/menu_down_blue_icon.png) center right / 18px 18px no-repeat
}

.listPapers section .relations_info .intro_1 {
    display: flex;
    margin-bottom: 8px
}

.listPapers section .relations_info .intro_1 .intro_1_item {
    background: #F9FAFC;
    width: 25%;
    padding: 20px 21px 20px 21px;
    margin-right: 8px;
    display: flex
}

.listPapers section .relations_info .intro_1 .intro_1_item:last-child {
    margin-right: 0
}

.listPapers section .relations_info .intro_1 .intro_1_item img {
    width: 38px;
    height: 38px;
    margin-right: 6px
}

.listPapers section .relations_info .intro_1 .intro_1_item .result_info {
    font-size: 13px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #999999
}

.listPapers section .relations_info .intro_1 .intro_1_item .title {
    margin-bottom: 4px;
    font-size: 14px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 550;
    color: #333333
}

.listPapers section .relations_info .intro_2 {
    display: flex;
    margin-bottom: 8px
}

.listPapers section .relations_info .intro_2 .intro_2_item {
    display: flex;
    align-items: center;
    padding: 20px 21px 20px 21px;
    width: 50%;
    box-sizing: border-box;
    margin-right: 8px;
    background-color: #F9FAFC
}

.listPapers section .relations_info .intro_2 .intro_2_item:last-child {
    margin-right: 0
}

.listPapers section .relations_info .intro_2 .intro_2_item img {
    width: 38px;
    height: 38px;
    margin-right: 6px
}

.listPapers section .relations_info .intro_2 .intro_2_item .title {
    margin-bottom: 4px;
    font-size: 14px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 550;
    color: #333333
}

.listPapers section .relations_info .intro_2 .intro_2_item .result_info {
    font-size: 13px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #999999
}

.listPapers section .relations_info .intro_2 .intro_2_item .link {
    font-size: 13px;
    text-decoration: underline;
    color: #0080ff
}

.listPapers section .relations_info .intro_3 {
    display: flex;
    background-color: #F9FAFC;
    box-sizing: border-box;
    padding: 20px 21px 20px 21px;
    margin-bottom: 8px
}

.listPapers section .relations_info .intro_3 img {
    width: 38px;
    height: 38px;
    margin-right: 6px
}

.listPapers section .relations_info .intro_3 .title {
    margin-bottom: 4px;
    font-size: 14px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 550;
    color: #333333
}

.listPapers section .relations_info .intro_3 .result_info {
    font-size: 13px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #999999
}

.listPapers section .relations_info .intro_3 .result_info a {
    color: #0080ff
}

.listPapers section .relations_info .intro_3 .result_info span {
    line-height: 20px
}

.listPapers section .relations_info .intro_4 {
    display: flex;
    background-color: #F9FAFC;
    box-sizing: border-box;
    padding: 20px 21px 20px 21px
}

.listPapers section .relations_info .intro_4 img {
    width: 38px;
    height: 38px;
    margin-right: 6px
}

.listPapers section .relations_info .intro_4 .title {
    margin-bottom: 4px;
    font-size: 14px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 550;
    color: #333333
}

.listPapers section .relations_info .intro_4 .result_info {
    font-size: 13px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #999999
}

.listPapers section .relations_info .intro_4 .result_info a {
    display: inline-block;
    border-radius: 17px;
    border: 1px solid #0080ff;
    color: #0080ff;
    padding: 8px 16px;
    box-sizing: border-box;
    margin-right: 15px;
    margin-bottom: 8px
}

.listPapers section .zhixun_adv img {
    width: 100%
}

.listPapers section nav {
    width: 100%;
    height: 20px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    position: relative
}

.listPapers section nav a,.listPapers section nav b {
    height: 20px;
    font-size: 18px;
    color: #ccc;
    line-height: 20px;
    margin-right: 20px
}

.listPapers section nav a.sel,.listPapers section nav b.sel,.listPapers section nav a.sel:hover,.listPapers section nav b.sel:hover {
    color: #30363D
}

.listPapers section nav a:hover,.listPapers section nav b:hover {
    color: #999
}

.listPapers section nav::after {
    display: inline-block;
    content: '';
    width: 4px;
    height: 12px;
    background: #0080ff;
    position: absolute;
    left: -24px;
    top: 3px
}

.listPapers section nav.exp {
    height: 37px
}

.listPapers section nav.exp a {
    height: 32px;
    background: #F7F8FB;
    border-radius: 16px;
    font-size: 14px;
    color: #676A6F;
    line-height: 32px;
    padding: 0 16px;
    margin: 5px 20px 0 0
}

.listPapers section nav.exp a.sel {
    color: #0080ff;
    background: #EBF5FF
}

.listPapers section nav.exp a:hover {
    color: #0080ff
}

.listPapers section nav.exp::after {
    display: none
}

.listPapers section .listView {
    list-style: none;
    width: 100%;
    padding-top: 16px;
    overflow: hidden
}

.listPapers section .listView li {
    width: 100%;
    height: 100px;
    box-sizing: border-box;
    border-bottom: 1px solid #E9ECEF;
    overflow: hidden
}

.listPapers section .listView li a {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%
}

.listPapers section .listView li a .fix {
    flex: 1;
    overflow: hidden
}

.listPapers section .listView li a .fix .max_title {
    display: block;
    width: 96%;
    height: 18px;
    font-size: 16px;
    font-weight: normal;
    color: #333;
    line-height: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.listPapers section .listView li a .fix .min_desc {
    margin-top: 16px;
    width: 100%;
    height: 20px;
    font-size: 14px;
    font-weight: normal;
    color: #999;
    line-height: 20px;
    overflow: hidden
}

.listPapers section .listView li a .fix .min_desc span {
    float: left;
    margin-right: 16px
}

.listPapers section .listView li a .fix .min_desc span i {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 4px 5px 0 0;
    vertical-align: top;
    content: "";
    overflow: hidden;
    background: url(../../../pc/images/listViewIcon.png) 0 0/30px 12px no-repeat
}

.listPapers section .listView li a .fix .min_desc span i.nop {
    background-position: -15px 0
}

.listPapers section .listView li a .fix .min_desc b {
    float: left;
    margin: 0 6px 0 0;
    height: 20px;
    padding: 0 4px;
    font-size: 12px;
    line-height: 18px;
    border-radius: 3px;
    border: 1px solid rgba(128,128,128,0.4);
    box-sizing: border-box
}

.listPapers section .listView li a .fix .min_desc b.free {
    color: #02BE90;
    border-color: rgba(2,189,143,0.4)
}

.listPapers section .listView li a .fix .min_desc b.hot {
    color: #FF524B;
    border-color: rgba(255,82,75,0.4)
}

.listPapers section .listView li a .fix .min_desc b.new {
    color: #FF9700;
    border-color: rgba(255,151,0,0.4)
}

.listPapers section .listView li a .abtn {
    width: 114px;
    height: 40px;
    color: #0080ff;
    border: 1px solid currentColor;
    font-size: 14px;
    text-align: center;
    line-height: 40px
}

.listPapers section .listView li a:hover .fix .max_title {
    color: #0080ff
}

.listPapers section .listView li a:hover .abtn {
    background: rgba(171,213,255,0.41);
    box-shadow: 0 2px 12px 0 rgba(0,128,255,0.17)
}

.listPapers section .exam_dot_box {
    margin-top: 16px;
    width: 100%
}

.listPapers section .exam_dot_box i {
    background: url(../../../pc/images/tree_one_expand_icon.png) 0 0/16px 98px no-repeat
}

.listPapers section .exam_dot_box i.slide_one_icon {
    cursor: pointer;
    background-position: 0 0
}

.listPapers section .exam_dot_box i.slide_180_icon {
    cursor: pointer;
    background-position: 0 -16px
}

.listPapers section .exam_dot_box i.slide_one_icon_nosub {
    background-position: 0 -32px
}

.listPapers section .exam_dot_box i.slide_two_icon {
    cursor: pointer;
    background-position: 0 -48px
}

.listPapers section .exam_dot_box i.slide_two180_icon {
    cursor: pointer;
    background-position: 0 -64px
}

.listPapers section .exam_dot_box i.slide_two_icon_nosub {
    background-position: 0 -80px
}

.listPapers section .exam_dot_box .tree_box {
    overflow: hidden
}

.listPapers section .exam_dot_box .tree_three,.listPapers section .exam_dot_box .tree_two {
    display: none;
    overflow: hidden
}

.listPapers section .exam_dot_box .tree_row {
    font-size: 16px;
    color: #30363D
}

.listPapers section .exam_dot_box .tree_row .slide_icon {
    width: 16px;
    height: 16px;
    margin-right: 12px;
    margin-top: -30px
}

.listPapers section .exam_dot_box .tree_row strong {
    width: 100%;
    display: inline-block;
    font-weight: normal;
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.listPapers section .exam_dot_box .tree_row .section {
    height: 80px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    color: #333
}

.listPapers section .exam_dot_box .tree_row .section .abtn {
    width: 114px;
    height: 40px;
    color: #0080ff;
    border: 1px solid currentColor;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    margin-left: 20px
}

.listPapers section .exam_dot_box .tree_row .section:hover .fbox strong {
    color: #0080ff
}

.listPapers section .exam_dot_box .tree_row .section:hover .abtn {
    background: rgba(171,213,255,0.41);
    box-shadow: 0 2px 12px 0 rgba(0,128,255,0.17)
}

.listPapers section .exam_dot_box .tree_row .desc {
    color: #93989F;
    font-size: 14px
}

.listPapers section .exam_dot_box .tree_row.tree_two_row {
    margin-left: 0
}

.listPapers section .exam_dot_box .tree_row .fbox {
    overflow: hidden
}

.listPapers section .exam_dot_box .tree_row .fbox strong {
    float: left;
    margin-bottom: 10px
}

.listPapers section .exam_dot_box .tree_row .fbox .desc {
    float: left;
    margin-right: 12px
}

.listPapers section .exam_dot_box .tree_row .fbox b {
    float: left;
    margin: -2px 6px 0 0;
    height: 20px;
    padding: 0 4px;
    font-size: 12px;
    line-height: 18px;
    border-radius: 3px;
    border: 1px solid rgba(128,128,128,0.4);
    box-sizing: border-box
}

.listPapers section .exam_dot_box .tree_row .fbox b.free {
    color: #02BE90;
    border-color: rgba(2,189,143,0.4)
}

.listPapers section .exam_dot_box .tree_row .fbox b.hot {
    color: #FF524B;
    border-color: rgba(255,82,75,0.4)
}

.listPapers section .exam_dot_box .tree_row .fbox b.new {
    color: #FF9700;
    border-color: rgba(255,151,0,0.4)
}

.listPapers section.vAlign {
    padding: 18px 112px 18px 24px
}

.listPapers section.vAlign h1 {
    height: 34px;
    line-height: 34px
}

.listPapers section .new_information {
    background-color: #fff;
    box-sizing: border-box;
    padding: 14px 18px 16px 20px
}

.listPapers section .new_information .head_info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding-bottom: 20px;
    background-color: #fff
}

.listPapers section .new_information .head_info .title {
    font-size: 16px;
    font-family: PingFangSC-Semibold,PingFang SC;
    font-weight: 600;
    color: #30363D;
    position: relative
}

.listPapers section .new_information .head_info .title::before {
    content: "";
    display: block;
    position: absolute;
    left: -20px;
    top: 4px;
    width: 4px;
    height: 14px;
    background: #3296FA
}

.listPapers section .new_information .head_info .title::after {
    content: "";
    display: block;
    background-color: #fff
}

.listPapers section .new_information .head_info .more_info {
    width: 54px;
    height: 24px;
    border-radius: 12px;
    border: 1px solid #ACB2B9;
    font-size: 13px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #93989F;
    line-height: 24px;
    display: flex;
    justify-content: center;
    align-items: center
}

.listPapers section .new_information .head_info .more_info img {
    height: 16px;
    width: 16px;
    margin-right: -5px
}

.listPapers section .new_information .info_item {
    display: block;
    border-bottom: 1px solid #E9ECEF;
    box-sizing: border-box;
    margin-bottom: 12px;
    background-color: #fff
}

.listPapers section .new_information .info_item .info_item_title {
    display: block;
    font-size: 14px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #30363D;
    margin-bottom: 12px;
    background-color: #fff
}

.listPapers section .new_information .info_item .info_item_content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    margin-bottom: 12px
}

.listPapers section .new_information .info_item .info_item_content .tag {
    border-radius: 2px;
    border: 1px solid #FF3B3B;
    font-size: 11px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #FF3B3B;
    box-sizing: border-box;
    padding: 2px 4px
}

.listPapers section .new_information .info_item .info_item_content .red {
    color: #FF3B3B;
    border: 1px solid #FF3B3B
}

.listPapers section .new_information .info_item .info_item_content .blue {
    color: #0080ff;
    border: 1px solid #0080ff
}

.listPapers section .new_information .info_item .info_item_content .green {
    color: #00C399;
    border: 1px solid #00C399
}

.listPapers section .new_information .info_item .info_item_content .time {
    font-size: 12px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #999999
}

.listPapers .exam_intro_container h1 {
    position: relative;
    height: 20px;
    font-size: 18px;
    font-weight: bold;
    color: #30363D;
    line-height: 20px;
    display: inline-block
}

.listPapers .exam_intro_container h1:before {
    content: " ";
    position: absolute;
    left: -24px;
    top: 50%;
    width: 6px;
    height: 6px;
    margin-top: -4px;
    background: #3296FA;
    overflow: hidden
}

.listPapers .zhixun_details {
    background-color: #fff;
    padding: 60px 51px;
    box-sizing: border-box
}

.listPapers .zhixun_details .zhixun_wrapper .title {
    display: flex;
    justify-content: center;
    font-size: 30px;
    font-family: AlibabaPuHuiTiB;
    color: #333333;
    margin-bottom: 50px
}

.listPapers .zhixun_details .zhixun_wrapper .autor_info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    font-size: 12px;
    color: #999999;
    margin-bottom: 40px
}

.listPapers .zhixun_details .zhixun_wrapper .autor_info .left {
    display: flex;
    align-items: center
}

.listPapers .zhixun_details .zhixun_wrapper .autor_info .left img {
    width: 32px;
    height: 32px;
    margin-right: 12px
}

.listPapers .zhixun_details .zhixun_wrapper .autor_info .left .name {
    font-size: 14px;
    font-weight: 500;
    color: #333333
}

.listPapers .zhixun_details .zhixun_wrapper .autor_info .right {
    font-size: 12px;
    color: #999999
}

.listPapers .zhixun_details .zhixun_wrapper .zhixun_detail_content {
    font-size: 14px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #666666
}

.listPapers .zhixun_details .zhixun_wrapper .zhixun_detail_content p {
    line-height: 24px
}

.listPapers .zhixun_details .zhixun_wrapper .zhixun_detail_content .xxgk_title {
    font-size: 20px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #333333;
    line-height: 32px;
    text-align: center
}

.listPapers .zhixun_details .zhixun_wrapper .zhixun_detail_content img {
    max-width: 100%;
    height: auto
}

.listPapers .new_information_wrapper {
    margin-left: 8px
}

.listPapers .new_information_wrapper .new_information {
    width: 312px;
    background-color: #fff;
    box-sizing: border-box;
    padding: 14px 18px 16px 20px
}

.listPapers .new_information_wrapper .new_information .head_info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding-bottom: 20px;
    background-color: #fff
}

.listPapers .new_information_wrapper .new_information .head_info .title {
    font-size: 16px;
    font-family: PingFangSC-Semibold,PingFang SC;
    font-weight: 600;
    color: #30363D;
    position: relative
}

.listPapers .new_information_wrapper .new_information .head_info .title::before {
    content: "";
    display: block;
    position: absolute;
    left: -20px;
    top: 4px;
    width: 4px;
    height: 14px;
    background: #3296FA
}

.listPapers .new_information_wrapper .new_information .head_info .more_info {
    width: 54px;
    height: 24px;
    border-radius: 12px;
    border: 1px solid #ACB2B9;
    font-size: 13px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #93989F;
    line-height: 24px;
    display: flex;
    justify-content: center;
    align-items: center
}

.listPapers .new_information_wrapper .new_information .head_info .more_info img {
    height: 16px;
    width: 16px;
    margin-right: -5px
}

.listPapers .new_information_wrapper .new_information .info_item {
    display: block;
    border-bottom: 1px solid #E9ECEF;
    box-sizing: border-box;
    margin-bottom: 12px;
    background-color: #fff
}

.listPapers .new_information_wrapper .new_information .info_item .info_item_title {
    display: block;
    font-size: 14px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #30363D;
    margin-bottom: 12px;
    background-color: #fff
}

.listPapers .new_information_wrapper .new_information .info_item .info_item_content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    margin-bottom: 12px
}

.listPapers .new_information_wrapper .new_information .info_item .info_item_content .tag {
    border-radius: 2px;
    border: 1px solid #ff524b;
    font-size: 11px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #ff524b;
    box-sizing: border-box;
    padding: 2px 4px
}

.listPapers .new_information_wrapper .new_information .info_item .info_item_content .red {
    color: #ff524b;
    border: 1px solid #ff524b
}

.listPapers .new_information_wrapper .new_information .info_item .info_item_content .blue {
    color: #0080ff;
    border: 1px solid #0080ff
}

.listPapers .new_information_wrapper .new_information .info_item .info_item_content .green {
    color: #00C399;
    border: 1px solid #00C399
}

.listPapers .new_information_wrapper .new_information .info_item .info_item_content .time {
    font-size: 12px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #999999
}

.listPapers .relations_intro {
    margin-top: 0;
    padding: 19px 24px 28px 24px
}

.listPapers .relations_intro .exam_intro_logo {
    color: #333;
    margin-left: 25px
}

.listPapers .relations_intro .exam_intro_logo:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../../../pc/images/exam_intro.png) no-repeat;
    background-size: 16px 16px;
    position: absolute;
    top: 6px;
    left: -25px
}

.listPapers .new_exam_paper {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-family: PingFangSC-Semibold,PingFang SC;
    font-weight: 600;
    color: #30363D;
    margin-bottom: 20px;
    margin-left: -23px
}

.listPapers .new_exam_paper:before {
    content: '';
    display: block;
    width: 4px;
    height: 12px;
    background: #0080ff;
    margin-right: 20px
}

.listPapers section+section {
    margin-top: 8px
}

.listPapers .test_information {
    display: flex;
    margin-top: 8px;
    margin-bottom: 40px
}

.listPapers .test_information .tabs_info {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px
}

.listPapers .test_information .tabs_info .tab_item {
    padding: 8px 16px;
    background: #F7F8FB;
    border-radius: 17px;
    margin-right: 20px;
    margin-bottom: 8px;
    font-size: 14px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #666666
}

.listPapers .test_information .tabs_info .tab_item:last-child {
    margin-right: 0
}

.listPapers .test_information .tabs_info .active {
    color: #0080ff;
    background: #EBF5FF
}

.listPapers .test_information .list_info .list_item {
    display: block;
    border-bottom: 1px solid #E9ECEF;
    margin-bottom: 32px
}

.listPapers .test_information .list_info .list_item .title {
    display: felx;
    justify-content: flex-start;
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #333;
    margin-bottom: 12px
}

.listPapers .test_information .list_info .list_item .list_item_info {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.listPapers .test_information .list_info .list_item .list_item_info .tag {
    border-radius: 2px;
    border: 1px solid #ff524b;
    padding: 2px 4px;
    font-size: 11px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #ff524b;
    margin-right: 15px
}

.listPapers .test_information .list_info .list_item .list_item_info span {
    font-size: 14px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #999999
}

.listPapers .test_information .list_info .list_item .list_item_info .red {
    color: #ff524b;
    border: 1px solid #ff524b
}

.listPapers .test_information .list_info .list_item .list_item_info .blue {
    color: #0080ff;
    border: 1px solid #0080ff
}

.listPapers .test_information .list_info .list_item .list_item_info .green {
    color: #0DC49E;
    border: 1px solid #0DC49E
}

.listPapers .test_information .side_bar {
    width: 30%;
    margin-left: 8px
}

.listPapers .test_information .side_bar .relation_question_bank {
    padding: 20px 20px 24px 20px
}

.listPapers .test_information .side_bar .relation_question_bank .title {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-family: PingFangSC-Semibold,PingFang SC;
    font-weight: 600;
    color: #30363D;
    margin-bottom: 20px;
    margin-left: -20px
}

.listPapers .test_information .side_bar .relation_question_bank .title::before {
    content: '';
    display: block;
    height: 12px;
    width: 4px;
    background: #3296FA;
    margin-right: 15px
}

.listPapers .test_information .side_bar .relation_question_bank .question_bank_options {
    display: flex;
    flex-wrap: wrap
}

.listPapers .test_information .side_bar .relation_question_bank .question_bank_options .question_item {
    box-sizing: border-box;
    border-radius: 20px;
    padding: 12px 16px;
    margin-right: 10px;
    background: #F5F5FF;
    text-align: center;
    flex-shrink: 0;
    font-size: 14px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #333;
    margin-bottom: 10px;
    max-width: 100%
}

.listPapers .test_information .side_bar .relation_question_bank .question_bank_options .question_item:nth-child(1) {
    background: #F5F5FF
}

.listPapers .test_information .side_bar .relation_question_bank .question_bank_options .question_item:nth-child(2) {
    background: #F0F9FF
}

.listPapers .test_information .side_bar .relation_question_bank .question_bank_options .question_item:nth-child(3) {
    background: #FFFAF5
}

.listPapers .test_information .side_bar .relation_question_bank .question_bank_options .question_item:nth-child(4) {
    background: #F0FEFC
}

.listPapers .test_information .side_bar .relation_question_bank .question_bank_options .question_item:nth-child(5) {
    background: #F0F9FF
}

.listPapers .test_information .side_bar .relation_question_bank .question_bank_options .question_item:nth-child(6) {
    background: #F5F5FF
}

.listPapers .test_information .side_bar .relation_question_bank .question_bank_options .question_item:nth-child(7) {
    background: #F0FEFC
}

.listPapers .test_information .side_bar .relation_question_bank .question_bank_options .question_item:nth-child(8) {
    background: #FFFAF5
}

.listPapers .test_information .side_bar .relation_shijuan {
    padding: 20px 23px 20px 20px
}

.listPapers .test_information .side_bar .relation_shijuan .title {
    font-size: 16px;
    font-family: PingFangSC-Semibold,PingFang SC;
    font-weight: 600;
    color: #30363D;
    margin-bottom: 27px
}

.listPapers .test_information .side_bar .relation_shijuan .before_title {
    display: flex;
    align-items: center;
    margin-left: -20px
}

.listPapers .test_information .side_bar .relation_shijuan .before_title::before {
    content: '';
    display: block;
    width: 4px;
    height: 12px;
    background: #3296FA;
    margin-right: 15px
}

.listPapers .test_information .side_bar .relation_shijuan .shijuan_item {
    border-bottom: 1px solid #E9ECEF;
    margin-bottom: 14px
}

.listPapers .test_information .side_bar .relation_shijuan .shijuan_item .title {
    font-size: 14px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #30363D;
    margin-bottom: 14px
}

.listPapers .test_information .side_bar .relation_shijuan .shijuan_item .info {
    margin-bottom: 14px;
    display: flex;
    align-items: center
}

.listPapers .test_information .side_bar .relation_shijuan .shijuan_item .info img {
    width: 14px;
    height: 14px;
    margin-right: 4px
}

.listPapers .test_information .side_bar .relation_shijuan .shijuan_item .info span {
    font-size: 12px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #999999
}

.listPapers .relation_question_details {
    width: 30%;
    margin-left: 8px
}

.listPapers .relation_question_details .relation_question_bank {
    padding: 20px 20px 24px 20px
}

.listPapers .relation_question_details .relation_question_bank .title {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-family: PingFangSC-Semibold,PingFang SC;
    font-weight: 600;
    color: #30363D;
    margin-bottom: 20px
}

.listPapers .relation_question_details .relation_question_bank .title::before {
    content: '';
    display: block;
    width: 4px;
    height: 14px;
    background: #3296FA;
    margin-left: -20px;
    margin-right: 15px
}

.listPapers .relation_question_details .relation_question_bank .question_bank_options {
    display: flex;
    flex-wrap: wrap
}

.listPapers .relation_question_details .relation_question_bank .question_bank_options .question_item {
    border-radius: 20px;
    box-sizing: border-box;
    background-color: #F5F5FF;
    padding: 12px 16px;
    text-align: center;
    flex-shrink: 0;
    font-size: 14px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #333333;
    margin-bottom: 10px;
    margin-right: 10px;
    max-width: 100%
}

.listPapers .relation_question_details .relation_question_bank .question_bank_options .question_item:nth-child(1) {
    background: #F5F5FF
}

.listPapers .relation_question_details .relation_question_bank .question_bank_options .question_item:nth-child(2) {
    background: #F0F9FF
}

.listPapers .relation_question_details .relation_question_bank .question_bank_options .question_item:nth-child(3) {
    background: #FFFAF5
}

.listPapers .relation_question_details .relation_question_bank .question_bank_options .question_item:nth-child(4) {
    background: #F0FEFC
}

.listPapers .relation_question_details .relation_question_bank .question_bank_options .question_item:nth-child(5) {
    background: #F0F9FF
}

.listPapers .relation_question_details .relation_question_bank .question_bank_options .question_item:nth-child(6) {
    background: #F5F5FF
}

.listPapers .relation_question_details .relation_question_bank .question_bank_options .question_item:nth-child(7) {
    background: #F0FEFC
}

.listPapers .relation_question_details .relation_question_bank .question_bank_options .question_item:nth-child(8) {
    background: #FFFAF5
}

.upLoadWrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 999;
    display: none
}

.upLoadWrap .popBox {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 422px;
    height: 372px;
    background: white;
    text-align: center;
    box-shadow: 0 8px 40px 0 rgba(0,0,0,0.2)
}

.upLoadWrap .popBox .icon {
    width: 99px;
    height: 67px;
    margin: 57px auto 0;
    background: url(../../../images/uploadSuccessfully.png) 0 0/100% 100% no-repeat
}

.upLoadWrap .popBox h4 {
    width: 100%;
    height: 20px;
    font-size: 20px;
    font-weight: bold;
    color: #30363D;
    line-height: 20px;
    margin-top: 20px
}

.upLoadWrap .popBox h6 {
    width: 100%;
    height: 14px;
    font-size: 14px;
    font-weight: normal;
    color: #676A6F;
    line-height: 14px;
    margin-top: 30px
}

.upLoadWrap .popBox b {
    display: inline-block;
    width: 230px;
    height: 50px;
    background: #0080ff;
    font-size: 16px;
    font-weight: normal;
    color: white;
    line-height: 50px;
    margin-top: 70px;
    cursor: pointer
}

.service_layer_agreement_box {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 9;
    background-color: rgba(0,0,0,0.6)
}

.service_layer_agreement_box .content_box {
    background-color: #fff;
    width: 660px;
    left: 50%;
    margin-left: -330px;
    position: absolute;
    top: 50%;
    min-height: 570px;
    margin-top: -285px;
    box-sizing: border-box;
    padding: 32px 36px 40px;
    color: #676A6F;
    font-size: 15px
}

.service_layer_agreement_box .content_box .content {
    line-height: 21px;
    text-align: justify
}

.service_layer_agreement_box .content_box .content a {
    color: #0080ff;
    text-decoration: underline
}

.service_layer_agreement_box .content_box .title {
    font-weight: bold;
    color: #30363D;
    font-size: 20px;
    margin-bottom: 34px
}

.service_layer_agreement_box .btn_box {
    padding: 53px 42px 0;
    font-size: 16px
}

.service_layer_agreement_box .btn_box .btn {
    width: 230px;
    height: 50px;
    box-sizing: border-box;
    cursor: pointer
}

.service_layer_agreement_box .btn_box .btn.btn_l {
    border: 1px solid #ACB2B9
}

.service_layer_agreement_box .btn_box .btn.btn_r {
    color: #FFFFFF;
    background: #0080ff
}

.service_layer_agreement_box .toast_box {
    position: absolute;
    width: 262px;
    left: 50%;
    margin-left: -131px;
    background-color: rgba(25,26,29,0.79);
    top: 190px;
    color: #FFFFFF;
    font-size: 15px;
    text-align: center;
    padding: 17px 0
}

.service_layer_agreement_box .toast_box .xie_tips_icon {
    width: 31px;
    margin-bottom: 13px
}

.max_width {
    min-width: 1440px;
    margin-left: auto;
    margin-right: auto
}

.download_pc {
    margin-bottom: 60px
}

.download_pc .header_wrapper {
    position: relative;
    background: #F7F8FB url('../../../pc/images/down_pc_banner.png') no-repeat;
    background-size: auto 100%;
    height: 674px;
    width: 1920px;
    left: 50%;
    margin-left: -960px
}

.download_pc .header_wrapper img {
    height: 43px;
    width: 225px;
    margin-top: 30px;
    margin-left: 391px;
    margin-bottom: 117px
}

.download_pc .header_wrapper .exam_intro {
    margin-left: 391px;
    position: relative
}

.download_pc .header_wrapper .exam_intro .down_pc_tag {
    margin: 0;
    position: absolute;
    width: 93px;
    height: 84px;
    left: -35px;
    top: -20px
}

.download_pc .header_wrapper .exam_intro .exam_name {
    font-size: 48px;
    font-family: AlibabaPuHuiTiH;
    color: #191B27;
    margin-bottom: 32px
}

.download_pc .header_wrapper .exam_intro .intro_info {
    display: block;
    font-size: 19px;
    font-family: AlibabaPuHuiTiR;
    color: #333333;
    margin-bottom: 70px
}

.download_pc .header_wrapper .exam_intro .down_link {
    display: flex
}

.download_pc .header_wrapper .exam_intro .down_link .down_ways {
    display: flex;
    flex-direction: column
}

.download_pc .header_wrapper .exam_intro .down_link .down_ways img {
    margin: 0;
    width: 160px;
    height: 54px;
    margin-bottom: 28px
}

.download_pc .header_wrapper .exam_intro .down_link .no_down_link {
    box-sizing: border-box;
    font-size: 18px;
    line-height: 54px;
    text-align: center;
    width: 160px;
    height: 54px;
    color: #333333;
    font-weight: 600;
    border: 1px solid #333;
    border-radius: 50px;
    background: #fff;
    box-shadow: inset 20px 20px 60px #fff,inset -20px -20px 60px #ffffff
}

.download_pc .header_wrapper .exam_intro .down_link .scan_wrapper {
    width: 169.41px;
    height: 185.97px;
    background-color: #F7F8FB;
    margin-left: 76px;
    box-sizing: border-box;
    padding: 19px 30px 14px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.download_pc .header_wrapper .exam_intro .down_link .scan_wrapper img {
    width: 122.28px;
    height: 122.28px;
    margin: 0;
    margin-bottom: 10px
}

.download_pc .header_wrapper .exam_intro .down_link .scan_wrapper span {
    font-size: 13px;
    font-family: AlibabaPuHuiTiR;
    color: #93989F;
    margin-top: 17px
}

.download_pc .header_wrapper .lunbo_img {
    position: absolute;
    width: 256px;
    height: 565px;
    top: 75px;
    left: 50%;
    margin-left: 208px;
    background-color: #fff;
    border-radius: 30px
}

.download_pc .header_wrapper .lunbo_img .phone_header {
    position: absolute;
    width: 148px;
    height: 22px;
    margin: 0;
    top: 0;
    left: 20%;
    z-index: 9999
}

.download_pc .header_wrapper .lunbo_img .imgs {
    position: absolute;
    border-radius: 30px;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.download_pc .header_wrapper .lunbo_img .imgs img {
    margin: 0;
    width: 100%;
    height: 100%
}

.download_pc .header_wrapper .lunbo_img .swiper-button-prev {
    box-sizing: border-box;
    margin-left: -50%;
    background: rgba(0,0,0,0.38) url('../../../pc/images/down_left.png') no-repeat center center;
    background-size: 18px 18px;
    width: 48px;
    height: 48px;
    border-radius: 50%
}

.download_pc .header_wrapper .lunbo_img .swiper-button-prev::after {
    content: ''
}

.download_pc .header_wrapper .lunbo_img .swiper-button-next {
    box-sizing: border-box;
    margin-right: -50%;
    background: rgba(0,0,0,0.38) url('../../../pc/images/down_left.png') no-repeat center center;
    background-size: 18px 18px;
    width: 48px;
    transform: rotate(180deg);
    height: 48px;
    border-radius: 50%
}

.download_pc .header_wrapper .lunbo_img .swiper-button-next::after {
    content: ''
}

.download_pc .header_wrapper .lunbo_img .hover {
    border: 2px solid #fff
}

.download_pc .body_wrapper {
    box-sizing: border-box;
    padding: 30px 0 60px 0;
    background-color: #F7F8FB;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.download_pc .body_wrapper img {
    width: 196px;
    height: 60px;
    margin-bottom: 46px
}

.download_pc .body_wrapper .intro_wrapper {
    display: flex;
    justify-content: center
}

.download_pc .body_wrapper .intro_wrapper .intro_item {
    width: 266.12px;
    box-sizing: border-box;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 26px 18px 24px 18px;
    background-color: #fff;
    margin-right: 23px
}

.download_pc .body_wrapper .intro_wrapper .intro_item:last-child {
    margin-right: 0
}

.download_pc .body_wrapper .intro_wrapper .intro_item img {
    width: 77px;
    height: 77px;
    margin-bottom: 15px
}

.download_pc .body_wrapper .intro_wrapper .intro_item span {
    font-size: 16px;
    font-family: AlibabaPuHuiTiB;
    font-weight: 700;
    color: #333333;
    margin-bottom: 21px
}

.download_pc .body_wrapper .intro_wrapper .intro_item .content {
    width: 100%;
    font-size: 14px;
    font-family: AlibabaPuHuiTiR;
    color: #666666;
    margin-bottom: 20px;
    line-height: 26px;
    height: 76.36px
}

.download_pc .body_wrapper .intro_wrapper .intro_item .tag_list {
    width: 100%;
    display: flex
}

.download_pc .body_wrapper .intro_wrapper .intro_item .tag_list .tag_list_item {
    box-sizing: border-box;
    padding: 6px 10px;
    background: #E8F0FE;
    border-radius: 14px 0px 14px 0px;
    font-size: 12px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #5E677E;
    margin-right: 6px
}

.download_pc .body_wrapper .intro_wrapper .intro_item .tag_list .tag_list_item:last-child {
    margin-right: 0
}

.download_pc .footer_wrapper {
    padding: 45px 0 60px 0;
    box-sizing: border-box;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.download_pc .footer_wrapper .title {
    margin-bottom: 44px;
    font-size: 24px;
    font-family: AlibabaPuHuiTiB;
    color: #333333
}

.download_pc .footer_wrapper .exam_info {
    width: 1134px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 35px
}

.download_pc .footer_wrapper .exam_info a {
    box-sizing: border-box;
    text-decoration: none;
    width: 49.4%;
    margin-right: 12px;
    display: block;
    margin-bottom: 12px
}

.download_pc .footer_wrapper .exam_info a:nth-of-type(even) {
    margin-right: 0
}

.download_pc .footer_wrapper .exam_info a .exam_item {
    background-color: #F7F8FB;
    padding: 18px 9px 19px 19px;
    font-family: PingFangSC-Regular,PingFang SC;
    border-radius: 8px
}

.download_pc .footer_wrapper .exam_info a .exam_item .exam_item_title {
    font-size: 14px;
    font-weight: 400;
    color: #30363D;
    margin-bottom: 11px
}

.download_pc .footer_wrapper .exam_info a .exam_item .exam_item_info {
    display: flex;
    align-items: center;
    font-weight: 400
}

.download_pc .footer_wrapper .exam_info a .exam_item .exam_item_info .tag {
    box-sizing: border-box;
    padding: 2px 5px;
    border-radius: 2px;
    border: 1px solid #FF3B3B;
    font-size: 11px;
    color: #FF3B3B
}

.download_pc .footer_wrapper .exam_info a .exam_item .exam_item_info .blue {
    color: #0080ff;
    border: 1px solid #0080ff
}

.download_pc .footer_wrapper .exam_info a .exam_item .exam_item_info .green {
    color: #0DC49E;
    border: 1px solid #0DC49E
}

.download_pc .footer_wrapper .exam_info a .exam_item .exam_item_info span {
    margin-left: 14px;
    font-size: 12px;
    color: #999999
}

.download_pc .footer_wrapper a {
    text-decoration: none
}

.download_pc .footer_wrapper a .look_more {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 12px 26px;
    border-radius: 26px;
    border: 1px solid #333333
}

.download_pc .footer_wrapper a .look_more span {
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #333333
}

.download_pc .footer_wrapper a .look_more img {
    width: 11.5px;
    height: 11.5px;
    margin-left: 4px
}

.inner_right_template {
    width: 100%;
    background: white
}

.inner_right_template .htc {
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 3%;
    width: 94%
}

.inner_right_template .htc b {
    line-height: 40px;
    font-size: 18px;
    font-weight: 900;
    color: #333
}

.inner_right_template .htc span,.inner_right_template .htc .more {
    font-size: 14px;
    color: #999
}

.inner_right_template .htc .more:hover {
    color: #e13b29
}

.inner_right_template .htc .sub_htc {
    width: 75px;
    height: 18px;
    background-position: 0 -70px
}

.inner_right_template .htc .qr_code {
    position: relative;
    width: 17px;
    height: 17px;
    background-position: -110px -40px;
    cursor: pointer
}

.inner_right_template .htc .qr_code span {
    display: none;
    position: absolute;
    left: 30px;
    top: 50%;
    z-index: 9;
    width: 160px;
    height: 160px;
    background: white;
    padding: 5px;
    box-shadow: 0 0 10px rgba(121,136,160,0.3);
    margin-top: -80px;
    box-sizing: border-box;
    border-radius: 3px
}

.inner_right_template .htc .qr_code span:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -11px;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border: solid;
    border-width: 6px;
    border-color: transparent white transparent transparent;
    overflow: hidden;
    margin-top: -6px
}

.inner_right_template .htc .qr_code span img {
    width: 100%;
    height: 100%
}

.inner_right_template .htc .qr_code:hover span {
    display: inline-block
}

.inner_right_template .htc .change_it {
    display: flex;
    align-items: center;
    cursor: pointer
}

.inner_right_template .htc .change_it span {
    color: #666;
    font-size: 12px;
    margin-right: 5px
}

.inner_right_template .htc .change_it .imx {
    width: 16px;
    height: 16px;
    background-position: -190px -40px;
    -webkit-transition: all .8s ease-out 0s;
    transition: all .8s ease-out 0s
}

.inner_right_template .htc .change_it:hover span {
    font-weight: bold
}

.inner_right_template .htc .change_it:hover .imx {
    transform: rotate(360deg)
}

.inner_right_template .htc.mgt10 {
    margin-top: 10px
}

.inner_right_template .htc.line,.inner_right_template .htc.line_sel {
    border-bottom: 2px solid #eee
}

.inner_right_template .htc.line b,.inner_right_template .htc.line_sel b {
    position: relative
}

.inner_right_template .htc.line b:after,.inner_right_template .htc.line_sel b:after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    background: #0080ff
}

.inner_right_template .htc.line b.none:after,.inner_right_template .htc.line_sel b.none:after {
    background: transparent
}

.inner_right_template .htc.line b.rd:after,.inner_right_template .htc.line_sel b.rd:after {
    background: #e13b29
}

.inner_right_template .htc.line b.blend,.inner_right_template .htc.line_sel b.blend {
    display: flex;
    align-items: center;
    font-size: 26px
}

.inner_right_template .htc.line b.blend img,.inner_right_template .htc.line_sel b.blend img {
    width: 36px;
    height: 36px;
    margin-right: 10px
}

.inner_right_template .htc.line_left {
    height: 30px
}

.inner_right_template .htc.line_left b {
    position: relative;
    padding-left: 26px;
    font-weight: normal;
    font-size: 16px
}

.inner_right_template .htc.line_left b:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 8px;
    width: 4px;
    height: 16px;
    overflow: hidden;
    border-radius: 2px;
    background: linear-gradient(#0080ff, #3e67b9);
    margin-top: -8px
}

.inner_right_template .htc.line_sel {
    justify-content: flex-start;
    border-bottom: 2px solid #F7F8FB
}

.inner_right_template .htc.line_sel b {
    margin-right: 20px;
    color: #333;
    font-weight: normal;
    font-size: 14px;
    cursor: pointer;
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s
}

.inner_right_template .htc.line_sel b:after {
    background: transparent
}

.inner_right_template .htc.line_sel b.sel {
    color: #e13b29;
    font-weight: bold;
    font-size: 16px
}

.inner_right_template .htc.line_sel b.sel:after {
    background: #e13b29
}

.inner_right_template .htc b {
    font-size: 16px
}

.inner_right_template .htc p {
    width: 60px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: white
}

.inner_right_template .htc p i {
    display: inline-block;
    *display: inline;
    zoom:1;width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-left: 6px;
    background-color: #cacaca;
    cursor: pointer
}

.inner_right_template .htc p i.sel {
    background-color: #c9a982
}

.inner_right_template .view_curriculum {
    padding: 10px 0;
    width: 100%;
    overflow: hidden
}

.inner_right_template .view_curriculum ul {
    width: 100%;
    max-height: 330px;
    overflow: hidden;
    -webkit-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s
}

.inner_right_template .view_curriculum ul li {
    float: left;
    width: 292px;
    max-height: 330px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 10px
}

.inner_right_template .view_curriculum ul li a {
    float: left;
    display: block;
    position: relative;
    width: 100%;
    height: 160px;
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s
}

.inner_right_template .view_curriculum ul li a img {
    width: 100%;
    height: 100%;
    vertical-align: top;
    border-radius: 4px
}

.inner_right_template .view_curriculum ul li a .imx {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 64px;
    height: 64px;
    margin: -32px 0 0 -32px;
    background-position: 0 -160px
}

.inner_right_template .view_curriculum ul li a span {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 92%;
    height: 32px;
    padding: 0 4%;
    background: rgba(0,0,0,0.6);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 0 0 4px 4px
}

.inner_right_template .view_curriculum ul li a span b {
    font-size: 12px;
    color: white;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.inner_right_template .view_curriculum ul li a+a {
    margin-top: 10px
}

.inner_right_template .view_curriculum ul li a:hover img {
    filter: brightness(70%)
}

.inner_right_template .view_curriculum ul li a.def {
    height: 160px
}

.inner_right_template .view_curriculum ul li .def {
    width: 100%;
    height: 100%
}

.inner_right_template .view_curriculum ul li::-webkit-scrollbar {
    width: 8px
}

.inner_right_template .view_curriculum ul li::-webkit-scrollbar-thumb {
    border-radius: 8px
}

.inner_right_template .view_curriculum.unfreeze ul {
    height: auto
}

.inner_right_template .view_curriculum.unfreeze ul li {
    height: auto
}

.inner_right_template .agb_wrap {
    padding: 10px 10px 0;
    width: 100%;
    height: 120px;
    overflow: hidden
}

.inner_right_template .agb_wrap dt {
    display: flex;
    justify-content: center
}

.inner_right_template .agb_wrap dt b {
    position: relative;
    font-size: 18px;
    font-style: italic;
    font-weight: 900;
    color: #000
}

.inner_right_template .agb_wrap dt b:before,.inner_right_template .agb_wrap dt b:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 32px;
    height: 3px;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    margin-top: -2px;
    background: #e13b29
}

.inner_right_template .agb_wrap dt b:before {
    left: -40px
}

.inner_right_template .agb_wrap dt b:after {
    right: -44px
}

.inner_right_template .agb_wrap dd {
    width: calc(100% + 10px);
    display: flex;
    flex-wrap: wrap
}

.inner_right_template .agb_wrap dd a,.inner_right_template .agb_wrap dd b {
    width: 92px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    background: #f5f5f5;
    margin: 8px 8px 0 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s
}

.inner_right_template .agb_wrap dd b {
    font-size: 12px;
    border-radius: 3px 12px;
    color: #5E677E;
    background: #F7F8FB
}

.inner_right_template .agb_wrap dd b.b {
    color: #4F67C6;
    background: linear-gradient(270deg, #EEF1FF 0%, #E4E3FF 100%)
}

.inner_right_template .agb_wrap dd a:hover {
    color: #0080ff;
    transform: translateY(-4px);
    background: #F5FAFF
}

.inner_right_template .agb_wrap dt {
    width: 292px;
    padding-bottom: 8px
}

.inner_right_template .agb_wrap.free {
    padding: 0 10px 10px;
    height: auto
}

.inner_right_template .agb_wrap.qrCodeNpc {
    padding: 10px 0;
    height: auto
}

.inner_right_template .agb_wrap.qrCodeNpc dd {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #191B27
}

.inner_right_template .agb_wrap.qrCodeNpc dd .subTitle {
    font-size: 16px;
    font-weight: bold
}

.inner_right_template .agb_wrap.qrCodeNpc dd .imCode {
    margin: 10px auto;
    width: 90%
}

.inner_right_template .agb_wrap.qrCodeNpc dd .imCode img {
    width: 100%
}

.inner_right_template .agb_wrap.qrCodeNpc dd .supply {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    padding-bottom: 10px
}

.inner_right_template .agb_wrap.qrCodeNpc dd .supply .qqImg {
    width: 16px;
    height: 18px;
    background: url(../../../pc/images/derived/iconQQ.png) 0 0/16px 18px no-repeat;
    margin-right: 6px
}

.inner_right_template .agb_box {
    width: 100%;
    padding: 0 10px 10px;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box
}

.inner_right_template .agb_box a {
    width: 140px;
    height: 50px;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #f5f5f5
}

.inner_right_template .agb_box a span {
    font-size: 12px
}

.inner_right_template .agb_box a span+span {
    margin-top: 5px
}

.inner_right_template .agb_box a.a_red {
    background: #fef4f2
}

.inner_right_template .agb_box a.a_red span {
    color: #e13b29
}

.inner_right_template .agb_box a.a_blue {
    background: #f2f6ff
}

.inner_right_template .agb_box a.a_blue span {
    color: #0080ff
}

.inner_right_template .list_a_wrap {
    width: 100%;
    overflow: hidden;
    margin-top: 6px
}

.inner_right_template .list_a_wrap a,.inner_right_template .list_a_wrap .sp {
    display: flex;
    width: 100%;
    height: 30px;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    position: relative;
    padding-left: 20px;
    box-sizing: border-box
}

.inner_right_template .list_a_wrap a span,.inner_right_template .list_a_wrap .sp span {
    flex: 1;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.inner_right_template .list_a_wrap a b,.inner_right_template .list_a_wrap .sp b {
    margin-left: 10px;
    color: #999
}

.inner_right_template .list_a_wrap a b.today,.inner_right_template .list_a_wrap .sp b.today {
    color: #e13b29
}

.inner_right_template .list_a_wrap a:after,.inner_right_template .list_a_wrap .sp:after {
    position: absolute;
    left: 8px;
    top: 50%;
    content: "";
    width: 4px;
    height: 4px;
    background: #0080ff;
    margin-top: -2px;
    border-radius: 4px
}

.inner_right_template .list_a_wrap a:hover span,.inner_right_template .list_a_wrap .sp:hover span,.inner_right_template .list_a_wrap a:hover a,.inner_right_template .list_a_wrap .sp:hover a {
    color: #e13b29
}

.inner_right_template .list_a_wrap a.lis_top span,.inner_right_template .list_a_wrap .sp.lis_top span,.inner_right_template .list_a_wrap a.lis_top span>a,.inner_right_template .list_a_wrap .sp.lis_top span>a {
    font-size: 16px;
    color: #e13b29;
    font-weight: bold
}

.inner_right_template .list_a_wrap a.lis_top:after,.inner_right_template .list_a_wrap .sp.lis_top:after {
    width: 6px;
    height: 6px;
    background: #e13b29;
    margin-top: -3px;
    left: 7px
}

.inner_right_template .list_a_wrap a.lis_top b,.inner_right_template .list_a_wrap .sp.lis_top b {
    color: white;
    background-image: linear-gradient(#e18829, #e13b29);
    padding: 2px 9px;
    font-size: 12px;
    border-radius: 12px 4px
}

.inner_right_template .list_a_wrap .sp a {
    display: inline;
    width: auto;
    height: auto;
    position: static;
    padding: 0
}

.inner_right_template .list_a_wrap .sp a:after {
    display: none
}

.inner_right_template .list_a_wrap .sp a:hover {
    color: #e13b29
}

.inner_right_template .list_a_wrap a {
    padding: 0
}

.inner_right_template .list_a_wrap a:after {
    display: none
}

.inner_right_template .list_a_wrap.lt_num a {
    padding-left: 35px;
    position: relative
}

.inner_right_template .list_a_wrap.lt_num a em {
    position: absolute;
    top: 50%;
    left: 5px;
    width: 18px;
    height: 18px;
    font-size: 14px;
    line-height: 18px;
    overflow: hidden;
    margin-top: -10px;
    color: #fA0;
    text-align: center;
    border: 1px solid currentColor;
    transform: skew(-20deg);
    border-radius: 0 6px
}

.inner_right_template .list_a_wrap.lt_num a em i {
    display: inline-block;
    transform: skew(20deg);
    font-weight: 900
}

.inner_right_template .list_a_wrap.lt_num a:nth-child(1) em {
    color: #f00
}

.inner_right_template .list_a_wrap.lt_num a:nth-child(2) em {
    color: #f20
}

.inner_right_template .list_a_wrap.lt_num a:nth-child(3) em {
    color: #f40
}

.inner_right_template .list_a_wrap.lt_num a:nth-child(4) em {
    color: #f60
}

.inner_right_template .list_a_wrap.lt_num a:nth-child(5) em {
    color: #f80
}

.inner_right_template .square_wrap {
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
    display: flex;
    flex-wrap: wrap
}

.inner_right_template .square_wrap a {
    width: 50%;
    padding: 16px 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.inner_right_template .square_wrap a .imx {
    width: 40px;
    height: 40px;
    margin-right: 5px
}

.inner_right_template .square_wrap a .imx.x1x {
    background-position: 0 -110px
}

.inner_right_template .square_wrap a .imx.x2x {
    background-position: -40px -110px
}

.inner_right_template .square_wrap a .imx.x3x {
    background-position: -80px -110px
}

.inner_right_template .square_wrap a .imx.x4x {
    background-position: -120px -110px
}

.inner_right_template .square_wrap a p {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 160px;
    height: 36px
}

.inner_right_template .square_wrap a p span {
    width: 100%;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.inner_right_template .square_wrap a p span+span {
    color: #ccc;
    font-size: 12px
}

.inner_right_template .square_wrap a:hover p span {
    color: #e13b29
}

.inner_right_template .square_wrap a:nth-child(1),.inner_right_template .square_wrap a:nth-child(2) {
    border-bottom: 1px solid #eee
}

.inner_right_template .teachers {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box
}

.inner_right_template .teachers .clearfix {
    width: 292px;
    height: 316px;
    overflow: hidden
}

.inner_right_template .teachers .clearfix ul {
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s
}

.inner_right_template .teachers .clearfix ul li {
    float: left;
    width: 272px;
    height: 276px;
    padding: 20px 10px
}

.inner_right_template .teachers .clearfix ul li a {
    width: 100%;
    height: 128px;
    display: flex
}

.inner_right_template .teachers .clearfix ul li a .img {
    width: 80px;
    height: 128px;
    margin-right: 20px;
    position: relative;
    background: #F7F8FB
}

.inner_right_template .teachers .clearfix ul li a .img img {
    vertical-align: top;
    width: 100%;
    height: auto
}

.inner_right_template .teachers .clearfix ul li a .img i {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 24px;
    font-size: 12px;
    color: white;
    line-height: 24px;
    background: rgba(0,0,0,0.6);
    text-align: center
}

.inner_right_template .teachers .clearfix ul li a .name_box {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.inner_right_template .teachers .clearfix ul li a .name_box b {
    font-size: 16px;
    font-weight: 900;
    color: #333;
    line-height: 22px
}

.inner_right_template .teachers .clearfix ul li a .name_box i {
    padding: 3px 5px;
    margin-left: 10px;
    background: #fef4f2;
    border-radius: 4px;
    color: #e13b29
}

.inner_right_template .teachers .clearfix ul li a .name_box em {
    margin-top: 10px;
    font-size: 14px;
    color: #e13b29;
    border: 1px solid currentColor;
    line-height: 28px;
    text-align: center;
    border-radius: 6px
}

.inner_right_template .teachers .clearfix ul li a .name_box .intro {
    margin-top: 10px;
    width: 100%;
    font-size: 12px;
    line-height: 18px;
    height: 54px;
    color: #666
}

.inner_right_template .teachers .clearfix ul li a+a {
    margin-top: 20px
}

.inner_right_template .teachers .clearfix.short {
    height: 240px
}

.inner_right_template .teachers .clearfix.short ul li {
    height: 200px
}

.inner_right_template .teachers .clearfix.short ul li a {
    height: 88px
}

.inner_right_template .teachers .clearfix.short ul li a .img {
    height: 80px;
    overflow: hidden;
    border-radius: 80px;
    border: 1px solid #eee;
    box-shadow: 1px 3px 5px rgba(0,0,0,0.3)
}

.inner_right_template .teachers.is_list .clearfix {
    height: auto
}

.inner_right_template .teachers.is_list .clearfix ul li {
    float: none;
    height: auto
}

.inner_right_template .teachers.is_list .clearfix ul li a .name_box {
    justify-content: flex-start
}

.inner_right_template .teachers.is_list .clearfix ul li a .name_box b {
    width: 172px;
    max-height: 44px
}

.inner_right_template .teachers.is_list .clearfix ul li a .name_box em {
    width: 80px
}

.inner_right_template .teachers.is_list .clearfix ul li a .name_box .intro {
    height: auto;
    max-height: 36px
}

.inner_right_template .interflow {
    position: relative;
    margin: 0 auto;
    width: 270px;
    height: 222px;
    background: url(../../../pc/images/derived/interflow_bg.png) 0 0/270px 222px no-repeat;
    padding: 34px 0 0 74px;
    box-sizing: border-box
}

.inner_right_template .interflow img {
    width: 120px;
    height: 120px
}

.inner_right_template .interflow .pmt {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 12px;
    color: #999;
    line-height: 20px
}

.inner_right_template .interflow .pmt b {
    color: #333
}

.inner_right_template .long_btn {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    width: 100%;
    height: 40px;
    background: linear-gradient(#fb5a28, #e6000f);
    text-align: center;
    line-height: 40px;
    border-radius: 20px;
    color: white;
    font-size: 14px;
    margin-top: 10px
}

.inner_right_template .teacher_introduction {
    padding: 10px 10px 20px
}

.inner_right_template .teacher_introduction .ring {
    width: 100%;
    height: 90px;
    padding: 5px;
    border-radius: 50px;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    box-sizing: border-box;
    display: flex;
    align-items: center
}

.inner_right_template .teacher_introduction .ring .img {
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-right: 10px;
    overflow: hidden
}

.inner_right_template .teacher_introduction .ring .img img {
    width: 100%;
    height: 100%
}

.inner_right_template .teacher_introduction .ring .img span {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 28px;
    background: rgba(0,0,0,0.6);
    color: white;
    text-align: center;
    font-size: 12px;
    line-height: 28px
}

.inner_right_template .teacher_introduction .ring .praise {
    width: 180px;
    font-size: 14px
}

.inner_right_template .teacher_introduction .ring .praise p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.inner_right_template .teacher_introduction .ring .praise p em {
    color: red;
    font-size: 14px
}

.inner_right_template .teacher_introduction .ring .praise p+p {
    margin-top: 10px
}

.inner_right_template .teacher_introduction dl dt {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
    padding-top: 20px
}

.inner_right_template .teacher_introduction dl dd {
    width: 100%;
    padding-top: 5px;
    font-size: 12px;
    line-height: 1.6;
    overflow: hidden
}

.inner_right_template .teacher_introduction dl dd p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
    width: 46%;
    height: 24px;
    line-height: 24px;
    background: #f7f8fb;
    border: 1px dashed #e2e2e2;
    color: #465069;
    border-radius: 12px;
    text-align: center;
    margin: 5px 3% 0 0
}

.inner_right_template.sadv {
    width: 100%
}

.inner_right_template.sadv img {
    width: 100%
}

.inner_right_template+.inner_right_template {
    margin-top: 8px
}

.home_menu_box_wrap {
    width: 100%;
    margin-bottom: 16px
}

.home_menu_box_wrap .menu_box {
    width: 100%;
    height: 48px;
    background: #0080ff
}

.home_menu_box_wrap .menu_box .nav_menu {
    position: relative;
    box-sizing: border-box;
    padding-left: 330px;
    height: 48px
}

.home_menu_box_wrap .menu_box .nav_menu ul {
    /* width: 100%; */
    height: 48px;
    overflow: hidden
}

.home_menu_box_wrap .menu_box .nav_menu ul li {
    float: left
}

.home_menu_box_wrap .menu_box .nav_menu ul li a {
    display: block;
    line-height: 48px;
    color: #fff;
    position: relative;
    font-size: 18px;
    padding: 0 32px;
    font-weight: 900
}

.home_menu_box_wrap .menu_box .nav_menu ul li a:hover {
    color: yellow
}

.home_menu_box_wrap .menu_box .nav_menu ul li+li {
    position: relative
}

.home_menu_box_wrap .menu_box .nav_menu ul li+li a:before {
    content: "|";
    position: absolute;
    top: 50%;
    left: -4px;
    width: 8px;
    height: 20px;
    margin-top: -10px;
    font-size: 20px;
    line-height: 20px;
    color: rgba(255,255,255,0.6)
}

.home_menu_box_wrap .menu_box .nav_menu.row_full {
    padding: 0
}

.home_menu_box_wrap .menu_box .nav_menu.row_full ul>li>a {
    padding: 0 48px
}

.home_menu_box_wrap .menu_box.course_home_nav {
    background: white;
    border-bottom: 2px solid #0080ff
}

.home_menu_box_wrap .menu_box.course_home_nav .nav_menu {
    padding-left: 310px
}

.home_menu_box_wrap .menu_box.course_home_nav .nav_menu ul li a {
    padding: 0 48px;
    color: #333
}

.home_menu_box_wrap .menu_box.course_home_nav .nav_menu ul li a:hover {
    color: #0080ff
}

.home_menu_box_wrap .menu_box.course_home_nav .nav_menu ul li+li a:before {
    color: rgba(30,30,30,0.3)
}

.home_menu_box_wrap .menu_box.course_home_nav .nav_menu .left_title {
    position: absolute;
    left: -2px;
    top: 0;
    width: 307px;
    height: 48px;
    border: solid #0080ff;
    border-width: 2px 2px 0;
    color: #999;
    background: white;
    text-align: center;
    font-size: 18px;
    line-height: 48px;
    z-index: 9;
    border-radius: 6px 6px 0 0
}

.home_menu_box_wrap .home_main {
    position: relative;
    background: white;
    height: 650px
}

.home_menu_box_wrap .home_main .category_mu {
    position: absolute;
    left: 0;
    top: -60px;
    z-index: 9;
    width: 322px;
    height: 700px;
    background: white;
    border-top: 1px solid #0080ff
}

.home_menu_box_wrap .home_main .category_mu:before {
    content: "";
    position: absolute;
    top: -1px;
    right: -12px;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border: solid;
    border-width: 6px;
    border-color: white white #004488 #004488;
    overflow: hidden
}

.home_menu_box_wrap .home_main .category_mu:after {
    content: "";
    position: absolute;
    top: 60px;
    right: -7px;
    width: 8px;
    height: 640px;
    font-size: 0;
    line-height: 0;
    background-color: #eee;
    background-image: linear-gradient(180deg, #eee, #eee, #fff);
    overflow: hidden
}

.home_menu_box_wrap .home_main .category_mu .nav_tab {
    width: 320px;
    height: 59px;
    display: flex;
    justify-content: space-between;
    border: solid #eee;
    border-width: 0 1px 1px 1px
}

.home_menu_box_wrap .home_main .category_mu .nav_tab a {
    position: relative;
    width: 50%;
    height: 59px;
    font-size: 18px;
    line-height: 58px;
    color: #555;
    text-align: center;
    overflow: hidden
}

.home_menu_box_wrap .home_main .category_mu .nav_tab a+a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 27px;
    font-size: 0;
    background: #eee;
    margin-top: -14px
}

.home_menu_box_wrap .home_main .category_mu .nav_tab a.sel {
    font-size: 20px;
    color: #000;
    font-weight: 900
}

.home_menu_box_wrap .home_main .category_mu .nav_tab a.sel:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 50%;
    width: 80px;
    height: 6px;
    font-size: 0;
    line-height: 0;
    background: #0080ff;
    overflow: hidden;
    margin-left: -40px;
    border-radius: 0 0 3px 3px
}

.home_menu_box_wrap .home_main .category_mu .nav_tab b {
    width: 320px;
    height: 59px;
    font-size: 20px;
    line-height: 58px;
    color: #456cba;
    text-align: center;
    overflow: hidden
}

.home_menu_box_wrap .home_main .category_mu .nav_list {
    width: 322px;
    overflow: hidden
}

.home_menu_box_wrap .home_main .category_mu .nav_list ul {
    width: 644px;
    height: 640px;
    overflow: hidden;
    -webkit-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s
}

.home_menu_box_wrap .home_main .category_mu .nav_list ul li {
    float: left;
    width: 322px;
    height: 640px;
    overflow-x: hidden;
    overflow-y: auto
}

.home_menu_box_wrap .home_main .category_mu .nav_list ul li dl {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0 10px 0 20px;
    box-sizing: border-box
}

.home_menu_box_wrap .home_main .category_mu .nav_list ul li dl dt {
    margin-top: 10px;
    display: flex;
    width: 100%
}

.home_menu_box_wrap .home_main .category_mu .nav_list ul li dl dt a {
    display: flex;
    align-items: center
}

.home_menu_box_wrap .home_main .category_mu .nav_list ul li dl dt a img {
    width: 26px;
    height: 26px
}

.home_menu_box_wrap .home_main .category_mu .nav_list ul li dl dt a i {
    margin: 0 10px;
    width: 1px;
    height: 20px;
    background: #eee
}

.home_menu_box_wrap .home_main .category_mu .nav_list ul li dl dt a em {
    max-width: 240px;
    font-size: 20px;
    line-height: 22px;
    color: #30363D;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.home_menu_box_wrap .home_main .category_mu .nav_list ul li dl dt a:hover em {
    color: #e13b29
}

.home_menu_box_wrap .home_main .category_mu .nav_list ul li dl dd {
    display: flex;
    flex-wrap: wrap;
    padding-top: 10px
}

.home_menu_box_wrap .home_main .category_mu .nav_list ul li dl dd a {
    position: relative;
    font-weight: normal;
    font-size: 14px;
    line-height: 26px;
    margin-right: 12px
}

.home_menu_box_wrap .home_main .category_mu .nav_list ul li dl dd a.hot,.home_menu_box_wrap .home_main .category_mu .nav_list ul li dl dd a:hover {
    color: #e13b29
}

.home_menu_box_wrap .home_main .category_mu .nav_list ul li dl:hover,.home_menu_box_wrap .home_main .category_mu .nav_list ul li dl.sel {
    background: linear-gradient(90deg, #f7f8fb, #fff)
}

.home_menu_box_wrap .home_main .category_mu .nav_list ul li .more {
    width: 100%;
    display: flex;
    justify-content: center;
    padding-top: 10px
}

.home_menu_box_wrap .home_main .category_mu .nav_list ul li .more a {
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    padding: 0 15px;
    background: #e13b29;
    color: white;
    border-radius: 13px;
    -webkit-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s
}

.home_menu_box_wrap .home_main .category_mu .nav_list ul li .more a:hover {
    transform: translateY(-2px)
}

.home_menu_box_wrap .home_main .home_main_list_area {
    position: relative;
    left: 340px;
    width: 845px;
    display: flex;
    justify-content: space-between
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_list {
    width: 450px;
    overflow: hidden
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_list .list {
    width: 450px;
    overflow: hidden;
    padding-top: 16px
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_list .list .htc {
    display: flex;
    width: 100%;
    align-items: center;
    line-height: 26px;
    font-size: 16px;
    font-weight: bold;
    color: #000
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_list .list .htc .imx {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    vertical-align: top
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_list .list .htc .imx.hot {
    background-position: -70px -40px
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_list .list .htc .imx.push {
    background-position: -90px -40px
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_list .list .htc .imx.msc {
    background-position: -84px -64px
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_list .list .htc .imx.msq {
    background-position: -126px -64px
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_list .list .htc .imx.rvt {
    background-position: -70px -160px
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_list .list .htc.hr {
    box-sizing: border-box;
    border-bottom: 2px solid #F7F8FB;
    padding: 10px
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_list .list .htc.hr .imx {
    margin-right: 10px
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_list .list p {
    width: 100%;
    overflow: hidden;
    margin-top: 6px
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_list .list p a,.home_menu_box_wrap .home_main .home_main_list_area .hm_list .list p .sp {
    display: flex;
    width: 100%;
    height: 30px;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    position: relative;
    padding-left: 20px;
    box-sizing: border-box
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_list .list p a span,.home_menu_box_wrap .home_main .home_main_list_area .hm_list .list p .sp span {
    flex: 1;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_list .list p a b,.home_menu_box_wrap .home_main .home_main_list_area .hm_list .list p .sp b {
    margin-left: 10px;
    color: #999
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_list .list p a b.today,.home_menu_box_wrap .home_main .home_main_list_area .hm_list .list p .sp b.today {
    color: #e13b29
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_list .list p a:after,.home_menu_box_wrap .home_main .home_main_list_area .hm_list .list p .sp:after {
    position: absolute;
    left: 8px;
    top: 50%;
    content: "";
    width: 4px;
    height: 4px;
    background: #0080ff;
    margin-top: -2px;
    border-radius: 4px
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_list .list p a:hover span,.home_menu_box_wrap .home_main .home_main_list_area .hm_list .list p .sp:hover span,.home_menu_box_wrap .home_main .home_main_list_area .hm_list .list p a:hover a,.home_menu_box_wrap .home_main .home_main_list_area .hm_list .list p .sp:hover a {
    color: #e13b29
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_list .list p a.lis_top span,.home_menu_box_wrap .home_main .home_main_list_area .hm_list .list p .sp.lis_top span,.home_menu_box_wrap .home_main .home_main_list_area .hm_list .list p a.lis_top span>a,.home_menu_box_wrap .home_main .home_main_list_area .hm_list .list p .sp.lis_top span>a {
    font-size: 16px;
    color: #e13b29;
    font-weight: bold
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_list .list p a.lis_top:after,.home_menu_box_wrap .home_main .home_main_list_area .hm_list .list p .sp.lis_top:after {
    width: 6px;
    height: 6px;
    background: #e13b29;
    margin-top: -3px;
    left: 7px
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_list .list p a.lis_top b,.home_menu_box_wrap .home_main .home_main_list_area .hm_list .list p .sp.lis_top b {
    color: white;
    background-image: linear-gradient(#e18829, #e13b29);
    padding: 2px 9px;
    font-size: 12px;
    border-radius: 12px 4px
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_list .list p .sp a {
    display: inline;
    width: auto;
    height: auto;
    position: static;
    padding: 0
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_list .list p .sp a:after {
    display: none
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_list .list p .sp a:hover {
    color: #e13b29
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_other {
    width: 380px;
    overflow: hidden
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_other .home_slide {
    margin-top: 20px;
    width: 100%;
    height: 260px;
    background: #f7f7f8;
    position: relative;
    overflow: hidden
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_other .home_slide ul {
    width: 100%;
    height: 260px;
    overflow: hidden;
    -webkit-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_other .home_slide ul li {
    float: left;
    width: 380px;
    height: 260px
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_other .home_slide ul li img {
    width: 100%;
    height: 260px
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_other .home_slide p {
    position: absolute;
    right: 5%;
    bottom: 5%;
    z-index: 9;
    width: 90%;
    text-align: right;
    height: 8px
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_other .home_slide p i {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    overflow: hidden;
    background: white;
    cursor: pointer
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_other .home_slide p i.sel {
    background: #e13b29
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_other .home_slide p i+i {
    margin-left: 6px
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_other .home_btnx {
    margin-top: 20px;
    display: flex;
    width: 100%;
    height: 40px;
    justify-content: space-between
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_other .home_btnx a {
    position: relative;
    width: 30%;
    height: 40px;
    display: flex;
    align-items: center;
    background: #f7f7f8;
    font-size: 15px;
    color: #555;
    font-weight: 900;
    -webkit-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_other .home_btnx a .imx {
    width: 36px;
    height: 32px;
    transform: scale(.6)
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_other .home_btnx a .imx.fe {
    background: url(../../../pc/images/derived/free_st.gif) no-repeat;
    background-size: cover
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_other .home_btnx a .imx.ai {
    background-position: -172px 0
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_other .home_btnx a .imx.gt {
    background-position: -244px 0
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_other .home_btnx a span {
    display: none;
    position: absolute;
    left: -170px;
    top: 50%;
    width: 160px;
    height: 160px;
    background: white;
    padding: 5px;
    box-shadow: 2px 4px 10px rgba(121,136,160,0.3);
    margin-top: -80px;
    box-sizing: border-box;
    border-radius: 3px
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_other .home_btnx a span:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -11px;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border: solid;
    border-width: 6px;
    border-color: transparent transparent transparent white;
    overflow: hidden;
    margin-top: -6px
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_other .home_btnx a span img {
    width: 100%;
    height: 100%
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_other .home_btnx a.bgi {
    color: #e13b29;
    background: url(../../../pc/images/derived/free_bg.png) no-repeat;
    background-size: cover
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_other .home_btnx a:hover {
    transform: translateY(-4px)
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_other .home_btnx a.qrCode:hover span {
    display: inline-block
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_other .calendar_title {
    margin-top: 20px;
    padding-bottom: 10px;
    width: 100%;
    height: 20px;
    font-size: 18px;
    line-height: 20px;
    font-weight: 900;
    color: #333;
    border-bottom: 1px solid #eee
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_other .calendar_title .c_red {
    color: #e13b29
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_other .calendar {
    width: 100%;
    margin-top: 12px;
    border: 1px solid #f3f3f3;
    box-sizing: border-box
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_other .calendar .navx {
    width: 100%;
    height: 44px;
    background: #f3f3f3;
    display: flex
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_other .calendar .navx b {
    position: relative;
    display: block;
    width: 33.3%;
    height: 44px;
    line-height: 44px;
    overflow: hidden;
    text-align: center;
    font-size: 16px;
    cursor: pointer
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_other .calendar .navx b.sel {
    font-weight: bold
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_other .calendar .navx b.sel:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    content: "";
    width: 30px;
    height: 3px;
    background: #0080ff;
    margin-left: -15px
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_other .calendar .calendar_box {
    width: 100%;
    height: 180px;
    overflow: hidden
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_other .calendar .calendar_box ul {
    width: 100%;
    height: 180px;
    overflow-x: hidden;
    overflow-y: auto
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_other .calendar .calendar_box ul li {
    display: flex;
    width: 100%;
    height: 44px
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_other .calendar .calendar_box ul li p {
    width: 33.3%;
    height: 44px;
    line-height: 44px;
    overflow: hidden;
    text-align: center;
    font-size: 14px
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_other .calendar .calendar_box ul li p a:hover {
    color: #e13b29
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_other .calendar .calendar_box ul li p a.btn,.home_menu_box_wrap .home_main .home_main_list_area .hm_other .calendar .calendar_box ul li p b {
    display: inline-block;
    *display: inline;
    zoom:1;height: 24px;
    line-height: 24px;
    white-space: nowrap;
    padding: 0 12px;
    border-radius: 30px;
    font-size: 13px
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_other .calendar .calendar_box ul li p b {
    background-color: #f9f9f9;
    color: #ccc;
    cursor: default
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_other .calendar .calendar_box ul li p a.btn {
    background-color: #faf6f1;
    color: #9e7867;
    -webkit-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_other .calendar .calendar_box ul li p a.btn:hover {
    transform: translateY(-3px)
}

.home_menu_box_wrap .home_main .home_main_list_area .hm_other .calendar .calendar_box ul li+li {
    border-top: 1px dashed #f3f3f3
}

.home_menu_box_wrap .home_main .classification {
    position: absolute;
    left: 320px;
    top: 0;
    z-index: 999;
    overflow: hidden
}

.home_menu_box_wrap .home_main .classification li {
    display: none;
    overflow: hidden
}

.home_menu_box_wrap .home_main .classification li p {
    width: 470px;
    height: 650px;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 10px 10px 20px;
    background: white;
    display: none
}

.home_menu_box_wrap .home_main .classification li p a {
    display: inline-block;
    padding: 8px 16px;
    background: #f7f8fb;
    border-radius: 50px;
    margin: 10px 0 0 10px
}

.home_menu_box_wrap .home_main .classification li p a:hover {
    color: white;
    background: #0080ff
}

.home_menu_box_wrap.nomgb {
    margin-bottom: 0
}

.home_itemize_wrap {
    margin-bottom: 16px;
    background: white
}

.home_itemize_wrap .tab_box_wrap {
    display: flex;
    width: 100%;
    height: 58px;
    border-bottom: 3px solid #f7f7f8
}

.home_itemize_wrap .tab_box_wrap .htc {
    color: #000;
    font-weight: 900;
    padding: 0 30px;
    font-size: 24px;
    line-height: 58px;
    position: relative;
    white-space: nowrap;
    flex-shrink: 0
}

.home_itemize_wrap .tab_box_wrap .htc:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 20px;
    margin-top: -10px;
    background-color: #e6e6e6
}

.home_itemize_wrap .tab_box_wrap .tab_name {
    flex: 1;
    height: 58px;
    white-space: nowrap;
    display: flex
}

.home_itemize_wrap .tab_box_wrap .tab_name b {
    position: relative;
    height: 58px;
    line-height: 58px;
    padding: 0 20px;
    font-size: 17px;
    color: #000;
    cursor: pointer
}

.home_itemize_wrap .tab_box_wrap .tab_name b.sel {
    color: #e13b29
}

.home_itemize_wrap .tab_box_wrap .tab_name b.sel:after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 50%;
    width: 32px;
    height: 3px;
    margin-left: -16px;
    background: #e13b29
}

.home_itemize_wrap .tab_box_wrap .touchBox {
    flex: 1;
    height: 61px;
    overflow: hidden;
    display: flex
}

.home_itemize_wrap .tab_box_wrap .touchBox .tab_name {
    overflow-x: auto;
    overflow-y: hidden;
    height: 61px;
    padding-bottom: 18px
}

.home_itemize_wrap .tab_box_content {
    width: 100%;
    height: 240px;
    overflow: hidden
}

.home_itemize_wrap .tab_box_content .li_cont_box {
    width: 100%;
    height: 240px;
    display: flex;
    justify-content: space-between;
    padding: 0 10px 10px;
    box-sizing: border-box
}

.home_itemize_wrap .tab_box_content .li_cont_box .home_course {
    position: relative;
    width: 260px;
    height: 100%;
    overflow: hidden
}

.home_itemize_wrap .tab_box_content .li_cont_box .home_course ul {
    width: 260px;
    height: 100%;
    overflow: hidden;
    -webkit-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s
}

.home_itemize_wrap .tab_box_content .li_cont_box .home_course ul li {
    float: left;
    width: 260px;
    height: 100%
}

.home_itemize_wrap .tab_box_content .li_cont_box .home_course ul li .name {
    width: 200px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    color: #333;
    font-weight: 900;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.home_itemize_wrap .tab_box_content .li_cont_box .home_course ul li .imgc {
    margin-top: 10px;
    width: 100%;
    height: 174px;
    overflow: hidden
}

.home_itemize_wrap .tab_box_content .li_cont_box .home_course ul li .imgc img {
    width: 100%
}

.home_itemize_wrap .tab_box_content .li_cont_box .home_course p {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: white
}

.home_itemize_wrap .tab_box_content .li_cont_box .home_course p i {
    display: inline-block;
    *display: inline;
    zoom:1;width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-left: 6px;
    background-color: #cacaca;
    cursor: pointer
}

.home_itemize_wrap .tab_box_content .li_cont_box .home_course p i.sel {
    background-color: #c9a982
}

.home_itemize_wrap .tab_box_content .li_cont_box .list {
    width: 620px;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.home_itemize_wrap .tab_box_content .li_cont_box .list dt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 96%;
    height: 40px;
    padding: 0 2%
}

.home_itemize_wrap .tab_box_content .li_cont_box .list dt b {
    line-height: 40px;
    font-size: 15px;
    color: #333;
    font-weight: 900
}

.home_itemize_wrap .tab_box_content .li_cont_box .list dt a {
    font-size: 12px;
    color: #999;
    padding-top: 10px
}

.home_itemize_wrap .tab_box_content .li_cont_box .list dt a:hover {
    color: #e13b29
}

.home_itemize_wrap .tab_box_content .li_cont_box .list dd {
    overflow: hidden;
    margin-top: 6px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0
}

.home_itemize_wrap .tab_box_content .li_cont_box .list dd a,.home_itemize_wrap .tab_box_content .li_cont_box .list dd .sp {
    display: flex;
    width: 100%;
    height: 30px;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    position: relative;
    padding-left: 20px;
    box-sizing: border-box
}

.home_itemize_wrap .tab_box_content .li_cont_box .list dd a span,.home_itemize_wrap .tab_box_content .li_cont_box .list dd .sp span {
    flex: 1;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.home_itemize_wrap .tab_box_content .li_cont_box .list dd a b,.home_itemize_wrap .tab_box_content .li_cont_box .list dd .sp b {
    margin-left: 10px;
    color: #999
}

.home_itemize_wrap .tab_box_content .li_cont_box .list dd a b.today,.home_itemize_wrap .tab_box_content .li_cont_box .list dd .sp b.today {
    color: #e13b29
}

.home_itemize_wrap .tab_box_content .li_cont_box .list dd a:after,.home_itemize_wrap .tab_box_content .li_cont_box .list dd .sp:after {
    position: absolute;
    left: 8px;
    top: 50%;
    content: "";
    width: 4px;
    height: 4px;
    background: #0080ff;
    margin-top: -2px;
    border-radius: 4px
}

.home_itemize_wrap .tab_box_content .li_cont_box .list dd a:hover span,.home_itemize_wrap .tab_box_content .li_cont_box .list dd .sp:hover span,.home_itemize_wrap .tab_box_content .li_cont_box .list dd a:hover a,.home_itemize_wrap .tab_box_content .li_cont_box .list dd .sp:hover a {
    color: #e13b29
}

.home_itemize_wrap .tab_box_content .li_cont_box .list dd a.lis_top span,.home_itemize_wrap .tab_box_content .li_cont_box .list dd .sp.lis_top span,.home_itemize_wrap .tab_box_content .li_cont_box .list dd a.lis_top span>a,.home_itemize_wrap .tab_box_content .li_cont_box .list dd .sp.lis_top span>a {
    font-size: 16px;
    color: #e13b29;
    font-weight: bold
}

.home_itemize_wrap .tab_box_content .li_cont_box .list dd a.lis_top:after,.home_itemize_wrap .tab_box_content .li_cont_box .list dd .sp.lis_top:after {
    width: 6px;
    height: 6px;
    background: #e13b29;
    margin-top: -3px;
    left: 7px
}

.home_itemize_wrap .tab_box_content .li_cont_box .list dd a.lis_top b,.home_itemize_wrap .tab_box_content .li_cont_box .list dd .sp.lis_top b {
    color: white;
    background-image: linear-gradient(#e18829, #e13b29);
    padding: 2px 9px;
    font-size: 12px;
    border-radius: 12px 4px
}

.home_itemize_wrap .tab_box_content .li_cont_box .list dd .sp a {
    display: inline;
    width: auto;
    height: auto;
    position: static;
    padding: 0
}

.home_itemize_wrap .tab_box_content .li_cont_box .list dd .sp a:after {
    display: none
}

.home_itemize_wrap .tab_box_content .li_cont_box .list dd .sp a:hover {
    color: #e13b29
}

.home_itemize_wrap .tab_box_content .li_cont_box .list dd a {
    width: 50%;
    height: 32px;
    padding: 0 2%
}

.home_itemize_wrap .tab_box_content .li_cont_box .list dd a:after {
    display: none
}

.home_itemize_wrap .tab_box_content .li_cont_box .exam {
    width: 280px;
    height: 220px;
    margin-top: 8px;
    background: url(../../../pc/images/derived/subBgc.jpg) 0 0/100% 100% no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 6px
}

.home_itemize_wrap .tab_box_content .li_cont_box .exam .countDownTime {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 8px
}

.home_itemize_wrap .tab_box_content .li_cont_box .exam .countDownTime em {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #333;
    overflow: hidden
}

.home_itemize_wrap .tab_box_content .li_cont_box .exam .countDownTime em .ngx {
    display: inline-block;
    max-width: 74px;
    cursor: help;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.home_itemize_wrap .tab_box_content .li_cont_box .exam .countDownTime em .ngx:hover {
    color: #000;
    background: #ffeedd
}

.home_itemize_wrap .tab_box_content .li_cont_box .exam .countDownTime .day {
    display: flex;
    flex-direction: center;
    align-items: center
}

.home_itemize_wrap .tab_box_content .li_cont_box .exam .countDownTime .day b,.home_itemize_wrap .tab_box_content .li_cont_box .exam .countDownTime .day span {
    display: inline-block;
    *display: inline;
    zoom:1;width: 20px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    background: #3f3f3f;
    font-weight: 900;
    color: #ffe3cd;
    font-size: 14px;
    margin-left: 2px;
    border-radius: 3px
}

.home_itemize_wrap .tab_box_content .li_cont_box .exam .countDownTime .day span {
    color: #333;
    background: transparent
}

.home_itemize_wrap .tab_box_content .li_cont_box .exam .countDownTime .unknown {
    max-width: 70px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    background: #3f3f3f;
    color: #ffe3cd;
    font-size: 14px;
    margin-left: 2px;
    border-radius: 3px;
    padding: 0 5px;
    overflow: hidden;
    margin-left: 8px
}

.home_itemize_wrap .tab_box_content .li_cont_box .exam .info {
    width: 88%;
    padding-top: 1px;
    margin-top: 13px;
    border-left: 1px solid #eee;
    position: relative
}

.home_itemize_wrap .tab_box_content .li_cont_box .exam .info:before {
    content: "";
    position: absolute;
    bottom: 34px;
    left: -1px;
    width: 1px;
    height: calc(100% - 34px);
    background-color: #e8e8e8
}

.home_itemize_wrap .tab_box_content .li_cont_box .exam .info li {
    padding-left: 20px;
    position: relative;
    margin-top: 6px
}

.home_itemize_wrap .tab_box_content .li_cont_box .exam .info li:first-child {
    margin-top: -7px
}

.home_itemize_wrap .tab_box_content .li_cont_box .exam .info li:before {
    content: "";
    position: absolute;
    top: 7px;
    left: -4px;
    width: 8px;
    height: 8px;
    background-color: #b1b1b1;
    border-radius: 50%
}

.home_itemize_wrap .tab_box_content .li_cont_box .exam .info li .rt_num {
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    font-weight: 900;
    color: #333
}

.home_itemize_wrap .tab_box_content .li_cont_box .exam .info li .rt_num i {
    font-weight: 900
}

.home_itemize_wrap .tab_box_content .li_cont_box .exam .info li .rt_num .dw-ico {
    display: inline-block;
    *display: inline;
    zoom:1;height: 16px;
    line-height: 16px;
    padding: 0 5px;
    border-radius: 8px 8px 8px 0;
    background-color: #f0e1d0;
    font-size: 12px;
    color: #6c5445;
    vertical-align: middle;
    margin-top: -4px;
    margin-left: 6px
}

.home_itemize_wrap .tab_box_content .li_cont_box .exam .info li .rt_tip {
    font-size: 12px;
    color: #888;
    line-height: 15px;
    height: 20px;
    margin-top: 5px
}

.home_itemize_wrap .tab_box_content .li_cont_box .exam .info li .rt_tip strong {
    color: #333;
    font-weight: 900
}

.home_itemize_wrap .tab_box_content .li_cont_box .exam .info li .rt_tip i {
    font-weight: normal;
    font-style: normal
}

.home_itemize_wrap .tab_box_content .li_cont_box .exam .btn {
    display: block;
    width: 80%;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 13px;
    background-color: #f22121;
    background-image: linear-gradient(90deg, #f65637, #f22121);
    font-size: 12px;
    color: #fff;
    margin-top: 4px;
    -webkit-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s
}

.home_itemize_wrap .tab_box_content .li_cont_box .exam .btn:hover {
    transform: translateY(-3px)
}

.single_main {
    margin-top: 16px;
    background: white;
    display: flex;
    box-sizing: border-box;
    padding: 10px 20px 20px
}

.single_main .htc {
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.single_main .htc b {
    line-height: 40px;
    font-size: 18px;
    font-weight: 900;
    color: #333
}

.single_main .htc span,.single_main .htc .more {
    font-size: 14px;
    color: #999
}

.single_main .htc .more:hover {
    color: #e13b29
}

.single_main .htc .sub_htc {
    width: 75px;
    height: 18px;
    background-position: 0 -70px
}

.single_main .htc .qr_code {
    position: relative;
    width: 17px;
    height: 17px;
    background-position: -110px -40px;
    cursor: pointer
}

.single_main .htc .qr_code span {
    display: none;
    position: absolute;
    left: 30px;
    top: 50%;
    z-index: 9;
    width: 160px;
    height: 160px;
    background: white;
    padding: 5px;
    box-shadow: 0 0 10px rgba(121,136,160,0.3);
    margin-top: -80px;
    box-sizing: border-box;
    border-radius: 3px
}

.single_main .htc .qr_code span:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -11px;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border: solid;
    border-width: 6px;
    border-color: transparent white transparent transparent;
    overflow: hidden;
    margin-top: -6px
}

.single_main .htc .qr_code span img {
    width: 100%;
    height: 100%
}

.single_main .htc .qr_code:hover span {
    display: inline-block
}

.single_main .htc .change_it {
    display: flex;
    align-items: center;
    cursor: pointer
}

.single_main .htc .change_it span {
    color: #666;
    font-size: 12px;
    margin-right: 5px
}

.single_main .htc .change_it .imx {
    width: 16px;
    height: 16px;
    background-position: -190px -40px;
    -webkit-transition: all .8s ease-out 0s;
    transition: all .8s ease-out 0s
}

.single_main .htc .change_it:hover span {
    font-weight: bold
}

.single_main .htc .change_it:hover .imx {
    transform: rotate(360deg)
}

.single_main .htc.mgt10 {
    margin-top: 10px
}

.single_main .htc.line,.single_main .htc.line_sel {
    border-bottom: 2px solid #eee
}

.single_main .htc.line b,.single_main .htc.line_sel b {
    position: relative
}

.single_main .htc.line b:after,.single_main .htc.line_sel b:after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    background: #0080ff
}

.single_main .htc.line b.none:after,.single_main .htc.line_sel b.none:after {
    background: transparent
}

.single_main .htc.line b.rd:after,.single_main .htc.line_sel b.rd:after {
    background: #e13b29
}

.single_main .htc.line b.blend,.single_main .htc.line_sel b.blend {
    display: flex;
    align-items: center;
    font-size: 26px
}

.single_main .htc.line b.blend img,.single_main .htc.line_sel b.blend img {
    width: 36px;
    height: 36px;
    margin-right: 10px
}

.single_main .htc.line_left {
    height: 30px
}

.single_main .htc.line_left b {
    position: relative;
    padding-left: 26px;
    font-weight: normal;
    font-size: 16px
}

.single_main .htc.line_left b:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 8px;
    width: 4px;
    height: 16px;
    overflow: hidden;
    border-radius: 2px;
    background: linear-gradient(#0080ff, #3e67b9);
    margin-top: -8px
}

.single_main .htc.line_sel {
    justify-content: flex-start;
    border-bottom: 2px solid #F7F8FB
}

.single_main .htc.line_sel b {
    margin-right: 20px;
    color: #333;
    font-weight: normal;
    font-size: 14px;
    cursor: pointer;
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s
}

.single_main .htc.line_sel b:after {
    background: transparent
}

.single_main .htc.line_sel b.sel {
    color: #e13b29;
    font-weight: bold;
    font-size: 16px
}

.single_main .htc.line_sel b.sel:after {
    background: #e13b29
}

.single_main .sm_box {
    width: 100%;
    height: 378px;
    overflow: hidden;
    zoom:1}

.single_main .sm_box.nohgt {
    height: auto
}

.single_main .sm_box.nohgt .list a {
    height: 36px;
    line-height: 36px
}

.single_main .sm_lt {
    width: 300px;
    margin-right: 20px
}

.single_main .sm_lt .hot_course {
    width: 100%;
    height: 170px;
    overflow: hidden
}

.single_main .sm_lt .hot_course img {
    width: 100%;
    height: 100%
}

.single_main .sm_lt .relevant {
    margin: 10px 0;
    width: 100%;
    display: flex;
    justify-content: space-between
}

.single_main .sm_lt .relevant a,.single_main .sm_lt .relevant b {
    width: 90px;
    height: 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #f9f9f9
}

.single_main .sm_lt .relevant a .imx,.single_main .sm_lt .relevant b .imx {
    display: inline-block;
    width: 32px;
    height: 32px
}

.single_main .sm_lt .relevant a .imx.x1c,.single_main .sm_lt .relevant b .imx.x1c {
    background-position: -300px 0;
    filter: hue-rotate(100deg)
}

.single_main .sm_lt .relevant a .imx.x2c,.single_main .sm_lt .relevant b .imx.x2c {
    background-position: -332px 0;
    filter: hue-rotate(200deg)
}

.single_main .sm_lt .relevant a .imx.x3c,.single_main .sm_lt .relevant b .imx.x3c {
    background-position: -364px 0;
    filter: hue-rotate(-200deg)
}

.single_main .sm_lt .relevant a span,.single_main .sm_lt .relevant b span {
    font-size: 12px;
    color: #666
}

.single_main .sm_lt .relevant a.qrCode,.single_main .sm_lt .relevant b.qrCode {
    position: relative
}

.single_main .sm_lt .relevant a.qrCode em,.single_main .sm_lt .relevant b.qrCode em {
    display: none;
    position: absolute;
    left: 104px;
    top: 50%;
    z-index: 9;
    width: 160px;
    height: 160px;
    background: white;
    padding: 5px;
    box-shadow: 0 0 10px rgba(121,136,160,0.3);
    margin-top: -80px;
    box-sizing: border-box;
    border-radius: 3px
}

.single_main .sm_lt .relevant a.qrCode em:after,.single_main .sm_lt .relevant b.qrCode em:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -11px;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border: solid;
    border-width: 6px;
    border-color: transparent white transparent transparent;
    overflow: hidden;
    margin-top: -6px
}

.single_main .sm_lt .relevant a.qrCode em img,.single_main .sm_lt .relevant b.qrCode em img {
    width: 100%;
    height: 100%
}

.single_main .sm_lt .relevant a.qrCode:hover em,.single_main .sm_lt .relevant b.qrCode:hover em {
    display: inline-block
}

.single_main .sm_lt .relevant a:hover {
    background: #eee;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1)
}

.single_main .sm_lt .hot_course_list {
    width: 100%
}

.single_main .sm_lt .hot_course_list li {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #eee
}

.single_main .sm_lt .hot_course_list li p {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 175px;
    height: 36px
}

.single_main .sm_lt .hot_course_list li p span {
    width: 100%;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.single_main .sm_lt .hot_course_list li p span+span {
    color: #ccc;
    font-size: 12px
}

.single_main .sm_lt .hot_course_list li a,.single_main .sm_lt .hot_course_list li b {
    width: 84px;
    height: 26px;
    border-radius: 15px;
    line-height: 26px;
    text-align: center;
    position: relative;
    padding-right: 10px;
    color: #e13b29;
    border: 1px solid currentColor;
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s
}

.single_main .sm_lt .hot_course_list li a:before,.single_main .sm_lt .hot_course_list li b:before,.single_main .sm_lt .hot_course_list li a:after,.single_main .sm_lt .hot_course_list li b:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border: solid;
    border-width: 6px;
    overflow: hidden;
    margin-top: -6px
}

.single_main .sm_lt .hot_course_list li a:before,.single_main .sm_lt .hot_course_list li b:before {
    right: 6px;
    border-color: transparent transparent transparent currentColor
}

.single_main .sm_lt .hot_course_list li a:after,.single_main .sm_lt .hot_course_list li b:after {
    right: 9px;
    border-color: transparent transparent transparent white
}

.single_main .sm_lt .hot_course_list li a:hover,.single_main .sm_lt .hot_course_list li b:hover {
    transform: translateX(4px)
}

.single_main .sm_lt .qr_code_imgs {
    overflow: hidden;
    zoom:1}

.single_main .sm_lt .qr_code_imgs img {
    width: 100%;
    min-height: 128px
}

.single_main .sm_lt .qr_code_imgs img+img {
    border-top: 1px solid #f2f2f2
}

.single_main .sm_lt .qr_code_imgs a {
    width: 100%
}

.single_main .sm_lt .qr_code_imgs a+a img {
    border-top: 1px solid #f2f2f2
}

.single_main .sm_cn {
    flex: 1
}

.single_main .sm_cn .sm_box+.sm_box {
    margin-top: 6px
}

.single_main .sm_cn .list {
    width: 100%;
    overflow: hidden;
    margin-top: 6px
}

.single_main .sm_cn .list a,.single_main .sm_cn .list .sp {
    display: flex;
    width: 100%;
    height: 30px;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    position: relative;
    padding-left: 20px;
    box-sizing: border-box
}

.single_main .sm_cn .list a span,.single_main .sm_cn .list .sp span {
    flex: 1;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.single_main .sm_cn .list a b,.single_main .sm_cn .list .sp b {
    margin-left: 10px;
    color: #999
}

.single_main .sm_cn .list a b.today,.single_main .sm_cn .list .sp b.today {
    color: #e13b29
}

.single_main .sm_cn .list a:after,.single_main .sm_cn .list .sp:after {
    position: absolute;
    left: 8px;
    top: 50%;
    content: "";
    width: 4px;
    height: 4px;
    background: #0080ff;
    margin-top: -2px;
    border-radius: 4px
}

.single_main .sm_cn .list a:hover span,.single_main .sm_cn .list .sp:hover span,.single_main .sm_cn .list a:hover a,.single_main .sm_cn .list .sp:hover a {
    color: #e13b29
}

.single_main .sm_cn .list a.lis_top span,.single_main .sm_cn .list .sp.lis_top span,.single_main .sm_cn .list a.lis_top span>a,.single_main .sm_cn .list .sp.lis_top span>a {
    font-size: 16px;
    color: #e13b29;
    font-weight: bold
}

.single_main .sm_cn .list a.lis_top:after,.single_main .sm_cn .list .sp.lis_top:after {
    width: 6px;
    height: 6px;
    background: #e13b29;
    margin-top: -3px;
    left: 7px
}

.single_main .sm_cn .list a.lis_top b,.single_main .sm_cn .list .sp.lis_top b {
    color: white;
    background-image: linear-gradient(#e18829, #e13b29);
    padding: 2px 9px;
    font-size: 12px;
    border-radius: 12px 4px
}

.single_main .sm_cn .list .sp a {
    display: inline;
    width: auto;
    height: auto;
    position: static;
    padding: 0
}

.single_main .sm_cn .list .sp a:after {
    display: none
}

.single_main .sm_cn .list .sp a:hover {
    color: #e13b29
}

.single_main .sm_cn .list a {
    padding: 0
}

.single_main .sm_cn .list a:after {
    display: none
}

.single_main .sm_rt {
    width: 340px;
    margin-left: 20px
}

.single_main .sm_rt .square_box {
    width: 100%;
    box-sizing: border-box;
    padding: 0 16px;
    border: 1px solid #eee
}

.single_main .sm_rt .square_box li {
    width: 100%;
    padding: 16px 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.single_main .sm_rt .square_box li .imx {
    width: 44px;
    height: 32px;
    color: #0080ff;
    font-size: 16px;
    text-align: center;
    padding-top: 12px;
    line-height: 26px;
    font-weight: 900;
    margin-right: 10px
}

.single_main .sm_rt .square_box li .imx.x1x {
    background-position: -300px -32px
}

.single_main .sm_rt .square_box li .imx.x2x {
    background-position: -344px -32px
}

.single_main .sm_rt .square_box li .imx.x3x {
    background-position: -388px -32px
}

.single_main .sm_rt .square_box li .imx.x4x {
    background-position: -432px -32px
}

.single_main .sm_rt .square_box li p {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 160px;
    height: 36px
}

.single_main .sm_rt .square_box li p span {
    width: 100%;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.single_main .sm_rt .square_box li p span+span {
    color: #ccc;
    font-size: 12px
}

.single_main .sm_rt .square_box li a {
    width: 84px;
    height: 26px;
    border-radius: 15px;
    line-height: 26px;
    text-align: center;
    position: relative;
    padding-right: 10px;
    color: #0080ff;
    border: 1px solid currentColor;
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s
}

.single_main .sm_rt .square_box li a:before,.single_main .sm_rt .square_box li a:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border: solid;
    border-width: 6px;
    overflow: hidden;
    margin-top: -6px
}

.single_main .sm_rt .square_box li a:before {
    right: 6px;
    border-color: transparent transparent transparent currentColor
}

.single_main .sm_rt .square_box li a:after {
    right: 9px;
    border-color: transparent transparent transparent white
}

.single_main .sm_rt .square_box li a:hover {
    transform: translateX(4px)
}

.single_main .sm_rt .square_box li b {
    display: none
}

.single_main .sm_rt .square_box li+li {
    border-top: 1px solid #eee
}

.single_main .sm_rt .square_box li.invalid .imx {
    color: #ccc
}

.single_main .sm_rt .square_box li.invalid a {
    display: none
}

.single_main .sm_rt .square_box li.invalid b {
    display: inline-block;
    width: 84px;
    height: 26px;
    border-radius: 15px;
    line-height: 26px;
    text-align: center;
    position: relative;
    padding-right: 10px;
    color: #ccc;
    border: 1px solid currentColor;
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s
}

.single_main .sm_rt .square_box li.invalid b:before,.single_main .sm_rt .square_box li.invalid b:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border: solid;
    border-width: 6px;
    overflow: hidden;
    margin-top: -6px
}

.single_main .sm_rt .square_box li.invalid b:before {
    right: 6px;
    border-color: transparent transparent transparent currentColor
}

.single_main .sm_rt .square_box li.invalid b:after {
    right: 9px;
    border-color: transparent transparent transparent white
}

.single_main .sm_rt .square_box li.invalid b:hover {
    transform: translateX(0)
}

.single_main .sm_rt .guide_box {
    margin-top: 16px;
    width: 100%;
    height: 180px;
    overflow: hidden
}

.single_main .sm_rt .guide_box dt {
    display: flex;
    justify-content: center
}

.single_main .sm_rt .guide_box dt b {
    position: relative;
    font-size: 22px;
    font-style: italic;
    font-weight: 900;
    color: #000
}

.single_main .sm_rt .guide_box dt b:before,.single_main .sm_rt .guide_box dt b:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 32px;
    height: 3px;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    margin-top: -2px;
    background: #e13b29
}

.single_main .sm_rt .guide_box dt b:before {
    left: -40px
}

.single_main .sm_rt .guide_box dt b:after {
    right: -44px
}

.single_main .sm_rt .guide_box dd {
    width: calc(100% + 10px);
    display: flex;
    flex-wrap: wrap
}

.single_main .sm_rt .guide_box dd a,.single_main .sm_rt .guide_box dd b {
    width: 108px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    background: #f5f5f5;
    margin: 8px 8px 0 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s
}

.single_main .sm_rt .guide_box dd b {
    font-size: 12px;
    border-radius: 3px 12px;
    color: #5E677E;
    background: #F7F8FB
}

.single_main .sm_rt .guide_box dd b.b {
    color: #4F67C6;
    background: linear-gradient(270deg, #EEF1FF 0%, #E4E3FF 100%)
}

.single_main .sm_rt .guide_box dd a:hover {
    color: #0080ff;
    transform: translateY(-4px);
    background: #F5FAFF
}

.single_main .sm_rt .num_txt_list_box {
    width: 100%
}

.single_main .sm_rt .num_txt_list_box a {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    color: #666;
    box-sizing: border-box;
    padding-left: 36px;
    margin-top: 9px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.single_main .sm_rt .num_txt_list_box a:hover {
    color: #e13b29
}

.single_main .sm_rt .num_txt_list_box a b {
    position: absolute;
    top: 50%;
    left: 5px;
    width: 18px;
    height: 18px;
    font-size: 14px;
    line-height: 18px;
    overflow: hidden;
    margin-top: -10px;
    color: #f90;
    text-align: center;
    border: 1px solid currentColor;
    transform: skew(-15deg)
}

.single_main .sm_rt .num_txt_list_box a b i {
    display: inline-block;
    transform: skew(15deg);
    font-weight: 900
}

.single_main .sm_rt .num_txt_list_box a:nth-child(1) b {
    color: #f00
}

.single_main .sm_rt .num_txt_list_box a:nth-child(2) b {
    color: #f30
}

.single_main .sm_rt .num_txt_list_box a:nth-child(3) b {
    color: #f60
}

.single_coach {
    margin-top: 16px;
    background: white
}

.single_coach .d_htc {
    display: flex;
    width: 100%;
    align-items: center;
    line-height: 40px;
    font-size: 28px;
    font-weight: bold;
    color: #000
}

.single_coach .d_htc .imx {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 5px;
    vertical-align: top
}

.single_coach .d_htc .imx.hot {
    background-position: -70px -40px
}

.single_coach .d_htc .imx.push {
    background-position: -90px -40px
}

.single_coach .d_htc .imx.msc {
    background-position: -84px -64px
}

.single_coach .d_htc .imx.msq {
    background-position: -126px -64px
}

.single_coach .d_htc .imx.rvt {
    background-position: -70px -160px
}

.single_coach .d_htc.hr {
    box-sizing: border-box;
    border-bottom: 2px solid #F7F8FB;
    padding: 10px
}

.single_coach .d_htc.hr .imx {
    margin-right: 10px
}

.single_coach .four_pieces {
    display: flex;
    flex-wrap: wrap
}

.single_coach .four_pieces dl {
    width: 50%;
    display: flex;
    flex-direction: column;
    padding: 10px 20px 10px 10px;
    box-sizing: border-box
}

.single_coach .four_pieces dl dt {
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.single_coach .four_pieces dl dt b {
    line-height: 40px;
    font-size: 18px;
    font-weight: 900;
    color: #333
}

.single_coach .four_pieces dl dt span,.single_coach .four_pieces dl dt .more {
    font-size: 14px;
    color: #999
}

.single_coach .four_pieces dl dt .more:hover {
    color: #e13b29
}

.single_coach .four_pieces dl dt .sub_htc {
    width: 75px;
    height: 18px;
    background-position: 0 -70px
}

.single_coach .four_pieces dl dt .qr_code {
    position: relative;
    width: 17px;
    height: 17px;
    background-position: -110px -40px;
    cursor: pointer
}

.single_coach .four_pieces dl dt .qr_code span {
    display: none;
    position: absolute;
    left: 30px;
    top: 50%;
    z-index: 9;
    width: 160px;
    height: 160px;
    background: white;
    padding: 5px;
    box-shadow: 0 0 10px rgba(121,136,160,0.3);
    margin-top: -80px;
    box-sizing: border-box;
    border-radius: 3px
}

.single_coach .four_pieces dl dt .qr_code span:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -11px;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border: solid;
    border-width: 6px;
    border-color: transparent white transparent transparent;
    overflow: hidden;
    margin-top: -6px
}

.single_coach .four_pieces dl dt .qr_code span img {
    width: 100%;
    height: 100%
}

.single_coach .four_pieces dl dt .qr_code:hover span {
    display: inline-block
}

.single_coach .four_pieces dl dt .change_it {
    display: flex;
    align-items: center;
    cursor: pointer
}

.single_coach .four_pieces dl dt .change_it span {
    color: #666;
    font-size: 12px;
    margin-right: 5px
}

.single_coach .four_pieces dl dt .change_it .imx {
    width: 16px;
    height: 16px;
    background-position: -190px -40px;
    -webkit-transition: all .8s ease-out 0s;
    transition: all .8s ease-out 0s
}

.single_coach .four_pieces dl dt .change_it:hover span {
    font-weight: bold
}

.single_coach .four_pieces dl dt .change_it:hover .imx {
    transform: rotate(360deg)
}

.single_coach .four_pieces dl dt.mgt10 {
    margin-top: 10px
}

.single_coach .four_pieces dl dt.line,.single_coach .four_pieces dl dt.line_sel {
    border-bottom: 2px solid #eee
}

.single_coach .four_pieces dl dt.line b,.single_coach .four_pieces dl dt.line_sel b {
    position: relative
}

.single_coach .four_pieces dl dt.line b:after,.single_coach .four_pieces dl dt.line_sel b:after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    background: #0080ff
}

.single_coach .four_pieces dl dt.line b.none:after,.single_coach .four_pieces dl dt.line_sel b.none:after {
    background: transparent
}

.single_coach .four_pieces dl dt.line b.rd:after,.single_coach .four_pieces dl dt.line_sel b.rd:after {
    background: #e13b29
}

.single_coach .four_pieces dl dt.line b.blend,.single_coach .four_pieces dl dt.line_sel b.blend {
    display: flex;
    align-items: center;
    font-size: 26px
}

.single_coach .four_pieces dl dt.line b.blend img,.single_coach .four_pieces dl dt.line_sel b.blend img {
    width: 36px;
    height: 36px;
    margin-right: 10px
}

.single_coach .four_pieces dl dt.line_left {
    height: 30px
}

.single_coach .four_pieces dl dt.line_left b {
    position: relative;
    padding-left: 26px;
    font-weight: normal;
    font-size: 16px
}

.single_coach .four_pieces dl dt.line_left b:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 8px;
    width: 4px;
    height: 16px;
    overflow: hidden;
    border-radius: 2px;
    background: linear-gradient(#0080ff, #3e67b9);
    margin-top: -8px
}

.single_coach .four_pieces dl dt.line_sel {
    justify-content: flex-start;
    border-bottom: 2px solid #F7F8FB
}

.single_coach .four_pieces dl dt.line_sel b {
    margin-right: 20px;
    color: #333;
    font-weight: normal;
    font-size: 14px;
    cursor: pointer;
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s
}

.single_coach .four_pieces dl dt.line_sel b:after {
    background: transparent
}

.single_coach .four_pieces dl dt.line_sel b.sel {
    color: #e13b29;
    font-weight: bold;
    font-size: 16px
}

.single_coach .four_pieces dl dt.line_sel b.sel:after {
    background: #e13b29
}

.single_coach .four_pieces dl dd {
    width: 100%;
    overflow: hidden;
    margin-top: 6px
}

.single_coach .four_pieces dl dd a,.single_coach .four_pieces dl dd .sp {
    display: flex;
    width: 100%;
    height: 30px;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    position: relative;
    padding-left: 20px;
    box-sizing: border-box
}

.single_coach .four_pieces dl dd a span,.single_coach .four_pieces dl dd .sp span {
    flex: 1;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.single_coach .four_pieces dl dd a b,.single_coach .four_pieces dl dd .sp b {
    margin-left: 10px;
    color: #999
}

.single_coach .four_pieces dl dd a b.today,.single_coach .four_pieces dl dd .sp b.today {
    color: #e13b29
}

.single_coach .four_pieces dl dd a:after,.single_coach .four_pieces dl dd .sp:after {
    position: absolute;
    left: 8px;
    top: 50%;
    content: "";
    width: 4px;
    height: 4px;
    background: #0080ff;
    margin-top: -2px;
    border-radius: 4px
}

.single_coach .four_pieces dl dd a:hover span,.single_coach .four_pieces dl dd .sp:hover span,.single_coach .four_pieces dl dd a:hover a,.single_coach .four_pieces dl dd .sp:hover a {
    color: #e13b29
}

.single_coach .four_pieces dl dd a.lis_top span,.single_coach .four_pieces dl dd .sp.lis_top span,.single_coach .four_pieces dl dd a.lis_top span>a,.single_coach .four_pieces dl dd .sp.lis_top span>a {
    font-size: 16px;
    color: #e13b29;
    font-weight: bold
}

.single_coach .four_pieces dl dd a.lis_top:after,.single_coach .four_pieces dl dd .sp.lis_top:after {
    width: 6px;
    height: 6px;
    background: #e13b29;
    margin-top: -3px;
    left: 7px
}

.single_coach .four_pieces dl dd a.lis_top b,.single_coach .four_pieces dl dd .sp.lis_top b {
    color: white;
    background-image: linear-gradient(#e18829, #e13b29);
    padding: 2px 9px;
    font-size: 12px;
    border-radius: 12px 4px
}

.single_coach .four_pieces dl dd .sp a {
    display: inline;
    width: auto;
    height: auto;
    position: static;
    padding: 0
}

.single_coach .four_pieces dl dd .sp a:after {
    display: none
}

.single_coach .four_pieces dl dd .sp a:hover {
    color: #e13b29
}

.single_coach .four_pieces dl dd a:after {
    background: #ddd
}

.single_question {
    margin: 16px 0 20px;
    background: white
}

.single_question .d_htc {
    display: flex;
    width: 100%;
    align-items: center;
    line-height: 40px;
    font-size: 28px;
    font-weight: bold;
    color: #000
}

.single_question .d_htc .imx {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 5px;
    vertical-align: top
}

.single_question .d_htc .imx.hot {
    background-position: -70px -40px
}

.single_question .d_htc .imx.push {
    background-position: -90px -40px
}

.single_question .d_htc .imx.msc {
    background-position: -84px -64px
}

.single_question .d_htc .imx.msq {
    background-position: -126px -64px
}

.single_question .d_htc .imx.rvt {
    background-position: -70px -160px
}

.single_question .d_htc.hr {
    box-sizing: border-box;
    border-bottom: 2px solid #F7F8FB;
    padding: 10px
}

.single_question .d_htc.hr .imx {
    margin-right: 10px
}

.single_question .single_question_box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-self: stretch
}

.single_question .single_question_box .left_subject {
    width: 200px;
    max-height: 560px;
    border-right: 1px solid #F7F8FB;
    overflow-y: auto
}

.single_question .single_question_box .left_subject b {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    min-height: 50px;
    font-size: 16px;
    padding: 0 10px;
    cursor: pointer;
    box-sizing: border-box;
    border-left: 2px solid white
}

.single_question .single_question_box .left_subject b.sel {
    color: #0080ff;
    background: #f3f6fb;
    border-color: currentColor
}

.single_question .single_question_box .right_list {
    flex: 1;
    height: 560px;
    overflow: hidden
}

.single_question .single_question_box .right_list li {
    width: 100%;
    height: 560px
}

.single_question .single_question_box .right_list li .titx {
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: space-between;
    background: #f9f9f9;
    margin-bottom: 10px
}

.single_question .single_question_box .right_list li .titx a {
    display: inline-block;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    padding: 0 18px;
    color: #999;
    border-top: 2px solid #f9f9f9
}

.single_question .single_question_box .right_list li .titx a:hover {
    color: #fb6326
}

.single_question .single_question_box .right_list li .titx .flex a {
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s
}

.single_question .single_question_box .right_list li .titx .flex a.sel {
    background: white;
    color: #fb6326;
    border-color: currentColor
}

.single_question .single_question_box .right_list li .rl_list {
    overflow: hidden;
    zoom:1;padding: 0 20px
}

.single_question .single_question_box .right_list li .rl_list dd {
    width: 100%;
    height: 500px;
    overflow-x: auto
}

.single_question .single_question_box .right_list li .rl_list dd .q_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 50px
}

.single_question .single_question_box .right_list li .rl_list dd .q_row .imx {
    width: 16px;
    height: 16px;
    background-position: -136px -40px;
    margin-right: 10px
}

.single_question .single_question_box .right_list li .rl_list dd .q_row .name {
    flex: 1;
    font-size: 15px;
    color: #333;
    max-width: 680px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.single_question .single_question_box .right_list li .rl_list dd .q_row .name a:hover {
    color: #e13b29
}

.single_question .single_question_box .right_list li .rl_list dd .q_row .num_date {
    font-size: 12px;
    color: #999;
    padding-left: 20px
}

.single_question .single_question_box .right_list li .rl_list dd .q_row .num_date.today {
    color: #fb6326
}

.single_question .single_question_box .right_list li .rl_list dd .q_row .rbtn {
    height: 32px;
    border-radius: 16px;
    font-size: 12px;
    line-height: 32px;
    background: linear-gradient(#fb6427, #f58254);
    color: white;
    padding: 0 20px;
    margin-left: 20px;
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s
}

.single_question .single_question_box .right_list li .rl_list dd .q_row .rbtn:hover {
    transform: translateY(-4px)
}

.single_question .single_question_box .right_list li .rl_list dd .q_row+.row {
    border-top: 1px solid #eee
}

.learn_guide {
    display: flex;
    justify-content: space-between;
    padding-bottom: 16px
}

.learn_guide .lg_lt_box {
    width: 880px;
    align-self: stretch
}

.learn_guide .lg_lt_box .questions_search_adv {
    width: 100%;
    height: auto;
    margin: 8px 0 0
}

.learn_guide .lg_rt_box {
    width: 312px;
    align-self: stretch
}

.learn_guide .lg_rt_box .sadv {
    margin-top: 8px;
    width: 100%
}

.learn_guide .lg_rt_box .sadv img {
    width: 100%
}

.learn_guide .lg_lt_box .recommendation {
    width: 100%;
    margin-top: 6px;
    background: white;
    margin: 0 0 8px;
    overflow: hidden;
    box-sizing: border-box;
    padding: 10px 24px 10px 16px
}

.learn_guide .lg_lt_box .recommendation a,.learn_guide .lg_lt_box .recommendation .sp {
    display: flex;
    width: 100%;
    height: 30px;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    position: relative;
    padding-left: 20px;
    box-sizing: border-box
}

.learn_guide .lg_lt_box .recommendation a span,.learn_guide .lg_lt_box .recommendation .sp span {
    flex: 1;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.learn_guide .lg_lt_box .recommendation a b,.learn_guide .lg_lt_box .recommendation .sp b {
    margin-left: 10px;
    color: #999
}

.learn_guide .lg_lt_box .recommendation a b.today,.learn_guide .lg_lt_box .recommendation .sp b.today {
    color: #e13b29
}

.learn_guide .lg_lt_box .recommendation a:after,.learn_guide .lg_lt_box .recommendation .sp:after {
    position: absolute;
    left: 8px;
    top: 50%;
    content: "";
    width: 4px;
    height: 4px;
    background: #0080ff;
    margin-top: -2px;
    border-radius: 4px
}

.learn_guide .lg_lt_box .recommendation a:hover span,.learn_guide .lg_lt_box .recommendation .sp:hover span,.learn_guide .lg_lt_box .recommendation a:hover a,.learn_guide .lg_lt_box .recommendation .sp:hover a {
    color: #e13b29
}

.learn_guide .lg_lt_box .recommendation a.lis_top span,.learn_guide .lg_lt_box .recommendation .sp.lis_top span,.learn_guide .lg_lt_box .recommendation a.lis_top span>a,.learn_guide .lg_lt_box .recommendation .sp.lis_top span>a {
    font-size: 16px;
    color: #e13b29;
    font-weight: bold
}

.learn_guide .lg_lt_box .recommendation a.lis_top:after,.learn_guide .lg_lt_box .recommendation .sp.lis_top:after {
    width: 6px;
    height: 6px;
    background: #e13b29;
    margin-top: -3px;
    left: 7px
}

.learn_guide .lg_lt_box .recommendation a.lis_top b,.learn_guide .lg_lt_box .recommendation .sp.lis_top b {
    color: white;
    background-image: linear-gradient(#e18829, #e13b29);
    padding: 2px 9px;
    font-size: 12px;
    border-radius: 12px 4px
}

.learn_guide .lg_lt_box .recommendation .sp a {
    display: inline;
    width: auto;
    height: auto;
    position: static;
    padding: 0
}

.learn_guide .lg_lt_box .recommendation .sp a:after {
    display: none
}

.learn_guide .lg_lt_box .recommendation .sp a:hover {
    color: #e13b29
}

.learn_guide .lg_lt_box .recommendation a {
    color: #333;
    padding-left: 50px;
    font-size: 14px;
    height: 34px
}

.learn_guide .lg_lt_box .recommendation a:before {
    display: none;
    background: url(../../../pc/images/derived/iconSpirit.png) 0 0/512px 512px no-repeat;
    position: absolute;
    left: 0;
    top: 50%;
    content: "";
    width: 16px;
    height: 16px;
    background-position: -70px -40px;
    margin-top: -8px
}

.learn_guide .lg_lt_box .recommendation a:after {
    left: 30px;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    background: #ccc
}

.learn_guide .lg_lt_box .recommendation a.hot:before {
    display: inline-block
}

.learn_guide .lg_lt_box .recommendation a.video:after {
    background: url(../../../pc/images/derived/iconSpirit.png) 0 0/512px 512px no-repeat;
    left: 22px;
    width: 20px;
    height: 16px;
    background-position: -160px -40px;
    margin-top: -8px
}

.learn_guide .lg_lt_box .list_box {
    background: white
}

.learn_guide .lg_lt_box .list_box ul {
    width: 100%;
    padding: 1px 20px;
    box-sizing: border-box
}

.learn_guide .lg_lt_box .list_box ul li {
    width: 100%;
    border-bottom: 1px solid #eee;
    display: flex;
    flex-direction: column;
    padding: 20px 0;
    position: relative
}

.learn_guide .lg_lt_box .list_box ul li h4 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    color: #333
}

.learn_guide .lg_lt_box .list_box ul li h4 a:hover {
    color: #e13b29
}

.learn_guide .lg_lt_box .list_box ul li p {
    width: 100%;
    height: 36px;
    margin-top: 10px;
    font-size: 13px;
    color: #999
}

.learn_guide .lg_lt_box .list_box ul li p a {
    display: inline-block;
    color: #455569
}

.learn_guide .lg_lt_box .list_box ul li p a i {
    font-family: '宋体','SimSun'
}

.learn_guide .lg_lt_box .list_box ul li .cbx {
    position: absolute;
    bottom: 22px;
    right: 0
}

.learn_guide .lg_lt_box .list_box ul li .cbx b {
    margin-right: 5px;
    font-size: 12px
}

.learn_guide .lg_lt_box .list_box ul li .cbx b.today {
    color: #e13b29
}

.text_details {
    display: flex;
    justify-content: space-between;
    padding-bottom: 16px
}

.text_details .lg_lt_box {
    width: 880px;
    align-self: stretch
}

.text_details .lg_lt_box .questions_search_adv {
    width: 100%;
    height: auto;
    margin: 8px 0 0
}

.text_details .lg_rt_box {
    width: 312px;
    align-self: stretch
}

.text_details .lg_rt_box .sadv {
    margin-top: 8px;
    width: 100%
}

.text_details .lg_rt_box .sadv img {
    width: 100%
}

.text_details .uc_box {
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px 10px;
    overflow: hidden
}

.text_details .uc_box .mov_box {
    width: 100%;
    height: 240px;
    display: flex
}

.text_details .uc_box .mov_box .list_a_wrap {
    width: 292px;
    margin-right: 10px
}

.text_details .cont_boxs {
    width: 100%;
    box-sizing: border-box;
    background: white;
    padding: 20px
}

.text_details .cont_boxs h1 {
    width: 100%;
    font-size: 24px;
    color: #333;
    font-weight: bold
}

.text_details .cont_boxs .explain {
    padding-top: 16px;
    font-size: 12px;
    height: 20px
}

.text_details .cont_boxs .explain dl {
    flex: 1;
    display: flex;
    height: 20px;
    overflow: hidden
}

.text_details .cont_boxs .explain dl .imx {
    width: 20px;
    height: 20px;
    background-position: -208px -38px;
    margin-right: 5px
}

.text_details .cont_boxs .explain dl dd {
    flex: 1;
    line-height: 20px;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.text_details .cont_boxs .explain dl dd a {
    color: #f30
}

.text_details .cont_boxs .explain p {
    margin-left: 10px;
    color: #999
}

.text_details .cont_boxs .adv_box {
    padding-top: 20px;
    width: 100%
}

.text_details .cont_boxs .adv_box img {
    width: 100%
}

.text_details .cont_boxs .content_wrap {
    width: 100%;
    display: flex;
    margin-top: 20px
}

.text_details .cont_boxs .content_wrap .lt_icon_wrap {
    display: flex;
    flex-direction: column;
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px solid #eee;
    align-self: stretch
}

.text_details .cont_boxs .content_wrap .lt_icon_wrap a,.text_details .cont_boxs .content_wrap .lt_icon_wrap b {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 64px;
    padding: 5px 0;
    cursor: pointer
}

.text_details .cont_boxs .content_wrap .lt_icon_wrap a .imx,.text_details .cont_boxs .content_wrap .lt_icon_wrap b .imx {
    width: 32px;
    height: 32px;
    background-position-y: -76px
}

.text_details .cont_boxs .content_wrap .lt_icon_wrap a .imx.cs,.text_details .cont_boxs .content_wrap .lt_icon_wrap b .imx.cs {
    background-position-x: -268px
}

.text_details .cont_boxs .content_wrap .lt_icon_wrap a .imx.cm,.text_details .cont_boxs .content_wrap .lt_icon_wrap b .imx.cm {
    background-position-x: -300px
}

.text_details .cont_boxs .content_wrap .lt_icon_wrap a .imx.cf,.text_details .cont_boxs .content_wrap .lt_icon_wrap b .imx.cf {
    background-position-x: -332px
}

.text_details .cont_boxs .content_wrap .lt_icon_wrap a .imx.qz,.text_details .cont_boxs .content_wrap .lt_icon_wrap b .imx.qz {
    background-position-x: -364px
}

.text_details .cont_boxs .content_wrap .lt_icon_wrap a .imx.sa,.text_details .cont_boxs .content_wrap .lt_icon_wrap b .imx.sa {
    background-position-x: -396px
}

.text_details .cont_boxs .content_wrap .lt_icon_wrap a .imx.qq,.text_details .cont_boxs .content_wrap .lt_icon_wrap b .imx.qq {
    background-position-x: -428px
}

.text_details .cont_boxs .content_wrap .lt_icon_wrap a .imx.wc,.text_details .cont_boxs .content_wrap .lt_icon_wrap b .imx.wc {
    background-position-x: -460px
}

.text_details .cont_boxs .content_wrap .lt_icon_wrap a span,.text_details .cont_boxs .content_wrap .lt_icon_wrap b span {
    font-size: 12px
}

.text_details .cont_boxs .content_wrap .lt_icon_wrap a .pmt,.text_details .cont_boxs .content_wrap .lt_icon_wrap b .pmt,.text_details .cont_boxs .content_wrap .lt_icon_wrap a .qrcode,.text_details .cont_boxs .content_wrap .lt_icon_wrap b .qrcode {
    display: inline-block;
    position: absolute;
    opacity: 0;
    white-space: nowrap;
    font-size: 12px;
    background: white;
    border-radius: 6px;
    box-shadow: 1px 3px 6px rgba(0,0,0,0.2);
    border: 1px solid #eee;
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s
}

.text_details .cont_boxs .content_wrap .lt_icon_wrap a .pmt:before,.text_details .cont_boxs .content_wrap .lt_icon_wrap b .pmt:before,.text_details .cont_boxs .content_wrap .lt_icon_wrap a .qrcode:before,.text_details .cont_boxs .content_wrap .lt_icon_wrap b .qrcode:before,.text_details .cont_boxs .content_wrap .lt_icon_wrap a .pmt:after,.text_details .cont_boxs .content_wrap .lt_icon_wrap b .pmt:after,.text_details .cont_boxs .content_wrap .lt_icon_wrap a .qrcode:after,.text_details .cont_boxs .content_wrap .lt_icon_wrap b .qrcode:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border: solid;
    border-width: 6px;
    overflow: hidden
}

.text_details .cont_boxs .content_wrap .lt_icon_wrap a .pmt,.text_details .cont_boxs .content_wrap .lt_icon_wrap b .pmt {
    right: 0;
    top: 50%;
    height: 24px;
    line-height: 24px;
    padding: 0 6px;
    transform: translateY(-50%)
}

.text_details .cont_boxs .content_wrap .lt_icon_wrap a .pmt:before,.text_details .cont_boxs .content_wrap .lt_icon_wrap b .pmt:before,.text_details .cont_boxs .content_wrap .lt_icon_wrap a .pmt:after,.text_details .cont_boxs .content_wrap .lt_icon_wrap b .pmt:after {
    top: 6px;
    right: -13px;
    border-color: transparent transparent transparent #eee
}

.text_details .cont_boxs .content_wrap .lt_icon_wrap a .pmt:after,.text_details .cont_boxs .content_wrap .lt_icon_wrap b .pmt:after {
    right: -12px;
    border-color: transparent transparent transparent white
}

.text_details .cont_boxs .content_wrap .lt_icon_wrap a .qrcode,.text_details .cont_boxs .content_wrap .lt_icon_wrap b .qrcode {
    left: 50%;
    top: 0;
    width: 0;
    height: 0;
    padding: 10px;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

.text_details .cont_boxs .content_wrap .lt_icon_wrap a .qrcode:before,.text_details .cont_boxs .content_wrap .lt_icon_wrap b .qrcode:before,.text_details .cont_boxs .content_wrap .lt_icon_wrap a .qrcode:after,.text_details .cont_boxs .content_wrap .lt_icon_wrap b .qrcode:after {
    top: -13px;
    left: 50%;
    transform: translateX(-50%);
    border-color: transparent transparent #eee transparent
}

.text_details .cont_boxs .content_wrap .lt_icon_wrap a .qrcode:after,.text_details .cont_boxs .content_wrap .lt_icon_wrap b .qrcode:after {
    top: -12px;
    border-color: transparent transparent #fff transparent
}

.text_details .cont_boxs .content_wrap .lt_icon_wrap a .qrcode .imgx,.text_details .cont_boxs .content_wrap .lt_icon_wrap b .qrcode .imgx {
    width: 140px;
    height: 140px;
    overflow: hidden
}

.text_details .cont_boxs .content_wrap .lt_icon_wrap a .qrcode .imgx img,.text_details .cont_boxs .content_wrap .lt_icon_wrap b .qrcode .imgx img {
    width: 100%
}

.text_details .cont_boxs .content_wrap .lt_icon_wrap a:hover .imx,.text_details .cont_boxs .content_wrap .lt_icon_wrap b:hover .imx {
    background-position-y: -108px
}

.text_details .cont_boxs .content_wrap .lt_icon_wrap a:hover span,.text_details .cont_boxs .content_wrap .lt_icon_wrap b:hover span {
    color: #ff6428
}

.text_details .cont_boxs .content_wrap .lt_icon_wrap a:hover .pmt,.text_details .cont_boxs .content_wrap .lt_icon_wrap b:hover .pmt {
    right: 54px;
    opacity: 1
}

.text_details .cont_boxs .content_wrap .lt_icon_wrap a:hover .qrcode,.text_details .cont_boxs .content_wrap .lt_icon_wrap b:hover .qrcode {
    top: 48px;
    width: 140px;
    height: 160px;
    opacity: 1
}

.text_details .cont_boxs .content_wrap .lt_icon_wrap hr {
    width: 32px;
    height: 1px;
    background: #eee;
    border: none;
    margin: 10px auto
}

.text_details .cont_boxs .content_wrap .rt_cont_wrap {
    font-size: 15px;
    color: #666;
    line-height: 2;
    flex: 1;
    align-self: stretch
}

.text_details .cont_boxs .content_wrap .rt_cont_wrap p {
    padding: 5px 0
}

.text_details .cont_boxs .content_wrap .rt_cont_wrap p.introTit {
    font-weight: bold
}

.text_details .cont_boxs .content_wrap .rt_cont_wrap img {
    max-width: 100%
}

.text_details .cont_boxs .content_wrap .rt_cont_wrap a {
    color: #0080ff
}

.text_details .cont_boxs .pmt_wrap {
    margin-top: 30px;
    font-size: 12px;
    color: #999;
    text-align: center
}

.text_details .recommendation {
    margin-top: 8px;
    background: white
}

.text_details .recommendation .htc {
    display: flex;
    width: 100%;
    align-items: center;
    line-height: 40px;
    font-size: 18px;
    font-weight: bold;
    color: #000
}

.text_details .recommendation .htc .imx {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 5px;
    vertical-align: top
}

.text_details .recommendation .htc .imx.hot {
    background-position: -70px -40px
}

.text_details .recommendation .htc .imx.push {
    background-position: -90px -40px
}

.text_details .recommendation .htc .imx.msc {
    background-position: -84px -64px
}

.text_details .recommendation .htc .imx.msq {
    background-position: -126px -64px
}

.text_details .recommendation .htc .imx.rvt {
    background-position: -70px -160px
}

.text_details .recommendation .htc.hr {
    box-sizing: border-box;
    border-bottom: 2px solid #F7F8FB;
    padding: 10px
}

.text_details .recommendation .htc.hr .imx {
    margin-right: 10px
}

.text_details .recommendation .htc.hr {
    padding: 0 5px
}

.text_details .recommendation p {
    width: 100%;
    overflow: hidden;
    margin-top: 6px;
    width: 98%;
    display: flex;
    flex-wrap: wrap;
    padding: 0 1% 10px
}

.text_details .recommendation p a,.text_details .recommendation p .sp {
    display: flex;
    width: 100%;
    height: 30px;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    position: relative;
    padding-left: 20px;
    box-sizing: border-box
}

.text_details .recommendation p a span,.text_details .recommendation p .sp span {
    flex: 1;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.text_details .recommendation p a b,.text_details .recommendation p .sp b {
    margin-left: 10px;
    color: #999
}

.text_details .recommendation p a b.today,.text_details .recommendation p .sp b.today {
    color: #e13b29
}

.text_details .recommendation p a:after,.text_details .recommendation p .sp:after {
    position: absolute;
    left: 8px;
    top: 50%;
    content: "";
    width: 4px;
    height: 4px;
    background: #0080ff;
    margin-top: -2px;
    border-radius: 4px
}

.text_details .recommendation p a:hover span,.text_details .recommendation p .sp:hover span,.text_details .recommendation p a:hover a,.text_details .recommendation p .sp:hover a {
    color: #e13b29
}

.text_details .recommendation p a.lis_top span,.text_details .recommendation p .sp.lis_top span,.text_details .recommendation p a.lis_top span>a,.text_details .recommendation p .sp.lis_top span>a {
    font-size: 16px;
    color: #e13b29;
    font-weight: bold
}

.text_details .recommendation p a.lis_top:after,.text_details .recommendation p .sp.lis_top:after {
    width: 6px;
    height: 6px;
    background: #e13b29;
    margin-top: -3px;
    left: 7px
}

.text_details .recommendation p a.lis_top b,.text_details .recommendation p .sp.lis_top b {
    color: white;
    background-image: linear-gradient(#e18829, #e13b29);
    padding: 2px 9px;
    font-size: 12px;
    border-radius: 12px 4px
}

.text_details .recommendation p .sp a {
    display: inline;
    width: auto;
    height: auto;
    position: static;
    padding: 0
}

.text_details .recommendation p .sp a:after {
    display: none
}

.text_details .recommendation p .sp a:hover {
    color: #e13b29
}

.text_details .recommendation p a {
    width: 50%;
    padding: 0 1% 0 20px
}

.text_details .recommendation p a:after {
    background: #ccc
}

.video_sifter {
    background: white;
    border-bottom: 1px solid #f7f8fb;
    padding: 10px 0
}

.video_sifter dl {
    display: flex
}

.video_sifter dl dt {
    width: 90px;
    height: 44px;
    line-height: 44px;
    text-align: right;
    color: #999;
    font-size: 14px
}

.video_sifter dl dd {
    flex: 1;
    display: flex;
    flex-wrap: wrap
}

.video_sifter dl dd a {
    padding: 0 10px;
    height: 34px;
    line-height: 34px;
    color: #333;
    margin: 5px 10px 0 0;
    font-size: 14px;
    border-radius: 20px
}

.video_sifter dl dd a:hover,.video_sifter dl dd a.sel {
    background: #e13b29;
    color: white
}

.video_sifter dl+dl {
    border-top: 1px dashed #f7f8fb
}

.video_list {
    margin-top: 16px;
    background: white;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 10px 20px 20px
}

.video_list .htc {
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.video_list .htc b {
    line-height: 40px;
    font-size: 18px;
    font-weight: 900;
    color: #333
}

.video_list .htc span,.video_list .htc .more {
    font-size: 14px;
    color: #999
}

.video_list .htc .more:hover {
    color: #e13b29
}

.video_list .htc .sub_htc {
    width: 75px;
    height: 18px;
    background-position: 0 -70px
}

.video_list .htc .qr_code {
    position: relative;
    width: 17px;
    height: 17px;
    background-position: -110px -40px;
    cursor: pointer
}

.video_list .htc .qr_code span {
    display: none;
    position: absolute;
    left: 30px;
    top: 50%;
    z-index: 9;
    width: 160px;
    height: 160px;
    background: white;
    padding: 5px;
    box-shadow: 0 0 10px rgba(121,136,160,0.3);
    margin-top: -80px;
    box-sizing: border-box;
    border-radius: 3px
}

.video_list .htc .qr_code span:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -11px;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border: solid;
    border-width: 6px;
    border-color: transparent white transparent transparent;
    overflow: hidden;
    margin-top: -6px
}

.video_list .htc .qr_code span img {
    width: 100%;
    height: 100%
}

.video_list .htc .qr_code:hover span {
    display: inline-block
}

.video_list .htc .change_it {
    display: flex;
    align-items: center;
    cursor: pointer
}

.video_list .htc .change_it span {
    color: #666;
    font-size: 12px;
    margin-right: 5px
}

.video_list .htc .change_it .imx {
    width: 16px;
    height: 16px;
    background-position: -190px -40px;
    -webkit-transition: all .8s ease-out 0s;
    transition: all .8s ease-out 0s
}

.video_list .htc .change_it:hover span {
    font-weight: bold
}

.video_list .htc .change_it:hover .imx {
    transform: rotate(360deg)
}

.video_list .htc.mgt10 {
    margin-top: 10px
}

.video_list .htc.line,.video_list .htc.line_sel {
    border-bottom: 2px solid #eee
}

.video_list .htc.line b,.video_list .htc.line_sel b {
    position: relative
}

.video_list .htc.line b:after,.video_list .htc.line_sel b:after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    background: #0080ff
}

.video_list .htc.line b.none:after,.video_list .htc.line_sel b.none:after {
    background: transparent
}

.video_list .htc.line b.rd:after,.video_list .htc.line_sel b.rd:after {
    background: #e13b29
}

.video_list .htc.line b.blend,.video_list .htc.line_sel b.blend {
    display: flex;
    align-items: center;
    font-size: 26px
}

.video_list .htc.line b.blend img,.video_list .htc.line_sel b.blend img {
    width: 36px;
    height: 36px;
    margin-right: 10px
}

.video_list .htc.line_left {
    height: 30px
}

.video_list .htc.line_left b {
    position: relative;
    padding-left: 26px;
    font-weight: normal;
    font-size: 16px
}

.video_list .htc.line_left b:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 8px;
    width: 4px;
    height: 16px;
    overflow: hidden;
    border-radius: 2px;
    background: linear-gradient(#0080ff, #3e67b9);
    margin-top: -8px
}

.video_list .htc.line_sel {
    justify-content: flex-start;
    border-bottom: 2px solid #F7F8FB
}

.video_list .htc.line_sel b {
    margin-right: 20px;
    color: #333;
    font-weight: normal;
    font-size: 14px;
    cursor: pointer;
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s
}

.video_list .htc.line_sel b:after {
    background: transparent
}

.video_list .htc.line_sel b.sel {
    color: #e13b29;
    font-weight: bold;
    font-size: 16px
}

.video_list .htc.line_sel b.sel:after {
    background: #e13b29
}

.video_list .filter {
    margin: 10px 0;
    width: 100%;
    display: flex;
    justify-content: space-between
}

.video_list .filter .box {
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    overflow: hidden;
    border-radius: 20px
}

.video_list .filter .box a {
    padding: 6px 16px;
    font-size: 14px;
    line-height: 1.1;
    color: #333
}

.video_list .filter .box a:hover,.video_list .filter .box a.sel {
    background: #e13b29;
    color: white
}

.video_list .filter .box a+a {
    border-left: 1px solid #ddd
}

.video_list .spaceArea {
    width: 100%;
    height: 5px
}

.video_list .list {
    width: calc(100% + 20px);
    display: flex;
    flex-wrap: wrap;
    margin-top: -16px;
    padding-bottom: 16px
}

.video_list .list a {
    width: 214px;
    height: 235px;
    margin: 16px 20px 0 0;
    border: 1px solid #f7f8fb;
    border-radius: 5px;
    overflow: hidden;
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s
}

.video_list .list a .im_box {
    width: 100%;
    height: 134px;
    overflow: hidden;
    background: #eee;
    margin-bottom: 5px
}

.video_list .list a .im_box img {
    width: 100%;
    height: 100%
}

.video_list .list a h3 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    font-size: 14px;
    color: #333;
    box-sizing: border-box;
    padding: 5px
}

.video_list .list a .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding: 5px
}

.video_list .list a .row span {
    font-size: 12px;
    color: #999;
    line-height: 18px
}

.video_list .list a .row span.free {
    padding: 2px 4px;
    background: #15BC83;
    color: white;
    line-height: 14px;
    border-radius: 4px
}

.video_list .list a .row span.price {
    font-size: 14px;
    color: #e13b29
}

.video_list .list a .row span.price i {
    font-size: 12px;
    text-decoration: line-through;
    color: #ccc
}

.video_list .list a .row span.teacher {
    display: flex;
    align-items: center
}

.video_list .list a .row span.teacher img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-right: 6px
}

.video_list .list a:hover {
    transform: translateY(-4px);
    box-shadow: 0 0 5px rgba(0,0,0,0.1)
}

.video_list .list.teacher {
    width: 100%;
    margin-top: 0;
    background: black
}

.video_list .list.teacher a {
    width: 232px;
    height: 490px;
    background: url(../../../pc/images/derived/teacher_bg.png) #003 0 0/232px 490px no-repeat;
    position: relative;
    border-radius: 0;
    margin: 0;
    border: none
}

.video_list .list.teacher a .imgx {
    width: 210px;
    height: 210px;
    border-radius: 50%;
    overflow: hidden;
    margin: 30px auto 0
}

.video_list .list.teacher a .imgx img {
    width: 100%
}

.video_list .list.teacher a .th_box {
    position: absolute;
    left: 20px;
    bottom: 30px;
    width: 192px;
    color: white
}

.video_list .list.teacher a .th_box h3 {
    color: white;
    font-size: 20px;
    padding: 0 0 20px;
    text-shadow: 2px 2px 2px #333
}

.video_list .list.teacher a .th_box p {
    width: 100%;
    height: 102px;
    font-size: 12px;
    line-height: 1.7;
    text-shadow: 1px 1px 1px #333;
    overflow-x: hidden;
    overflow-y: auto
}

.video_list .list.teacher a .th_box p::-webkit-scrollbar {
    width: 6px
}

.video_list .list.teacher a .th_box p::-webkit-scrollbar-thumb {
    border-radius: 6px
}

.video_list .list.teacher a .th_box em {
    display: block;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 60px;
    border: 1px solid #fcd4a2;
    font-size: 14px;
    color: #fcd4a2;
    margin-top: 30px;
    white-space: nowrap;
    overflow: hidden
}

.video_list .list.teacher a:hover {
    transform: translateY(0);
    box-shadow: none
}

.video_list .list.teacher a:hover .imgx {
    box-shadow: 1px 2px 10px rgba(0,0,0,0.5)
}

.video_list .list.rowScroll {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    height: 250px;
    display: block;
    flex-wrap: nowrap;
    white-space: nowrap;
    cursor: move
}

.video_list .list.rowScroll a {
    display: inline-block;
    margin: 16px 12px 0 0;
    position: relative
}

.video_list .list.rowScroll a::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0,0,0,0);
    cursor: pointer
}

.video_list.list_page {
    padding: 20px 20px 4px 20px;
    margin: 0 auto 32px
}

.video_list.list_page .list {
    margin-top: 0
}

.video_details .video_classification {
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: white;
    border-radius: 20px 20px 0 0
}

.video_details .video_classification .card {
    max-width: 920px;
    height: 50px;
    overflow: hidden;
    border-radius: 20px 0 0 0;
    display: flex;
    flex-wrap: wrap
}

.video_details .video_classification .card b {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    padding: 0 24px;
    font-size: 15px;
    cursor: pointer;
    border-right: 1px solid #e8e8e8
}

.video_details .video_classification .card b.sel {
    color: white;
    background-image: linear-gradient(#fa741a, #e13b29)
}

.video_details .video_classification .btn {
    position: relative;
    width: 250px;
    height: 40px;
    margin: 0 10px
}

.video_details .video_classification .btn .current {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    display: inline-block;
    width: 90%;
    padding: 0 5%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    background-color: #f22121;
    background-image: linear-gradient(#fa741a, #e13b29);
    color: #fff;
    box-shadow: 0 3px 18px rgba(255,40,40,0.26);
    text-align: center;
    border-radius: 20px;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.video_details .video_classification .btn .video_down {
    position: absolute;
    left: 0;
    top: 20px;
    width: 90%;
    height: 0;
    max-height: 410px;
    padding: 0 5%;
    background: white;
    box-shadow: 1px 3px 5px rgba(0,0,0,0.3);
    border-radius: 0 0 10px 10px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s
}

.video_details .video_classification .btn .video_down::-webkit-scrollbar {
    width: 8px
}

.video_details .video_classification .btn .video_down::-webkit-scrollbar-thumb {
    border-radius: 30px
}

.video_details .video_classification .btn .video_down li {
    width: 100%;
    padding: 14px 0;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: #666;
    cursor: pointer
}

.video_details .video_classification .btn .video_down li:hover {
    color: #e13b29
}

.video_details .video_classification .btn .video_down li+li {
    border-top: 1px dashed #eee
}

.video_details .video_classification .btn.show_down .video_down {
    padding: 20px 5% 0;
    height: auto
}

.video_details .area_video {
    display: flex;
    justify-content: space-between;
    background: #fff
}

.video_details .area_video .videoBox {
    width: 890px;
    height: 500px;
    background: black
}

.video_details .area_video .videoBox .iframe,.video_details .area_video .videoBox .video {
    width: 890px;
    height: 500px;
    border: none;
    display: none
}

.video_details .area_video .videoBox .iframe {
    background-color: #fff
}

.video_details .area_video .videoBox .xgVideo {
    width: 100%;
    height: 100%
}

.video_details .area_video .videoBox .xgVideo .errorText {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 38px;
    color: white
}

.video_details .area_video .vd_rt_box {
    display: flex;
    flex-direction: column;
    width: 310px;
    height: 500px
}

.video_details .area_video .vd_rt_box .t_name {
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #e8e8e8
}

.video_details .area_video .vd_rt_box .t_name a,.video_details .area_video .vd_rt_box .t_name b {
    height: 40px;
    color: #333;
    padding: 0 15px;
    margin-bottom: -1px;
    line-height: 40px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer
}

.video_details .area_video .vd_rt_box .t_name a.sel,.video_details .area_video .vd_rt_box .t_name b.sel {
    background: #fff
}

.video_details .area_video .vd_rt_box .v_inf {
    width: 90%;
    height: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px 5% 0
}

.video_details .area_video .vd_rt_box .v_list {
    flex: 1;
    width: 100%;
    margin-bottom: 5px;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto
}

.video_details .area_video .vd_rt_box .v_list dl {
    margin-top: 6px;
    padding-left: 3%;
    width: 92%;
    height: 30px;
    overflow: hidden
}

.video_details .area_video .vd_rt_box .v_list dl dt,.video_details .area_video .vd_rt_box .v_list dl dd {
    display: flex;
    align-items: center;
    cursor: pointer
}

.video_details .area_video .vd_rt_box .v_list dl dt .imx,.video_details .area_video .vd_rt_box .v_list dl dd .imx {
    width: 16px;
    height: 16px;
    margin-right: 8px
}

.video_details .area_video .vd_rt_box .v_list dl dt p,.video_details .area_video .vd_rt_box .v_list dl dd p {
    flex: 1;
    font-size: 12px;
    color: #333
}

.video_details .area_video .vd_rt_box .v_list dl dt i,.video_details .area_video .vd_rt_box .v_list dl dd i {
    margin-left: 8px;
    color: #999
}

.video_details .area_video .vd_rt_box .v_list dl dt {
    width: 100%;
    height: 30px
}

.video_details .area_video .vd_rt_box .v_list dl dt .imx {
    background-position: -262px -40px
}

.video_details .area_video .vd_rt_box .v_list dl dt p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px
}

.video_details .area_video .vd_rt_box .v_list dl dd {
    width: 93%;
    padding: 7px 2% 7px 0;
    margin-left: 5%;
    min-height: 16px
}

.video_details .area_video .vd_rt_box .v_list dl dd .imx {
    background-position: -246px -40px
}

.video_details .area_video .vd_rt_box .v_list dl dd.lock .imx {
    background-position: -230px -56px
}

.video_details .area_video .vd_rt_box .v_list dl dd.lock p {
    color: #666
}

.video_details .area_video .vd_rt_box .v_list dl dd.unlock .imx {
    background-position: -246px -56px
}

.video_details .area_video .vd_rt_box .v_list dl dd.playing .imx {
    background-position: -262px -56px
}

.video_details .area_video .vd_rt_box .v_list dl dd.playing p {
    color: #f30;
    font-weight: bold
}

.video_details .area_video .vd_rt_box .v_list dl dd.play .imx {
    background-position: -278px -56px
}

.video_details .area_video .vd_rt_box .v_list dl dd.play p {
    color: #f30;
    font-weight: bold
}

.video_details .area_video .vd_rt_box .v_list dl dd:hover {
    border-radius: 6px;
    background: rgba(255,255,255,0.1)
}

.video_details .area_video .vd_rt_box .v_list dl.exp {
    height: auto
}

.video_details .area_video .vd_rt_box .v_list dl.exp dt .imx {
    background-position: -230px -40px
}

.video_details .area_video .vd_rt_box .buyBtn {
    display: none;
    width: 100%;
    height: 48px;
    line-height: 48px;
    font-size: 18px;
    font-weight: 700;
    background: #e13b29;
    color: #fff;
    text-align: center;
    cursor: pointer;
    transition: all .3s ease
}

.video_details .area_video .vd_rt_box .buyBtn:hover {
    background: #0080ff
}

.video_details .area_details {
    padding-top: 8px;
    display: flex;
    justify-content: space-between;
    padding-bottom: 16px
}

.video_details .area_details .lg_lt_box {
    width: 880px;
    align-self: stretch
}

.video_details .area_details .lg_lt_box .questions_search_adv {
    width: 100%;
    height: auto;
    margin: 8px 0 0
}

.video_details .area_details .lg_rt_box {
    width: 312px;
    align-self: stretch
}

.video_details .area_details .lg_rt_box .sadv {
    margin-top: 8px;
    width: 100%
}

.video_details .area_details .lg_rt_box .sadv img {
    width: 100%
}

.video_details .area_details .lg_lt_box {
    background: white
}

.video_details .area_details .lg_lt_box .htc {
    display: flex;
    width: 100%;
    align-items: center;
    line-height: 40px;
    font-size: 18px;
    font-weight: bold;
    color: #000
}

.video_details .area_details .lg_lt_box .htc .imx {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 5px;
    vertical-align: top
}

.video_details .area_details .lg_lt_box .htc .imx.hot {
    background-position: -70px -40px
}

.video_details .area_details .lg_lt_box .htc .imx.push {
    background-position: -90px -40px
}

.video_details .area_details .lg_lt_box .htc .imx.msc {
    background-position: -84px -64px
}

.video_details .area_details .lg_lt_box .htc .imx.msq {
    background-position: -126px -64px
}

.video_details .area_details .lg_lt_box .htc .imx.rvt {
    background-position: -70px -160px
}

.video_details .area_details .lg_lt_box .htc.hr {
    box-sizing: border-box;
    border-bottom: 2px solid #F7F8FB;
    padding: 10px
}

.video_details .area_details .lg_lt_box .htc.hr .imx {
    margin-right: 10px
}

.video_details .area_details .lg_lt_box .htc.hr {
    padding: 0 5px
}

.video_details .area_details .lg_lt_box .cont_wrap {
    padding: 10px 20px;
    font-size: 15px;
    color: #666;
    line-height: 2
}

.video_details .area_details .lg_lt_box .cont_wrap p {
    padding: 5px 0
}

.video_details .area_details .lg_lt_box .cont_wrap img {
    max-width: 100%
}

.video_details .area_details .lg_rt_box .c_title {
    padding: 5px 10px;
    font-size: 16px;
    color: #000
}

.video_details .area_details .lg_rt_box .c_mc {
    padding: 5px 0;
    margin: 0 10px 8px;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px dashed #f7f8fB
}

.video_details .area_details .lg_rt_box .c_mc p {
    width: 50%;
    box-sizing: border-box;
    line-height: 30px
}

.app_dl_layer {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    z-index: 9;
    display: none
}

.app_dl_layer .fbox {
    position: relative;
    left: 50%;
    top: 40%;
    width: 320px;
    transform: translate(-50%, -50%);
    background: white;
    box-shadow: 1px 3px 5px rgba(0,0,0,0.3);
    border-radius: 16px;
    padding: 16px 8px
}

.app_dl_layer .fbox .imgx,.app_dl_layer .fbox p {
    width: 100%;
    text-align: center;
    padding-top: 16px;
    font-size: 14px
}

.app_dl_layer .fbox .imgx img,.app_dl_layer .fbox p img {
    width: 160px;
    height: 160px;
    margin: 0 auto
}

.app_dl_layer .fbox h3 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
    text-align: center;
    color: #333
}

.app_dl_layer .fbox .btns {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 8px
}

.app_dl_layer .fbox .btns a {
    width: 160px;
    height: 48px;
    overflow: hidden;
    border-radius: 48px;
    opacity: .8
}

.app_dl_layer .fbox .btns a.android {
    background: url(../../../pc/images/down_banner_sys_android.png) 0 -5px/100% no-repeat
}

.app_dl_layer .fbox .btns a.ios {
    background: url(../../../pc/images/down_banner_sys_ios.png) 0 -5px/100% no-repeat
}

.app_dl_layer .fbox .btns a:hover {
    opacity: 1
}

.app_dl_layer .fbox .close {
    display: inline-block;
    position: absolute;
    left: 50%;
    bottom: -64px;
    width: 44px;
    height: 44px;
    background: url(../../../pc/images/close_icon_white.png) 0/100% no-repeat;
    transform: translateX(-50%);
    overflow: hidden;
    cursor: pointer;
    border-radius: 44px
}

.app_dl_layer .fbox .close:hover {
    background-color: rgba(255,255,255,0.1)
}
 .home_menu_box_wrap .iconMenu .tel {
     display: flex;
     align-items: center;
     height: 32px;
     line-height: 32px;
     font-size: 15px;
     color: #ffffff;
 }
.active_layer {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9;
    display: none
}
.active_layer .fbox {
    position: relative;
    left: 50%;
    top: 40%;
    width: 330px;
    height: 331px;
    transform: translate(-50%, -50%);
    background: url(../../../tob/images/app_dl_layer_bj.png) center center no-repeat;
    background-size: 330px 331px;
    border-radius: 16px;
}
.active_layer .fbox .imgx,.active_layer .fbox p {
    text-align: left;
    font-size: 16px;
    color: #465069;
    padding: 0 20px;
}
.active_layer .fbox .imgx img,.active_layer .fbox p img {
    width: 160px;
    height: 160px;
    margin: 0 auto
}
.active_layer .fbox h3 {
    font-size: 24px;
    text-align: left;
    color: #191B27;
    padding: 20px 200px 44px 25px;
    line-height: 36px;
}
.active_layer .fbox .btns {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 8px
}
.active_layer .fbox .btns a {
    width: 160px;
    height: 48px;
    overflow: hidden;
    border-radius: 48px;
    opacity: .8
}
.active_layer .fbox .btns a.android {
    background: url(../../../pc/images/down_banner_sys_android.png) 0 -5px/100% no-repeat
}
.active_layer .fbox .btns a.ios {
    background: url(../../../pc/images/down_banner_sys_ios.png) 0 -5px/100% no-repeat
}
.active_layer .fbox .btns a:hover {
    opacity: 1
}
.active_layer .fbox .close {
    display: inline-block;
    position: absolute;
    right: -23px;
    top: 0;
    width: 44px;
    height: 44px;
    background: url(../../../pc/images/close_icon_white.png) 0 / 100% no-repeat;
    transform: translateX(-50%);
    overflow: hidden;
    cursor: pointer;
    border-radius: 44px;
}
.active_layer .fbox .close:hover {
    background-color: rgba(255, 255, 255, 0.1)
}
#buttonActive {
    display: block;
    margin: 0 auto;
    width: 273px;
    height: 69px;
    border: none;
    cursor: pointer;
    background: url(../../../tob/images/app_dl_layer_bt.png) 0 / 100% no-repeat;
    margin-top: 40px;
}