body{background: #eeeeee;}
.login_header{width: 100%; background: #fff;}
.logo{ float: left;}
.index_logo{ display: block; width: 165px; height: 52px; background: url(/image/header/saas_logo.png) center center no-repeat; margin: 0px 15px;}
input::placeholder{color: #aaaaaa;}

.main{ width: 100%; position: relative; overflow: hidden; height: 600px; }
.main_con{ width: 1920px; position: absolute; left: 50%; margin-left: -960px; height: 600px;}
.main_con .dianji{  width: 1920px; position: absolute; left: 50%; margin-left: -960px; height: 600px;}

/*注册*/
.clearFloat::after{ display: block; clear: both; content: ""; visibility: hidden; }
.registerWrap{ width: 330px; background: #fff; border: 1px solid #e5e6e6; position: absolute; left: 50%; margin-left: 270px; top:100px; padding: 29px 0 20px 31px;}
.registerWrap::after{ display: block; clear: both; content: ""; visibility: hidden;}
.registerLeft{ position: relative; width: 300px; padding-right: 30px;}
.registerRight{ float: right; width: 232px; }
.registerRightTip{ width: 155px; text-align: center; color: #999; font-size: 14px; margin: 20px auto 0;}
.registerRightCode{ width: 112px; height: 112px; margin: 20px auto 0; overflow: hidden;}
.registerTitle{ float: left; font-size: 20px; color: #666;}
.registerLogin{ float: right; font-size: 14px; color: #666;}
.registerLogin a{ color: #1eb38c; }
.registerLine{ position: relative; width: 100%; box-sizing: border-box; border: 1px solid #ddd; margin-top: 20px;}
.regItemIcon{ float: left; width: 40px; height: 40px; border-right: 1px solid #ddd; background: url(/image/member/ico.png) no-repeat #eceded;}
.nameIcon{ background-position: 12px -27px;}
.pwdIcon{ background-position: -31px -27px}
.cellIcon{ background-position: -76px -27px;}
.regInp,.codeInp{ float: left;height: 40px; line-height: 40px; font-size: 14px; color: #999; padding: 0 10px; box-sizing: border-box;}
.regInp{ width: 257px; }
.codeInp{ width: 210px;}
.regCountBtn{ float: left; width: 87px; height: 40px; border-left: 1px solid #ddd; text-align: center; font-size: 12px; color: #999; cursor: pointer;}
.regCountBtn:disabled{ cursor: default; }
.registerLine.active{ border-color:#1eb38c;box-shadow:0 0 2px #1eb38c;}
.registerLine.active .regItemIcon{ background-color: #1eb38c;}
.registerLine.active .nameIcon{ background-position: 12px 11px; }
.registerLine.active .pwdIcon{ background-position: -31px 11px;}
.registerLine.active .cellIcon{ background-position: -75px 9px;}
.registerTipWrap{ width: 300px;margin-top: 10px;}s
.registerTipWrap label{ float: left;}
.registerTipWrap label input{ vertical-align: middle; margin-right: 5px;}
.registerTipWrap a{ color: #1eb38c; line-height: 14px; vertical-align: }

.loginWrap{width: 300px;background: #ffffff;border-radius: 4px;padding: 0 50px 30px; margin: 0 auto;height:320px; padding-top: 1px;margin-top: 100px;}
.loginWrapLogo{width: 149px; height: 32px;text-align: center ; line-height: 32px;color: #1eb38c; margin: 30px auto;}
.loginLine{ position: relative; height: 40px; margin-top: 20px; border-bottom: 1px solid #eee;}
.loginInp{ width: 100%; height: 40px; line-height: 40px; font-size: 14px; padding: 0 10px 0 30px; color: #333; box-sizing: border-box; }
.loginTipWrap{ width: 100%;margin-top: 10px;}
.regLink,.pwdLink{ line-height: 16px;}
.regLink{ color: #1eb38c;}
.pwdLink{ color: #aaaaaa; margin-left: 10px;}
.loginTipWrap label{ float: left; line-height: 16px; font-size: 14px; color: #aaa; user-select: none; }
.loginTipWrap label input{ margin-right: 10px; vertical-align: middle;}
.loginLine.username::before,.loginLine.password::before{ position: absolute; left: 0; display: block; width: 16px; top: 50%; content: ""; }
.loginLine.username::before{ height: 17px; margin-top: -9px; background: url(/image/utils/name_icon.png) no-repeat; }
.loginLine.password::before{ height: 19px; margin-top: -11px; background: url(/image/utils/yzm_icon.png) no-repeat; }

.loginIdentWrap{ width: 100%; margin-top: 20px;}
.loginIdentItem{ float: left; width: 140px; height: 40px; border: 1px solid #dddddd; text-align: center; border-radius: 4px; user-select: none; cursor: pointer; line-height: 40px; color: #aaa; font-size: 14px; box-sizing: border-box;}
.loginIdentItem.active{ color: #fff; background: #1eb38c; border-color: #1eb38c; }
.loginIdentItem:first-child{ margin-right: 20px;}
.iamboss::before,.iamworker::before{ display: inline-block; width: 18px; height: 16px; vertical-align: middle; content: ""; margin-right: 8px; }
.iamboss::before{ background: url(/image/member/bus_icon_s.png) no-repeat;}
.iamworker::before{ background: url(/image/member/des_icon_s.png) no-repeat;}
.iamboss.active::before{ background: url(/image/member/bus_icon_02.png) no-repeat;}
.iamworker.active::before{ background: url(/image/member/des_icon_02.png) no-repeat;}

.logining{ width: 360px; height: 276px; position: absolute; left: 50%; background: #fff; top: 120px; margin-left: 200px; border: 1px solid #e5e6e6;}
.logining .top{ margin-top: 29px; padding-left: 30px;overflow: hidden;}
.logining .top p{ font-size: 20px; color: #666; float: left; line-height: 20px; margin-right: 40px;text-align: center;}
.logining .top div{ float: left; color: #00a0af; font-size: 14px; line-height: 20px;}
.logining .top div a{ color: #999;}
.logining .con{ padding-left: 30px; color: #999;line-height: 20px; margin-top: 23px; font-size: 14px;overflow: hidden;}
.logining .con p{ float: left;}
.logining .con a{float: left; text-decoration:underline}
.logining .mian a{ width: 168px; height: 46px; line-height: 46px; text-align: center; background: #00a0af; color: #fff; cursor: pointer; margin: 40px auto 20px; border-radius: 3px; display: block;}
.logining .jin a{ width: 166px; height: 44px; line-height: 46px; text-align: center; border: 1px solid #00a0af; cursor: pointer; margin: 0 auto; border-radius: 3px; display: block; color:#00a0af}

.loginOpWrap{ float: right;}

.register_btn,.loginBtn{ width: 100%; height: 50px; background: #1eb38c; color: #ffffff; border-radius: 3px; text-align: center; line-height: 50px; font-size: 16px; cursor: pointer; margin-top: 20px; }

div#footer{ margin-top: 0 }