.index{position:absolute;padding-left:53px;top:20px;left:20px;width:140px;height:40px;color:#fff;line-height:40px;background:url("../v2_images/iocn-login-index.png") no-repeat 20px,rgba(0,0,0,.6);background-size:24px;border-radius:5px;box-sizing:border-box;}.form{display:block;margin:auto;margin-top:70px;width:400px;}.form .item{margin-top:20px;}.form .logo{margin:auto;width:177px;height:60px;}.form .logo img{width:100%;height:100%;}.form .tab-list{margin-top:70px;width:100%;height:40px;}.form .tab-list .tab-item{float:left;width:calc(100% / 2);height:40px;line-height:40px;color:#666;text-align:center;cursor:pointer;box-sizing:border-box;}.form .tab-list .tab-item.active{color:#4A90E2;border-bottom:solid 2px #4A90E2;}.form input{font-size:14px;height:40px;padding-left:54px;padding-right:20px;box-sizing:border-box;border:solid 1px #eee;border-radius:4px;}.form input:focus{outline:none;border:solid 1px #4A90E2;box-sizing:border-box;}.form .icon-user input{background:url("../v2_images/iocn-login-user.png") no-repeat 20px center;background-size:24px;}.form .icon-password input{background:url("../v2_images/icon-login-password.png") no-repeat 20px center;background-size:24px;}.form .icon-vrcode input{background:url("../v2_images/iocn-login-vrcode.png") no-repeat 20px center;background-size:24px;}.form .icon-vrcode img{float:right;width:120px;height:40px;overflow:hidden;cursor:pointer;border-radius:4px;background:#eee;}.form .button,.form .button.active{width:100%;height:40px;color:#fff;border-radius:4px;background:#4a90e2;}.form .button{background:#ccc;}.form .icon-password{}.form .input-1 input{width:100%;}.form .input-2 input{width:260px;}.form .input-2 .vrcode,.form .input-2 .button{float:right;width:120px;height:40px;border-radius:4px;overflow:hidden;cursor:pointer;}.form .input-2 .vrcode{background:#f4f4f4;}.form .input-2 .vrcode img{width:100%;height:100%;}.form .type{width:100%;overflow:hidden;}.form .type a{float:left;color:#999;font-size:14px;}.form .type a:nth-child(2){float:right;}.form .other{text-align:center;}.form .other p{color:#666;font-size:16px;}.form .other p span{display:inline-block;width:120px;height:1px;-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-ms-transform:translateY(10px);-o-transform:translateY(10px);transform:translateY(10px);background:#979797;}.form .other p span:nth-child(1){float:left;}.form .other p span:nth-child(2){float:right;}.form .other a img{margin:auto 33px;margin-top:40px;width:48px;height:48px;}.form .xy label a,.form .xy label{font-size:14px;color:#999;cursor:pointer;}.form .xy label a{color:#4a90e2;}.form .xy input{display:none;}.form .xy input[type=checkbox]:checked + label span{position:relative;border-color:#4a90e2;background:#4a90e2;}.form .xy input[type=checkbox]:checked + label span:before{content:'';display:block;position:absolute;margin:auto;left:0;right:0;bottom:0;top:0;width:5px;height:5px;border-radius:50%;background:#fff;}.form .xy label span{margin-right:10px;display:inline-block;width:15px;height:15px;border:solid 1px #eee;-webkit-transform:translateY(3px);-moz-transform:translateY(3px);-ms-transform:translateY(3px);-o-transform:translateY(3px);transform:translateY(3px);border-radius:50%;}