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;

}



