* { padding: 0px; margin: 0px; border: 0px; -webkit-box-sizing: border-box; -webkit-tap-highlight-color: transparent; } html { -webkit-text-size-adjust: 100%; } html, body { min-height: 100%; } body { font-family: "Helvetica Neue, Helvetica, STHeiTi, sans-serif"; background: #f5f5f5; font-size: 28px; line-height: 1.5; color: #666666; margin: 0px; } table { border-collapse: collapse; border-spacing: 0; } a,a:visited { color: #666666; text-decoration: none; } a:active, a:hover, a:focus { outline: 0; } input, select { -webkit-appearance: none; } ul { margin:0px; padding:0px; } li { list-style: none; } img { max-width: 100%; } /** * 按钮 */ .ui-btn { border-width: 1px; border-style: solid; } .ui-btn:disabled, .ui-btn.ui-disabled { color: #bbbbbb !important; border-color: #e6e6e6 !important; background: #e6e6e6 !important; cursor: default !important; } .ui-btn { color: #666666; background: #dddddd; border-color: #dddddd; } .ui-btn:active:not(.ui-disabled) { color: #4d4d4d; background: #c4c4c4; border-color: #c4c4c4; } .ui-btn-primary { color: #ffffff; background: #0e90d2; border-color: #0e90d2; } .ui-btn-primary:active:not(.ui-disabled) { color: #e6e6e6; background: #0b6fa2; border-color: #0b6fa2; } .ui-btn-info { color: #ffffff; background: #00aeef; border-color: #00aeef; } .ui-btn-info:active:not(.ui-disabled) { color: #e6e6e6; background: #0089bc; border-color: #0089bc; } .ui-btn-success { color: #ffffff; background: #5eb95e; border-color: #5eb95e; } .ui-btn-success:active:not(.ui-disabled) { color: #e6e6e6; background: #459f45; border-color: #459f45; } .ui-btn-warning { color: #ffffff; background: #ff9900; border-color: #ff9900; } .ui-btn-warning:active:not(.ui-disabled) { color: #e6e6e6; background: #cc7a00; border-color: #cc7a00; } .ui-btn-danger { color: #ffffff; background: #dd514c; border-color: #dd514c; } .ui-btn-danger:active:not(.ui-disabled) { color: #e6e6e6; background: #cf2d27; border-color: #cf2d27; } .ui-btn { font-size: 28px; line-height: 58px; } .ui-btn-xs { font-size: 24px; line-height: 38px; } .ui-btn-sm { font-size: 26px; line-height: 48px; } .ui-btn-lg { font-size: 30px; line-height: 68px; } .ui-btn-xl { font-size: 32px; line-height: 78px; } /* Display */ .ui-block, .ui-center { display: block; } .ui-inline-block, .ui-btn:not(.ui-block):not(.ui-center) { display: inline-block; } .ui-inline { display: inline; } .ui-hide { display: none; } /* 浮动 */ .ui-cf:before, .ui-cf:after { content: ""; display: table; font: 0/0 a; } .ui-cf:after { clear: both; } .ui-fl { float: left; } .ui-fr { float: right; } .ui-center { margin-left: auto; margin-right: auto; } /* 文字大小 */ .ui-text { font-size: 28px; } .ui-text-xs { font-size: 24px; } .ui-text-sm { font-size: 26px; } .ui-text-lg { font-size: 30px; } .ui-text-xl { font-size: 32px; } /* 文字颜色 */ .ui-text { color: #666666; } .ui-text-darker { color: #000000; } .ui-text-dark { color: #333333; } .ui-text-light { color: #999999; } .ui-text-lighter { color: #bbbbbb; } .ui-text-primary { color: #0e90d2; } .ui-text-info { color: #00aeef; } .ui-text-success { color: #5eb95e; } .ui-text-warning { color: #ff9900; } .ui-text-danger { color: #dd514c; } /* 内外边距 */ .ui-margin { margin: 20px; } .ui-margin-xs { margin: 10px; } .ui-margin-sm { margin: 15px; } .ui-margin-lg { margin: 25px; } .ui-margin-xl { margin: 30px; } .ui-margin-left { margin-left: 20px; } .ui-margin-left-xs { margin-left: 10px; } .ui-margin-left-sm { margin-left: 15px; } .ui-margin-left-lg { margin-left: 25px; } .ui-margin-left-xl { margin-left: 30px; } .ui-margin-top { margin-top: 20px; } .ui-margin-top-xs { margin-top: 10px; } .ui-margin-top-sm { margin-top: 15px; } .ui-margin-top-lg { margin-top: 25px; } .ui-margin-top-xl { margin-top: 30px; } .ui-margin-right { margin-right: 20px; } .ui-margin-right-xs { margin-right: 10px; } .ui-margin-right-sm { margin-right: 15px; } .ui-margin-right-lg { margin-right: 25px; } .ui-margin-right-xl { margin-right: 30px; } .ui-margin-bottom { margin-bottom: 20px; } .ui-margin-bottom-xs { margin-bottom: 10px; } .ui-margin-bottom-sm { margin-bottom: 15px; } .ui-margin-bottom-lg { margin-bottom: 25px; } .ui-margin-bottom-xl { margin-bottom: 30px; } .ui-padding { padding: 20px; } .ui-padding-xs { padding: 10px; } .ui-padding-sm { padding: 15px; } .ui-padding-lg { padding: 25px; } .ui-padding-xl { padding: 30px; } .ui-padding-left, .ui-btn { padding-left: 20px; } .ui-padding-left-xs { padding-left: 10px; } .ui-padding-left-sm { padding-left: 15px; } .ui-padding-left-lg { padding-left: 25px; } .ui-padding-left-xl { padding-left: 30px; } .ui-padding-top { padding-top: 20px; } .ui-padding-top-xs { padding-top: 10px; } .ui-padding-top-sm { padding-top: 15px; } .ui-padding-top-lg { padding-top: 25px; } .ui-padding-top-xl { padding-top: 30px; } .ui-padding-right, .ui-btn { padding-right: 20px; } .ui-padding-right-xs { padding-right: 10px; } .ui-padding-right-sm { padding-right: 15px; } .ui-padding-right-lg { padding-right: 25px; } .ui-padding-right-xl { padding-right: 30px; } .ui-padding-bottom { padding-bottom: 20px; } .ui-padding-bottom-xs { padding-bottom: 10px; } .ui-padding-bottom-sm { padding-bottom: 15px; } .ui-padding-bottom-lg { padding-bottom: 25px; } .ui-padding-bottom-xl { padding-bottom: 30px; } /* 对齐方式 */ .ui-text-left { text-align: left; } .ui-text-center, .ui-btn { text-align: center; } .ui-text-right { text-align: right; } .ui-text-top { vertical-align: top; } .ui-text-middle { vertical-align: middle; } .ui-text-bottom { vertical-align: bottom; } /* 边框 */ .ui-border { border: 2px solid #dddddd; } .ui-border-left { border-left: 2px solid #dddddd; } .ui-border-top { border-top: 2px solid #dddddd; } .ui-border-right { border-right: 2px solid #dddddd; } .ui-border-bottom { border-bottom: 2px solid #dddddd; } /* 圆角 */ .ui-radius { border-radius: 6px; } .ui-round { border-radius: 1000px; } .ui-circle { border-radius: 50%; } /*# sourceMappingURL=hui.css.map */