*{padding:0;margin:0;box-sizing:border-box}body{font-family:'MicrosoftYaHei';background:url("https://ylres.yonyoucloud.com/images/login/login-bg.png") no-repeat top center;background-size:100%;width:100%;min-width:1000px}@font-face{font-family:'icon';src:url('https://at.alicdn.com/t/font_959131_t7wavvwm65.eot');src:url('https://at.alicdn.com/t/font_959131_t7wavvwm65.eot?#iefix') format('embedded-opentype'),url('https://at.alicdn.com/t/font_959131_t7wavvwm65.woff2') format('woff2'),url('https://at.alicdn.com/t/font_959131_t7wavvwm65.woff') format('woff'),url('https://at.alicdn.com/t/font_959131_t7wavvwm65.ttf') format('truetype'),url('https://at.alicdn.com/t/font_959131_t7wavvwm65.svg#iconfont') format('svg')}.icon{font-family:"icon";vertical-align:middle}.icon-usr:before{content:'\e602'}.icon-password:before{content:'\e601'}.icon-check:before{content:'\e652'}.icon-close:before{content:'\e690'}.icon-eyeOpen:before{content:'\e6b2'}.icon-eyeClose:before{content:'\e6b1'}.icon-code:before{content:'\e605'}.icon-eyeClose,.icon-eyeOpen,.icon-close{font-size:17px;left:auto;right:0;top:-1px;color:#b0b0b08f;cursor:pointer}.icon-eyeClose:hover,.icon-eyeOpen:hover,.icon-close:hover{color:#999}ul,ol,li{list-style:none}a:link,a:visited{color:#999;text-decoration:none}a:hover{color:#dc2036}img{border:0}h1,h2,h3,h4,h5{font-weight:normal}input{outline:0;color:#333;font-size:14px}input::-webkit-input-placeholder{color:#d4d2db;font-size:14px}.fl{float:left}.fr{float:right}.clearfloat:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfloat{zoom:1}.logo{position:absolute;width:148px;top:30px;left:50px}.content{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:1000px;height:600px;border-radius:10px;background-color:white;box-shadow:0 0 30px 0 #ccc;z-index:1;margin-bottom:40px}.login-box{width:100%;height:100%;background:url(https://ylres.yonyoucloud.com/images/login/login-img.png) no-repeat bottom left;background-size:56% auto;position:relative}.login-box img.login-txt{position:absolute;top:84px;left:110px}.login-info{margin:98px 68px 0 0;width:300px}.login-info h1{text-align:center;color:#666;font-size:26px;line-height:45px}.usr-name,.usr-password{position:relative}.usr-name input,.usr-password input{width:300px;margin:40px auto 0;display:block;border:0;border-radius:0;border-bottom:1px solid rgba(204,204,204,0.42);color:#333;font-size:14px;padding-left:35px;padding-bottom:12px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-box-shadow:0 0 0 1000px white inset}.usr-remember{padding-left:5px;margin-top:20px}.usr-remember input{vertical-align:middle}.remeber{margin-top:30px;margin-left:0;font-size:12px;color:#666}.login-btn button:disabled{background:rgba(250,72,45,0.6);cursor:not-allowed}.col{margin-top:65px;font-size:13px;color:#999;padding-left:88px}a.register{color:#ee2223}.divider{color:#999;margin:0 10px;list-style:none;background:#e8eaec;width:1px;height:14px}.footer-main{width:100%;font-family:'MicrosoftYaHei';text-align:center;font-size:12px;color:#999;height:19px;line-height:19px;position:fixed;bottom:50px;z-index:0}.checkbox{display:inline-block;vertical-align:middle;white-space:nowrap;cursor:pointer;line-height:1;position:relative;margin-right:5px}.checkbox-inner{display:inline-block;width:14px;height:14px;position:relative;top:0;left:0;border:1px solid #dcdee2;border-radius:2px;background-color:#fff;transition:border-color .2s ease-in-out,background-color .2s ease-in-out,box-shadow .2s ease-in-out}.checkbox-inner .icon-check{font-size:10px;line-height:18px;color:#ee2223;font-weight:bolder;position:absolute;left:1px}.ivu-checkbox-checked .ivu-checkbox-inner:after{content:"";display:table;width:4px;height:8px;position:absolute;top:1px;left:4px;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg) scale(1);transition:all .2s ease-in-out}.ivu-checkbox-inner:after{content:"";display:table;width:4px;height:8px;position:absolute;top:1px;left:4px;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg) scale(0);transition:all .2s ease-in-out}.checkbox-input{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;cursor:pointer;opacity:0}.erro-row{color:#ee2223;margin-top:10px;margin-left:2px;font-size:12px}@font-face{font-family:'icon';src:url('https://at.alicdn.com/t/font_959131_1877g06m0g4.eot');src:url('https://at.alicdn.com/t/font_959131_1877g06m0g4.eot?#iefix') format('embedded-opentype'),url('https://at.alicdn.com/t/font_959131_1877g06m0g4.woff2') format('woff2'),url('https://at.alicdn.com/t/font_959131_1877g06m0g4.woff') format('woff'),url('https://at.alicdn.com/t/font_959131_1877g06m0g4.ttf') format('truetype'),url('https://at.alicdn.com/t/font_959131_1877g06m0g4.svg#iconfont') format('svg')}i{font-style:normal;position:absolute;left:0;top:-3px;font-size:18px;color:#999}.usr-remember{padding-left:5px;margin-top:20px}.col{margin-top:30px;font-size:13px;color:#999;padding-left:88px}.checkbox-inner .icon-check{font-size:10px;line-height:18px;color:#ee2223;font-weight:bolder;position:absolute;left:1px;top:-2px}.usr-name,.usr-password,.usr-code{position:relative}.usr-name input,.usr-password input,.usr-code input{width:100%;margin:42px auto 0;display:block;border:0;border-radius:0;border-bottom:1px solid #ccc;color:#333;font-size:16px;padding-left:27px;padding-bottom:12px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}.code-img{width:100px;height:38px;background:#FFF;position:absolute;top:4px;right:4px}.code-img img{width:100%;height:100%}.login-btn button{width:100%;height:44px;font-size:15px;border-radius:50px;outline:0;color:white;border:0;background:linear-gradient(90deg,#ff480f,#ee2223);margin-top:28px}.login-list li{display:inline-block;margin:0 15px -1px 0;line-height:20px;cursor:pointer;font-size:14px;color:#ccc}.login-list li.active{font-size:20px;color:#666}.login-btn+.col{text-align:center;padding-left:0}.login-btn+.col .fl{float:none !important;display:inline-block}@media screen and (max-width:1440px){.content{width:900px;height:550px}.footer-main{bottom:15px}.login-info{width:270px}.logo{top:15px;left:20px}}@media screen and (max-width:900px){.content{left:0;transform:translate(0,-50%)}}@media screen and (max-height:600px){.content{top:0;transform:translate(-50%,0)}}@media screen and (max-height:600px) and (max-width:900px){.content{top:0 !important;left:0 !important;transform:translate(0,0) !important}}.icon-btn-close:before{content:'\03A7'}.select-user-btn{position:absolute;top:20px;right:18px;width:12px;height:12px;cursor:pointer}.select-user-btn i{color:#ccc;font-size:12px}.mask-box{position:fixed;background:rgba(51,51,51,.6);width:100%;height:100%;top:0;left:0;z-index:5;display:none}.select-user{width:770px;height:410px;position:absolute;left:50%;top:50%;margin:-205px 0 0 -385px;background:rgba(255,255,255,1);border-radius:8px;z-index:6;display:none}.select-user-box{margin:40px 0}.select-user-box h3{font-size:16px;color:#333;line-height:22px;height:22px;position:relative;text-align:center;margin:0 50px 25px}.select-user-box h3::before{content:'';display:block;background:linear-gradient(270deg,rgba(241,241,241,1) 0,rgba(204,204,204,1) 50%,rgba(241,241,241,1) 100%);position:absolute;width:100%;height:1px;top:50%;left:0}.select-user-box span{background:#fff;display:inline-block;padding:0 20px;z-index:2;position:relative}.select-user-box ul{height:280px;overflow:auto;padding:0 50px}.select-user-box ul li{margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.select-user-box ul li div{border:1px solid rgba(217,217,217,1);border-radius:4px;height:84px;padding:0 15px;cursor:pointer;width:48%}.select-user-box ul li div:hover{border-color:#505766}.select-user-box ul li svg{float:left;width:46px;height:46px;margin-top:12px;margin-right:10px}.select-user-box ul li h4{font-size:14px;line-height:20px;height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333;margin-top:14px}.select-user-box ul li p{font-size:12px;line-height:16px;height:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#999}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background-color:#cdd9e6;border-radius:2em}::-webkit-scrollbar-thumb:hover{background-color:#b0c0d0}@keyframes normal{0%{width:12px}100%{width:0}}@keyframes active{0%{width:0}100%{width:12px}}.login-btn button{cursor:pointer}.login-btn button:hover{background:linear-gradient(270deg,#ff480f,#ee2223)}.usr-name input,.usr-password input,.usr-code input,.usr-phone input{border:1px solid #dee0e3 !important;padding:13px 45px;line-height:18px;border-radius:4px;height:45px}.usr-name input:hover,.usr-name input:focus,.usr-password input:hover,.usr-password input:focus,.usr-code input:hover,.usr-code input:focus,.usr-phone input:hover,.usr-phone input:focus{border:1px solid #333 !important}.usr-phone{position:relative}.phoneList{display:none;position:absolute;top:52px;width:100%;max-height:312px;overflow:auto;padding:8px 0;background:#fff;box-shadow:0 2px 3px 0 rgba(0,0,0,0.1);border-radius:4px;border:1px solid #d9d9d9;z-index:1}.phoneList li{font-size:14px;color:#999;line-height:38px;padding:0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.phoneList li:hover{background:#f3f5f9}.phoneList li.active{background:#fff5e2}.phoneList li::before{content:"";display:inline-block;color:#e23;font-size:12px;transform:scale(.9) translateX(-4px);animation:normal .2s}.phoneList li.active::before{content:'\e652';font-family:"icon";animation:active .2s}.phoneList li em{min-width:3em;display:inline-block;color:#666;font-style:normal;min-width:3em}.usr-phone input{width:100%;display:block;border:0;border-radius:0;color:#333;font-size:16px;padding-left:80px;padding-bottom:12px;border-radius:4px;transition:all .5s}.usr-phone .number{color:#505766;cursor:pointer}.usr-phone .number:hover~input,.icon:hover~input{border:1px solid #333 !important}.usr-phone .number.active ~ .phoneList{display:block}.usr-phone .number::after{content:"\e752";color:#ccc;font-family:"icon";font-size:12px;transform:scale(.8);display:inline-block;transition:all .3s;margin-left:2px}.usr-phone .number:hover::after,.usr-phone .number.active::after{transform:scale(.8) rotate(180deg) translateY(2px);transition:all .3s}.usr-name input,.usr-phone input{margin-top:30px}.usr-password input,.usr-code input{margin-top:20px}.usr-name .icon-usr,.usr-password .icon-password,.usr-code .icon-code,.usr-phone .number{position:absolute;top:50%;transform:translateY(-50%);left:15px}.usr-name .icon-close,.usr-phone .icon-close,.usr-password .icon-eyeClose,.usr-password .icon-eyeOpen,.usr-code .icon-eyeClose{top:50%;transform:translateY(-50%);right:15px;left:unset}.usr-remember{margin-top:40px;line-height:18px}.login-btn button{margin-top:20px}.bottom-action{margin-top:30px;text-align:center}.usr-remember a,.bottom-action a{font-size:12px;color:#999;transition:all .3s}.usr-remember a:hover,.usr-remember a:active,.bottom-action a:hover,.bottom-action a:active{color:#e23;transition:all .3s}.bottom-action a.register{color:#e23}.usr-remember a+a{padding-right:8px;border-right:1px solid #eee;margin-right:8px}.bottom-action a+a{padding-left:8px;border-left:1px solid #eee;margin-left:8px}