.center-main, .revise-information, .my-car, .relieve-information { margin-top: -5em; position: relative; } .bg-img { width: 100%; height: 11.67em; } .big-box { margin: 0 auto; width: 51em; min-height: 28em; } .message-box { width: 51em; min-height: 13.43em; border-radius: 0.4rem; background-color: #fff; position: relative; box-shadow: #ccc 0px 0px 1rem; behavior: url ("/indexp/center/js/pie/pie.htc"); } .head-pic { box-sizing: border-box; width: 5.47em; height: 5.47em; border-radius: 50%; border: 0.36em solid #e50126; position: absolute; left: 50%; top: 0; margin-top: -2.735em; margin-left: -2.735em; z-index: 3; overflow: hidden; background-color: #fff; behavior: ; } .head-pic img{ position: relative; } .pet-name { text-align: center; padding-top: 3.54em; padding-bottom: 1em; } .modify-box, .love-modify-box { width: 42.92em; margin: 0 auto; height: 1.3em; line-height: 1.3em; border-bottom: 1px solid #ccc; color: #e70020; } .modify-box span, .love-modify-box span { font-size: 1em; display: inline-block; position: relative; top: -0.3em; } .modify-box i, .love-modify-box i { display: inline-block; width: 1.2em; margin-top: 0; cursor: pointer; /* background-color: #e70020; */ } .modify-box .left-box, .love-modify-box .left-box { vertical-align: middle; width: 80%; } .nothing-box, .nothing-box-l { margin-top: 2.2em; text-align: center; color: #5f5f5f; display: block; } .have-box { width: 42.92em; margin: 0 auto; padding-top: 0; padding-bottom: 3.2em; display: none; } .have-box ul li { margin-top: 1.26em; width: 49.8%; float: left; } .address { vertical-align: top; position: relative; /* min-height: 2.7em; */ } .address span { display: inline-block; width: 18.46875rem; vertical-align: top; position: absolute; left: 2.58em; top: 0; } .lovecar-box { width: 100%; min-height: 9.27em; border-radius: 0.4rem; background-color: #fff; margin-top: 0.85rem; padding-top: 1.45em; box-sizing: border-box; box-shadow: #ccc 0px 0px 1rem; -webkit-border-radius: 0.4rem; -moz-border-radius: 0.4rem; -ms-border-radius: 0.4rem; -o-border-radius: 0.4rem; behavior: ; } .out-btn { cursor: pointer; height: 2.08em; width: 12.5em; background-color: #e70020; color: #fff; line-height: 2.08em; margin: 0 auto; text-align: center; margin-top: 1.87rem; border-radius: 1.04em; -webkit-border-radius: 1.04em; -moz-border-radius: 1.04em; -ms-border-radius: 1.04em; -o-border-radius: 1.04em; behavior: ; } .have-box-l { display: none; } .have-box-l ul { padding-bottom: 1em; } .have-box-l ul li { height: 5.2em; display: flex; justify-content: space-between; line-height: 5.2em; width: 42.92em; margin: 0 auto; border-bottom: 1px solid #ccc; } .have-box-l ul li .name-left { color: #333; font-size: .94em; } .have-box-l ul li .lookmore-right { color: #8f8f8f; font-size: .94em; cursor: pointer; } .lookmore-right .lookmore-icon { width: .5em; display: inline-block; margin-left: 0.3em; margin-top: -0.2em; vertical-align: middle; } .have-box-l ul li:last-child { border: none; } .out-pupop, .committing-pupop, .success-pupop, .fail-pupop, .lc-success-pupop, .relieve-pupop, .lc-fail-pupop, .jb-success-pupop, .jb-fail-pupop, .vin-fail-pupop, .fdj-fail-pupop, .sfz-fail-pupop, .yzm-fail-pupop { display: none; } .lc-fail-pupop .committing-box { height: 12.3125em; } .win-bg { height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.3); position: fixed; top: 0; left: 0; z-index: 4; filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#4c000000,endcolorstr=#4c000000); } .out-box { width: 25em; min-height: 14.06em; background-color: #fff; position: absolute; left: 50%; top: 50%; margin-left: -12.5em; margin-top: -8em; border-radius: .4rem; -webkit-border-radius: .4rem; -moz-border-radius: .4rem; -ms-border-radius: .4rem; -o-border-radius: .4rem; padding-top: 2.6875em; box-sizing: border-box; behavior: ; } .warning-img { width: 1.875em; margin: 0 auto; } .out-text, .popup-text { margin-top: 1.667em; font-size: 1em; text-align: center; color: #333; font-weight: bold; } .btn-boxs { width: 18.75em; margin: 0 auto; margin-top: 2.91em; text-align: center; font-size: 1em; cursor: pointer; } .cancel-btn { width: 7.8125em; height: 2.1875em; line-height: 2.1875em; background-color: #e70020; color: #fff; letter-spacing: .5em; border-radius: 1.09375em; -webkit-border-radius: 1.09375em; -moz-border-radius: 1.09375em; -ms-border-radius: 1.09375em; -o-border-radius: 1.09375em; } .confirm-btn { box-sizing: border-box; width: 7.8125em; height: 2.1875em; line-height: 2.1875em; background-color: #fff; color: #e70020; letter-spacing: .2em; margin-bottom: 2.25em; border: 1px solid #e70020; border-radius: 1.09375em; -webkit-border-radius: 1.09375em; -moz-border-radius: 1.09375em; -ms-border-radius: 1.09375em; -o-border-radius: 1.09375em; } .committing-box { width: 25em; height: 10.625em; background-color: #fff; position: absolute; left: 50%; top: 50%; margin-left: -12.5em; margin-top: -6em; border-radius: .4em; -webkit-border-radius: .4em; -moz-border-radius: .4em; -ms-border-radius: .4em; -o-border-radius: .4em; padding-top: 2.1875em; box-sizing: border-box; behavior: ; } .committing-img { width: 3em; margin: 0 auto; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; behavior: ; } .close-pupop { width: 1em; height: 1em; position: absolute; right: 4%; top: 8%; } .revise-information, .my-car, .relieve-information { margin: 0 auto; margin-top: -5em; box-sizing: border-box; padding: 0 4.11em; width: 51.146em; min-height: 29.7em; background-color: #fff; border-radius: 0.4em; -webkit-border-radius: 0.4em; -moz-border-radius: 0.4em; -ms-border-radius: 0.4em; -o-border-radius: 0.4em; border: 1px solid #ccc; margin-bottom: 5em; behavior: ; } .top-text { height: 2.2em; padding-top: 2.92em; position: relative; border-bottom: 1px solid #ccc; color: #e60122; font-weight: bold; } .top-text p { font-size: 1em; text-align: left; } .top-text p img { width: 1.5em; margin-right: 0.3em; vertical-align: middle; } .backicon-btn, .back-center, .back-lovecar, .back-vin { position: absolute; right: 0; top: 2.92em; display: block; font-size: 1em; font-style: normal; font-weight: 500; vertical-align: middle; cursor: pointer; } .backicon-btn img, .back-center img, .back-lovecar img, .back-vin img { width: 0.85em; margin-right: .3em; } .back-lovecar, .back-vin { display: none; } .flex-1-1 { width: 19.17em; display: flex; justify-content: space-between; align-items: center; position: relative; } .flex-1-1 span { font-size: .94em; color: #333; } .head-img-box { width: 19.17em; border-bottom: 1px solid #ccc; } .img-h-box, .img-h-boxs { width: 3.85em; height: 3.85em; border: 3px solid #e70020; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; overflow: hidden; position: relative; behavior: ; } .img-h-box { opacity: 0; filter:alpha(opacity=0); } .revise-ul-box { height: 16.5625em; } .revise-ul-box .h86 { height: 4.48em; line-height: 4.48em; } .revise-ul-box .h396 { height: 3.96em; line-height: 3.96em; } .revise-ul-box .h104 { height: 5.42em; line-height: 5.42em; } .revise-ul-box li { border-bottom: 1px solid #ccc; } .revise-ul-box li .right-box { width: 50%; font-size: .94em; display: flex; flex-direction: row-reverse; } .revise-ul-box li .right-box input { font-size: .94em; text-align: right; border: none; } .gender-man, .gender-woman { cursor: pointer; /*width: 4.58em;*/ } .gender-man i, .gender-woman i { display: inline-block; width: 1em; height: 1em; margin-right: 1em; border: 1px solid #e70020; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; position: relative; top: 0.2em; left: 0.4em; behavior: ; } .active-i:after { content: ""; display: block; width: 0.7em; height: 0.7em; position: absolute; left: 50%; top: 50%; margin-top: -0.35em; margin-left: -0.35em; background-color: #e70020; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; behavior: ; } .revise-ul-box li .right-box.input-address input { width: 100%; } .save-btn, .relieve-btn { cursor: pointer; width: 12.5em; height: 2.08em; background-color: #bdbdbd; letter-spacing: 0.2rem; font-size: 1em; line-height: 2.08em; text-align: center; color: #fff; border-radius: 1.04em; -webkit-border-radius: 1.04em; -moz-border-radius: 1.04em; -ms-border-radius: 1.04em; -o-border-radius: 1.04em; position: absolute; left: 50%; bottom: 2em; margin-left: -6.25em; behavior: ; } .save-btn p { font-size: 0.85em; } .relieve-btn { margin-top: 10rem; background-color: #e60122; } .input-birthday, .input-city { align-items: center; } .input-birthday span, .input-city span { color: #757575; cursor: pointer; } .right-box .span-img { display: inline-block; width: .9em; margin-top: 0em; margin-left: 0.5em; float: right; } .my-car { min-height: 23.4em; } .love-carbox { box-sizing: border-box; margin: 0 auto; width: 100%; min-height: 17.4em; height: auto; } .add-car-box { width: 13.45em; height: 7.6em; margin: 0 auto; margin-top: 3.65em; } .add-car-text1 { margin-top: 1.25em; font-weight: 700; text-align: center; } .add-car-text1 span { font-size: .94em } .add-car-text1 .add-car-btn { display: inline-block; width: 1.3em; vertical-align: middle; margin-left: .4em; cursor: pointer; /* position: relative; top: .1875rem; left: .3125rem */ } .add-car-text2 { margin-top: 1.3em; font-size: .73em; text-align: center; } .have-car-box { width: 100%; height: auto; box-sizing: border-box; display: block; } .have-car-box li { height: 5.2em; display: flex; flex-direction: row; justify-content: space-between; align-items: center; border-bottom: 1px solid #ccc; cursor: pointer; line-height: 5.2em; } .have-car-box li .love-car-name{ width: 45%; float: left; } .have-car-box .look-more { font-size: .94em; color: #8f8f8f; display: flex; /* flex-direction: row; */ align-items: center; float: right; width: 12%; } .arrow-right { display: block; width: .5em; /*margin-top: 0.3em;*/ margin-left: 0.3em; float: right; } .vv-title { text-align: center; font-size: 1em; font-weight: bold; margin-bottom: 1em; } .vv-title1 { text-align: center; font-size: 1.2em; font-weight: bold; } .love-carbox .havecars { margin-top: 4.0625em; padding-bottom: 3em; } .vin-box, .engine-box { margin: 0 auto; margin-top: 1.45em; width: 16.875em; } .vin-text, .engine-text { margin-top: 1.4em; font-size: 1em; font-weight: 700; text-align: center; } .vin-text span, .engine-text span { font-size: 70%; color: #757575; } .vin-input-boxs, .engine-input-boxs { margin-top: 1em; position: relative; } .vin-input-boxs ul { width: 100%; display: flex; flex-direction: row; justify-content: space-between; } .engine-input-boxs ul { width: 80%; margin: 0 auto; /*display: flex; flex-direction: row; justify-content: space-around;*/ } .vin-input-boxs ul li, .engine-input-boxs ul li { width: 2em; height: 2em; text-align: center; /*line-height: 2em;*/ font-size: 1em; font-weight: bold; border: 1px solid #757575; border-radius: .3em; -webkit-border-radius: .3em; -moz-border-radius: .3em; -ms-border-radius: .3em; -o-border-radius: .3em; position: relative; box-sizing: border-box; behavior: ; float: left; margin-left: 0.5em; } .engine-input-boxs ul li{ margin-left: 1em; } .vin-input-boxs ul li input, .engine-input-boxs ul li input{ width: 1.8em; height: 1.8em; text-align: center; line-height: 1.8em; font-size: 1em; font-weight: bold; border: none; border-radius: .3em; background-color: #fff; -moz-border-radius: .3em; -ms-border-radius: .3em; -o-border-radius: .3em; float: left; position: relative; left: 0em; top: 0em; behavior: ; box-sizing: border-box; } .vin-input-boxs ul li.active:after, .engine-input-boxs ul li.active:after{ content: ""; position: absolute; width: 1px; height: 80%; top: 10%; left: 50%; background-color: #333; -webkit-animation: cuefls 1s ease 0s infinite; } /*光标闪的动画*/ @keyframes cuefls{ from{ opacity: 0.2; } to{ opacity: 1; } } .next-btn1, .send-btn1 { margin: 0 auto; margin-top: 1.77em; width: 12.5em; text-align: center; height: 1.98em; color: #fff; font-weight: 700; line-height: 1.98em; background-color: #bdbdbd; border-radius: 0.99em; -webkit-border-radius: 0.99em; -moz-border-radius: 0.99em; -ms-border-radius: 0.99em; -o-border-radius: 0.99em; position: relative; cursor: pointer; margin-bottom: 2em; behavior: ; } .next-btn1 p, .send-btn1 p { font-size: .94em; } .btn-active { background-color: #e60122; } #next-input, #send1-input, #modify-input ,#phone-input,#sfz-input{ cursor: pointer; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; filter:alpha(opacity=0); } .testingphone-box, .identity-box { margin: 0 auto; margin-top: 1.46em; width: 19.27em; } .phone-man-box, .identity-man-box { height: 3.5em; border-bottom: 1px solid #ccc; display: flex; flex-direction: row; align-items: center; line-height: 3.5em; } .phone-man-box { display: flex; flex-direction: row; align-items: center; position: relative; } .span-title { display: inline-block; width: 4.83em; } .phone-man-num, .phone-code-num { width: 10.65em; } .identity-input { width: 12.65em; } .phone-man-num input, .identity-input input { width: 100%; border: none; position: relative; top: 0.1em; } .phone-code { height: 3.5em; border-bottom: 1px solid #ccc; display: flex; flex-direction: row; align-items: center; position: relative; line-height: 3.5em; } .phone-code-num input { border: none; width: 9em; } .img-code { position: absolute; right: 0em; top: 50%; width: 4.79em; margin-top: -1.2em; } .phone-send-btn, .identity-send-btn { margin: 0 auto; margin-top: 2.3em; width: 12.5em; height: 2.08em; line-height: 2.08em; font-weight: 800; text-align: center; background-color: #bdbdbd; color: #fff; border-radius: 1.04em; -webkit-border-radius: 1.04em; -moz-border-radius: 1.04em; -ms-border-radius: 1.04em; -o-border-radius: 1.04em; cursor: pointer; position: relative; behavior: ; } .car-detail { margin: 0 auto; margin-top: 1.1em; width: 43em; font-size: 1em; } .car-detail ul { width: 100%; color: #333; } .car-detail ul li { height: 3.96em; border-bottom: 1px solid #ccc; display: flex; flex-direction: row; justify-content: space-between; align-items: center; line-height: 3.96em; } /* 解绑的弹窗 */ .relieve-pupop .committing-box { height: 16.17em; } .relieve-pupop-btns { width: 18.75em; margin: 0 auto; margin-top: 2.91em; text-align: center; font-size: 1em; cursor: pointer; } .relieve-pupop-btns p { box-sizing: border-box; width: 7.8125em; height: 2.1875em; line-height: 2.1875em; letter-spacing: .2em; border-radius: 1.09375em; -webkit-border-radius: 1.09375em; -moz-border-radius: 1.09375em; -ms-border-radius: 1.09375em; -o-border-radius: 1.09375em; } .relieve-cancel-btn { color: #fff; background-color: #e60122; } .relieve-letter-btn { color: #e60122; background-color: #fff; border: 1px solid #e60122; } .other-ways { width: 100%; position: absolute; bottom: 0; left: 0; height: auto; display: none; cursor: pointer; } .other-title { color: #333; width: 11em; margin: 0 auto; /*display: flex; flex-direction: row; justify-content: space-between; align-items: center;*/ height: 2em; text-align: center; } .other-title .span-text{ display: inline-block; line-height: 2em; margin-left: 0.5em; } .other-title .span-line { width: 2em; height: 1px; background-color: #333; position: relative; top: 1em; } .ways-boxs { width: 100%; margin-top: .625rem; display: flex; flex-direction: row; justify-content: space-between; } .ways-boxs .ways-item { width: 49.5%; height: 2.875rem; background-color: #f6f6f6; text-align: center; line-height: 2.875rem; float: left; } .img28 { width: 1rem; vertical-align: middle; margin-right: .3rem; } #vin-input, #fdj-input { width: 100%; height: 100%; background-color: #8f8f8f; position: absolute; left: 0; top: 0; z-index: -1; opacity: 0; filter:alpha(opacity=0); } .jcrop_warpper { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999; background-color: #333; } #crop_image { width: 80%; height: 80%; margin: 0 auto; background-color: #333; user-select: none; /* border: 1px solid #dedede; */ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2); position: relative; behavior: ; } #crop_image_content { float: left; text-align: center; width: 80%; padding: 3%; box-sizing: border-box; position: absolute; top: 60%; left: 10%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); } .jcrop-bottom { width: 20.8125em; height: 2.5em; border: 1px solid #ccc; background-color: #000; display: flex; position: fixed; bottom: 1.34375em; left: 50%; z-index: 666; flex-direction: row; border-radius: 1.25em; -webkit-border-radius: 1.25em; -moz-border-radius: 1.25em; -ms-border-radius: 1.25em; -o-border-radius: 1.25em; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); behavior: ; } .jcrop-bottom p { width: 49%; text-align: center; line-height: 2.5em; color: #fff; float: left; } .tx-confirm { border-left: 1px solid #ccc; } #imgfile { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 22; opacity: 0; filter:alpha(opacity=0); } .jcrop-holder { left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); } .jcrop-keymgr { opacity: 0; filter:alpha(opacity=0); } /* pc端年月日的选择 */ .bir-sel-box { width: 15.65em; height: 10.2em; position: absolute; bottom: -10em; right: 0; z-index: 666; display: none; } .city-sel-box{ width: 15.65em; height: 10.2em; position: absolute; bottom: -10em; right: -0em; z-index: 666; display: none; } .input-birthday .bir-sel-box .sel input,.input-city .city-sel-box .sel input{ width: 100%; float: left; text-align: center; } .riqi-box,.cs-box{ width: 100%; height: 10.2em; background-color: #fff; overflow-y: hidden; border: 1px solid #ccc; box-sizing: border-box; } .month-box{ border-right: none; border-left: none; } .riqi-box::-webkit-scrollbar,.cs-box::-webkit-scrollbar { width: 1px; background-color: #fff; } .riqi-box li,.cs-box li{ width: 100%; min-height: 1.5625em; text-align: center; cursor: pointer; border: none; padding: 0.3em 0; line-height: 1.5625em; } .riqi-box li.active,.cs-box li.active{ background-color: #dadada; } .riqi-box li:hover,.cs-box li:hover{ background-color: #dadada; } .bir-sel-box .sel { width: 33.3%; float: left; overflow-x: hidden; position: relative; } .city-sel-box .sel{ width: 49.8%; float: left; overflow-x: hidden; position: relative; } .bir-sel-box .sel input,.city-sel-box .sel input{ height: 1em; } .bir-sel-box .sel .riqi-box,.city-sel-box .sel .cs-box{ position: relative; top: -0.8em; left: 0; } .parent1,.city1,.year1,.month1,.day1{ opacity: 0; filter:alpha(opacity=0); } .btn-active { background-color: #e60122; } input:-webkit-autofill {   -webkit-box-shadow: 0 0 0px 1000px white inset;   -webkit-text-fill-color: #333; }