.login-others { margin-top: -3px; text-align: center; -webkit-transition: all .28s; transition: all .28s; } .login-others .other-logo { display: inline-block; margin-left: 38px; text-align: center } .login-others .other-logo:first-child { margin-left: 0 } .login-others .other-logo i { width: 30px; height: 30px; display: block; background: url(../img/login_v6.png) no-repeat; } .login-others .other-logo2 { width: 63px; height: 63px; display: block; } .login-others .other-logo2 i { width: 63px; height: 63px; display: block; background: url(../img/login_v6-big.png) no-repeat; } .login-others .other-logo.logo-wechat i { background-position: -130px 0 } .login-others .other-logo.logo-wechat:hover i { background-position: -130px -65px } .login-others .other-logo.logo-qq i { background-position: 0 0 } .login-others .other-logo.logo-qq:hover i { background-position: 0 -30px } .login-others .other-logo2.logo-qq:hover i { background-position: 0 -65px } .login-others .other-logo.logo-weibo i { background-position: -84px 0 } .login-others .other-logo.logo-weibo:hover i { background-position: -84px -84px } .login-others .other-logo span { font-size: 14px; color: #888 } .login-others-cards { text-align: center; padding-top: 28px; -webkit-transition: all .28s; transition: all .28s } .login-others-cards .other-logo { display: inline-block; width: 110px; height: 40px; line-height: 40px; margin-left: 5px; text-align: center; border-radius: 4px } .login-others-cards .other-logo:hover { opacity: .8; FILTER: alpha(opacity=80) } .login-others-cards .other-logo:first-child { margin-left: 0 } .login-others-cards .other-logo i { vertical-align: sub; display: inline-block; background: url(../img/login_v6.png) no-repeat } .login-others-cards .other-logo.logo-wechat { background-color: #0b0 } .login-others-cards .other-logo.logo-wechat i { height: 22px; width: 26px; background-position: -23px -168px } .login-others-cards .other-logo.logo-qq { background-color: #19a9f1 } .login-others-cards .other-logo.logo-qq i { height: 21px; width: 20px; background-position: 0 -168px } .login-others-cards .other-logo.logo-weibo { background-color: #ed2b2f } .login-others-cards .other-logo.logo-weibo i { height: 20px; width: 24px; background-position: -52px -168px } .login-others-cards .other-logo span { display: inline-block; font-size: 14px; color: #fff }