body{ margin:0;}
html,body{ height:100%;}
.auth_page_wrapper{ font-family:'Microsoft YaHei'; font-size:13px; color:#676A6C;}
.auth_page_header{ height:110px; background:#fff;}
.cont{width:1000px; margin-left:auto; margin-right:auto; position:relative;
top: 0px;
left: 1px;
}
.auth_logo{ padding-top:10px;}
.auth_login_content { background:#cac; height:429px; position:relative; }
@media screen and (min-height:670px){ .auth_login_content { height:430px;}}
@media screen and (min-height:680px){ .auth_login_content { height:440px;}}
@media screen and (min-height:690px){ .auth_login_content { height:450px;}}
@media screen and (min-height:700px){ .auth_login_content { height:460px;}}
@media screen and (min-height:710px){ .auth_login_content { height:470px;}}
@media screen and (min-height:720px){ .auth_login_content { height:480px;}}
@media screen and (min-height:730px){ .auth_login_content { height:490px;}}
@media screen and (min-height:740px){ .auth_login_content { height:500px;}}
@media screen and (min-height:750px){ .auth_login_content { height:510px;}}
@media screen and (min-height:760px){ .auth_login_content { height:520px;}}
@media screen and (min-height:770px){ .auth_login_content { height:530px;}}
@media screen and (min-height:780px){ .auth_login_content { height:540px;}}
@media screen and (min-height:790px){ .auth_login_content { height:550px;}}
@media screen and (min-height:800px){ .auth_login_content { height:560px;}}
.auth_login_content .cont{ height:100%;}
.auth_login_content .auth_login_left { width:50%; height:100%; position:absolute;}
.auth_login_content .auth_login_right { width:50%; position:absolute; left:50%; height:100%;}
.auth_login_left .auth_others{ position: absolute; bottom:15%;}
.auth_login_left .auth_others a .auth_icon_bg {
float: left;
height: 34px;
background-color:#8a1a88;
}
.auth_login_left .auth_others a .auth_icon_bg:hover { background-color:#7a0a78;}
.auth_login_left .auth_others a i {
width: 34px;
height: 34px;
display: inline-block;
}
.auth_icon_qq {
background: url("../images/icons.png") 8px -102px no-repeat;
}
.auth_icon_weibo {
background: url("../images/icons.png") -20px -102px no-repeat;
}
.auth_icon_weixin {
background: url("../images/icons.png") -50px -102px no-repeat;
}
.auth_icon_user {
background: url("../images/icons.png") 6px -73px no-repeat;
}
.auth_icon_pwd {
background: url("../images/icons.png") -19px -73px no-repeat;
}
.auth_icon_bar {
background: url("../images/icons.png") -43px -73px no-repeat;
}
.auth_icon_Sms {
background: url("../images/icons.png") -287px 5px no-repeat;
}
.auth_login_left .auth_others h4 {
font-size: 16px;
color: #fff;
padding-bottom: 5px;
font-weight: 600;
}
.auth_login_left .auth_others ul, .auth_tab_links ul {
list-style: none;
margin: 0;
padding: 0;
}
.auth_login_left .auth_others li {
margin-top: 15px;
height: 34px;
line-height: 34px;
}
.auth_login_left .auth_others li a {
text-decoration: none;
}
.auth_login_left .auth_others .auth_icon_text {
width: 174px;
padding-left: 15px;
color: #fff;
font-size: 13px;
background-color: rgba(255, 255, 255, .4);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66ffffff, endColorstr=#66ffffff);
display: inline-block;
}
.auth_login_left .auth_others .auth_icon_text:hover {
background-color: rgba(255, 255, 255, .6);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff);
}
.auth_tab { position:absolute; width:339px; left:170px; bottom:15%; border:11px solid rgba(255, 255, 255, 0.4);}
.auth_tab_links li {
width: 50%;
height: 55px;
line-height: 55px;
text-align: center;
display: block;
float: left;
background-color: rgba(138, 138, 137, .8);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#998A8A89, endColorstr=#998A8A89);
cursor: pointer;
}
.auth_tab_links li span {
color: #ffffff;
}
.auth_tab_links li.selected { color:#7a0a78; font-weight:bold;
background-color: rgba(255, 255, 255, .9);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5ffffff, endColorstr=#E5ffffff);
}
.auth_tab_links li.selected span {
color: #676a6c;
}
.auth_tab_content {
padding: 25px 35px 22px 35px;
background-color: rgba(255, 255, 255, .9);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5ffffff, endColorstr=#E5ffffff);
min-height: 210px;
}
.auth_tab_content_item {
position: relative;
}
.auth_tab_content_item p {
margin-top: 0;
margin-bottom: 17px;
}
.auth_tab_content_item p label {
font-size: 12px;
margin-left: 5px;
}
.auth_icon {
background-color: rgb(242, 242, 242);
border: 1px solid #ccc;
border-right: none;
width: 32px;
height: 32px;
float: left;
}
.auth_input {
border: 1px solid #ccc;
padding: 8px 12px;
font-size: 14px;
width: 209px;
margin: 0;
color: #676a6c;
}
.auth_input:focus {
outline: none;
}
.auth_login_btn {
color: #fff;
padding: 6px 12px;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
border-radius: 3px;
text-decoration: none;
border: 1px solid transparent;
width: 100%;
}
.primary {
background-color: #8a1a88;
border-color: #8a1a88;
}
.primary:hover {
background-color: #7a0a78;
border-color: #7a0a78;
}
.warning {
background-color: #EBDC99;
border-color: #EBDC99;
color: #676a6c;
}
.warning:hover {
background-color: #EEDA80;
border-color: #EEDA80;
color: #333;
}
.abs_right {
position: absolute;
right: 0;
}
.full_width {
display: block;
}
.auth_login_forgetp {
text-decoration: none;
color: #676a6c;
}
.auth_login_forgetp:hover {
color: #333;
}
.auth_login_forgetp small {
font-size: 12px;
}
.auth_error {
position: absolute;
color: #ED5565;
font-size: 12px;
top: 33px;
left: 45px;
}
.clearfloat {
clear: both;
}
/**/#accountLogin{ background:url(../images/log-title.png) 11px 8px rgba(138, 138, 137, .8) no-repeat; height:55px; }
#accountLogin.selected{ background:url(../images/log-title.png) 11px 8px rgba(255, 255, 255, .9) no-repeat;}
#accountLogin span{ display:none;}
#getBackPasswordMainPage{ float:right; color: #8a1a88;}
.auth_login_description{ height:108px; background:#fff; position: relative;}
.auth_login_description .left {
position: absolute;
top: 20px;
left: 0;
text-align:left;
line-height: 24px;
width: 408px;
padding-left: 80px;
padding-top: 0px;
background: url("../images/ico-notice.png") no-repeat scroll 0 center transparent;
}
.xiugaimm {
margin: 0;
padding: 0;
line-height: 1.8;
}
.auth_login_description .left p,.auth_login_description .right p{
margin: 0;padding:0;line-height:1.8;
}
.auth_login_description .right{
position: absolute;
top: 20px;
left: 494px;
line-height: 20px;
width: 490px;
text-align: left;
}
.auth_login_description h2,.f-blue{ font-size:12px; color:#66B; margin:0;}
.auth_login_footer { padding-top:5px;
text-align: center;
position: relative;
}
.captcha-img {
width: 92px;
height: 34px;
margin-left: 3px;
vertical-align: top;
}
.captcha-input {
width: 65px;
}
.dynamicCode {
width: 90px;
padding: 6px 8px;
margin-top: 0px;
cursor: pointer;
font-family: 'Microsoft YaHei';
}
.login-ul-li-full{
width: 100% !important;
}
/*二维码样式*/
#qrCodeImage{
padding:2px;
border: 1px solid #CCC;
background: #fff;
box-shadow: 0 0 5px rgba(0,0,0,.3)
}
.qrCenter{
text-align: center;
}
#appCodeRefresh {
position: absolute;
top: 0;
left: 76px;
width: 117px;
height: 118px;
cursor: pointer;
}
.appCode-mask {
height: 100%;
background: #000;
opacity: 0.7;
filter: alpha(opacity=70);
}
#appCodeLoginLoad {
position: absolute;
top: 0;
left: 76px;
width: 117px;
height: 118px;
}
.appCode-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
padding-top: 44px;
text-align: center;
color: #fff;
line-height: 26px;
}
.appCode-wrap {
text-align: center;
color: #fff;
line-height: 26px;
}
.auth-language {
float: right;
margin-top: 18px;
font-size: 14px;
margin-right: 15px;
}
.auth-language-select {
float: right;
padding-left: 16px;
}