*{box-sizing:border-box}body,html{height:100%}body{font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,Helvetica,Hiragino Sans GB,\\5FAE\8F6F\96C5\9ED1,Arial,sans-serif;color:#333;font-size:14px;background-color:#f5f5f5}body,button,figure,h1,h2,h3,h4,h5,h6,input,menu,ol,p,select,td,textarea,th,ul{margin:0;padding:0}b,h1,h2,h3,h4,h5,h6,strong{font-size:100%;font-weight:400}ol,ul{list-style:none}button,input,select,textarea{outline:0 none}textarea{resize:vertical}a{outline:none;text-decoration:none;color:inherit}.clearfix:after{content:" ";clear:both;display:table;height:0;overflow:hidden}.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-wrap:normal}.left{float:left}.right{float:right}.m-mask{position:fixed;background-color:rgba(0,0,0,.6)}.m-login,.m-mask{top:0;left:0;right:0;bottom:0}.m-login{position:absolute;padding:90px 0;background-size:cover;background-position:50%;background-repeat:no-repeat;background-color:rgba(0,0,0,.98);background-image:url(//smarty-v2.oss-cn-beijing.aliyuncs.com/night.jpg)}.title{color:#fff;font-size:26px;opacity:.9;margin-bottom:30px;text-align:center}.m-main{width:760px;margin:0 auto;padding:40px 0 34px;background:hsla(0,0%,100%,.1);box-shadow:0 2px 6px 0 rgba(0,0,0,.5);border-radius:10px;position:relative}.m-main .logo,.m-main .m-form{width:380px;height:256px}.m-main .logo{text-align:center;color:#fff;line-height:256px;font-size:40px}.m-main .m-form{color:hsla(0,0%,100%,.2);padding:0 40px;border-left:1px solid hsla(0,0%,100%,.2)}.m-main .m-form-item{position:relative;margin-bottom:24px}.m-main .m-form-item.last-item{margin-bottom:0}.m-main .m-form-item input{width:300px;padding:11px 20px 11px 36px;background:hsla(0,0%,100%,.2);border-radius:20px;border:none;color:#fff;font-size:16px}.m-main .m-form-item input.validation{padding:11px 12px}.m-main .m-form-item input:-webkit-autofill{box-shadow:inset 0 0 0 1000px hsla(0,0%,100%,.2)}.m-main .m-form-item .send-validation{position:absolute;top:10px;right:16px;color:#ff9070;font-size:12px}.m-main .m-form-item .iconfont{top:10px;left:10px;position:absolute;color:hsla(0,0%,100%,.7)}.m-main .m-form-item .button{display:block;background:#fc5832;border-radius:20px;font-size:14px;padding:10px 0;color:#fff;text-align:center}.m-main .m-form-item .to-register{color:#ff9070}@media screen and (max-width:750px){.m-login,.m-main{padding:30px 0}.m-main{width:90%}.m-main .logo,.m-main .m-form{width:100%;position:relative}.m-main .logo{padding-bottom:30px;height:70px;text-align:center}.m-main .logo img{width:138px;height:40px;top:0;margin-top:0;margin-left:0;position:relative}.m-main .m-form{border-left:0}.m-main .m-form-item input{width:100%}}