@charset "utf-8";
|
/*------------// Overall //-----------------*/
|
body {
|
font: 12px/180% Arial, Helvetica, Verdana;
|
color: #8f8f8f;
|
margin: 0;
|
}
|
|
body.login {
|
background: #fff;
|
background-size: 100%;
|
}
|
|
A:link {
|
text-decoration: none;
|
color: #8f8f8f;
|
}
|
|
A:visited {
|
text-decoration: none;
|
color: #8f8f8f;
|
}
|
|
A:hover {
|
text-decoration: none;
|
color: #206fd5;
|
}
|
|
img {
|
border: 0;
|
}
|
|
div, p, img, ul, li, form, input, label, span, dl, dt, dd, h1, h2, h3, h4, h5, h6 {
|
margin: 0;
|
padding: 0;
|
}
|
|
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
|
border: none;
|
padding: 0
|
}
|
|
ol, ul, li {
|
list-style-type: none;
|
}
|
|
a {
|
blr: expression(this.onFocus=this.blur())
|
}
|
|
/*for IE*/
|
a {
|
outline: none;
|
}
|
|
/*for Firefox*/
|
html {
|
-webkit-text-size-adjust: none;
|
}
|
|
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
|
color: #8f8f8f;
|
}
|
|
input:-moz-placeholder, textarea:-moz-placeholder {
|
color: #8f8f8f;
|
}
|
|
input::-moz-placeholder, textarea::-moz-placeholder {
|
color: #8f8f8f;
|
}
|
|
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
|
color: #8f8f8f;
|
}
|
|
input:-webkit-autofill {
|
-webkit-box-shadow: 0 0 0px 1200px #fff inset;
|
-webkit-text-fill-color: #8f8f8f;
|
}
|
|
select::-ms-expand {
|
display: none;
|
}
|
|
select {
|
appearance: none;
|
-moz-appearance: none;
|
-webkit-appearance: none;
|
}
|
|
footer{
|
margin: 10px 0;
|
text-align: center;
|
}
|
|
/*--login--*/
|
.login_m {
|
width: 400px;
|
margin: 0px auto;
|
margin-top: 35px;
|
/*position: absolute;*/
|
/*top: 50%;*/
|
/*left: 50%;*/
|
/*transform: translate(-50%,-50%);*/
|
}
|
|
.login_logo {
|
text-align: center;
|
margin-bottom: 10px;
|
margin-top: 20px;
|
}
|
.onbusLogin_img{
|
text-align: center;
|
margin-bottom: 10px;
|
margin-top: 20px;
|
}
|
|
.login_boder {
|
background-color: #fff;
|
-webkit-border-radius: 10px;
|
-moz-border-radius: 10px;
|
border-radius: 10px;
|
border: 1px solid #838383;
|
width: 400px;
|
box-sizing: border-box;
|
}
|
|
.login_padding {
|
padding: 16px 25px 20px 25px;
|
position: relative;
|
}
|
|
.login_select {
|
overflow: hidden;
|
}
|
.l_select{
|
border-bottom: 1px solid red !important;
|
}
|
.login_boder .nav {
|
display: flex;
|
flex-direction: row;
|
align-items: center;
|
border-bottom: 1px solid #f5f5f5;
|
line-height: 30px;
|
margin-bottom: 10px;
|
}
|
.login_boder .nav .nav_tab{
|
cursor: pointer;
|
position: relative;
|
flex: 1;
|
text-align: center;
|
font-size: 16px;
|
font-weight: bold;
|
border-bottom: 3px solid transparent;
|
transition: border .2s cubic-bezier(0.43, 0.37, 1, 1);
|
}
|
.login_boder .nav span.active .active_img{
|
display: block;
|
/*border-bottom: 3px solid #42a5f5;*/
|
}
|
.active_img{
|
display: none;
|
position: absolute;
|
left: 0;
|
right: 0;
|
bottom: -12px;
|
width: 100%;
|
height: 10px;
|
background: url("/images/login/active.png") no-repeat center;
|
background-size: 150px 10px;
|
}
|
.login_padding .qrcode_login{
|
cursor: pointer;
|
position: absolute;
|
top: 2px;
|
right: 2px;
|
z-index: 10;
|
width: 145px;
|
height: 40px;
|
text-align: right;
|
}
|
.qrcode_login .tips_img{
|
cursor: pointer;
|
display: inline-block;
|
/*position: absolute;*/
|
/*top: 2px;*/
|
/*right: 2px;*/
|
width: 100px;
|
height: 18px;
|
vertical-align: 20px;
|
background: url("/images/login/tips.png") no-repeat;
|
background-size: 100px 18px;
|
}
|
.qrcode_login .qrcodes_img{
|
display: inline-block;
|
width: 40px;
|
height: 40px;
|
background: url("/images/login/qrcode.png") no-repeat;
|
background-size: 40px 40px;
|
}
|
.qrcode_login.active .qrcodes_img{
|
background: url("/images/login/pclogin.png") no-repeat;
|
background-size: 40px 40px;
|
}
|
|
.login_form{
|
display: none;
|
}
|
.login_form>div{
|
/*margin-bottom: 10px;*/
|
}
|
.login_form.active{
|
display: block;
|
}
|
|
.qrcode_img{
|
margin: 10px;
|
text-align: center;
|
}
|
.qrcode_img img{
|
width: 250px;
|
height: 250px;
|
border: 1px solid #CCC;
|
}
|
|
.login_boder .txt_input {
|
width: 285px;
|
height: 50px;
|
border: none;
|
border-bottom: 1px solid #f5f5f5;
|
margin: 0 0 0px 60px;
|
-moz-border-radius: 0px;
|
-webkit-border-radius: 0px;
|
border-radius: 0px;
|
line-height: 36px;
|
/*margin-bottom: 10px;*/
|
font-size: 14px;
|
color: #8f8f8f;
|
font-family: Arial;
|
outline: none;
|
box-sizing: border-box;
|
background-color: transparent;
|
}
|
|
.login_boder .select {
|
width: 285px;
|
}
|
|
|
.yzm {
|
/*display: flex;*/
|
/*align-items: center;*/
|
}
|
|
.login_boder .txt_input_yzm {
|
width: 170px;
|
}
|
|
|
.randomming {
|
cursor: pointer;
|
max-width: 100px;
|
height: 50px;
|
display: inline-block;
|
margin-left: 10px;
|
vertical-align: -20px;
|
}
|
|
.get_phoneCode{
|
display: inline-block;
|
line-height: 1;
|
white-space: nowrap;
|
cursor: pointer;
|
background-color: #409eff;
|
border: 1px solid #409eff;
|
-webkit-appearance: none;
|
text-align: center;
|
box-sizing: border-box;
|
outline: 0;
|
margin: 0;
|
-webkit-transition: .1s;
|
transition: .1s;
|
font-weight: 500;
|
padding: 16px 0px;
|
font-size: 14px;
|
border-radius: 4px;
|
color: #fff;
|
width: 112px;
|
}
|
.get_phoneCode:hover {
|
background-color: #66b1ff;
|
}
|
.get_phoneCode.is-disabled {
|
cursor: not-allowed;
|
background-image: none;
|
color: #fff;
|
background-color: #a0cfff;
|
border-color: #a0cfff;
|
}
|
|
.login_boder .select:focus + i {
|
background: url("/images/login/jt.png") no-repeat;
|
background-size: 25px 25px;
|
}
|
|
.login_boder #name:focus + i {
|
background: url("/images/login/user.png") no-repeat;
|
background-size: 25px 25px;
|
}
|
|
.login_boder #pwd:focus + i {
|
background: url("/images/login/mm.png") no-repeat;
|
background-size: 25px 25px;
|
}
|
|
.login_boder .txt_input_yzm:focus + i {
|
background: url("/images/login/yzm.png") no-repeat;
|
background-size: 25px 25px;
|
}
|
.login_boder #telephone:focus + i {
|
background: url("/images/login/tele.png") no-repeat;
|
background-size: 25px 25px;
|
}
|
|
.login_boder p.forgot {
|
font-size: 16px;
|
float: right;
|
margin-top: 15px;
|
display: inline-block;
|
margin-right: 20px;
|
}
|
|
.login_sub input.sub_button {
|
width: 345px;
|
height: 50px;
|
background-color: #116eab;
|
border: none;
|
color: #FFF;
|
padding-bottom: 2px;
|
font-size: 16px;
|
margin-top: 15px;
|
-moz-border-radius: 50px;
|
-webkit-border-radius: 50px;
|
border-radius: 50px;
|
outline: none;
|
-webkit-appearance: none; /*解决iphone safari上的圆角问题*/
|
}
|
|
input.sub_button:hover {
|
cursor: pointer;
|
background-color: #42a5f5;
|
}
|
|
.login-footer {
|
padding: 10px 0 0px 0;
|
}
|
|
.icon-qq {
|
display: inline-block;
|
width: 36px;
|
height: 36px;
|
background: url("/images/login/qq_w.png") no-repeat;
|
margin-top: 5px;
|
margin-left: 15px;
|
background-size: 36px 36px;
|
}
|
|
.pop-sns-qq-pc .icon-qq-pc:hover {
|
background: url("/images/login/qq.png") no-repeat;
|
background-size: 36px 36px;
|
}
|
|
.icon-weixin {
|
display: inline-block;
|
width: 36px;
|
height: 36px;
|
background: url("/images/login/weixin_w.png") no-repeat;
|
margin-top: 5px;
|
margin-left: 15px;
|
background-size: 36px 36px;
|
}
|
|
.pop-sns-weixin-pc .icon-weixin-pc:hover {
|
background: url("/images/login/weixin.png") no-repeat;
|
background-size: 36px 36px;
|
}
|
|
.weixin-hover {
|
background: url("/images/login/weixin.png") no-repeat;
|
background-size: 36px 36px;
|
}
|
|
.qq-hover {
|
background: url("/images/login/qq.png") no-repeat;
|
background-size: 36px 36px;
|
}
|
|
.log-ico-m {
|
display: none;
|
}
|
|
|
.login_logo2 {
|
text-align: center;
|
}
|
|
label {
|
position: relative;
|
}
|
|
label i {
|
position: absolute;
|
top: -6px;
|
left: 10px;
|
width: 25px;
|
height: 25px;
|
}
|
|
label .select_i {
|
background: url("/images/login/jtk.png") no-repeat;
|
background-size: 25px 25px;
|
}
|
|
label .user_i {
|
background: url("/images/login/userk.png") no-repeat;
|
background-size: 25px 25px;
|
}
|
|
label .password_i {
|
background: url("/images/login/mmk.png") no-repeat;
|
background-size: 25px 25px;
|
}
|
|
label .yzm_i {
|
background: url("/images/login/yzmk.png") no-repeat;
|
background-size: 25px 25px;
|
/*top: 10px;*/
|
}
|
label .tele_i {
|
background: url("/images/login/tele_k.png") no-repeat;
|
background-size: 25px 25px;
|
/*top: 10px;*/
|
}
|
|
.remember {
|
float: left;
|
margin: 15px 0 15px 20px;
|
font-size: 16px;
|
}
|
|
.re_me {
|
vertical-align: middle;
|
}
|
|
.log-ico {
|
width: 120px;
|
margin: 0 auto;
|
padding-top: 20px;
|
}
|
|
.log-inway {
|
clear: both;
|
text-align: center;
|
}
|
|
.log-inway .line {
|
display: inline-block;
|
width: 20%;
|
border-top: 1px solid #ccc;
|
}
|
|
.log-inway .txt {
|
color: #c7c7c7;
|
font-size: 13px;
|
vertical-align: -5px;
|
}
|
|
.tips {
|
line-height: 30px;
|
text-align: center;
|
font-size: 18px;
|
color: #F40;
|
}
|
|
.tips a {
|
color: #F40;
|
}
|
|
.footer-info a + a {
|
margin-left: 20px;
|
}
|
|
@media only screen and (max-width: 479px) {
|
.login_m {
|
width: 350px;
|
margin-top: 30px;
|
}
|
|
.login_sub input.sub_button {
|
width: 295px;
|
}
|
|
.login_boder .txt_input {
|
width: 235px;
|
}
|
|
.login_boder .txt_input_yzm {
|
width: 120px;
|
}
|
|
.login_boder .select {
|
width: 237px;
|
}
|
|
.login_boder {
|
width: 350px;
|
}
|
|
.log-ico-pc {
|
display: none;
|
}
|
|
.log-ico-m {
|
display: block;
|
}
|
}
|
|
@media only screen and (max-width: 350px) {
|
.login_m {
|
width: 300px;
|
margin-top: 20px;
|
}
|
|
.login_sub input.sub_button {
|
width: 245px;
|
}
|
|
.login_boder .txt_input {
|
width: 185px;
|
}
|
|
.login_boder .txt_input_yzm {
|
width: 90px;
|
}
|
|
.login_boder .select {
|
width: 185px;
|
}
|
|
.login_boder {
|
width: 300px;
|
}
|
|
.log-ico-pc {
|
display: none;
|
}
|
|
.log-ico-m {
|
display: block;
|
}
|
|
.randomming {
|
margin-left: 5px;
|
width: 80px;
|
height: 40px;
|
/*vertical-align: -15px;*/
|
}
|
.get_phoneCode{
|
padding: 16px 0px;
|
width: 94px;
|
}
|
|
.tips {
|
font-size: 13px;
|
}
|
}
|
|
@media only screen and (min-width: 1600px) {
|
.login_m {
|
margin-top: 150px;
|
}
|
|
}
|
|
@media only screen and (min-width: 1500px) {
|
.controlsc1 {
|
width: 220px;
|
}
|
|
.controlsc2 {
|
width: 600px;
|
}
|
|
.controlsc3 {
|
width: 1000px;
|
}
|
|
.controlsc4 {
|
width: 1300px;
|
}
|
|
.p_table4 {
|
width: 1500px;
|
}
|
}
|
.qrcode-logins{
|
display:none;
|
margin:30px 0;
|
}
|
.qrcode-error{
|
display:none;
|
position: absolute;
|
width: 250px;
|
height: 250px;
|
top: 125px;
|
left: 74px;
|
text-align: center;
|
background: rgba(255,255,255,.8)
|
}
|
.qrcode-error-top{
|
top: 162px;
|
}
|
.qrcode-error h3{
|
margin-top: 80px;
|
font-size: 20px;
|
color: #4e4b4b;
|
}
|
.qrcode-errora{
|
color: #FFF;
|
background-color: #f22626;
|
border-color: #f22626;
|
display: inline-block;
|
font-size: 14px;
|
font: 15px/35px tahoma,arial,Hiragino Sans GB,WenQuanYi Micro Hei,'\5FAE\8F6F\96C5\9ED1','\5B8B\4F53',sans-serif;
|
z-index:9999;
|
height: 35px;
|
width: 120px;
|
margin: 20px;
|
border-radius: 3px;
|
}
|
.qrcode-errora:hover{
|
background-color: #f35656;
|
}
|
.qrcode-desc{
|
text-align: center;
|
margin: 29px 0;
|
}
|
.qrcode-desc span{
|
font-size: 16px;
|
}
|
.qrcode-desc span span{
|
color:#389adf;
|
}
|
.qrcode_success{
|
display:none;
|
height: 250px;
|
width: 250px;
|
margin-left:40px;
|
text-align: center;
|
}
|
.qrcode_success i{
|
height: 120px;
|
width: 100px;
|
display: block;
|
margin-left: 70px;
|
background: url("/images/login/qrSuccess.png") no-repeat;
|
}
|
.error{
|
margin-left: 60px;
|
position: relative;
|
height: 14px;
|
padding-bottom: 3px;
|
}
|
.error .text{
|
color:red;
|
}
|
.errorinput{
|
border-bottom:1px solid red !important;
|
}
|
.appQR{
|
text-align: center;
|
}
|
.appQR .qr1{
|
width: 80px;
|
height: 80px;
|
}
|
.appQR .qr2{
|
width: 12px;
|
height: 80px;
|
}
|