.contentBo { width: 100%; height: 100%; } .find-container { width: 100%; height: 100%; .login-title { font-size: 18px; font-weight: bold; } .login-img { left: 10%; top: 0; position: absolute; width: 40%; height: 100%; } .login-img img { position: relative; width: 100%; top: 50%; transform: translateY(-50%); } .box { width: 406px; height: 400px; // box-shadow: 0 0 5px #979597; box-shadow: 0 0 5px rgba(151, 149, 151, 0.44); background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(0, -50%); //margin: 0 auto; //margin-top: 10%; overflow: hidden; font-size: 12px; //默认字体 color: #424243; //默认颜色 box-sizing: border-box; // h3 { // width: 100%; // height: 36px; // line-height: 36px; // background: #eee; // text-align: left; // padding-left: 15px; // font-size: 14px; // margin: 0; // img{ // vertical-align: middle; // cursor: pointer; // } // } .title-box { height: 20px; line-height: 20px; padding: 40px 60px 50px; } .num { cursor: pointer; font-size: 14px; color: #2871FA; letter-spacing: 0; text-align: right; } .num2 { color: #9C9C9C; } .main { width: 100%; .progress { width: 290px; margin: auto; .progress-info { display: flex; justify-content: space-between; margin: 25px 0 8px; } .unfinished { color: #aaa; } .finished { color: #f8b551; font-weight: bold; } .progress-pic { height: 14px; background: url(../../images/3steps-1.png) no-repeat center; margin-bottom: 20px; } .progress-new { background: url(../../images/3steps-2.png) no-repeat center; } .progress-fin { background: url(../../images/3steps-3.png) no-repeat center; } } form { width: 286px; margin: auto; input { width: 256px; height: 42px; outline: none; border: 1px solid #C7C7C7; border-radius: 2px; margin-bottom: 16px; padding: 0 15px; } input::-webkit-input-placeholder { color: #c9c9c9; } input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #c9c9c9; } input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #c9c9c9; } input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #c9c9c9; } .tips{ display: inline-block; font-size: 12px; color: #dd0f0f; position: absolute; top: 278px; } .yanzm { position: relative; input { width: 161px; position: relative; padding: 0 110px 0 15px; } .getMsg { display: inline-block; width: 95px; height: 44px; line-height: 44px; text-align: center; // background: #dde8ef; font-size: 14px; color: #2871FA; cursor: pointer; vertical-align: middle; position: absolute; top: 0; right: -1px; } img { position: absolute; width: 95px; height: 44px; display: inline-block; vertical-align: middle; top: 0; right: -1px; cursor: pointer; } .disabled { border: none; color: #797676; } } .next { width: 288px; height: 40px; line-height: 40px; text-align: center; background: #D4E3FE; border-radius: 2px; color: #fff; margin: 10px auto 20px; // margin: 12px auto 20px; cursor: pointer; font-size: 16px; font-weight: bold; } .nextCor { background: #2871FA; } .nextCor:hover { background: #1A63EC; } .nextCor:active { background: #0952DA; } .suc { font-size: 14px; color: #5A5A5A; margin: 6px 0 61px; } .second { } .goLogin { margin-bottom: 32px; } .third { text-align: center; } .modifyImg { margin: 60px 0 22px; } .modifyInfo { font-size: 18px; color: #000000; letter-spacing: 0; } } } } .box2 { height: 340px; } }