﻿@charset "utf-8";  

/**
** 代码制作人: xiex
** 制作时间：2015-07-15
** 文件内容描述：登录页
** 修改日期：无
** 修改内容：无
**********************************************/
body,td,th,button,div,a{font-family:"微软雅黑", Geneva, "sans-serif" , "微软雅黑" , "宋体"; font-size: 12px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,iieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
body{background:url(../images/login_bg1.jpg) repeat-x left top #010163;}
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{ border:0;}
address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal; font-weight:normal;}
ol,ul{ list-style:none;}
a{ text-decoration:none; transition:background-color 0.3s ease 0s, border 0.3s ease 0s, color 0.3s ease 0s, opacity 0.3s ease-in-out 0s;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
q:before,q:after{ content:''}
abbr,acrnym{ border:0;}
.textEllipsis{ width:90%; overflow:hidden; display:block; white-space:nowrap; text-overflow:ellipsis; }
.clr{ clear:both; line-height:0px;}
html, body{width:100%;margin:0;padding:0;overflow:inherit!important;}

em{ font-style:normal;}
html,body{margin:0;padding:0;}
.mainbox{clear:both;}
.logincon{clear:both;width:860px;height:480px;margin:0 auto;background:url(../images/login_bg2.png) no-repeat center bottom;}

/*** 登录框 ***/
.login_form{width:310px;margin:146px 0 0!important;padding:0 0 0 250px;}
.login_title{height:68px;background:url(../images/logintxt.png) no-repeat center 30px;}
.active .login_modern{ opacity:1;}
.login_modern{position:relative;width:310px;}
.login_form_item{float:left;border-collapse:collapse;margin:0px 0 2px 0;}
.login_form_item:after{ display:table; content:""; clear:both;}

.login_form_item label{float:left;width:60px; height:32px;padding:0px;/*text-indent:-9999em;*/}
.login_form_item label span{display:block;height:32px;line-height:32px;color:#fff;font-size:13px;}
.icon_user{/*background:url(../images/icon_user.png) no-repeat center;*/}
.icon_pwd{/*background:url(../images/icon_pwd.png) no-repeat center;*/}
.login_form_item label.icon_lang{/*background:url(../images/icon_lang.png) no-repeat center;*/}

.error_tips{margin:15px 0 18px 58px;text-align:left; color:#fff;font-size:13px;}
.login_input{width:160px;height:22px;line-height:22px;padding:0 6px;font-size:13px;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;border:1px solid #e2e2e2;outline:none;}

/**** 登录按钮 ****/
.submit_item{position:absolute;left:246px;top:118px;width:64px;height:58px;border:none;border:none;}
.submit_item .btn_submit{cursor:pointer;display:block;width:64px;height:58px;line-height:58px;color:#fff;background:url(../images/login_btn.png) no-repeat;font-size:16px;text-align:center;text-indent:99999em;overflow:hidden;}
.submit_item .btn_submit:hover{opacity:0.8;filter:alpha(opacity:80);}

/*** 多语言下拉框 ***/
.multi_sel{ display:inline-block; font-size:16px; position:absolute; right:194px; top:24px;}
.multi_sel select{ display: none;}
.dropdown{ width:125px; color:#767676; cursor:default; display:block;height:34px;line-height:34px;}
.dropdown .dropdown-input{-moz-user-select: none; 
-webkit-user-select: none; 
-ms-user-select: none; 
-khtml-user-select: none; 
user-select: none; display:block;font-size:16px; padding:0 0px; width:85px; height:34px; line-height:34px; text-align: right; float:left;}
.dropdown .dropdown-icon{background:url(../images/select_dropdown.png) no-repeat center center transparent;-moz-transition: transform 0.5s; /* Firefox 4 */
-webkit-transition: -webkit-transform 0.5s; /* Safari 和 Chrome */
-o-transition: transform 0.5s; /* Opera */display:block; width:20px; float:left;}
.dropdown.sel .dropdown-icon{ transform:rotate(180deg);
-ms-transform:rotate(180deg);   /* IE 9 */
-moz-transform:rotate(180deg);  /* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg);  /* Opera */}
.dropdown-options{ padding:10px 0px; position: relative; background-color:#FFF; display:block; margin-top:4px; border:1px solid #afafaf; z-index:1002;}
.dropdown-options li a{font-size:16px; text-align:left; color:#454545; cursor:default; display:block; height:34px;line-height:34px;white-space:nowrap;padding:0 20px;}
.dropdown-options li a:hover{color:#129ceb;  cursor:pointer;text-decoration:none;}


.login_form_other{text-align:center;padding-bottom:5px;}
.login_form_other a{color:#9a9a9a; cursor:pointer;}
.login_form_other a:hover{text-decoration:underline; }

.login_form_other em{color:#ddd;margin:0 24px;}
.login_form_other .alter{color:#4aac7a;}
.form_input.input_verity{float:left;}
.form_input.input_verity .login_input{width:116px;}
.verity_pic{ float:left; height:32px; }
.verity_pic img{ float:left; width:68px; height:24px; margin:0px; padding:0px; border:none;}
.verity_pic .btn_flush{ cursor:pointer; float:left; display:inline-block; height:24px; width:34px; background:#d7d7d7 url(../images/icon_flush.png) no-repeat center;}
.verity_pic .btn_flush:hover{ background-color:#c0c0c0;}

 
.main_content{width:1000px!important;min-width:1000px;margin:0px auto; }
/***************************** 头部 *****************************************/
.login_header .main_content{ position:relative;}

.btn_login:hover{ background:#37b0ae; color:#Fff;}
.section1.active .btn_login{ opacity:0; transition:all ease-in-out 0.5s;}
.ltie9 .btn_login{ z-index:1003;}


.zoomIn{animation:zoomIn 0.5s;-webkit-animation:zoomIn 0.5s; transition:all 0.5s ease 0s;}
.zoomOut{animation:zoomOut 0.5s;-webkit-animation:zoomOut 0.5s;transition:all 0.5s ease 0s;}
.login_popup_wapper.zoomIn{display:block!important;}
@-webkit-keyframes zoomIn {
	0% { -webkit-transform: scale(0.5, 0.5);}
	100% { -webkit-transform: scale(1, 1);}
}
@keyframes zoomIn {
	0% { transform: scale(0.5, 0.5);}
	100% { transform: scale(1, 1);}
}
@-webkit-keyframes zoomOut {
    0% { -webkit-transform: scale(1, 1);}
	100% { -webkit-transform: scale(0.5, 0.5);}
}
@keyframes zoomOut {
	 0% { -webkit-transform: scale(1, 1);}
	100% { -webkit-transform: scale(0.5, 0.5);}
}