< type="text/css">
#singleLogin {
width: 442px;
}
#singleLogin,
.mainboard {
border-radius: 30px;
background-color: #fff;
}
#coverageContent {
border-radius: 30px;
}
#singleLogin h2 {
margin: 0;
padding: 20px 0;
}
.mainboard {
padding: 44px;
width: calc(442px - 88px);
}
#login-main {
height: calc(600px - 88px);
margin: 0;
float: none;
position: static;
width: 100%;
text-align: center;
}
#login-main .cap {
position: static;
}
#login-main #login-Window {
width: auto;
left: 0;
position: static;
box-shadow: none;
}
#third-login {
box-shadow: none;
}
.login-error {
position: absolute;
left: 0;
width: 100%;
top: -20px;
}
#coverageContent .closed {
display: none;
color: #ccc;
top: 6px;
right: 3px;
}
#weixinQr2 {
position: absolute;
padding-top: 20px;
width: 100%;
height: 100%;
text-align: center;
z-index: 30;
background-color: #fff;
display: none;
}
.loginTypeBox {
padding-left: 20px;
}
.loginTypeBox ul {
display: flex;
}
#weixinQr2 iframe {
position: relative;
}
#login-apple {
height: 20px !important;
background-image: url("/Images/common/apple_logo.png");
padding-left: 22px;
cursor: pointer;
background-position: 0 -1px;
background-size: contain;
background-repeat: no-repeat;
}
.loginTitle {
color: #000000;
font-size: 26px;
margin-bottom: 40px;
font-weight: 700;
}
#coverageContent .closed {
color: #93979e;
top: 10px;
right: 10px;
font-size: 17px;
font-weight: normal;
}
#third-login li a,
#third-login li {
width: fit-content;
line-height: normal;
height: auto;
display: inline-flex;
align-items: center;
padding-left: 0;
flex: 1;
margin-right: 0;
justify-content: center;
}
#third-login li img {
width: 24px;
height: 24px;
margin-right: 5px;
}
#login-apple,
#login-weixin,
#login-weibo,
#login-qq {
background: none;
}
#login-Window .bottom a {
color: #000;
}
#login-main #login-Window,
#third-login {
border: none;
box-shadow: none;
}
#login-Window .bottom {
border-top: 0;
height: 0;
line-height: normal;
}
#login-Window .input-username,
#login-Window .input-password {
outline: none;
border: none;
appearance: none;
width: 100%;
height: 45px;
line-height: 45px;
border-radius: 10px;
margin-bottom: 26px;
box-sizing: border-box;
border: 1px solid #E6E6E6;
}
#login-Window #loginForm {
height: auto;
color: #000000;
}
#registForm ol#loginForm ol {
padding-left: 0;
padding-top: 0;
}
#registForm li#loginForm li {
line-height: normal;
position: relative;
}
#login-Window .label-username {
padding-top: 0;
}
#login-Window input.btn-submit {
width: 100%;
height: 45px;
position: inherit;
font-size: 18px;
color: #FFFFFF;
cursor: pointer;
line-height: 45px;
border-radius: 10px;
}
.loginInfo {
display: flex;
margin-top: 20px;
align-items: center;
font-size: 14px;
}
#login-Window .label-rememberme {
position: inherit;
flex: 1;
align-items: center;
}
#coverage {
cursor: pointer;
z-index: 9999;
}
#coverageContent {
z-index: 10000;
top: 50%;
margin-left: 0 !important;
left: 50%;
transform: translate(-50%-50%) !important;
}
.mainboard.en .centertext .sep,
.mainboard.en .centertext a {
color: #3ba2f8;
}
.mainboard.en #login-Window input.btn-submit {
background-color: #3ba2f8;
}
.mainboard.fr .centertext .sep,
.mainboard.fr .centertext a {
color: #127ac1;
}
.mainboard.fr #login-Window input.btn-submit {
background-color: #127ac1;
}
.mainboard.de .centertext .sep,
.mainboard.de .centertext a {
color: #2e9f14;
}
.mainboard.de #login-Window input.btn-submit {
background-color: #2e9f14;
}
.mainboard.es .centertext .sep,
.mainboard.es .centertext a {
color: #c64e64;
}
.mainboard.es #login-Window input.btn-submit {
background-color: #c64e64;
}
#login-Window input.checkbox-rememberme {
width: 16px;
height: 16px;
margin: 0 10px 0 0;
line-height: 16px;
border-radius: 0;
cursor: pointer;
background-position: center center !important;
background-repeat: no-repeat;
background-size: cover !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
}
.mainboard.en #login-Window input.checkbox-rememberme.selected {
background: url("https://static.eudic.net/web/account/en_select_hover.png");
}
.mainboard.de #login-Window input.checkbox-rememberme.selected {
background: url("https://static.eudic.net/web/account/de_select_hover.png");
}
.mainboard.fr #login-Window input.checkbox-rememberme.selected {
background: url("https://static.eudic.net/web/account/fr_select_hover.png");
}
.mainboard.es #login-Window input.checkbox-rememberme.selected {
background: url("https://static.eudic.net/web/account/es_select_hover.png");
}
#login-Window input.checkbox-rememberme.noselected {
background: url("https://static.eudic.net/web/account/select_default.png");
}
.loginTypeBox {
padding-left: 0;
}
.loginOtherUl {
display: flex;
}
.loginOtherUl li a {
color: #000;
font-size: 15px;
}
#third-login {
width: calc(100% - 88px);
position: absolute;
bottom: 5px;
left: 50%;
transform: translate(-50%0);
}
#third-login ul {
height: auto;
overflow: auto;
}
.lognTypeTit {
display: block;
font-size: 15px;
color: #000;
margin-bottom: 18px;
}
QQ
微博
微信
Apple
华为