@charset "utf-8";
.clearfix:after             { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clearfix                   { zoom:1; }
.inner                      { width:100%; margin:0 auto; }
.top-bar                    { height: 36px; line-height: 36px; position: relative; 
                              background: url(../../images/login/tb3.jpg) repeat-x;}
.top-bar span               { padding-left:10px; color:#fff; }
.nav-wrap                   { background:#fff; }
.nav-wrap .logo             { float:left; width:244px; height:57px; margin:10px 0px 0px 10px; display:inline; }
.nav-wrap .nav li           { display:inline; float:left; position:relative; z-index:15; }
.nav-wrap .nav li .nav-hd a { display:block; height:30px; padding:30px 10px 20px; color:#666; 
                              font:16px/30px 'Microsoft YaHei'; }
.nav-wrap .nav li .nav-hd a:hover,
.nav-wrap .nav li .nav-current a  { background:url(../../images/login/h-bg.gif) no-repeat left bottom; color:#f57418;}

.login-home                       { width:100%; position:relative;background: url(../../images/login/home-bot-bg.jpg) #f9f9f9 no-repeat bottom center;}
.login { width:100%; position:relative; height:100%;}
/*.login-box .before-login,
.login-box .after                 { position:relative; width:240px; height:224px; }
.login-box .login-overlay         { position:absolute; right:0; top:0; width:300px; height:260px; background:#000; 
                                    opacity:0.4; filter:alpha(opacity=40);
                                    border-radius:10px; }
.login-box .login-inner           { position:absolute; left:0; top:0; padding:30px; z-index:1; }
.login-box .login-form            { display:block; }
.login-box .login-form-hd,
.login-box .login-form-bd span    { font-size:16px; font-weight:bold; color:#fff; }
.login-box .login-form-item       { padding:15px 0px 0px 40px; height:40px; width:200px; position:relative; }
.login-box .login-form-item .form-icon   { position:absolute; left:0; top:15px; width:40px; height:40px;
                                           background:url(../../images/login/form-icon.png) no-repeat 9999px 9999px;}
.login-box .login-form-item .form-icon-1 { background-position:0px 0px; }
.login-box .login-form-item .form-icon-2 { background-position:0px -45px; }
.login-box .login-form-item input        { height:40px; width:195px; padding-left:5px; border:none; background:#fff; 
                                           line-height:40px; color:#666; }
.login-box .login-form-submit            { padding:20px 0px 0px 0px; }
.login-box .login-form-submit input      { width:240px; height:40px; padding:0px; background:#729eda; 
                                           font-weight:bold; font-size:16px; color:#fff; cursor:pointer;
                                           text-shadow:1px 1px 1px rgba(0,0,0,0.1); }
.login-box .login-form-submit input:hover{ background-color:#4e7dbd; }
.login-box .login-form-sign              { padding:20px 0px 0px 0px; }
.login-box .login-form-sign input        { width:240px; height:40px; padding:0px; background-color:#FF6666; 
                                           font-weight:bold;font-size:16px; color:#fff; cursor:pointer;
                                           text-shadow:1px 1px 1px rgba(0,0,0,0.1); }
.login-box .login-form-sign input:hover  { background-color:#FF6633; }*/

#loginbackbg          { clear:both; width:100%; height:100%; display:inline-block; text-align:center; }
#loginbackbg img      { width:100%; height:100%; }

/*#loginMsgBox          { padding-left:5px; color:red; }*/
#yzmMsgBox            { padding-left:10px; color:red; }

.logo { position:absolute; right:49%; top:20%;}
/**************phone verification*********/
.phone-icon                              { position:absolute; left:0; top:15px;  width:40px; height:40px; 
                                           background:url(../../images/login/phone-icon.png) no-repeat;}
.phone-icon-1                            { background-position:0px 0px;}
.phone-icon-2                            { background-position:0px -27px;}
.item-yzm input[type="text"]             { width:90px !important; float:left; margin-right:10px;}
.login-box-phone .item-yzm .yzm-submit   { width:95px; height:30px;float:left; margin-top:5px; padding:0px; 
                                           font:12px/30px 'SimSun'; color:#333;}
.item-phone input[type="text"]           { width:115px; margin-right:10px;}
.login-box-phone						 { height:200px; }
.login-box-phone .login-overlay          { height:200px;}
.login-box-phone .before-login           { height:auto;}

/*******************2016-07-08 login style*******************************/
.login-box .login-form-item:first-child { padding:0 0 0 40px;}
.login-box .login-form-item:first-child label{ top:0;}
.login-form-msg { text-align:right; margin-bottom:5px; padding-right:5px;}

/**********************login style 2017-04-24 wmn*************************/
.login-box                        { width:487px; height:300px; position:relative; margin: 0 auto; top:35%; }
.project-name                       { font:13px/28px "Microsoft YaHei";color:#a8a8a8;position:absolute; left:1%; top:11%;}
.project-support                    {font:12px/28px "Microsoft YaHei";color:#a8a8a8;position:absolute; right:0; top:41%; width:290px;}
.footer                              {width:465px; height:auto;padding:12px 15px;border-radius: 5px; position:absolute; left:0;top:20%;background:#f9f9f9;border:1px solid #e1e1e1;box-shadow: 0 0 15px #e3e3e3;-webkit-box-shadow:0 0 15px #e3e3e3; }
.footer .information                {width:35%;height:30px;border:1px solid #ebebeb;border-radius: 6px;font:12px/28px "Microsoft YaHei";background: #fff;padding-left:8px;margin-right:12px;box-shadow: 0 -1px 1px #e1e1e1;-webkit-box-shadow:0 -1px 1px #e1e1e1;}
.footer a .beian-txt                { font-size:14px; line-height:70px; margin-left:10px; }
.footer .g-btn-login                {border-radius: 5px;}
.error-text {font:13px/28px "Microsoft YaHei";color:#e74135;position:absolute; left:1%; top:41%; }
/*******************2017-03-06 yyz erweima*******************************/
.nav-erweima 						   {position:relative}
.nav-erweima:hover .erweima 		   {opacity:1;top:95px;filter:alpha(opacity=100);-moz-opacity:0;transition: all 0.5s;
									    -moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s; }
.erweima        					   {opacity:0; filter:alpha(opacity=0);-moz-opacity:0;width:100px;background-color:#FFFFFF;padding:5px;
										position:absolute;top:40px;left:-15px;box-shadow:1px 1px 5px #333333;-moz-box-shadow:1px 1px 5px #333333;
										-webkit-box-shadow:1px 1px 5px #333333;cursor:pointer}
.erweima  p  						   {width:100%;text-align:center;}
.erweima_arrow 						   {width:0px;height:0px; border-left:10px solid transparent; border-right:10px solid transparent;border-bottom:15px solid #fff;
										position:absolute;left:50%;margin-left:-10px;top:-15px;}
.erweima_photo						   {width:100px;height:100px;margin-bottom:5px; }