.login,body,html{position:absolute;overflow:hidden}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;-webkit-transition:all .3s;transition:all .3s}body,html{height:100%;width:100%;background:#f3f3f3;color:rgba(0,0,0,.6);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.login{padding:10px;left:calc(60% - 200px);top:calc(50% - 20em);width:400px;height:460px;border-radius:3px;background:#fff;-webkit-box-shadow:0 1px 5px 0 rgba(0,0,0,.26);box-shadow:0 1px 5px 0 rgba(0,0,0,.26)}.flag1 #wenzi,.flag1 #wenzi p,.login .photo,.login>i{position:relative}#loginleft{margin-left:-400px;background:url(../img/leftbg-104934922d.png) no-repeat;background-size:400px}.login>i{width:20px;height:20px;border-radius:50%;float:right;cursor:pointer}.flag1 #wenzi{top:34px;left:-3px;font-size:25px;font-family:"黑体"}.flag2 #wenzi{top:-90px;left:-80px}.flag1 #wenzi p{font-size:17px;font-family:"宋体";opacity:0;top:20px;left:25px}.login .photo{width:100px;height:100px;margin:30px 135px;border-radius:50%;background:#dfdfdf;border:13px solid #dfdfdf;overflow:hidden!important;-webkit-transform:rotate(-1deg);transform:rotate(-1deg);top:0}.login .photo:after,.login .photo:before{position:absolute;content:''}.flag2 .photo{top:-300px;opacity:0}.login .photo:before{width:35px;height:35px;top:0;right:20px;border-radius:50%;background:#aaa;border:2px solid #fff;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:.5s cubic-bezier(.68,-.55,.27,1.55);transition:.5s cubic-bezier(.68,-.55,.27,1.55);-webkit-animation:user-head .5s 0s forwards;animation:user-head .5s 0s forwards}.login .photo:after{width:140px;height:220px;top:38px;right:-32px;border-radius:50%;background:#aaa;border:2px solid #fff;-webkit-transform:translateY(36px);transform:translateY(36px);-webkit-transition:.5s cubic-bezier(.68,-.55,.27,1.55);transition:.5s cubic-bezier(.68,-.55,.27,1.55);-webkit-animation:user-body .5s .3s forwards;animation:user-body .5s .3s forwards}#anniu,.flag1 #p,.flag1 #u,.form-group,form{position:relative}.login>span{display:block;text-align:center;margin:-15px 0;font-size:15px}form{width:350px;margin:0 15px;top:-10px}.flag1 #u{top:0}.flag2 #u{top:-80px}.flag1 #p{top:0;opacity:0}.flag2 #p{top:-135px;opacity:1}#anniu{top:-150px}.form-group{margin-top:100px;margin-bottom:20px}.form-control{display:block;height:36px;width:100%;border:none;border-radius:0!important;font-size:15px;font-family:inherit;font-weight:300;padding:0;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;border-bottom:1px solid rgba(117,117,117,.15)}.form-control:focus{border-bottom:2px solid #03a9f5;outline:0;-webkit-box-shadow:none;box-shadow:none}.form-highlight{position:absolute;height:60%;width:60px;top:25%;left:0;pointer-events:none;opacity:.4}.form-control:focus~.form-highlight{-webkit-animation:inputHighlighter .3s ease;animation:inputHighlighter .3s ease}.float-label{position:absolute;left:0;top:0;font-size:16px;color:#999;font-weight:300;text-align:center;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.form-control:focus~.float-label,.form-control:valid~.float-label{top:-15px;font-size:12px;margin-left:0}.form-group errorp,.form-group erroru{position:absolute;width:100%;left:0;top:38px;font-size:11px;color:#d34336;font-weight:300;transition:.3s cubic-bezier(.68,-.55,.27,1.55) all;-moz-transition:.3s cubic-bezier(.68,-.55,.27,1.55) all;-webkit-transition:.3s cubic-bezier(.68,-.55,.27,1.55) all;opacity:0}.form-group errorp i,.form-group erroru i{position:absolute;right:0;width:15px;height:15px;border-radius:50%;float:right}input[type=checkbox]{display:none;visibility:hidden}.label{position:relative;top:-11px;cursor:pointer;font-size:15px;font-weight:500;-webkit-transition:border-color .3s ease-in-out,background-color .3s ease-in-out;transition:border-color .3s ease-in-out,background-color .3s ease-in-out}.flag1 #jizhu{position:relative;top:-10px;-webkit-transition:all .3s;transition:all .3s}.flag2 #jizhu{top:-420px;opacity:0}.flag1 #wangji{left:-98px;top:300px;opacity:0;-webkit-transition:all .3s;transition:all .3s}.flag2 #wangji{top:-8px;opacity:1}input[type=checkbox]+label:before{display:inline-block;content:"";margin:0 15px 3px 0;width:18px;height:18px;background-color:#fff;border:2px solid #5a5a5a;border-radius:2px;vertical-align:middle}input[type=checkbox]:checked+label:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwcHgiIGhlaWdodD0iMTVweCIgdmlld0JveD0iMCAwIDIwIDE1Ij4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iNy4xNDMsMTQuOTM4IDAsNy43OTYgMi4wMjEsNS43NzYgNy4xNDMsMTAuODk4IDE3Ljk3OSwwLjA2MiAyMCwyLjA4MiAiLz4NCjwvc3ZnPg0K);background-color:#03a9f5;border-color:#03a9f5;background-repeat:no-repeat;background-position:50% 50%;background-size:11px auto}.flag1 #login,.flag1 #next{position:relative;float:right;font-family:inherit;font-weight:100;font-size:15px;border:0;top:-10px;left:0;padding:5px 15px;border-radius:3px;cursor:pointer;background:#03a9f5;color:#fff;-webkit-transition:all .3s;transition:all .3s;-webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,.37);box-shadow:0 1px 4px 0 rgba(0,0,0,.37)}.flag2 #next{left:-500px;opacity:0}.flag1 #fanhui{position:relative;top:-315px;left:100px;opacity:0;cursor:pointer;background:0 0;border:none;border-radius:100%}.flag2 #fanhui{left:-170px;opacity:1}button:focus{outline:0}button:hover{cursor:pointer;color:#03a9f5!important;background:#fff!important}#fanhui:hover{background:rgba(0,0,0,.2)!important}.flag1 #login{left:500px;top:-37px;width:85.5px}.copyright,footer{width:100%;text-align:center}.flag2 #login{left:85px;opacity:1}footer{position:absolute;bottom:0;height:30px;margin-left:-10px;line-height:29px;cursor:pointer;border-top:1px solid rgba(117,117,117,.15)}footer a{display:block;text-decoration:none;font-size:12px;color:inherit}footer a:hover{color:rgba(0,0,0,.9);text-decoration:underline}footer a:focus{outline:0}.copyright{position:fixed;bottom:5px;font-size:12px}.wave,.waveWrapperInner{position:absolute;height:100%}.copyright a{text-decoration:none;color:#03a9f5}.copyright a:hover{-webkit-transition:none;transition:none;border-bottom:1px solid #03a9f5}@-webkit-keyframes inputHighlighter{from{background:#5264AE}to{width:0;background:0 0}}@keyframes inputHighlighter{from{background:#5264AE}to{width:0;background:0 0}}@-webkit-keyframes user-head{100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes user-head{100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes user-body{100%{-webkit-transform:translateY(2px);transform:translateY(2px)}}@keyframes user-body{100%{-webkit-transform:translateY(2px);transform:translateY(2px)}}.waveWrapperInner{width:100%;overflow:hidden;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(20%,#a1c4fd),color-stop(80%,#c2e9fb));background-image:linear-gradient(to top,#a1c4fd 20%,#c2e9fb 80%)}.bgTop{z-index:3;opacity:.5}.bgMiddle{z-index:2;opacity:.75}.bgBottom{z-index:1}.wave{left:0;width:300%;background-repeat:repeat-x;background-position:0 bottom;-webkit-transform-origin:center bottom;transform-origin:center bottom}.waveTop{background-size:50% 100px}.waveMiddle{background-size:75% 100px}.waveBottom{background-size:40% 100px}.waveAnimation .waveTop{-webkit-animation:move_wave 10s linear infinite;animation:move_wave 10s linear infinite}.waveAnimation .waveMiddle{-webkit-animation:move_wave 20s linear infinite;animation:move_wave 20s linear infinite}.waveAnimation .waveBottom{-webkit-animation:move_wave 15s linear infinite;animation:move_wave 15s linear infinite}@-webkit-keyframes move_wave{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(-25%);transform:translateX(-25%)}100%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@keyframes move_wave{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(-25%);transform:translateX(-25%)}100%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}