parent
8434d4c5bb
commit
4c942b619f
5 changed files with 1554 additions and 0 deletions
File diff suppressed because one or more lines are too long
@ -0,0 +1,148 @@ |
||||
/***normal***/ |
||||
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary { |
||||
display:block; |
||||
} |
||||
audio,canvas,video { |
||||
display:inline-block; |
||||
} |
||||
audio:not([controls]) { |
||||
display:none; |
||||
height:0; |
||||
} |
||||
[hidden] { |
||||
display:none; |
||||
} |
||||
html { |
||||
font-family:sans-serif; |
||||
-ms-text-size-adjust:100%; |
||||
-webkit-text-size-adjust:100%; |
||||
} |
||||
body { |
||||
margin:0; |
||||
} |
||||
a:focus { |
||||
outline:thin dotted; |
||||
} |
||||
a:active,a:hover { |
||||
outline:0; |
||||
} |
||||
h1 { |
||||
font-size:2em; |
||||
margin:0.67em 0; |
||||
} |
||||
abbr[title] { |
||||
border-bottom:1px dotted; |
||||
} |
||||
b,strong { |
||||
font-weight:bold; |
||||
} |
||||
dfn { |
||||
font-style:italic; |
||||
} |
||||
hr { |
||||
-moz-box-sizing:content-box; |
||||
box-sizing:content-box; |
||||
height:0; |
||||
} |
||||
mark { |
||||
background:#ff0; |
||||
color:#000; |
||||
} |
||||
code,kbd,pre,samp { |
||||
font-family:monospace,serif; |
||||
font-size:1em; |
||||
} |
||||
pre { |
||||
white-space:pre-wrap; |
||||
} |
||||
q { |
||||
quotes:"\201C" "\201D" "\2018" "\2019"; |
||||
} |
||||
small { |
||||
font-size:80%; |
||||
} |
||||
sub,sup { |
||||
font-size:75%; |
||||
line-height:0; |
||||
position:relative; |
||||
vertical-align:baseline; |
||||
} |
||||
sup { |
||||
top:-0.5em; |
||||
} |
||||
sub { |
||||
bottom:-0.25em; |
||||
} |
||||
img { |
||||
border:0; |
||||
} |
||||
svg:not(:root) { |
||||
overflow:hidden; |
||||
} |
||||
figure { |
||||
margin:0; |
||||
} |
||||
fieldset { |
||||
border:1px solid #c0c0c0; |
||||
margin:0 2px; |
||||
padding:0.35em 0.625em 0.75em; |
||||
} |
||||
legend { |
||||
border:0; |
||||
padding:0; |
||||
} |
||||
button,input,select,textarea { |
||||
font-family:inherit; |
||||
font-size:100%; |
||||
margin:0; |
||||
} |
||||
button,input { |
||||
line-height:normal; |
||||
} |
||||
button,select { |
||||
text-transform:none; |
||||
} |
||||
button,html input[type="button"],input[type="reset"],input[type="submit"] { |
||||
-webkit-appearance:button; |
||||
cursor:pointer; |
||||
} |
||||
button[disabled],html input[disabled] { |
||||
cursor:default; |
||||
} |
||||
input[type="checkbox"],input[type="radio"] { |
||||
box-sizing:border-box; |
||||
padding:0; |
||||
} |
||||
input[type="search"] { |
||||
-webkit-appearance:textfield; |
||||
-moz-box-sizing:content-box; |
||||
-webkit-box-sizing:content-box; |
||||
box-sizing:content-box; |
||||
} |
||||
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { |
||||
-webkit-appearance:none; |
||||
} |
||||
button::-moz-focus-inner,input::-moz-focus-inner { |
||||
border:0; |
||||
padding:0; |
||||
} |
||||
textarea { |
||||
overflow:auto; |
||||
vertical-align:top; |
||||
} |
||||
table { |
||||
border-collapse:collapse; |
||||
border-spacing:0; |
||||
} |
||||
html,body { |
||||
height:100%; |
||||
width:100%; |
||||
margin:0; |
||||
overflow:hidden; |
||||
} |
||||
#site-landing { |
||||
position:relative; |
||||
height:100%; |
||||
width:100%; |
||||
background-image:linear-gradient(to top,#30cfd0 0%,#330867 100%); |
||||
} |
@ -0,0 +1,342 @@ |
||||
/***reg**/ |
||||
@charset "utf-8"; |
||||
body{ |
||||
background-color: #3895e8; |
||||
} |
||||
.form-data{ |
||||
background-color: #ffffff; |
||||
width: 460px; |
||||
left: 50%; |
||||
margin-left: -230px; |
||||
border-radius: 5px; |
||||
box-shadow: 0 0 30px rgba(0,0,0,.1); |
||||
padding: 65px 0 30px 0; |
||||
position: fixed; |
||||
top: 15%; |
||||
} |
||||
.form-data .tel-warn{ |
||||
position: absolute; |
||||
color: #ea5d5f; |
||||
font-size: 12px; |
||||
right: 0; |
||||
top: 22px; |
||||
} |
||||
.form-data .tel-warn i{ |
||||
display: inline-block; |
||||
vertical-align: middle; |
||||
color: #ea5d5f; |
||||
font-size: 16px; |
||||
margin-top: -3px; |
||||
margin-left: 5px; |
||||
} |
||||
.form-data .p-input,.find_password .p-input{ |
||||
padding: 5px 0; |
||||
height: 44px; |
||||
box-sizing: border-box; |
||||
border-bottom: 1px solid #e5e5e5; |
||||
width: 340px; |
||||
margin: 0 auto 16px; |
||||
line-height: 14px; |
||||
display: block; |
||||
} |
||||
.form-data .code{ |
||||
width: 340px; |
||||
margin-left: 60px; |
||||
} |
||||
.form-data .code input{ |
||||
width: 200px; |
||||
} |
||||
.form-data .code img{ |
||||
width: 120px; |
||||
position: absolute; |
||||
right: 0; |
||||
bottom: 2px; |
||||
} |
||||
.form-data .code .img-err{ |
||||
right: 120px; |
||||
top: 15px |
||||
} |
||||
.form-data .code a{ |
||||
display: inline-block; |
||||
position: absolute; |
||||
width: 80px; |
||||
height: 34px; |
||||
line-height: 34px; |
||||
text-align: center; |
||||
color: #000; |
||||
left: 320px; |
||||
bottom: 0; |
||||
} |
||||
.form-data .send{ |
||||
color: #969696; |
||||
position: absolute; |
||||
right: 0; |
||||
top: 24px; |
||||
z-index: 10; |
||||
} |
||||
.form-data .send:hover{ |
||||
color: #3895e8; |
||||
} |
||||
.form-data .time{ |
||||
color: #969696; |
||||
position: absolute; |
||||
right: 0; |
||||
top: 24px; |
||||
font-size: 14px; |
||||
} |
||||
.form-data label,.find_password label{ |
||||
font-size: 14px; |
||||
position: absolute; |
||||
display: inline-block; |
||||
color: #cacaca; |
||||
top: 22px; |
||||
} |
||||
.form-data input,.find_password input{ |
||||
outline: none; |
||||
border: none; |
||||
z-index: 5; |
||||
position: absolute; |
||||
top: 13px; |
||||
width: 340px; |
||||
background-color: transparent; |
||||
font-size: 20px; |
||||
} |
||||
input[type=number] { |
||||
-moz-appearance:textfield; |
||||
} |
||||
input[type=number]::-webkit-inner-spin-button, |
||||
input[type=number]::-webkit-outer-spin-button { |
||||
-webkit-appearance: none; |
||||
margin: 0; |
||||
} |
||||
.form-data .head-logo{ |
||||
position: absolute; |
||||
top: -47px; |
||||
left: 116px; |
||||
} |
||||
.reg_checkboxline{ |
||||
font-size: 14px; |
||||
color: #cacaca; |
||||
height: 30px; |
||||
margin: 20px auto 20px; |
||||
line-height: 30px; |
||||
width: 340px; |
||||
} |
||||
.form-data .pass-warn{ |
||||
width: 400px; |
||||
color: #ea5d5f; |
||||
font-size: 14px; |
||||
margin: 0 auto; |
||||
} |
||||
.reg_checkboxline p{ |
||||
line-height: 30px; |
||||
padding: 0; |
||||
border-bottom: 0; |
||||
} |
||||
.reg_checkboxline a{ |
||||
color: #9e9e9e; |
||||
} |
||||
.reg_checkboxline a:hover{ |
||||
color: #3895e8; |
||||
} |
||||
.reg_checkboxline i.boxcol { |
||||
background: #3498db; |
||||
color: #fff; |
||||
} |
||||
.icon-ok-sign { |
||||
background: #b8c4ce; |
||||
border-radius: 2px; |
||||
margin-right: 5px; |
||||
cursor: pointer; |
||||
overflow: hidden; |
||||
width: 16px; |
||||
height: 16px; |
||||
font-size: 12px; |
||||
display: block; |
||||
margin-top: 7px; |
||||
line-height: 16px; |
||||
text-align: center; |
||||
} |
||||
.form-data .lang-btn{ |
||||
width: 340px; |
||||
font-size: 18px; |
||||
font-weight: bold; |
||||
color: white; |
||||
height: 50px; |
||||
line-height: 50px; |
||||
text-align: center; |
||||
margin: 20px auto; |
||||
display: block; |
||||
border-radius: 5px; |
||||
cursor: pointer; |
||||
background-color: #42a5f5; |
||||
} |
||||
.form-data .lang-btn.off{ |
||||
color: #a0a0a0; |
||||
background-color: #e5e5e5; |
||||
} |
||||
.bottom-info{ |
||||
width: 400px; |
||||
line-height: 18px; |
||||
font-size: 14px; |
||||
color: #cacaca; |
||||
margin: 0 auto 30px; |
||||
text-align: center; |
||||
} |
||||
.bottom-info a{ |
||||
color: #42a5f5; |
||||
} |
||||
.form-data .error{ |
||||
color: #ea5d5f; |
||||
font-size: 14px; |
||||
top: -5px; |
||||
right: 0; |
||||
position: absolute; |
||||
} |
||||
.form-data .r-forget{ |
||||
width: 340px; |
||||
margin: 0 auto; |
||||
} |
||||
.form-data .r-forget a{ |
||||
font-size: 12px; |
||||
color: #8d8d8d; |
||||
} |
||||
.form-data .r-forget a:hover{ |
||||
color: #3895e8; |
||||
} |
||||
.form-data .third-party{ |
||||
width: 400px; |
||||
margin: 0 auto; |
||||
display: flex; |
||||
justify-content: space-around; |
||||
} |
||||
.form-data .third-party .icon-qq-round{ |
||||
font-size: 40px; |
||||
color: #e5e5e5; |
||||
display: inline-block; |
||||
vertical-align: middle; |
||||
} |
||||
.form-data .third-party .icon-qq-round:hover{ |
||||
color: #42a5f5; |
||||
} |
||||
.form-data .third-party .icon-weixin:hover{ |
||||
color: #0fccbc; |
||||
} |
||||
.form-data .third-party .icon-sina1:hover{ |
||||
color: #da2a2e; |
||||
} |
||||
.form-data .third-party .icon-weixin{ |
||||
font-size: 40px; |
||||
color: #e5e5e5; |
||||
display: inline-block; |
||||
vertical-align: middle; |
||||
} |
||||
.form-data .third-party .icon-sina1{ |
||||
font-size: 36px; |
||||
color: #e5e5e5; |
||||
display: inline-block; |
||||
vertical-align: middle; |
||||
} |
||||
.form-data .change-login{ |
||||
width: 400px; |
||||
margin: 0 auto 10px; |
||||
display: flex; |
||||
justify-content: space-around; |
||||
font-size: 14px; |
||||
color: #cacaca; |
||||
} |
||||
.form-data .change-login p{ |
||||
cursor: pointer; |
||||
} |
||||
.form-data .change-login p.on{ |
||||
color: #76b9f7; |
||||
} |
||||
.find_password{ |
||||
background-color: #ffffff; |
||||
width: 460px; |
||||
border-radius: 5px; |
||||
box-shadow: 0 0 30px rgba(0,0,0,.1); |
||||
padding: 30px 0; |
||||
left: 50%; |
||||
margin-left: -230px; |
||||
position: fixed; |
||||
top: 15%; |
||||
z-index: -100; |
||||
opacity: 0; |
||||
} |
||||
.find_password h4{ |
||||
font-size: 18px; |
||||
color: #42a5f5; |
||||
text-align: center; |
||||
width: 400px; |
||||
margin: 0 auto; |
||||
} |
||||
.find_password .right_now{ |
||||
width: 380px; |
||||
text-align: right; |
||||
margin: 20px auto 30px; |
||||
font-size: 12px; |
||||
color: #cacaca; |
||||
} |
||||
.find_password .right_now a{ |
||||
color: #42a5f5; |
||||
} |
||||
.find_password .pc-very,.find_password .pc-code{ |
||||
display: none; |
||||
} |
||||
.find_password .very2{ |
||||
font-size: 14px; |
||||
position: absolute; |
||||
display: inline-block; |
||||
color: #cacaca; |
||||
top: 14px; |
||||
right: 0; |
||||
} |
||||
#pc_reset,#pc_reset2{ |
||||
width: 280px; |
||||
} |
||||
.pc_reset span{ |
||||
display: inline-block; |
||||
font-size: 14px; |
||||
position: absolute; |
||||
/* color: #cacaca; */ |
||||
top: 14px; |
||||
right: 0; |
||||
} |
||||
.error-tip{ |
||||
position: absolute; |
||||
right: 0; |
||||
top: 15px; |
||||
color: #ea5d5f; |
||||
font-size: 14px; |
||||
/* width: 400px; */ |
||||
margin: 0 auto; |
||||
display: none; |
||||
} |
||||
.find_password .jihuo_email{ |
||||
width: 400px; |
||||
text-align: center; |
||||
font-size: 14px; |
||||
color: #8d8d8d; |
||||
margin: 0 auto; |
||||
} |
||||
.find_password .again{ |
||||
width: 400px; |
||||
color: #cacaca; |
||||
font-size: 12px; |
||||
text-align: center; |
||||
margin: 0 auto; |
||||
} |
||||
.find_password .again a{ |
||||
color: #42a5f5; |
||||
} |
||||
.wrap .right{ |
||||
position: absolute; |
||||
width: 1180px; |
||||
bottom: -80px; |
||||
text-align: center; |
||||
line-height: 40px; |
||||
left: 50%; |
||||
margin-left: -590px; |
||||
color: rgba(0,0,0,.3); |
||||
} |
Loading…
Reference in new issue