@charset "utf-8"; * { margin: 0; padding: 0 } a { text-decoration: none } html { width: 100%; height: 100%; overflow: hidden; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-touch-callout: none; -ms-touch-action: none; -webkit-user-select: none; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; -o-overflow-scrolling: touch; overflow-scrolling: touch } body { color: #535353; font-family: "arial simsun tahoma"; background: #fff; width: 100%; height: 100%; overflow: hidden; position: relative } img { border: 0 } ol, ul, li { list-style: none } dl, dt, dd, ul, li { margin: 0; padding: 0 } input, textarea { display: inline-block; outline: 0; font-size: .9rem; padding: 0; border: 0; width: 100%; line-height: 1.5rem; background: 0 } input.hasBottomLine { border-bottom: 1px solid #008a8a } input.green { color: #11bbb4 } input.center { text-align: center } input.fontL { font-size: 1rem } button { box-sizing: border-box; position: relative; border: 0; font-size: .9rem; border-radius: 4px; padding: 0; height: 40px; min-width: 40px; line-height: 40px; display: inline-block; text-align: center; vertical-align: middle; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none } html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 { -webkit-text-size-adjust: none } i { font-style: normal } .fl { float: left } .fr { float: right } .clear { clear: both } .wrap { width: 96%; margin: 0 auto } .pd5 { padding: 8px } .pd10 { padding: 10px } .padl14 { padding: 0 5px 0 3px; margin: 1em auto; display: block } .pd20 { padding: 20px } .btn { display: inline-block; text-align: center; padding: .6em 0; line-height: 1.5rem; border-radius: 4px } .btn-ok { background-color: #37b494; border: #229b7c 1px solid; color: #fff } .btn-large { width: 100% } .aDo { background-color: #eee } #nav_single { width: 3rem; height: 3rem; position: absolute; bottom: 0; right: 0 } #us_panel2 { width: 100%; height: 3.3rem; position: absolute; bottom: 0; left: 0; background: #fff; border-top: 1px solid #e3e3e3 } #us_panel2.hide { visibility: hidden } #nav_bottom { width: 100%; height: 3.3rem; position: absolute; bottom: 0; left: 0; background: #fff; border-top: 1px solid #e3e3e3 } #nav_bottom.push { -webkit-transform: translateX(250px); -moz-transform: translateX(250px); transform: translateX(250px) } #nav_bottom.pull { -webkit-transform: translate3d(-250px, 0, 0); -moz-transform: translate3d(-250px, 0, 0); transform: translate3d(-250px, 0, 0) } #nav_bottom.push { visibility: visible } #nav_bottom.hide { visibility: hidden } .listNav { display: block; position: relative; overflow: hidden; width: 100%; margin: 0 auto } .listNav label { display: block; width: 2.5rem; line-height: 2.5rem; background: #ff8a80; border-radius: 50%; text-align: center; color: #fff; font-weight: bold; -moz-box-shadow: 0 1px 1px #ccc; -o-box-shadow: 0 1px 1px #ccc; -webkit-box-shadow: 0 1px 1px #ccc; box-shadow: 0 1px 1px #ccc; border: 1px #ccc solid } .listNav li { box-sizing: border-box; display: block; position: relative; overflow: inherit; float: left; height: 4rem; text-align: center; font-size: .8rem; color: #999 } .listNav li.count1 { width: 100% } .listNav li.count2 { width: 50% } .listNav li.count3 { width: 33.3% } .listNav li.current { color: #008a8a } .listNav li.count4 { width: 25% } .listNav li i { display: block; position: relative; overflow: inherit; width: 40px; height: 33px; margin: 0 auto; font-size: 1.6rem; line-height: 2rem } .listNav span { font-size: .8rem; overflow: hidden } .ton { background-color: #70ca10 }