html, body { color: #333; margin: 0; height: 100%; font-family: "Myriad Set Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: normal; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } a { text-decoration: none; color: #000; } a, label, button, input, select { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { background: #f2f2f2; color: #666; } html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td { margin: 0; padding: 0; } a { text-decoration: none; color: #08acee; } button { outline: 0; } img { border: 0; } button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; outline: none; } li { list-style: none; } a { color: #666; } .clearfix::after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .clearfix {} .divHeight { width: 100%; height: 10px; background: #f5f5f5; position: relative; overflow: hidden; } .r-line { position: relative; } .r-line:after { content: ''; position: absolute; z-index: 0; top: 0; right: 0; height: 100%; border-right: 1px solid #D9D9D9; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .b-line { position: relative; } .b-line:after { content: ''; position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%; height: 1px; border-bottom: 1px solid #e2e2e2; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .aui-arrow { position: relative; padding-right: 0.8rem; } .aui-arrow span { font-size: 0.8rem; color: #9b9b9b; } .aui-arrow:after { content: " "; display: inline-block; height: 6px; width: 6px; border-width: 2px 2px 0 0; border-color: #848484; border-style: solid; -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); position: relative; top: -2px; position: absolute; top: 50%; margin-top: -4px; right: 2px; border-radius: 1px; } .aui-flex { padding: 1.48rem 0 0.815rem; text-align: center; font-size: 1rem; color: #FFFFFF; } /* 必要布局样式css */ .aui-flexView { width: 100%; height: 100%; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .aui-scrollView { width: 100%; height: 100%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; position: relative; padding-bottom: 58px; } .aui-head-read { background: #22a2f3; padding-bottom: 9.648rem; padding-top: 1rem; } /* 登录 */ .aui-white-box { width: 94%; background: url(../img/loginbg.png) no-repeat; background-size: 100% 100%; margin: -8.852rem auto 0.8rem; padding: 2rem 1.481rem; } .aui-white-box1{ text-align: center; font-size: 0.889rem; line-height: 1.333rem; color: #333333; } .aui-login{ padding: 1.148rem 0; } .aui-form{ padding: 0.815rem 0; border-bottom: 1px solid #d7d7d7; } .aui-form-item{ width: 1.037rem; height: 1.037rem; text-align: center; line-height: 1.037rem; float: left; } .aui-form-item img{ width: 1.037rem; height: 1.037rem; display: inline-block; vertical-align: middle; } .aui-flex-box { width: 100%; padding-left: 1.481rem; font-size: 0.889rem; color: #333; } .aui-flex-box input { width: 100%; height: auto; color: #959393; background: none; border: none; }