ocat
<!DOCTYPE html>
<html lang="zh-CN" >
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>OCAT 运维采集分析系统 - 登录</title>
<link rel="stylesheet" href="./login/las-login.css">
</head>
<body class="las-login-background"> <div class="index-main">
<div class="index-main-body">
<div class="index-header">
<h1 class="las-title"><img src=./login/logo.png></h1>
</br>
<h3 ></h3>
</div> <div class="desk-front sign-flow clearfix sign-flow-simple"> <div class="view view-signin" data-za-module="SignInForm" style="display: block;">
<form method="POST" novalidate="novalidate">
<div class="group-inputs"> <div class="email input-wrapper"> <input type="text" name="account" aria-label="工号后8位" placeholder="工号后8位" required="">
</div>
<div class="input-wrapper">
<input type="password" name="password" aria-label="人事在线密码" placeholder="人事在线密码" required="">
</div> </div>
<div class="button-wrapper command">
<button class="sign-button submit" type="submit">登录</button>
</div>
<div class="signin-misc-wrapper clearfix">
<label class="remember-me">
<input type="checkbox" name="remember_me" checked="" value="true"> 记住我
</label>
<a class="unable-login" href="#">无法登录?</a>
</div>
</form> </div>
</div>
</div> </div>
<div class="footer">
<span id="nameerr" style="font-family: arial;">Copyright © 2016
网管测试部. All rights reserved.</span>
</div>
</body></html>
body,ul,ol,li,p,h1,h2,h3,h4,h5 {
margin:;
padding:0
}
button,input,select,textarea {
margin:;
font-family:inherit;
font-size:100%
}
img {
border:0
}
a {
text-decoration:none
}
a:hover {
text-decoration:underline
}
html.touchevents a:hover {
text-decoration:none
}
object:not([data]) {
display:none
}
[hidden] {
display:none!important
}
.hidden {
display:none
}
.centered-block {
text-align:center;
white-space:nowrap;
height:100%
}
.las-title{
color:#008FD4;
}
.centered-block:before {
content:'';
display:inline-block;
height:100%;
vertical-align:middle;
margin-right:-.25em
}
.centered-block-inner {
display:inline-block;
vertical-align:middle;
text-align:left;
white-space:normal
}
.text-center {
text-align:center
}
.text-right {
text-align:right
}
.text-muted {
color:#999
}
.clearfix {
*zoom:1
}
.clearfix:before,.clearfix:after {
display:table;
content:""
}
.clearfix:after {
clear:both
}
.hide-text {
font:0/0 a;
color:transparent;
text-shadow:none;
background-color:transparent;
border:0
}
.
.ellipsis {
word-wrap:normal;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.sr-only {
position:absolute;
width:1px;
height:1px;
margin:-1px;
padding:;
overflow:hidden;
clip:rect(0,0,0,0);
border:0
}
.z-ico-play-video,.z-ico-wechat-right-panel,.z-ico-show-password,.z-ico-hide-password,.z-ico-weibo,.z-ico-wechat-unlogin-page,.z-ico-weibo-share,.z-ico-wechat-share,.z-ico-green-check,.z-ico-gray-check,.z-ico-daily-share,.z-ico-qq,.z-ico-wechat,.z-ico-textedit,.z-ico-shameimaru-close,.z-ico-left,.z-ico-close,.z-ico-community:hover,.z-ico-community,.z-ico-video,.z-ico-extern-gray,.z-ico-extern-blue {
background-image:url(/static/revved/img/compiled/icons_a9b07ecead.261e7c3b.png);
background-repeat:no-repeat;
background-size:108px 93px
}
@media screen and (-webkit-min-device-pixel-ratio:1),screen and (min--moz-device-pixel-ratio:1),screen and (min-device-pixel-ratio:1),screen and (min-resolution:1dppx) {
.z-ico-play-video,.z-ico-wechat-right-panel,.z-ico-show-password,.z-ico-hide-password,.z-ico-weibo,.z-ico-wechat-unlogin-page,.z-ico-weibo-share,.z-ico-wechat-share,.z-ico-green-check,.z-ico-gray-check,.z-ico-daily-share,.z-ico-qq,.z-ico-wechat,.z-ico-textedit,.z-ico-shameimaru-close,.z-ico-left,.z-ico-close,.z-ico-community:hover,.z-ico-community,.z-ico-video,.z-ico-extern-gray,.z-ico-extern-blue {
background-image:url(/static/revved/img/compiled/icons_a9b07ecead.261e7c3b.png)
}
}@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min--moz-device-pixel-ratio:2),screen and (min-device-pixel-ratio:2),screen and (min-resolution:2dppx) {
.z-ico-play-video,.z-ico-wechat-right-panel,.z-ico-show-password,.z-ico-hide-password,.z-ico-weibo,.z-ico-wechat-unlogin-page,.z-ico-weibo-share,.z-ico-wechat-share,.z-ico-green-check,.z-ico-gray-check,.z-ico-daily-share,.z-ico-qq,.z-ico-wechat,.z-ico-textedit,.z-ico-shameimaru-close,.z-ico-left,.z-ico-close,.z-ico-community:hover,.z-ico-community,.z-ico-video,.z-ico-extern-gray,.z-ico-extern-blue {
background-image:url(/static/revved/img/compiled/icons@2x_a9b07ecead.58bad5a6.png)
}
}.z-ico-play-video {
background-position:-1px -1px;
width:38px;
height:38px
}
.z-ico-wechat-right-panel {
background-position:-41px -1px;
width:24px;
height:22px
}
.z-ico-show-password {
background-position:-41px -25px;
width:21px;
height:13px
}
.z-ico-hide-password {
background-position:-1px -41px;
width:21px;
height:13px
}
.z-ico-weibo {
background-position:-67px -1px;
width:20px;
height:16px
}
.z-ico-wechat-unlogin-page {
background-position:-67px -19px;
width:20px;
height:18px
}
.z-ico-weibo-share {
background-position:-1px -56px;
width:18px;
height:18px
}
.z-ico-wechat-share {
background-position:-21px -56px;
width:18px;
height:18px
}
.z-ico-green-check {
background-position:-41px -56px;
width:18px;
height:18px
}
.z-ico-gray-check {
background-position:-61px -56px;
width:18px;
height:18px
}
.z-ico-daily-share {
background-position:-89px -1px;
width:18px;
height:18px
}
.z-ico-qq {
background-position:-89px -21px;
width:17px;
height:16px
}
.z-ico-wechat {
background-position:-89px -39px;
width:16px;
height:15px
}
.z-ico-textedit {
background-position:-89px -56px;
width:16px;
height:16px
}
.z-ico-shameimaru-close {
background-position:-1px -76px;
width:16px;
height:16px
}
.z-ico-left {
background-position:-19px -76px;
width:16px;
height:16px
}
.z-ico-close {
background-position:-37px -76px;
width:16px;
height:16px
}
.z-ico-container:hover .z-ico-community,.z-ico-community:hover {
background-position:-67px -39px;
width:14px;
height:13px
}
.z-ico-community {
background-position:-24px -41px;
width:14px;
height:13px
}
.z-ico-video {
background-position:-40px -41px;
width:13px;
height:12px
}
.z-ico-extern-gray {
background-position:-55px -41px;
width:7px;
height:7px
}
.z-ico-extern-blue {
background-position:-55px -76px;
width:7px;
height:7px
}
@-webkit-keyframes fadeIn {
from {
opacity:;
-ms-filter:"alpha(Opacity=0)"
}
to {
opacity:;
-ms-filter:"alpha(Opacity=100)"
}
}@keyframes fadeIn {
from {
opacity:;
-ms-filter:"alpha(Opacity=0)"
}
to {
opacity:;
-ms-filter:"alpha(Opacity=100)"
}
}@-webkit-keyframes fadeInUp {
from {
opacity:;
-ms-filter:"alpha(Opacity=0)";
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
to {
opacity:;
-ms-filter:"alpha(Opacity=100)";
-webkit-transform:none;
transform:none
}
}@keyframes fadeInUp {
from {
opacity:;
-ms-filter:"alpha(Opacity=0)";
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
to {
opacity:;
-ms-filter:"alpha(Opacity=100)";
-webkit-transform:none;
transform:none
}
}.fadeInUp {
-webkit-animation-name:fadeInUp;
animation-name:fadeInUp;
-webkit-animation-duration:.2s;
animation-duration:.2s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both
}
@-webkit-keyframes fadeOut {
from {
opacity:;
-ms-filter:"alpha(Opacity=100)"
}
to {
opacity:;
-ms-filter:"alpha(Opacity=0)"
}
}@keyframes fadeOut {
from {
opacity:;
-ms-filter:"alpha(Opacity=100)"
}
to {
opacity:;
-ms-filter:"alpha(Opacity=0)"
}
}@-webkit-keyframes fadeOutDown {
from {
opacity:;
-ms-filter:"alpha(Opacity=100)"
}
to {
opacity:;
-ms-filter:"alpha(Opacity=0)";
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
}@keyframes fadeOutDown {
from {
opacity:;
-ms-filter:"alpha(Opacity=100)"
}
to {
opacity:;
-ms-filter:"alpha(Opacity=0)";
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
}.fadeOutDown {
-webkit-animation-name:fadeOutDown;
animation-name:fadeOutDown;
-webkit-animation-duration:.2s;
animation-duration:.2s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both
}
.zg-btn-blue,.zg-btn-green,.zg-btn-red,.zg-btn-white,.zg-btn-disabled {
font-size:14px;
line-height:1.7;
text-decoration:none!important;
vertical-align:middle;
display:inline-block;
_display:inline!important;
text-align:center;
padding:4px 10px;
cursor:pointer;
border-radius:3px;
white-space:nowrap;
box-sizing:border-box
}
.zg-btn-blue.disabled,.zg-btn-green.disabled,.zg-btn-red.disabled,.zg-btn-white.disabled,.zg-btn-disabled.disabled,.zg-btn-blue[disabled],.zg-btn-green[disabled],.zg-btn-red[disabled],.zg-btn-white[disabled],.zg-btn-disabled[disabled] {
background:#eee;
color:#888!important;
border:1px solid #ddd;
cursor:not-allowed;
text-shadow:none;
box-shadow:none!important
}
.zg-btn-blue.disabled:active,.zg-btn-green.disabled:active,.zg-btn-red.disabled:active,.zg-btn-white.disabled:active,.zg-btn-disabled.disabled:active,.zg-btn-blue[disabled]:active,.zg-btn-green[disabled]:active,.zg-btn-red[disabled]:active,.zg-btn-white[disabled]:active,.zg-btn-disabled[disabled]:active {
background:#eee;
border-color:#ccc
}
.zg-btn {
display:block;
text-align:center;
min-width:78px;
font-size:12px;
text-decoration:none!important;
padding:1px;
font-weight:;
line-height:18px;
border-radius:3px;
cursor:pointer;
box-sizing:border-box
}
.zg-btn-disabled {
cursor:default!important
}
.zg-btn-white.zu-button-more {
display:block;
font-size:13px;
margin:20px 0;
padding:5px 1px
}
.zu-button-more.loading {
cursor:not-allowed
}
.zm-command>.zg-btn-blue,.zm-command>.zg-btn-green,.zm-command>.zg-btn-white,.zm-command>.zg-btn-disabled {
vertical-align:baseline
}
.zg-btn-blue {
color:#fff!important;
text-shadow:0 -1px 0 rgba(0,0,0,.5);
background:#1472cf;
background:-webkit-linear-gradient(top,#1d7fe2,#0865c2);
background:linear-gradient(to bottom,#1d7fe2,#0865c2);
border:1px solid #0D6EB8;
box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 1px 0 rgba(0,0,0,.2)
}
.zg-btn-blue:active {
background:#1a70c7;
background:-webkit-linear-gradient(top,#1a79d9,#1a70c7);
background:linear-gradient(to bottom,#1a79d9,#1a70c7);
box-shadow:0 1px 2px rgba(255,255,255,.15) inset
}
.zg-btn-red {
color:#fff!important;
text-shadow:0 -1px 0 rgba(0,0,0,.5);
background:#e55345;
background:-webkit-linear-gradient(top,#e96249,#e03c40);
background:linear-gradient(to bottom,#e96249,#e03c40);
border:1px solid #cf2b28;
box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 1px 0 rgba(0,0,0,.2)
}
.zg-btn-red:active {
background:#e55039;
background:-webkit-linear-gradient(top,#e7563b,#e04735);
background:linear-gradient(to bottom,#e7563b,#e04735);
box-shadow:0 1px 2px #9C3522 inset
}
.zg-btn-green,.zg-btn-follow {
width:auto;
_width:78px;
min-width:78px;
color:#3e5e00!important;
text-shadow:0 1px 0 rgba(255,255,255,.3);
background:#8ab923;
background:-webkit-linear-gradient(top,#adda4d,#86b846);
background:linear-gradient(to bottom,#adda4d,#86b846);
border:1px solid #6d8f29;
box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 1px 0 rgba(0,0,0,.2)
}
.zg-btn-green:active,.zg-btn-follow:active {
background:#79a814;
background:-webkit-linear-gradient(top,#9ac244,#78a53e);
background:linear-gradient(to bottom,#9ac244,#78a53e);
box-shadow:0 1px 2px rgba(0,0,0,.3) inset
}
.zg-btn-white {
color:#666!important;
text-shadow:0 1px 0 #fff;
background:#f1f1f2;
background:-webkit-linear-gradient(top,#f8f8f9,#e6e6e8);
background:linear-gradient(to bottom,#f8f8f9,#e6e6e8);
border:1px solid #bbb;
box-shadow:0 1px 0 #fff inset,0 1px 0 rgba(0,0,0,.1)
}
.zg-btn-white:active {
background:#ddd;
box-shadow:none
}
.zg-btn-unfollow,.zg-btn-disabled {
background:#eee;
color:#888;
border:1px solid #ddd
}
.zg-btn-unfollow:active,.zg-btn-disabled:active {
border-color:#ccc
}
.zg-unfollow {
color:#999
}
.zg-unfollow>.z-icon-follow {
display:none
}
.zg-follow {
color:#698ebf
}
html.no-touchevents .zg-follow:hover {
color:#259
}
.zg-btn-blue.zg-btn-justify,.zg-btn-green.zg-btn-justify,.zg-btn-white.zg-btn-justify {
font-size:13px!important;
line-height:18px!important
}
.zg-btn-blue,.zg-btn-green,.zg-btn-white,a.follow {
*line-height:20px
}
.small {
*line-height:18px!important
}
.goog-link-button {
position:relative;
color:#259;
text-decoration:underline;
cursor:pointer
}
.goog-link-button-disabled {
color:#999;
text-decoration:none;
cursor:default
}
.btn-pending {
opacity:.85;
-ms-filter:"alpha(Opacity=85)"
}
.zg-link-btn {
border:;
color:#259;
background:transparent;
cursor:pointer
}
html.no-touchevents .zg-link-btn:hover {
text-decoration:underline
}
.modal-wrapper {
position:fixed;
top:;
left:;
right:;
bottom:;
z-index:;
overflow:auto;
-webkit-overflow-scrolling:touch
}
html.modal-open.flexbox .modal-wrapper {
display:-webkit-flex;
display:-ms-flexbox;
display:-webkit-box;
display:flex;
-webkit-justify-content:center;
-ms-flex-pack:center;
-webkit-box-pack:center;
justify-content:center;
-webkit-align-items:flex-start;
-ms-flex-align:start;
-webkit-box-align:start;
align-items:flex-start
}
.modal-dialog {
position:absolute;
z-index:;
width:420px;
max-width:100%;
border-radius:8px;
border:1px solid #888;
box-shadow:0 0 80px 0 rgba(0,0,0,.4);
background:#fff;
text-align:left
}
html.modal-open .modal-wrapper .modal-dialog {
position:static;
margin-top:14%;
margin-top:14vh
}
html.modal-open.no-flexbox .modal-wrapper .modal-dialog {
margin-left:auto;
margin-right:auto
}
html.modal-open.mobile .modal-wrapper .modal-dialog {
margin-top:0
}
html.modal-open.no-flexbox .modal-wrapper .modal-dialog.centered {
margin-top:50%
}
html.modal-open.flexbox .modal-wrapper .modal-dialog.centered {
-ms-flex-item-align:center;
-webkit-align-self:center;
align-self:center
}
.modal-dialog-bg {
position:fixed;
left:;
top:;
z-index:;
min-height:100%!important;
width:100%!important;
height:100%!important;
overflow:visible;
background:#666
}
.modal-dialog-title-close {
position:absolute;
top:50%;
_top:20px;
right:3px;
width:30px;
height:30px;
margin-top:-15px;
text-indent:-9999px;
cursor:pointer;
background-position:-60px -53px
}
.modal-dialog-title {
position:relative;
margin:-1px -1px 0;
padding:10px 15px;
line-height:14px;
background:#1D7FE2;
background:-webkit-linear-gradient(top,#1D7FE2,#0865C2);
background:linear-gradient(to bottom,#1D7FE2,#0865C2);
border:1px solid #0D6EB8;
border-radius:6px 6px 0 0;
box-shadow:0 1px 0 rgba(255,255,255,.1) inset,0 1px 1px rgba(0,0,0,.2)
}
.modal-dialog-title-draggable {
cursor:move
}
.modal-dialog-title-text {
color:#fff;
text-shadow:0 1px 1px rgba(0,0,0,.4);
font-size:15px;
font-weight:700
}
.modal-dialog-content {
padding:0 15px;
margin:17px 0
}
.modal-dialog-buttons {
padding:0 15px;
margin-bottom:15px;
text-align:right;
background:#fff
}
.modal-dialog-buttons button[name=cancel] {
border:;
color:#259;
background:transparent;
cursor:pointer;
font-size:13px
}
html.no-touchevents .modal-dialog-buttons button[name=cancel]:hover {
text-decoration:underline
}
.modal-dialog-buttons button+button {
margin-left:1em
}
.modal-dialog .zm-command {
padding:20px 0 0
}
.modal-dialog.with-button .modal-dialog-content {
border-radius:;
border-bottom:;
font-size:14px
}
.modal-dialog.with-button .modal-dialog-buttons {
display:block;
padding:0 15px;
border-top:0
}
.goog-buttonset-default {
font-size:14px;
line-height:1.7;
text-decoration:none!important;
vertical-align:middle;
display:inline-block;
_display:inline!important;
text-align:center;
padding:4px 10px;
cursor:pointer;
border-radius:3px;
white-space:nowrap;
box-sizing:border-box;
color:#fff!important;
text-shadow:0 -1px 0 rgba(0,0,0,.5);
background:#1472cf;
background:-webkit-linear-gradient(top,#1d7fe2,#0865c2);
background:linear-gradient(to bottom,#1d7fe2,#0865c2);
border:1px solid #0D6EB8;
box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 1px 0 rgba(0,0,0,.2);
*line-height:20px
}
.goog-buttonset-default.disabled,.goog-buttonset-default[disabled] {
background:#eee;
color:#888!important;
border:1px solid #ddd;
cursor:not-allowed;
text-shadow:none;
box-shadow:none!important
}
.goog-buttonset-default.disabled:active,.goog-buttonset-default[disabled]:active {
background:#eee;
border-color:#ccc
}
.goog-buttonset-default:active {
background:#1a70c7;
background:-webkit-linear-gradient(top,#1a79d9,#1a70c7);
background:linear-gradient(to bottom,#1a79d9,#1a70c7);
box-shadow:0 1px 2px rgba(255,255,255,.15) inset
}
.modal-dialog .textarea {
width:100%;
padding:8px 10px;
border:1px solid #ccc;
border-radius:4px;
box-shadow:inset 0 0 4px 0 rgba(0,0,0,.1);
box-sizing:border-box
}
.modal-dialog-cancelNoti {
float:left;
margin-top:20px;
font-size:13px
}
.modal-dialog-async-loading {
color:#999;
text-align:center
}
.mutiview-dialog-bg {
position:fixed;
left:;
top:;
background-color:#fff;
opacity:0!important;
-ms-filter:"alpha(Opacity=0)";
z-index:;
-webkit-transition:opacity .2s ease-out;
transition:opacity .2s ease-out
}
.mutiview-dialog-bg.show {
opacity:.9!important;
-ms-filter:"alpha(Opacity=90)"
}
@media (max-width:450px) {
.mutiview-dialog-bg.show {
opacity:1!important;
-ms-filter:"alpha(Opacity=100)"
}
}.mutiview-dialog {
margin-top:14vh;
width:300px;
color:#787878;
font-size:14px;
background-color:#fff;
border:1px solid #cbcbcb;
border-radius:5px;
box-shadow:0 0 15px 0 rgba(0,0,0,.3);
outline:;
z-index:;
opacity:;
-ms-filter:"alpha(Opacity=0)";
overflow:hidden;
-webkit-transform:translate(0,20px);
-ms-transform:translate(0,20px);
transform:translate(0,20px);
-webkit-transition:.3s ease-out;
transition:.3s ease-out
}
.mutiview-dialog.show {
opacity:;
-ms-filter:"alpha(Opacity=100)";
-webkit-transform:translate(0,0);
-ms-transform:translate(0,0);
transform:translate(0,0)
}
html.modal-open.no-flexbox .modal-wrapper .mutiview-dialog {
margin:14% auto auto
}
.mutiview-dialog .mutiview-dialog-title {
position:relative;
height:92px
}
.mutiview-dialog .mutiview-dialog-title .title {
position:absolute;
padding-top:25px;
padding-bottom:25px;
width:100%;
height:42px;
text-align:center;
line-height:;
-webkit-transition:.3s ease-out;
transition:.3s ease-out
}
.mutiview-dialog .mutiview-dialog-title .title.left {
opacity:;
-ms-filter:"alpha(Opacity=0)";
-webkit-transform:translate(-50px,0);
-ms-transform:translate(-50px,0);
transform:translate(-50px,0)
}
.mutiview-dialog .mutiview-dialog-title .title.right {
visibility:hidden;
opacity:;
-ms-filter:"alpha(Opacity=0)";
-webkit-transform:translate(50px,0);
-ms-transform:translate(50px,0);
transform:translate(50px,0)
}
.mutiview-dialog .mutiview-dialog-title .title h1 {
font-size:16px;
line-height:18px;
font-weight:;
margin-bottom:10px
}
.mutiview-dialog .mutiview-dialog-title .title h2 {
font-size:14px;
font-weight:400
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-back,.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-close {
position:absolute;
top:10px;
cursor:pointer;
-webkit-transition:opacity .2s ease-out;
transition:opacity .2s ease-out
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-back {
visibility:hidden;
left:10px;
opacity:;
-ms-filter:"alpha(Opacity=0)"
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-back.show {
opacity:.2;
-ms-filter:"alpha(Opacity=20)"
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-back.show:hover {
opacity:.3;
-ms-filter:"alpha(Opacity=30)"
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-back.show:active {
opacity:.25;
-ms-filter:"alpha(Opacity=25)"
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-close {
right:10px;
opacity:.2;
-ms-filter:"alpha(Opacity=20)"
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-close:hover {
opacity:.3;
-ms-filter:"alpha(Opacity=30)"
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-close:active {
opacity:.25;
-ms-filter:"alpha(Opacity=25)"
}
.mutiview-dialog .mutiview-dialog-content {
position:relative
}
.mutiview-dialog .mutiview-dialog-content.transition {
-webkit-transition:height .3s ease-out;
transition:height .3s ease-out
}
.mutiview-dialog .mutiview-dialog-content .view {
width:100%;
box-sizing:border-box;
-webkit-transition:.3s ease-out;
transition:.3s ease-out
}
.mutiview-dialog .mutiview-dialog-content .view.left {
position:absolute;
opacity:;
-ms-filter:"alpha(Opacity=0)";
-webkit-transform:translate(-100%,0);
-ms-transform:translate(-100%,0);
transform:translate(-100%,0)
}
.mutiview-dialog .mutiview-dialog-content .view.right {
visibility:hidden;
position:absolute;
top:;
opacity:;
-ms-filter:"alpha(Opacity=0)";
-webkit-transform:translate(100%,0);
-ms-transform:translate(100%,0);
transform:translate(100%,0)
}
@media (max-width:450px) {
.mutiview-dialog {
width:100%;
height:100%;
border:;
border-radius:none;
box-shadow:none
}
.mutiview-dialog .mutiview-dialog-title {
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-close {
top:;
right:;
border:12px solid #fff
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-back {
top:;
left:;
border:12px solid #fff
}
.mutiview-dialog .mutiview-dialog-content {
height:auto!important
}
html.modal-open .modal-wrapper .mutiview-dialog {
margin-top:0
}
}.SignFlow {
color:#787878;
font-size:14px
}
.SignFlow .title {
padding-top:25px;
padding-bottom:25px;
width:100%;
height:42px;
text-align:center;
line-height:1
}
.SignFlow .title h1 {
font-size:16px;
line-height:18px;
font-weight:;
margin-bottom:10px
}
.SignFlow .title h2 {
font-size:14px;
font-weight:400
}
.SignFlow button {
padding:;
font-size:14px;
color:#787878;
background:0 0;
border:;
outline:;
cursor:pointer
}
.SignFlow .blue-button {
display:inline-block;
background-color:#0077d9;
padding:8px 16px;
font-size:14px;
line-height:;
color:#fff;
border:;
border-radius:3px;
outline:;
cursor:pointer
}
.SignFlow .blue-button:hover {
background-color:#0070CD
}
.SignFlow .blue-button:active {
background-color:#0077d9
}
.SignFlow .blue-button:btn-pending {
background-color:#A8B9C7
}
.SignFlow .blue-button.full-width {
display:block;
width:100%;
padding:10px
}
.SignFlow .input-wrapper {
position:relative;
border-bottom:1px solid #eee
}
.SignFlow .input-wrapper:first-child {
border-top:1px solid #eee
}
.SignFlow .input-wrapper input {
padding:15px 8px;
height:48px;
width:100%;
font-size:14px;
line-height:18px;
color:#787878;
border:;
outline:;
box-sizing:border-box
}
.SignFlow .input-wrapper input:-webkit-autofill {
-webkit-box-shadow:0 0 0 30px #fff inset;
-webkit-text-fill-color:#787878
}
.SignFlow .input-wrapper input::-webkit-input-placeholder {
line-height:18px;
color:#ccc;
-webkit-text-fill-color:#ccc;
opacity:;
-ms-filter:"alpha(Opacity=100)"
}
.SignFlow .input-wrapper input::-moz-placeholder {
line-height:18px;
color:#ccc;
-webkit-text-fill-color:#ccc;
opacity:;
-ms-filter:"alpha(Opacity=100)"
}
.SignFlow .input-wrapper input:-ms-input-placeholder {
line-height:18px;
color:#ccc;
-webkit-text-fill-color:#ccc;
opacity:;
-ms-filter:"alpha(Opacity=100)"
}
.SignFlow .input-wrapper input::placeholder {
line-height:18px;
color:#ccc;
-webkit-text-fill-color:#ccc;
opacity:;
-ms-filter:"alpha(Opacity=100)"
}
.SignFlow .input-wrapper input::-ms-clear {
display:none
}
.SignFlow .input-wrapper input::-ms-reveal {
display:none
}
.SignFlow .input-wrapper label.error {
position:absolute;
top:;
right:;
padding:0 8px;
line-height:48px;
color:#c33;
cursor:text;
background:#fff;
background:-webkit-linear-gradient(left,rgba(255,255,255,0),#fff 8px);
background:linear-gradient(to right,rgba(255,255,255,0),#fff 8px);
visibility:hidden;
opacity:;
-ms-filter:"alpha(Opacity=0)";
-webkit-transition:.25s ease-out;
transition:.25s ease-out;
-webkit-transform:translate(8px,0);
-ms-transform:translate(8px,0);
transform:translate(8px,0)
}
.SignFlow .input-wrapper label.error.is-visible {
visibility:visible;
opacity:;
-ms-filter:"alpha(Opacity=100)";
-webkit-transform:translate(0,0);
-ms-transform:translate(0,0);
transform:translate(0,0)
}
.SignFlow .input-wrapper label.error.highlighted {
color:#ed707c;
-webkit-transition:none;
transition:none
}
.SignFlow .input-wrapper label.error a {
text-decoration:none
}
.SignFlow .input-wrapper label.error a,.SignFlow .input-wrapper label.error span {
color:#787878
}
.SignFlow .input-wrapper.toggle-password .z-ico-show-password {
position:absolute;
top:;
right:;
margin:auto;
border:solid #fff;
border-width:17px 8px 17px 0;
cursor:pointer
}
.SignFlow .input-wrapper.toggle-password input {
padding-right:41px
}
.SignFlow .input-wrapper.toggle-password label.error {
right:26px
}
.SignFlow .input-wrapper.captcha-module {
display:none
}
.SignFlow .input-wrapper.captcha-module .captcha-container {
position:absolute;
top:;
right:10px;
bottom:;
margin:auto;
height:30px;
border-radius:4px;
overflow:hidden;
cursor:pointer
}
.SignFlow .input-wrapper.captcha-module .captcha-container .captcha {
height:30px;
width:90px
}
.SignFlow .input-wrapper.captcha-module label.error {
right:98px
}
.SignFlow .input-wrapper.verification-code input {
width:200px
}
.SignFlow .input-wrapper.verification-code label.error {
right:94px
}
.SignFlow .input-wrapper.verification-code .send-code {
position:relative;
z-index:;
float:right;
width:94px;
height:48px;
color:#ababab;
background-color:#f7f7f7
}
.SignFlow .submit-wrapper {
padding:22px 0;
text-align:center
}
.SignFlow--bordered {
border:1px solid #eee;
border-radius:3px
}
.SignupForm .actions,.LoginForm .actions {
margin-top:12px;
padding:0 8px;
line-height:30px
}
.SignupForm .actions .submit.zg-btn-blue,.LoginForm .actions .submit.zg-btn-blue {
width:100%;
outline:0
}
.SignupForm .actions button.submit,.LoginForm .actions button.submit {
width:100%;
padding:10px 0
}
.SignupForm .sns,.LoginForm .sns {
position:relative;
padding:0 8px;
line-height:54px
}
.SignupForm .sns button,.LoginForm .sns button {
padding:13px 0;
line-height:1
}
.SignupForm .sns button .ico,.LoginForm .sns button .ico {
display:inline-block;
margin-right:7px;
vertical-align:bottom
}
.SignupForm .sns button:hover,.LoginForm .sns button:hover {
color:#999
}
.SignupForm .sns button:hover .ico,.LoginForm .sns button:hover .ico {
opacity:.8;
-ms-filter:"alpha(Opacity=80)"
}
@media (max-width:450px) {
.SignupForm .sns button.wechat,.LoginForm .sns button.wechat {
display:none
}
html.ua-wechat .SignupForm .sns button.wechat,html.ua-wechat .LoginForm .sns button.wechat {
display:inline-block
}
}.SignupForm .sns .js-show-sns-buttons,.LoginForm .sns .js-show-sns-buttons {
float:right;
padding:20px 0;
opacity:;
-ms-filter:"alpha(Opacity=0)";
-webkit-transform:translateX(-8px);
-ms-transform:translateX(-8px);
transform:translateX(-8px);
-webkit-transition:.25s ease-out;
transition:.25s ease-out;
-webkit-transition-property:opacity,-webkit-transform;
transition-property:opacity,-webkit-transform;
transition-property:opacity,transform;
transition-property:opacity,transform,-webkit-transform
}
.SignupForm .sns .js-show-sns-buttons.is-visible,.LoginForm .sns .js-show-sns-buttons.is-visible {
opacity:;
-ms-filter:"alpha(Opacity=100)";
-webkit-transform:none;
-ms-transform:none;
transform:none
}
.SignupForm .sns .sns-buttons,.LoginForm .sns .sns-buttons {
position:absolute;
top:;
right:8px;
opacity:;
-ms-filter:"alpha(Opacity=0)";
visibility:hidden;
-webkit-transform:translateX(8px);
-ms-transform:translateX(8px);
transform:translateX(8px);
-webkit-transition:.25s ease-out .12s;
transition:.25s ease-out .12s;
-webkit-transition-property:opacity,-webkit-transform;
transition-property:opacity,-webkit-transform;
transition-property:opacity,transform;
transition-property:opacity,transform,-webkit-transform
}
.SignupForm .sns .sns-buttons.is-visible,.LoginForm .sns .sns-buttons.is-visible {
opacity:;
-ms-filter:"alpha(Opacity=100)";
-webkit-transform:none;
-ms-transform:none;
transform:none;
visibility:visible
}
.SignupForm .sns .sns-buttons button,.LoginForm .sns .sns-buttons button {
padding:18px 0;
font:0/0 a;
color:transparent;
text-shadow:none;
background-color:transparent;
border:0
}
.LoginForm input[type=checkbox] {
vertical-align:1px
}
.mutiview-dialog.unable-login .view.start {
padding:25px 0 50px
}
.mutiview-dialog.unable-login .view.start .blue-button {
display:block;
margin:auto;
padding:10px 0;
width:165px
}
.mutiview-dialog.unable-login .view.start .blue-button+.blue-button {
margin-top:25px
}
.mutiview-dialog.oauth-register .view.register .submit-wrapper {
margin:0 8px;
padding-bottom:0
}
.mutiview-dialog.oauth-register .view.register .switch-wrapper {
padding:0 8px;
line-height:54px;
text-align:center
}
.mutiview-dialog.oauth-register .view.register .switch-wrapper a {
color:#259
}
.mutiview-dialog.oauth-register .view.bound,.mutiview-dialog.oauth-register .view.registered {
text-align:center
}
.mutiview-dialog.oauth-register .view.bound img,.mutiview-dialog.oauth-register .view.registered img {
display:block;
margin:auto;
border-radius:50%
}
.mutiview-dialog.oauth-register .view.bound .name,.mutiview-dialog.oauth-register .view.registered .name {
display:block;
margin:12px auto 15px
}
.mutiview-dialog.oauth-register .view.bound button.register,.mutiview-dialog.oauth-register .view.registered button.register {
width:100%;
height:45px;
margin-top:30px;
background-color:#fafafa
}
.mutiview-dialog.oauth-register .view.bind-login .actions {
padding:20px 9px
}
.mutiview-dialog.oauth-register .view.bind-login input[name=account] {
background-color:#f7f7f7
}
.mutiview-dialog.oauth-register .view.bind-login button.submit {
float:right
}
.zh-hovercard-arrow,.zu-top-live-icon {
height:15px;
width:23px;
z-index:;
position:absolute
}
.zh-hovercard-arrow.bottom {
bottom:-11px;
left:25px;
background-position:-168px -185px
}
.zh-hovercard-arrow.top,.zu-top-live-icon {
top:-11px;
left:25px;
background-position:-168px -165px
}
.zu-top-live-icon {
top:-12px
}
#zh-tooltip,#zh-hovercard {
position:absolute;
background:0 0;
z-index:;
-webkit-animation:.05s ease-in both;
animation:.05s ease-in both
}
#zh-tooltip.in,#zh-hovercard.in {
-webkit-animation-name:fadeIn;
animation-name:fadeIn
}
#zh-tooltip.out,#zh-hovercard.out {
-webkit-animation-name:fadeOut;
animation-name:fadeOut
}
#zh-tooltip.goog-hovercard.popover,#zh-hovercard.goog-hovercard.popover {
z-index:90
}
.zh-profile-card {
width:380px
}
.zh-profile-card .upper,.zh-profile-card .lower {
border:14px solid transparent
}
.zh-profile-card .upper {
background:#fff;
padding-left:66px;
min-height:50px
}
.zh-profile-card .upper .icon {
margin-left:3px
}
.zh-profile-card .upper a.avatar-link {
position:relative
}
.zh-profile-card .upper img.Avatar {
position:absolute;
left:-66px
}
.zh-profile-card .upper span.name {
font-size:14px;
font-weight:700
}
.zh-profile-card .upper div.tagline {
font-size:13px;
color:#222;
padding-top:4px
}
.zh-profile-card .upper .personal {
padding-top:8px
}
.zh-profile-card .upper .personal .zg-icon {
vertical-align:-1px
}
.zh-profile-card .upper .personal .icon-badge-identity,.zh-profile-card .upper .personal .icon-badge-best_answerer,.zh-profile-card .upper .personal .icon-profile-education,.zh-profile-card .upper .personal .icon-profile-company {
margin-right:6px
}
.zh-profile-card .upper .personal .info-wrap {
color:#666
}
.zh-profile-card .upper .personal .info-wrap .item+.item {
border-left:1px solid #EEE;
padding-left:10px;
margin-left:10px
}
.zh-profile-card .upper .badge-line {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex
}
.zh-profile-card .upper .badge-line .icon {
-webkit-box-flex:;
-webkit-flex:0 0 16px;
-ms-flex:0 0 16px;
flex:0 0 16px;
margin-top:3px
}
.zh-profile-card .upper .badge-line .info-wrap {
display:-webkit-inline-box;
display:-webkit-inline-flex;
display:-ms-inline-flexbox;
display:inline-flex
}
.zh-profile-card .upper .secondary {
padding-top:8px;
color:#999;
border-top:1px solid #EEE;
margin-top:8px
}
.zh-profile-card .upper .secondary div span {
display:inline-block
}
.zh-profile-card .upper .secondary a,.zh-profile-card .upper .secondary a:visited {
color:#222
}
.zh-profile-card .upper .secondary .OrgIcon {
display:none
}
.zh-profile-card .upper .other span {
color:#999
}
.zh-profile-card .upper .hr {
border-top:1px solid #eee;
width:225px;
padding-top:6px;
margin-top:6px
}
.zh-profile-card .lower {
background:#fafafa
}
.zh-profile-card .lower .operation .self {
line-height:48px;
float:right;
color:#999
}
.zh-profile-card .lower .operation .zg-btn,.zh-profile-card .lower .operation .zg-btn-white,.zh-profile-card .lower .operation button {
float:right;
height:32px;
margin-top:8px;
vertical-align:middle
}
.zh-profile-card .lower .operation .zg-btn {
margin-left:15px;
font-size:13px
}
.zh-profile-card .lower .operation .zg-icon.pm {
background-position:0 -148px;
width:17px;
height:14px;
text-indent:-999em
}
.zh-profile-card .lower .meta .item {
float:left;
padding:0 16px;
border-right:1px solid #eee;
color:inherit;
text-decoration:none
}
.zh-profile-card .lower .meta .item:hover {
color:#698ebf
}
.zh-profile-card .lower .meta .item:hover .key {
color:inherit
}
.zh-profile-card .lower .meta .item .value,.zh-profile-card .lower .meta .item .key {
display:block;
text-align:center
}
.zh-profile-card .lower .meta .item .value {
font-size:15px;
font-weight:700
}
.zh-profile-card .lower .meta .item .key {
font-size:14px;
color:#999
}
.zh-profile-card .lower .meta .item:first-child {
padding-left:0
}
.zh-profile-card .lower .meta .item:last-child {
border-right:0 none
}
.zu-top-nav-live {
border-radius:5px;
border:solid 1px #bbb
}
.zu-top-nav-live-inner {
padding:10px;
border-radius:5px;
border:solid 3px #f4f4f4;
background:#fff
}
.zh-hovercard-spinner {
width:45px;
height:30px;
background-image:url(/static/revved/img/spinner2.8f60205d.gif);
background-repeat:no-repeat;
background-position:center
}
.zu-tooltip-arrow-bottom,.zh-tooltip-arrow-right {
position:absolute;
border:6px solid transparent;
width:;
height:0
}
.zu-tooltip-arrow-bottom {
border-bottom-color:#222;
top:-10px;
left:8px
}
.zh-tooltip-arrow-right {
border-right-color:#222;
top:8px;
left:-10px
}
.tooltip {
position:absolute;
z-index:;
display:block;
visibility:visible;
padding:5px;
white-space:nowrap;
-webkit-animation:.05s ease-in both;
animation:.05s ease-in both
}
.tooltip.in {
-webkit-animation-name:fadeIn;
animation-name:fadeIn
}
.tooltip.out {
-webkit-animation-name:fadeOut;
animation-name:fadeOut
}
.tooltip.top {
margin-top:-8px
}
.tooltip.right {
margin-left:6px
}
.tooltip.bottom {
margin-top:8px
}
.tooltip.left {
margin-left:-6px
}
.tooltip.top .tooltip-arrow {
bottom:-3px;
left:50%;
margin-left:-8px;
border-left:8px solid transparent;
border-right:8px solid transparent;
border-top:8px solid #000;
border-top-color:rgba(0,0,0,.75)
}
.tooltip.left .tooltip-arrow {
top:50%;
right:-3px;
margin-top:-8px;
border-top:8px solid transparent;
border-bottom:8px solid transparent;
border-left:8px solid #000;
border-left-color:rgba(0,0,0,.75)
}
.tooltip.bottom .tooltip-arrow {
top:-3px;
left:50%;
margin-left:-8px;
border-left:8px solid transparent;
border-right:8px solid transparent;
border-bottom:8px solid #000;
border-bottom-color:rgba(0,0,0,.75)
}
.tooltip.right .tooltip-arrow {
top:50%;
left:-3px;
margin-top:-8px;
border-top:8px solid transparent;
border-bottom:8px solid transparent;
border-right:8px solid #000;
border-right-color:rgba(0,0,0,.75)
}
.tooltip .tooltip-inner {
max-width:300px;
padding:3px 8px;
color:#fff;
text-align:center;
text-decoration:none;
background-color:#000;
background-color:rgba(0,0,0,.75);
border-radius:4px
}
.tooltip .tooltip-arrow {
position:absolute;
width:;
height:0
}
.tooltip .content-prewrap {
white-space:pre-wrap
}
.tooltip[data-theme=white].top .tooltip-inner {
position:relative;
background:#fff;
border:1px solid #ddd
}
.tooltip[data-theme=white].top .tooltip-inner:after,.tooltip[data-theme=white].top .tooltip-inner:before {
position:absolute;
height:;
width:;
content:' ';
border:solid transparent;
top:100%
}
.tooltip[data-theme=white].top .tooltip-inner:after {
border-width:8px;
border-top-color:#fff;
left:50%;
margin-left:-8px
}
.tooltip[data-theme=white].top .tooltip-inner:before {
border-width:9px;
border-top-color:#ddd;
left:50%;
margin-left:-9px
}
.tooltip[data-theme=white].left .tooltip-inner {
position:relative;
background:#fff;
border:1px solid #ddd
}
.tooltip[data-theme=white].left .tooltip-inner:after,.tooltip[data-theme=white].left .tooltip-inner:before {
position:absolute;
height:;
width:;
content:' ';
border:solid transparent;
left:100%
}
.tooltip[data-theme=white].left .tooltip-inner:after {
border-width:8px;
border-left-color:#fff;
top:50%;
margin-top:-8px
}
.tooltip[data-theme=white].left .tooltip-inner:before {
border-width:9px;
border-left-color:#ddd;
top:50%;
margin-top:-9px
}
.tooltip[data-theme=white].bottom .tooltip-inner {
position:relative;
background:#fff;
border:1px solid #ddd
}
.tooltip[data-theme=white].bottom .tooltip-inner:after,.tooltip[data-theme=white].bottom .tooltip-inner:before {
position:absolute;
height:;
width:;
content:' ';
border:solid transparent;
bottom:100%
}
.tooltip[data-theme=white].bottom .tooltip-inner:after {
border-width:8px;
border-bottom-color:#fff;
left:50%;
margin-left:-8px
}
.tooltip[data-theme=white].bottom .tooltip-inner:before {
border-width:9px;
border-bottom-color:#ddd;
left:50%;
margin-left:-9px
}
.tooltip[data-theme=white].right .tooltip-inner {
position:relative;
background:#fff;
border:1px solid #ddd
}
.tooltip[data-theme=white].right .tooltip-inner:after,.tooltip[data-theme=white].right .tooltip-inner:before {
position:absolute;
height:;
width:;
content:' ';
border:solid transparent;
right:100%
}
.tooltip[data-theme=white].right .tooltip-inner:after {
border-width:8px;
border-right-color:#fff;
top:50%;
margin-top:-8px
}
.tooltip[data-theme=white].right .tooltip-inner:before {
border-width:9px;
border-right-color:#ddd;
top:50%;
margin-top:-9px
}
.tooltip[data-theme=white] .tooltip-arrow {
display:none
}
.tooltip[data-theme=white] .tooltip-inner {
padding:10px;
color:#666;
text-align:left;
white-space:nowrap;
box-shadow:0 0 8px 0 rgba(0,0,0,.15)
}
.tooltip[data-theme=white] li {
list-style-position:inside
}
.popover {
position:absolute;
top:;
left:;
z-index:;
display:none;
padding:12px
}
.popover.top {
margin-top:-6px
}
.popover.right {
margin-left:6px
}
.popover.bottom {
margin-top:6px
}
.popover.left {
margin-left:-6px
}
.popover.top .arrow {
bottom:;
left:50%;
margin-left:-13px;
border-left:13px solid transparent;
border-right:13px solid transparent;
border-top:13px solid #ccc
}
.popover.top .arrow2 {
bottom:1px;
left:50%;
margin-left:-13px;
border-left:13px solid transparent;
border-right:13px solid transparent;
border-top:13px solid #fafafa
}
.popover.top .arrow2.loading {
bottom:1px;
left:50%;
margin-left:-13px;
border-left:13px solid transparent;
border-right:13px solid transparent;
border-top:13px solid #fff
}
.popover.right .arrow {
top:50%;
left:;
margin-top:-13px;
border-top:13px solid transparent;
border-bottom:13px solid transparent;
border-right:13px solid #ccc
}
.popover.right .arrow2 {
top:50%;
left:1px;
margin-top:-13px;
border-top:13px solid transparent;
border-bottom:13px solid transparent;
border-right:13px solid #fff
}
.popover.bottom .arrow {
top:;
left:50%;
margin-left:-13px;
border-left:13px solid transparent;
border-right:13px solid transparent;
border-bottom:13px solid #ccc
}
.popover.bottom .arrow2 {
top:1px;
left:50%;
margin-left:-13px;
border-left:13px solid transparent;
border-right:13px solid transparent;
border-bottom:13px solid #fff
}
.popover.left .arrow {
top:50%;
right:;
margin-top:-13px;
border-top:13px solid transparent;
border-bottom:13px solid transparent;
border-left:13px solid #ccc
}
.popover.left .arrow2 {
top:50%;
right:1px;
margin-top:-13px;
border-top:13px solid transparent;
border-bottom:13px solid transparent;
border-left:13px solid #fff
}
.popover .arrow,.popover .arrow2 {
position:absolute;
width:;
height:0
}
.popover .popover-title {
padding:9px 15px;
line-height:;
background-color:#f5f5f5;
border-bottom:1px solid #eee;
border-radius:3px 3px 0 0
}
.popover .popover-content {
background:#fff;
border:solid 1px #ccc;
border-radius:5px;
overflow:hidden
}
.popover .popover-content p,.popover .popover-content ul,.popover .popover-content ol {
margin-bottom:0
}
.goog-hovercard.popover {
display:block
}
[class*=sprite-index-icon-] {
display:inline-block;
vertical-align:middle
}
.sprite-index,[class*=sprite-index-] {
background-image:url(/static/revved/img/index/sprites.auto.fe745534.png);
background-repeat:no-repeat
}
.sprite-index-icon-arrow {
background-position:0 0;
width:54px;
height:42px
}
.sprite-index-icon-delete {
background-position:-22px -44px;
width:16px;
height:16px
}
.sprite-index-icon-mark {
background-position:-40px -44px;
width:16px;
height:16px
}
.sprite-index-icon-qq {
background-position:-56px 0;
width:20px;
height:18px
}
.sprite-index-icon-refresh {
background-position:-58px -44px;
width:16px;
height:16px
}
.sprite-index-icon-wechat {
background-position:-56px -20px;
width:20px;
height:18px
}
.sprite-index-icon-weibo {
background-position:0 -44px;
width:20px;
height:18px
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
.sprite-index,[class*=sprite-index-] {
background-image:url(/static/revved/img/index/sprites@2x.auto.f281c7c5.png);
background-size:76px 62px
}
}.captcha-module {
display:none
}
.captcha-module .captcha-container {
margin-top:1em;
text-align:right;
line-height:40px;
font-size:13px
}
.captcha-module .captcha-container img {
float:left;
width:80px;
height:40px;
border-radius:4px
}
.sign-flow .view-signin .QRCode {
margin-top:24px
}
.sign-flow .view-signup .QRCode {
margin-top:48px
}
.sign-flow .agreement a,.sign-flow .org-tip a {
color:#259
}
.sign-flow .agreement {
margin:22px 0
}
.sign-flow .agreement label {
color:#666;
height:18px;
line-height:18px;
cursor:pointer
}
.sign-flow .agreement input {
margin-right:8px;
position:relative;
top:-1px
}
.sign-flow .agreement .error {
color:#c33;
margin-top:3px
}
.sign-flow .org-tip {
margin-top:30px;
text-align:center;
font-size:13px;
color:#999
}
@media (max-width:767px) {
.sign-flow .org-tip {
display:none
}
}.sign-flow .view {
display:none;
float:right;
width:202px;
margin:38px 0;
font-size:14px
}
.sign-flow .view a:hover {
text-decoration:none
}
.sign-flow .view.selected {
display:block
}
.sign-flow .view .signin-switch {
float:right
}
.sign-flow .view .agreement-tip {
margin-top:21px;
font-size:13px;
text-align:center;
color:#999
}
.sign-flow .view .agreement-tip a {
color:#698ebf
}
.sign-flow .view .agreement-tip--org {
margin-left:-25px;
white-space:nowrap
}
@media (max-width:767px) {
.sign-flow .view .agreement-tip--org {
margin-left:0
}
.sign-flow .view .agreement-tip--org a {
display:block
}
}.sign-flow .view .input-wrapper,.sign-flow .view .button-wrapper,.sign-flow .view .signin-misc-wrapper,.sign-flow .view .social-signup-wrapper {
margin-top:18px
}
.sign-flow .view .input-wrapper {
position:relative
}
.sign-flow .view .input-wrapper input {
margin:;
padding:8px 10px;
width:180px;
background:#e7f1f8;
line-height:19px;
color:#555;
border:1px solid #1672B9;
border-radius:5px;
box-shadow:inset 0 1px 2px rgba(15,82,135,.25),0 1px 0 rgba(255,255,255,.15)
}
.sign-flow .view .input-wrapper input:focus {
background:#fff;
outline:;
box-shadow:inset 0 1px 2px rgba(15,82,135,.25),0 0 10px rgba(255,255,255,.3);
border:1px solid #197CC9
}
.sign-flow .view .input-wrapper input.first,.sign-flow .view .input-wrapper input.last {
width:70px
}
.sign-flow .view .input-wrapper input.last {
margin-left:18px
}
.sign-flow .view .input-wrapper input::-webkit-input-placeholder {
color:#ccc;
-webkit-text-fill-color:#ccc
}
.sign-flow .view .input-wrapper input::-moz-placeholder {
color:#ccc;
-webkit-text-fill-color:#ccc
}
.sign-flow .view .input-wrapper input:-ms-input-placeholder {
color:#ccc;
-webkit-text-fill-color:#ccc
}
.sign-flow .view .input-wrapper input::placeholder {
color:#ccc;
-webkit-text-fill-color:#ccc
}
.sign-flow .view .signin-misc-wrapper .remember-me {
float:left
}
.sign-flow .view .signin-misc-wrapper .remember-me input {
vertical-align:1px;
margin-right:3px
}
.sign-flow .view .signin-misc-wrapper .unable-login {
float:right
}
.sign-flow .view .failure {
display:none;
margin-top:18px;
width:100%;
background:rgba(0,0,0,.1);
border-radius:4px;
box-shadow:0 1px 1px rgba(0,0,0,.1) inset,0 1px 0 rgba(255,255,255,.15)
}
.sign-flow .view .failure ul {
padding:10px;
list-style:none
}
.sign-flow .view .failure li span {
color:#9ed8ff;
cursor:pointer
}
.sign-flow .view .failure li a {
color:#9ed8ff;
text-decoration:underline
}
.sign-flow .view .failure li a.hover {
color:#fff
}
.sign-flow .view .failure li+li {
margin-top:5px
}
@media (max-width :740px) {
.sign-flow .view {
float:none;
margin:0 auto;
width:248px
}
.sign-flow .view .input-wrapper,.sign-flow .view .button-wrapper,.sign-flow .view .signin-misc-wrapper,.sign-flow .view .social-signup-wrapper {
margin-top:22px
}
.sign-flow .view .input-wrapper input {
width:226px
}
.sign-flow .view .social-signup-wrapper .js-bindwechat {
display:none
}
html.ua-wechat .sign-flow .view .social-signup-wrapper .js-bindwechat {
display:inline-block
}
}.sign-button {
display:block;
padding:;
width:100%;
font-size:15px;
line-height:33px;
color:#fff;
text-align:center;
text-shadow:0 1px 1px rgba(0,0,0,.2);
background:#80c3f7;
background:-webkit-linear-gradient(top,#80c3f7,#6bbaf8);
background:linear-gradient(to bottom,#80c3f7,#6bbaf8);
border:1px solid #1D80CF;
border-radius:5px;
box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 1px 1px rgba(50,50,50,.05);
outline:;
cursor:pointer;
-webkit-tap-highlight-color:rgba(0,0,0,0)
}
.sign-button:active {
color:#eee;
border:1px solid #0971C5;
background:-webkit-linear-gradient(top,#5dadec,#51a4e6);
background:linear-gradient(to bottom,#5dadec,#51a4e6);
box-shadow:inset 0 1px 2px rgba(0,0,0,.1),0 1px 0 rgba(255,255,255,.1)
}
.sign-button.sign-button-white {
color:#484848;
text-shadow:0 1px 0 rgba(255,255,255,.8);
background:#f2f5f7;
background:-webkit-linear-gradient(top,#f2f5f7,#e0e4e7);
background:linear-gradient(to bottom,#f2f5f7,#e0e4e7);
border:1px solid #3b86c2;
box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 1px 1px rgba(50,50,50,.05)
}
.sign-button.sign-button-white:active {
color:#424242;
background:-webkit-linear-gradient(top,#cddae2,#c9d4dd);
background:linear-gradient(to bottom,#cddae2,#c9d4dd);
border:1px solid #297DC0;
box-shadow:inset 0 1px 2px rgba(0,0,0,.15),0 1px 0 rgba(255,255,255,.1)
}
.sign-flow {
text-align:center
}
.sign-flow .title .icon-sign {
display:none
}
.sign-flow .view {
float:none;
margin:auto;
width:350px;
text-align:left
}
.sign-flow .view .group-inputs {
padding:1px 0;
border:1px solid #d5d5d5;
border-radius:3px
}
.sign-flow .view .input-wrapper {
position:relative;
margin:;
overflow:hidden
}
.sign-flow .view .input-wrapper+.input-wrapper {
border-top:1px solid #e8e8e8
}
.sign-flow .view .input-wrapper input {
padding:1em .8em;
width:100%;
box-sizing:border-box
}
.sign-flow .view .input-wrapper input,.sign-flow .view .input-wrapper input:focus {
border:;
border-radius:;
box-shadow:none;
background:#fff
}
.sign-flow .view .input-wrapper input:-webkit-autofill {
-webkit-box-shadow:0 0 0 30px #fff inset;
-webkit-text-fill-color:#555
}
.sign-flow a {
color:inherit
}
.sign-flow .title {
display:none
}
.sign-flow .sign-button {
background:#008FD4;
box-shadow:none;
border:;
border-radius:3px;
line-height:41px;
color:#fff
}
.sign-flow .sign-button:focus,html.no-touchevents .sign-flow .sign-button:hover {
background:#55abed
}
.sign-flow label.error {
position:absolute;
top:;
right:8px;
padding:0 8px;
line-height:48px;
color:#c33;
cursor:text;
background:#fff;
background:-webkit-linear-gradient(left,rgba(255,255,255,0),#fff 8px);
background:linear-gradient(to right,rgba(255,255,255,0),#fff 8px);
visibility:hidden;
opacity:;
-ms-filter:"alpha(Opacity=0)";
-webkit-transform:translate(20px,0);
-ms-transform:translate(20px,0);
transform:translate(20px,0);
-webkit-transition:.25s ease-out;
transition:.25s ease-out
}
.sign-flow label.error.is-visible {
visibility:visible;
opacity:;
-ms-filter:"alpha(Opacity=100)";
-webkit-transform:translate(0,0);
-ms-transform:translate(0,0);
transform:translate(0,0)
}
.sign-flow label.error.highlighted {
color:#ed707c;
-webkit-transition:none;
transition:none
}
.sign-flow label.error .switch-to-login {
color:#787878;
cursor:pointer
}
.sign-flow label.error a {
text-decoration:none
}
.sign-flow label.error a,.sign-flow label.error span {
color:#787878
}
.sign-flow .captcha-module .captcha-container {
margin:0
}
.sign-flow .captcha-module .captcha-container span,.sign-flow .captcha-module .captcha-container a {
display:none
}
.sign-flow .captcha-module .captcha {
position:absolute;
top:50%;
right:.5em;
margin-top:-19px;
width:100px;
height:38px
}
.sign-flow .captcha-module label.error {
right:105px
}
.sign-flow .social-signup-wrapper .name {
vertical-align:middle;
margin-right:20px;
color:#787878;
cursor:pointer
}
html.no-touchevents .sign-flow .social-signup-wrapper .name:hover {
color:#555
}
.sign-flow .social-signup-wrapper a {
margin:0 25px 0 0;
opacity:.7;
-ms-filter:"alpha(Opacity=70)";
-webkit-transition:opacity .15s ease-out;
transition:opacity .15s ease-out
}
html.no-touchevents .sign-flow .social-signup-wrapper a:hover {
opacity:;
-ms-filter:"alpha(Opacity=100)"
}
.sign-flow .sns-buttons {
display:inline-block;
opacity:;
-ms-filter:"alpha(Opacity=0)";
-webkit-transform:translateX(-20px);
-ms-transform:translateX(-20px);
transform:translateX(-20px);
-webkit-transition:opacity .25s ease-out,-webkit-transform .25s ease-out;
transition:opacity .25s ease-out,-webkit-transform .25s ease-out;
transition:opacity .25s ease-out,transform .25s ease-out;
transition:opacity .25s ease-out,transform .25s ease-out,-webkit-transform .25s ease-out;
visibility:hidden
}
.sign-flow .sns-buttons.is-visible {
opacity:;
-ms-filter:"alpha(Opacity=100)";
-webkit-transform:none;
-ms-transform:none;
transform:none
}
.index-header {
text-align:center
}
.index-header .logo {
margin:0 auto;
width:160px;
height:74px;
background:url(/static/revved/img/index/logo.6837e927.png) no-repeat;
background-size:contain
}
@media (max-width :740px) {
.index-header .logo {
width:96px;
height:44.4px
}
}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi) {
.index-header .logo {
background-image:url(/static/revved/img/index/logo@2x.e4e2b466.png)
}
}.index-header .logo.org-logo {
margin-top:30px;
width:178px;
height:41px;
background-image:url(/static/revved/img/org/signup/logo.57fac9a5.png)
}
@media (max-width :740px) {
.index-header .logo.org-logo {
margin-top:;
width:142.4px;
height:32.8px
}
}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi) {
.index-header .logo.org-logo {
background-image:url(/static/revved/img/org/signup/logo@2x.ce86aca0.png)
}
}.index-header .subtitle {
margin:30px 0 20px;
font-weight:;
font-size:18px;
line-height:1
}
.index-tab-navs {
margin-bottom:10px;
font-size:18px;
text-align:center
}
.index-tab-navs .navs-slider {
position:relative;
display:inline-block
}
.index-tab-navs .navs-slider .navs-slider-bar {
position:absolute;
left:;
bottom:;
margin:0 .8em;
width:2.4em;
height:2px;
background:#0f88eb;
-webkit-transition:left .15s ease-in;
transition:left .15s ease-in
}
.index-tab-navs .navs-slider[data-active-index="1"] .navs-slider-bar {
left:4em
}
.index-tab-navs a {
float:left;
width:4em;
line-height:35px;
opacity:.7;
-ms-filter:"alpha(Opacity=70)";
-webkit-transition:opacity .15s,color .15s;
transition:opacity .15s,color .15s
}
html.no-touchevents .index-tab-navs a:hover {
opacity:;
-ms-filter:"alpha(Opacity=100)";
text-decoration:none
}
.index-tab-navs a.active {
opacity:;
-ms-filter:"alpha(Opacity=100)";
color:#0f88eb
}
.QRCode {
position:relative
}
.QRCode-toggleButton {
display:block;
padding:;
width:100%;
height:41px;
line-height:39px;
color:#5fa6e5;
background:0 0;
border:1px solid #96c2e9;
border-radius:3px;
cursor:pointer;
outline:0
}
.QRCode-toggleButton .sprite-index-icon-qrcode {
vertical-align:-3px
}
.QRCode-toggleButtonText {
margin-left:2px
}
.QRCode-card {
display:none;
position:absolute;
left:-5px;
bottom:68px;
width:310px;
height:310px;
color:#555;
background-color:#fff;
box-shadow:0 0 8px 0 rgba(0,0,0,.15);
border-radius:10px
}
.QRCode-card .sprite-index-icon-arrow {
position:absolute;
margin:auto;
right:;
bottom:-14px;
left:0
}
.QRCode-image {
position:absolute;
top:;
bottom:;
left:;
right:;
margin:auto;
width:250px;
height:250px;
background-position:center;
background-repeat:no-repeat;
background-size:contain;
background-image:url(/static/revved/img/index/qr-code.d6565408.png)
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx) {
.QRCode-image {
background-image:url(/static/revved/img/index/qr-code@2x.2607d448.png)
}
}html,body {
height:100%
}
body {
color:#555;
font-size:15px;
line-height:1.7;
font-family:'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',Arial,sans-serif;
background:#f7fafc;
-webkit-font-smoothing:subpixel-antialiased
}
.index-main {
min-height:100%;
margin-bottom:-42px
}
@media (max-width :740px) {
.index-main {
margin-bottom:-102px
}
}.index-main-body {
margin:auto;
padding:30px 0 102px;
width:350px
}
@media (min-width :741px) {
.index-main {
text-align:center;
white-space:nowrap;
height:100%
}
.index-main:before {
content:'';
display:inline-block;
height:100%;
vertical-align:middle;
margin-right:-.25em
}
.index-main-body {
padding:;
min-height:530px;
margin-top:60px;
display:inline-block;
vertical-align:middle;
text-align:left;
white-space:normal
}
}@media (min-width :741px) and (max-height:600px) {
.index-main {
height:auto
}
}.footer {
font-size:12px;
line-height:42px;
text-align:center
}
.footer-desktop-hide {
display:none
}
@media (max-width :740px) {
.footer {
padding-bottom:60px
}
.footer :not(.footer-mobile-show) {
display:none
}
.footer .footer-desktop-hide {
display:inline-block
}
}.footer span,.footer a {
/*color:#aebdc9*/
}
.footer span a {
color:#698ebf
}
.footer .dot {
margin:0 3px
}
ocat的更多相关文章
- ocat 资源路径-时间控件
http://www.htmleaf.com/jQuery/Calendar-Date-Time-picker/201504251737.html
- R实现灰色预测
1.简介 预测就是借助于对过去的探讨去推测.了解未来.灰色预测通过原始数据的处理和灰色模型的建立,发现.掌握系统发展规律,对系统的未来状态做出科学的定量预测.对于一个具体的问题,究竟选择什么样的预测模 ...
- 强迫症的福利——我的第一个VS插件，对using排序！
首先来看看VS自带的using整理功能: 长短不一,看着让人生厌!这是哪个门子的整理?越来越乱了好吗! 难道就没有一款,由短到长——金字塔搬的排序方案吗? 于是各种百度: “VS 插件 using排序 ...
- Fiddler源代码分享
frmViewer.cs: namespace Fiddler{ using Microsoft.Win32; using System; using System.Collecti ...
- Linux内核完全注释之编程语言和环境（一）
as86汇编器 1.来源与对于linux的用途 as86来源minix-386开发的intel 8086.80386汇编编译程序和链接程序,他主要为linux创建16位的启动引导扇区程序boot/bo ...
- javascript继承之借用构造函数与原型
javascript继承之借用构造函数与原型 在js中,关于继承只有利用构造函数和原型链两种来现实.以前所见到的种种方法与模式,只不过是变种罢了. 借用构造函数 1 2 3 4 5 6 7 8 9 1 ...
- （继承）virtual与访问控制
之前只注意过访问控制与继承的关系,这边不多说,今天看到代码看到virtual放在private里,并且还有派生类没有override public里的virtual,此时调用时啥情况了,这边有点晕,看 ...
- jQuery对象的操作
参考一篇不错的文章:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object 1. ...
- MYSQL查询语句大全集锦
MYSQL查询语句大全集锦 1:使用SHOW语句找出在服务器上当前存在什么数据库: mysql> SHOW DATABASES; 2:2.创建一个数据库MYSQLDATA mysql> C ...
随机推荐
- Python脚本报错AttributeError: 'module' object has no attribute 'maketrans'
出现此错误的原因:是此文件smtp02.py 所在的目录下有string.pyc 的文件存在,与python库里的string.pyc冲突造成无法确认编译所取的类库.
- Unity3.x游戏开发经典教程 书例 100%完毕~
大家都公布自己的作品,作为一个新人,我也发点什么.刚刚做完了Unity3.x游戏开发经典教程书例不久,假如有同学想学这本书入门U3D,我的作品也能让新人參考一下...脚本都是C#写的.以下附上链接~ ...
- 跟我学Spring3（9.1）：Spring的事务之数据库事务概述
原文出处: 张开涛 9.1 数据库事务概述 事务首先是一系列操作组成的工作单元,该工作单元内的操作是不可分割的,即要么所有操作都做,要么所有操作都不做,这就是事务. 事务必需满足ACID(原子性.一致 ...
- iOS:制作九宫格
制作简单的九宫格: 源码如下: #import "ViewController.h" @interface ViewController () @end @implementati ...
- Linux，Windows和UNIX的进程调度的分析
摘要 : 本文以Linux ,Unix ,Windows 操作系统为例,分析其进程调度策略,以期对进程调度过程有更深层次的认识 关键词 : 进程调度 优先级 时间片轮转 实时进程 分时技术 ...
- Android中ActionBar及Overflow的显示
最近在按照Android的API文档学习Android中actionbar的使用,Action bar 最基本的形式,就是为 activity 显示标题,并且在标题左边显示一个 app icon.在这 ...
- SQL基础（三）：SQL命令
下面2个表用于实例演示: 1.SQL UNION 操作符 UNION 操作符用于合并两个或多个 SELECT 语句的结果集. 请注意,UNION 内部的每个 SELECT 语句必须拥有相同数量的列.列 ...
- python3 把excel文件合并并保存到csv文件
具体是这样,某路径下有很多 excel文件,文件名中包含相同关键字的是一类文件,把包含相同关键字的文件合并成一个文件,生成一个新的csv文件 # coding=utf-8 import xlrd im ...
- 安装Oracle之后解决掉的问题分享
TNS-03505: 无法解析名称 在测试tnsping的时候始终显示这么个问题. ...
- MySQL bin-log与主从服务器
试验环境 Ubuntu ...