@font-face {
  font-family: 'iconfont';
  src: url('//static.manmanbuy.com/m/iconfont/iconfont.eot');
  src: url('//static.manmanbuy.com/m/iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
      url('//static.manmanbuy.com/m/iconfont/iconfont.woff2') format('woff2'),
      url('//static.manmanbuy.com/m/iconfont/iconfont.woff') format('woff'),
      url('//static.manmanbuy.com/m/iconfont/iconfont.ttf') format('truetype'),
      url('//static.manmanbuy.com/m/iconfont/iconfont.svg#iconfont') format('svg');
}


.iconfont {font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}

html { -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0px;}
html, body { height: 100%; width: 100%;}
a, body, center, cite, code, dd, del, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hr, html, img, input, label, legend, li, mark, ol, p, section, span, strong, textarea, time, ul, var { margin: 0; border: 0; padding: 0; font-style: normal; }
body, html { -webkit-touch-callout: none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; background-color: #f2f2f2 !important; font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif !important; }
article, aside, details, fieldset, figcaption, figure, footer, header, main, nav, section { display: block }
footer, header, section { position: relative }
ol, ul { list-style: none }
button, input, textarea { border: 0; margin: 0; padding: 0; font-size: 1em; line-height: 1em; background-color: transparent }
span { display: inline-block }
a:active, a:hover { outline: 0 }
a, a:visited { text-decoration: none }
.wordWrap, label { word-wrap: break-word; word-break: break-all }
table { border-collapse: collapse; border-spacing: 0 }
td, th { padding: 0 }
.clearfix:after { content: ' '; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
input::-webkit-search-cancel-button {display: none;}
input { outline: none; }
.click_opacity { -khtml-opacity: 0.8; opacity: 0.8; }
a { color: #5a5a5a; text-decoration: none; }
#headerApp h1{color:#333;font-size:16px;}
/*边框方案*/
.border-bottom-img { border-bottom: 1px solid #dadada; border-width: 0 0 1px 0; -webkit-border-image: url('data:image/gif;base64,R0lGODlhBAAEAIABANra2v///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4MDgzOEM2RDA0Mzc2M0VFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjMwRjkyQUYwNzE2QzExRTQ5NzcwRDk2QTFCMDE4OTczIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjMwRjkyQUVGNzE2QzExRTQ5NzcwRDk2QTFCMDE4OTczIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGODdGMTE3NDA3MjA2ODExODA4M0FBQjZBNjA2MjkxNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExODA4MzhDNkQwNDM3NjNFRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAAAAAEAAQAAAIFhBGpeVAAOw==') 2 0 stretch; }
.border-top-img { border-top: 1px solid #dadada; border-width: 1px 0 0 0; -webkit-border-image: url("data:image/gif;base64,R0lGODlhAgAEAJEDAMfGy8jHy8jGy////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY1NEY4MjZDNkQ3MTExRTRCOTRCQkI3NjVBQzgwRjQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY1NEY4MjZENkQ3MTExRTRCOTRCQkI3NjVBQzgwRjQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjU0RjgyNkE2RDcxMTFFNEI5NEJCQjc2NUFDODBGNDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjU0RjgyNkI2RDcxMTFFNEI5NEJCQjc2NUFDODBGNDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAADACwAAAAAAgAEAAACBAyGI1IAOw==") 2 0 stretch; }
.border-right-img { border-top: 1px right #dadada; border-width: 0 1px 0 0; -webkit-border-image: url('data:image/gif;base64,R0lGODlhBAAEAIABANra2v///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4MDgzOEM2RDA0Mzc2M0VFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBDQjM0Q0NCNzE0RjExRTRBMTRFODk0NjhEQTdCRTkxIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBDQjM0Q0NBNzE0RjExRTRBMTRFODk0NjhEQTdCRTkxIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMjgwMTE3NDA3MjA2ODExODA4MzhDNkQwNDM3NjNFRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExODA4MzhDNkQwNDM3NjNFRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAAAAAEAAQAAAIGRAKGmgcFADs=') 0 2 stretch; }
.border-left-img { border-left: 1px solid #dadada; border-width: 0 0 0 1px; -webkit-border-image: url('data:image/gif;base64,R0lGODlhBAAEAIABANra2v///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4MDgzOEM2RDA0Mzc2M0VFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBDQjM0Q0NCNzE0RjExRTRBMTRFODk0NjhEQTdCRTkxIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBDQjM0Q0NBNzE0RjExRTRBMTRFODk0NjhEQTdCRTkxIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMjgwMTE3NDA3MjA2ODExODA4MzhDNkQwNDM3NjNFRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExODA4MzhDNkQwNDM3NjNFRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAAAAAEAAQAAAIGRAKGmgcFADs=') 0 2 stretch }
.border-img { border-width: 0; border: 1px solid #eeeeee; border-image: url(data:image/gif;base64,R0lGODlhBQAFAIABAN3d3f///yH5BAEAAAEALAAAAAAFAAUAAAIHhB9pGatnCgA7) 2 stretch; -webkit-border-image: url(data:image/gif;base64,R0lGODlhBQAFAIABAN3d3f///yH5BAEAAAEALAAAAAAFAAUAAAIHhB9pGatnCgA7) 2 stretch }

/*边框方案2*/
.ui-border-t { border-top: 1px solid #e0e0e0 }
.ui-border-b { border-bottom: 1px solid #e0e0e0 }
.ui-border-tb { border-top: #e0e0e0 1px solid; border-bottom: #e0e0e0 1px solid; background-image: none }
.ui-border-l { border-left: 1px solid #e0e0e0 }
.ui-border-r { border-right: 1px solid #e0e0e0 }
.ui-border-lr { border-left: #e0e0e0 1px solid; border-right: #e0e0e0 1px solid; background-image: none }
.ui-border { border: 1px solid #e0e0e0 }
.ui-border-radius { border: 1px solid #e0e0e0; border-radius: 4px }

@media screen and (-webkit-min-device-pixel-ratio:2) {
.ui-border-radius { position: relative; border: 0 }
.ui-border-radius:before { content: ""; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #e0e0e0; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; padding: 1px; -webkit-box-sizing: border-box; border-radius: 8px; pointer-events: none }
}

@media screen and (-webkit-min-device-pixel-ratio:2) {
.ui-border { position: relative; border: 0 }
.ui-border-t, .ui-border-b, .ui-border-l, .ui-border-r, .ui-border-tb, .ui-border-lr { border: 0 }
.ui-border-t { background-position: left top; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0)) }
.ui-border-b { background-position: left bottom; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0)) }
.ui-border-t, .ui-border-b, .ui-border-tb { background-repeat: repeat-x; -webkit-background-size: 100% 1px }
.ui-border-tb { background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0)), -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0)); background-position: top, bottom }
.ui-border-lr { background-image: -webkit-gradient(linear, right top, left top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0)), -webkit-gradient(linear, left top, right top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0)); background-position: left, right; background-repeat: repeat-y; -webkit-background-size: 1px 100% }
.ui-border-l { background-position: left top; background-image: -webkit-gradient(linear, right top, left top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0)) }
.ui-border-r { background-position: right top; background-image: -webkit-gradient(linear, left top, right top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0)) }
.ui-border-l, .ui-border-r { background-repeat: repeat-y; -webkit-background-size: 1px 100% }
.ui-border:after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0)), -webkit-gradient(linear, left top, right top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0)), -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0)), -webkit-gradient(linear, right top, left top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0)); -webkit-background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%; background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%; background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%; background-repeat: no-repeat; background-position: top, right, bottom, left; padding: 1px; -webkit-box-sizing: border-box; z-index: 10; pointer-events: none }
}

/*switch*/
input.ioschk { width: 52px; height: 32px; border: none; background: none; -webkit-appearance: none; outline: none; position: relative; }
input.ioschk:before { content: ''; width: 50px; height: 30px; border: 1px solid #dfdfdf; background-color: #fdfdfd; border-radius: 20px; cursor: pointer; display: inline-block; position: relative; vertical-align: middle; -webkit-user-select: none; user-select: none; -webkit-box-sizing: content-box; box-sizing: content-box; border-color: #dfdfdf; -webkit-box-shadow: #dfdfdf 0px 0px 0px 0px inset; box-shadow: #dfdfdf 0px 0px 0px 0px inset; -webkit-transition: border 0.4s, -webkit-box-shadow 0.4s; transition: border 0.4s, box-shadow 0.4s; -webkit-background-clip: content-box; background-clip: content-box; }
input.ioschk:after { content: ''; width: 30px; height: 30px; position: absolute; top: 1px; left: 0; border-radius: 100%; background-color: #fff; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); -webkit-transition: left 0.2s; transition: left 0.2s; }
input.ioschk:checked:before { border-color: #ff8e02; -webkit-box-shadow: #ff8e02 0px 0px 0px 16px inset; box-shadow: #ff8e02 0px 0px 0px 16px inset; background-color: #ff8e02; transition: border 0.4s, box-shadow 0.4s, background-color 1.2s; -webkit-transition: border 0.4s, -webkit-box-shadow 0.4s, background-color 1.2s; background-color: #ff8e02; }
input.ioschk:checked:after { left: 21px; }

/*header*/
.header-bar { height: 44px; background-color: #ff8b00; overflow: hidden; position: relative; /*box-shadow: 0px 2px 3px #dddddd;*/ }
.header-bar .inner { padding: 0 52px; }
.header-bar .left { position: absolute; left: 8px; bottom: 0px; height: 44px; width: 44px; line-height: 44px; color: #FFFFFF; }
.header-bar .left .icon-back {width: 18px; height: 18px; margin: 13px auto; display: inline-block; margin-left: 10px; text-align: center; line-height: 18px;}
.header-bar .left .icon-back:before{content: "\e634"; color:#ffffff; font-size: 17px; font-family: "iconfont" !important;}
.header-bar .left .icon-close { width: 44px; height: 44px; text-align: center; line-height: 44px;}
.header-bar .left .icon-close:before{content: "\e60c"; color:#ffffff; font-size: 17px; font-family: "iconfont" !important;}
.header-bar .center { text-align: center; }
.header-bar .center h1 { font-size: 20px; line-height: 44px; color: #ffffff; margin: 0px; padding: 0px; font-weight: normal; overflow: hidden; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical;}
.header-bar .right { position: absolute; right: 8px; bottom: 0px; height: 44px; width: 44px; line-height: 44px; color: #FFFFFF; text-align: right; }
.header-bar .right .icon-share {width: 44px; height: 44px; text-align: center; line-height: 44px;}
.header-bar .right .icon-share:before{content: "\e67e"; color:#ffffff; font-size: 17px; font-family: "iconfont" !important;}

/*footer*/
.footer {background:#efefef;text-align:center;font-size:12px;padding:15px 0;color:#666;}
.foot_top {background:#efefef;border-top:1px solid #c4c4c4;border-bottom:1px solid #c4c4c4;height:34px;line-height:34px;margin-top:25px;clear:both;}
.foot_top a {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;float:left;font-size:14px;border-right:1px solid #c4c4c4;text-align:center;width:30%;}
.foot_top a img {vertical-align:middle;margin-top:-5px;margin-right:2px;}

/*header2*/
.head { background: #ff841d; color: #FFFFFF; height: 44px; width: 100%; position: relative; }
.head h1 { text-align: center; font-size: 18px;line-height: 44px;color: #ffffff;margin: 0px;padding: 0px;font-weight: normal;margin: 0px;height: 44px; overflow: hidden; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical;}
.head .home, .head .back, .head .right{position: absolute; bottom: 0px; height: 44px; width: 44px; line-height: 44px; color: #ffffff; }
.head .back .icon-back {width: 100%; margin: 0 auto; position: relative;  text-align: center; background: none !important;line-height: 44px; text-align: center; -webkit-box-pack:center;}
.head .back .icon-back:before{content: "\e634"; color:#ffffff; font-size: 17px; font-family: "iconfont" !important;}

.head .home .icon-app { background-image: url(http://m.manmanbuy.com/images/header_app.png); width: 100%; margin: 0 auto; -webkit-background-size: contain; background-size: contain; background-repeat: no-repeat; background-position: center; display: -webkit-box !important; display: box !important; position: relative; background-size: 32px;width: 44px; height: 44px; }
.head .home{right: 0px; text-align: center; width: auto; font-size: 14px;}
.head .home a{display: block; color: #ffffff;}
.head .back{left: 0px; text-align: center;}
.head .right{ right:0px; text-align: center; width: auto; font-size: 14px;}
.head .right a{ display: block; color: #ffffff;}

/*搜索*/
.search1 { border-bottom: 1px solid #e6e6e6; height: 30px; padding: 10px; position: relative; background-color: White; }
.search1 .searchtxt input { -webkit-appearance: none; border: none; background: #f1f1f1; margin: 0px; padding: 0px; height: 30px; line-height: 30px; border-radius: 15px; padding-left: 10px; width: 90%; padding-left: 5%; font-size: 16px; position: absolute;}
.search1 .searchbtn input { -webkit-appearance: none; width: 63px; background: #ff841d; color: #FFFFFF; border: none; height: 30px; line-height: 30px; border-radius: 15px; position: absolute; top: 10px; right: 10px; font-size: 16px; }

.page {text-align:center;margin-top:20px;}
.page a {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;background-color:#d4d4d4;background: -webkit-gradient(linear,0 0,0 100%,from(#f1f1f1),to(#d4d4d4));background: -moz-linear-gradient(top, #f1f1f1, #d4d4d4);background: -o-linear-gradient(top,#f1f1f1, #d4d4d4);border-bottom:1px solid #bababa;box-shadow:0 0 1px #666;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;text-align:center;font-size:14px;line-height:32px;overflow:hidden;padding:8px 20px;/*	margin:0 5px;*/}

.container { max-width: 960px; margin: 0px auto;}

/*返回顶部*/
.gotop { display: none; position: fixed; z-index: 999; bottom: 10px; right: 8px; width: 44px; text-align: center; line-height: 44px; height: 44px; border-radius:50%; background-color: rgba(255,255,255,.85);}
.gotop:after { display: block; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform-origin: 0 0; -webkit-transform: scale(1); pointer-events: none;border:1px solid #dddddd;border-radius: 50%;}
.gotop:before {content: "\e682"; color:#666666; font-size: 22px; font-family: "iconfont" !important;}
@media screen and (-webkit-min-device-pixel-ratio:1.5) {
    .gotop:after {right: -100%; bottom: -100%; -webkit-transform: scale(0.5);}
}

.list-loading{text-align:center;font-size:12px;color:#999;padding:0 0}
.list-loading .preloader{vertical-align:middle;display:inline-block;width:18px;height:18px;-webkit-transform-origin:50%;transform-origin:50%;-webkit-animation:preloader-spin 1s step-end infinite;animation:preloader-spin 1s step-end infinite;padding:10px 4px}
.list-loading .preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,<svg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><defs><line id='l' x1='60' x2='60' y1='7' y2='27' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round'/></defs><g><use xlink:href='%23l' opacity='.27'/><use xlink:href='%23l' opacity='.27' transform='rotate(30 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(60 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(90 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(120 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(150 60,60)'/><use xlink:href='%23l' opacity='.37' transform='rotate(180 60,60)'/><use xlink:href='%23l' opacity='.46' transform='rotate(210 60,60)'/><use xlink:href='%23l' opacity='.56' transform='rotate(240 60,60)'/><use xlink:href='%23l' opacity='.66' transform='rotate(270 60,60)'/><use xlink:href='%23l' opacity='.75' transform='rotate(300 60,60)'/><use xlink:href='%23l' opacity='.85' transform='rotate(330 60,60)'/></g></svg>");background-position:50%;background-size:100%;background-repeat:no-repeat}
@-webkit-keyframes preloader-spin{0%{-webkit-transform:rotate(0)}
8.33333333%{-webkit-transform:rotate(30deg)}
16.66666667%{-webkit-transform:rotate(60deg)}
25%{-webkit-transform:rotate(90deg)}
33.33333333%{-webkit-transform:rotate(120deg)}
41.66666667%{-webkit-transform:rotate(150deg)}
50%{-webkit-transform:rotate(180deg)}
58.33333333%{-webkit-transform:rotate(210deg)}
66.66666667%{-webkit-transform:rotate(240deg)}
75%{-webkit-transform:rotate(270deg)}
83.33333333%{-webkit-transform:rotate(300deg)}
91.66666667%{-webkit-transform:rotate(330deg)}
100%{-webkit-transform:rotate(360deg)}
}
@keyframes preloader-spin{0%{transform:rotate(0)}
8.33333333%{transform:rotate(30deg)} 
16.66666667%{transform:rotate(60deg)}
25%{transform:rotate(90deg)}
33.33333333%{transform:rotate(120deg)}
41.66666667%{transform:rotate(150deg)}
50%{transform:rotate(180deg)}
58.33333333%{transform:rotate(210deg)}
66.66666667%{transform:rotate(240deg)}
75%{transform:rotate(270deg)}
83.33333333%{transform:rotate(300deg)}
91.66666667%{transform:rotate(330deg)}
100%{transform:rotate(360deg)}
}

.header-top{ margin: 0 auto; background: #fff; height: 85px;  position: relative;  z-index: 100;}
.header-top .header-inner{ margin: 0 auto; background: #fff; -webkit-transform: translateZ(0);}
.header-top .header-inner.fixed{ position: fixed; left: 0; top: 0; right: 0; z-index: 100;}
.header-top .header-box{position: relative; padding: 9px 10px; height: 44px; overflow: hidden; background-color: #fff; width: 100%; box-sizing: border-box;  border-bottom: 1px solid #ddd;}
.header-top .header-box .logo{float: left; margin-top: 1px; height: 25px; width: 27%; margin-left: 0px;}
.header-top .header-box .logo h1{}
.header-top .header-box .logo h1 a{}
.header-top .header-box .logo h1 a img{ max-width: 100%; max-height: 24px; width: auto; display: block;}
.header-top .header-box .searchbox{ position: relative; float: left; margin-left: 7px; margin-top: -2px; height: 30px; width: 58%; border-radius: 100px; background-color: #f9f9f9;}
.header-top .header-box .searchbox .icon-search{ position: absolute; width: 14px; height: 14px; font-size: 14px; color: #c8c8c8; top: 0; left: 10px; height: 30px; line-height: 30px;}
.header-top .header-box .searchbox input{ position: absolute; top: 0px; left: 25px; width: 77%; font-size: 14px; color: #333; background-color: #f9f9f9; border: 0; box-sizing: border-box; padding-left: 4px;-webkit-appearance: none; height: 28px; line-height: normal;}
.header-top .header-box .searchbox a.a-del{ position: absolute; top: 6px; right: 10px; height: 12px; width: 12px; display: none;}
.header-top .header-box .download{ margin-top: 2px; float: right; border: 1px solid #f04848; height: 20px; border-radius: 20px; line-height: 20px; padding-left: 6px; padding-right: 6px; font-size: 11px; text-align: center;}
.header-top .header-box .download a{color: #f85000;}
.header-top .header-tab{ display: block; height: 40px; border-bottom: 1px solid #e0e4e7; background: #fff; box-shadow: 4px 0 8px rgba(0,0,0,.08); overflow: hidden;}
.header-top .header-tab .channel {position:relative;}
.header-top .header-tab .channel .scroller{ position: absolute; }
.header-top .header-tab .channel ul li{ line-height: 40px; position: relative; float: left; padding: 0 12px; white-space: nowrap; font-size: 14px;}
.header-top .header-tab .channel a{ font-size: 15px; color: #333; font-weight: 700;}
.header-top .header-tab .channel .on a{ color: #f85000; }
.header-top .header-tab .channel .on a:before{ content: ""; display: block; width: 25px; height: 4px; background: #f85000; position: absolute; bottom: 0; left: 50%; margin-left: -12px;}

/* hacker */
.cu-content-pl .reply .form .ctrl input{ -webkit-appearance: none;}