.loginWraper{background: #f4f5f8 url(../images/admin-login-bg.png) no-repeat top;} .loginBox{background: url(../images/admin-loginform-bg.png) top right no-repeat;background-size:100%;} .loginWraper form{width: 600px;margin: 0 0 auto auto;} .loginWraper form h3{display: block;width: 110px;text-align: center; margin: 0 auto;} .input-text, .textarea {border: 0;border-bottom: solid 1px #ddd;text-indent: 1em;} .user_count{background: url(../images/ipt_head.png) left center no-repeat /30px !important;} .pass_word{background: url(../images/ipt_suo.png) left center no-repeat /30px !important;} .validate{background: url(../images/ipt_img.png) left center no-repeat /30px !important;width:210px !important;} .loginbox_btn{margin-top: 80px !important;} .my-btn-login{width: 90% !important;} @media screen and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2){ /*mobile竖屏*/ .loginWraper {background: #fff url(../images/admin-login-bg.png) no-repeat top right;background-size: auto 50%;} .loginBox {padding-top: 58px;background: url(../images/admin-loginform-bg.png) top center no-repeat;background-size: 58% 78%;padding-bottom: 31px;} .input-text, .textarea {text-indent: 2em;} .validate{background: none !important;text-indent: 0; width: 160px !important;} .my-btn-login{width: 75% !important;} .loginbox_btn{margin-top: 60px !important;} .loginWraper{overflow-x: hidden;} } @media screen and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2){ /*mobile横屏*/ .loginWraper {background: #f4f5f8 url(../images/admin-login-bg.png) no-repeat top right;background-size: 100% auto;} .loginBox{padding-top: 58px;background: url(../images/admin-loginform-bg.png) top center no-repeat;background-size:100%;padding-bottom: 40px;} .my-btn-login{width:80% !important;} }