<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>126</title>
<style>
* {
margin: 0;
padding: 0;
}
#top {
/*background-color: #999999;*/
height: 70px;
padding: 0 40px;
}
#top-left {
/*width: 400px;*/
float: left;
/*height: 100%;*/
/*background-color: #f18d8d;*/
}
#logo {
width: 50%;
/*height: 100%;*/
/*background-color: #64854c;*/
text-align: center;
/*line-height: 85px;*/
margin-top: 18px;
float: left;
}
#logo img {
width: 144px;
height: 32px;
}
#inner-logo-right {
height: 30px;
width: 100%;
padding-left: 10px;
/*background-color: red;*/
line-height: 30px;
color: #888888;
text-align: center;
margin-top: 18px;
margin-left: 20px;
border-left: 1px solid #cccccc;
}
#top-right {
float: right;
/*background-color: red;*/
/*width: 390px;*/
height: 100%;
line-height: 65px;
}
#logo-right {
width: 50%;
float: right;
}
#content {
/*background-color: #777777;*/
background-color: #9962F9;
background-repeat: no-repeat;
height: 640px;
background-image: url("https://mail-activity.nosdn.127.net/a9045cc3-f472-46e0-8e0c-319e7e03ed6d");
background-position: center center;
position: relative;
}
#content-left {
float: left;
width: 50%;
height: 100%;
/*background-color: red;*/
}
#content-right {
float: right;
width: 50%;
/*background-color: black;*/
height: 100%;
/*text-align: center;*/
}
#login-board {
width: 400px;
height: 540px;
background-color: white;
margin-top: 50px;
margin-left: 100px;
border-radius: 6px;
position: relative;
}
#login-title {
text-align: center;
font-size: 20px;
line-height: 100px;
font-weight: bold;
}
#login-content {
padding-left: 30px;
padding-right: 30px;
/*background-color: #5e5e5e;*/
}
#login-content img {
float: left;
/*background-color: red;*/
margin: 15px;
}
.input {
margin-top: 25px;
/*background-color: red;*/
border: 1px solid #dadada;
line-height: 46px;
background-color: white;
}
.item {
margin-top: 25px;
}
.input input {
border: none;
outline: none;
font-weight: bold;
font-size: 18px;
width: 190px;
}
.input input::-webkit-input-placeholder {
color: #dbdbdb;
font-weight: normal;
font-size: 15px;
}
.check {
width: 20px;
height: 20px;
border-color: #d0d0d0;
margin-left: 2px;
vertical-align: middle;
}
.link, .link:visited, .link:hover, .link:active {
font-size: 13px;
color: #666666;
text-decoration: none;
padding-left: 12px;
}
.item-left {
float: left;
}
.item-right {
float: right;
color: #52a66e;
}
#item-right, #item-left {
font-size: 15px;
}
#login-btn, #login-btn:visited, #login-btn:hover, #login-btn:active {
background-color: #299e59;
display: block;
text-align: center;
width: 340px;
line-height: 50px;
text-decoration: none;
color: white;
font-size: 20px;
border-radius: 5px;
}
#login-btn:hover {
background-color: #3cac6c;
}
#qr-code {
width: 50px;
height: 50px;
position: absolute;
right: 10px;
top: 10px;
}
#ad {
position: absolute;
background-color: #fafafa;
width: 100%;
text-align: center;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
line-height: 30px;
bottom: 0;
}
#ad img {
width: 340px;
height: 40px;
/*margin-top: 15px;*/
padding-top: 15px;
padding-bottom: 8px;
/*background-color: black;*/
}
#bottom {
/*background-color: #666666;*/
height: 56px;
padding-top: 50px;
text-align: center;
font-size: 13px;
color: #666666;
}
#bottom a {
padding: 0 10px !important;
}
.a-border {
border-left: #cecece 1px solid;
}
.switch {
position: absolute;
width: 25px;
height: 25px;
}
.next {
left: 638px;
top: 569px;
}
.front {
left: 608px;
top: 569px;
}
</style>
</head>
<body>
<div id="top">
<div id="top-left">
<div id="logo">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASQAAAA+CAMAAAC1HZaXAAAAtFBMVEVHcExdemYefz82NjY3Nzd8joE3Sj1QZVc3Nzc2NjY3NzeLi4s2NjYggUE3NzeJiYk2NjY5OTk3Nzc2NjaJiYk5OTmJiYk3Nzcefj6IiIg2NjaIiIg2NjY3Nzc4ODiJiYmJiYmJiYmKioofgEAefz4efz4jfkKKioqJiYkegD83NzcegD8efz4ffz+Kiooefj6JiYkefz4efz6JiYkffz8ggUAffz8ffz9ZWVkefj42NjaIiIgGB5opAAAAOHRSTlMACMzUQQMYEJ7K4R++OV2zryZs9IszmXXh5/v17I5MpdfHMUn47SBHe4qCmNhmV8BjtKdsfi9Zc8L8LJkAAA2bSURBVHja7ZsHk6JKF4ZhsEGREUyoiDnMmMPoTIn//399pxOxG3Dv3aq7W9+pXVdJ0g+n3xPaVRSZqd875f+Wa/pt9bjGN6wXh83uerlcdz+L9f/5gN2vy8fj8RMCOlxXj7j1d+/lLvTeT9vi7yCEvk8UBR2PcTg9BPb2jYovtV6lT7v+FYiMnz4fEJ1V/YfE3gq9ydinz+kbv3ZXzW2vlbDetps8Yjvq5pzvOHi3Y40qmV3VmtN67WbWu2U4oCVxFeMht02+M6GsC8q4alpNYJrZYPu7QcbGyefRDgJTjskKPB14BEEzC0m0MccWl4SnUFXJgfS4qHmX22Wpyg7VArFxEs3srqRPtIKgPVZyIJmER1sRQOIbDV03DHjR11J/Vw97kXwc8iA9TjmUfrITVH0VUiWCVOvFrJaCpPuBN9apNbt6xE6ziPlBm7x65JNm6iJI2/BrG5J5tsloLA1um1xID3kutcgcu7wrOZDGlbRpCUjV1ByJQ0JWnKwfOUJPAh+JILXC3bowUl+X2fHT4HbKh/T4lmUR2SselDxI9MaM2O3XEpCsRsxSnjSSqVXDqRIzgza8aoFHP3iKBJJvmmYQaKKQ/yYcfkFwY7YSz189e95FKQGp59MoNdpW1CSkHE0CRtqYGrx1cjTJJ6GOQTKqIzAgh/8ZVTEkuOg45bR0WkgwLJWi4EbtJhS4LPeVXgCpYY3xAIKaCt4Ez7OmlYOEYO5xkVG1oB2PVajba2HP0wIfXq2gzdyQji28lgd/2wzSSCRJV1kaVBzcaOojyAPQRTZ75ZDgFmsETstqkfvvJj3J6cbMie2Cw/xmpEFb+HrV0NW0ziSMuD9KbDIZJE0kSftcST4UQhKNfvOKwnNPAvGt6DBx4H5RBTQopUnxOYAi4W61xRhozoSAWs1xHD/w4RXEyMFm1SgGIN9sOuB7zWabQzJEkqQuJWP/keQ6JZIfAdm9Wgipi8UZZBcANHrY55OQTMuxuMGg2S4ctn1TCglPnjGJAVakSaER8lS4fQ4JJGmUjUL5DnIqhnTKxMrlK9E/Em6gUwt8tekFGmirEYOEmCZ5XiaGNTyzCfk0yZ6AiEXeaGEWDZtaoOd+UINX0CSm742WDNIonctj+5aNnQa3VTGkfWFVG2so5EFqYgTktgM82+KeVMm6ClfXsQ6xq82P6tFSLYRUlSRKjgySxgSrSD5oMCJPkAa3/XV3+7ntJOrVLwxsjxMqAwmPDWMhsFoJSEbT0OHjyOCmN/V4gKeQGhydw8UXVbUaTE9c2EEtCBk3qQlNBlMASShJyiV3EkFw69/CqfJ+KuFJgmi5KuzSUUigSm3EHr+egASJVy2dvxh6GlKPn+Aki1bYrqmhJhlYyMYSSGPiw2nr5wU3dOgfUEFoZ7mCvGKTZ+VpSKA8XhMnN/RxxiGBqmTMSkMacb1OQKrAdcymEkJqmR5zNHgmpom9DKfZFBJySBKRVllm30IVuatFH
评论0