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