html,body{ margin:0; padding:0; color:#333; font:14px/1.5 "Helvetica Neue","Hiragino Sans GB","WenQuanYi Micro Hei","Microsoft Yahei",sans-serif;}
body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga","kern";}
body.bodybg{ background:#eeeeee;}
img{ border:none 0;}
form{ margin:0;}
a{ text-decoration:none; color:#53afff; outline:none; transition:background-color 0.3s ease 0s, color 0.3s ease 0s;}
a:hover{ text-decoration:none;cursor:pointer;}
a.inherit{ color:inherit;}
.clearfix:after{ content:""; display:block; clear:both; height:0; line-height:0; visibility:hidden;}
input{ outline:none; font-family:inherit; background:none;}
input[type="text"]::-webkit-input-placeholder{color:#aaa;}
input::-moz-placeholder{color:#aaa;}
input:-moz-placeholder{color:#aaa;}
input:-ms-input-placeholder{color:#aaa;}
input[type="checkbox"], input[type="radio"]{ vertical-align:-2px;}
input::-ms-clear{display:none;}
input[type="password"]::-ms-reveal{display:none;}
[class^="icon-"], [class*="icon-"]{ background:url(../../images/icon-main.png) no-repeat; display:inline-block; vertical-align:middle;}
.icon-user{ background-position:0 0; width:14px; height:14px;}
.icon-lock{ background-position:-20px 0; width:13px; height:16px;}
.icon-eye{ background-position:-40px 0; width:18px; height:12px;}
.icon-eyeclick, a:hover .icon-eye{ background-position:-40px -20px; width:18px; height:12px;}
.icon-check{ background-position:-90px 0; width:16px; height:16px; margin:0 8px 2px 0;}
.icon-checked{ background-position:-90px -20px; width:16px; height:16px; margin:0 8px 2px 0;}
.icon-radio{ background-position:-70px 0; width:15px; height:15px; margin:0 20px 2px 5px;}
.icon-radioclick{ background-position:-70px -20px; width:15px; height:15px; margin:0 20px 2px 5px;}
.icon-clear{ background-position:-120px 0; width:15px; height:15px;}
a:hover .icon-clear{ background-position:-120px -20px;}
.icon-logo{ background-position:-385px 0px; width:170px; height:60px;}
.icon-toplogo{ background-position:-275px 0; width:100px; height:36px;}
.icon-topemail{ background-position:-290px -60px; width:128px; height:128px;}
.icon-footlogo{ background-position:-540px 0; width:37px; height:12px; margin:0 10px 0 0; display:none;}
.icon-topsuccess{ background-position:-200px 0; width:80px; height:80px;}
.icon-topfailed{ background-position:-200px -90px; width:80px; height:80px;}
.icon-arrow{ background-position:-180px -20px; width:14px; height:11px; margin:0 0 3px;}
a:hover .icon-arrow{ background-position:-180px -20px;}
.icon-arrowdown{ background-position:-160px 0; width:8px; height:4px; margin:0 0 0 10px;}
.icon-add{ background-position:-140px 0; width:12px; height:12px; margin:0 8px 0 0; vertical-align:-1px;}
.icon-invitearrow{ background-position:0 -20px; width:16px; height:9px;}
.icon-authsuccess{ background-position:-120px -40px; width:16px; height:16px; margin:0 6px 0 0;}
.icon-change{ background-position:0 -40px; width:16px; height:12px; margin:0 6px 0 0;}
.icon-invitewechat{ background-position:0 -60px; width:24px; height:20px; margin:0 10px 0 0;}
.icon-inviteqq{ background-position:-30px -60px; width:21px; height:24px; margin:0 10px 0 0;}
.icon-invitesms{ background-position:-60px -60px; width:24px; height:22px; margin:0 10px 0 0;}
.icon-neterror{ background-position:-140px -40px; width:24px; height:24px; margin:0 15px 0 0;}
.icon-netclose{ background-position:-140px -20px; width:12px; height:12px;}
.icon-topback{ background-position:-120px -70px; width:10px; height:17px; margin:0 5px 0 0;}
.wraper{ margin:0 auto;background-color:white;padding:40px 30px 30px; min-width:320px; max-width:540px; *min-width:540px;margin-top:90px;border-bottom:1px solid #e7e7e7;}
body.client-browser .wraper, body.client.notop .wraper{ padding:43px 15px 20px;}
.wraper.neterror{ padding-top:130px;}
body.client-browser .wraper.neterror{ padding-top:78px;}
.logo{ margin:0 0 30px; text-align:center; display:block;}
.logo .text{ font-size:30px;}
.logo .findaccount{ font-size:24px;}
.logo .findaccount span{ color:#666; font-weight:100; white-space:nowrap; display:inline-block;}
.logo .findaccount em{ color:#53afff; font-style:normal; white-space:nowrap; display:inline-block;}
.logo .findaccount b{ font-style:normal; font-weight:normal; white-space:nowrap; display:inline-block;}
.logo .regtypetip{ margin:6px 0 0; color:#666; font-size:16px;}
.logo .toptip{ margin:6px 0 0; color:#999; font-size:16px;}
.inputwrap{ background:#fff; margin:0 0 12px; height:48px; border:1px solid #e7e7e7; position:relative; *z-index:20;}
.inputwrap.focus{ border:1px solid #53afff;}
.inputwrap.errorfocus{ border:1px solid #f44;}
.inputwrap input[type="text"], .inputwrap input[type="password"], .inputwrap input[type="number"]{ padding:15px 15px 15px 45px; width:100%; *width:373px; height:100%; *height:17px; line-height:18px; font-size:14px; border:0 none; box-sizing:border-box;}
.inputwrap input[type="text"].padr1{ *width:343px;}
.inputwrap input[disabled="disabled"]{ cursor:not-allowed;}
.inputwrap input.cutpad{ padding-left:15px;}
.inputwrap input.padr1{ padding-right:50px;}
.inputwrap input.padr2{ padding-right:80px;}
.inputwrap input.padr3{ padding-right:120px; *width:303px;}
.inputwrap .inputdisabled{ padding:15px 15px 15px 45px; width:100%; *width:378px; height:100%; *height:18px; line-height:18px; font-size:14px; border:0 none; box-sizing:border-box; background:#f0f0f0; cursor:pointer;}
.inputwrap .mobiarea{float:left; padding:15px 10px 15px 15px; width:50px; height:18px; line-height:18px; display:inline-block; position:relative;}
.inputwrap .mobiarea label{ position:absolute; top:0; right:0; bottom:0; left:0; line-height:48px;text-indent:8px;color:#aaa;}

.inputwrap .mobiarea ul.regway-list{ margin:0; padding:0; list-style:none; border-width:0 1px 1px 1px; border-style:solid; border-color:#e7e7e7; position:absolute; top:49px; right:-3px; left:-1px; z-index:10;}
.inputwrap .mobiarea ul.regway-list li a{background-color:#fff;color:#666; padding:8px 15px; display:block;text-indent:8px;}
.inputwrap .mobiarea ul.regway-list li a:hover{ background:#f2f2f2;color:#333;}
.inputwrap .regmobi{ margin:0 0 0 76px;}
.inputwrap .regmobi input[type="text"]{ padding-left:10px; *width:337px;}
.inputwrap .regmobi input[type="text"].padr1{ *width:302px;}
.inputwrap .inputclear{ position:absolute; top:0; *top:14px; right:0; line-height:48px; width:40px; text-align:center;}
.inputwrap .inputclear.moveleft{ right:40px;}
.inputwrap .gender{ position:absolute; top:0; right:0; height:48px; line-height:48px;}
.inputwrap .gender a, .inputwrap .gender label{ display:inline-block; cursor:pointer; overflow:hidden;}
.lable-login{ position:absolute; top:17px; left:17px;}
.tiptext{ margin:10px 0 8px; position:relative; font-size:12px; color:#999;}
.tiptext .tipright{ position:absolute; top:0; right:0;}
.tiptext a:hover{ text-decoration:underline;}
.submitwrap{ margin:0 0 12px; padding:10px 0 0; position:relative;}
.submittip{ margin:0 0 5px; color:#999; text-align:center;}
a.btn-submit{ background:#53afff; color:#fff; width:100%; height:56px; line-height:56px; font-size:18px; text-align:center; display:inline-block; border-radius:2px;}
a.btn-submit:hover{ background:#4c9ee5;}
a.btn-submit:active{ background:#4c9ee5;}
a.btn-enter{ background:#fff; color:#666; width:100%; height:54px; line-height:54px; border:1px solid #e3e3e3; font-size:18px; text-align:center; display:inline-block; border-radius:2px;}
a.btn-enter:hover{ background:#f5f5f5;}
a.btn-enter:active{ background:#ebebeb;}
a.btn-enter.addmore{ color:#999; font-size:14px; height:50px; line-height:50px;}
a.btn-login{ background:#fff; color:#666;height:44px; width:100px;line-height:44px; border:1px solid #e7e7e7; font-size:18px; text-align:center; display:inline-block; border-radius:2px;}
a.btn-login:hover{ background:#f5f5f5;}
a.btn-login:active{ background:#ebebeb;}
a.btn-invite{ background:#00c20d; color:#fff; width:100%; height:52px; line-height:52px; font-size:18px; text-align:center; display:inline-block; border-radius:2px;}
a.btn-invite:hover{ background:#00a90b;}
a.btn-invite.qqbg{ background:#00b2f6;}
a.btn-invite.qqbg:hover{ background:#00a4e6;}
a.btn-invite.smsbg{ background:#ffb200;}
a.btn-invite.smsbg:hover{ background:#eba400;}
.tiplink{ margin:30px 0 10px; text-align:center;}
.tiplink a{ color:#53afff;}
.tiplink a:hover{ text-decoration:underline;}
.errortip{ margin:-8px 0 6px; color:#f44; font-size:12px;}
.errortip.disagree{ margin-top:-15px;}
.errortip a:hover{ text-decoration:underline;}
.top{ background:#fff; height:70px; border-bottom:1px solid #e7e7e7; position:fixed; top:0; right:0; left:0; z-index:100;}
body.inputfocus .top{ position:absolute;}
body.client-browser .top{ display:none;}
.top a.toplogo{ position:absolute; top:17px; left:5%;}
.top a.topback{ position:absolute; top:18px; left:4%; color:#666; line-height:1em;}
.top a.btn-login{ position:absolute; top:13px; right:5%;}
.tabtoggle{ margin:0 0 12px; height:48px; border-width:1px 1px 0 1px; border-style:solid; border-color:#e7e7e7;}
.tabtoggle a{ background:#f5f5f5; display:inline-block; margin:-1px 0 0; padding:1px 0 0; width:50%; height:46px; line-height:1em; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; font-size:16px; color:#666; text-align:center; float:left;}
.tabtoggle a .regnew{ line-height:46px; display:block; border-right:1px solid #e7e7e7;}
.tabtoggle a .enterhas{line-height:46px;height:38px; border-left:1px solid #e7e7e7; display:block; margin:-1px 0 0;}
.tabtoggle a .enterhas small{ display:block; margin:2px 0 0;}
.tabtoggle a.current{ background:none; color:#333; padding:0; border-bottom:none;}
.tabtoggle a.current .regnew{ margin:-1px -1px 0; border-right:none; border-top:2px solid #53afff; position:relative;}
.tabtoggle a.current .enterhas{ margin:-1px -1px 0;  border-left:none; border-top:2px solid #53afff; position:relative;}
.smswrap{ margin:0 0 12px; position:relative;}
.smswrap a.getauth{ background:#fff; display:block; width:150px; height:48px; line-height:48px; color:#999; border:1px solid #e7e7e7; text-align:center; float:right;}
.smswrap a.getauth.success{ color:#2a5;}
.smswrap.focus a.getauth{ border:1px solid #53afff; color:#53afff;}
.smswrap a.getauth.effect:hover{ background:#53afff; color:#fff; border:1px solid #53afff;}
.smswrap a.getauth.effect:active{ background:#07c; color:#fff; border:1px solid #07c;}
.smswrap a.regetauth{ background:#f0f0f0; display:block; width:150px; height:48px; line-height:48px; color:#999; border:1px solid #e7e7e7; text-align:center; float:right;}
.smswrap a.authsuccess{ background:#f0f0f0; display:block; width:150px; height:48px; line-height:48px; color:#999; border:1px solid #e7e7e7; text-align:center; float:right;}
.smswrap .authcode{ background:#fff; margin:0 160px 0 0; height:48px; border:1px solid #e7e7e7;}
.smswrap .authcode.imgcode{ margin:0 210px 0 0;}
.smswrap .authcode input{ border:none 0; padding:15px; font-size:14px; line-height:18px; width:100%; *width:248px; height:100%; box-sizing:border-box;}
.smswrap .authcode.imgcode input{ *width:198px;}
.smswrap .changeimg{ background:#fff; width:198px; height:48px; border:1px solid #e7e7e7; float:right;}
.smswrap .changeimg a{ float:right; width:88px; height:48px; line-height:48px; border-left:1px solid #e7e7e7; text-align:center;}
.smswrap .companyid{ float:right; width:152px; height:48px; line-height:48px; font-size:26px; text-align:left;}
.smswrap.focus .authcode{ border:1px solid #53afff;}
.smswrap.errorfocus .authcode{ border:1px solid #f44;}  
.successtitle{ margin:0 0 20px; font-size:30px; text-align:center;}
.successtip{ margin:0 0 40px; font-size:18px; color:#999; text-align:center;}
.companyname{ margin:0 0 5px; font-size:18px; text-align:center; color:#53afff;}
ul.accountinfo-list{ margin:0 auto; padding:10px 10% 20px; list-style:none; line-height:2em;}
ul.accountinfo-list li.tip{ color:#999;}
ul.accountinfo-list li span{ margin:0 0 0 15px; color:#999;}
.otherinvite{ color:#999;}
.inviteinfo{ background:#fff; margin:10px 0 0; padding:10px 20px; color:#999; box-shadow:0 0 2px 0 rgba(0,0,0,0.2); position:relative;}
.inviteinfo .invite-code{ margin:0 0 5px;}
.inviteinfo .invite-code span{ color:#53afff;}
.inviteinfo .invite-link{ margin:0 0 5px; padding:0 0 0 5em; text-indent:-5em; color:#999; word-wrap:break-word; word-break:break-all;}
.inviteinfo .invite-link a{ color:#999; text-decoration:underline; word-wrap:break-word; word-break:break-all;}
.inviteinfo .invite-link a:hover{ color:#53afff;}
.inviteinfo .invite-intro{ font-size:12px;}
.inviteinfo .invite-copy{ font-size:12px; color:#999; position:absolute; top:10px; right:20px;}
.inviteinfo .invite-copy:hover{ color:#53afff;}
.inviteinfo .invite-copytip{ background:#fff; padding:10px; width:200px; border:1px solid #bfc0c1; position:absolute; top:38px; right:19px; z-index:100;}
.inviteinfo .invite-copytip .icon-invitearrow{ position:absolute; top:-9px; right:4px;}
.inviteinfo .invite-copysuccess{ background:#fff; box-shadow:0 0 4px 0 rgba(0,0,0,0.3); padding:10px; width:180px; border-radius:2px; text-align:center; position:absolute; top:50%; left:50%; margin-top:-20px; margin-left:-100px; z-index:200;}
ul.unbind-list{ margin:0; padding:0; list-style:none; color:#666; line-height:1.8em;}
ul.unbind-list li.title{ color:#333;}
.invitecode{ font-size:40px;}
.invitecode span{ color:#53afff;}
.invitecodetip{ margin:10px 10px 50px; color:#666;}
.companynum{ margin:5px 0 0; font-size:18px; color:#999;}
.sendemail{ margin:10px 10px 20px; font-size:22px; line-height:1.8em; text-align:center;}
.sendemailtip{ margin:0; line-height:1.8em;}
.sendemailtip .tipcont{ color:#666;}
.sendemailtip .tipcont a{ white-space:nowrap;}
.sendemailtip .tipcont a:hover{ text-decoration:underline;}
ul.findaccount-list{ margin:0; padding:0; list-style:none; background:#fff; border-width:0 1px 1px 1px; border-style:solid; border-color:#e7e7e7; position:absolute; top:49px; left:-1px; right:-1px; z-index:10;}
ul.findaccount-list li a{ padding:0 0 0 45px; display:block; line-height:50px; color:#666;}
ul.findaccount-list li a:hover{ background:#f2f2f2;}
.findbindtip{ margin:0 0 40px; text-align:center;}
.findbindtip .findresult{ font-size:18px;}
.findbindtip .findsuggest{ margin:10px 0 0;}
ul.findtip-list{ margin:20px 0 0; padding:10 20px; list-style:none; background:#fff; color:#666;}
ul.findtip-list li{ padding:5px 0;}
.neterrorwrap{ margin:0;}
.neterrorwrap .neterror{ background:#fff8cc; width:100%; height:48px; line-height:48px; font-size:16px; text-align:center; position:fixed; top:53px; left:0; right:0; z-index:100;}
body.client-browser .neterrorwrap .neterror{ top:0;}
.neterrorwrap .neterror a.netclose{ position:absolute; top:18px; right:30px; font-size:0; line-height:0;}
.backreg{ margin:12px 0 0; font-size:12px;}
.backreg span{ font-family:simsun;}
.backreg a:hover{ text-decoration:underline;}
.tipwarp{ margin:0 auto; padding:95px 0 0; min-width:300px; max-width:650px;}
.tipwarp ul.tip-list{ margin:0 15px; padding:10px 40px 15px; list-style:none; background:#fff;color:#666;}
.tipwarp ul.tip-list li{ margin:0 0 10px; line-height:24px;}
.tipwarp ul.tip-list li.title{ padding:10px 0 0; font-size:16px; color:#333;}
.tipwrapbot{ margin:15px 0 0; padding:0 0 20px; font-size:12px; color:#b6b7b8; text-align:center;}
body.client-browser .tipwrapbot, body.client .tipwrapbot{ display:none;}
.foot{ margin:30px 0 0; padding:0 0 20px; color:#999999; text-align:center; font-size:12px;}
body.client-browser .foot, body.client .foot{ display:none;}
/* retina兼容 */
@media only screen and (-webkit-min-device-pixel-ratio :1.5),(min-resolution:120dpi),(-ms-high-contrast:active),(-ms-high-contrast:none){
[class^="icon-"], [class*="icon-"]{ background-size:600px 200px;}
.icon-user{ background-position:0 0; width:14px; height:14px;}
.icon-lock{ background-position:-20px 0; width:13px; height:16px;}
.icon-eye{ background-position:-40px 0; width:18px; height:12px;}
.icon-eyeclick, a:hover .icon-eye{ background-position:-40px -20px; width:18px; height:12px;}
.icon-check{ background-position:-90px 0; width:16px; height:16px; margin:0 8px 2px 0;}
.icon-checked{ background-position:-90px -20px; width:16px; height:16px; margin:0 8px 2px 0;}
.icon-radio{ background-position:-70px 0; width:15px; height:15px; margin:0 20px 2px 5px;}
.icon-radioclick{ background-position:-70px -20px; width:15px; height:15px; margin:0 20px 2px 5px;}
.icon-clear{ background-position:-120px 0; width:15px; height:15px;}
a:hover .icon-clear{ background-position:-120px -20px;}
.icon-logo{ height:60px;}
.icon-toplogo{}
.icon-topemail{ background-position:-290px -60px; width:128px; height:128px;}
.icon-footlogo{ background-position:-540px 0; width:37px; height:12px; margin:0 10px 0 0; display:none;}
.icon-topsuccess{ background-position:-200px 0; width:80px; height:80px;}
.icon-topfailed{ background-position:-200px -90px; width:80px; height:80px;}
.icon-arrow{ background-position:-180px -20px; width:14px; height:11px; margin:0 0 3px;}
a:hover .icon-arrow{ background-position:-180px -20px;}
.icon-arrowdown{ background-position:-160px 0; width:8px; height:4px; margin:0 0 0 10px;}
.icon-add{ background-position:-140px 0; width:12px; height:12px; margin:0 8px 0 0; vertical-align:-1px;}
.icon-invitearrow{ background-position:0 -20px; width:16px; height:9px;}
.icon-authsuccess{ background-position:-120px -40px; width:16px; height:16px; margin:0 6px 0 0;}
.icon-change{ background-position:0 -40px; width:16px; height:12px; margin:0 6px 0 0;}
.icon-invitewechat{ background-position:0 -60px; width:24px; height:20px; margin:0 10px 0 0;}
.icon-inviteqq{ background-position:-30px -60px; width:21px; height:24px; margin:0 10px 0 0;}
.icon-invitesms{ background-position:-60px -60px; width:24px; height:22px; margin:0 10px 0 0;}
.icon-neterror{ background-position:-140px -40px; width:24px; height:24px; margin:0 15px 0 0;}
.icon-netclose{ background-position:-140px -20px; width:12px; height:12px;}
.icon-topback{ background-position:-120px -70px; width:10px; height:17px; margin:0 5px 0 0;}
}

/* for mobi 300-440 */
@media (min-width: 300px) and (max-width: 440px){
.logo .text{ font-size:28px;}
.invitecode{ font-size:32px;}
.wraper{ padding:75px 15px 10px;}
.notop .wraper{ padding-top:30px;}
.successtip{ margin:0 0 20px;}
.findbindtip{ margin:0 0 30px;}
.foot{ margin:20px 0 0;}
}

/* for iphone4&4s height */
@media (max-height: 400px){
.notop .wraper{ padding-top:30px;}
.logo{ margin:0 0 20px;}
}

/* for mobi 320-769 */
@media (min-height: 680px) and (max-width: 770px){
    
}

.inputwrap .mobiarea label{
    cursor: pointer;
}
.inputwrap .mobiarea ul.regway-list{
    display: none;
}
.inputwrap .mobiarea.active ul.regway-list{
    display: block;
}
.smswrap a.getauth .icon-authsuccess,.smswrap a.regetauth .icon-authsuccess{
    display: none;
}
.smswrap a.getauth.success .icon-authsuccess{
    display: inline-block;
    *display: inline;
    *zoom:1;
}
.gender{
    white-space: nowrap;
}
.icon-clear {
    display: none;
}
.icon-eye{
    display: none; 
}
.focus.hasContent .icon-clear{
    display: inline-block;
    *display: inline;
    *zoom:1;
}
.focus.hasContent .icon-eye{
    display: inline-block;
    *display: inline;
    *zoom:1;
}
.smswrap a.getauth.effect{ 
    color:#53afff; 
    border:1px solid #53afff;
}
.inline_block {
    display: inline-block;
    *display:inline;
    *zoom:1;
}
.username_type_switch{
    width:100%;
    height: 100%;
}
.icon-arrowdown{
    margin:0;
}
.username_type_switch span{
    width: 37px;
    display: inline-block;
}
.ng-hide { display:none!important; }
.font_blue{
    color:#53afff;
}

.inputwrap input[type="number"]{
    padding: 15px 0 15px 45px;
    width: 100%;
    line-height: 18px;
    border: none 0;
    box-sizing: border-box;
}
.inputwrap .regmobi input[type="number"] {
    padding-left: 10px;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[inputtype=number],input[id=authCode]{
    ime-mode: disabled;
    -webkit-ime-mode:disabled
}
input[type=number] {
    -moz-appearance:textfield;
}
input::-ms-clear {
    display: none;
}
.position_hidden{
    position: fixed;
    left:-99999px;
    width:0!important;
    height:0!important;
    background: red;
    position: static\0!important;
    background: transparent\0!important;
    border:0!important;
    padding:0!important;
    margin: 0!important;
}
.errortip.error{
    height: 21px;
}
.errortip.ng-hide{
    display: none!important;
}
.visible_psd_input{
    position:absolute;
    height:18px;
    padding:15px 0!important;
    width:20px!important;
    margin-left:15px;
    background: #fff;
    top:0;
    left:0;
    pointer-events: none;
    border:0;
    z-index:1000;
    line-height: 18px;
    display: none;
}
.login-input .placeholder{
    margin-left:30px;
}
.login-input .visible_psd_input{
    margin-left:45px;
}
.placeholder{
    position: absolute;
    top:15px;
    left:15px;
    color:#999;
}
.email_input_wrap .placeholder{
    left:85px;
}
.model{font-size:16px;color:#666;display:inline-block;height:60px;line-height:60px;width:105px;}