/* 彭 的样式 */

/* 通用样式 */

body {

    line-height: 1;

}

.h-title {

    font-size: 32px;

    letter-spacing: 1px;

    color: #333333;

    padding: 64px 0 40px;

    text-align: center;

}

.h-center {

    display: block;

    width: 1920px;

    height: 100%;

    position: relative;

    left: 50%;

    margin-left: -960px;

}

/* 面包屑导航 */

.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;

}



/* 评分 */

.score_box {

    height: 34px;

    line-height: 34px;

    color: #999999;

}



.score_box .progress {

    display: inline-block;

    width: 96px;

    height: 14px;

    background: url(../images/stars.png) no-repeat;

    position: relative;

}



.score_box .progress_bar {

    display: inline-block;

    height: 14px;

    background: url(../images/stars-on.png) no-repeat;

    position: absolute;

    left: 0;

    top: 0;

}





/* 顶部广告 */

.h-top-banner {

    position: relative;

    overflow: hidden;

}

.h-top-banner #carousel_1 img {

    width: 100%;

    height: 488px;

}

.h-top-banner #carousel_1 .swiper-pagination-bullet {

    width: 8px;

    height: 8px;

    background-color: #000000;

    opacity: 0.4;

}

.h-top-banner #carousel_1 .swiper-pagination-bullet-active {

    width: 20px;

    height: 8px;

    background-color: #ffffff;

    border-radius: 4px;

    opacity: 1;

}

.h-top-banner #carousel_1 .swiper-pagination {

    bottom: 112px;

}



.h-top-banner .h-top-link {

    position: absolute;

    bottom: 0;

    width: 100%;

    z-index: 99;

    display: flex;

    justify-content: center;

}

.h-top-banner .h-top-link ul {

    display: flex;

}

.h-top-banner .h-top-link ul li {

    width: 300px;

    height: 96px;

    background-color: #ffffff;

    opacity: 0.9;

    box-shadow: 0px 3px 22px 2px rgba(14, 36, 59, 0.1);

}

.h-top-banner .h-top-link ul li:hover {

    opacity: 1;

}

.h-top-banner .h-top-link ul li a {

    display: inline-block;

    width: 100%;

    height: 100%;

    display: flex;

    padding: 20px 0;

    align-items: center;

    justify-content: center;

    text-decoration: none;

}

.h-top-banner .h-top-link ul li a div {

    padding-left: 12px;

}

.h-top-banner .h-top-link ul li a div p:first-child {

    margin-bottom: 12px;

    font-size: 18px;

    color: #222222;

}

.h-top-banner .h-top-link ul li a div p:last-child {

    font-size: 14px;

    color: #4f4f4f;

}

/* 小车理论考试 */

.h-car-test {

    width: 100%;

    background-color: #fff;

    padding-bottom: 72px;

}

.car-test-box {

    display: flex;

    justify-content: space-between;

}

.car-test-box .car-test {

    width: 588px;

    padding: 0 26px 40px;

    border-radius: 8px;


}

.car-test-box .car-test:nth-child(1) {
    background-color: #f7f7f9;

}

.car-test-box .car-test:nth-child(2) {
    background-color: #fffaf5;

}

.car-test-box div .car-test-title {

    font-size: 24px;

    letter-spacing: 1px;

    color: #333333;

    text-align: center;

    margin: 40px 0 20px;

}

.car-test-box div ul {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.car-test-box div ul li {

    width: 256px;

    height: 106px;

    background-color: #fff;

    border-radius: 8px;

}

.car-test-box div ul li:nth-child(1),
.car-test-box div ul li:nth-child(2) {

    margin-bottom: 24px;

}

.car-test-box div ul li a {

    display: flex;

    height: 100%;

    align-items: center;

    justify-content: center;

    text-decoration: none;

}

.car-test-box div ul li a div {

    display: inline-block;

    padding-left: 16px;

}

.car-test-box div ul li a div p:first-child {

    font-size: 20px;

    color: #333333;

    margin-bottom: 16px;

}

.car-test-box div ul li a div p:last-child {

    font-size: 16px;

    color: #999999;

}



/* 入驻驾考大全 */

.h-settled {

    position: relative;

    overflow: hidden;

}

.h-settled-box {

    height: 200px;

    background: url(../images/h-settled.png) no-repeat 100% 100%;

    position: relative;

}

.h-settled a {

    position: absolute;

    display: inline-block;

    left: 530px;

    bottom: 30px;

    width: 132px;

    height: 38px;

    background-image: linear-gradient(0deg,

            #fa9d26 0%,

            #ffde72 100%);

    border-radius: 19px;

    font-size: 20px;

    color: #3e2902;

    text-align: center;

    line-height: 38px;

    text-decoration: none;

}



/* 驾校推荐 */

.h-driving-recommend ul {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.h-driving-recommend ul li {

    width: 285px;

    padding-bottom: 20px;

    background-color: #fff;

    margin-bottom: 20px;

    border-radius: 8px 8px 0px 0px;

}

.h-driving-recommend ul li div {

    width: 100%;

    height: 160px;

}

.h-driving-recommend ul li div img {

    width: 100%;

    height: 100%;

    border-radius: 8px 8px 0px 0px;

}

.h-driving-recommend ul li p {

    padding-left: 12px;

}

.h-driving-recommend ul li p:nth-child(2) {

    margin: 14px 0 10px;

}

.h-driving-recommend ul li p:nth-child(2) a {

    font-size: 18px;

    letter-spacing: 1px;

    color: #333333;

    text-decoration: none;

}

.h-driving-recommend ul li p:nth-child(2) a:hover {

    color: #1783ff;

}

.h-driving-recommend ul li p:nth-child(2) svg {

    margin: 0 0 3px 4px;

}

.h-driving-recommend ul li p:nth-child(3) span {

    display: inline-block;

    padding: 4px 7px;

    border: solid 1px #d6d6d6;

    border-radius: 4px;

    font-size: 14px;

    color: #666666;

}

.h-driving-recommend ul li p:nth-child(3) span.lanse {

    color: #1783ff;

    border: solid 1px #c8e1ff;

}

.h-driving-recommend ul li p:nth-child(3) span.chengse {

    color: #ff8214;

    border: solid 1px #ffe1c7;

}

.h-driving-recommend ul li p:nth-child(3) span.hongse {

    color: #ff564e;

    border: solid 1px #ffd7d5;

}

.h-driving-recommend ul li p:nth-child(3) span.huise {

    color: #666666;

    border: solid 1px #d6d6d6;

}

.h-driving-recommend ul li p:nth-child(4) {

    display: flex;

    justify-content: space-between;

    margin-top: 28px;

    padding-right: 12px;

}

.h-driving-recommend ul li p:nth-child(4) span {

    display: inline-block;

    height: 40px;

    line-height: 40px;

    font-size: 14px;

    color: #fe8c00;

}

.h-driving-recommend ul li p:nth-child(4) i {

    font-style: normal;

    font-size: 22px;

}

.h-driving-recommend ul li p:nth-child(4) button {

    width: 88px;

    height: 40px;

    border: 1px solid #d2d2d2;

    background-color: #fff;

    border-radius: 20px;

    font-size: 14px;

    color: #333333;

}

.h-driving-recommend ul li p:nth-child(4) button:hover {

    background-color: #1783ff;

    border: 1px solid #1783ff;

    color: #ffffff;

}

.h-driving-recommend .h-btn-more {

    margin: 28px 0 72px;

    text-align: center;

}

.h-driving-recommend .h-btn-more a {

    display: inline-block;

    width: 160px;

    height: 48px;

    line-height: 48px;

    background-color: #ffffff;

    border-radius: 4px;

    border: solid 1px #dadada;

    font-size: 16px;

    color: #999999;

    text-decoration: none;

}

.h-driving-recommend .h-btn-more a:hover {

    background-color: #1783ff;

    border: 1px solid #1783ff;

    color: #ffffff;

}

/* 学员互动 */

.h-hudong {

    padding-bottom: 88px;

    background-color: #fff;

}

.h-hudong .title {

    font-size: 32px;

    letter-spacing: 1px;

    color: #333333;

    padding: 64px 0 8px;

    text-align: center;

}

#carousel_2 .swiper-wrapper .swiper-slide {

    padding: 0 68px;

}

#carousel_2 .swiper-wrapper .swiper-slide ul {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

#carousel_2 .swiper-wrapper .swiper-slide ul li {

    width: 520px;

    height: 202px;

    border-radius: 2px;

    border: solid 1px #eeeeee;

    margin-top: 24px;

    padding: 33px 23px 33px 25px;

}

#carousel_2 .swiper-button-prev,

#carousel_2 .swiper-button-next {

    margin-top: -19px;

}



#carousel_2 .box-top {

    display: flex;

    justify-content: space-between;

}

#carousel_2 .box-top .left {

    width: 48px;

    height: 48px;

    background-color: #dcdcdc;

    border-radius: 50%;

}

#carousel_2 .box-top .right {

    width: 409px;

    padding: 4px 0;

}

#carousel_2 .box-top .right p {

    font-size: 16px;

    color: #333333;

}

#carousel_2 .box-top .right div {

    font-size: 14px;

    color: #666666;

}

#carousel_2 .box-top .right div .progress {

    margin: 0 5px;

    width: 81px;

    height: 12px;

    background: url(../images/stars2.png) no-repeat;

}

#carousel_2 .box-top .right div .progress_bar {

    height: 12px;

    background: url(../images/stars-on2.png) no-repeat;

}

#carousel_2 .box-top .left img {

    border-radius: 50%;

    height: 100%;

    width: 100%;

}

#carousel_2 .box-bottom {

    font-size: 14px;

    line-height: 22px;

    color: #666666;

    margin-top: 14px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

}

#carousel_2 .swiper-button-prev {

    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAApCAYAAAAxmNlDAAAB7klEQVRIia3XvU4VQRjG8b9GASkNIiBUKigK9wABFKJGNKLQWHsBVHR03IKlIRj5DgG0UW9Bid/FKUgA5aOgUw4k5E3eSdY3M+fszu50+5yTX57s7M7MnimVShQ4moADoHy2ILAeWAJ2gE2g+1xB6DLQr9fSejxv4wvatN/ku3lghw6Y/BMwGQvXKXrHg0r7wxi4NoB+VnRfLrLCtTpRd02+kUSzwjXa1If2AXvJMC3s0EGTf/GhaWGHDpn8K9DrQ9PAgi4E0J4QWg0WdB64Z/JvlZpWgwWdA+4H0N1KaAgW9A3wwOTfFf1TDfXBDn1o8h9ZUAsL+jqAykT9TosmYUFngEfm95/aNBPq4POKPg6gO1lRB7/0oL8U3Y5BHTzqyZ/nQR38ypNPA2154RfArMmvAh+B1jzwCTCmb1phuHvcTvReW/wa8AG4EguTaD5v/nNdm2fC7St9XAGX5i2xsIyy4gsmb8+Ch5ZNhy+avEPx5lhYxpFO6FIAb4qFHf5Mt/zkuFENT7OZCv4UWDH5TcUvx8IOf1IBb4yFk/iqyTv1Of8Pz3rEOtIlds2DS/NLsbDDZadZN/mtJB57jBV8GHhr8tvAe+BinoN3CO8CJvJ+KvxT/J3JG4r4anK4W3K3gKkivppk/AVGdA3ZB8qn3u901UxJ8lgAAAAASUVORK5CYII=) no-repeat center;

    background-size: 19px 39px;

}

#carousel_2 .swiper-button-next {

    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAtCAYAAAC0wKvmAAACcElEQVRYha2XyWsVQRCHvwmiQdwwqODNP0BE8RAkYtyNxiW5+AeoRCQ+Igk8EoioGAjGLRBQPATxogcRRSQRFC8KIoiC4HJ5nhR3TcQlggsFNdCU/ZJ5mfrdpqbn901Pd9VUJ6VSCWA90At8AlqBFzhJAFOBd8BstXwLrAGeeiCqgGpgVhBbANwBFnsBRoHjJj4fuA0s8QCIisCAuTdPIUs9AH+BAtBv7tcAt4BleQEppA04acbM1ZkszwtI1Q4cM7E5OpNaDwC6Jr0mJtt4GFjhARB1AkfLQOo8AKJu4JCJzQSGgJUeANFhBYWaoTOp9wCgn6rTxKYDN4B1HgB00YsRyDVggwcA3b7tZSCbPABoIrZpYqaSgnkV2OIBQEtKwUCmAVeArR4AtDjuMxD5t1wGmjwAorPA3gjkErDNAyA6B+wG/hjIRWCRB0A0COwCfgcx2V1FL4DovDYMoRo8AaIL5nqhN2CPuX7lCZCFPmViQ16AFt1NSRD7JqXFAyDJdsaY/wJ2Ai/zAgqa0aH5GNCspTxXoh0AThvzn8CO1DwPoEOramj+Xc2Hw4GTAchPp8/ExHw7cNMOrhTQFWlnxLxR+6b/VAngINBjYrIVG7Qbj2pKRvMjkc7iK7AZuDveg1kAPfppQo2q+b2JHp4IEOskRvQHfz/Dy40L6NPtGOoLsBF4kMW8HCAJOodQn/Ww+DCreQyQaMew38Q/qvmjSswtIAk6hVAf1PxxpeYhINGK2GLuvwfWAk8mY06QaCci5nJeXp3HHJ1BTWRB3+hh/Fkec5HMQGqJZGWq1/rmuc1TwA9t9STlrwOrgOce5gD/APq7eneADvmhAAAAAElFTkSuQmCC) no-repeat center;

    background-size: 19px 39px;

}



/* 路标内容 */

.r-guidepost-box {

    display: flex;

    justify-content: space-between;

    padding-bottom: 54px;

}

.r-guidepost-box .r-guidepost-left {

    width: 184px;

}

.r-guidepost-box .r-guidepost-left ul li {

    width: 100%;

    line-height: 18px;

    text-align: center;

    font-size: 16px;

    color: #666666;

    border: 1px solid #f2f2f2;

    border-left: 2px solid #f2f2f2;

    background-color: #fff;

    padding: 20px 8px;

}

.r-guidepost-box .r-guidepost-left ul li.active,
.r-guidepost-box .r-guidepost-left ul li:hover {

    background-color: #edf6ff;

    border-left: 2px solid #0088ff;

    color: #0088ff;

    cursor: pointer;

}

.r-guidepost-box .r-guidepost-left ul li a {

    display: inline-block;

    width: 100%;

    height: 100%;

    text-decoration: none;

}

.r-guidepost-box .r-guidepost-right {

    width: 976px;

}

.r-guidepost-box .r-guidepost-right ul {

    display: flex;

    flex-wrap: wrap;

}

.r-guidepost-box .r-guidepost-right ul li {

    width: 230px;

    height: 175px;

    background-color: #ffffff;

    margin-right: 18px;

    margin-bottom: 18px;

    border: solid 1px #e6e6e6;

    cursor: pointer;

}



.r-guidepost-box .r-guidepost-right ul li:nth-child(4n) {

    margin-right: 0;

}

.r-guidepost-box .r-guidepost-right ul li div {

    height: 134px;

    width: 100%;

    height: 134px;

    padding-top: 18px;

    background-color: #fff;

    overflow: hidden;

}

.r-guidepost-box .r-guidepost-right ul li div img {

    width: auto;

    height: auto;

    margin: 0 auto;

    display: block;

    max-height: 96px;

    max-width: 96px;

}

.r-guidepost-box .r-guidepost-right ul li p {

    height: 40px;

    line-height: 40px;

    text-align: center;

    background-color: #e6e6e6;

    font-size: 14px;

    color: #333333;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    padding: 0 8px;

}

.r-guidepost-box .r-guidepost-right ul li:hover {

    border: solid 1px #0088ff;

}

.r-guidepost-box .r-guidepost-right ul li:hover p {

    background-color: #0088ff;

    color: #ffffff;

}

.r-swiper-box {

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, .5);

    position: fixed;

    left: 0;

    top: 0;

    display: none;

    z-index: 9999;

    text-align: center;

}

.r-swiper {

    width: 766px;

    height: 600px;

    background-color: #ffffff;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    padding: 73px 0;

}

#carousel_1 .swiper-button-prev,
#carousel_1 .swiper-button-next {

    top: 121px;

    margin-top: 0;

    width: 38px;

    height: 60px;

    z-index: 99;

}



#carousel_1 .swiper-button-prev,
#carousel_1 .swiper-container-rtl .swiper-button-next {

    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAYCAYAAADOMhxqAAAA+0lEQVQ4jZ2UvWpCQRCFjz+ksLESLEyXxj5o7zvEd8gr2FiITxDIE6SVEKxFrg+gkDaQxlRWlgrKJ5PsJRvZu2scOMvC/Q47OzN3S4AuiI6kV0mZzJDQHbDhJ3YpuAV88huDGFwH3j346Tv9ArgGzDz4BSgVGSrAmwfbvpp/DxmePXjuTlORYezBS3cPFRkePfgDaITul28egIOD166cwYLY0gP2DrYGtWO9seXLwVugm+p8WdLRG6X0YF2Tkql/dunblOHfZc018kyrVONCo5GlRiM0fFPgJmYwGXA+3uWYIfQDWapRg6npKpbHMGUw/XkELn1m7iVNJC1OI8lCYC70EAQAAAAASUVORK5CYII=) no-repeat center;

    background-size: 12px 24px;

    left: 0;

    background-color: #e5e5e5;

}

#carousel_1 .swiper-button-next,
#carousel_1 .swiper-container-rtl .swiper-button-prev {

    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAYCAYAAADOMhxqAAAA30lEQVQ4ja2UPQ6BQRCG108kNCrRKBV6iZ4zcAhH0CjECRQuQNToSRxAJFpRyBeNSkkiHpnYxBR8s19iknezxTy7s7PvrgNmwBloAM6SDDfecQGqIUCPTxyBigWIRgraA0ULSAFTBa2AfBwgygILBck8EweICsBaQWMLcL7+rYKGFiAqAQcFdS3A+fZGHngAbQsQ1fyFStyBlmkFb5mrh6K0swOV8UxaUjPJoTt/a6tc3E4lDyxrbEKtkQOWKnkeZ75v9pYFftpbtg5+QH2VLJ0pW0808ScwAU5A3fQVuBf/z4Q3uKBRwgAAAABJRU5ErkJggg==) no-repeat center;

    background-size: 12px 24px;

    right: 0;

    background-color: #e5e5e5;

}

#carousel_1 .swiper-button-prev:hover,
#carousel_1 .swiper-button-next:hover {

    background-color: #0088ff;

}

.r-swiper .swiper-slide {
    text-align: center;

}

.r-swiper .swiper-slide img {

    height: 302px;

    width: 302px;

}

.r-swiper .swiper-slide div p:first-child {

    font-size: 20px;

    color: #222222;

    padding: 45px;

    border-bottom: 1px solid #f2f2f2;

}

.r-swiper .swiper-slide div p:last-child {

    font-size: 16px;

    color: #666666;

    margin-top: 18px;

    padding: 0 94px;

    line-height: 24px;

    text-align: left;

}

.r-swiper-box svg {

    position: absolute;

    right: 24px;

    top: 18px;

    cursor: pointer;

}



/* 驾校详情 */

.d-driving-detail {

    padding: 24px 20px;

    display: flex;

    justify-content: space-between;

    background-color: #fff;

}

.d-driving-detail .d-detail-img {

    width: 400px;

}

.d-driving-detail .d-detail-img img {

    width: 400px;

    height: 250px;

    background-color: #ccc;

}

.d-driving-detail .d-detail-msg {

    width: 736px;

}

.d-driving-detail .d-detail-msg .d-msg-title {

    font-size: 24px;

    letter-spacing: 1px;

    font-weight: 600;

    color: #333333;

}

.d-driving-detail .d-detail-msg .d-msg-title svg {

    margin: 0 0 4px 9px;

}

.d-driving-detail .d-detail-msg .score_box {

    padding: 16px 0 12px;

    border-bottom: 1px solid #eeeeee;

    height: auto;

    line-height: 0;

}

.d-driving-detail .d-detail-msg .d-msg-base {

    color: #666666;

    font-size: 14px;

    padding: 16px 0 23px;

}

.d-driving-detail .d-detail-msg .d-msg-base p {

    margin-bottom: 16px;

}

.d-driving-detail .d-detail-msg .d-msg-type {

    display: flex;

    margin-bottom: 16px;

}

.d-driving-detail .d-detail-msg .d-msg-type li {

    margin-right: 5px;

}

.d-driving-detail .d-detail-msg .d-msg-type li:first-child {

    margin-right: 0;

}

.d-driving-detail .d-detail-msg .msg-title {

    color: #999999;

}

.d-driving-detail .d-detail-msg .d-msg-price {

    display: flex;

    justify-content: space-between;

}

.d-driving-detail .d-detail-msg .d-msg-price span {

    display: inline-block;

    font-size: 24px;

    color: #ff8214;

    line-height: 40px;

    font-weight: 600;

}

.d-driving-detail .d-detail-msg .d-msg-price button {

    width: 140px;

    height: 40px;

    background-color: #0088ff;

    border-radius: 2px;

    font-size: 16px;

    color: #ffffff;

}



/* 班级及费用 */

.d-driving-price {

    background-color: #fff;

    padding: 0 20px 40px;

    margin-top: 20px;

}

.d-driving-nav {

    height: 56px;

    line-height: 56px;

    border-bottom: 1px solid #eeeeee;

    font-size: 16px;

    margin-bottom: 16px;

}

.d-driving-nav a {

    color: #666666;

    margin-right: 104px;

    display: inline-block;

    height: 100%;

    text-decoration: none;

}

.d-driving-nav a.active,
.d-driving-nav a:hover {

    color: #0088ff;

    position: relative;

}

.d-driving-nav a.active::after {

    width: 100%;

    height: 1px;

    content: '';

    background-color: #0088ff;

    position: absolute;

    bottom: -1px;

    left: 0;

    display: inline-block;

}

.d-driving-price table {

    width: 100%;

    color: #666666;



}

.d-driving-price table tr {

    height: 64px;

    border-bottom: 1px solid #eeeeee;

}

.d-driving-price table tr:first-child {

    width: 100%;

    background-color: #f2f2f2;

}

.d-driving-price table tr th {

    text-align: left;

    width: 164px;

}

.d-driving-price table tr th,
.d-driving-price table tr td {

    padding-left: 40px;

}

.d-driving-price table tr td:nth-child(6) {

    color: #ff8214;

}

.d-driving-price table tr td button {

    width: 80px;

    height: 32px;

    border-radius: 4px;

    border: solid 1px #0088ff;

    background-color: #fff;

    font-size: 14px;

    color: #0088ff;

}



/* 报名须知 */

.d-apply-notice {

    background-color: #ffffff;

    font-size: 14px;

    color: #999999;

    padding: 22px 110px 30px 20px;

    margin: 20px auto 80px;

}

.d-apply-notice p:first-child {

    font-size: 16px;

    color: #333333;

    margin-bottom: 20px;

}

.d-apply-notice p {

    line-height: 26px;

}



/* 驾校简介 */

.d-driving-pd {

    padding: 30px 98px 48px 44px;

    font-size: 14px;

    line-height: 27px;

    color: #999999;

}

.d-driving-produce {

    background-color: #fff;

    padding: 0 20px;

    margin: 20px auto 80px;

}



/* 关于--网站简介 */

.jiakaoBox {

    padding-bottom: 72px;

}

.jiakaoBox .jiakaoNav {

    width: 184px;

}

.jiakaoBox .jiakaoNav ul li {

    width: 100%;

    height: 64px;

    border: 1px solid #f2f2f2;

    color: #333333;

    font-size: 16px;

    line-height: 64px;

    text-align: center;

    background-color: #fff;

    cursor: pointer;

}

.jiakaoBox .jiakaoNav ul li a {

    display: block;

    width: 100%;

    height: 100%;

    text-decoration: none;

}

.jiakaoBox .jiakaoNav ul li.active a,
.jiakaoBox .jiakaoNav ul li:hover a {

    color: #fff;

    background-color: #0088ff;

}

.jiakaoBox .jiakaoContent {

    width: 996px;

    background-color: #fff;

    padding: 0 20px 31px;

}

.jiakaoBox .jiakaoContent .jianjie h3 {

    font-size: 20px;

    font-weight: normal;

    margin: 30px 0 20px;

    color: #333;

}

.jiakaoBox .jiakaoContent .jianjie p {

    font-size: 14px;

    line-height: 24px;

    text-indent: 2em;

    color: #666;

}

.jiakaoBox .jiakaoContent .jianjie span {

    display: block;

    color: #666;

}

.jiakaoBox .jiakaoContent .jianjie span p {

    margin: 10px 0 6px;

}

.jiakaoBox .jiakaoContent .lianxi {

    padding-top: 27px;

    display: none;

}

.jiakaoBox .jiakaoContent .lianxi p {

    font-size: 14px;

    color: #333;

    line-height: 32px;

}

.jiakaoBox .jiakaoContent .hezuo {

    padding-top: 20px;

    height: 161px;

}


/* 首页新增学车指南 */
.h_cars-news {
    padding-top: 45px;
}

.h_cars-news .column_title {
    height: 68px;
    line-height: 68px;
    color: #333333;
    font-size: 32px;
    text-align: center;
}

.h_cars-news .tabs_navbar {
    display: block;
    width: 1200px;
    height: 40px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 0;
}

.h_cars-news .tabs_navbar li {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin-right: 72px;
    color: #333333;
    font-size: 16px;
    cursor: pointer;
}

.h_cars-news .tabs_navbar .active {
    color: #1783ff;
    position: relative;
}

.h_cars-news .tabs_navbar .active::after {
    content: '';
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    height: 2px;
    background-color: #1783ff;
}

.h_cars-news .tabs_panel-item {
    display: none;
    font-size: 0;
    margin-left: -20px;
}

.h_cars-news .panel_item-show {
    display: block;
}

.h_cars-news .tabs_panel .news_item {
    display: inline-block;
    width: 590px;
    height: 164px;
    background-color: #ffffff;
    border-radius: 8px;
    margin-top: 24px;
    margin-left: 20px;
    overflow: hidden;
}

.h_cars-news .news_item .photo_box {
    display: block;
    width: 258px;
    height: 164px;
    background-color: #eeeeee;
}

.h_cars-news .news_item .photo_box img {
    display: block;
    width: 258px;
    height: 164px;
}

.h_cars-news .news_item .info_box {
    display: block;
    width: 332px;
    height: 164px;
    padding: 20px;
}

.h_cars-news .news_item .info_box .title {
    color: #222222;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 12px;
}

.h_cars-news .news_item .info_box .des {
    color: #999999;
    font-size: 14px;
    line-height: 20px;
}

.h_cars-news .news_more {
    margin: 40px auto 80px;
    text-align: center;
}

.h_cars-news .news_more a {
    display: inline-block;
    width: 160px;
    height: 48px;
    background-color: #ffffff;
    border-radius: 4px;
    border: solid 1px #dadada;
    text-align: center;
    line-height: 46px;
    color: #999999;
    font-size: 16px;
    text-decoration: none;
}


.h_cars-news .news_more a:hover {
    background: #1783ff;
    color: #ffffff;
}