.InfoBg{ width: 100%; height: 100%; background-image: url('./images/背景.png'); background-size: cover; background-repeat: no-repeat; position: relative; .loginBg{ position: absolute; top: 40%; left: 40%; margin-left: -385px; margin-top: -226px; width: 1101px; height: 646px; background-image: url('./images/标题.png'); background-size: 100% 100%; background-repeat: no-repeat; .IBcenter{ width: 100%; height: 596px; margin-top: 50px; .IBCleft{ width: 682px; height: 100%; background-image: url('./images/左图.png'); background-size: 100% 100%; background-repeat: no-repeat; float: left; } .IBCright{ width: 419px; height: 100%; float: left; background: rgba(255,255,255,0.8); .IBlogoc{ height: 74px; width: 100%; text-align: end; img{ height: 74px; width: 74px; cursor: pointer; } } .IBLogoForm{ .IBlogo{ height: 100px; width: 100%; text-align: center; img{ height: 100px; width: 100px; } } .QrcodeCont{ text-align: center; height: 360px; width: 100%; padding-top: 80px; img{ width: 211px; height: 211px; } } .qrcodedis{ display: flex; padding: 0px 40px 0px 105px; img{ width: 48px; height: 40px; margin-top: 10px; } .textCont{ margin-left: 25px; font-size: 16px; p{ margin-bottom: 5px; color: #333333; .lastText{ margin-left: 5px; color: #1568BA; } } } } } } } .IBtitle{ width: 100%; height: 10.5%; text-align: center; img{ width: 70%; height: 100%; } } .title{ font-family: SourceHanSansCN-Medium; font-weight: bold; color: #43484D; position: absolute; top: 21px; right: 50%; margin-right: -285px; line-height: 1; width: 570px; text-align: center; overflow-wrap: break-word; font-size: 24px; img{ margin-right: 14px; } } .ddCode{ position: absolute; top: 50px; right: -9px; cursor: pointer; } .titleImg { position: absolute; top: 132px; right: 133px; } .loginForm{ width: 280px; margin: 9% auto 25%; .formgroup{ position: relative; line-height: 1; display: flex; align-items: center; .IBCRimg{ top: 33px; } img{ position: absolute; left: 10px; top: 50%; } .eyes{ left: 89%; margin-top: 10px; cursor: pointer; } input[type="checkbox"] { width: 12px; height: 12px; } input { font-size: 16px; outline: 0; } span { position: relative; top: 0px; } .formControl{ display: block; width: 100%; } .inputLg{ padding-left: 42px; color: #2D3033; border: none; box-shadow: none; border-radius: 0; padding: 10px 50px; line-height: 1.3333333; margin-top: 21px; } } .logoBtn{ margin-top: 50px; height: 45px; width: 100%; padding-left: 30px; .submitBtn { width: 220px; background-color: #1568BA !important; border: none !important; color: #fff !important; outline: none !important; border-color: transparent !important; height: 45px; line-height: 45px; font-size: 18px; text-align: center; cursor: pointer; border-radius: 23px; } } } .login_container { position: absolute; top: 59%; left: 52%; margin-left: 150px; margin-top: -219px; width: 400px; height: 500px; } .wxlogin_container{ position: absolute; top: 60%; left: 55%; margin-left: 150px; margin-top: -219px; width: 300px; height: 300px; background: #fff; } .changeCode { position: absolute; top: 80%; left: 75%; align-items: center; font-size: 14px; display: flex; } } .IBCRnamec{ margin-top: 15%; height: 22px; font-size: 22px; letter-spacing: 1px; font-family: PingFang SC; font-weight: bold; color: #0599F4; line-height: 37px; text-align: center; margin-bottom: 0; } .IBCRnameE{ height: 9px; font-size: 1px; color: #0599F4; line-height: 32px; text-align: center; } .rmpwdInput{ display: inline-block; width: 20px; height: 20px; border-radius: 10px; border: 1px solid #0599F4; position: relative; cursor: pointer; margin-left: 8px; span{ font-size: 12px; color: #fff; visibility: hidden; position: absolute; top: 3px; left: -7px; } } .active{ display: inline-block; width: 20px; height: 20px; border-radius: 10px; border: 1px solid #0599F4; position: relative; cursor: pointer; background-color: #0599F4; margin-left: 10px; span{ visibility: visible; color: #fff; font-size: 15px; color: #fff; position: absolute; top: 3px; left: 1px; font-weight: bold; } } .codeBox{ width: 34px; height: 34px; position: absolute; right: -34px; bottom: 0px; background: rgba(255, 255, 255, 0.7); padding: 6px; border-radius: 0 3px 3px 0; cursor: pointer; } .codeImg{ width: 23px; } .codeBig{ width: 128px; height: 150px; position: absolute; bottom: 0; left: 0px; background: rgba(255, 255, 255, 0.7); padding: 6px; display: none; justify-content: space-around; span{ font-size: 12px; font-weight: 100; } } .codeBox:hover .codeBig{ display: block; } .codeBox:hover .codeImg{ display: none; } .codeText{ font-size: 14px; font-family: PingFang SC; font-weight: bold; color: #121F2B; text-align: center; line-height: 24px; } .codeBox:hover .codeBig { display: flex; } .IBtimeBox{ .TitleCont{ padding: 24px 0px 0px 32px; img{ width: 496px; height: 56px; } } } .IBTtime{ position: absolute; width: 88px; height: 26px; font-size: 32px; font-family: Microsoft YaHei UI; font-weight: 400; color: #FFFFFF; line-height: 34px; top: 34px; right: 130px; } .IBTweek{ position: absolute; top: 25px; right: 69px; height: 15px; font-size: 16px; font-family: Source Han Sans CN; font-weight: 200; color: #FFFFFF; line-height: 30px; } .IBTdate{ position: absolute; top: 46px; right: 36px; width: 80px; height: 13px; font-size: 14px; font-family: Microsoft YaHei UI; font-weight: 300; color: #FFFFFF; line-height: 30px; } }