#chrev { width: 100%; overflow-x: hidden; } #chrev .img100 { width: 100%; display: block; } #chrev .kv-box { width: 100%; } #chrev .kv-box .kv-price { width: 100%; font-size: .3rem; text-align: center; color: #fff; position: absolute; top: 73%; left: 0; z-index: 1; } #chrev .kv-box .kv-swiper-pagination { pointer-events: none; top: 77%; } #chrev .kv-box .kv-swiper-pagination .swiper-pagination-bullet { width: .2rem; height: .2rem; background-color: #fff; opacity: 1; margin: 0 .22rem; vertical-align: middle; } #chrev .kv-box .kv-swiper-pagination .swiper-pagination-bullet-active { background-color: transparent; border: .02rem solid #fff; } #chrev .kv-box .go-yyty { width: 3.54rem; height: .8rem; border-radius: .08rem; border: .02rem solid #fff; position: absolute; left: 50%; margin-left: -1.78rem; top: 69%; z-index: 55; line-height: .8rem; text-align: center; color: #fff; } #pointer{ width: .7rem; height: .9rem; margin-left: 79vw; margin-top: .9rem; background-image: url(/uploads/image/vcmimages/showzhi.png); background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; animation: fingerhandle 1s ease infinite both; } @keyframes fingerhandle { 0% { transform: none; } 70% { transform: scale3d(.8, .8, .8); } 100% { transform: none; } } .look-morehide{ display:none; } .look-more_gb{ width: 3em !important; padding-top: 0.5625em; } .yytyimg{ width: 7rem; height: 2rem; position: absolute; left: 84%; margin-left: -6rem; top: 65%; z-index: 55; line-height: .8rem; text-align: center; } #chrev .kv-box .kv-swiper-button-next { width: .38rem; height: 1.5rem; background: url(/uploads/image/vcmimages/kv-swiper-r.png) center center no-repeat; background-size: 100% 100%; top: 40%; right: 0; outline: none; } #chrev .kv-box .kv-swiper-button-prev { width: .38rem; height: 1.5rem; background: url(/uploads/image/vcmimages/kv-swiper-l.png) center center no-repeat; background-size: 100% 100%; top: 40%; left: 0; outline: none; } #chrev .nav-box { box-sizing: border-box; width: 100%; min-height: 1.0rem; border-bottom: 1px solid #ccc; display: flex; flex-direction: row; } #chrev .nav-box .go-yyty { height: 1.06rem; display: inline-block; width: 18%; font-size: .16rem; display: flex; flex-direction: column; align-items: center; border-right: 1px solid #ccc; } #chrev .nav-box .go-yyty img { width: .49rem; margin: .1rem 0 .05rem; } #chrev .nav-box .navs { width: 82%; height: 1.06rem; overflow-y: hidden; } #chrev .nav-box .navs ul { width: 19.5rem; } #chrev .nav-box .navs ul li { float: left; font-size: .24rem; line-height: 1.06rem; text-align: center; width: 1.7rem; vertical-align: middle; letter-spacing: .02rem; } #chrev .nav-box .navs ul .active { font-size: .26rem; font-weight: bold; position: relative; } #chrev .nav-box .navs ul .active::after { content: ""; width: .36rem; height: .08rem; position: absolute; left: 50%; margin-left: -.18rem; bottom: 0; z-index: 2; background-color: #1a9dda; } #chrev .car-and-color { width: 100%; min-height: 10.2rem; background: url(/uploads/image/vcmimages/car-color-bg.jpg) center center no-repeat; background-size: 100% 100%; text-align: center; } #chrev .car-and-color h3 { font-size: .46rem; padding-top: .96rem; } #chrev .car-and-color .h4 { font-size: .22rem; margin-top: .54rem; } #chrev .car-and-color .video-btn { margin-top: .62rem; margin-bottom: 44px; } #chrev .car-and-color .video-btn img { width: .72rem; margin: 0 auto; } #chrev .car-and-color .vr-btn { margin-top: 1.1rem; margin-bottom: .4rem; } #chrev .car-and-color .vr-btn img { width: 2.21rem; } #chrev .car-and-color .car-img img { width: 80%; margin: 0 auto; } #chrev .car-and-color .color-swiper { margin-top: .46rem; min-height: 1.34rem; padding: 0 .4rem; width: 100%; box-sizing: border-box; position: relative; } #chrev .car-and-color .color-swiper .swiper-slide { display: flex; justify-content: space-between; align-items: top; } #chrev .car-and-color .color-swiper .swiper-slide .color-box { width: 100%; position: relative; padding-top: 0.1rem; } #chrev .car-and-color .color-swiper .swiper-slide .color-box img { width: 50%; margin: 0 auto; border-radius: 50%; box-shadow: 0px 0px 0.05rem 0.02rem rgba(0, 0, 0, 0.2); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } #chrev .car-and-color .color-swiper .swiper-slide .color-box p { margin-top: 0.1rem; font-size: .16rem; font-weight: 700; color: #000; } #chrev .car-and-color .color-swiper .swiper-slide .active::after { position: absolute; top: .25rem; left: 50%; margin-left: -.17rem; z-index: 22; content: ""; width: .34rem; height: .24rem; background: url(/uploads/image/vcmimages/car-hook.png) center center no-repeat; background-size: 100% 100%; } #chrev .car-and-color .color-swiper .color-swiper-button-prev { position: absolute; top: .3rem; left: 0; z-index: 2; width: .3rem; height: 1rem; background: center center no-repeat; background-size: 100% 100%; outline: none; } #chrev .car-and-color .color-swiper .color-swiper-button-next { position: absolute; top: .3rem; right: 0; z-index: 2; width: .3rem; height: 1rem; background: center bottom no-repeat; background-size: 100% 100%; outline: none; } #chrev .car-and-color .ps-b { margin: 0 auto; margin-top: .4rem; font-size: .2rem; color: #333; width: 80%; padding-bottom: .3rem; } #chrev .section { width: 100%; } #chrev .section .section-top { width: 100%; } #chrev .section .section-top .title-box { width: 100%; box-sizing: border-box; padding: 0 .7rem; } #chrev .section .section-top .title-box .top-text { width: 3.32rem; margin: .5rem 0; } #chrev .section .section-top .title-box .img-tit { margin: .5rem 0 .35rem; font-size: 0rem; color: #847e7e; } #chrev .section .section-top .title-box .top-text-driving { width: 1.15rem; } #chrev .section .section-top .title-box .top-text-safety { width: 1.13rem; } #chrev .section .section-top .title-box .top-text-space { width: .98rem; } #chrev .section .section-top .title-box .top-text-inte { width: 2.09rem; } #chrev .section .section-top .title-box .title { font-size: .46rem; } #chrev .section .section-top .title-box .explain { margin: .4rem 0; font-size: .26rem; line-height: .4rem; } #chrev .section .section-btn { width: 100%; height: 1.6rem; } #chrev .section .section-btn .look-more { width: 100%; height: 1.6rem; text-align: center; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)); } #chrev .section .section-btn .look-more img { margin-top: .2rem; width: 3.8rem; } #chrev .section .section-btn .look-more .xiangqing { font-size: .18rem; margin-top: .1rem; } #chrev .section .section-btn .look-more .r45 { transform: rotate(0deg); } #chrev .section .section-main { width: 100%; padding: 0 .3rem; box-sizing: border-box; display: none; margin-bottom: .8rem; } #chrev .section .section-main .group { width: 100%; position: relative; } #chrev .section .section-main .group .texts-box { padding: .4rem .3rem .5rem; box-sizing: border-box; } #chrev .section .section-main .group .texts-box .title { width: 100%; font-weight: bold; } #chrev .section .section-main .group .texts-box .title .red-block { width: .16rem; height: .16rem; display: inline-block; background-color: #1a9dda; font-size: .24rem; } #chrev .section .section-main .group .texts-box .title span { font-size: .26rem; } #chrev .section .section-main .group .texts-box .title span i { font-style: normal; font-size: .22rem; } #chrev .section .section-main .group .texts-box .title p { font-weight: normal; font-size: .22rem; margin-top: .2rem; } #chrev .section .section-main .group .texts-box .title h3 { font-size: .44rem; font-weight: normal; } #chrev .section .section-main .group .texts-box .title .w50 { width: 50%; float: left; } #chrev .section .section-main .group .texts-box .title .w502 { padding-left: .3rem; box-sizing: border-box; } #chrev .section .section-main .group .texts-box .title .dian-ps { position: relative; padding-left: .2rem; font-weight: normal; font-size: .22rem; } #chrev .section .section-main .group .texts-box .title .dian-ps span { position: absolute; top: 0; left: 0; } #chrev .section .section-main .group .texts-box .img-ul { width: 100%; } #chrev .section .section-main .group .texts-box .img-ul ul { display: flex; justify-content: space-between; align-items: center; margin-top: .38rem; margin-bottom: .3rem; } #chrev .section .section-main .group .texts-box .img-ul ul li { width: 48%; } #chrev .section .section-main .group .texts-box .img-ul .img-ps { font-size: .18rem; color: #c4c5c6; } #chrev .section .section-main .group .texts-box .blue-text { margin-top: .28rem; } #chrev .section .section-main .group .texts-box .blue-text .blue-tit { margin-bottom: .30rem; font-size: .22rem; color: #1a9dda; font-weight: bold; } #chrev .section .section-main .group .texts-box .blue-text .blue-ps { font-size: .2rem; color: #000; margin-bottom: .24rem; } #chrev .section .section-main .group .texts-box .blue-text .blue-ps .top-bz { position: relative; top: -0.04rem; font-size: .14rem; } #chrev .section .section-main .group .texts-box .mb28 { margin-bottom: .28rem; } #chrev .section .section-main .group .texts-box1 { padding: .2rem .3rem; } #chrev .section .section-main .group .pb10 { padding-bottom: .2rem; } #chrev .section .section-main .group .play-btn { position: absolute; width: 1.2rem; top: 1.8rem; right: .3rem; text-align: center; } #chrev .section .section-main .group .play-btn img { width: 80%; } #chrev .section .section-main .group .play-btn p { font-size: .22rem; color: #fff; } #chrev .section .section-main .swiper-group { width: 100%; margin-top: .7rem; box-sizing: border-box; padding: 0 .4rem; } #chrev .section .section-main .swiper-group .swiper-title { font-size: .46rem; } #chrev .section .section-main .swiper-group .swiper-ps { font-size: .26rem; margin: .4rem 0; } #chrev .section .section-main .swiper-group .swiper-container { overflow: visible; margin-bottom: 1rem; z-index: 66; } #chrev .section .section-main .swiper-group .swiper-container .swiper-slide .redline { margin-top: .24rem; width: 3rem; margin-bottom: .34rem; } #chrev .section .section-main .swiper-group .swiper-container .swiper-slide .blue-line { margin-top: .24rem; width: 3rem; margin-bottom: .34rem; height: 0.12rem; background-color: #1a9dda; } #chrev .section .section-main .swiper-group .swiper-container .swiper-slide .texts { font-size: .26rem; color: #000; font-weight: bold; } #chrev .section .section-main .swiper-group .swiper-container .swiper-slide .texts span { color: #1a9dda; } #chrev .section .section-main .swiper-group .swiper-container .swiper-slide .texts i { font-style: normal; font-size: .22rem; font-weight: normal; } #chrev .section .section-main .swiper-group .swiper-container .swiper-slide .texts p { margin-top: .2rem; font-size: .22rem; font-weight: normal; } #chrev .section .section-main .swiper-group .swiper-container .swiper-slide .play-btn { position: absolute; width: 1rem; top: 1.8rem; right: .3rem; text-align: center; } #chrev .section .section-main .swiper-group .swiper-container .swiper-slide .play-btn img { width: 80%; } #chrev .section .section-main .swiper-group .swiper-container .swiper-slide .play-btn p { font-size: .22rem; color: #fff; } #chrev .section .section-main .swiper-group .blue-line { margin-top: .24rem; width: 3rem; margin-bottom: .34rem; height: 0.12rem; background-color: #1a9dda; } #chrev .section .section-main .swiper-group .qua-text { font-size: .26rem; color: #000; font-weight: bold; margin-bottom: .6rem; } #chrev .section .section-main .swiper-group .mb40 { margin-bottom: .4rem; } #chrev .section .section-main .mt0 { margin-top: 0; } #chrev .section .section-main .go-yyty { width: 3.56rem; height: .8rem; line-height: .8rem; text-align: center; color: #333; border: .03rem solid #333; border-radius: .08rem; margin: 0 auto; } #chrev .section .section-main .h2-title { width: 100%; font-size: .46rem; padding: .6rem 0; text-align: center; } #chrev .section .section-main .group-play { position: relative; } #chrev .section .section-main .group-play .driving-play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; } #chrev .section .section-main .group-play .driving-play img { width: .8rem; } #chrev .section .section-main .group-play .driving-play p { margin-top: .2rem; font-size: .22rem; color: #fff; } #chrev .section .section-main .group-gray { background-color: #f2f3f5; margin-top: .5rem; } #chrev .section .section-main .group-gray .texts-box { padding: .4rem .3rem; box-sizing: border-box; } #chrev .section .section-main .group-gray .texts-box .title { width: 100%; font-weight: bold; } #chrev .section .section-main .group-gray .texts-box .title span { font-size: .26rem; } #chrev .section .section-main .group-gray .texts-box .title span i { font-style: normal; font-size: .22rem; } #chrev .section .section-main .group-gray .texts-box .title .red-block { width: .16rem; height: .16rem; display: inline-block; background-color: #d6000f; font-size: .24rem; } #chrev .section .section-main .group-gray .texts-box .title p { font-weight: normal; font-size: .22rem; margin-top: .3rem; height: 1rem; overflow: hidden; } #chrev .section .section-main .group-gray .texts-box .title .more-p-btn { width: 100%; font-size: .22rem; padding-top: .4rem; vertical-align: middle; position: relative; } #chrev .section .section-main .group-gray .texts-box .title .more-p-btn span { display: inline-block; font-size: .18rem; position: absolute; top: .46rem; left: 1.15rem; width: .13rem; } #chrev .section .section-main .group-gray .texts-box .title .more-p-btn span img { width: 100%; } #chrev .section .section-main .group-gray .play { position: relative; } #chrev .section .section-main .group-gray .play .driving-btn { position: absolute; width: .8rem; top: .8rem; right: .7rem; } #chrev .section .section-main .psxq { width: 100%; margin-top: .5rem; font-size: .22rem; text-align: center; } #chrev .section .section-main .psxq span { color: #1a9dda; } #chrev .section .section-main .mt30 { margin-top: .3rem; } #chrev .section .section-main .mt60 { margin-top: .6rem; } #chrev .section .bottom-line { width: 85%; margin: 0 auto; height: 1px; background-color: #ccc; } #chrev .surprised { width: 100%; background: url(/uploads/image/vcmisurprised/bg.jpg) no-repeat center center; background-size: cover; padding-bottom: .6rem; } #chrev .surprised .surprised-top { width: 100%; padding-bottom: .5rem; } #chrev .surprised .surprised-top .title-box { width: 100%; box-sizing: border-box; padding: 0 .7rem; } #chrev .surprised .surprised-top .title-box .title { font-size: .46rem; padding-top: .8rem; font-weight: bold; } #chrev .surprised .surprised-top .title-box .title .top-text { width: .5rem; vertical-align: middle; } #chrev .surprised .surprised-top .title-box .title span { vertical-align: middle; padding-left: .3rem; } #chrev .surprised .surprised-top .title-box .explain { margin: .4rem 0; font-size: .26rem; line-height: .4rem; } #chrev .surprised .surprised-top .video-big-box { position: relative; } #chrev .surprised .surprised-top .video-big-box .poster { width: 92%; display: block; margin: auto; } #chrev .surprised .surprised-top .video-big-box .play-btn { position: absolute; width: 1.5rem; top: 50%; left: 50%; text-align: center; transform: translate(-50%, -50%); } #chrev .surprised .surprised-top .video-big-box .play-btn img { width: 60%; } #chrev .surprised .surprised-top .video-big-box .play-btn p { font-size: .22rem; color: #fff; } #chrev .surprised .swiper-top { height: .5rem; background: url(/uploads/image/vcmisurprised/swiper-top.jpg); background-size: auto 100%; } #chrev .surprised .swiper-group { width: 100%; box-sizing: border-box; padding: 0 .3rem; background: #c4c5c6; } #chrev .surprised .swiper-group .swiper-container { overflow: visible; } #chrev .surprised .swiper-group .swiper-container .swiper-slide .video-small-box { display: inline-block; width: 44%; margin: 0 1%; background: #e6e7e8; padding: .1rem 2%; position: relative; vertical-align: middle; } #chrev .surprised .swiper-group .swiper-container .swiper-slide .video-small-box img { width: 100%; } #chrev .surprised .swiper-group .swiper-container .swiper-slide .video-small-box p { padding: 0 .1rem; font-size: .26rem; min-height: .7rem; } #chrev .surprised .swiper-group .swiper-container .swiper-slide .video-small-box .video-small-btn { width: .6rem; position: absolute; top: 50%; left: 50%; text-align: center; transform: translate(-50%, -50%); margin-top: -.26rem; } #chrev .configure { width: 100%; margin-bottom: .7rem; } #chrev .configure h2 { font-size: .46rem; text-align: center; margin-top: .72rem; margin-bottom: .46rem; } #chrev .configure .psx { font-size: .24rem; margin-bottom: .36rem; text-align: center; } #chrev .configure .psx span { color: #1a9dda; } #chrev .configure .swiper-slide { box-sizing: border-box; padding: 0 .7rem; } #chrev .configure .swiper-slide .box { width: 100%; background-color: #f2f3f5; min-height: 6rem; border-radius: .2rem; padding-bottom: .4rem; } #chrev .configure .swiper-slide .box .car-name { box-sizing: border-box; width: 100%; padding-left: 1rem; padding-top: .64rem; font-size: .32rem; font-weight: bold; } #chrev .configure .swiper-slide .box .car-price { box-sizing: border-box; width: 100%; padding-left: 1rem; margin-top: .22rem; font-size: .24rem; } #chrev .configure .swiper-slide .box .car-price span { color: #1a9dda; font-weight: bold; } #chrev .configure .swiper-slide .box .car-price .font-big { color: #1a9dda; font-weight: bold; font-size: .32rem; } #chrev .configure .swiper-slide .box .car-img { width: 100%; margin-top: .7rem; } #chrev .configure .swiper-slide .box .car-img img { width: 80%; margin-left: 10%; } #chrev .configure .swiper-slide .box .car-ps { box-sizing: border-box; width: 100%; margin-top: .28rem; padding: 0 1rem; font-size: .24rem; position: relative; } #chrev .configure .swiper-slide .box .car-ps i { font-weight: bold; font-style: normal; position: absolute; left: .65rem; top: .05rem; } #chrev .configure .swiper-slide .box .car-ps span { color: #d6000f; } #chrev .configure .swiper-slide .box .link-box { margin-top: .46rem; width: 100%; box-sizing: border-box; padding: 0 .4rem; display: flex; justify-content: space-between; align-items: center; } #chrev .configure .swiper-slide .box .link-box a { display: block; width: 2.44rem; height: .7rem; line-height: .7rem; text-align: center; background-color: #303030; font-size: .24rem; color: #fff; position: relative; margin: auto; } #chrev .configure .swiper-slide .box .link-box a::after { content: ""; font-size: .4rem; font-weight: normal; color: #fff; position: absolute; top: 0; right: .3rem; width: .15rem; height: .7rem; background: url(/uploads/image/vcmimages/arrow-r.png) no-repeat center center; background-size: 100%; display: none; } #chrev .configure .configure-swiper-button-next { width: .38rem; height: 1.43rem; background: url(/uploads/image/vcmimages/kv-swiper-r.png) center center no-repeat; background-size: 100% 100%; top: 40%; right: 0; outline: none; } #chrev .configure .configure-swiper-button-prev { width: .38rem; height: 1.43rem; background: url(/uploads/image/vcmimages/kv-swiper-l.png) center center no-repeat; background-size: 100% 100%; top: 40%; left: 0; outline: none; } #chrev .configure .configure-swiper-pagination { width: 100%; margin-top: .5rem; text-align: center; display: flex; align-items: center; justify-content: center; } #chrev .configure .configure-swiper-pagination .swiper-pagination-bullet { width: .17rem; height: .17rem; background-color: #000; margin: 0 .12rem; opacity: 1; } #chrev .configure .configure-swiper-pagination .swiper-pagination-bullet-active { background-color: #fff; border: 1px solid #000; } #chrev .configure .configure-ps { text-align: center; color: #9c9797; font-size: .18rem; margin-top: 1.2rem; } #chrev .order { width: 100%; } #chrev .order h2 { font-size: .48rem; font-weight: bold; text-align: center; } #chrev .order .px2 { margin-top: .4rem; margin-bottom: .46rem; font-size: .24rem; text-align: center; width: 100%; } #chrev .order .form { width: 6.94rem; margin: 0 auto; padding: 0 .48rem; box-sizing: border-box; padding-top: .36rem; padding-bottom: .72rem; box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.2); margin-bottom: .7rem; position: relative; } #chrev .order .form .top-text { font-size: .22rem; position: relative; display: flex; align-items: center; } #chrev .order .form .top-text p { padding-left: .1rem; line-height: .46rem; } #chrev .order .form .top-text i img { width: .22rem; } #chrev .order .form .lately { width: 1.3rem; height: .4rem; border-radius: .1rem; border: 1px solid #000; line-height: .4rem; text-align: center; font-size: .22rem; position: absolute; right: .48rem; top: .36rem; color: #000; z-index: 8; } #chrev .order .form #maps { width: 6rem; height: 6rem; margin: 0 auto; margin-top: .2rem; } #chrev .order .form .dealr-box { width: 100%; box-sizing: border-box; margin-top: .44rem; } #chrev .order .form .dealr-box .title { font-size: .28rem; text-align: left; } #chrev .order .form .dealr-box .box { width: 100%; min-height: .96rem; border-bottom: 1px solid #ccc; font-size: .30rem; box-sizing: border-box; padding-top: .4rem; position: relative; } #chrev .order .form .dealr-box .box .city-name { margin-left: .2rem; } #chrev .order .form .dealr-box .box .arrow { position: absolute; top: .48rem; right: .1rem; z-index: 2; } #chrev .order .form .dealr-box .box .arrow img { width: .15rem; } #chrev .order .form .dealr-box .box input { width: 100%; border: 0; } #chrev .order .form .dealr-box .check-box { font-size: .2rem; position: relative; margin-top: .5rem; } #chrev .order .form .dealr-box .check-box .check { display: block; width: .36rem; height: .36rem; border-radius: .03rem; background-color: #303030; position: absolute; display: flex; justify-content: center; align-items: center; } #chrev .order .form .dealr-box .check-box .check img { width: .26rem; display: none; } #chrev .order .form .dealr-box .check-box .check #checkbox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; opacity: 0; } #chrev .order .form .dealr-box .check-box p { padding-left: .5rem; } #chrev .order .form .dealr-box .check-box p a { color: #d6000f; } #chrev .order .form .dealr-box .confirm { width: 100%; background-color: #303030; color: #fff; font-size: .24rem; height: .8rem; line-height: .8rem; text-align: center; margin-top: .6rem; } #chrev .order .form .dealr-box .dizhi { display: none; } #chrev .order .more-car-box { margin-top: .9rem; text-align: center; } #chrev .order .more-car-box h3 { font-size: .36rem; } #chrev .order .more-car-box .more-chr-link { display: block; margin: 0 auto; width: 5.2rem; margin-top: .4rem; } #chrev .order .more-car-box .more-chr-link p { margin-top: .2rem; font-size: .3rem; font-weight: bold; } #chrev .more-box { width: 100%; display: flex; justify-content: space-around; align-items: center; margin-bottom: 1rem; border-top: 1px solid #ccc; margin-top: .5rem; padding-top: .5rem; } #chrev .more-box a { display: block; width: 25%; font-size: .24rem; line-height: .36rem; color: #000; text-align: center; } #chrev .more-box a img { width: .63rem; } #chrev .fixed { position: fixed; z-index: 9999; top: 0; left: 0; background-color: #fff; } #chrev .look-more-fixed { position: fixed; top: 1.05rem; left: 0; z-index: 78; height: 1.2rem !important; } #chrev .video-box { display: none; width: 100%; height: 100%; position: fixed; z-index: 9999; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); } #chrev .video-box #video { width: 100%; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); } #chrev .video-box #video video { width: 100%; } #chrev .video-box .video-close { position: absolute; top: .2rem; right: .2rem; } #chrev .video-box .video-close img { width: .5rem; } #chrev .map-boxs { width: 4.5rem; min-height: 2rem; padding: .2rem; box-sizing: border-box; background-color: #fff; position: relative; z-index: 8888; color: #000; font-size: .20rem; position: relative; box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2); cursor: pointer; } #chrev .map-boxs .title { width: 100%; font-size: .18rem; padding-bottom: .1rem; margin-bottom: .1rem; border-bottom: 1px solid #ccc; } #chrev .map-boxs .tel, #chrev .map-boxs .address { line-height: .24rem; } #chrev .map-boxs .btn { width: 90%; margin: 0 auto; height: .6rem; line-height: .6rem; font-size: .18rem; color: #fff; text-align: center; background-color: #000; margin-top: .15rem; } #chrev .map-boxs .close { width: .22rem; height: .22rem; background: url(/uploads/image/vcmimages/close-iocn.png) center center no-repeat; background-size: 100% 100%; position: absolute; top: .2rem; right: .25rem; z-index: 11; cursor: pointer; } #chrev .map-boxs .btn p img{ display: inline-block; margin-bottom: -3px; padding-right: 5px; width: 8%; } #chrev #newplan { width: 100%; margin-bottom: .46rem; background-color: #f0f0f0; } #chrev #newplan .tit { text-align: center; font-size: .46rem; padding: .6rem 0; font-weight: bold; } #chrev #newplan .plan-ul { width: 93.4%; margin: auto; } #chrev #newplan .plan-ul #newplan-swiper { background-color: #fff; } #chrev #newplan .plan-ul #newplan-swiper img { width: 100%; display: block; } #chrev #newplan .plan-ul #newplan-swiper .plan-item-content { padding: 7vw 2% 5vw 5%; } #chrev #newplan .plan-ul #newplan-swiper .plan-item-content .h2 { font-weight: bold; font-size: 4.8vw; } #chrev #newplan .plan-ul #newplan-swiper .plan-item-content ul { font-size: 3.73vw; padding-top: 4vw; line-height: 6.5vw; } #chrev #newplan .plan-ul #newplan-swiper .plan-item-content ul sup { vertical-align: super; } #chrev #newplan .plan-ul .tabs-ul { margin-top: 6%; font-weight: bold; } #chrev #newplan .plan-ul .tabs-ul .tab-item { display: inline-block; text-align: center; width: 30%; margin-right: 3.5%; border-top: 2px solid #000; opacity: .5; font-size: 3.73vw; padding: 2% 0 4%; } #chrev #newplan .plan-ul .tabs-ul .tab-item.active { opacity: 1; background: linear-gradient(rgba(0,0,0,0.06), transparent); } #chrev #newplan .plan-ul .tabs-ul .tab-item:last-child { margin-right: 0; } #chrev #newplan .plan-ul .allcountry1 { font-size: 2.67vw; line-height: 5vw; padding: 8vw 0; } #chrev #newplan .plan-ul .allcountry1 p:last-child { padding-top: 3vw; } .more-car-w { padding-top: 0.48rem; padding-bottom: 0.39rem; border-top: 0.2rem solid #f5f5f5; } .more-car-w .more-car-t { font-size: 0.26rem; font-weight: bold; color: #404040; line-height: 0.17rem; margin-bottom: 0.5rem; text-align: center; } .more-car-w .more-car-c-w { width:90%; margin-left:5%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .more-car-w .more-car-c-w .car-w div { font-size: 0.2rem; font-weight: 500; color: #404040; line-height: 0.17rem; margin-top: 0.15rem; } .more-car-w .more-car-c-w .car-w.car1 { margin-left: 0.36rem; } .more-car-w .more-car-c-w .car-w.car1 img { width: 2.12rem; height: 1.03rem; } .more-car-w .more-car-c-w .car-w.car1 div { padding-left: 1.11rem; } .more-car-w .more-car-c-w .car-w.car2 { margin-right: 0.43rem; } .more-car-w .more-car-c-w .car-w.car2 img { width: 2.53rem; height: 1rem; } .more-car-w .more-car-c-w .car-w.car2 div { padding-left: 0.89rem; }