/* 操翔的样式 */
.photo_box {
    background-color: #ededed;
}

.breadcrumb {
    display: block;
    width: 100%;
    height: 44px;
    line-height: 44px;
    font-size: 0;
}

.breadcrumb li {
    display: inline-block;
    font-size: 14px;
    color: #999999;
}

.breadcrumb a {
    color: #333333;
}

.breadcrumb span {
    margin: 0 9px 0 6px;
}

.breadcrumb .active {
    color: #333333;
    font-weight: bold;
}

/* 驾考列表 */
.pages_school-list {
    margin-bottom: 79px;
}

.pages_school-list .body_container {
    margin-top: 8px;
}

.pages_school-list .main_container {
    width: 860px;
}

.pages_school-list .aside_container {
    width: 300px;
}

.pages_school-list .filter_pannel {
    background-color: #ffffff;
    padding: 0 28px;
}

.pages_school-list .filter_pannel dl {
    padding: 12px 0;
    border-top: 1px solid #e9e9e9;
}

.pages_school-list .filter_pannel dl:first-child {
    border-top: none;
}

.pages_school-list .filter_pannel dt {
    float: left;
    width: 90px;
    line-height: 36px;
}

.pages_school-list .filter_pannel dd {
    float: right;
    width: 714px;
    white-space: pre-line;
    line-height: 36px;
    color: #666666;
}

.pages_school-list .filter_pannel a {
    display: inline-block;
    margin-right: 32px;
    text-decoration: none;
}

.pages_school-list .filter_pannel .price {
    position: relative;
    padding-right: 15px;
    background: 0 0;
}

.pages_school-list .filter_pannel .price::before {
    display: block;
    position: absolute;
    top: 5px;
    right: 0;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-bottom: 6px solid #e9e9e9;
    content: ' ';
}

.pages_school-list .filter_pannel .price::after {
    display: block;
    position: absolute;
    top: 20px;
    right: 0;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top: 6px solid #e9e9e9;
    content: ' ';
}

.pages_school-list .filter_pannel .price_up::before {
    display: block;
    position: absolute;
    top: 5px;
    right: 0;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-bottom: 6px solid #007aff;
    content: ' ';
}


.pages_school-list .filter_pannel .price_down::after {
    display: block;
    position: absolute;
    top: 20px;
    right: 0;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top: 6px solid #007aff;
    content: ' ';
}

.pages_school-list .filter_pannel .active {
    color: #007aff;
}

.pages_school-list .school_list {
    margin-top: 16px;
    background-color: #ffffff;
    padding: 14px 28px;
}

.pages_school-list .school_list .item_card {
    padding: 24px 0;
    border-bottom: 1px solid #e9e9e9;
    position: relative;
}

.pages_school-list .school_list .photo_box {
    width: 200px;
    height: 124px;
    border-radius: 4px;
}

.pages_school-list .school_list .item_mid {
    margin-left: 20px;
}

.pages_school-list .school_list .item_mid .top_bar {
    line-height: 36px;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pages_school-list .school_list .item_mid .top_bar a {
    margin-right: 8px;
}

.pages_school-list .school_list .address {
    display: block;
    width: 429px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
    color: #666666;
}

.pages_school-list .school_list .score_box {
    height: 34px;
    line-height: 34px;
    color: #999999;
}

.pages_school-list .school_list .score_box .progress {
    display: inline-block;
    width: 96px;
    height: 14px;
    background: url(../images/stars.png) no-repeat;
    position: relative;
}

.pages_school-list .school_list .score_box .progress_bar {
    display: inline-block;
    height: 14px;
    background: url(../images/stars-on.png) no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}

.pages_school-list .school_list .comment {
    line-height: 25px;
    color: #999999;
    text-decoration: none;
}

.pages_school-list .school_list .price {
    position: absolute;
    top: 61px;
    right: 0;
    color: #ff8214;
    font-size: 24px;
    font-weight: bold;
}

.pages_school-list .school_pagination {
    padding: 25px 0 49px;
    background-color: #ffffff;
}

.pages_school-list .aside_container .form_box {
    width: 300px;
    height: 508px;
    background-color: #ffffff;
}

.pages_school-list .aside_container .form_box form {
    padding: 24px 12px 0;
}

.pages_school-list .aside_container .form_box .form_item {
    width: 276px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 10px;
}

.pages_school-list .aside_container .form_box .form_input_block {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    border: solid 1px #e9e9e9;
    text-indent: 12px;
}

.pages_school-list .aside_container .form_box .form_input_inline {
    display: inline-block;
    width: 166px;
    height: 40px;
    border-radius: 2px;
    border: solid 1px #e9e9e9;
    text-indent: 12px;
}

.pages_school-list .aside_container .form_box .form_button_inline {
    width: 98px;
    height: 40px;
    border-radius: 2px;
    border: solid 1px #0088ff;
    background: #0088ff;
    color: #ffffff;
    cursor: pointer;
}

.pages_school-list .aside_container .form_box .form_button_inline:disabled {
    border: solid 1px #e9e9e9;
    background: #ffffff;
    color: #999999;
}

.pages_school-list .aside_container .form_box .form_select_block {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    border: solid 1px #e9e9e9;
    text-indent: 12px;
    -webkit-appearance: none;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAAeElEQVQImW3OMQ6BURBF4Y+oLIAN2INEaycKjTx7EI1GomIBKiUKnd4e6O2C3OS97j/VzJ2TmemVUt5Y4qmbOY597HHFtMNLdsNhgBNGuGOGXAiTmu3iRAwbjPGockh9wTZNE8MK57pliBfWbZgfGz8s8MWn1snAH7TpFoEVedPNAAAAAElFTkSuQmCC) no-repeat right 13px center;
}

.pages_school-list .aside_container .form_box .form_submit button {
    width: 276px;
    height: 40px;
    background-color: #0088ff;
    border-radius: 2px;
    color: #ffffff;
}

.pages_school-list .aside_container .form_box .form_submit button:active {
    opacity: .8;
}

.pages_school-list .aside_container .form_box .form_submit button:disabled {
    opacity: .5;
}

.pages_school-list .aside_container .form_box .form_tips {
    display: block;
    color: #999999;
    line-height: 40px;
    text-align: center;
}

.pages_school-list .aside_container .form_box .form_tips input {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 6px;
    vertical-align: -2px;
}

.ad_template_1 {
    display: block;
    width: 300px;
    height: 168px;
}

.mt-20 {
    margin-top: 20px;
}

.pages_school-list .aside_container .school_rank {
    background-color: #ffffff;

}

.pages_school-list .aside_container .school_rank dt {
    border-bottom: 1px solid #e9e9e9;
    padding: 20px 12px 14px;
    color: #222222;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
}

.pages_school-list .aside_container .school_rank dd {
    padding: 12px 12px 20px;
}

.pages_school-list .aside_container .school_rank a {
    display: flex;
    width: 100%;
    height: 24px;
    align-items: center;
    margin-bottom: 20px;
    text-decoration: none;
}

.pages_school-list .aside_container .school_rank a:nth-child(1) .eq {
    background: url(../images/rank/1.png) no-repeat;
    color: rgba(0, 0, 0, 0);
}

.pages_school-list .aside_container .school_rank a:nth-child(2) .eq {
    background: url(../images/rank/2.png) no-repeat;
    color: rgba(0, 0, 0, 0);
}

.pages_school-list .aside_container .school_rank a:nth-child(3) .eq {
    background: url(../images/rank/3.png) no-repeat;
    color: rgba(0, 0, 0, 0);
}

.pages_school-list .aside_container .school_rank .eq {
    display: flex;
    width: 22px;
    height: 24px;
    align-items: center;
    justify-content: center;
    color: #666666;
}

.pages_school-list .aside_container .school_rank .name {
    flex: none;
    width: 132px;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 6px;
}

.pages_school-list .aside_container .school_rank .comment {
    flex: none;
    width: 86px;
    color: #999999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pages_school-list .aside_container .school_rank .score {
    flex: auto;
    color: #ff8214;
    text-align: right;
}

/* 视频列表页 */

.pages_video-list {
    margin-bottom: 70px;
}

.body_container {
    margin-top: 8px;
}

.pages_video-list .aside_container {
    width: 240px;
}

.pages_video-list .main_container {
    width: 942px;
}

.pages_video-list .collapse {
    display: block;
    background: #ffffff;
}

.pages_video-list .collapse .collapse_title {
    width: 240px;
    height: 64px;
    line-height: 64px;
    color: #222222;
    font-size: 18px;
    text-indent: 18px;
    border-bottom: 1px solid #f2f2f2;
}

.pages_video-list .collapse .colla_item {
    height: 65px;
    overflow: hidden;
    border-bottom: 1px solid #f2f2f2;
}

.pages_video-list .collapse .colla_show {
    height: auto;
}

.pages_video-list .collapse .colla_item .colla_title {
    width: 240px;
    height: 65px;
    line-height: 65px;
    text-indent: 24px;
    color: #222222;
    font-size: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAAb0lEQVQImW3MsQ0BYRzG4efEAtiGHAsYQXLN1TcBietVVtB9UV7BDCodA7jaCPKX7xrxa98nb5FSuuOAk/9tsB2jRocJjj+2wQ7rgDcsccUU+4xaVCjxCBg9scAFMxQZzNEHGGD0ys9njLDC+7vgAwtdEmAaaOgLAAAAAElFTkSuQmCC) no-repeat right 27px center;
    cursor: pointer;
}

.pages_video-list .collapse .colla_show .colla_title {
    width: 240px;
    height: 65px;
    line-height: 65px;
    text-indent: 24px;
    color: #222222;
    font-size: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAAc0lEQVQImV3OsQnCUAAE0Ke4gUVKwdoRsoGtM6SzEuycwAXsJKQJvwk4QGwUnMM2hYXpEwJf+HjtvYObhRAkWeKGHjt8f908QSs88MIbd2T/cIMnKhxQoI3D9QQWyNHghEscDjiii3g7wSv2qNOzMWd8UI6wlhW+rtvQ6wAAAABJRU5ErkJggg==) no-repeat right 27px center;
}

.pages_video-list .collapse .colla_content {
    border-top: 1px solid #f2f2f2;
}

.pages_video-list .collapse .colla_content a {
    display: block;
    width: 238px;
    height: 48px;
    background-color: #ffffff;
    line-height: 48px;
    text-indent: 23px;
    text-decoration: none;
}

.pages_video-list .collapse .colla_content .active,
.pages_video-list .collapse .colla_content a:hover {
    background-color: #0088ff;
    color: #ffffff;
}

.pages_video-list .video_list {
    display: block;
    width: 942px;
    background-color: #ffffff;
    font-size: 0;
    padding: 24px 12px 0;
}

.pages_video-list .video_list .item {
    display: inline-block;
    width: 282px;
    margin: 0 12px 40px;
}

.pages_video-list .video_list .item .photo_box {
    display: block;
    width: 282px;
    height: 160px;
    overflow: hidden;
    position: relative;
}

.pages_video-list .video_list .item .photo_box span {
    display: inline-block;
    color: #ffffff;
    font-size: 12px;
    position: absolute;
    right: 12px;
    bottom: 12px;
}

.pages_video-list .video_list .item .name {
    margin-top: 3px;
    display: block;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.pages_video-list .video_list .item p {
    display: block;
    font-size: 0;
    text-align: justify;
}

.pages_video-list .video_list .item span {
    display: inline-block;
    width: 50%;
    color: #999999;
    font-size: 14px;
    text-align: right;
}

.pages_video-list .video_list .item span:first-child {
    text-align: left;
}

.pages_video-list .video_list .item svg {
    vertical-align: -1px;
    margin-right: 4px;
}

.pages_video-list .video_pagination {
    padding: 25px 0 49px;
    background-color: #ffffff;
}

/* 视频详情页 */

.pages_video-details .main_container {
    width: 860px;
}

.pages_video-details .aside_container {
    width: 300px;
}

.pages_video-details .video_box {
    display: block;
    width: 860px;
    height: 484px;
}

.pages_video-details .video_title {
    line-height: 52px;
    color: #333333;
    font-size: 24px;
}

.pages_video-details .aside_container dt {
    color: #222222;
    font-size: 18px;
    margin-bottom: 17px;
    line-height: 1;
}

.pages_video-details .aside_container .item {
    display: block;
    width: 300px;
    margin-bottom: 24px;
}

.pages_video-details .aside_container .photo_box {
    width: 140px;
    height: 80px;
}

.pages_video-details .aside_container .right_box {
    width: 151px;
    height: 80px;
    margin-left: 9px;
    line-height: 20px;
    position: relative;
}

.pages_video-details .aside_container .number {
    position: absolute;
    left: 0;
    bottom: 6px;
    color: #999999;
}

.pages_video-details .aside_container svg {
    vertical-align: -1px;
}

.ad_template_2 {
    display: block;
    width: 1200px;
    height: 90px;
}

.pages_video-details .hot_title {
    color: #222222;
    font-size: 24px;
    border-bottom: 2px solid #e5e5e5;
    padding-bottom: 17px;
    font-weight: normal;
}

.pages_video-details .video_list {
    display: block;
    width: 1224px;
    font-size: 0;
    padding: 26px 0;
    margin-left: -24px;
}

.pages_video-details .video_list .item {
    display: inline-block;
    width: 282px;
    margin: 0 0 40px 24px;
}

.pages_video-details .video_list .item .photo_box {
    display: block;
    width: 282px;
    height: 160px;
    overflow: hidden;
    position: relative;
}

.pages_video-details .video_list .item .photo_box span {
    display: inline-block;
    color: #ffffff;
    font-size: 12px;
    position: absolute;
    right: 12px;
    bottom: 12px;
}

.pages_video-details .video_list .item .name {
    margin-top: 3px;
    display: block;
    line-height: 34px;
    font-size: 14px;
    height: 34px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.pages_video-details .video_list .item p {
    display: block;
    font-size: 0;
    text-align: justify;
}

.pages_video-details .video_list .item span {
    display: inline-block;
    width: 50%;
    color: #999999;
    font-size: 14px;
    text-align: right;
}

.pages_video-details .video_list .item span:first-child {
    text-align: left;
}

.pages_video-details .video_list .item svg {
    vertical-align: -1px;
    margin-right: 4px;
}

.pages_mock-examination {
    margin-bottom: 72px;
}

.pages_mock-examination .aside_container {
    width: 240px;
    background-color: #ffffff;
    border: solid 1px #f2f2f2;
}

.pages_mock-examination .main_container {
    width: 942px;
    background: #ffffff;
}

.pages_mock-examination .aside_container dt {
    height: 64px;
    color: #222222;
    line-height: 64px;
    font-size: 18px;
    font-weight: bold;
    text-indent: 24px;
}

.pages_mock-examination .aside_container a {
    display: block;
    width: 100%;
    height: 64px;
    border-top: 1px solid #f2f2f2;
    color: #333333;
    font-size: 16px;
    text-indent: 24px;
    line-height: 64px;
    text-decoration: none;
    position: relative;
}

.pages_mock-examination .aside_container a:after {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background: #ffffff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAKCAYAAAB8OZQwAAAAdklEQVQImU3OrRHCUBBF4Y+fDqCEVAFDC1SAYGggPgKBSAFxrwAkBhGXAigAh6SBVBBmmbyZd+TZvbt3kVJ644KXmSVaPFFlucYdGwzY4xsy6LBFj0OWwXUePOJmyYRVuXmLaBmvccYOY8gTmvw59wxxxOefwQ9HwRJER408kgAAAABJRU5ErkJggg==') no-repeat center right 6px;
    color: #999999;
    position: absolute;
    top: 24px;
    right: 24px;
    text-align: center;
    line-height: 18px;
    border-radius: 50%;
}

.pages_mock-examination .aside_container .active,
.pages_mock-examination .aside_container a:hover {
    background-color: #0088ff;
    color: #ffffff;
}

.pages_mock-examination .aside_container .active:after {
    background: #ffffff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAKCAYAAAB8OZQwAAAAdklEQVQImU3OrRHCUBBF4Y+fDqCEVAFDC1SAYGggPgKBSAFxrwAkBhGXAigAh6SBVBBmmbyZd+TZvbt3kVJ644KXmSVaPFFlucYdGwzY4xsy6LBFj0OWwXUePOJmyYRVuXmLaBmvccYOY8gTmvw59wxxxOefwQ9HwRJER408kgAAAABJRU5ErkJggg==') no-repeat center right 6px;
}

.pages_mock-examination .main_container .title {
    color: #222222;
    font-size: 20px;
    padding-top: 40px;
    text-align: center;
    line-height: 1;
    font-weight: normal;
}

.pages_mock-examination .main_container .nav_list {
    display: block;
    margin-top: 12px;
    width: 100%;
    height: 250px;
    text-align: center;
    font-size: 0;
}

.pages_mock-examination .main_container .nav_item {
    display: inline-block;
    width: 210px;
    text-decoration: none;
    padding: 20px 0;
    transition: all .2s linear;
    margin: 4px 10px;
}

.pages_mock-examination .main_container .nav_item:hover {
    transform: translateY(-2%);
    box-shadow: 1px 4px 10px 2px rgba(4, 0, 0, 0.35);
    transition: all .2s linear;
}

.pages_mock-examination .main_container .nav_item p {
    line-height: 50px;
    font-size: 20px;
    color: #333333;
}

.pages_mock-examination .main_container .nav_item span {
    display: block;
    color: #999999;
    font-size: 16px;
}

.pages_mock-examination .main_container .sub_title {
    color: #666666;
    font-size: 16px;
    line-height: 28px;
    margin-top: 22px;
    margin-bottom: 34px;
    text-align: center;
}

.pages_mock-examination .main_container .video_list {
    display: block;
    padding: 0 40px 40px;
    margin-left: -20px;
}

.pages_mock-examination .main_container .video_item {
    float: left;
    width: 200px;
    height: 134px;
    margin-left: 20px;
    margin-bottom: 20px;
    text-decoration: none;
}

.pages_mock-examination .main_container .video_item img {
    display: block;
}

.pages_mock-examination .main_container .video_item span {
    display: block;
    line-height: 1;
    color: #666666;
    margin-top: 6px;
}

.pages_mock-examination .main_container .photo_box {
    width: 420px;
    height: 286px;
    position: relative;
}

.pages_mock-examination .main_container .photo_box span {
    display: block;
    width: 100%;
    height: 36px;
    background: rgba(0, 0, 0, 0.2);
    line-height: 36px;
    text-indent: 10px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.pages_mock-examination .exam_reminder {
    display: block;
    width: 100%;
    background: #ffffff;
    margin-top: 17px;
    padding: 24px;
    line-height: 1.6;
}

.pages_mock-examination .exam_reminder h4 {
    font-weight: normal;
}

.pages_mock-examination .exam_reminder p {
    color: #999999;
    margin-top: 12px;
}

.search_tips {
    text-align: center;
    padding: 10px;
}

.search_tips span {
    font-weight: bold;
    color: #0088ff;
    margin: 0 4px;
}

/* 入驻*/
.pages_school-entry .middle_container {
    display: block;
    width: 1920px;
    height: 1026px;
    background: url("../images/ruzhu/bg.png") no-repeat;
    position: relative;
    left: 50%;
    margin-left: -960px;
    padding-top: 12px;
}

.pages_school-entry .top_bar {
    display: block;
    width: 1072px;
    height: 40px;
    margin: 0 auto;
}

.pages_school-entry .right_box {
    font-size: 0;
}

.pages_school-entry .right_box li {
    display: inline-block;
    font-size: 14px;
    line-height: 40px;
}

.pages_school-entry .right_box span {
    margin: 0 16px;
}

.pages_school-entry .page_title {
    line-height: 50px;
    font-size: 32px;
    text-align: center;
    margin-top: 24px;
}

.pages_school-entry .page_sub-title {
    line-height: 40px;
    color: #666666;
    font-size: 18px;
    text-align: center;
}

.pages_school-entry .main_container {
    width: 1072px;
    height: 684px;
    background-color: #ffffff;
    box-shadow: 0 12px 25px 2px rgba(0, 0, 0, 0.05);
    margin: 24px auto 0;
}

.pages_school-entry .aside_container {
    width: 296px;
    height: 684px;
    background-color: #f7f9fa;
}

.pages_school-entry .body_container {
    width: 776px;
}

.pages_school-entry .aside_container .tabs_item {
    width: 296px;
    height: 148px;
    border-bottom: 1px solid #e6e6e6;
    padding: 20px 0 0 30px;
    position: relative;
    cursor: pointer;
}

.pages_school-entry .aside_container .active {
    border-bottom: none;
}

.pages_school-entry .type_school-entry .tabs_item:nth-child(1) {
    background: url("../images/ruzhu/item-off-1.png") no-repeat;
}

.pages_school-entry .type_school-entry .tabs_item:nth-child(2) {
    background: url("../images/ruzhu/item-off-2.png") no-repeat;
}

.pages_school-entry .type_school-entry .tabs_item:nth-child(3) {
    background: url("../images/ruzhu/item-off-3.png") no-repeat;
}

.pages_school-entry .type_school-entry .active:nth-child(1) {
    background: url("../images/ruzhu/item-on-1.png") no-repeat;
}

.pages_school-entry .type_school-entry .active:nth-child(2) {
    background: url("../images/ruzhu/item-on-2.png") no-repeat;
}

.pages_school-entry .type_school-entry .active:nth-child(3) {
    background: url("../images/ruzhu/item-on-3.png") no-repeat;
}

.pages_school-entry .type_attestation .tabs_item:nth-child(1) {
    background: url("../images/ruzhu/item-off-4.png") no-repeat;
}

.pages_school-entry .type_attestation .tabs_item:nth-child(2) {
    background: url("../images/ruzhu/item-off-5.png") no-repeat;
}

.pages_school-entry .type_attestation .active:nth-child(1) {
    background: url("../images/ruzhu/item-on-4.png") no-repeat;
}

.pages_school-entry .type_attestation .active:nth-child(2) {
    background: url("../images/ruzhu/item-on-5.png") no-repeat;
}

.pages_school-entry .aside_container .tabs_item h4 {
    line-height: 30px;
    font-size: 22px;
    font-weight: normal;
}

.pages_school-entry .aside_container .tabs_item p {
    position: absolute;
    left: 30px;
    top: 83px;
    line-height: 20px;
    color: #666666;
}

.pages_school-entry .aside_container .tabs_item:hover h4 {
    color: #0088ff;
}

.pages_school-entry .aside_container .tabs_item:hover p {
    color: #0088ff;
    opacity: .6;
}

.pages_school-entry .aside_container .active h4,
.pages_school-entry .aside_container .active:hover h4 {
    color: #ffffff;
}

.pages_school-entry .aside_container .active p,
.pages_school-entry .aside_container .active:hover p {
    color: #dfdfdf;
    opacity: 1;
}

.pages_school-entry .body_container {
    padding: 40px;
}

.pages_school-entry .body_container .content_item {
    display: none;
}

.pages_school-entry .body_container .show {
    display: block;
}

.pages_school-entry .body_container .form_title {
    line-height: 30px;
    font-size: 24px;
}

.pages_school-entry .body_container .form_sub_title {
    line-height: 24px;
    color: #ff3c3c;
    font-size: 13px;
    margin-bottom: 20px;
}

.pages_school-entry .body_container .form_item {
    display: block;
    width: 535px;
    height: 48px;
    font-size: 0;
    margin-bottom: 24px;
    position: relative;
}

.pages_school-entry .body_container .form_item label {
    display: inline-block;
    width: 117px;
    font-size: 16px;
    color: #484848;
    text-align: right;
}

.pages_school-entry .body_container .form_item label i {
    color: #ff2020;
    margin-right: 5px;
}

.pages_school-entry .body_container .form_input_block,
.pages_school-entry .body_container .form_select_block {
    display: inline-block;
    width: 418px;
    height: 48px;
    border-radius: 2px;
    border: solid 1px #d9d9d9;
    text-indent: 12px;
    font-size: 16px;
    line-height: 48px;
}

.pages_school-entry .body_container .form_select_block {
    -webkit-appearance: none;
    cursor: pointer;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAAeElEQVQImW3OMQ6BURBF4Y+oLIAN2INEaycKjTx7EI1GomIBKiUKnd4e6O2C3OS97j/VzJ2TmemVUt5Y4qmbOY597HHFtMNLdsNhgBNGuGOGXAiTmu3iRAwbjPGockh9wTZNE8MK57pliBfWbZgfGz8s8MWn1snAH7TpFoEVedPNAAAAAElFTkSuQmCC) no-repeat right 13px center;
}

.pages_school-entry .body_container .form_select_block optgroup,
.pages_school-entry .body_container .form_select_block option {
    color: #333333;
    text-indent: 12px;
}

.pages_school-entry .body_container .form_input_inline {
    display: inline-block;
    width: 262px;
    height: 48px;
    border-radius: 2px;
    border: solid 1px #d9d9d9;
    text-indent: 12px;
    font-size: 16px;
}

.pages_school-entry .body_container .form_input_btn {
    display: block;
    float: right;
    width: 140px;
    height: 48px;
    background-color: #0088ff;
    border-radius: 2px;
    border: none;
    color: #ffffff;
    cursor: pointer;
}

.pages_school-entry .body_container .form_input_btn:disabled {
    border: solid 1px #e9e9e9;
    background: #ffffff;
    color: #999999;
    cursor: default;
}

.pages_school-entry .body_container .form_privacy {
    color: #8e8e8e;
    text-indent: 117px;
    font-size: 13px;
}

.pages_school-entry .body_container .form_privacy a {
    color: #0088ff;
}

.pages_school-entry .body_container .form_submit button {
    display: block;
    width: 262px;
    height: 48px;
    background-color: #0088ff;
    border-radius: 2px;
    margin: 16px 0 0 117px;
    color: #ffffff;
    font-size: 16px;
}

.pages_school-entry .body_container .form_submit button:active {
    opacity: .8;
}

.pages_school-entry .footer_container {
    display: block;
    width: 100%;
    height: 56px;
    background-color: #ffffff;
    color: #999999;
    text-align: center;
    line-height: 56px;
}

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

.pages_school-entry .mask_container .mask_box {
    width: 400px;
    height: 184px;
    background-color: #ffffff;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    padding-top: 36px;
}

.pages_school-entry .mask_container .mask_box p {
    line-height: 40px;
    text-align: center;
    font-size: 20px;
}

.pages_school-entry .mask_container .mask_box .btn_list {
    margin-top: 20px;
    text-align: center;
}

.pages_school-entry .mask_container .mask_box .btn_list button {
    display: inline-block;
    width: 110px;
    height: 40px;
    background-color: #0088ff;
    border-radius: 6px;
    margin: 0 16px;
    color: #ffffff;
    font-size: 16px;
}

.pages_school-entry .mask_container .mask_box .btn_list .no {
    background-color: #bababa;
}

.pages_school-entry .examples_list {
    display: table;
    width: 100%;
    text-align: center;
}

.pages_school-entry .examples_list .item_card {
    display: inline-table;
    width: 218px;
}

.pages_school-entry .ml-mr-20 {
    margin: 0 20px;
}

.pages_school-entry .examples_list .item_card .photo_box {
    display: block;
    width: 218px;
    height: 164px;
    background-color: #f8f8fa;
    border-radius: 4px;
    border: solid 1px #f2f2f2;
    padding: 16px;
}

.pages_school-entry .examples_list .item_card p {
    line-height: 42px;
    text-align: center;
    color: #666666;
}

.pages_school-entry .upload_list {
    display: block;
    width: 100%;
    margin-top: 24px;
    margin-bottom: 45px;
}

.pages_school-entry .upload_list .upload_box {
    display: block;
    float: left;
    width: 218px;
    height: 164px;
    border-radius: 4px;
    border: dashed 1px #cccccc;
    position: relative;
    background: url("../images/ruzhu/add.png") no-repeat top 54px center;
    overflow: hidden;
}

.pages_school-entry .upload_list .upload_box:after {
    content: '添加图片';
    display: block;
    width: 100%;
    color: #666666;
    text-align: center;
    position: absolute;
    top: 97px;
    left: 0;
    z-index: 1;
}

.pages_school-entry .upload_list .upload_box input {
    display: block;
    width: 218px;
    height: 164px;
    position: absolute;
    z-index: 9;
    opacity: 0;
    cursor: pointer;
}

.pages_school-entry .upload_list .upload_box .photo_box {
    position: absolute;
    z-index: 8;
    display: none;
    width: 218px;
    height: 164px;
}

.pages_school-entry .upload_list .upload_box .photo_box img {
    display: block;
    width: 218px;
    height: 164px;
}


.pages_school-entry .upload_list .upload_show-box {
    display: block;
    float: left;
    margin-left: 20px;
    width: 456px;
    height: 164px;
}


.pages_school-entry .upload_list .upload_show-box .swiper-container {
    width: 456px;
    height: 164px;
}

.pages_school-entry .upload_list .upload_show-box .swiper-slide {
    width: 218px;
    height: 164px;
}

.pages_school-entry .upload_list .upload_show-box .swiper-slide img {
    width: 218px;
    height: 164px;
    background: #ededed;
}

.pages_school-entry .upload_list .upload_show-box .swiper-slide span {
    display: none;
    width: 24px;
    height: 24px;
    color: #ffffff;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAB+klEQVRIS7XWT6hNURQG8N8bSsrEgMQTMTQgZSwzZij/higm3jNiggkzTCgMhcKMmWSo5A2UCZE/iYGJP8mQvtvet/OOe949T96q06291/2+tdde5/vOhLljDbZhP1ZgeUn/jE+4iUd42wUz0bGxCYfL8wMP8BTvSv4ktmAHluBaeWbaeKMITuIc3uACbiAkoyLgBzGNtTiF883ENsEZnMZdHMOXMS2s28twGbtxFsEZRJMgm3faCT0JalotcE8pckiQnj/DJUzNE7SdfhHHsRkz9QRXy7RsbbTld8/T1KorVtr1pEzXkSyux8vS8yuNcuofZ/W0VW5XztFyJxtCcKLc/kr86gmQtLkKWISPmcYQPMZrHOrofQXKb04zDrzCXMe6EKQ9t5ujNYKoWW22M8pzta4WsTcE38sLNZzdMSfJ9jjwSjAdgm/IaC0EwVQIXuDeArVoVwjy9iby9o2KUdPSZ4QHuCE4UARtNT78pzFdhfcRwhAEODLcvrg+VXbl1PXJplRE26MfMZPEv0pFTCm6Fg8ZSEWiil1kuusuOq7or+X0Pso8S+ySVY2mz4x3kdXWDI2ny3Ai23G1+RhOQCPTnYZTq6rGUy3zFr52lLwU+xqWOTSamt/H9H/iIZ63SDZiOxbP1/SbOPGKneXrYdRnSyblPl51XcofhtKKJniJZIkAAAAASUVORK5CYII=");
    position: absolute;
    top: 6px;
    right: 6px;
    border-radius: 50%;
    cursor: pointer;
}

.pages_school-entry .upload_list .upload_show-box .swiper-slide:hover span {
    display: block;
}

.bc_city {
    margin-top: 24px;
    border: 1px solid #e8e8e8;
}

.bc_city .city_head {
    width: 1200px;
    height: 97px;
    border-bottom: 1px solid #e8e8e8;
    line-height: 97px;
    font-size: 16px;
}

.bc_city .city_head span {
    margin-left: 17px;
}

.bc_city .city_head select {
    display: inline-block;
    width: 150px;
    height: 40px;
    border-radius: 4px;
    border: solid 1px #e5e5e5;
    padding: 0 11px;
    font-size: 14px;
}

.bc_city .city_head input {
    display: inline-block;
    width: 264px;
    height: 40px;
    border-radius: 4px;
    border: solid 1px #e5e5e5;
    padding: 0 11px;
}

.bc_city .city_index {
    height: 80px;
    font-size: 16px;
    padding: 30px 0;
    box-sizing: border-box;
}

.bc_city .city_index dt {
    padding-left: 17px;
    width: 9%;
    box-sizing: border-box;
}

.bc_city .city_index dd {
    padding-left: 18px;
    width: 91%;
    box-sizing: border-box;
}

.bc_city .city_index dd span {
    margin: 0 16px;
    cursor: pointer;
}

.bc_city .city_index span.active {
    color: #ff4d4f;
}

.bc_city .city_body {
    margin-top: 20px;
}

.bc_city .city_body dt {
    display: block;
    width: 100%;
    height: 48px;
    background-color: #f5f5f5;
    line-height: 48px;
    text-indent: 16px;
    font-size: 16px;
    font-weight: bold;
}

.bc_city .city_body dd {
    padding: 12px 0 28px;
}

.bc_city .city_body ul {
    display: block;
    line-height: 36px;
    font-size: 0;
    padding-left: 88px;
    position: relative;
}

.bc_city .city_body li {
    display: inline-block;
    font-size: 14px;
}

.bc_city .city_body li:first-child {
    position: absolute;
    left: 0;
    top: 0;
}

.bc_city .city_body li span {
    display: inline-block;
    width: 88px;
    text-align: right;
    font-size: 16px;
    font-weight: bold;
}

.bc_city .city_body li a {
    margin-right: 22px;
}

.bc_city .city_body li .active {
    color: #ff4d4f;
}

.pages_school-entry .type_attestation .form_submit button {
    margin: 0 auto 16px;
}

.pages_school-entry .type_attestation .form_privacy {
    text-align: center;
    text-indent: 0;
}

.pages_school-entry .publicity_list {
    display: block;
    width: 696px;
    font-size: 0;
}

.pages_school-entry .publicity_list .publicity_card {
    display: inline-block;
    width: 200px;
    margin-right: 48px;
    margin-bottom: 24px;
}

.pages_school-entry .publicity_list .publicity_card img {
    display: block;
    width: 200px;
    height: 136px;
    background-color: #b5b5b5;
}

.pages_school-entry .publicity_list .publicity_card p {
    font-size: 14px;
    text-align: center;
    line-height: 35px;
}

.pages_school-entry .publicity_list .publicity_card span {
    display: block;
    width: 200px;
    height: 34px;
    background-color: #ffffff;
    border-radius: 2px;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    border: solid 1px #0088ff;
    color: #0088ff;
    margin-top: 3px;
    cursor: pointer;
}

.pages_school-entry .publicity_list .publicity_card span:hover {
    background: #0088ff;
    color: #ffffff;
}

.pages_school-entry .popup_upload-container {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
}

.pages_school-entry .popup_upload-container .popup_upload-box {
    display: none;
    width: 1072px;
    height: 684px;
    background-color: #ffffff;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    padding: 38px 96px 0;
}

.pages_school-entry .popup_upload-container .popup_upload-box dt {
    line-height: 50px;
    color: #222222;
    font-size: 20px;
}

.pages_school-entry .popup_upload-container .popup_upload-box dd {
    display: block;
    width: 880px;
    height: 472px;
    border-radius: 4px;
    border: dashed 2px #b8c4ce;
    padding: 17px 0 17px 17px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.pages_school-entry .popup_upload-container .popup_upload-box ul {
    display: block;
    width: 846px;
    font-size: 0;
}

.pages_school-entry .popup_upload-box li {
    display: inline-block;
    width: 248px;
    height: 186px;
    background-color: #dcdcdc;
    margin: 17px;
    position: relative;
}

.pages_school-entry .popup_upload-box li:hover span {
    display: block;
}

.pages_school-entry .popup_upload-box li span {
    display: none;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 12px;
    right: 12px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACWklEQVRIia2W0WtSYRjGfzsVW4NizotW4mAgDgYxl9pFEEJdLooSxJtSo7/C/8CLgTfdDTUMvJDUC7tUhJgbVPetWNrK1UU2pQNzYC6+cc44HM45OvS50nPe8/wOz/m+9/2msNY8cBtYBq4DV4B/wCHQBj4DH4DfZi5mAGH8BPAC0pCXOFEgBeDPKIBV4DkwM8RYr2MgC7zXXr+gK7oPRIBL5zQXugisAT3gqxHABzy1iG0UiWdXgF/AAZp8RebPxjRXNaV4zWsBj4HpCZirmlYWySnADviNqiRJIhKJOJxOpyE8HA4vuFyuyyYQEbldUn4YRhMKhRYymcz69vb2I7fbPau9l0qlbuVyuYfZbPauCUB4+iRlExmqUqm09/f32w6HY65arT5QIcI8Fov5BoPBST6f/2IR1bKgJIA5s4qlpaWZWq22vri4aG+1Wp2tra1voVBoVZjH4/FqIpHYswB0BOClsoZNpYWImhHNhfrD2sCpGo1Gb2dn54f6v9vtHhWLxZ+jPCsA8rCidDrtVWNpt9uyzWab1X4TC8mSuuOszKPRqFeNxefzFYw+vIlaAvDJ7G4wGLymNReZN5vNXiAQeKtCUqnUHQvAruhFHeCe0V6QZbnv9/uvJpPJjxsbG2cNrNPp9EulUsPj8cyWy+VmvV4/NDAXbfy1avrCbDePIdG2N9VVVFD6+aR0rHietesjZeytTaCjimgywB66eXCggFbGgAjzN8A79YJ+ojWA78DNYbvbQCKWV1pzoWFD37TT6t76XENfD1KPLTeUY4vQXyXSXctjC/AfCwrbV/RqD3kAAAAASUVORK5CYII=") no-repeat;
}

.pages_school-entry .popup_upload-box li span:hover {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACDUlEQVRIia2Wv0tbURTHPy8OLq0ESQtSSBanKjq4uvgPFFzaGhyMsY7VItKOxaV2KLESMhU3fy6Co5AmIFlcsthJqUQUpIoY6hBbSOTUE595vff1VfNdkrx77ud773n3nBun1t+Pj6JAHBgAngKPgN/AIVAC8sAqsG9D2AwEPAs8B1r8VgBU1eQdcOAdDBkmPAN2gKEA8DpDYr/pp6/BBLAOPAwA9uoBsAi8sRm8AFKWXQWVA3xSVoOB5PyLBtxXjrKitw0+6BabJWF9rBvEgJdGsONAXx+0tZl9e3uhvd22JjmBsZDCzXnv6YG5Ochk/gaNjEA6DVNTNoM/7JAWkVm7u7C3B7EYzM+7JgJPJqFahc1Nv6wOSKFJVT6xhoTDkEpBZyeUSlAoQDx+DZ+ZgWzWz+BIDCpAq19Ug4koGFz0K9iZPz+H7W3399kZFIuBporB6T+jEgk3LcfHEIk0vhO7TkLaQ/zho6NuWsbGzC/erB0x+God7u5uhEvOy2WYnHRN5LtduZb30egR8NrYJioV6OiAhQXI5dznl5eQz1+namsL9o3XgbTx8fp9sGyt5rtrRdp3/RS9BS6aCL9Q5k2LkJvoFVBrArymrAM8PWhFL4vqPeHTysJrIPoMDAI/7wCXtAzrhXMjUyVvyAHVVQTZjcRIbBew5B38n78tAnisz39ogcrZXQO+G2cDV7lKlAW9Cc+CAAAAAElFTkSuQmCC') no-repeat;
}

.pages_school-entry .popup_upload-box .update_tool {
    display: block;
    width: 100%;
    height: 44px;
    margin-top: 32px;
}

.pages_school-entry .popup_upload-box .update_tool input {
    display: none;
}

.pages_school-entry .popup_upload-box .update_tool button {
    display: block;
    width: 192px;
    height: 44px;
    background-color: #0088ff;
    color: #ffffff;
    font-size: 16px;
}

.pages_test-template {
    margin-bottom: 72px;
}

.pages_test-template .question_content .question_title {
    line-height: 48px;
    color: #333333;
    font-size: 18px;
}

.pages_test-template .question_body {
    display: block;
    width: 100%;
    height: 280px;
    position: relative;
}

.pages_test-template .question_body .options_list {
    display: block;
    width: 800px;
}

.pages_test-template .question_body .options_list p {
    display: block;
    line-height: 30px;
    color: #666666;
    font-size: 16px;
    text-indent: 36px;
    margin: 10px 0;
    cursor: pointer;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABf0lEQVQ4ja3VTUtVURTG8V/XsJE4aGJF0CznVlYQROCwtDK/QERNmtTIPsAd1jBQ6QNkoFHTTLjoQAqhEgwaRC80tkYFgazL2nDu5ZKp54ENh33W+p99WGs/60Cr1dJD/ZjIdQ5H8QffsI4FPM+9DjV6wK5iA7exjDEM4DAu596djLnWnXyw8tyHJq7gViZ261OuGVzEY4ziAf7qOmHAzmZAL1i3IuZMxjfLuwKcxHie7ud/wIp+VfImCzAK8BA3sbULWNFW5j4KVgBv4CNW9gArWsUmphrZGk/3ASsKxkQAT+N1DcAlnArgEL7UAPyKI43s9kM1ANsK4A8cq4F1PFgBfIcLNQAv4U0AF6PcNQCDsRjAeZzE+X3AwpGGg1WKch9zGNwDLHKe4B5+l7scp3yZHjewC1jERs6LZHS4zTTeYy2taSdFTMR+yNy2qn4YfnYX1zGLz3mdXmXTholEa0RHRAFOJOhZ9cv/GgFhGuHeI5U+/Y63OQLiFztHALYBk9hOcLSq0n0AAAAASUVORK5CYII=") no-repeat left top 5px;
}

.pages_test-template .question_body .options_list p a {
    color: #666666;
    text-decoration: none;
}

.pages_test-template .question_body .options_list .error {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABqElEQVQ4jaWVzUoCURiGn8aotQYFFSQY3kCr7qLAH/QWrJ0U3UBQLWpRt2BhVnYfRdBSEgoKcaFtI4jinTmT5zRjhb5w4OP7eebMfN85M/GZThOjKWDNrFVgHngHnoE74Aq4Nj5HccB1YB9YjnuSpQdgG7i0nZ5lJ4A9k/AXDJNzYWoSoXPSStgFtv4B+qmwRrv9fuUccD4CzFYeaHimAYdOaHYWKhVIJqNl8immHFdHYnmGvOg+Kw/VKpydQSo18MuWTzHluFoACp4ZDVenp9BqQTYb2AJpyZZPMdlRrekbPgJLkZgNaLcDXyYTwMpl6PXigE8CvgHTcVEfWq8HIEngYnEYTHr34qZ9HAnYGbo7vbJ2p51pya7VYGZm2CM7At4PhYUNKBSCFTZKULv7A90I2Iy4S6UBTHa/HyzZIVR2VE01RYPddmZxbg5yuWAnr69uiQZbXW40oNu1Iy+ag/DoaUrrY/ajoOMb3jY6xwdjwFTr3wX29bUDHI8AOzG1vmzgB7Bpbh5dnn9JOfpUG6bW12+/ACXr9l4xB1/Sh781vwC9onsogC9Lv3o/uK2VlQAAAABJRU5ErkJggg==') no-repeat left top 5px;
}


.pages_test-template .question_body .options_list .success {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAB0UlEQVQ4jaWVMUgbURjHfz0v1obUWoukGrGCrRBQRKpDtyqCkxBBM7sKdmjRSIdWFBFaBx10tVMnUdPFSXToqgiNIIKFCibipHWINI1RvuMdvJwXc+ofDo7/+77ffe/de997wM8oLioFIup5A9QAGeAQ2AZWgB/Ky5MbsBf4Crx0+5KmfWAUWNZNQ3svAb6ogGIwVMySyimxTVMLmAJiHkBO2TmjeoV9d4TZiimGBZQfMHMPmK1ZYQmwH6i9TWalGeBzXR8NZUHdDgFRU22NW8HWmj7RGqgnYDwk9ue7PhyRCtt1p8pXzkDwLWWG70bY3nmKmdSqM6RNgM91ZzjUw7dXg8TDIzwySgvCOhMTHGVOnMBqw7nbF443OP7/l+6nLayEhy2oGyx1HWZJTsoe0KibYX+IjeYxgr4nrJ/u8Mx8TEvgRVEYcCAV/nK6u+kkHYlxq9LOiiavMNGmAONuIwLtSkxycZnjPJfxAhPFZcqy8r8L7cVy0082lyWdu9ZYnEoCDfZP+VAo6iyb9gITvQf+2Wd5EZj2klVAkiuMvPb1EZi7A2xe5VrSgRfAO9U1pHkWk8RIHxhSuZZuugIkWLr3a3XwRbLwW+oKkCnmLy5wBROEkHVlu6IpAAAAAElFTkSuQmCC') no-repeat left top 5px;
}

.pages_test-template .question_body .answer_submit {
    display: none;
}

.pages_test-template .question_body .answer_submit button {
    display: block;
    width: 64px;
    height: 32px;
    background-color: #0088ff;
    border-radius: 4px;
    margin-left: 36px;
    color: #ffffff;
    font-size: 16px;
    margin-top: 14px;
}

.pages_test-template .question_body .media_box {
    position: absolute;
    top: 0;
    right: 20px;
}

.pages_test-template .question_body .media_box img {
    max-width: 300px;
    display: block;
    margin: 0 auto;
}

.pages_test-template .option_type-msg {
    line-height: 24px;
    color: #999999;
}

.pages_test-template .tool_bar {
    margin-top: 20px;
}

.pages_test-template .tool_bar .btn_bar button {
    display: block;
    width: 110px;
    height: 36px;
    border-radius: 4px;
    border: solid 1px #e9e9e9;
    font-size: 16px;
    background: #ffffff;
}

.pages_test-template .tool_bar .btn_bar button:nth-child(2n) {
    margin: 0 20px;
}

.pages_test-template .tool_bar .btn_bar .prev,
.pages_test-template .tool_bar .btn_bar .next {
    background-color: #0088ff;
    border: none;
    color: #ffffff;
}

.pages_test-template .tool_bar .msg_bar {
    margin-top: 30px;
    height: 36px;
    color: #999999;
}

.pages_test-template .tool_bar .msg_bar .is_next label {
    margin-right: 55px;
    color: #333333;
    cursor: pointer;
}

.pages_test-template .tool_bar .msg_bar .is_next input {
    vertical-align: -1px;
    margin-right: 4px;
}

.pages_test-template .tool_bar .msg_bar span {
    margin-right: 30px;
}

.pages_test-template .tool_bar .msg_bar .yes span {
    color: #00c356;
}

.pages_test-template .tool_bar .msg_bar .wrong span {
    color: #ff2020;
}

.pages_test-template .tool_bar .msg_bar .ratio span {
    color: #333333;
}

.pages_test-template .problem_box {
    display: block;
    width: 1200px;
    height: 268px;
    overflow-y: scroll;
    margin-top: 10px;
}

.pages_test-template .problem_list {
    display: block;
    width: 1200px;
    height: 268px;
    overflow-y: scroll;
    margin-top: 10px;
    border: solid 1px #eeeeee;
}

.pages_test-template .problem_list .problem_item {
    display: block;
    width: 56px;
    height: 34px;
    border: solid 1px #eeeeee;
    text-align: center;
    line-height: 34px;
    cursor: pointer;
}

.pages_test-template .problem_list .active {
    background-color: #e6e6e6;
}

.pages_test-template .problem_list .yes {
    background-color: #00c356;
    color: #ffffff;
}

.pages_test-template .problem_list .wrong {
    background-color: #ff2020;
    color: #ffffff;
}

.pages_test-template .question_des {
    display: none;
    min-height: 161px;
    height: 161px;
    border: solid 2px #eeeeee;
    margin-top: 24px;
}

.pages_test-template .question_des .title {
    height: 50px;
    border-bottom: 2px solid #f2f2f2;
    text-indent: 12px;
    line-height: 50px;
    font-size: 18px;
}

.pages_test-template .question_des .analyze_box {
    padding: 12px;
}

.pages_test-template .question_des .analyze_box p {
    color: #666666;
    line-height: 1.6;
}

.pages_test-classify {
    margin-bottom: 72px;
}

.pages_test-classify dl {
    min-height: 124px;
    padding-top: 17px;
    padding-bottom: 22px;
    border-bottom: 1px solid #f2f2f2;
}

.pages_test-classify dt {
    font-size: 18px;
    line-height: 48px;
}

.pages_test-classify dd {
    line-height: 36px;
}

.pages_test-classify dd a {
    display: inline-block;
    margin-right: 50px;
}

.pages_mock-examination .content_body {
    margin-top: 44px;
}

.pages_mock-examination fieldset {
    font-size: 18px;
    border: solid 1px #dddddd;
    padding: 10px;
}

.pages_mock-examination .left_aside {
    width: 162px;
    margin-right: 20px;
}

.pages_mock-examination .center_container {
    width: 598px;
    margin-right: 20px;
}

.pages_mock-examination .right_aside {
    width: 400px;
}

.pages_mock-examination .left_aside legend {
    text-align: center;
}

.pages_mock-examination .left_aside .test_platform {
    height: 94px;
}

.pages_mock-examination .left_aside .test_platform span {
    display: block;
    font-size: 16px;
    text-align: center;
    margin-top: 18px;
}

.pages_mock-examination .user_info {
    margin-top: 30px;
    height: 286px;
}

.pages_mock-examination .user_info .author_photo {
    display: block;
    width: 96px;
    height: 96px;
    border: solid 1px #e0e0e0;
    margin: 15px auto;
}

.pages_mock-examination .user_info .info_item {
    line-height: 32px;
    font-size: 16px;
}

.pages_mock-examination .surplus_time {
    height: 74px;
    margin-top: 14px;
    text-align: center;
}

.pages_mock-examination .surplus_time span {
    display: block;
    text-align: center;
    color: #00c356;
    font-size: 20px;
    margin-top: 6px;
}

.pages_mock-examination .center_container legend {
    margin-left: 41px;
}

.pages_mock-examination .center_container .exam_container {
    height: 410px;
    position: relative;
}

.pages_mock-examination .center_container .question_detail {
    width: 100%;
    height: 300px;
    padding: 0 12px;
    margin-top: 5px;
}

.pages_mock-examination .center_container .question_stem {
    line-height: 30px;
    font-size: 18px;
    color: #4c4c4c;
}

.pages_mock-examination .center_container .option_list {
    line-height: 36px;
    margin-top: 10px;
    color: #666666;
}


.pages_mock-examination .center_container .select_answer {
    position: absolute;
    display: block;
    width: 100%;
    height: 72px;
    left: 0;
    bottom: 0;
    padding: 0 21px;
    line-height: 72px;
    color: #666666;
}

.pages_mock-examination .center_container .select_answer .sec-answer {
    display: none;
}

.pages_mock-examination .center_container .answer_list {
    display: block;
    width: 100%;
    text-align: right;
    font-size: 0;
}

.pages_mock-examination .center_container .answer_list li {
    display: inline-block;
    font-size: 16px;
}

.pages_mock-examination .center_container .answer_list li a {
    text-decoration: none;
}

.pages_mock-examination .center_container .answer_list .item a {
    display: inline-block;
    width: 32px;
    height: 26px;
    border-radius: 4px;
    border: solid 1px #808080;
    text-align: center;
    line-height: 26px;
    margin-left: 10px;
    cursor: pointer;
}

.pages_mock-examination .center_container .answer_list .btn a {
    display: inline-block;
    height: 26px;
    padding: 0 12px;
    border-radius: 4px;
    border: solid 1px #00c356;
    text-align: center;
    line-height: 26px;
    margin-left: 10px;
    cursor: pointer;
    background: #00c356;
    color: #ffffff;
}

.pages_mock-examination .center_container .answer_list a:hover {
    color: #333333;
}

.pages_mock-examination .center_container .answer_list .btn a:hover {
    color: #ffffff;
}

.pages_mock-examination .center_container .answer_list .active a {
    background: #0088ff;
    color: #ffffff;
    border: solid 1px #0088ff;
}

.pages_mock-examination .center_container .exam_tool {
    margin-top: 14px;
}

.pages_mock-examination .center_container .exam_tips {
    width: 286px;
    height: 74px;
}

.pages_mock-examination .center_container .exam_tips span {
    line-height: 20px;
    font-size: 14px;
}

.pages_mock-examination .center_container .btn_bar {
    display: block;
    width: 312px;
    height: 64px;
    text-align: right;
    font-size: 0;
    line-height: 74px;
    margin-top: 9px;
}

.pages_mock-examination .center_container .btn_bar button {
    display: inline-block;
    width: 84px;
    height: 36px;
    background-color: #0088ff;
    margin-left: 20px;
    color: #ffffff;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
}

.pages_mock-examination .center_container .btn_bar .submit {
    background-color: #00c356;
}

.pages_mock-examination .right_aside {
    margin-top: 9px;
}

.pages_mock-examination .right_aside .answer_sheet {
    display: block;
    width: 400px;
    height: auto;
    border-top: 1px solid #dddddd;
}

.pages_mock-examination .right_aside .answer_sheet li {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
}

.pages_mock-examination .right_aside .answer_sheet li:nth-child(10n) {
    border-right: 1px solid #dddddd;
}

.pages_mock-examination .right_aside .answer_sheet .active {
    background-color: #e6e6e6;
}

.pages_mock-examination .right_aside .answer_sheet .yes {
    background-color: #00c356;
    color: #ffffff;
}

.pages_mock-examination .right_aside .answer_sheet .wrong {
    background-color: #ff2020;
    color: #ffffff;
}


.pages_mock-examination .exam_photo {
    width: 1200px;
    height: 250px;
    margin-top: 24px;
}

.pages_mock-examination .exam_photo legend {
    margin-left: 41px;
}

.pages_mock-examination .exam_photo img {
    display: block;
    max-width: 400px;
    margin: 0 auto;
}

.c_down-box {
    display: none;
    width: 230px;
    height: 450px;
    position: absolute;
    left: 117px;
    top: 48px;
    z-index: 999;
    border: 1px solid #e6e6e6;
}

.c_down-box .index_list {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 30px;
    height: 450px;
    padding: 5px;
    flex-wrap: wrap;
    background-color: #f1f3f6;
    border-radius: 4px 0 0 4px;
    font-size: 0;
    border-right: 1px solid #e6e6e6;
}

.c_down-box .index_list li {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    color: #333333;
    cursor: pointer;
    font-size: 14px;
}

.c_down-box .index_list li:hover,
.c_down-box .index_list .active {
    display: block;
    width: 20px;
    height: 20px;
    color: #fff;
    border-radius: 4px;
    background-color: #0088ff;
}

.c_down-box .scroll_box {
    position: absolute;
    left: 30px;
    top: 0;
    display: block;
    width: 200px;
    height: 450px;
    overflow-y: scroll;
    overflow-x: hidden;
    background: #ffffff;
}

.c_down-box .city_body span {
    display: block;
    color: #111e36;
    font-weight: 700;
    line-height: 30px;
    padding: 0 12px;
    background-color: #f1f3f6;
    font-size: 14px;
}

.c_down-box .city_body a {
    display: block;
    line-height: 30px;
    padding: 0 12px;
    cursor: pointer;
    font-size: 14px;
    text-decoration: none;
}

.c_down-box .city_body a:hover {
    color: #0088ff;
    font-weight: 700;
}

/* 学车指南 2022-1-21 */
.pages_news-list {
    margin-bottom: 72px;
}

.pages_news-list .main_container {
    width: 860px;
    background: #ffffff;
    padding: 28px;
}

.pages_news-list .aside_container {
    width: 320px;
    background: #ffffff;
}

.pages_news-list .tabs_navbar {
    display: block;
    font-size: 0;
    margin-left: -65px;

}

.pages_news-list .tabs_navbar li {
    display: inline-block;
    width: 96px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-size: 16px;
    color: #333333;
    cursor: pointer;
    margin-left: 65px;
}

.pages_news-list .tabs_navbar a{
	display: block;
}

.pages_news-list .tabs_navbar a:hover{
	text-decoration: none;
	color: inherit;
}

.pages_news-list .tabs_navbar .active {
    position: relative;
    color: #0088ff;
}

.pages_news-list .tabs_navbar .active::after {
    content: '';
    display: block;
    width: 96px;
    height: 2px;
    background-color: #0088ff;
    position: absolute;
    left: 0;
    bottom: 0;
}

.pages_news-list .tabs_panel {
    border-top: 2px solid #eeeeee;
}

.pages_news-list .tabs_panel-item {
    display: none;
}

.pages_news-list .panel_item-show {
    display: block;
}

.pages_news-list .news_item {
    padding: 20px 0;
    border-top: solid 1px #e9e9e9;
}

.pages_news-list .news_item:first-child {
    border-top: none;
}

.pages_news-list .news_item .photo_box {
    display: block;
    width: 200px;
    height: 120px;
    overflow: hidden;
}

.pages_news-list .news_item img {
    display: block;
    width: 200px;
    height: 120px;
}

.pages_news-list .news_item .info_box {
    display: block;
    width: 590px;
    height: 120px;
    position: relative;
}

.pages_news-list .news_item .title {
    line-height: 36px;
    font-size: 16px;
}

.pages_news-list .news_item .des {
    line-height: 20px;
    color: #999999;
}

.pages_news-list .news_item .info {
    display: block;
    color: #999999;
    font-size: 12px;
    line-height: 16px;
    margin-top: 10px;
    position: absolute;
    bottom: 12px;
}

.pages_news-list .news_item span {
    display: inline-block;
    margin-right: 6px;
}

.pages_news-list .news_item .time_icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABG0lEQVQokZXSzytEURjG8Q+NlcV0iy07LJD8ESzIxkLY+7FQ8p+QaJKlpNjIrNjZWPkRYaXYkWIWNtLQmd7R0Jjy1Kl77/t83/Pe85ymQqGgRm1Ywii64vMt9rGC56q1uQYaxzVaMRNN0ppDhpvwVJSrgZYxjDM/dRJrEwdR2UtgO9YxhHN/K9VGcIjjNOoCtupA93VaXIR3MYFj2Klj6vhj7+QdTWAPThuM+FvpDLqb/wFU1YL3XOQ0GCf3rVKp9FEulz/j/SHLss547sVdLsKd+g3m8/nUuZ6mUUzgKq4ip3RqjdSPibRr+scnzEe4Aw2oVCuG96l6c/bQhKPIaRuXUeuL8SYxG94fd3U3onnDBl7wiDW8Rq0CwRf1xz/Sj30qaQAAAABJRU5ErkJggg==) no-repeat center;
    vertical-align: -2px;
}

.pages_news-list .news_item .count_icon {
    display: inline-block;
    width: 18px;
    height: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAKCAYAAAC5Sw6hAAABE0lEQVQoka3SvyvGURQG8M9rYfajkE2kiE2kKCNZKArFJqPIZsBEyvwWIkkySkaZWEkySCk/Bt4/wY9unbe+vbF56tS5957z3Hue5+by+bwSVGEUA+hAdRx/4BpnOEIh21aWycuxjHt0YRe9qIzowQ46o2YVFaVE9bhCC9oxhRPM4QWvWMAppqOmEZdoKBLV4AKHGMNbkK+jGW1ojXwlzlLNOA5wnjiSRsd4ihuzKARJkbgOt6FhFmtoSi/K4bNU8V/w/cf+V3G0WQz/8qJ9bKE2dNiOdRbzGMFMInpHHybC1jRCwiIecIebyJcyYyZ9JtGfOIquJVeS5cnW1LSHIWxGU4oNDMa3SDWP6MZzIvifD4kfSfFCMyFsEaQAAAAASUVORK5CYII=) no-repeat center;
    margin-left: 20px;
}

.pages_news-list .load_more {
    display: none;
    width: 100%;
    height: 50px;
    background-color: #f7f7f7;
    text-align: center;
    line-height: 50px;
    color: #666666;
    font-size: 16px;
    cursor: pointer;
    margin-top: 32px;
}

.pages_news-list .aside_container .aside_title {
    display: block;
    padding-top: 5px;
    line-height: 45px;
    text-indent: 12px;
    color: #222222;
    font-size: 16px;
    border-bottom: 1px solid #e9e9e9;
}

.pages_news-list .aside_container .list {
    padding: 12px;
}

.pages_news-list .aside_container .item {
    display: block;
    width: 100%;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    text-indent: 10px;
}

.pages_news-list .aside_container .item::before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    background-color: #0088ff;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
}

.pages_news-list .news_details .title {
    font-size: 28px;
    line-height: 1.6;
}

.pages_news-list .news_details .news_info {
    display: block;
    color: #999999;
    font-size: 12px;
    line-height: 16px;
    margin-top: 10px;
}

.pages_news-list .news_details span {
    display: inline-block;
    margin-right: 6px;
}

.pages_news-list .news_details .time_icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABG0lEQVQokZXSzytEURjG8Q+NlcV0iy07LJD8ESzIxkLY+7FQ8p+QaJKlpNjIrNjZWPkRYaXYkWIWNtLQmd7R0Jjy1Kl77/t83/Pe85ymQqGgRm1Ywii64vMt9rGC56q1uQYaxzVaMRNN0ppDhpvwVJSrgZYxjDM/dRJrEwdR2UtgO9YxhHN/K9VGcIjjNOoCtupA93VaXIR3MYFj2Klj6vhj7+QdTWAPThuM+FvpDLqb/wFU1YL3XOQ0GCf3rVKp9FEulz/j/SHLss547sVdLsKd+g3m8/nUuZ6mUUzgKq4ip3RqjdSPibRr+scnzEe4Aw2oVCuG96l6c/bQhKPIaRuXUeuL8SYxG94fd3U3onnDBl7wiDW8Rq0CwRf1xz/Sj30qaQAAAABJRU5ErkJggg==) no-repeat center;
    vertical-align: -2px;
    margin-left: 40px;
}


.pages_news-list .news_details .news_content {
    color: #555555;
    font-size: 16px;
    line-height: 1.6;
    text-align: justify;
    margin-top: 20px;
}

.pages_news-list .news_details .news_content img {
    display: block;
    max-width: 100%;
    margin: 10px auto;
}