.title-section {
    line-height: 1.8;
    color: #333;
}

@media (min-width: 1024px) {
    .mobelHide{
        display: none;
    }
    .pop-close {
        display: block;
        position: fixed;
        top: 20px;
        right: 20px;
        width: 40px;
        height: 40px;
        background: url(https://media.ghac.cn/s/service/service-share/close.png) no-repeat center center;
        background-size: 100%;
        cursor: pointer;
    }
    .video-js {
        height: 100%!important;
        width: auto!important;
        position: relative!important;
        margin: auto;
    }
    .title-section .title {
        font-size: 2.375rem;
        color: #222;
        line-height: 2.11;
        text-align: center;
        margin-top: 1rem;
        margin-bottom: 3.125rem;
        font-weight: 400;
        position: relative;
    }

    .title-section .title p {
        margin-top: 5rem;
    }

    .title-section .title::after {
        content: "";
        width: 5.625rem;
        height: 0.1875rem;
        background: #c00;
        position: absolute;
        z-index: 1;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0 auto;
    }

    ul,li {
        list-style: none;
    }

    /*创享车生活 start*/
    .content {
        margin: 0 auto;
        min-width: 1200px;
        width: 61.97%;
    }

    #main {
        margin-top: 0;
    }

    /*.staticHead {
        padding: 90px 0 10px;
        border-bottom: 1px solid #dfdfdf;
        overflow: hidden;
        margin-bottom: 40px;
        position: relative;
    }

    #staticHead h3 {
        font-size: 28px;
        font-weight: 400;
        letter-spacing: 1px;
    }

    #staticHead h3 span {
        font-size: 14px;
        padding-left: 5px;
    }

    #staticHead .breadcrumb {
        font-size: 12px;
        position: absolute;
        right: 0;
        bottom: 10px;
    }

    #staticHead .breadcrumb a {
        display:inline-block;
        margin-left: 8px;
    }

    #staticHead .breadcrumb em {
        margin-left: 8px;
        font-family: Simsun;
        font-style: normal;
    }

    #staticHead .breadcrumb span {
        font-weight: bold;
        margin-left: 8px;
        color: #e20821;
    }*/
    .service-share {
        overflow: hidden;
        font-family: "SourceHanSansSC-Regular";
        color: #333;
        line-height: 1.5;
    }

    .service-share b {
        font-family: "SourceHanSansSC-Bold";
    }

    .service-share img {
        vertical-align: middle;
        max-width: 100%;
        width: auto;
    }

    .service-share p,.service-share ul,.service-share li,.service-share h3 {
        padding: 0;
        margin: 0;
    }

    .service-share .share-tabs {
        margin-bottom: 25px;
        overflow: hidden;
    }

    .service-share .share-tabs li {
        width: 33.333%;
        box-sizing: border-box;
        float: left;
        border-bottom: #ececec 2px solid;
    }

    .service-share .share-tabs a {
        cursor: pointer;
        display: block;
        color: #5f5e5e;
        font-size: 24px;
        text-align: center;
        line-height: 54px;
        letter-spacing: 0.1em;
    }

    .service-share .share-tabs li.on {
        border-color: #cf001b;
        font-weight: 700;
        color: #e60021;
        font-size: 30px;
        outline: none;
    }

    .service-share .share-tabs li.on a {
        color: #e60021;
        outline: none;
    }

    .service-share .share-item {
        display: none;
    }

    .service-share .banner {
        text-align: center;
        margin-bottom: 50px;
        padding-bottom: 0;
    }

    .service-share .share-box {
        height: auto!important;
    }

    .service-share .banner img {
        max-width: 100%;
        margin-bottom: 30px;
    }

    .service-share .banner .p {
        overflow: hidden;
        text-align: left;
        font-size: 24px;
        line-height: 1.4;
    }

    .service-share .banner .t {
        color: #cf001b;
        font-size: 65px;
        font-weight: 700;
        letter-spacing: 0.15em;
        margin-right: 10px;
        float: left;
        line-height: 1.2;
    }

    .service-share .banner .en {
        overflow: hidden;
        text-transform: uppercase;
        font-size: 30px;
        margin-top: 5px;
        font-family: "SourceHanSansSC-Light";
    }

    .service-share .banner .c {
        overflow: hidden;
    }

    .service-share .banner .c1 {
        font-size: 18px;
    }

    .service-share .share-box {
        overflow: hidden;
    }

    .service-share .sharegrid {
        overflow: hidden;
        max-width: 960px;
        margin: 0 auto 70px;
        color: #000;
        font-size: 18px;
    }

    .service-share .sharegrid .title {
        position: relative;
        margin-bottom: 35px;
        overflow: hidden;
        font-family: "SourceHanSansSC-Light";
    }

    .service-share .sharegrid .title:after {
        content: '';
        width: 100%;
        border-bottom: #c00 1px solid;
        position: absolute;
        z-index: 1;
        right: 0;
        bottom: 40%;
        margin: auto;
        display: inline-block;
        height: 0;
        margin: auto;
    }

    .service-share .sharegrid .title .t {
        background-color: #fff;
        float: left;
        position: relative;
        z-index: 10;
    }

    .service-share .sharegrid .title .subs {
        float: left;
        font-size: 16px;
        padding-left: 50px;
        padding-right: 25px;
        position: relative;
        position: relative;
        z-index: 10;
        background-color: #fff;
        line-height: 45px;
        margin-top: 15px;
        margin-bottom: 5px;
    }

    .service-share .sharegrid .title .subs:after {
        content: '';
        width: 0;
        border-left: #000 1px solid;
        position: absolute;
        z-index: 1;
        left: 25px;
        top: 0;
        bottom: 0;
        margin: auto 0;
        display: inline-block;
        height: 24px;
        margin: auto;
    }

    .service-share .sharegrid .con {
        overflow: hidden;
    }

    .service-share .sharegrid .con .pic {
        overflow: hidden;
        float: left;
        margin-right: 20px;
        width: 460px;
    }

    .service-share .sharegrid .lists {
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 260px;
    }

    .service-share .sharegrid .lists li {
        padding: 15px 0 15px 20px;
        position: relative;
        line-height: 1.6;
    }

    .service-share .sharegrid .lists li:before {
        content: '';
        width: 9px;
        background-color: #cf001b;
        position: absolute;
        z-index: 1;
        left: 0;
        top: 25px;
        margin: auto ;
        display: inline-block;
        height: 9px;
        margin: auto;
        border-radius: 100%;
    }

    .service-share .red {
        color: #cf001b;
    }

    .service-share .bottom {
        max-width: 960px;
        margin: 0 auto;
        position: relative;
    }

    .service-share .bottom .text {
        position: absolute;
        left: 53%;
        top: 3%;
        bottom: 3%;
        right: 3%;
        margin: auto;
        font-size: 20px;
        text-align: left;
        color: #fff;
        display: flex;
        align-items: center;
        line-height: 1.6;
        box-sizing: border-box;
    }

    .service-share .sharegrid .title2 .subs {
        margin-top: 25px;
    }

    .service-share .sharegrid .title3 {
        margin-bottom: 20px;
    }

    .service-share .sharegrid .title3 .subs {
        margin-bottom: 10px;
        margin-top: 24px;
    }

    .service-share .sharegrid .title3:after {
        bottom: 47%;
    }

    .service-share .sharegrid .title4 {
        margin-bottom: 5px;
    }

    .service-share .sharegrid .tips {
        margin-bottom: 20px;
    }

    .service-share .sharegrid .video {
        cursor: pointer;
    }

    .service-share .sharegridc {
        overflow: hidden;
        max-width: 960px;
        margin: 0 auto 100px;
        color: #000;
        font-size: 18px;
    }

    .service-share .sharegridc .title {
        position: relative;
        margin-bottom: 40px;
        overflow: hidden;
        font-family: "SourceHanSansSC-Bold";
        color: #cf001b;
        font-weight: 700;
    }

    .service-share .sharegridc .title:after {
        content: '';
        width: 100%;
        border-bottom: #c00 1px solid;
        position: absolute;
        z-index: 1;
        right: 0;
        bottom: 40%;
        margin: auto;
        display: inline-block;
        height: 0;
        margin: auto;
    }

    .service-share .sharegridc .title .t {
        background-color: #fff;
        float: left;
        position: relative;
        z-index: 10;
        padding-right: 25px;
        font-size: 30px;
    }

    .service-share .sharegridc .lists {
        overflow: hidden;
        color: #333;
    }

    .service-share .sharegridc .lists li {
        margin-bottom: 80px;
    }

    .service-share .sharegridc .lists .pic {
        width: 50%;
    }

    .service-share .sharegridc .lists .name {
        overflow: hidden;
        min-height: 270px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 30px;
        box-sizing: border-box;
    }

    .service-share .sharegridc .lists .fl {
        float: left;
    }

    .service-share .sharegridc .lists .fr {
        float: right;
    }

    .service-share .sharegridc .tips {
        line-height: 1.8;
    }

    /*创享车生活 end*/
}

@media (max-width: 1024px) {
    .pcHide{
        display: none;
    }
    .pop-close {
        display: block;
        position: fixed;
        top: 20px;
        right: 20px;
        width: 30px;
        height: 30px;
        background: url(https://media.ghac.cn/s/service/service-share/close.png) no-repeat center center;
        background-size: 100%;
        cursor: pointer;
    }
    .video-js {
        height: auto!important;
        width: 100%!important;
        position: absolute!important;
        margin: auto;
        left: 0;
        top: 0;
        bottom: 0;
    }
    .title-section .title {
        font-size: 0.38rem;
        line-height: 2.33;
        margin-top: 0.32rem;
        margin-bottom: 0.6rem;
        border-bottom: #e0e0e0 1px solid;
    }

    .title-section .title p {
        margin-top: 0.6rem;
    }

    .title-section .title::after {
        content: "";
        width: 1.06rem;
        height: 0.04rem;
        background: #c00;
        position: absolute;
        z-index: 1;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0 auto;
    }

    .title-section {
        margin: 0 4%;
    }

    ul,li {
        list-style: none;
    }

    /*创享车生活 start*/
    #main {
        padding: 0 0;
        margin: 47px auto ;
        max-width: 640px;
    }

    .main {
        overflow: hidden;
    }

    /*.staticHead{padding: 0;margin:20px 10px 10px;border-bottom: #999 1px solid;line-height: 30px;font-size: 12px;color: #999;overflow: hidden;max-width: 640px;}
    .staticHead .breadcrumb{float: right;margin: 0;}
    .staticHead .breadcrumb em{font-style:normal;}
    .staticHead h3{font-size: 20px!important;font-weight: 500;float: left;padding: 0;margin: 0;}
    
    */
    .service-share {
        overflow: hidden;
        font-family: "SourceHanSansSC-Regular";
        color: #333;
        line-height: 1.5;
    }

    .service-share b {
        font-family: "SourceHanSansSC-Bold";
    }

    .service-share img {
        vertical-align: middle;
        max-width: 100%;
        width: auto;
    }

    .service-share p,.service-share ul,.service-share li,.service-share h3 {
        padding: 0;
        margin: 0;
    }

    .service-share .share-tabs {
        margin-bottom: 10px;
        overflow: hidden;
        padding: 0 10px;
    }

    .service-share .share-tabs li {
        width: 33.333%;
        box-sizing: border-box;
        float: left;
        border-bottom: #ececec 1px solid;
        font-size: 12px;
    }

    .service-share .share-tabs a {
        display: block;
        color: #5f5e5e;
        text-align: center;
        line-height: 25px;
        letter-spacing: 0.1em;
    }

    .service-share .share-tabs li.on {
        border-color: #cf001b;
        font-weight: 700;
        color: #e60021;
        font-size: 15px;
        outline: none;
    }

    .service-share .share-tabs li.on a {
        color: #e60021;
        outline: none;
    }

    .service-share .share-item {
        display: none;
    }

    .service-share .banner {
        text-align: center;
        margin-bottom: 20px;
        padding: 0 10px;
    }

    .service-share .share-box {
        height: auto!important;
    }

    .service-share .banner img {
        max-width: 100%;
        margin-bottom: 10px;
    }

    .service-share .banner .p {
        overflow: hidden;
        text-align: left;
        font-size: 10px;
        line-height: 1.4;
    }

    .service-share .banner .t {
        color: #cf001b;
        font-size: 24px;
        font-weight: 700;
        letter-spacing: 0.15em;
        margin-right: 5px;
        float: left;
        line-height: 1.2;
    }

    .service-share .banner .en {
        overflow: hidden;
        text-transform: uppercase;
        font-size: 9px;
        margin-top: 13px;
        font-family: "SourceHanSansSC-Light";
    }

    .service-share .banner .c {
        overflow: hidden;
        clear: both;
        line-height: 1.6;
        margin-top: 5px;
    }

    .service-share .share-box {
        overflow: hidden;
    }

    .service-share .sharegrid {
        overflow: hidden;
        margin: 0 auto 25px;
        color: #000;
        font-size: 12px;
        padding: 0 10px;
    }

    .service-share .sharegrid .title {
        position: relative;
        margin-bottom: 20px;
        overflow: hidden;
        font-family: "SourceHanSansSC-Light";
    }

    .service-share .sharegrid .title:after {
        content: '';
        width: 100%;
        border-bottom: #c00 1px solid;
        position: absolute;
        z-index: 1;
        right: 0;
        bottom: 35%;
        margin: auto;
        display: inline-block;
        height: 0;
        margin: auto;
    }

    .service-share .sharegrid .title .t {
        background-color: #fff;
        float: left;
        position: relative;
        z-index: 10;
        width: 150px;
    }

    .service-share .sharegrid .title .subs {
        float: left;
        font-size: 9px;
        padding-left: 15px;
        padding-right: 5px;
        position: relative;
        position: relative;
        z-index: 10;
        background-color: #fff;
        margin-top: 12px;
    }

    .service-share .sharegrid .title .subs:after {
        content: '';
        width: 0;
        border-left: #3f3a39 1px solid;
        position: absolute;
        z-index: 1;
        left: 8px;
        top: 0;
        bottom: 0;
        margin: auto 0;
        display: inline-block;
        height: 12px;
        margin: auto;
    }

    .service-share .sharegrid .con {
        position: relative;
        padding-top: 10%;
        padding-left: 12%;
        clear: both;
    }

    .service-share .sharegrid .con:after {
        width: 100%;
        height: 0;
        content: '';
        display: block;
        clear: both;
        overflow: hidden;
    }

    .service-share .sharegrid .con .pic {
        position: absolute;
        z-index: 10;
        left: -3px;
        top: 0;
        width: 90%;
    }

    .service-share .sharegrid .con .pic:before {
        left: -6px;
        top: -6px;
        width: 20px;
        height: 55px;
        background-color: #cf001b;
        display: inline-block;
        content: '';
        position: absolute;
        z-index: 1;
    }

    .service-share .sharegrid .con .pic:after {
        right: -6px;
        top: 17%;
        width: 20px;
        height: 15px;
        background-color: #cf001b;
        display: inline-block;
        content: '';
        position: absolute;
        z-index: 1;
    }

    .service-share .sharegrid .con .pic img {
        position: relative;
        z-index: 10;
    }

    .service-share .sharegrid .lists {
        overflow: hidden;
        padding: 10px;
        padding-top: 52%;
        background-color: #f1f1f1;
    }

    .service-share .sharegrid .lists li {
        padding-left: 10px;
        margin-bottom: 5px;
        position: relative;
        line-height: 1.8;
        text-align: justify;
    }

    .service-share .sharegrid .lists li:before {
        content: '';
        width: 4px;
        background-color: #cf001b;
        position: absolute;
        z-index: 1;
        left: 0;
        top: 7px;
        margin: auto ;
        display: inline-block;
        height: 4px;
        margin: auto;
        border-radius: 100%;
    }

    .service-share .red {
        color: #cf001b;
    }

    .service-share .sharegrid .con2 {
        position: relative;
        padding-left: 12%;
        clear: both;
    }

    .service-share .sharegrid .lists2 {
        overflow: hidden;
        padding: 0 10px 10px;
    }

    .service-share .sharegrid .lists2 li {
        padding-left: 10px;
        margin-bottom: 5px;
        position: relative;
        line-height: 1.8;
        text-align: justify;
    }

    .service-share .sharegrid .lists2 li:before {
        content: '';
        width: 4px;
        background-color: #cf001b;
        position: absolute;
        z-index: 1;
        left: 0;
        top: 7px;
        margin: auto ;
        display: inline-block;
        height: 4px;
        margin: auto;
        border-radius: 100%;
    }

    .service-share .red {
        color: #cf001b;
    }

    .service-share .bottom {
        font-size: 12px;
        text-align: left;
        color: #fff;
        position: relative;
        padding: 0 10px;
        margin-top: 30px;
    }

    .service-share .bottom .p {
        position: absolute;
        z-index: 10;
        top: 0;
        bottom: 0;
        display: block;
        left: 51%;
        right: 1%;
        margin: auto;
        display: flex;
        align-items: center;
        line-height: 1.5;
    }

    .service-share .sharegrid .title2 .subs {
        margin-top: 19px;
    }

    .service-share .sharegrid .title3 {
        margin-bottom: 10px;
    }

    .service-share .sharegrid .title3 .subs {
        margin-top: 10px;
    }

    .service-share .sharegrid .title3:after {
        bottom: 47%;
    }

    .service-share .sharegrid .title3 .t {
        width: 110px;
    }

    .service-share .sharegrid .title4 .subs {
        margin-top: 12px;
    }

    .service-share .sharegrid .title5 .subs {
        margin-top: 17px;
    }

    .service-share .sharegrid .video {
        cursor: pointer;
    }

    .service-share .sharegridc {
        overflow: hidden;
        margin: 0 auto 25px;
        color: #000;
        font-size: 12px;
        padding: 0 10px;
    }

    .service-share .sharegridc .title {
        position: relative;
        margin-bottom: 15%;
        overflow: hidden;
        font-family: "SourceHanSansSC-Bold";
        color: #cf001b;
        font-weight: 700;
    }

    .service-share .sharegridc .title:after {
        content: '';
        width: 100%;
        border-bottom: #c00 1px solid;
        position: absolute;
        z-index: 1;
        right: 0;
        bottom: 40%;
        margin: auto;
        display: inline-block;
        height: 0;
        margin: auto;
    }

    .service-share .sharegridc .title .t {
        background-color: #fff;
        float: left;
        position: relative;
        z-index: 10;
        padding: 0 10px;
        font-size: 15px;
        margin-left: 10px;
        font-weight: 700;
    }

    .service-share .sharegridc .con {
        position: relative;
        padding-top: 10%;
        padding-left: 12%;
        clear: both;
        margin-bottom: 50px;
    }

    .service-share .sharegridc .con:last-child {
        margin-bottom: 30px;
    }

    .service-share .sharegridc .con:after {
        width: 100%;
        height: 0;
        content: '';
        display: block;
        clear: both;
        overflow: hidden;
    }

    .service-share .sharegridc .con .pic {
        position: absolute;
        z-index: 10;
        left: 0;
        top: 0;
        width: 90%;
    }

    .service-share .sharegridc .con .name {
        background-color: #f1f1f1;
        padding: 48% 5% 3% 14%;
        margin: 0 0 0 10%;
        position: relative;
    }

    .service-share .sharegridc .con .pic.fr {
        left: auto;
        right: 0;
    }

    .service-share .sharegridc .con .pic.fr+.name {
        margin: 0 10% 0 0;
    }

    .service-share .sharegridc .con .pic:before {
        left: -6px;
        top: -6px;
        width: 20px;
        height: 55px;
        background-color: #cf001b;
        display: inline-block;
        content: '';
        position: absolute;
        z-index: 1;
    }

    .service-share .sharegridc .con .pic:after {
        right: -6px;
        top: 17%;
        width: 20px;
        height: 15px;
        background-color: #cf001b;
        display: inline-block;
        content: '';
        position: absolute;
        z-index: 1;
    }

    .service-share .sharegridc .con .pic.fr:before {
        left: auto;
        right: -6px;
    }

    .service-share .sharegridc .con .pic.fr:after {
        right: auto;
        left: -6px;
    }

    .service-share .sharegridc .con .pic img {
        position: relative;
        z-index: 10;
    }

    .service-share .sharegridc .lists {
        /* overflow: hidden; */
        /* padding: 10px; */
        /* padding-top: 52%; */
        /* background-color: #f1f1f1; */
    }

    .service-share .sharegridc .lists li {
        position: relative;
        line-height: 1.8;
        text-align: justify;
        padding: 5% 0 0 0;
        margin: 0 0 8%;
        list-style: none;
    }

    .service-share .sharegridc .con .name:before {
        content: '';
        width: 4px;
        background-color: #cf001b;
        position: absolute;
        z-index: 1;
        left: 12%;
        top: 3px;
        margin: auto;
        display: inline-block;
        height: 4px;
        margin: 55% 0 0 0;
        border-radius: 100%;
    }

    .service-share .sharegridc .con1 .pic {
        left: auto;
        right: -3px;
    }

    .service-share .sharegridc .con1 {
        padding-left: 0;
        padding-right: 8%;
    }

    .service-share .sharegridc .con1 .lists {
        padding-left: 13%;
    }

    .service-share .sharegridc .con1 .pic:before {
        right: -6px;
        left: auto;
    }

    .service-share .sharegridc .con1 .pic:after {
        left: -6px;
        right: auto;
    }

    .service-share .sharegridc .tips {
        font-size: 12px;
        text-align: justify;
    }

    .service-share .sharegrid1 .con .pic {
        left: auto;
        right: -3px;
    }

    .service-share .sharegrid1 .con {
        padding-left: 0;
        padding-right: 12%;
    }

    .service-share .sharegrid1 .title .t {
        width: 130px;
    }

    .service-share .sharegrid1 .title .subs {
        margin-top: 8px;
    }

    .service-share .sharegrid .con3 {
        background-color: #f1f1f1;
        position: relative;
    }

    .service-share .sharegrid .con3:before {
        left: -6px;
        top: -6px;
        width: 20px;
        height: 55px;
        background-color: #cf001b;
        display: inline-block;
        content: '';
        position: absolute;
        z-index: 1;
    }

    .service-share .sharegrid .con3:after {
        right: -6px;
        bottom: -6px;
        width: 15px;
        height: 15px;
        background-color: #cf001b;
        display: inline-block;
        content: '';
        position: absolute;
        z-index: 1;
    }

    .service-share .sharegrid .con3 .video {
        position: relative;
        margin-bottom: 10px;
        z-index: 10;
        cursor: pointer;
    }

    .service-share .sharegrid .con3 .tips {
        padding-left: 20px;
        padding-right: 10px;
        position: relative;
        line-height: 1.8;
        text-align: justify;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .service-share .sharegrid .con3 .tips:before {
        content: '';
        width: 4px;
        background-color: #cf001b;
        position: absolute;
        z-index: 1;
        left: 10px;
        top: 8px;
        margin: auto ;
        display: inline-block;
        height: 4px;
        margin: auto;
        border-radius: 100%;
    }

    .service-share .red {
        color: #cf001b;
    }
}
/*全屏 Video*/
.p1-pop {
    display: none
}

.p1-fullVideo {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 999999;
    background-color: #333;
}

.p1-fullVideo>video {
    height: 100%
}


.vjs-control-bar {
    position: absolute;
    left: 0;
    height: 25px;
    width: 100%
}

.vjs-play-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: url(https://media.ghac.cn/s/service/service-share/play_icon.png) no-repeat center center;
    -webkit-background-size: 80% 80%;
    background-size: 80%;
    color: transparent
}


.vjs-icon-replay:before {
    line-height: .36rem!important
}

/*End 全屏 Video*/