body {
    font-family: 'Source Han Sans CN', 'Microsoft Yahei';
}

a {
    color: #333;
}

.container {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.full-container {
    width: 100%;
    min-width: 1200px;
    overflow: hidden;
}

.full-container>img {
    width: 100%;
}

.banner img {
    width: 100%;
    overflow: hidden;
}

.header {
    background-color: #fff;
    height: 60px;
    border-bottom: 1px solid #ECECEC;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 999;
}

.fixed-top {
    position: fixed !important;
    top: 60px;
}


.logo {
    float: left;
    width: 80px;
    margin-top: 9px;
}

.logo img {
    width: 80%;
}

.nav-list {
    float: left;
    width: 900px;
}

.nav-list ul {
    display: block;
    padding-left: 100px;
}

.mobile-nav {
    display: none;
}

.nav-list ul li {
    position: relative;
    display: block;
    float: left;
    width: 105px;
    height: 60px;
    line-height: 60px;
    text-align: center;
}

.nav-list ul li a {
    display: block;
    font-size: 16px;
    color: #333;
}

.nav-list ul li a:hover {
    color: #e21711;
}

.header-button {
    float: right;
    width: 200px;
    height: 25px;
    box-sizing: border-box;
    padding-top: 18px;
}

.header-button-search {
    position: relative;
    width: 155px;
    height: 25px;
    float: left;
}

.header-button-search form {
    height: 25px;
}

.header-search-input {
    display: inline-block;
    position: absolute;
    top: 0;
    box-sizing: border-box;
    width: 155px;
    height: 25px;
    padding: 0 10px;
    border: 1px #fff solid;
    transition: all .3s;
    border-radius: 5px;
}

.header-search-input:hover,
.header-search-input:focus,
.header-button-search:hover .header-search-input {
    border: 1px #666 solid;
}

.header-button-user {
    float: right;
}

.header-icon {
    display: inline-block;
    height: 17px;
    line-height: 17px;
}

.icon-search {
    width: 18px;
    background: url('../images/icon-search.png');
    position: absolute;
    border: none;
    top: 4px;
    right: 3px;
    z-index: 9999;
}

.icon-search:hover {
    cursor: pointer;
}

.icon-user {
    width: 15px;
    margin-top: 4px;
    background: url('../images/icon-user.png');
}

.mobile-kv {
    display: none;
}


/*在线看车Start*/

.nav-suspension-container {
    width: 100%;
    height: 730px;
    position: fixed;
    top: 61px;
    z-index: 9999;
}

.nav-suspension {
    width: 1200px;
    height: 730px;
    margin: 0 auto;
    background-color: #fff;
}

.suspension-car-left {
    width: 990px;
    float: left;
}

.suspension-car-left-head {
    height: 30px;;
}

.suspension-car-left-head:hover {
    cursor: pointer;
}

.suspension-car-left-head .active {
    background-color: #e21711;
    color: #fff;
}

.suspension-car-head-item {
    width: 330px;
    height: 38px;
    line-height: 38px;
    background-color: #e6e6e6;
    text-align: center;
    font-size: 16px;
    float: left;
}

.suspension-car-left-line {
    height: 200px;
}

.suspension-car-left-line:hover {
    background-color: #f2f2f2;
}

.suspension-car-left-line-head {
    width: 70px;
    height: 200px;
    box-sizing: border-box;
    padding-top: 30px;
    display: flex;
    flex-direction: column;
    float: left;
    font-size: 16px;
    writing-mode: vertical-lr;
    justify-content: center;
    letter-spacing: 5px
}

.suspension-car-left-line-body {
    width: 920px;
    float: left;
}

.suspension-car-left-car-item {
    width: 230px;
    height: 200px;
    box-sizing: border-box;
    padding-top: 20px;
    float: left;
    text-align: center;
}

.suspension-car-left-car-item a {
    display: block;
}

.suspension-car-left-car-item h3 {
    font-size: 14px;
    font-weight: bold;
}

.suspension-car-left-car-item p {
    color: #080808;
    font-size: 12px;
    margin-bottom: 15px;
}

.suspension-car-left-car-item img {
    max-width: 255px;
    -webkit-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important;
    -webkit-transition: -webkit-transform 500ms cubic-bezier(0.335, 0.015, 0.46, 0.995) !important;
    -ms-transition: transform 500ms cubic-bezier(0.335, 0.015, 0.46, 0.995) !important;
    transition: transform 500ms cubic-bezier(0.335, 0.015, 0.46, 0.995) !important;
}

.suspension-car-left-car-item img:hover {
    -webkit-transform: scale(0.8) !important;
    -ms-transform: scale(0.8) !important;
    transform: scale(0.8) !important;
    -webkit-transform-origin: 50% 40% !important;
    -ms-transform-origin: 50% 40% !important;
    transform-origin: 50% 40% !important;
    -webkit-transition: -webkit-transform 500ms cubic-bezier(0.025, 0.025, 0.17, 1) !important;
    -ms-transition: -webkit-transform 500ms cubic-bezier(0.025, 0.025, 0.17, 1) !important;
    transition: transform 500ms cubic-bezier(0.025, 0.025, 0.17, 1) !important;
}

.suspension-car-right {
    width: 210px;
    float: left;
}

.suspension-car-right a {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}

.suspension-car-testdrive img,
.suspension-car-calc img,
.suspension-car-dealer img {
    width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 500ms cubic-bezier(0.335, 0.015, 0.46, 0.995);
    transition: -webkit-transform 500ms cubic-bezier(0.335, 0.015, 0.46, 0.995);
    transition: transform 500ms cubic-bezier(0.335, 0.015, 0.46, 0.995);
    transition: transform 500ms cubic-bezier(0.335, 0.015, 0.46, 0.995),
    -webkit-transform 500ms cubic-bezier(0.335, 0.015, 0.46, 0.995);
}

.suspension-car-right a:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: -webkit-transform 500ms cubic-bezier(0.335, 0.015, 0.46, 0.995);
    transition: -webkit-transform 500ms cubic-bezier(0.335, 0.015, 0.46, 0.995);
    transition: transform 500ms cubic-bezier(0.335, 0.015, 0.46, 0.995);
    transition: transform 500ms cubic-bezier(0.335, 0.015, 0.46, 0.995),
    -webkit-transform 500ms cubic-bezier(0.335, 0.015, 0.46, 0.995);
}

.suspension-car-testdrive {
    height: 230px;
}

.suspension-car-calc {
    height: 200px;
}

.suspension-car-dealer {
    height: 200px;
}

.suspension-car-book {
    margin-top: 40px;
    padding-left: 30px;
}

.car-trial-input {
    float: left;
    height: 30px;
    line-height: 30px;
    position: relative;
    margin-right: 20px;
    font-size: 14px;
}

.car-trial-input input[type=text],
.car-trial-input select {
    box-sizing: border-box;
    width: 200px;
    height: 30px;
    border: none;
    padding-left: 30px;
    border-bottom: 1px solid #CECECE;
}

.car-trial-input select {
    box-sizing: border-box;
    padding-left: 30px;
}

.car-trial-input-button {
    display: block;
    width: 110px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background-color: #e21711;
    color: #fff;
    border-radius: 15px;
    font-size: 14px;
}

.car-trial-input-button:hover {
    background-color: #810f0b;
}

.car-trial-icon {
    width: 23px;
    height: 23px;
    position: absolute;
    left: 0;
    top: 0;
}

.car-trial-icon-car {
    width: 27px;
    background: url('../images/icon-car.png');
}

.car-trial-icon-user {
    background: url('../images/icon-user-2.png');
}

.car-trial-icon-tel {
    background: url('../images/icon-tel.png');
}

.car-trial-input p {
    font-size: 16px;
}



.suspension-support-left {
    width: 360px;
    float: left;
    padding-top: 60px;
}

.suspension-support-left ul li {
    text-align: center;
    font-size: 16px;
    margin-bottom: 30px;
}

.suspension-support-left ul li.active {
    font-weight: bold;
}

.suspension-support-right {
    width: 840px;
    float: left;
    padding-top: 60px;
}

.suspension-support-right-head {
    padding-left: 35px;
    padding-right: 35px;
    color: #222;
}

.suspension-support-right-head h4 {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 30px;
}

.suspension-support-right-head p {
    font-size: 16px;
}

.suspension-support-right-body {
    margin-top: 90px;
}

.suspension-support-right-body img {
    width: 840px;
    height: 500px;;
}




/*在线看车End*/

.support {
    position: relative;
    overflow: visible;
    z-index: 100;
}


.banner {
    position: relative;
    overflow: visible;
    z-index: 99;
}

.kv-pager {
    width: 100%;
    position: absolute;
    bottom: 20px;
    text-align: center;
}

.kv-pager ul {
    display: inline-block;
    overflow: hidden;
}

.kv-pager ul li {
    display: block;
    float: left;
    width: 25px;
    height: 5px;
    border-radius: 5px;
    margin-right: 20px;
    background-color: #A9A9A9;
}

.kv-pager ul li:hover {
    cursor: pointer;
}

.kv-pager ul li.active {
    background-color: #e21711;
}

.banner a {
    display: block;
}

.car {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;;
}

.car-container {
    background-color: #fff;;
}

.suspension {
    position: fixed;
    right: 20px;
    bottom: 50px;
    width: 48px;
    height: 48px;
    z-index: 999999999;
}

.suspension a {
    display: block;
    width: 48px;
    height: 48px;
}

.suspension-item {
    position: relative;
    width: 48px;
    height: 48px;
    margin-bottom: 10px;
    background: url('../images/suspension-bg.png');
}

.suspension-item:last-child {
    margin-bottom: 0px;
}

.suspension-item:hover {
    cursor: pointer;
}

.suspension-item span {
    position: absolute;
    display: none;
    width: 100px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    top: 15px;
    left: -112px;
    background-color: #333333;
    border-radius: 5px;
}

.suspension-item:hover span {
    display: block;
}

.suspension-trial:hover {
    background-position: 0 -48px;
}

.suspension-comparison {
    background-position: -48px 0px;
}

.suspension-comparison:hover {
    background-position: -48px -48px;
}

.suspension-dealer {
    background-position: -96px 0;
}

.suspension-dealer:hover {
    background-position: -96px -48px;
}

.suspension-tmall {
    background-position: -144px 0;
}

.suspension-tmall:hover {
    background-position: -144px -48px;
}

.suspension-backtop {
    background-position: -192px 0;
}

.suspension-backtop:hover {
    background-position: -192px -48px;
}

.poster {
    margin-top: 4px;
}

.poster a {
    display: block;
    position: relative;
}

.poster-item-2 {
    width: calc(50% - 2px);
}

.poster-item-2:first-child {
    float: left;
}

.poster-item-2:last-child {
    float: right;
}

.poster-item-2 img {
    width: 100%;
}

.poster-item-4 {
    position: relative;
    float: left;
    width: calc((100% - 12px) / 4);
    margin-right: 4px;
}

.poster-item-4 a {
    display: block;
    position: relative;
    overflow: hidden;
}

.poster-item-4:last-child {
    margin-right: 0;
}

.poster-item-4 img {
    width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.335, 0.015, 0.46, 0.995);
    transition: -webkit-transform 1000ms cubic-bezier(0.335, 0.015, 0.46, 0.995);
    transition: transform 1000ms cubic-bezier(0.335, 0.015, 0.46, 0.995);
    -webkit-transform: 1000ms cubic-bezier(0.335, 0.015, 0.46, 0.995);
}

.poster-item-4:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.335, 0.015, 0.46, 0.995);
    transition: -webkit-transform 1000ms cubic-bezier(0.335, 0.015, 0.46, 0.995);
    transition: transform 1000ms cubic-bezier(0.335, 0.015, 0.46, 0.995);
    -webkit-transform: 1000ms cubic-bezier(0.335, 0.015, 0.46, 0.995);
}

.poster-item-shade {
    display: none;
}

.poster-item-4:hover .poster-item-shade {
    display: block;
}

.poster-item-info {
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    height: 23%;
    bottom: 0;
    padding-top: 15px;
    background-color: rgba(0, 0, 0, 0.7);
    text-align: center;
    color: #fff;
}

.poster-item-info-big {
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    padding-top: 50%;
}

.poster-item-info-title {
    font-size: 20px;
    margin-bottom: 10px;
}

.poster-item-info-summary {
    font-size: 14px;
    color: #c5c5c5;
}

.poster-item-info-big-title {
    font-size: 30px;
    margin-bottom: 20px;
}

.post-item-button {
    display: block;
    margin: 0 auto;
    border: none;
    width: 185px;
    height: 35px;
    background-color: #e21711;
    color: #fff;
    font-size: 18px;
    border-radius: 20px;
}

.service {
    margin-top: 70px;
    text-align: center;
    margin-top: 4px;
}

.service-title {
    font-size: 30px;
    margin-bottom: 70px;
    background: url('../images/bg-line.png') no-repeat center center;
}

.service-item {
    width: calc((100% - 8px) / 3);
    float: left;
    margin-right: 4px;
}

/*hack for edge*/
_:-ms-lang(x),
_::-webkit-meter-bar,
.service-item {
    width: calc(-2.76667px + 33.3333%);
}

.service-item:last-child {
    margin-right: 0px;
}

.service-item a {
    position: relative;
    display: block;
    width: 100%;
    color: #fff;
    overflow: hidden;
}

.service-item a img {
    width: 100%;

    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.335, 0.015, 0.46, 0.995);
    transition: -webkit-transform 1000ms cubic-bezier(0.335, 0.015, 0.46, 0.995);
    transition: transform 1000ms cubic-bezier(0.335, 0.015, 0.46, 0.995);
    transition: transform 1000ms cubic-bezier(0.335, 0.015, 0.46, 0.995),
    -webkit-transform 1000ms cubic-bezier(0.335, 0.015, 0.46, 0.995);
}

.service-item a img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.335, 0.015, 0.46, 0.995);
    transition: -webkit-transform 1000ms cubic-bezier(0.335, 0.015, 0.46, 0.995);
    transition: transform 1000ms cubic-bezier(0.335, 0.015, 0.46, 0.995);
    transition: transform 1000ms cubic-bezier(0.335, 0.015, 0.46, 0.995),
    -webkit-transform 1000ms cubic-bezier(0.335, 0.015, 0.46, 0.995);
}

.service-item h3 {
    position: absolute;
    width: 100%;
    bottom: 260px;
    z-index: 11;
    font-size: 36px;
    -webkit-transition: bottom 400ms cubic-bezier(0.025, 0.025, 0.17, 1);
    transition: bottom 400ms cubic-bezier(0.025, 0.025, 0.17, 1);
    -webkit-transition-delay: 40ms;
    transition-delay: 40ms;
}

.service-item:hover h3 {
    -webkit-transition: all 400ms cubic-bezier(0.025, 0.025, 0.17, 1);
    transition: all 400ms cubic-bezier(0.025, 0.025, 0.17, 1);
    bottom: 290px;
}

.service-item p {
    position: absolute;
    bottom: 250px;
    width: 100%;
    z-index: 11;
    font-size: 22px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.service-item:hover p {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: bottom 400ms cubic-bezier(0.02, 0.045, 0.22, 0.975),
    opacity 0.4s cubic-bezier(0.02, 0.045, 0.22, 0.975);
    transition: bottom 400ms cubic-bezier(0.02, 0.045, 0.22, 0.975),
    opacity 0.4s cubic-bezier(0.02, 0.045, 0.22, 0.975);
    -webkit-transition-delay: 80ms;
    transition-delay: 80ms;
}

.footer {
    width: 100%;
    min-width: 1200px;
    margin-top: 90px;
    padding-top: 60px;
    border-top: 1px solid #ECECEC;
}

.footer-container {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.footer .container {
    overflow: visible;
}

.footer-logo {
    width: 145px;
    float: left;
}

.footer-logo img {
    width: 90px;
}

.footer-link {
    width: 605px;
    float: left;
    overflow: hidden;
}

.footer-link-col {
    width: 25%;
    float: left;
}

.footer-link-col a {
    display: block;
    font-size: 14px;
    line-height: 2;
}

a.footer-link-title {
    font-weight: bold;
    font-size: 16px;
}

.footer-icon {
    width: 450px;
    float: right;
}

.footer-icon-title {
    font-size: 16px;
    line-height: 2;
    font-weight: bold;
}

.footer-icon-item {
    width: 16.6%;
    float: left;
    padding-top: 20px;
    position: relative;
}

.footer-shade {
    display: none;
    position: absolute;
    top: -5px;
    left: -15px;
    z-index: 99999;
}

.footer-icon-item-icon,
.footer-icon-item-qrcode {
    text-align: center;
}

.footer-icon-item-icon img {
    width: 41px;
    height: 41px;
}

.footer-icon-item-qrcode img {
    width: 111px;
    height: 111px;
}

.footer-icon-item-icon p {
    margin-top: 5px;
}

.footer-icon-item-hover:hover .footer-icon-item-icon {
    display: none;
}

.footer-icon-item-hover:hover .footer-shade {
    display: block;
}

.footer-copyright {
    text-align: center;
    margin-top: 80px;
    margin-bottom: 20px;
    border-top: 1px solid #ECECEC;
    padding-top: 40px;
}

.footer-copyright p {
    font-size: 14px;
    line-height: 1.5;
}

.footer-copyright a {
    color: #55a3fe;
}


/*new index*/
.zoom-larger img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.335, 0.015, 0.46, 0.995);
    transition: -webkit-transform 1000ms cubic-bezier(0.335, 0.015, 0.46, 0.995);
    transition: transform 1000ms cubic-bezier(0.335, 0.015, 0.46, 0.995);
    -webkit-transform: 1000ms cubic-bezier(0.335, 0.015, 0.46, 0.995);
}

.zoom-larger img:hover, .zoom-larger .img-swell {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.335, 0.015, 0.46, 0.995);
    transition: -webkit-transform 1000ms cubic-bezier(0.335, 0.015, 0.46, 0.995);
    transition: transform 1000ms cubic-bezier(0.335, 0.015, 0.46, 0.995);
    -webkit-transform: 1000ms cubic-bezier(0.335, 0.015, 0.46, 0.995);
}

.index-car-body-item {
    padding-top: 50px;
}

.index-car-body-item img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.335, 0.015, 0.46, 0.995);
    transition: -webkit-transform 1000ms cubic-bezier(0.335, 0.015, 0.46, 0.995);
    transition: transform 1000ms cubic-bezier(0.335, 0.015, 0.46, 0.995);
    -webkit-transform: 1000ms cubic-bezier(0.335, 0.015, 0.46, 0.995);
}

.swiper-slide-active img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.335, 0.015, 0.46, 0.995);
    transition: -webkit-transform 1000ms cubic-bezier(0.335, 0.015, 0.46, 0.995);
    transition: transform 1000ms cubic-bezier(0.335, 0.015, 0.46, 0.995);
    -webkit-transform: 1000ms cubic-bezier(0.335, 0.015, 0.46, 0.995);
}

.index-car-list-container {
    text-align: center;
    margin: 36px auto 20px auto;
}

.index-car-head {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 30px;
}

.index-car-head:hover {
    cursor: pointer;
}

.index-car-head .active {
    border-bottom: 2px solid #000;
}

.index-car-head-item {
    display: inline-block;
    font-size: 25px;
    color: #636363;
    margin-right: 75px;
}

.index-car-head-item:last-child{
    margin-right: 0;
}

.swiper-slide-active img {
    width: 100%;
}

.index-car-body-item .index-car-body-item-title {
    display: none;
}

.swiper-slide-active .index-car-body-item-title {
    display: block;
}

.index-car-body-item img {
    width: 220px;
}

.swiper-slide-active img {
    width: 410px;
}

.index-car-body-item-title {
    font-size: 25px;
    margin-top: 20px;
}

.index-car-price {
    font-size: 16px;
}

.index-car-switch {
    color: #ccc !important;
}

.hr {
    width: 1200px;
    margin: 20px auto;
    background: -webkit-linear-gradient(left, rgba(251, 251, 251, 0.09),rgba(251, 251, 251, 0.59),#FFF); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, rgba(251, 251, 251, 0.09),rgba(251, 251, 251, 0.59) ,#FFF); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right,rgba(251, 251, 251, 0.09),rgba(251, 251, 251, 0.59) ,#FFF); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fff, #ddd, #FFF); /* 标准的语法（必须放在最后） */
    height: 2px;
}

.index-car-body-item-title p {
    color: #636363;
}

.car-title-photo {
    margin-bottom: 20px;
}

.car-title-photo img {
    width: auto;
    height: 24px;
    display: inline-block;
    margin: 0 auto;
    -webkit-transform: scale(1);
    transform: scale(1);
}

:root {
    --swiper-theme-color: #e21711!important;
}

.purchase-tool h2, .service h2 {
    font-size: 33px;
    text-align: center;
    margin-bottom: 50px;
    color: #636363;
}

.purchase-tool-container {
    overflow: hidden;
    display:flex;
    flex-direction:row;
    justify-content:space-around;
}

.purchase-tool-item {
    width: 33.3%;
    height: 120px;
    float: left;
}

.purchase-tool-trail {
    background: url('../images/tool-trial.png') no-repeat center center;
}

.purchase-tool-trail:hover {
    cursor: pointer;
    background: url('../images/tool-trial-active.png') no-repeat center center;
}

.purchase-tool-dealer {
    background: url('../images/tool-dealer.png') no-repeat center center;
}

.purchase-tool-dealer:hover {
    cursor: pointer;
    background: url('../images/tool-dealer-active.png') no-repeat center center;
}

.purchase-tool-calc {
    background: url('../images/tool-calc.png') no-repeat center center;
}

.purchase-tool-calc:hover {
    cursor: pointer;
    background: url('../images/tool-calc-active.png') no-repeat center center;
}

.new-kv-pager ul{
    overflow:visible;
}
.new-kv-pager ul li {
    width: 20px;
    height: 5px;
    border-radius: 5px;
    background-color: #fff;
    opacity:0.5;
    transition:all 0.5s linear;
    box-shadow:0 0 5px 0 rgba(0,0,0,0.5);
}
.new-kv-pager ul li.active{
    width:50px;
    opacity:1;
    background:#fff;
}



/*新闻/资讯*/
.bg-color {
    background-color: #F7F7F7;
}

.news-banner {
    position: relative;
    height: 470px;
}

.news-banner-body {
    position: absolute;
    top: 0;
    left: 0;
}

.news-banner-body img {
    width: 100%;
}

.news-banner-header {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;
}


.news-banner-header ul {
    display: inline-block;
    margin: 0 auto;
    overflow: hidden;
}

.news-banner-header ul li {
    display: block;
    float: left;
    width: 25px;
    height: 5px;
    border-radius: 5px;
    margin-right: 20px;
    background-color: #fff;
}

.news-banner-header ul li:last-child {
    margin-right: 0;
}

.news-banner-header ul li.active {
    background-color: #e21711;
}

.news-banner-nav {
    position: absolute;
    width: 156px;
    box-sizing: border-box;
    top: 100px;
    left: 50px;

}

.news-banner-nav ul {
    position: absolute;
    display: block;
    float: left;
    padding-top: 25px;
    border-top: 2px solid #fff;
}

.news-banner-nav a {
    color: #fff;
    font-size: 14px;
}

.news-banner-nav ul li {
    margin-bottom: 10px;
}

.news-banner-nav ul li.active a, .news-banner-nav a:hover {
    color: #e21711;
}

.news-banner-nav ul li.news-hr {
    border-bottom: 2px solid #fff;
    padding-bottom: 15px;
    margin-bottom: 24px;
}

.news-nav-container {
    margin-top: 40px;
    margin-bottom: 30px;
}

.news-left {
    width: 900px;
    float: left;
    margin-right: 20px;
}

.news-right {
    width: 280px;
    float: right;
}

.news-nav-list ul li {
    display: inline-block;
    width: 100px;
    margin-right: 20px;
}

.news-nav-list ul li a {
    font-size: 22px;
    color: #666;
}

.news-nav-list ul li.active a, .news-nav-list a:hover {
    color: #333;
}

.news-nav-list ul li.active a {
    font-size: 32px;
}

.news-nav-search {
    position: relative;
}

.news-nav-search input {
    width: 300px;
    height: 45px;
    box-sizing: border-box;
    padding: 10px;
    border: none;
}

.news-search-icon {
    display: block;
    width: 18px;
    height: 17px;
    position: absolute;
    right: 15px;
    top: 15px;
    background: url('../images/icon-search-2.png');
    border: none;
}

.news-search-icon:hover {
    cursor: pointer;
}

.news-item {
    height: 195px;
    margin-bottom: 30px;
    overflow: hidden;
    background-color: #fff;
}

.news-item a {
    color: #333;
    display: block;
}

.news-item img {
    display: block;
    width: 300px;
    height: 195px;
    float: left;
}

.news-text {
    width: 600px;
    float: left;
    box-sizing: border-box;
    padding: 30px;
}

.news-date {
    font-size: 10px;
}

.news-date span {
    font-size: 18px;
}

.news-title {
    font-size: 22px;
    margin-bottom: 15px;
}

.news-summary {
    font-size: 14px;
    line-height: 1.5;
}

.news-right-head {
    font-size: 18px;
    padding-bottom: 10px;
    border-bottom: 1px solid #E6E6E6;
    margin-bottom: 20px;
}

.news-right-item {
    width: 280px;
    height: 105px;
    overflow: hidden;
}

.news-right-item a:first-child {
    display: block;
    width: 105px;
    height: 75px;
    float: left;
}

.news-right-item a:first-child img {
    width: 100%;
}

.news-right-item a:last-child {
    display: block;
    width: 175px;
    height: 105px;
    float: left;
    box-sizing: border-box;
    padding: 0px 8px;
}

.news-right-title {
    font-size: 12px;
    font-weight: bold;
}

.news-right-summary {
    font-size: 10px;
}

/*活动专区*/
.activity-item {
    width: calc((100% - 60px) / 3);
    height: 290px;
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
    position: relative;
    background-color: #fff;
}

.activity-item img {
    width: 100%;
    height: 210px;
}

.activity-title {
    margin: 10px 20px 10px 20px;
    font-size: 16px;
    border-left: 3px solid #e21711;
    padding-left: 10px;
}

.activity-summary {
    margin-left: 20px;
    padding-left: 20px;;
    font-size: 14px;
    color: #666;
    background: url('../images/icon-clock.png') no-repeat left center;
}

.activity-button {
    width: 70px;
    height: 30px;
    line-height: 30px;
    background-color: #000;
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.activity-item a {
    display: block;
}

.activity-item:hover {
    background-color: #202020;
    color: #fff;
}

.activity-item:hover .activity-title {
    color: #fff;
}

.activity-item:hover .activity-summary {
    color: #cbcaca;
}

.activity-item:hover .activity-button {
    background-color: #e21711;
    color: #fff;
}

.activity-item-icon {
    position: absolute;
    width: 55px;
    height: 55px;
    right: 0;
    top: 0;
}

.icon-no {
    background: url('../images/activity-icon-no.png');
}

.icon-ing {
    background: url('../images/activity-icon-ing.png');
}

.icon-ed {
    background: url('../images/activity-icon-ed.png');
}


/*走进传祺*/
.about1 {
    margin-top: 130px;
    overflow: visible;
}

.about{
    margin-top: 130px;
    overflow: visible;
}

.about-head {
    text-align: center;
    font-size: 34px;
    color: #F0A1A0;
    margin-bottom: 80px;
}

.about-head h2 {
    color: #333;
}

.about-text2 {
    font-size: 24px; 
    color: rgb(27,27,27); 
    margin-top: 50px;
}

.about-item {
    position: relative;
    margin-bottom: 130px;
}

.about-item img {
    width: 415px;
    float: left;
    margin-right: 80px;
}

.about-text {
    width: 705px;
    float: left;
    padding-top: 100px;
}

.about-text h3 {
    font-size: 34px;
    color: #bf0816;
}

.about-job {
    font-size: 16px;
    margin-bottom: 20px;
    text-indent: 40px;
}

.about-summary {
    font-size: 16px;
    color: #666;
}

.about-float-right img {
    float: right;
    margin-right: 0;
    margin-left: 80px;
}

.about-float-right .about-text {
    float: left;
}

.about-quote-right {
    width: 153px;
    height: 153px;
    position: absolute;
    right: -100px;
    top: -150px;
    background: url('../images/quote-right.png') no-repeat left center;
}

.about-quote-left {
    width: 153px;
    height: 153px;
    position: absolute;
    left: -100px;
    bottom: -50px;
    background: url('../images/quote-left.png') no-repeat left center;
}

.about-bg {
    background-color: #F7F7F7;
    padding-bottom: 60px;
}

.about-slide:after {
    content: ' ';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.about-content {
    position: relative;
}

.about-prev {
    width: 59px;
    height: 105px;
    position: absolute;
    left: -150px;
    top: 100px;
    background: url('../images/about-prev.png');
}

.about-next {
    width: 59px;
    height: 105px;
    position: absolute;
    right: -150px;
    top: 100px;
    background: url('../images/about-next.png');
}

.about-prev:hover, .about-next:hover {
    cursor: pointer;
}

.about-slide-one {
    width: 380px;
    float: left;
    margin-right: 30px;
}

.about-slide-one:last-child {
    margin-right: 0;
}

.about-slide-one img {
    width: 380px;
    height: 255px;
}

.about-slide-one p {
    height: 25px;
    overflow: hidden;
    margin-top: 10px;
    font-size: 16px;
    text-align: center;
    padding-left: 15px;
}

.about-timeline {
    position: relative;
    width: 805px;
    height: 65px;
    margin: 0 auto;
    margin-top: 80px;
    overflow: visible;
}

.about-timeline-line {
    position: absolute;
    width: 100%;
    top: 3px;
    left: 0;
    height: 6px;
    background-color: #6F6F6F;
    border-radius: 5px;
}

.about-timeline-container {
    position: absolute;
    top: 0;
    left: 0;
}

.about-timeline-item {
    width: 115px;
    float: left;
    text-align: center;
    font-size: 16px;
}

.about-timeline-item:hover {
    cursor: pointer;
}

.about-timeline-item span {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #eee;
    margin: 0 auto;
    margin-bottom: 10px;
}

.about-timeline-item-active span {
    background-color: #E21711;
}

.about-factory {
    width: 610px;
    height: 140px;
    background: url('../images/about-factory.png') no-repeat center center;
    float: left;
}

.about-factory-summary {
    width: 590px;
    height: 140px;
    box-sizing: border-box;
    padding-left: 20px;
    float: left;
    font-size: 16px;
}

.about-factory-img {
    width: 100%;
    margin-top: 120px;
    text-align: center;
    font-size: 18px;
}

.about-factory-img-item {
    width: calc((100% - 120px) / 4);
    float: left;
    margin-right: 40px;
}

.about-factory-img-item:last-child {
    margin-right: 0;
}

.about-factory-img-item img {
    width: 100%;
    margin-bottom: 20px;
}

.about-project {
    width: 320px;
    float: left;
    box-sizing: border-box;
    padding: 20px;
    font-size: 16px;
}

.about-project-img {
    width: 880px;
    float: left;
}

.about-project-img-item {
    width: 280px;
    float: left;
    margin-right: 20px;
}

.about-project-img-item:last-child {
    margin-right: 0;
}

.about-project-img-item img {
    width: 100%;
}

.about-project-img-item p {
    text-align: center;
    margin-top: 20px;
    font-size: 30px;
}

.about-video video {
    width: 100%;
}

.full-container-padding {
    padding: 80px;
    box-sizing: border-box;
}

.culture-list img {
    width: calc((100% - 60px) / 4);
    margin-right: 20px;
    float: left;
}

.culture-list img:last-child {
    margin-right: 0;
}

.culture-value img {
    display: block;
}

.dealer-requirement-item {
    width: 224px;
    float: left;
    margin-right: 20px;
    text-align: center;
    box-shadow: #c9c9c9 0px 0px 5px;
}

.dealer-requirement-item:last-child {
    margin-right: 0;
}

.requirement-head {
    height: 130px;
    box-sizing: border-box;
    background-color: #e21711;
    padding: 25px 0;
    color: #fff;
}

.requirement-head span.step {
    font-size: 14px;
}

.requirement-head p {
    font-size: 44px;
}

.requirement-body {
    height: 270px;
    box-sizing: border-box;
    padding: 40px 30px 45px 30px;
}

.requirement-body p {
    font-size: 14px;
    line-height: 2.5;
}

.requirement-body span.line {
    display: block;
    margin: 40px auto 0 auto;
    width: 100px;
    height: 3px;
    background-color: #e21711;
}

.dealer-banner {
    background: url('../images/dealer-banner-2.png') no-repeat center center;
    padding: 80px 0;
}

.application-item {
    width: 175px;
    float: left;
    margin-right: 81.25px;
}

.application-item:last-child {
    margin-right: 0;
}

.application-body {
    margin-top: 20px;
    font-size: 14px;
    line-height: 2;
}

.dealer-head {
    margin-bottom: 80px;
}

.ground-summary {
    font-size: 16px;
    color: #333;
    margin-top: 10px;
}

.ground-item {
    margin-left: 105px;
    float: left;
    margin-bottom: 120px;
}

.ground-img {
    width: 125px;
    float: left;
}

.ground-text {
    width: 260px;
    float: left;
    font-size: 18px;
    margin-left: 20px;
}

.ground-title {
    font-size: 22px;
}

.ground-title span {
    font-size: 68px;
    color: #e21711;
}

.channel-item {
    width: 600px;
    float: left;
    background-color: #fff;
}

.channel-item:first-child {
    width: 597px;
    border-right: 3px solid #fff;
}

.channel-item:first-child .channel-col:last-child {
    width: 447px;
}

.dealer-channel {
    background: url('../images/dealer-banner-3.png') no-repeat center center;
    padding: 80px 0;
}

.channel-head, .channel-body {
    height: 57px;
    line-height: 57px;
    box-sizing: border-box;
}

.channel-col {
    width: 450px;
    float: left;
    box-sizing: border-box;
    text-align: center;
    font-size: 18px;
    color: #666;
}

.channel-province {
    width: 150px;
}

.channel-head .channel-col {
    font-size: 20px;
    background-color: #e21711;
    color: #fff;
    text-align: center;
}

.channel-body .channel-col:first-child {
    color: #333;
    font-size: 20px;
}

.channel-head .channel-col:first-child {
    box-sizing: border-box;
    border-right: 1px solid #fff;
}

.channel-body {
    border-bottom: #eee solid 1px;
}

.contact {
    padding-bottom: 90px;
    border-bottom: 1px solid #eee;
}

.contact-item {
    width: 400px;
    box-sizing: border-box;
    text-align: center;
    float: left;
}

.contact-text {
    padding-left: 100px;
}

.contact-text p {
    text-align: left;
    height: 25px;
    line-height: 25px;
}

.contact-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    vertical-align: middle;
}

.contact-address {
    background: url('../images/icon-address.png') no-repeat center center;
}

.contact-zip {
    background: url('../images/icon-zip.png') no-repeat center center;
}

.contact-email {
    background: url('../images/icon-email.png') no-repeat center center;
}

.contact-tel {
    background: url('../images/icon-tel-2.png') no-repeat center center;
}

.compare {
    padding-top: 25px;
}

.compare .about-head {
    font-size: 18px;
    margin-bottom: 30px;
}

.compare-car {
    margin: 0 auto;
}

.compare-car-item {
    width: 280px;
    height: 315px;
    box-sizing: border-box;
    float: left;
    margin-right: 20px;
    padding: 40px 30px 30px 30px;
    border: 1px solid #C7C7C7;
    text-align: center;
    position: relative;
}

.compare-car-item .compare-select select {
    width: 220px;
}

.compare-icon-close {
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    font-size: 12px;
    background-color: #e21711;
    color: #fff;
    position: absolute;
    top: 15px;
    right: 15px;
    border-radius: 50%;
}

.compare-icon-close:hover {
    cursor: pointer;
}

.compare-car-item img {
    width: 205px;
    margin-bottom: 10px;
}

.compare-car-item:last-child {
    margin-right: 0;
}

.compare-car-item h3 {
    font-size: 16px;
    margin-bottom: 10px;
}

.compare-car-item p {
    font-size: 12px;
    color: #666;
    margin-bottom: 20px;
}

.compare-select, .compare-select-form {
    margin-bottom: 20px;
}

.compare-select select, .compare-select-form {
    box-sizing: border-box;
    display: inline-block;
    width: 240px;
    height: 40px;
    line-height: 40px;
    margin-right: 25px;
    border: none;
    border-bottom: 1px solid #c5c5c5;
    font-size: 14px;
    padding-left: 10px;
    background-color: transparent;
}

.compare-select select option {
    border: 1px solid #666;;
}

.compare-text {
    font-size: 14px;
}

.compare-text span:first-child {
    float: left;
}

.compare-text span:last-child {
    float: right;
}

.compare-add {
    width: 35px;
    height: 35px;
    line-height: 35px;
    margin: 92px auto 0 auto;
    background-color: #e21711;
    color: #fff;
    border-radius: 50%;
    font-size: 22px;
}

.compare-add:hover {
    cursor: pointer;
    background-color: #bf0816;
}

.compare-table {
    padding-top: 30px;
    margin-top: 40px;
}

.compare-table .compare-head {
    border-bottom: 1px solid #c5c5c5;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.compare-switch {
    text-align: right;
    font-size: 14px;
}

.compare-switch span {
    margin-right: 14px;
}

.compare-switch span.active {
    color: #e21711;
}

.compare-switch span:hover {
    cursor: pointer;
}

.header-line {
    border-bottom: 1px solid #ECECEC;
}

.car-add-container {
    width: 300px;
    height: 100px;
    box-sizing: border-box;
    padding: 20px;
    text-align: center;
}

.car-add-container h3 {
    margin-bottom: 10px;
}

.index-server-container {
    position: relative;
}

.index-server-container:hover .index-server-shade {
    display: block;
}

.index-server-shade {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .3);
    text-align: center;
}

.index-server-shade img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -85px auto 0 -187px;
    display: block;
    width: auto;
    height: auto;
}


/*金融计算器*/
.calc {
    margin-top: 120px;
}

.calc-car-info {
    text-align: center;
}

.calc-car-info h2 {
    font-size: 30px;
    margin-bottom: 50px;
}

.calc-car-info img {
    width: 540px;
    height: 220px;
    margin-bottom: 30px;
}

.calc-car-name {
    font-size: 14px;
    margin-bottom: 20px;
}

.calc-car-price {
    font-size: 14px;
    margin-bottom: 60px;
}

.calc-car-price span {
    font-size: 22px;
}

.calc-head {
    width: 700px;
    font-size: 24px;
    border-bottom: 2px solid #c5c5c5;
    margin: 0 auto 45px auto;
}

.calc-head-item {
    float: left;
    height: 40px;
    width: 300px;
    text-align: center;
    padding-bottom: 15px;
    position: relative;
}

.calc-head-item p {
    display: block;
    width: 100px;
    height: 55px;
    line-height: 55px;
    position: absolute;
    top: 0px;
    left: 100px;
}

.calc-head-item p {
    cursor: pointer;
}

.calc-head-item-active p {
    color: #e21711;
    border-bottom: #e21711 2px solid;
}

.calc-main {
    font-size: 14px;
}

.calc-form {
    width: 840px;
    margin: 0 auto;
}

.calc-container {
    width: 100%;
    min-width: 1200px;
    background-color: #FBFBFB;
    padding: 30px 0;
}

.calc-form-left {
    width: 320px;
    float: left;
    margin-right: 190px;
}

.calc-form-item {
    margin-bottom: 20px;
}

.calc-form-label {
    width: 90px;
    height: 40px;
    line-height: 40px;
    text-align: right;
    float: left;
    margin-right: 10px;
}

.calc-form-input {
    width: 220px;
    box-sizing: border-box;
    height: 40px;
    float: left;
}

.calc-input {
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    line-height: 40px;
    border: none;
    border-bottom: 1px solid #c5c5c5;
    background-color: transparent;
    padding: 0 10px;
}

.calc-form-right {
    width: 320px;
    float: left;
}

.calc-slider {
    padding-top: 20px;
}

.calc-button {
    display: inline-block;
    width: 60px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #666;
    border-radius: 5px;
    margin-right: 5px;
}

.calc-button:hover {
    cursor: pointer;
}

.calc-button-active {
    background-color: #e21711;
    color: #fff;
}

.calc-line {
    width: 1200px;
    height: 2px;
    background-color: #c5c5c5;
    margin: 50px auto;
}

.calc-count {
    width: 840px;
    padding-top: 40px;
    margin: 0 auto;
    margin-bottom: 40px;
}

.calc-count-item {
    width: 173px;
    float: left;
    box-sizing: border-box;
    text-align: center;
}

.calc-count-line {
    width: 2px;
    height: 40px;
    background-color: #c5c5c5;
}

.calc-count-item h4 {
    font-size: 16px;
    margin-bottom: 10px;
}

.calc-count-item p {
    font-size: 18px;
    color: #e21711;
}

.calc-count-button {
    display: block;
    width: 150px;
    height: 35px;
    font-size: 16px;
    line-height: 35px;
    text-align: center;
    background-color: #e21711;
    color: #fff;
    border-radius: 15px;
    margin: 0 auto;
}

.calc-count-button:hover {
    background-color: #810f0b;
    color: #fff;
}

.calc-tip {
    margin-top: 20px;
    color: #555;
    text-align: center;
}

.calc-total-container {
    width: 510px;
    margin: 0 auto;
}

.calc-count-total {
    width: 220px;
    float: left;
    text-align: center;
    margin-right: 100px;
}

.calc-count-total p {
    font-size: 18px;
    margin-bottom: 10px;
}

.calc-count-total h4 {
    color: #e21711;
    font-size: 30px;
}

.calc-total-container .calc-count-item {
    float: left;
    padding-top: 20px;
}


/*售后服务*/
.service-full-container {
    padding: 70px;
    box-sizing: border-box;
}
.service-container {
    padding-top: 95px;
}

.service-concept {
    height: 630px;
    background: url('../images/service-bg-1.jpg') no-repeat top center;
}

.service-concept-text {
    width: 510px;
    float: left;
    line-height: 2;
    font-size: 14px;
}

.service-concept-text p {
    text-indent: 30px;
}

.service-concept-text-right {
    float: right;
    margin-top: 110px;
    margin-right: 50px;
}

.after-service-item {
    width: calc((100% - 195px) / 4);
    margin-right: 65px;
    float: left;
    position: relative;
}

.after-service-item:last-child {
    margin-right: 0;
}

.after-service-item img {
    width: 100%;
    margin-bottom: 20px;
}

.after-service-item h3 {
    font-size: 20px;
    height: 55px;
    line-height: 55px;
    margin-bottom: 15px;
    vertical-align: middle;
}

.after-service-item p {
    font-size: 14px;
    margin-bottom: 10px;
}

.after-service-icon {
    display: inline-block;
    width: 39px;
    height: 39px;
    margin-right: 5px;
    vertical-align: middle;
}

.service-24 {
    background: url('../images/service-24.png') no-repeat;
}

.service-clock {
    background: url('../images/service-clock.png') no-repeat;
}

.service-flash {
    background: url('../images/service-flash.png') no-repeat;
}

.service-tool {
    background: url('../images/service-tool.png') no-repeat;
}

.service-icon-1 {
    background: url('../images/service-icon-1.png') no-repeat;
}

.service-icon-2 {
    background: url('../images/service-icon-2.png') no-repeat;
}

.service-icon-3 {
    background: url('../images/service-icon-3.png') no-repeat;
}

.service-icon-4 {
    background: url('../images/service-icon-4.png') no-repeat;
}

.service-download-left {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding-left: 80px;
}

.service-download-right {
    width: 50%;
    box-sizing: border-box;
    padding-left: 60px;
    float: left;
    text-align: left;
}

.service-download-right img {
    width: auto;
}

.service-download-text h2 {
    font-size: 38px;
    margin-bottom: 20px;
}

.service-download-text p {
    font-size: 16px;
    margin-bottom: 5px;
}

.service-download-button-list {
    margin-top: 40px;
    margin-bottom: 40px;
}

.service-download-button {
    display: block;
    float: left;
    margin-right: 45px;
}

.service-download-button-ios {
    margin-bottom: 10px;
}

.service-download-button img {
    width: auto;
}

.service-download-description img {
    width: auto;
    float: left;
    margin-right: 40px;
}

.service-download-description p {
    width: 50%;
    float: left;
    font-size: 16px;
    line-height: 2;
}

.service-item-hover {
    position: absolute;
    bottom: 50px;
    width: 100%;
}

.service-item-hover h4 {
    font-size: 30px;
    text-align: center;
    color: #fff;
    margin-bottom: 10px;
}

.service-item-button {
    display: block;
    margin: 0 auto;
    width: 160px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    border-radius: 15px;
    font-size: 14px;
    border: 1px solid #fff;
}

.service-item-button:hover {
    background-color: #e21711;
    border-color: #e21711;
}

.service-activity-item {
    width: calc((100% - 40px) / 2);
    float: left;
    margin-right: 40px;
}

.service-activity-item img {
    width: 100%;
}

.service-activity-item:last-child {
    margin-right: 0;
}

.service-activity-item h2 {
    font-size: 40px;
    margin-bottom: 80px;
    text-align: center;
}

.service-activity-item a {
    display: block;
}

/*订车*/
.book .car-body:hover .car-series {
    background-color: #fff;
    color: #333;
}

.book .car-main {
    width: 1200px;
}

.book .car-series-list {
    width: calc(100% - 60px);
}

.book .car-line {
    border-bottom: 1px solid #c5c5c5;
    height: auto;
    padding-bottom: 10px;
}

.book .car-item {
    width: 220px;
    height: 185px;
    margin: 0 auto;
    padding: 20px;
}

.book .car-series-list a {
    height: auto;
}

.book .car-series-list .book-car-active .car-item {
    border: 1px solid #c5c5c5;
    border-bottom: 2px solid #e21711;
}

.book-car-tip {
    display: none;
    color: #e21711;
}

.book-car-active .book-car-tip {
    display: block;
}

.book .car-series-list {
    padding-top: 10px;
}

.book .car-series {
    padding-top: 10px;
}

.car-page-pager {
    height: 30px;
    margin: 0 auto;
    text-align: center;
}

.car-pager {
    display: inline-block;
}

.car-pager-item {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #999;
    margin-right: 12px;
}

.car-pager-item-active {
    background-color: #e21711;
    width: 12px;
    height: 12px;
}

.car-pager-item:hover {
    cursor: pointer;
}

.footer-line {
    padding-top: 60px;
    border-top: 1px solid #ECECEC;
}

.car-book {
    position: relative;
}

.book-select {
    margin-top: 30px;
}

.book-form-item {
    margin-bottom: 20px;
}

.book-select h3 {
    font-size: 22px;
    text-align: center;
    margin-bottom: 30px;
}

.book-select-form-title {
    height: 50px;
    line-height: 50px;
    background-color: #E6E6E6;
    font-size: 22px;
    padding-left: 20px;
}

.book-select-form {
    font-size: 16px;
    margin-top: 40px;
}

.book-form-label, .book-form-input {
    height: 60px;
    line-height: 60px;
}

.book-code {
    margin-left: 30px;
}

.book-form-label {
    width: 250px;
    text-align: right;
    float: left;
}

.book-form-input {
    width: 930px;
    margin-left: 20px;
    float: left;
}

.book-form-input input[type=text] {
    height: 50px;
    width: 450px;
    box-sizing: border-box;
    padding-left: 20px;
    border: 1px solid #999;
    font-size: 16px;
}

.book-form-input select {
    width: 450px;
    height: 50px;
    box-sizing: border-box;
    padding-left: 20px;
    border: none;
    border-bottom: 1px solid #999;
    font-size: 16px;
    background-color: transparent;
}

.book-price {
    color: #e21711;
    font-size: 22px;
}

.book-pay-platform {
    box-sizing: border-box;
    width: 530px;
    height: 60px;
    line-height: 60px;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #c5c5c5;
    float: left;
    margin-right: 10px;
}

.book-pay-platform:hover {
    cursor: pointer;
}

.book-pay-platform-active {
    border-color: #e21711;
}

.pay-alipay {
    margin-right: 0;
}

.book-radio span {
    margin-right: 20px;
}

.book-tip {
    text-align: center;
    margin-top: 40px;
}

.book-tip-text {
    display: inline;
}

.book-form-button {
    height: 52px;
    line-height: 52px;
    width: 180px;
    display: inline-block;
    background-color: #e21711;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    letter-spacing: 4px;
    margin-left: 20px;
}

.book-form-button:hover {
    background-color: #810f0b;
    color: #fff;
}

.submit-container {
    text-align: center;
    margin-top: 40px;
}

.book-policy-container {
    width: 600px;
    margin-left: 170px;
    padding: 20px;
    box-sizing: border-box;
    text-align: left;
    border: 1px solid #bce8f1;
    border-radius: 5px;
    background-color: #d9edf7;
}

/*车型环保*/
.protect .news-left {
    height: 45px;
    line-height: 45px;
}

.protect .news-nav-list ul li.active a {
    font-size: 18px;
}

.protect .news-left ul li {
    width: 300px;
}

.protect .news-nav-search input {
    background-color: #f3f3f3;
}

.protect-table th {
    text-align: center!important;
    font-size: 18px !important;
}

.protect-table[lay-size=lg] td,
.protect-table[lay-size=lg] th {
    padding: 25px 30px !important;
}

.protect-button {
    display: block;
    width: 90px;
    height: 35px;
    line-height: 35px;
    margin: 0 auto;
    background-color: #868686;
    color: #fff;
}

.protect-button:hover {
    color: #fff;
    background-color: #e21711;
}


/*试驾*/
.trial-car-img {
    display: none;
}

.trial-container {
    height: 920px;
    background: url('../images/trial-banner.png') no-repeat center center;
    position: relative;
}

.trial-main {
    position: absolute;
    top: 100px;
    left: 100px;
    width: 580px;
    background-color: #fff;
    box-sizing: border-box;
    padding: 72.5px;
    padding-top: 50px;
    z-index: 23;
}

.trial-hover {
    position: absolute;
    width: 100%;
    height: 920px;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 22;
}

.trial-main h3 {
    font-size: 30px;
    text-align: center;
    margin-bottom: 40px;
}

.trial-form-item {
    height: 55px;
    line-height: 55px;
    margin-bottom: 30px;
}

.trial-form-item input.test-tel {
    display: block;
    float: left;
    width: 49% !important;
}

.trial-form-item input.test-code {
    display: block;
    float: left;
    width: 28% !important;
    margin-left: 2%;
}

.test-btn {
    display: block;
    float: left;
    width: 19%;
    height: 55px;
    margin-left: 2%;
    border: none;
    background-color: #e21711;
    color: #fff;
    font-size: 14px;
    text-align: center;
}

.test-btn:hover {
    cursor: pointer;
}

.trial-form-item input[type="text"], .trial-select {
    width: 435px;
    height: 55px;
    box-sizing: border-box;
    border: none;
    background-color: #E5E5E5;
    color: #292D30;
    padding: 0 10px;
    font-size: 16px;
}

.trial-main-input {
    width: 280px !important;
}

.trial-main-select {
    width: 140px !important;
}

.test-drive-select

.trial-select {
    width: 435px;
    height: 55px;
    box-sizing: border-box;
    background-color: #e5e5e5;
    color: #292D30;
    padding-left: 10px;
}

.trial-button {
    display: block;
    width: 200px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    background-color: #e21711;
    font-size: 20px;
    margin: 0 auto;
}

.trial-button:hover {
    background-color: #bf0816;
    color: #fff;
}

.trial-comment {
    position: absolute;
    width: 920px;
    padding-top: 80px;
    top: 160px;
    right: 200px;
    color: #fff;
}

.trial-comment-item {
    width: 390px;
    margin-right: 100px;
    margin-bottom: 40px;
    float: left;
}

.trial-comment-item:nth-child(even) {
    margin-right: 0;;
}

.trial-avatar {
    border-radius: 50%;
}

.trial-comment-head img,
.trial-comment-head-right {
    float: left;
}

.trial-comment-head {
    margin-bottom: 20px;
}

.trial-comment-head img {
    margin-right: 10px;
}

.trial-comment-head-right {
    padding-top: 10px;
}

.trial-comment-head-right h4 {
    font-size: 14px;
}

.trial-comment-head-right p {
    font-size: 12px;
    color: #AFAFAF;
}

.trial-comment-body h4 {
    font-size: 26px;
    margin-bottom: 10px;
}

.trial-hover-switch {
    display: inline-block;
    position: absolute;
    bottom: 60px;
    right: 630px;
    z-index: 100;
}

.trial-hover-switch:hover {
    cursor: pointer;
}


/*经销商查询*/
.dealer-query {
    height: 860px;
    background: url('../images/dealer-query-banner.png') no-repeat center center;
}

.dealer-query-container {
    /*1450*/
    width: 1200px;
    margin: 0 auto;
    padding: 80px 0;
}

.dealer-query-filter {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 45px;
}

.dealer-query-select {
    display: inline-block;
    width: 250px;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    padding-bottom: 15px;
    border: none;
    border-bottom: 1px solid #fff;
    color: #fff;
    background-color: transparent;
    font-size: 24px;
    margin-right: 47px;
}

.dealer-query-select:last-child {
    margin-right: 0;
}

.dealer-query-select:focus {
    outline: none;
}

.dealer-query-select option {
    color: #5c5c5c;
}

.delaer-query-map {
    width: 740px;
    height: 610px;
    float: left;
}

#amap-container {
    width: 740px;
    height: 610px;
}

.dealer-query-list-container {
    width: 460px;
    float: left;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    box-sizing: border-box;
    padding: 30px 0px 0px 40px;
}

.dealer-query-result {
    height: 45px;
    box-sizing: border-box;
    font-size: 14px;
    color: #bebaba;
    padding-bottom: 20px;
    border-bottom: 1px solid #fff;
}

.dealer-query-result span {
    color: #e21711;
}

.dealer-query-list {
    height: 420px;
    overflow-y: scroll;
}

.dealer-query-item {
    padding-top: 30px;
    position: relative;
    border-bottom: 1px solid #c5c5c5;
    padding-bottom: 30px;
}

.dealer-query-item:hover {
    cursor: pointer;
}

.dealer-query-item h4 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 25px;
}

.dealer-query-item p {
    font-size: 14px;
    color: #bebaba;
    margin-bottom: 15px;
}

.dealer-query-button {
    display: inline-block;
    width: 110px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background-color: #666;
}

.dealer-query-button:hover {
    color: #fff;
    background-color: #e21711;
}

.dealer-query-trial {
    margin-right: 20px;
}

.dealer-query-item-hover {
    position: absolute;
    top: 30px;
    right: 30px;
    color: #77D9D7;
    font-size: 14px;
}

.dealer-query-item-hover span {
    font-size: 16px;
    color: #e21711;
}

/*新闻内容*/
.news-back {
    padding-top: 30px;
    font-size: 14px;
}

.news-main {
    margin-top: 30px;
}

.news-main h2 {
    font-size: 26px;
    text-align: center;
    margin-bottom: 30px;
}

.news-add-time {
    font-size: 16px;
    text-align: center;
    padding-bottom: 16px;
    border-bottom: 1px solid #ECECEC;
}

.news-content {
    width: 800px;
    padding: 50px 0;
    box-sizing: border-box;
    margin: 0 auto;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 2;
}

.news-content img {
    max-width: 100%;
    display: block;
    margin: 50px auto;
}

.news-related p {
    font-size: 16px;
    margin-bottom: 20px;
}

/*用户登录*/
.login {
    height: 900px;
    padding-top: 70px;
    background: url('../images/user-login-bg.png');
}

.user-login {
    width: 430px;
    margin: 0 auto;
    color: #fff;
}

.user-login>img {
    display: block;
    margin: 0 auto 40px auto;
}

.user-login h3 {
    font-size: 40px;
    text-align: center;
    margin-bottom: 100px;
}

.login-form-item {
    position: relative;
    height: 50px;
    line-height: 50px;
    margin-bottom: 45px;
    font-size: 16px;
}

.login-form-item a {
    color: #fff;
}

.login-form-item a:hover {
    color: #999;
}

.login-form-item input[type=text],
.login-form-item input[type=password] {
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    border: 0;
    padding-bottom: 14px;
    border-bottom: 1px solid #fff;
    background-color: transparent;
    color: #fff;
    padding-left: 10px;
}

.login-button {
    display: block;
    width: 150px;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 5px;
    background-color: transparent;
    color: #fff;
}

.login-button:hover {
    cursor: pointer;
    color: #e21711;
    border-color: #e21711;
}

a.create-user {
    color: #e21711;
}

a.create-user:hover {
    color: #fff;
}

.pincode {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.login-form-item::placeholder {
    font-size: 16px;
}

.user-login-sure span a {
    color: #e21711;
}

.user-login-sure span a:hover {
    color: #fff;
}

.repair {
    margin-top: 70px;
}

.repair h3 {
    font-size: 18px;
    text-align: center;
    margin-bottom: 30px;
}

.repair-text {
    font-size: 16px;
    margin-bottom: 40px;
}

.repair-main {
    font-size: 16px;
}

/*车主讲堂*/
.about-head-text {
    font-size: 16px;
    color: #333;
    margin-top: 20px;
}

.service-school-text {
    width: 560px;
    float: left;
    margin-left: 40px;
    padding-top: 120px;
}

.service-school-text p {
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 2;
}

.service-channel{
    display:flex;
}
.service-channel-left{
    width:50%;
    display:flex;
    flex-direction:column;
    padding:50px 0;
}
.service-channel-right{
    width:50%;
    box-sizing:border-box;
    padding-left:50px;
}
.service-channel-right img{
    width:100%;
}
.service-channel-head{
    display:flex;
    align-items:center;
    margin-bottom:20px;
}
.service-channel-avatar{
    width:120px;
    height:120px;
    border-radius:50%;
    overflow:hidden;
}
.service-channel-text{
    padding-left:20px;
}
.service-channel-text h3{
    font-size:28px;
    line-height:1.5;
}
.service-channel-text p{
    font-size:24px;
    line-height:1.5;
}
.service-channel-text .face-icon{
    display:inline-block;
    width:20px;
    height:20px;
    background-image:url(../images/face-icon.png);
    background-size:100% 100%;
    margin-left:10px;
    vertical-align:middle;
}
.service-channel-content{
    display:flex;
    flex-direction:row;
    margin-top:100px;
}
.service-channel-code{
    width:120px;
    height:120px;
}
.service-channel-desc{
    padding-left:20px;
}
.service-channel-desc h3{
    font-size:28px;
    line-height:1;
    color:#000;
}
.service-channel-desc a{
    font-size:16px;
    color:#4277d3;
    display:block;
    padding-top:5px;
}
.service-channel-desc p{
    font-size:14px;
    color:#000;
    padding-top:15px;
}
.service-channel-rest{
    margin-bottom:50px;
}
.service-channel-rest p{
    font-size:18px;
    line-height:2;
    color:#000;
}
.service-channel-rest a{
    color:#4277d3;
}

.common-button-red {
    display: block;
    width: 150px;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 5px;
    background-color: #e21711;
    color: #fff;
    font-size: 16px;
}

.common-button-red:hover {
    color: #fff;
    background-color: #810f0b;
}

.school-block {
    overflow: hidden;
}

.school-block-item {
    width: 550px;
    height: 605px;
    box-sizing: border-box;
    margin-right: 80px;;
    float: left;
    margin-bottom: 70px;
    color: #fff;
    padding-left: 66px;
    padding-right: 30px;
    position: relative;
}

.school-block-item a {
    color: #fff;
}

.school-block-item a:hover {
    color: #e21711;
}

.school-block-item p.school-block-number {
    font-size: 144px;
    text-align: right;
}

.school-block-item h3 {
    font-size: 24px;
    margin-bottom: 25px;
}

.school-block-item p {
    font-size: 16px;
    margin-bottom: 10px;
}

.school-block-more {
    position: absolute;
    right: 40px;
    bottom: 60px
}

.school-block-1 {
    background: url('../images/school-bg-1.jpg') no-repeat;
}

.school-block-2 {
    margin-right: 0;
    background: url('../images/school-bg-2.jpg') no-repeat;
}

.school-block-3 {
    background: url('../images/school-bg-3.jpg') no-repeat;
}

.school-block-4 {
    margin-right: 0;
    background: url('../images/school-bg-4.jpg') no-repeat;
}

.school-head {
    margin-bottom: 120px;
    display:flex;
    flex-direction:row;
    justify-content:center;
    border-bottom: 2px solid #8C8C8C;
}

.school-head-item {
    display: block;
    flex:1;
    max-width: 400px;
    height: 250px;
    float: left;
    border-bottom: 2px solid #8C8C8C;
    margin-bottom:-2px;
}

.school-tab-1 {
    background: url('../images/school-tab-1.png') no-repeat center center;
}

.school-tab-1:hover,
.school-tab-1.school-head-item-active {
    cursor: pointer;
    border-color: #e21711;
    background: url('../images/school-tab-1-hover.png') no-repeat center center;
}

.school-tab-2 {
    background: url('../images/school-tab-2.png') no-repeat center center;
}

.school-tab-2:hover, .school-tab-2.school-head-item-active {
    cursor: pointer;
    border-color: #e21711;
    background: url('../images/school-tab-2-hover.png') no-repeat center center;
}

.school-tab-3 {
    background: url('../images/school-tab-3.png') no-repeat center center;
}

.school-tab-3:hover, .school-tab-3.school-head-item-active {
    cursor: pointer;
    border-color: #e21711;
    background: url('../images/school-tab-3-hover.png') no-repeat center center;
}

.school-qa-line .school-qa-item:last-child {
    margin-right: 0;
}

.school-qa-item {
    width: 580px;
    height: 460px;
    float: left;
    margin-right: 40px;
    margin-bottom: 40px;
}

.school-qa-item a {
    display: block;
}

.school-qa-item img {
    width: 100%;
    height: 270px;
}

.school-qa-body {
    color: #333;
    padding: 30px 10px 0 10px;
}

.school-qa-body h4 {
    font-size: 20px;
    margin-bottom: 10px;
}

.school-qa-body p {
    font-size: 16px;
    color: #666;
}

.school-qa-body span {
    display: inline-block;
    color: #333;
    font-size: 20px;
}

.school-qa-item:hover .school-qa-body h4,
.school-qa-item:hover .school-qa-body span {
    color: #fff;
}

.school-qa-item:hover .school-qa-body p {
    color: #bebdbd;
}

.school-qa-item:hover {
    background-color: #0a0b10;
}

.school-qa-load-more {
    text-align: center;
    font-size: 16px;
    margin: 80px auto;
}

.school-body-radio-list {
    font-size: 16px;
    text-align: center;
}

.school-body-radio-list label {
    margin-right: 20px;
}

.school-body-content {
    margin-top: 50px;
}

.school-body-manual-item {
    width: 220px;
    height: 50px;
    font-size: 18px;
    float: left;
    margin-right: 60px;
}

.school-body-manual-item select {
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    border: none;
    border-bottom: 1px solid #333;
    padding-bottom: 15px;
    font-size: 18px;
    background-color: transparent;
}

.school-body-manual-download {
    width: 360px;
    height: 65px;
    margin-right: 0px;
}

.school-body-manual-download a:first-child {
    display: inline-block;
    margin-right: 35px;
}

.school-body-content {
    margin-top: 80px;
}

.school-body-content h4 {
    font-size: 22px;
    margin-bottom: 60px;
}

.school-pdf-reader {
    height: 800px;
}

.school-rest-download{
    padding:20px 0;
    display:flex;
    flex-direction:row;
}
.school-rest-download a{
    display:flex;
    flex-direction:row;
    align-items:center;
}
.school-rest-download a img{
    width:40px;
    margin-right:10px;
}
.school-rest-download a span{
    color:#333;
    font-size:14px;
}

/*价格查询*/
.price h4 {
    font-size: 22px;
    text-align: center;
    margin-bottom: 40px;
}

.price .school-body-radio-list {
    width: 600px;
    margin: 0 auto;
}

.price .school-body-manual-item:last-child {
    margin-right: 0;
}

.price-remark {
    font-size: 14px;
    margin-top: 40px;
}

.price-remark p {
    margin-bottom: 10px;
}


/*个人中心*/
.user-container {
    background-color: #fff;
    box-shadow: 0px 0px 10px #ddd;
    border-radius: 5px;
    padding: 50px;
    box-sizing: border-box;
}

.user-head-container {
    position: relative;
    top: -30px;
}

.user-avatar-container {
    width: 200px;
    text-align: center;
    margin: 0 auto;
}

.user-avatar {
    background-color: #fff;
}

.user-avatar:hover {
    cursor: pointer;
}

.user-avatar, .user-avatar img {
    margin: 0 auto;
    width: 200px;
    height: 200px;
}

.user-avatar img {
    margin-bottom: 10px;
    box-sizing: border-box;
    border: 5px solid #e21711;
    border-radius: 50%;
}

.user-username {
    font-size: 22px;
}

.user-info {
    margin-top: 20px;
}

.user-head {
    padding-bottom: 5px;
    border-bottom: 1px solid #000;
    font-size: 18px;
    margin-bottom: 20px;
}

.user-head h3 {
    display: inline-block;
}

.user-icon {
    display: block;
    width: 32px;
    height: 30px;
}

.user-edit {
    float: right;
    background: url('../images/icon-user-edit.png');
}

.user-save {
    display: none;
    width: 80px;
    height: 30px;
    line-height: 30px;
    float: right;
    background-color: #e21711;
    color: #fff;
    text-align: center;
    font-size: 16px;
    border-radius: 5px;
}

.user-add {
    display: block;
    width: 30px;
    height: 30px;
    float: right;
    background: url('../images/icon-user-add.png');
}

.user-body input, .user-body select {
    width: 260px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #e5e5e5;
    padding: 0 10px;
    background-color: transparent;
}

.user-body select.user-city-select {
    width: 48%;
    float: left;
    margin-right: 4%;
}

select.user-city-select:last-child {
    margin-right: 0;
}

.user-form {
    display: none;
}

.user-field-item {
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    width: 50%;
    float: left;
    margin-bottom: 20px;
}

.user-field-item-label {
    width: 50px;
    float: left;
}

.user-field-item-content {
    width: 70%;
    float: left;
    text-align: left;
}

.user-logout-btn {
    display: block;
    width: 200px;
    height: 40px;
    line-height: 40px;
    background-color: #e21711;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    border-radius: 20px;
    font-size: 16px;
}

.user-btn:hover {
    background-color: #ee1711;
}

.user-body p {
    font-size: 16px;
    text-align: center;
}


/*地图*/
.map-hover {
    width: 260px;
    position: relative;
    padding: 20px;
    border-radius: 5px;
    background-color: #2E2D2D;
}

.map-close {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background-color: #202020;
    border-radius: 50%;
    background: url('../images/icon-close.png') no-repeat center center;
}

.map-close:hover {
    cursor: pointer;
    background-color: #e21711;
}

.map-hover h1 {
    color: #fff;
    font-size: 16px;
}

.map-hover p {
    color: #bebaba;
    font-size: 14px;
}

.map-button-group {
    width: 215px;
    margin: 0 auto;
}

.map-button {
    display: inline-block;
    width: 100px;
    height: 25px;
    box-sizing: border-box;
    line-height: 25px;
    font-size: 12px;
    background-color: #e21711;
    color: #fff;
    text-align: center;
    margin-top: 10px;
    margin-right: 10px;
}

.map-button:last-child {
    margin-right: 0;
}

/*直播间*/
.live {
    margin-top: 100px;
    background-color: #fff;
}

.live-head {
    height: 80px;
    padding-left: 20px;
    padding-right: 20px;;
    padding-top: 10px;
    box-sizing: border-box;
}

.online-total-container {
    float: right;
}

.live-head h2 {
    font-size: 18px;
    height: 40px;
    line-height: 40px;
}

.live-head p {
    color: rgba(0, 0, 0, 0.5);
    font-size: 14px;
}

.live-left {
    /*float: left;*/
    width: 900px;
    height: 500px;
    margin: 0 auto;
}

.live-right {
    float: right;
    width: 300px;
    height: 500px;
    box-sizing: border-box;
}

.live-player {
    height: 500px;
}

.live-player iframe {
    border: none;
    width: 100%;
    height: 100%;
}

.live-player img {
    width: 100%;
    height: 500px;
}

.live-chat {
    height: 370px;
    overflow-y: scroll;
    padding: 0 10px;
}

.live-input {
    height: 130px;
    position: relative;
    background-color: #EFEFF4;
    padding: 5px;
    box-sizing: border-box;
}

.live-input textarea {
    display: block;
    width: 100%;
    height: 80px;
    border: none;
    background-color: transparent;
}

.live-button-area {
    display: flex;
    width: 100%;
    height: 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    align-items: center;
    justify-content: flex-end;
}

.chat-button {
    display: inline-block;
    width: 60px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background-color: #FF5B29;
    border-radius: 5px;
    box-sizing: border-box;
}

.chat-gift {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url('../images/icon-gift.png') no-repeat;
    background-size: 100% 100%;
}

.chat-gift:hover {
    background: url('../images/icon-gift-hover.png') no-repeat;
    background-size: 100% 100%;
}

.chat-sticker {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url('../images/icon-small.png') no-repeat;
    background-size: 100% 100%;
}

.chat-sticker:hover {
    background: url('../images/icon-small-hover.png') no-repeat;
    background-size: 100% 100%;
}

.live-tab-head ul li {
    display: inline-block;
    width: 100px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    color: #979698;
}

.live-tab-head ul li.active {
    color: #ff5b29;
    border-bottom: 2px solid #ff5b29;
}

.live-tab-body {
    padding: 10px;
    font-size: 14px;
}

.live-chat-item {
    margin-bottom: 20px;
}

.live-avatar {
    width: 40px;
    float: left;
    margin-right: 5px;
}

.live-avatar img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.live-chat-main {
    width: 215px;
    float: right;
    padding-right: 10px;
    box-sizing: border-box;
}

.live-name {
    width: 80px;
    float: left;
}

.live-date {
    text-align: right;
    width: 120px;
    float: right;
}

.live-chat-body {
    background-color: #F3F3F3;
    padding: 10px;
    color: #2b2b2b;
    margin-top: 5px;
    border-radius: 5px;
}

.live-gift-message {
    display: flex;
    justify-content: center;
    align-items: center;
}

.live-gift-message .live-gift {
    margin-bottom: 0;
}

.live-chat-self .live-chat-body {
    background-color: #DAF4FD;
}

.live-gift-container {
    display: none;
    position: absolute;
    width: 285px;
    height: 280px;
    bottom: 31px;
    left: 0;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    text-align: left;
    padding: 10px 0;
}

.live-gift {
    position: relative;
    display: inline-block;
    width: 120px;
    height: 100px;
    margin-bottom: 10px;
    padding: 20px;
    box-sizing: border-box;
}

.live-gift:hover {
    background-color: #e5e5e5;
}

.gift-close {
    display: block;
    background-color: transparent;
    background: url('../images/icon-close-black.png') no-repeat center center;
}

.gift-close:hover {
    background: #e5e5e5 url('../images/icon-close-black.png') no-repeat center center;
}

.live-gift-car {
    background: url('../images/live-gift-car.png') no-repeat center center;
}

.live-gift-plane {
    background: url('../images/live-gift-plane.png') no-repeat center center;
}

.live-gift-cannon {
    background: url('../images/live-gift-cannon.png') no-repeat center center;
}

.gift-sum {
    display: block;
    width: 30px;
    height: 20px;
    line-height: 20px;
    background-color: #e21711;
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 0;
    right: 5px;
    font-size: 12px;
    border-radius: 3px;
}

.live-photo-summary img {
    max-width: 100%;
}

.live-form {
    width: 435px;
    margin: 0 auto;
}

.live-form-item {
    margin-bottom: 30px;
}

.live-form-item input, .live-form-item select {
    width: 100%;
    box-sizing: border-box;
    height: 55px;
    line-height: 55px;
    padding: 0 10px;
    font-size: 16px;
    background-color: #e5e5e5;
    border: none;
}

.live-select-half {
    width: 48% !important;
    float: left;
}

.live-select-half:first-child {
    margin-right: 4%;
}

.live-form-button {
    display: block;
    width: 200px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    font-size: 20px;
    background-color: #e21711;
    letter-spacing: 10px;
}

.live-slide-head {
    text-align: center;
    margin-top: 20px;
}

.live-slide-head ul {
    display: inline-block;
}

.live-slide-head ul li {
    display: block;
    float: left;
    margin-right: 15px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #EEEEF0;
}

.live-slide-head ul li:hover {
    cursor: pointer;
}

.live-slide-head ul li.active {
    background-color: #e21711;
}

.live-form .live-form-name {
    width: 75%;
    margin-right: 5%;
}

.live-form .live-form-sex {
    width: 20%;
}

.live-container img {
    width: 100%;
}

.back-to-live, .goto-book {
    display: block;
    position: fixed;
    top: 160px;
    left: 50%;
    margin-left: 620px;
    display: block;
    width: 60px;
    height: 60px;
    background: url('../images/live-back.png') no-repeat;
}

.goto-book {
    background: url('../images/icon-book2.png') no-repeat;
    top: 100px;
}

.purchase-tool {
    margin-bottom: 20px;
}


/*查看订单*/
.order-show {
    margin-top: 120px;
}

.order-show img {
    margin-bottom: 20px;
}

.order-show h2 {
    font-size: 22px;
    margin-bottom: 20px;
}


/*搜索*/
.search-form {
    width: 100%;
    position: relative;
    margin-bottom: 20px;
}

.search-input {
    width: 100%;
    box-sizing: border-box;
    height: 60px;
    line-height: 60px;
    border: 3px solid #E2E2E2;
    border-radius: 30px;
    padding: 0 30px;
    font-size: 18px;
}

.search-button {
    position: absolute;
    top: 0;
    right: 0px;
    width: 100px;
    height: 60px;
    line-height: 60px;
    background-color: #E2E2E2;
    text-align: center;
    font-size: 20px;
    border: none;;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

.search-button:hover {
    cursor: pointer;
}

.search-tip-text {
    width: 100px;
    line-height: 40px;
    float: left;
}

.search-tip-container {
    width: 1100px;
    float: left;
}

.search-tip-container a {
    display: block;
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 150px;
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #E1E1E1;
    border-radius: 4px;
}

.search-result-container {
    margin-top: 20px;
}

.search-result-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 30px;
}

.search-result-head {
    width: 100%;
    font-size: 18px;
    padding-bottom: 10px;
    border-bottom: 1px solid #E2E2E2;
}

.search-result-head a {
    position: relative;
    display: inline-block;
    width: 100px;
    text-align: center;
}

.search-result-head a.active {
    font-weight: bold;
}

.search-result-body {
    padding: 20px 0;
}

.search-result-item {
    box-sizing: border-box;
    height: 120px;
    padding: 20px;
    border-bottom: 1px solid #e2e2e2;
}

.search-result-item p {
    line-height: 2;
}

.search-item-title {
    font-size: 16px;
}

.search-item-title span {
    color: red;
}

.search-item-date {
    color: #878787;
}

.search-item-more a {
    color: red;
    font-weight: bold;
}

.search-result-car-item {
    height: 160px;
    text-align: left;
}

.search-result-car-item a {
    width: 200px;
    display: inline-block;
    margin-right: 20px;
    text-align: center;
}

.search-result-car-item img {
    width: 100%;
}






.img-full-width img {
    width: 100%;
}

.hide {
    display: none;
}

.mg-tb-50 {
    margin: 50px auto;
}

.mg-tb-120 {
    margin: 120px auto;
}

.mg-t-30 {
    margin-top: 30px;
}

.mg-r-10 {
    margin-right: 10px;
}

.mg-r-5 {
    margin-right: 5px;
}

.mg-r-clear {
    margin-right: 0;
}

.clearfix:after {
    content: ' ';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.mg-b-20 {
    margin-bottom: 20px;
}

.mg-b-50 {
    margin-bottom: 50px;
}

.mg-t-60 {
    margin-top: 60px;
}

.text-center {
    text-align: center;
}

.layui-upload-file {
    display: none;
}

.news-content a {
    color: blue;
}


/*1280分辨率*/
@media only screen and (min-width: 1280px) and (max-width: 1910px) {
    .service-download-left {
        padding-left: 0;
    }

    .service-download-right img {
        width: 100%;
        margin-top: 40px;
    }

    .poster-item-info {
        height: 45%;
    }

    .poster-item-info-big {
        height: 100%;
    }

    .news-banner {
        height: 315px;
    }

    .service-download-left {
        padding-left: 0;
    }

    .news-banner-nav {
        top: 50px;
    }

    .about-quote-right {
        right: 20px;
    }

    .service-item h3 {
        bottom: 190px;
    }

    .service-item:hover h3 {
        bottom: 220px;
    }

    .service-item p {
        bottom: 180px;
    }

    .trial-main {
        width: 400px;
        padding: 20px;
        left: 20px;
    }

    .trial-comment {
        width: 800px;
        top: 100px;
        right: 20px;
        padding-left: 20px;
    }

    .trial-form-item input[type="text"],
    .trial-select {
        width: 360px;
    }

    .trial-main-input {
        width: 230px !important;
    }

    .trial-main-select {
        width: 120px !important;
    }

    .trial-comment-item {
        width: 380px;
        height: 190px;
        margin-right: 10px;
    }

    .trial-comment-body {
        width: 360px;
        ;
    }

    .back-to-live,
    .goto-book {
        left: auto;
        margin-left: 0;
        right: 20px;
    }

    .index-server-shade img {
        width: 310px;
        margin-top: -55px;
        margin-left: -155px;
    }
}


.footer-icon-remark{
    float: left;
    margin-top:5px;
}
.footer-icon-remark .info{
    font-size:12px;
}
.footer-icon-remark .info .version{
    margin-right:5px;
}
.footer-icon-remark .info a{
    margin-right:8px;
    text-decoration:underline;
}


/* 右边悬浮qrcode */
.floating{
    width: 70px;
    height: auto;
    z-index: 100;
    background-color: #FFF;
    position: fixed;
    bottom: 120px;
    right:20px;
    cursor: pointer;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    margin-right:-9px;
}
.floating .qrcode{
    width: 100%;
    height: auto;
    border-bottom: 0;
    box-sizing:border-box;
    padding:2px;
    overflow: hidden;
}
.floating .qrcode img{
    width:100%;
}
.floating .qrcode .qrsmall{
    width:100%;
    height:auto;
}
.floating .qrcode .qrlarge {
    width: 200px;
    height: auto;
    position: absolute;
    left: 0;
    top: 50%;
    transform:translate(-105%,-50%);
    border:1px solid #000;
    border-radius: 5px;
    overflow: hidden;
    display:none;
    background-color:#fff;
}
.floating .qrcode:hover .qrlarge{
    display:block;
}

@media only screen and (max-width: 764px){
    .floating{
        display:none;
    }
}