html,body,div,ul,li,p,iframe,input,h1,h2,h3,h4{ margin:0; padding:0;}
ul,li{ list-style:none;}
img{ border:none;}
body{ font-size:12px; color:#666;}
.clear{clear:both;}
input::-ms-clear { display: none; }
input::-ms-reveal { display: none; }
input::-webkit-clear { display: none; }
input::-webkit-reveal { display: none; }
input::-o-clear { display: none; }
input::-o-reveal { display: none; }
input::-moz-clear { display: none; }
input::-moz-reveal { display: none; }
a{ text-decoration:none; color:#007dba;}
a:hover{ color:#2bb9ff;}

.all-con{ width:100%;}
.all-con-bg{ background:#fff;}
.login-top{ width:1000px; height:80px; margin:20px auto 10px auto;position:relative;}
.login-top-img{ float:left; min-width:100px; height:80px; margin-right:20px; text-align:right; margin-top:2px;}
.login-top-img img{ max-height:80px;}
.login-top-sys-name{ float:left; width:540px; text-align:left; height:50px; margin-top:20px; }
.login-top-sys-name-cn{ font-family:Arial, Helvetica, sans-serif; font-size:24px; line-height:40px; color:#333;}
.login-top-sys-name-en{ font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:18px; color:#999; margin-left:2px;}
.login-top-info{color:#797979;width: auto; height:22px; line-height:22px;position: absolute;right: 15px;bottom:5px;background:url(../images/email-icon.png) left center no-repeat;padding-left:27px;}
.login-top-info a{color:#797979;display:inline-block;margin:0px 10px}

.mask{ width:100%; position:absolute; top:100px; z-index:3;}
.mask-in{ width:1000px; margin:0 auto; position:relative; z-index:4;}

.login-bg01{ FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#9a0606,endColorStr=#d75353); /*IE 6 7 8*/ 
background: -ms-linear-gradient(top, #9a0606,  #d75353);        /* IE 10 */
background:-moz-linear-gradient(top,#9a0606,#d75353);/*火狐*/ 
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#9a0606), to(#d75353));/*谷歌*/ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9a0606), to(#d75353));      /* Safari 4-5, Chrome 1-9*/
background: -webkit-linear-gradient(top, #9a0606, #d75353);   /*Safari5.1 Chrome 10+*/
background: -o-linear-gradient(top, #9a0606, #d75353);  /*Opera 11.10+*/}

.login-bg02{ FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#8623b4,endColorStr=#f273f7); /*IE 6 7 8*/ 
background: -ms-linear-gradient(top, #8623b4,  #f273f7);        /* IE 10 */
background:-moz-linear-gradient(top,#8623b4,#f273f7);/*火狐*/ 
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#8623b4), to(#f273f7));/*谷歌*/ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8623b4), to(#f273f7));      /* Safari 4-5, Chrome 1-9*/
background: -webkit-linear-gradient(top, #8623b4, #f273f7);   /*Safari5.1 Chrome 10+*/
background: -o-linear-gradient(top, #8623b4, #f273f7);  /*Opera 11.10+*/}

.login-bg03{ FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#0d0d0d,endColorStr=#353535); /*IE 6 7 8*/ 
background: -ms-linear-gradient(top, #0d0d0d,  #353535);        /* IE 10 */
background:-moz-linear-gradient(top,#0d0d0d,#353535);/*火狐*/ 
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#0d0d0d), to(#353535));/*谷歌*/ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0d0d0d), to(#353535));      /* Safari 4-5, Chrome 1-9*/
background: -webkit-linear-gradient(top, #0d0d0d, #353535);   /*Safari5.1 Chrome 10+*/
background: -o-linear-gradient(top, #0d0d0d, #353535);  /*Opera 11.10+*/}

.login-bg04{ FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#dc9f1c,endColorStr=#ffdc99); /*IE 6 7 8*/ 
background: -ms-linear-gradient(top, #dc9f1c,  #ffdc99);        /* IE 10 */
background:-moz-linear-gradient(top,#dc9f1c,#ffdc99);/*火狐*/ 
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#dc9f1c), to(#ffdc99));/*谷歌*/ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dc9f1c), to(#ffdc99));      /* Safari 4-5, Chrome 1-9*/
background: -webkit-linear-gradient(top, #dc9f1c, #ffdc99);   /*Safari5.1 Chrome 10+*/
background: -o-linear-gradient(top, #dc9f1c, #ffdc99);  /*Opera 11.10+*/}

.login-bg05{ FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#055731,endColorStr=#2cc972); /*IE 6 7 8*/ 
background: -ms-linear-gradient(top, #055731,  #2cc972);        /* IE 10 */
background:-moz-linear-gradient(top,#055731,#2cc972);/*火狐*/ 
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#055731), to(#2cc972));/*谷歌*/ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#055731), to(#2cc972));      /* Safari 4-5, Chrome 1-9*/
background: -webkit-linear-gradient(top, #055731, #2cc972);   /*Safari5.1 Chrome 10+*/
background: -o-linear-gradient(top, #055731, #2cc972);  /*Opera 11.10+*/}

.login-bg06{ FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#9a0606,endColorStr=#d75353); /*IE 6 7 8*/ 
background: -ms-linear-gradient(top, #9a0606,  #d75353);        /* IE 10 */
background:-moz-linear-gradient(top,#9a0606,#d75353);/*火狐*/ 
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#9a0606), to(#d75353));/*谷歌*/ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9a0606), to(#d75353));      /* Safari 4-5, Chrome 1-9*/
background: -webkit-linear-gradient(top, #9a0606, #d75353);   /*Safari5.1 Chrome 10+*/
background: -o-linear-gradient(top, #9a0606, #d75353);  /*Opera 11.10+*/}

.login-bg07{ FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#cccccc,endColorStr=#e6e6e6); /*IE 6 7 8*/ 
background: -ms-linear-gradient(top, #cccccc,  #e6e6e6);        /* IE 10 */
background:-moz-linear-gradient(top,#cccccc,#e6e6e6);/*火狐*/ 
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#cccccc), to(#e6e6e6));/*谷歌*/ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cccccc), to(#e6e6e6));      /* Safari 4-5, Chrome 1-9*/
background: -webkit-linear-gradient(top, #cccccc, #e6e6e6);   /*Safari5.1 Chrome 10+*/
background: -o-linear-gradient(top, #cccccc, #e6e6e6);  /*Opera 11.10+*/}

.login-bg01-img{ background:url(../images/login01-bg.jpg) repeat-x;}
.login-bg02-img{ background:url(../images/login02-bg.jpg) repeat-x;}
.login-bg03-img{ background:url(../images/login03-bg.jpg) repeat-x;}
.login-bg04-img{ background:url(../images/login04-bg.jpg) repeat-x;}
.login-bg05-img{ background:url(../images/login05-bg.jpg) repeat-x;}
.login-bg06-img{ background:url(../images/login06-bg.jpg) repeat-x;}
.login-bg07-img{ background:url(../images/login07-bg.jpg) repeat-x;}


.login-in{ width:360px; height:310px; background-color:#FFF; background-image:url(../images/login-in-bg.png); background-repeat:repeat; position:absolute; top:100px; left:600px; z-index:5; text-align:center; border:#ccc 1px solid; box-shadow:0 0 3px 0 #666; -moz-box-shadow:0 0 3px 0 #666; -ms-box-shadow:0 0 3px 0 #666; -o-box-shadow:0 0 3px 0 #666; -webkit-box-shadow:0 0 3px 0 #666;}
.login-title{ width:346px; height:35px; text-align:left; padding-left:30px; line-height:35px; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#FFF; background-color:#007dba; position:absolute; top:15px; left:-15px;}
.login-triangle-up{
    width: 0;
    height: 0;
    border-bottom: 8px solid #145e82;
    border-left: 14px solid transparent;
	position:absolute; top:8px; left:-15px; 
}
.login-triangle-down{
    width: 0;
    height: 0;
    border-top: 8px solid #145e82;
    border-left: 14px solid transparent;
	position:absolute; top:50px; left:-15px; 
}
.login-in span{ float:left;}
.login-in input{ width:210px; height:40px; size:24; overflow:hidden; line-height:40px; margin:0 50px; padding-left:30px; padding-right:20px; color:#666; font-size:12px; border:#ccc 1px solid;   border-radius:3px; -0-border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background-image:url(../images/login-input-bg.png); background-repeat:repeat-x;margin-bottom:20px;
}
.login-user-bg{ position:absolute; top:85px; left:50px; width:30px; height:35px;}
.login-pass-bg{ position:absolute; top:146px; left:50px; width:30px; height:35px;}

.login-check{ margin:0; display:block;  width:260px; height:40px; text-align:center;   border:#e6e6e6 2px solid; border-radius:5px; -0-border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
line-height:40px; font-size:14px; text-align:center; color:#fff; font-family:Arial, Helvetica, sans-serif; background:#007dba;
position:absolute; top:245px; left:49px;
 transition:background 1s;
-moz-transition:background 1s; /* Firefox 4 */
-webkit-transition:background 1s; /* Safari and Chrome */
-o-transition:background 1s; /* Opera */ }
.login-check:hover{background:#2bb9ff;}


.remem-checkbox{ width:15px; height:15px; float: left;cursor: pointer; position:absolute; top:211px; left:50px;}
.remem-checkbox input{ width:14px; height:14px; margin:0; padding:0; border:#ccc 0px solid; padding-top:0px; margin-top:0px;}



.checkbox-txt{ width:292px; height:22px; font-size:12px; margin-bottom:15px; text-align:left; line-height:22px; position:absolute; top:206px; left:63px; font-family:Arial, Helvetica, sans-serif;}





.regist-in{ display:none; width:360px; height:560px;background-color:#FFF; background-image:url(../images/login-in-bg.png); background-repeat:repeat; position:absolute; top:-10px; left:600px; z-index:5; text-align:center; border:#ccc 1px solid; box-shadow:0 0 3px 0 #666; -moz-box-shadow:0 0 3px 0 #666; -ms-box-shadow:0 0 3px 0 #666; -o-box-shadow:0 0 3px 0 #666; -webkit-box-shadow:0 0 3px 0 #666;}
.regist-title{ width:346px; height:35px; text-align:left; padding-left:30px; line-height:35px; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#FFF; background-color:#007dba; position:absolute; top:15px; left:-15px;}
.regist-triangle-up{
    width: 0;
    height: 0;
    border-bottom: 8px solid #145e82;
    border-left: 14px solid transparent;
	position:absolute; top:8px; left:-15px; 
}
.regist-triangle-down{
    width: 0;
    height: 0;
    border-top: 8px solid #145e82;
    border-left: 14px solid transparent;
	position:absolute; top:50px; left:-15px; 
}
.regist-in span{ float:left;}
.regist-in input{ width:210px; height:38px; size:24; overflow:hidden; line-height:38px; margin:0 50px; padding-left:30px; padding-right:20px; color:#666; font-size:12px; border:#ccc 1px solid;   border-radius:3px; -0-border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background-color:#f9f9f9; margin-bottom:10px;
}
.regist-in input value{ color:#999;}
input::-ms-clear { display: none; }
input::-ms-reveal { display: none; }
.regist-user-bg{ background-image:url(../images/login-user-icon.png); background-position:center left; background-repeat:no-repeat;}
.regist-pass-bg{ background-image:url(../images/login-pass-icon.png); background-position:center left; background-repeat:no-repeat;}
.regist-company-bg{ background-image:url(../images/login-company-icon.png); background-position:center left; background-repeat:no-repeat;}
.regist-phone-bg{ background-image:url(../images/login-phone-icon.png); background-position:center left; background-repeat:no-repeat;}
.regist-mail-bg{ background-image:url(../images/login-mail-icon.png); background-position:center left; background-repeat:no-repeat;}
.regist-linkman-bg{ background-image:url(../images/login-linkman-icon.png); background-position:center left; background-repeat:no-repeat;}
.regist-tel-bg{ background-image:url(../images/login-tel2-icon.png); background-position:center left; background-repeat:no-repeat;}
.regist-check-txt{ float:left; width:60px; height:20px; line-height:20px; margin-left:10px;
 position:absolute; top:470px; left:250px;}
.regist-check-txt a{ width:60px; height:20px; line-height:20px;}
.regist-check{ display:block; float:left; width:260px; height:40px; text-align:center;   border:#e6e6e6 2px solid; border-radius:5px; -0-border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
line-height:40px; font-size:14px; text-align:center; color:#fff; font-family:Arial, Helvetica, sans-serif; background:#007dba;
 position:absolute; top:500px; left:50px;
 transition:background 1s;
-moz-transition:background 1s; /* Firefox 4 */
-webkit-transition:background 1s; /* Safari and Chrome */
-o-transition:background 1s; /* Opera */ }
.regist-check:hover{background:#2bb9ff;}


.ident-code{ width:320px; height:38px; margin-bottom:15px; position:absolute; top:420px; left:50px;}
.ident-code input{ float:left; width:100px; height:38px; margin:0; padding:0; size:6; overflow:hidden; line-height:38px; color:#666; font-size:12px; text-align:center; border:#ccc 1px solid;   border-radius:3px; -0-border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background-image:url(../images/login-input-bg.png); background-repeat:repeat-x;}
.ident-code-img{ float:left; width:80px; height:38px; margin-left:15px; }
.ident-code-img img{ width:80px; height:38px; margin:0; padding:0; border-radius:3px; -0-border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.ident-code-txt{ float:left; width:50px; height:38px; margin-left:20px;  text-align:justify; position:absolute; top:0px; left:200px;}
.ident-code-txt span{ width:50px; font-size:12px; line-height:16px;}
.ident-code-txt a{ width:50px; line-height:38px;}

.reg-remem-checkbox{ width:15px; height:15px; float: left; cursor: pointer;background-image:none; background-repeat: no-repeat; position:absolute; top:473px; left:50px;}
.reg-remem-checkbox input{ width:15px; height:15px; margin:0; padding:0; border:#ccc 0px solid;}
.reg-checkbox-txt{ width:267px; height:22px; margin-bottom:15px; margin-left:10px; text-align:left; line-height:22px; position:absolute; top:470px; left:53px;}
.reg-checkbox-txt span{ margin-left:10px;}
.reg-checkbox-txt a{ float:left; width:200px; height:30px; margin-left:5px;}



.footerBox{width:100%;height:36px;background-color:#fff; margin-bottom:20px;font-family:Arial, Helvetica, sans-serif;}.footer{margin:0 auto;width:1000px;height:36px;line-height:36px;text-align:right;}.footer p{float:left;color:#999;}.footer a,.footer span{color:#666;}.footer span{margin:0 7px;}

.login-in2{ display:none; width:360px; height:310px; background-color:#FFF; background-image:url(../images/login-in-bg.png); background-repeat:repeat; position:absolute; top:100px; left:600px; z-index:5; text-align:center; border:#ccc 1px solid; box-shadow:0 0 3px 0 #666; -moz-box-shadow:0 0 3px 0 #666; -ms-box-shadow:0 0 3px 0 #666; -o-box-shadow:0 0 3px 0 #666; -webkit-box-shadow:0 0 3px 0 #666;}
.login-in2 span{ float:left;}
.login-in2 input{ width:210px; height:40px; size:24; overflow:hidden; line-height:40px; margin:0 50px; padding-left:30px; padding-right:20px; color:#666; font-size:12px; border:#ccc 1px solid;   border-radius:3px; -0-border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background-image:url(../images/login-input-bg.png); background-repeat:repeat-x;margin-bottom:20px;
}