body { margin: 0; font-size: 0.16rem; } a, img, button, input, textarea, div { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } .cti-activitys-hishop { position: relative; } .cti-activitys-hishop img { max-width: 100%; } .cti-activitys-hishop .poster { display: block; } .cti-activitys-hishop .btn-tm { position: absolute; top: 72.4vw; left: 61.5vw; width: 17.2vw; cursor: pointer; } .cti-activitys-hishop .btn-tm a { position: absolute; display: block; left: 0; top: 0; height: 100%; width: 100%; } .cti-activitys-hishop .btn-tm .arrow { position: absolute; width: 1.4vw; right: 4%; top: 13%; animation: pulse 0.39s ease infinite; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1) } 50% { -webkit-transform: scale(1.1); transform: scale(1.1) } 100% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } } .cti-activitys-hishop .container { width: 58vw; max-width: 1120px; margin: auto; } .cti-activitys-hishop .testdrive { margin: 5vw auto 5vw; } .cti-activitys-hishop .testdrive h1 { text-align: center; color: #000000; font-size: 0.32rem; display: flex; align-items: center; justify-content: center; padding: 3vw 0 2.6vw; } .cti-activitys-hishop .testdrive h1 img { margin-right: 0.288rem; display: inline-block; position: relative; top: -0.016rem; } .cti-activitys-hishop .testdrive .row { display: flex; align-items: center; justify-content: space-between; margin: 0.24rem 0; } .cti-activitys-hishop .testdrive .row::before, .cti-activitys-hishop .testdrive .row::after { display: none; } .cti-activitys-hishop .testdrive .drive-box, .cti-activitys-hishop .testdrive .input-box { display: flex; align-items: center; flex: 1; height: 0.64rem; line-height: 0.64rem; max-width: calc(50% - 0.144rem); } .cti-activitys-hishop .testdrive a { color: #06a9d3; text-decoration: none; } .cti-activitys-hishop .testdrive input[type='text'], .cti-activitys-hishop .testdrive textarea, .cti-activitys-hishop .testdrive select, .cti-activitys-hishop .testdrive .channel { border: 1px solid #9d9e9e; width: 100%; height: 100%; box-sizing: border-box; padding: 0.16rem; font-size: 0.16rem; border-radius: 0; color: #000; } .cti-activitys-hishop .testdrive .channel { line-height: 0.32rem; overflow: hidden; } .cti-activitys-hishop .testdrive select { appearance: none; -moz-appearance: none; -webkit-appearance: none; background: no-repeat 96% center /19px; } .cti-activitys-hishop .testdrive .name { max-width: 55%; } .cti-activitys-hishop .testdrive .sex { display: flex; align-items: center; white-space: nowrap; padding-left: 1.6vw; font-size: 0.128rem; } .cti-activitys-hishop .testdrive .sex li { display: flex; align-items: center; list-style: none; margin-right: 1vw; } .cti-activitys-hishop .testdrive .sex i { position: relative; width: 0.272rem; height: 0.272rem; border-radius: 0.272rem; display: inline-flex; margin: 0 0.6vw; cursor: pointer; background: no-repeat center /cover; } .cti-activitys-hishop .testdrive .sex i.active { background: no-repeat center /cover; } .cti-activitys-hishop .testdrive .radio-box { display: flex; align-items: center; white-space: nowrap; position: relative; } .cti-activitys-hishop .testdrive .radio-box input { position: absolute; left: 0.032rem; top: 0.032rem; z-index: 300; opacity: 0; cursor: pointer; } .cti-activitys-hishop .testdrive .radio-box i { position: relative; width: 0.272rem; height: 0.272rem; display: inline-flex; margin: 0 0.08rem 0 0; cursor: pointer; background: no-repeat center/96%; } .cti-activitys-hishop .testdrive .radio-box i.active { background: no-repeat center/96%; } .cti-activitys-hishop .testdrive .submit-btn { background: #00316c; height: 0.64rem; line-height: 0.64rem; width: 60%; margin: auto; color: #fff; text-align: center; margin-top: 0.48rem; cursor: pointer; } @media screen and (max-width: 767px) { .cti-activitys-hishop .container { width: 72.6vw; } .cti-activitys-hishop .testdrive { margin: 10vw auto 15vw; } .cti-activitys-hishop .testdrive h1 { font-size: 0.384rem; padding: 5vw 0; } .cti-activitys-hishop .testdrive h1 img { width: 0.64rem; margin-right: 0.32rem; } .cti-activitys-hishop .testdrive .sex { font-size: 0.224rem; padding-left: 0.256rem; } .cti-activitys-hishop .testdrive .sex i { width: 0.384rem; height: 0.384rem; margin: 0 0.16rem; } .cti-activitys-hishop .testdrive input[type='text'], .cti-activitys-hishop .testdrive textarea, .cti-activitys-hishop .testdrive select, .cti-activitys-hishop .testdrive .channel { padding: 0.256rem; font-size: 0.23rem; } .cti-activitys-hishop .testdrive .channel { line-height: 0.32rem; } .cti-activitys-hishop .testdrive select { background: no-repeat 96% center /11px; } .cti-activitys-hishop .testdrive .row { display: block; margin: 0.32rem 0; } .cti-activitys-hishop .testdrive .row> :first-child { margin-bottom: 0.32rem; } .cti-activitys-hishop .testdrive .drive-box, .cti-activitys-hishop .testdrive .input-box { max-width: 100%; height: 0.896rem; line-height: 0.896rem; } .cti-activitys-hishop .btn-tm { top: 153vw; left: 22.5vw; width: 43.9vw; } .cti-activitys-hishop .btn-tm .arrow { width: 3.6vw; } .cti-activitys-hishop .testdrive .radio-box { font-size: 0.224rem; } .cti-activitys-hishop .testdrive .radio-box i { width: 0.384rem; height: 0.384rem; } .cti-activitys-hishop .testdrive .submit-btn { width: 100%; height: 0.896rem; line-height: 0.896rem; margin-top: 0.64rem; font-size: 0.23rem; } }