#lease { width: 100%; } #lease .toyota-link { width: 100%; height: 3.125em; } #lease .toyota-link a { display: block; width: 8.854167em; margin: .520833em 1.302083em 0; } #lease .eva-bg { width: 100%; position: relative; } #lease .eva-bg .back-btn { display: none; position: absolute; top: 1.822917em; left: 2.083333em; z-index: 3; color: #fff; height: 1.145833em; line-height: 1.145833em; cursor: pointer; } #lease .eva-bg .back-btn .back-img { font-style: normal; display: inline-block; width: 1.041667em; vertical-align: middle; } #lease .eva-bg .back-btn span { font-size: 1.041667em; vertical-align: middle; } #lease .eva-bg .top-txt { display: none; position: absolute; top: .520833em; left: 0; width: 100%; z-index: 1; text-align: center; color: #fff; font-weight: bold; } #lease .eva-bg .top-txt h3 { font-size: 2.083333em; } #lease .eva-bg .top-txt h4 { margin-top: 1.041667em; } #lease .eva-bg .top-txt h4 p { font-size: 1.145833em; } #lease .section { width: 100%; } #lease .section .box { width: 58.333333em; min-height: 30.729167em; margin: 0 auto; position: relative; top: -4.6875em; box-sizing: border-box; padding: 0 2.395833em; background-color: #fff; box-shadow: 0px 0px 10px 10px rgba(51, 51, 51, 0.1); border-radius: .729167em; -webkit-border-radius: .729167em; -moz-border-radius: .729167em; -ms-border-radius: .729167em; -o-border-radius: .729167em; } #lease .section .box .form-box { width: 100%; } #lease .section .box .form-box .sel-main { width: 24.166667em; height: 2.604167em; line-height: 2.604167em; float: left; margin-left: 5.208333em; margin-bottom: 1.5625em; font-weight: bold; } #lease .section .box .form-box .sel-main .tit-box { width: 6.770833em; float: left; text-align: left; font-weight: normal; } #lease .section .box .form-box .sel-main .tit-box p { font-size: .833333em; } #lease .section .box .form-box .sel-main .radio-box { float: left; width: 17.34375em; height: 100%; } #lease .section .box .form-box .sel-main .radio-box .radio-ipt { float: right; width: 5.208333em; position: relative; cursor: pointer; } #lease .section .box .form-box .sel-main .radio-box .radio-ipt span { display: inline-block; margin-left: .625em; font-size: .833333em; } #lease .section .box .form-box .sel-main .radio-box .radio-ipt .radio { opacity: 0; filter: progid:dximagetransform.microsoft.alpha(opacity=0); } #lease .section .box .form-box .sel-main .radio-box .radio-ipt .quan { display: inline-block; width: 1.041667em; height: 1.041667em; background: url(/uploads/image/bffleimages/quan1.png) center center no-repeat; background-size: 100% 100%; position: absolute; left: 0; top: 46%; margin-top: -0.520833em; } #lease .section .box .form-box .sel-main .radio-box .radio-ipt .quan-active { background: url(/uploads/image/bffleimages/quan2.png) center center no-repeat; background-size: 100% 100%; } #lease .section .box .form-box .sel-main .sel-box { float: left; width: 17.34375em; height: 100%; position: relative; } #lease .section .box .form-box .sel-main .sel-box .sel { width: 100%; height: 2.604167em; position: relative; } #lease .section .box .form-box .sel-main .sel-box .sel select { width: 100%; height: 100%; background-color: #f7f7f7; border-radius: .364583em; font-size: .833333em; font-weight: bolder; cursor: pointer; -webkit-border-radius: .364583em; -moz-border-radius: .364583em; -ms-border-radius: .364583em; -o-border-radius: .364583em; text-align: center; text-align-last: center; position: relative; z-index: 3; opacity: 0; filter: progid:dximagetransform.microsoft.alpha(opacity=0); } #lease .section .box .form-box .sel-main .sel-box .sel select option { padding: .260417em; } #lease .section .box .form-box .sel-main .sel-box .sel .sel-txt { width: 100%; height: 100%; background-color: #f7f7f7; border-radius: .364583em; font-size: .833333em; font-weight: bolder; cursor: pointer; -webkit-border-radius: .364583em; -moz-border-radius: .364583em; -ms-border-radius: .364583em; -o-border-radius: .364583em; text-align: center; position: absolute; top: 0; left: 0; z-index: 1; } #lease .section .box .form-box .sel-main .sel-box .arrow-dowm { position: absolute; width: .677083em; height: .677083em; right: 1.145833em; top: 50%; margin-top: -0.338542em; z-index: 1; line-height: 0; } #lease .section .box .form-box .sel-main .ipt-box { float: left; width: 17.34375em; height: 100%; position: relative; } #lease .section .box .form-box .sel-main .ipt-box .ipt { width: 100%; height: 2.604167em; position: relative; } #lease .section .box .form-box .sel-main .ipt-box .ipt input { border: none; width: 100%; height: 100%; background-color: #f7f7f7; border-radius: .364583em; font-size: .833333em; font-weight: bolder; cursor: pointer; -webkit-border-radius: .364583em; -moz-border-radius: .364583em; -ms-border-radius: .364583em; -o-border-radius: .364583em; text-align: center; position: absolute; top: 0; left: 0; } #lease .section .box .form-box .sel-main .ipt-box .danwei { position: absolute; height: 100%; right: 1.145833em; top: 0; display: block; } #lease .section .box .form-box .sel-main .ipt-box .danwei span { font-size: .833333em; } #lease .section .box .form-box .ml0 { margin-left: 0; } #lease .section .box .go-ce { cursor: pointer; width: 12.5em; height: 2.604167em; line-height: 2.604167em; margin: 0 auto; margin-top: 5.729167em; background: url(/uploads/image/bffleimages/btn-bg.png) center center no-repeat; background-size: 100% 100%; } #lease .section .box .go-ce p { text-align: center; font-size: .9375em; font-weight: bolder; color: #fff; } #lease .section .box .gif-box { margin-top: 3.125em; width: 6.25em; margin: 0 auto; } #lease .section .box .gif-tit { margin-top: 0em; width: 100%; } #lease .section .box .gif-tit p { font-size: 1.5625em; text-align: center; font-weight: bolder; } #lease .section .box .gif-ps { margin-top: 1.5625em; width: 100%; } #lease .section .box .gif-ps p { text-align: center; font-size: .729167em; } #lease .section .box .gif-ps p span { color: #e76f76; } #lease .section .box .car-top-tit { text-align: center; margin-bottom: 2.083333em; width: 100%; } #lease .section .box .car-top-tit p { text-align: center; font-size: .833333em; } #lease .section .box .car-top-tit p span { color: #e76f76; } #lease .section .box .car-list { width: 100%; } #lease .section .box .car-list li { float: left; width: 13.020833em; height: 9.375em; margin-left: 5.729167em; margin-bottom: 1.5625em; cursor: pointer; } #lease .section .box .car-list li img { width: 100%; margin: 0 auto; } #lease .section .box .car-list li .car-name { margin-top: -2.083333em; text-align: center; font-weight: bolder; } #lease .section .box .car-list li .car-name p { font-size: .9375em; } #lease .section .box .car-list .ml0 { margin-left: 0; } #lease .section .box .car-list .active { background: url(/uploads/image/bffleimages/car-check-bg.png) center center no-repeat; background-size: 100% 100%; } #lease .section .box .go-jrfa { width: 12.5em; height: 2.604167em; line-height: 2.604167em; margin: 0 auto; margin-top: 5.208333em; cursor: pointer; background: url(/uploads/image/bffleimages/btn-bg.png) center center no-repeat; background-size: 100% 100%; } #lease .section .box .go-jrfa a { display: block; width: 100%; height: 100%; font-size: .9375em; text-align: center; color: #fff; } #lease .section .box2 { display: none; } #lease .section .box3 { display: none; padding: 0 3.125em; } #lease .pt70 { padding-top: 3.645833em; } #lease .slide-box { display: none; } .pup { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 88; display: none; } .pup .pup-box { width: 20.833333em; height: 13.541667em; position: absolute; top: 50%; left: 50%; margin-left: -10.416667em; margin-top: -6.770833em; background-color: #fff; border-radius: .520833em; -webkit-border-radius: .520833em; -moz-border-radius: .520833em; -ms-border-radius: .520833em; -o-border-radius: .520833em; } .pup .pup-box .txt-ps { margin-top: 3.958333em; } .pup .pup-box .txt-ps p { text-align: center; font-size: .833333em; } .pup .pup-box .close-pup { width: 8.333333em; height: 2.5em; line-height: 2.5em; background: url(/uploads/image/bffleimages/btn-bg.png) center center no-repeat; background-size: 100% 100%; margin: 0 auto; margin-top: 3.645833em; text-align: center; color: #fff; cursor: pointer; } .pup .pup-box .close-pup p { height: 100%; font-size: .833333em; font-weight: bold; } .v1_1 { width: 100%; text-align: center; font-size: .9375em; color: #000; margin-bottom: 1.041667em; } .v1_1 a { color: #000; } /*滑动按钮*/ #lease .section .box .form-box .sel-main .slider-box { float: left; width: 17.34375em; height: 100%; position: relative; } #lease .section .box .form-box .sel-main .slider-box .slider-main { width: 100%; height: 2.604167em; position: relative; } #lease .section .box .form-box .sel-main .slider-box .slider-main .mouth-txt { line-height: 2.604167em; } #lease .section .box .form-box .sel-main .slider-box .slider-main .mouth-txt p { text-align: left; font-size: .833333em; font-weight: bolder; } #lease .section .box .form-box .sel-main .slider-box .slider-main .drag-box { width: 12.8125em; height: 2.604167em; position: absolute; top: 0; right: .520833em; } #lease .section .box .form-box .sel-main .slider-box .slider-main .drag-box .reduce { cursor: pointer; width: 1.25em; position: absolute; top: 40%; margin-top: -0.625em; left: -0.885417em; } #lease .section .box .form-box .sel-main .slider-box .slider-main .drag-box .reduce img { width: 100%; } #lease .section .box .form-box .sel-main .slider-box .slider-main .drag-box .plus { cursor: pointer; width: 1.25em; position: absolute; top: 40%; margin-top: -0.625em; right: -0.885417em; } #lease .section .box .form-box .sel-main .slider-box .slider-main .drag-box .plus img { width: 100%; } #lease .section .box .form-box .sel-main .slider-box .slider-main .slider { position: absolute; top: 50%; left: 1.25em; margin-top: -0.208333em; height: .416667em; width: 10.364583em; background-color: #e4e4e4; } #lease .section .box .form-box .sel-main .slider-box .slider-main .slider .ui-slider-handle { cursor: pointer; display: inline-block; width: 1.770833em; height: 1.770833em; background: url(/uploads/image/bfflcimages/drag.png) center center no-repeat; background-size: 100% 100%; outline: none; position: absolute; top: -0.572917em; margin-left: -0.885417em; } #lease .section .box .form-box .sel-main .slider-box .slider-main .slider .ui-slider-range { height: 100%; background-color: #ef0010; } #lease .section .box .form-box .sel-main .slider-box .sel-ps { text-align: center; color: #797171; margin-top: .520833em; position: relative; } #lease .section .box .form-box .sel-main .slider-box .sel-ps p { font-size: .729167em; }