.pop-box { width: 760px; height: 600px; } .reg-pop-box { width: 760px; height: 786px; overflow: hidden; } .reg-pop-box .pwd-box { margin-top: 13px; } .pop-top { width: 760px; height: 148px; background: url("../images/loginTop.png") no-repeat; } .reg-pop-top { width: 760px; height: 148px; background: url("../images/registeredTop.png") no-repeat; } .pop-content { width: 760px; height: 452px; } .pop-content-box { width: 679px; height: 362px; padding: 66px 37px 42px 44px; } .pop-content-box .pop-l { width: 433px; height: 362px; border-right: 1px solid #E5E5E5; float: left; } .pop-content-box .pop-r { float: left; width: 245px; height: 362px; } .phone-box { height: 64px; width: 395px; border-bottom: 1px solid #e5e5e5; } .phone-box label { display: inline-block; height: 59px; margin-top: 5px; line-height: 59px; width: 85px; font-size: 20px; color: #111111; } .phone-box #phone-code { height: 45px; display: inline-block; width: 305px; margin-top: -5px; font-size: 20px; } .phone-box #phone-code2 { height: 45px; display: inline-block; width: 305px; margin-top: -5px; font-size: 20px; } .phone-box #new-pwd { height: 45px; display: inline-block; width: 305px; margin-top: -5px; font-size: 20px; } .phone-box #new-pwd2 { height: 45px; display: inline-block; width: 305px; margin-top: -5px; font-size: 20px; } .phone-box #phone-Verification { height: 45px; display: inline-block; width: 190px; margin-top: -5px; font-size: 20px; } .get-code { background: linear-gradient(to right, #ff8d00, #ff5200); width: 110px; height: 40px; color: #ffffff; border-radius: 30px; } .pwd-box { height: 64px; width: 395px; border-bottom: 1px solid #e5e5e5; margin-top: 15px; } .pwd-box label { display: inline-block; height: 59px; margin-top: 5px; line-height: 59px; width: 85px; font-size: 20px; color: #111111; } .pwd-box #pwd-code { height: 45px; display: inline-block; width: 305px; margin-top: -5px; font-size: 20px; } .pop-l-bottom { width: 395px; height: 100px; } .pop-r-topText { margin-top: 15px; margin-right: 5px; } .pop-r-topText .Forgotten { float: left; text-decoration: underline; cursor: pointer; } .pop-r-topText .No-account { float: right; } .pop-r-topText .No-account .reg-text { color: #ff6600; } .login-btn { background: linear-gradient(to right, #ff8d00, #ff5200); box-shadow: 0rem 4px 3px #FFDFCD; color: #ffffff; width: 235px; height: 50px; font-size: 22px; margin-left: 80px; margin-top: 35px; border-radius: 30px; } .login-text { text-align: center; font-size: 16px; color: #B1B1B1; margin-top: 30px; } .login-text .protocol { color: #111111; text-decoration: underline; } .download-box { margin-left: 25px; position: relative; } .download-box .down-img { width: 220px; } .download-box .down-ping { position: absolute; left: 84.5px; top: 84.5px; } .down-text { text-align: center; margin-left: 25px; margin-top: 18px; color: #111111; } .more-login-box { margin-top: 30px; position: relative; text-align: center; margin-left: -25px; } .more-login-box img { margin-left: 50px; } .more-login-box .qq-text { position: absolute; left: 87px; color: #111111; bottom: -22px; } .more-login-box .weixin-text { position: absolute; right: 30px; color: #111111; bottom: -22px; } .get-Verification { position: relative; width: 108px; height: 38px; border-radius: 14px; background: #ffffff; border: 1px solid #B1B1B1; color: #B1B1B1; cursor: pointer; top: -5px; } #nick-input { height: 45px; display: inline-block; width: 305px; margin-top: -5px; font-size: 20px; } .sex-box { font-size: 20px; display: inline-block; color: #B1B1B1; } .sex-box #sex-input2 { margin-left: 10px; } #Verification-code { height: 45px; display: inline-block; width: 180px; margin-top: -5px; font-size: 20px; } input::-webkit-input-placeholder { color: #B1B1B1; } input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #B1B1B1; } input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #B1B1B1; } input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #B1B1B1; }