body, html { position: relative }
a, body { color: #222 }
ol, ul { list-style: none }
ul, li { margin: 0px; padding: 0px; list-style: none }
.h5ui-form:before, .h5ui-form:last-child:before { -webkit-transform: scale(.5); width: 200%; position: absolute }
.h5ui-btn, .h5ui-form-input, .h5ui-select > select { -webkit-appearance: none }
.clearfix:after, header.h5ui-bar:after { clear: both }
*, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box }
body, html { height: 100%; width: 100%; -webkit-text-size-adjust: none !important; -moz-text-size-adjust: none !important; -ms-text-size-adjust: none !important; text-size-adjust: none !important }
html { -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased }
body { background: #F5F6F7; font-family: -apple-system-font,"Helvetica Neue",sans-serif; margin: 0; padding: 0; line-height: 1.41176471; text-align: left }
a { text-decoration: none }
a, button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; outline: 0 }
textarea { resize: none; vertical-align: middle }
img { border: 0 }
small { font-size: 80% }
.clearfix:after, .clearfix:before { content: ""; display: table }
.disabled, [disabled] { opacity: .55; pointer-events: none }
.pull-left { float: left !important }
.pull-right { float: right !important }
.text-center { text-align: center !important }
.text-left { text-align: left !important }
.text-right { text-align: right !important }
.h5ui-page.top { padding-top: 0.40rem }
.h5ui-page.bottom { padding-bottom: 0.40rem }
.h5ui-page.spacing { padding: 0 0.40rem }
.h5ui-page.spacing-cell { padding: 0.40rem }
.hidden { display: none }
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000 }
.modal-backdrop.in { filter: alpha(opacity=40); opacity: .4 }
.h5ui-group { margin-bottom: 0.40rem }
.h5ui-group_title { margin: 0; padding: 0 0.40rem 0.13rem; font-size: 0.37rem; color: #999; font-weight: 400 }
.h5ui-form { background: #FFF; position: relative }
.h5ui-form:before { content: " "; transform: scale(.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; pointer-events: none; top: 0; left: 0; height: 0; border-top: 0.03rem solid #E5E5E5 }
.h5ui-form-input_tip .code-btn:before, .h5ui-form:last-child:before { content: " "; top: 0; height: 200%; left: 0; pointer-events: none }
.h5ui-form:last-child:before { transform: scale(.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; bottom: 0; border-bottom: 0.03rem solid #E5E5E5 }
.h5ui-form-label { width: 2.67rem; padding: 0.37rem 0 0.37rem 0.40rem; line-height: 1.1333; font-size: 0.43rem; font-weight: 400; margin: 0; color: #222; position: absolute }
.h5ui-form-input { width: 100%; border: 0; outline: 0; font-size: 0.43rem; box-shadow: none; -webkit-box-shadow: none; border-radius: 0; color: #222; padding: 0.27rem 0.40rem 0.27rem 2.67rem; background: #FFF }
.h5ui-input-cell { float: none; width: 100%; padding: 0.29rem 0.40rem; position: static }
.h5ui-input-cell small { color: #999 }
.h5ui-form-static { font-size: 0.43rem; width: 100%; padding: 0.32rem 0.27rem 0.32rem 2.67rem; margin-bottom: 0 }
.h5ui-form-input_tip { position: absolute; top: 0; bottom: 0; right: 0; font-size: 0.43rem; line-height: 1.1333; color: #666; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 0.40rem }
.h5ui-form-input_tip .code-btn { padding: 0.37rem 0; display: block; color: #FFB510 }
.h5ui-form-input_tip .code-btn:before { -webkit-transform: scale(.5); transform: scale(.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; position: absolute; width: 200%; border-left: 0.03rem solid #E5E5E5 }
.h5ui-form-error .h5ui-form-label { color: #EC5055 }
.h5ui-form-error .icon-form_error { width: 0.43rem; height: 0.43rem; background: url(../img/icon-error.png?201612131627) no-repeat; background-size: 0.43rem; display: block }
.h5ui-form_tip { font-size: 0.35rem; padding: 0 0.40rem; color: #999; position: relative; top: -0.27rem }
input[disabled] { background: #FFF }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #CCC }
.h5ui-select { position: relative; width: 100%; padding-left: 2.67rem }
.h5ui-select > select { border-radius: 0; border: 0; outline: 0; width: 100%; padding: 0; height: 1.07rem; font-size: 0.43rem; margin: 0.05rem 0; background: #FFF; color: #222 }
.h5ui-select:after { content: ""; top: 0.40rem; right: 0.45rem; position: absolute; display: inline-block; font-size: 0; border-top: 0.05rem solid rgba(0,0,0,.2); border-left: 0.05rem solid rgba(0,0,0,.2); width: 0.21rem; height: 0.21rem; background-color: transparent; -webkit-transform: rotate(225deg) }
.h5ui-select.select-cell { padding-left: 0.40rem }
.h5ui-select.date-select { position: static; padding-left: 0; min-height: 1.17rem }
.h5ui-toast_loading .h5ui-toast_content, .h5ui-toast_success .h5ui-toast_content { min-height: 3.20rem }
.h5ui-switch { padding: 0.27rem 0.40rem }
.h5ui-switch .h5ui-switch-text { padding: 0.11rem 0; margin: 0; font-size: 0.43rem; text-indent: 0 !important }
.h5ui-switch .h5ui-switch-text small { color: #999 }
.h5ui-switch > input[type=checkbox] { display: none }
.h5ui-switch > label { margin-bottom: 0 }
.h5ui-switch .h5ui-switch_radius { position: relative; display: inline-block; color: #FFF; width: 1.33rem; height: 0.85rem; background: #fff; border-radius: 2.67rem; cursor: pointer; box-shadow: inset 0 0 0 0.03rem #e9e9e9; -webkit-box-shadow: inset 0 0 0 0.03rem #e9e9e9; transition: all .4s cubic-bezier(.17,.67,.43,.98); -webkit-transition: all .4s cubic-bezier(.17,.67,.43,.98); float: right }
.h5ui-switch .h5ui-switch_radius:active { box-shadow: inset 0 0 0 1.2em #e9e9e9; -webkit-box-shadow: inset 0 0 0 1.2em #e9e9e9 }
.h5ui-switch .h5ui-switch_radius:before { width: 0.80rem; height: 0.80rem; border-radius: 2.67rem; transition: margin-left .2s ease 0s; -webkit-transition: margin-left .2s ease 0s; margin: 0.03rem; background: #fff; box-shadow: inset 0 0 0 .03em rgba(0,0,0,.1),0 0 .05em rgba(0,0,0,.05),0 .1em .2em rgba(0,0,0,.2); -webkit-box-shadow: inset 0 0 0 .03em rgba(0,0,0,.1),0 0 .05em rgba(0,0,0,.05),0 .1em .2em rgba(0,0,0,.2) }
.h5ui-switch .h5ui-switch_radius:after, .h5ui-switch .h5ui-switch_radius:before { position: absolute; content: "" }
.h5ui-switch > input:checked + label { background: #FFB510; transition: all .15s ease-out; -webkit-transition: all .15s ease-out; box-shadow: inset 0 0 0 1.2em #FFB510; -webkit-box-shadow: inset 0 0 0 1.2em #FFB510 }
.h5ui-switch > input:checked + label:active { box-shadow: inset 0 0 0 1.2em #FFB510; -webkit-box-shadow: inset 0 0 0 1.2em #FFB510 }
.h5ui-switch > input:checked + label:before { margin-left: 0.51rem }
.h5ui-checkbox .btn, .h5ui-radio .btn { margin: 0; padding: 0.32rem 0.40rem; font-size: 0.43rem; color: #222; text-align: left; border-radius: 0; width: 100%; border: none; background: #FFF; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.h5ui-checkbox .btn:before, .h5ui-radio .btn:before { content: " "; -webkit-transform: scale(.5); transform: scale(.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; pointer-events: none; position: absolute; top: 0; left: 0; width: 200%; height: 0; border-top: 0.03rem solid #E5E5E5 }
.h5ui-checkbox .btn:last-child:before, .h5ui-radio .btn:last-child:before { content: " "; -webkit-transform: scale(.5); transform: scale(.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; pointer-events: none; position: absolute; top: 0; left: 0; width: 200%; bottom: 0; height: 200%; border-bottom: 0.03rem solid #E5E5E5 }
.h5ui-checkbox .btn:active, .h5ui-radio .btn:active { background: #F5F5F5 }
.h5ui-checkbox_hd, .h5ui-radio_hd { display: block; margin-right: 0.40rem }
.h5ui-checkbox_bd, .h5ui-radio_bd { width: 100%; font-size: 0.43rem; display: block; position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 }
.h5ui-checkbox_bd:after, .h5ui-radio_bd:after { width: 0.64rem; height: 0.64rem; content: ""; display: inline-block; float: right }
.h5ui-checkbox_bd small, .h5ui-radio_bd small { color: #999 }
.h5ui-checkbox .btn .h5ui-checkbox_bd:after, .h5ui-radio .btn .h5ui-radio_bd:after { width: 0.64rem; height: 0.64rem }
.h5ui-checkbox .btn .h5ui-checkbox_bd:after { background: #FFF; border: 0.03rem solid #DDD; border-radius: 50%; -webkit-border-radius: 50% }
/*.h5ui-agree .h5ui-agree_icon, .h5ui-checkbox .btn.active .h5ui-checkbox_bd:after, .h5ui-radio .btn.active .h5ui-radio_bd:after {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAACQCAMAAACcXt03AAAAilBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////2N2iNAAAALXRSTlMA+Pz68eEh39s5GPXzeV4jflVOQj0c5YFJHwRSJxTX04V0WUa6j4pq6Q8Iyaaike8ZAAABkElEQVR42u3Y7U7CQBCF4dmCihVaUEAoX0UrBXTu//ZsJHB+TEjZnY0xZt4LeJL5NzlkWZZlWbdU5EUUJ+tyd0T6ttzk8ihOUx3JYe1tAz61PsZx7vJ/6tz/DWcY4KRFFOexx/36mvNwu3PYc1OpdmjGP+20Do1ZSK9nZ04eFZ+QQhyU9vjUR6ADaQ1JOMFSyad6cIKkizMhUkmhDqSN1oGkc9Bqo3UgwdFKcJRSxVylGgFUSpZlWZZ1PY6UQQYZZJBB55LdZFX39VCSUVOmguBQ4QApHB0ER39a8nbeY7oCUjtMSgeQ0gGkcDRQMoIjoEBHA3WkA0jpAApwxn0Og6SjgToLOC1QlWWVvyOhL2oqvR0JLQmShyOhA9ZC4TzDaYcWBOmK8/LEN0DTOSQPR0KYLIeeDiCMw1Jy7Q4gKXk5EsIQP/BzAEnJywEEKYfEbgbHF4K0hfMOpxVC04t0cRyHQJDg+EGQlt4OICnBCYCkNHMcBEGCo4J4v4QTBEFaFMfaRflqXWKfv0EGGfSL0Ddm1HEtVLK8ZwAAAABJRU5ErkJggg==) no-repeat #FFB510;
background-size: 0.64rem;
border: none
}*/
.h5ui-radio .btn.active .h5ui-radio_bd:after { background-position: 0 -0.64rem }
[data-toggle=buttons] > .btn input[type=checkbox], [data-toggle=buttons] > .btn input[type=radio] { clip: rect(0,0,0,0); pointer-events: none; position: absolute; width: 100%; height: 100%; left: -0.13rem; top: 0 }
.h5ui-uploader { padding: 0.40rem 0.40rem 0 0.13rem; background: #FFF; position: relative }
.h5ui-uploader:after, .h5ui-uploader:before { position: absolute; top: 0; left: 0; width: 200%; pointer-events: none; content: " " }
.h5ui-uploader:before { -webkit-transform: scale(.5); transform: scale(.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; height: 0; border-top: 0.03rem solid #E5E5E5 }
.h5ui-uploader:after { -webkit-transform: scale(.5); transform: scale(.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; bottom: 0; height: 200%; border-bottom: 0.03rem solid #E5E5E5 }
.h5ui-uploader_title { padding: 0 0 0.37rem 0.40rem; line-height: 1.1333; font-size: 0.43rem; font-weight: 400; margin: 0; color: #222 }
.h5ui-uploader_files { list-style: none; padding: 0; margin: 0 }
.h5ui-uploader_btn, .h5ui-uploader_files .h5ui-uploader_files_item { width: 2.00rem; height: 2.00rem; margin-left: 0.27rem; margin-bottom: 0.40rem; float: left }
.h5ui-uploader_files .h5ui-uploader_files_item a, .h5ui-uploader_files .h5ui-uploader_files_item img { display: block }
.h5ui-uploader_btn { position: relative }
.h5ui-uploader_btn .h5ui-uploader_btn_border { float: left; width: 100%; height: 100%; background: #fff; border: 0.03rem dashed #D8D7DA; border-radius: 0.16rem; display: block; position: relative; text-align: center }
.h5ui-uploader_btn .h5ui-uploader_btn_border:after, .h5ui-uploader_btn .h5ui-uploader_btn_border:before { content: " "; position: absolute; background: #D8D7DA; display: block; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%) }
.h5ui-uploader_btn .h5ui-uploader_btn_border:after { width: 0.05rem; height: 0.99rem }
.h5ui-uploader_btn .h5ui-uploader_btn_border:before { width: 0.99rem; height: 0.05rem }
.h5ui-uploader_btn input { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.h5ui-modal_share { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0 }
.h5ui-dialog, .h5ui-modal_actionsheet { top: 0; overflow: hidden; left: 0; bottom: 0; z-index: 1050; right: 0; outline: 0 }
.h5ui-modal_share .modal-header { padding: 0.40rem; font-size: 0.48rem; text-align: center }
.h5ui-modal_share .modal-body { position: relative; font-size: 0.43rem; color: #666; text-align: center; padding: 0; width: 100%; margin-bottom: 0.27rem; display: table }
.h5ui-modal_share .modal-body .item { display: table-cell; vertical-align: middle; text-align: center; color: #666; font-size: 0.32rem; padding-bottom: 0.27rem }
.h5ui-modal_share .modal-body .item .icon { width: 1.60rem; height: 1.60rem; border-radius: 1.33rem; -webkit-border-radius: 1.33rem; display: block; margin: 0.13rem auto; background: #FFF }
.h5ui-dialog, .h5ui-dialog .modal-content .btn-lg:before, .h5ui-dialog .modal-footer .btn:before, .h5ui-modal, .h5ui-modal .modal-content .btn-lg:before, .h5ui-modal .modal-footer .h5ui-btn:before, .h5ui-modal_actionsheet, .h5ui-modal_actionsheet .modal-body .h5ui-btn:before, .h5ui-modal_actionsheet .modal-body .h5ui-btn:last-child:after, .h5ui-modal_actionsheet .modal-content .btn-lg:before, .h5ui-modal_share .modal-content .btn-lg:before, .h5ui-modal_share .modal-footer .h5ui-btn:before { display: none }
.h5ui-modal_share .modal-dialog { width: 100%; position: fixed; margin: 0; left: 0; bottom: 0; -webkit-animation: fade-in-up .3s 0s ease-in-out both; animation: fade-in-up .3s 0s ease-in-out both }
.h5ui-modal_share .modal-content { position: relative; background: #F3F4F6 }
.h5ui-modal_share .modal-content .btn-default { background-color: #FFF }
.h5ui-modal_share .modal-content .btn-lg { font-size: 0.45rem; padding: 0.32rem 0.43rem; border-radius: 0; border: none }
.h5ui-modal_share .modal-footer .h5ui-btn { background: #FFF; border-radius: 0; padding: 0.32rem 0.43rem }
.h5ui-modal_share .modal-footer .h5ui-btn:active { background: #F5F5F5 }
@supports (-webkit-backdrop-filter:none) {
.h5ui-modal_share .modal-content { -webkit-backdrop-filter: blur(0.48rem); background: rgba(243,244,246,.95) }
}
.h5ui-modal_actionsheet { position: fixed; -webkit-overflow-scrolling: touch }
.h5ui-modal_actionsheet .modal-header { padding: 0.40rem; font-size: 0.48rem; text-align: center }
.h5ui-modal_actionsheet .modal-dialog { width: 100%; position: fixed; margin: 0; left: 0; bottom: 0; -webkit-animation: fade-in-up .3s 0s ease-in-out both; animation: fade-in-up .3s 0s ease-in-out both }
@-webkit-keyframes fade-in-up {
0% { -webkit-transform: translateY(5.33rem); transform: translateY(5.33rem) }
100% { -webkit-transform: translateY(0); transform: translateY(0) }
}
.h5ui-modal_actionsheet .modal-content { position: relative; background: #F3F4F6 }
.h5ui-modal_actionsheet .modal-content .btn-default { background-color: #FFF }
.h5ui-modal_actionsheet .modal-content .btn-lg { font-size: 0.45rem; padding: 0.32rem 0.43rem; border-radius: 0; border: none }
.h5ui-modal_actionsheet .modal-body { position: relative; font-size: 0.43rem; color: #666; text-align: center; padding: 0 }
.h5ui-modal_actionsheet .modal-body .h5ui-btn { background: #FFF; position: relative; border-radius: 0; padding: 0.32rem 0.43rem }
.h5ui-modal_actionsheet .modal-body .h5ui-btn:active { background: #F5F5F5 }
.h5ui-modal_actionsheet .modal-body .h5ui-btn:after { content: " "; -webkit-transform: scale(.5); transform: scale(.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; pointer-events: none; position: absolute; top: 0; left: 0; width: 200%; bottom: 0; height: 200%; border-bottom: 0.03rem solid #E5E5E5 }
.h5ui-modal_actionsheet .modal-footer { margin-top: 0.21rem }
.h5ui-modal_actionsheet .modal-footer .h5ui-btn { background: #FFF; border-radius: 0; padding: 0.32rem 0.43rem }
.h5ui-modal_actionsheet .modal-footer .h5ui-btn:active { background: #F5F5F5 }
.h5ui-modal_actionsheet .modal-footer .h5ui-btn:before { display: none }
.h5ui-dialog { position: fixed; -webkit-overflow-scrolling: touch }
.h5ui-dialog .modal-header { padding: 0.40rem; font-size: 0.48rem; text-align: center }
.h5ui-dialog .modal-body { position: relative; padding: 0 0.40rem 0.40rem; font-size: 0.43rem; color: #666; text-align: center }
.h5ui-dialog .modal-dialog { width: 100%; position: fixed; margin: 0; left: 0; padding: 0 0.40rem; top: 30%; -webkit-animation: bounce-in .3s 0s ease both; animation: bounce-in .3s 0s ease both }
.h5ui-dialog .modal-content { position: relative; background: #FFF; border-radius: 0.11rem; max-width: 8.00rem; margin-left: auto; margin-right: auto }
.h5ui-dialog .modal-content .btn-default { background-color: #FFF }
.h5ui-dialog .modal-content .btn-lg { font-size: 0.45rem; padding: 0.32rem 0.43rem; border-radius: 0; border: none }
.h5ui-dialog .modal-footer { padding: 0; position: relative }
.h5ui-dialog .modal-footer:before { content: " "; -webkit-transform: scale(.5); transform: scale(.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; pointer-events: none; position: absolute; top: 0; left: 0; width: 200%; height: 0; border-top: 0.03rem solid #E5E5E5 }
.h5ui-dialog .modal-footer .btn { margin: 0; border: none; background: 0 0; padding: 0.32rem; width: 50%; text-align: center; float: left; color: #222; font-size: 0.45rem; -webkit-box-shadow: none; box-shadow: none; position: relative; border-radius: 0 0 0 0.11rem }
.h5ui-dialog .modal-footer .btn.active { color: #FFB510; font-weight: 600 }
.h5ui-dialog .modal-footer .btn:active { background: rgba(0,0,0,.05) }
.h5ui-dialog .modal-footer .btn + .btn { margin-left: 0; border-radius: 0 0 0.11rem }
.h5ui-dialog .modal-footer .btn + .btn:after { content: " "; -webkit-transform: scale(.5); transform: scale(.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; pointer-events: none; position: absolute; top: 0; left: 0; width: 200%; height: 200%; border-left: 0.03rem solid #E5E5E5 }
.form-hairlines:before, .h5ui-modal .modal-footer:before { content: " "; -webkit-transform: scale(.5); pointer-events: none; left: 0 }
.h5ui-dialog .modal-footer .btn-block { width: 100%; border-bottom-left-radius: 0.08rem; border-bottom-right-radius: 0.08rem }
.h5ui-dialog .h5ui-form-input { height: 0.96rem; padding: 0.21rem 0.27rem }
.form-hairlines { position: relative }
.form-hairlines:before { transform: scale(.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; position: absolute; top: 0; width: 200%; height: 200%; border: 0.03rem solid #ccc; border-radius: 0.21rem; -webkit-border-radius: 0.21rem }
.form-hairlines input, .form-hairlines textarea { border: none; border-radius: 0.11rem }
.h5ui-modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0 }
.h5ui-modal .modal-header { font-size: 0.48rem; text-align: center; padding: 0.40rem 0.40rem 0.27rem }
.h5ui-modal .modal-content { position: relative; border-radius: 0.11rem; max-width: 8.53rem; margin: 0.40rem auto; background: #FFF }
.h5ui-modal .modal-content .btn-default { background-color: #FFF }
.h5ui-modal .modal-content .btn-lg { font-size: 0.45rem; padding: 0.32rem 0.43rem; border-radius: 0; border: none }
.h5ui-modal .modal-dialog { width: 100%; position: fixed; margin: 0; left: 0; padding: 0 0.40rem; top: 8%; -webkit-animation: bounce-in .3s 0s ease both; animation: bounce-in .3s 0s ease both }
@-webkit-keyframes bounce-in {
0% { opacity: 0; -webkit-transform: scale(.5) }
100% { opacity: 1; -webkit-transform: scale(1) }
}
.h5ui-modal .modal-body { position: relative; font-size: 0.43rem; color: #666; padding: 0 0.40rem; max-height: 8.53rem; overflow-y: auto; text-align: left }
.h5ui-btn, .h5ui-list { font-size: 0.45rem; vertical-align: middle }
@media (max-width:10.00rem) {
.h5ui-modal .modal-body { max-height: 7.47rem }
}
.h5ui-modal .modal-body p { margin-top: 0 }
.h5ui-modal .modal-footer { padding: 0; text-align: center; position: relative }
.h5ui-modal .modal-footer:before { transform: scale(.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; position: absolute; top: 0; width: 200%; height: 0; border-top: 0.03rem solid #E5E5E5 }
.h5ui-btn:before, .h5ui-list:before { content: " "; -webkit-transform: scale(.5) }
/*.h5ui-modal .modal-footer:after {
content: " ";
position: absolute;
top: -0.53rem;
left: 0;
width: 97%;
height: 0.53rem;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAUCAYAAADPym6aAAAAAXNSR0IArs4c6QAAAKVJREFUSA3tltEKgCAMRc0KKqKi+oz+//Oy3QehXpyYwRwNBMM7vcc5qHLOHUZBNMTQKeAwABm1gEw/iKAbwNNaBflJtgKQLTmbTzxJYm8yfH8RFiB7YGfuYG+S0wWOyLP0dUXyuIzYRRXIEgEsXoKKDDRq8U4ZgwDpafimZeSPZeSKCZiZxbh5YQQgan4ai+8PFBIVaTEpPQCS0ujiuFVA4FbVgFxHFwhNXnJVIwAAAABJRU5ErkJggg==) repeat-x
}*/
.h5ui-modal .modal-footer .h5ui-btn { color: #FFB510; font-weight: 600; border-radius: 0; padding: 0.32rem 0.40rem }
.h5ui-modal .modal-footer .h5ui-btn:active { background: #F5F5F5 }
.h5ui-btn { display: inline-block; padding: 0.27rem 0.43rem; margin-bottom: 0; font-weight: 400; line-height: 1.42857143; border: none; border-radius: 0.13rem; -webkit-border-radius: 0.13rem; min-width: 3.73rem; text-align: center; white-space: nowrap; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; position: relative; width: 100% }
.h5ui-btn:before { transform: scale(.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; pointer-events: none; position: absolute; top: 0; left: 0; width: 200%; height: 200%; border: 0.03rem solid #E5E5E5; border: 0.03rem solid rgba(0,0,0,.15); border-radius: 0.27rem; -webkit-border-radius: 0.27rem }
.h5ui-btn:active { color: inherit; background-image: none }
.h5ui-btn.disabled, .h5ui-btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; filter: alpha(opacity=65); opacity: .65 }
.btn-outlined { width: auto; display: inline-block }
.h5ui-btn_primary { color: #FFF; background-color: #FFB510 }
.h5ui-btn_primary:active { color: #FFF; background-color: #f6a900 }
.h5ui-btn_primary.btn-outlined { background: 0 0; color: #FFB510 }
.h5ui-btn_primary.btn-outlined:before { border-color: #FFB510 }
.h5ui-btn_primary.btn-outlined:active { color: #f6a900 }
.h5ui-btn_primary.btn-outlined:active:before { border-color: #f6a900 }
.h5ui-btn_default { color: #222; background-color: #F7F7F7; position: relative }
.h5ui-btn_default:active { background-color: #e8e8e8 }
.h5ui-btn_default.btn-outlined { background: 0 0; color: #222 }
.h5ui-btn_default.btn-outlined:before { border: 0.03rem solid rgba(0,0,0,.2) }
.h5ui-btn_default.btn-outlined:active { background-color: #F7F7F7 }
.h5ui-btn_danger { color: #FFF; background-color: #EC5055 }
.h5ui-btn_danger:active { color: #FFF; background-color: #ea393f }
input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block { width: 100% }
.h5ui-list { padding: 0.32rem 0.40rem; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #222; background: #FFF }
.h5ui-list:before, .h5ui-list:last-child:before { pointer-events: none; position: absolute; top: 0; width: 200%; left: 0 }
.h5ui-list:before { transform: scale(.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; height: 0; border-top: 0.03rem solid #E5E5E5 }
.h5ui-list:last-child:before, .h5ui-slider_group:before { content: " "; -webkit-transform: scale(.5); bottom: 0 }
.h5ui-list:last-child:before { transform: scale(.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; height: 200%; border-bottom: 0.03rem solid #E5E5E5 }
.h5ui-list_hd { width: 0.53rem; height: 0.53rem; margin-right: 0.27rem; display: block }
.h5ui-list_bd { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 }
.h5ui-list_ft { text-align: right; padding-left: 0.27rem }
.h5ui-list_ft .h5ui-badge { position: relative; top: -0.03rem }
.h5ui-list_ft small { font-size: 0.43rem; color: #999 }
.h5ui-list_ft_arrow { display: inline-block; width: 0.24rem; height: 0.24rem; border-bottom: solid 0.05rem rgba(0,0,0,.2); border-right: solid 0.05rem rgba(0,0,0,.2); -webkit-transform: rotate(315deg); transform: rotate(315deg); margin-right: 0.05rem; margin-bottom: 0.03rem }
a.h5ui-list:active { background: #F5F5F5 }
.h5ui-slider { padding: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 }
.h5ui-slider .slider { display: inline-block; vertical-align: middle; position: relative }
.h5ui-slider .slider.slider-horizontal, .h5ui-slider .slider.slider-horizontal .slider-track { width: 100%; height: 0.16rem }
.h5ui-slider .slider.slider-horizontal .slider-selection, .h5ui-slider .slider.slider-horizontal .slider-track-high, .h5ui-slider .slider.slider-horizontal .slider-track-low { height: 100% }
.h5ui-slider .slider.slider-horizontal .slider-handle, .h5ui-slider .slider.slider-horizontal .slider-tick { margin-left: -0.27rem }
.h5ui-slider .slider.slider-horizontal .slider-handle.triangle, .h5ui-slider .slider.slider-horizontal .slider-tick.triangle { transform: translateY(-50%); -webkit-transform: translateY(-50%); border-width: 0 0.27rem 0.27rem; width: 0; height: 0; border-bottom-color: #FFB510; margin-top: 0 }
.h5ui-slider .slider.slider-horizontal .slider-tick-container { white-space: nowrap; position: absolute; top: 0; left: 0; width: 100% }
.h5ui-slider .slider.slider-horizontal .slider-tick-label-container { white-space: nowrap; margin-top: 0.53rem }
.h5ui-slider .slider.slider-horizontal .slider-tick-label-container .slider-tick-label { padding-top: 0.11rem; display: inline-block; text-align: center }
.h5ui-slider .slider .hide, .h5ui-slider .slider .tooltip.top, .h5ui-slider .slider input { display: none }
.h5ui-slider .slider.slider-vertical { height: 5.60rem; width: 0.53rem }
.h5ui-slider .slider.slider-vertical .slider-track { width: 0.27rem; height: 100%; left: 25% }
.h5ui-slider .slider.slider-vertical .slider-selection { width: 100%; left: 0; top: 0; bottom: 0 }
.h5ui-slider .slider.slider-vertical .slider-track-high, .h5ui-slider .slider.slider-vertical .slider-track-low { width: 100%; left: 0; right: 0 }
.h5ui-slider .slider.slider-vertical .slider-handle.triangle, .h5ui-slider .slider.slider-vertical .slider-tick.triangle { border-width: 0.27rem 0 0.27rem 0.27rem; width: 0.03rem; height: 0.03rem; border-left-color: #dc9800; margin-left: 0 }
.h5ui-slider .slider.slider-vertical .slider-tick-label-container { white-space: nowrap }
.h5ui-slider .slider.slider-vertical .slider-tick-label-container .slider-tick-label { padding-left: 0.11rem }
.h5ui-slider .slider .tooltip-inner { white-space: nowrap; max-width: none }
.h5ui-slider .slider-track { position: absolute; cursor: pointer; background: #F5F5F5; box-shadow: inset 0 0.03rem 0.05rem rgba(0,0,0,.15); -webkit-box-shadow: inset 0 0.03rem 0.05rem rgba(0,0,0,.15); border-radius: 0.27rem }
.h5ui-slider .slider-selection { box-shadow: inset 0 -0.03rem 0 rgba(0,0,0,.1); -webkit-box-shadow: inset 0 -0.03rem 0 rgba(0,0,0,.1); border-radius: 0.11rem; background-color: #FFB510 }
.h5ui-slider .slider-track-high, .h5ui-slider .slider-track-low { position: absolute; background: 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 0.11rem }
.h5ui-slider .slider-handle { position: absolute; top: -0.32rem; width: 0.80rem; height: 0.80rem; background: repeat-x #FFF; background-image: -webkit-gradient(linear,left top,left bottom,from(#FFF),to(#f9f9f9)); background-image: linear-gradient(to bottom,#FFF,#f9f9f9); cursor: pointer; box-shadow: 0 0.03rem 0.08rem rgba(0,0,0,.4); -webkit-box-shadow: 0 0.03rem 0.08rem rgba(0,0,0,.4) }
.h5ui-slider .slider-handle:after, .h5ui-slider .slider-handle:before { width: 0.05rem; height: 0.32rem; display: block; background: rgba(0,0,0,.25); content: ""; position: absolute; top: 0.24rem }
.h5ui-slider .slider-handle:before { left: 0.29rem }
.h5ui-slider .slider-handle:after { left: 0.45rem }
.h5ui-slider .slider-handle.round { border-radius: 50%; -webkit-border-radius: 50% }
.h5ui-slider .slider-handle.triangle { background: 0 0 }
.h5ui-slider_title { margin: 0; padding-bottom: 0.27rem; font-size: 0.37rem; font-weight: 400; color: #999; background: #FFF; position: relative; top: -0.13rem }
.h5ui-slider_group { background: #FFF; position: relative; padding: 0.53rem; margin-bottom: 0.40rem }
.h5ui-slider_group:before { transform: scale(.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; pointer-events: none; position: absolute; top: 0; left: 0; width: 200%; height: 200%; border-bottom: 0.03rem solid #E5E5E5 }
.h5ui-slider_group:after, .h5ui-tab:before { content: " "; -webkit-transform: scale(.5); pointer-events: none; top: 0; left: 0 }
.h5ui-slider_group:after { transform: scale(.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; position: absolute; width: 200%; height: 0; border-top: 0.03rem solid #E5E5E5 }
.h5ui-slider_group_body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.h5ui-tab { background: #FFF; position: relative; width: 100%; display: block }
.h5ui-tab:before { transform: scale(.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; position: absolute; width: 200%; bottom: 0; height: 200%; border-bottom: 0.03rem solid #E5E5E5 }
.h5ui-tab .tab-item { padding: 0; margin: 0; list-style: none; position: relative }
.h5ui-tab .tab-item a { display: inline-block; padding: 0.35rem 0; color: #666; font-size: 0.43rem; text-align: center }
.h5ui-tab .tab-item .active { position: relative; bottom: 0 }
.h5ui-tab .tab-item .active a { border-bottom: 0.05rem solid #FFB510; padding: 0.32rem 0 0.29rem; color: #FFB510; position: relative }
.h5ui-toptips:before, header.h5ui-bar:before { pointer-events: none; left: 0; border-bottom: 0.03rem solid #E5E5E5 }
.h5ui-tab .tab-item li { display: table-cell; width: 1%; text-align: center; position: relative }
.h5ui-tab .tab-item li .badge { padding: 0 0.11rem; position: relative; top: -0.03rem; margin-left: 0.05rem }
.h5ui-tab .tab-item li small { color: #999 }
.h5ui-tab.tab-fixed { position: fixed !important; right: 0; left: 0; z-index: 10 }
.tab-content > .tab-pane { display: none }
.h5ui-bar, .tab-content > .active { display: block }
.h5ui-bar { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(255,255,255,.96); width: 100%; position: relative; z-index: 10 }
.h5ui-bar.bar-fixed { position: fixed !important; right: 0; left: 0; z-index: 10 }
header.h5ui-bar.bar-fixed { top: 0 }
header.h5ui-bar:before { -webkit-transform: scale(.5); transform: scale(.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; position: absolute; width: 200%; height: 200%; border-bottom: 0.03rem solid rgba(0,0,0,.1); top: auto; bottom: -0.03rem }
header.h5ui-bar:after, header.h5ui-bar:before { content: ""; display: table }
.h5ui-toptips:before, .loading-icon-leaf:before, footer.h5ui-bar:before { content: " " }
header.h5ui-bar .h5ui-bar_title { display: block; font-size: 0.48rem; font-weight: 700; width: 100%; position: absolute; text-align: center; line-height: 1.23rem; margin: 0; padding: 0; white-space: nowrap }
header.h5ui-bar .h5ui-bar_title a { color: inherit }
header.h5ui-bar .h5ui-bar_item { padding: 0 0.40rem; font-size: 0.45rem; line-height: 1.23rem; position: relative; z-index: 10; color: #FFB510 }
header.h5ui-bar .h5ui-bar_item .h5ui-bar_arrow_left { display: inline-block; width: 0.32rem; height: 0.32rem; border-bottom: solid 0.05rem #FFB510; border-right: solid 0.05rem #FFB510; margin-left: 0.05rem; margin-right: -0.05rem; -webkit-transform: rotate(135deg); transform: rotate(135deg) }
header.h5ui-bar.bar-green { border: none; background: #FFB510; color: #FFF }
header.h5ui-bar.bar-green:before { display: none }
header.h5ui-bar.bar-green .h5ui-bar_item { color: #FFF }
header.h5ui-bar.bar-green .h5ui-bar_item .h5ui-bar_arrow_left { border-bottom: solid 0.05rem #FFF; border-right: solid 0.05rem #FFF }
footer.h5ui-bar { height: 1.33rem; display: table; position: relative }
footer.h5ui-bar.bar-fixed { bottom: 0 }
footer.h5ui-bar:before { -webkit-transform: scale(.5); transform: scale(.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; pointer-events: none; position: absolute; top: 0; left: 0; width: 200%; height: 0; border-top: 0.03rem solid #E5E5E5; border-top: 0.03rem solid rgba(0,0,0,.1) }
footer.h5ui-bar .h5ui-bar_item { display: table-cell; text-align: center; vertical-align: middle; height: inherit; color: #999; font-size: 0.29rem }
footer.h5ui-bar .h5ui-bar_item .h5ui-bar_icon { width: 0.64rem; height: 0.64rem; display: inline-block; margin: 0.08rem auto 0; position: relative }
footer.h5ui-bar .h5ui-bar_item .h5ui-bar_icon .h5ui-badge { position: absolute; top: -0.05rem; right: -0.27rem }
footer.h5ui-bar .h5ui-bar_item .h5ui-bar_icon .h5ui-badge.h5ui-badge_dot { right: -0.19rem }
footer.h5ui-bar .h5ui-bar_item span { display: block; line-height: 1 }
footer.h5ui-bar .h5ui-bar_item.active { color: #FFB510 }
@supports (-webkit-backdrop-filter:none) {
.h5ui-bar { -webkit-backdrop-filter: blur(0.48rem); background-color: rgba(255,255,255,.68) }
}
.h5ui-alert { line-height: 2; font-size: 0.43rem; text-align: center; position: fixed; top: 0; left: 0; width: 100%; z-index: 18888; color: #FFF; display: none; padding: 0.16rem 0.27rem; -webkit-animation: fade-in-down .5s 0s ease both; animation: fade-in-down .5s 0s ease both }
@-webkit-keyframes fade-in-down {
0% { -webkit-transform: translateY(-1.07rem) }
100% { -webkit-transform: translateY(0) }
}
.h5ui-alert i { width: 0.53rem; height: 0.53rem; display: inline-block; margin-right: 0.19rem; vertical-align: middle; background: url(../img/icon-alert.png?201612081905) no-repeat; background-size: 0.53rem }
.h5ui-alert i.h5ui-alert_success_icon { background-position: 0 0 }
.h5ui-alert i.h5ui-alert_error_icon { background-position: 0 -0.53rem }
.h5ui-alert i.h5ui-alert_warning_icon { background-position: 0 -1.07rem }
.h5ui-alert span { vertical-align: middle }
.h5ui-alert.h5ui-alert_success { background: rgba(67,172,67,.95) }
.h5ui-alert.h5ui-alert_error { background: rgba(242,91,75,.95) }
.h5ui-alert.h5ui-alert_warning { background: rgba(250,241,165,.95); color: #222 }
.h5ui-alert.h5ui-alert_warning > a { color: #222; display: block }
.h5ui-toptips { font-size: 0.37rem; width: 100%; z-index: 18888; padding: 0.27rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.h5ui-toptips .h5ui-list_ft_arrow { background: 0 0; position: absolute; top: 0.37rem; right: 0.40rem; display: inline-block; width: 0.24rem; height: 0.24rem; border-bottom: 0.05rem solid rgba(153,153,153,.7); border-right: 0.05rem solid rgba(153,153,153,.7); -webkit-transform: rotate(315deg); transform: rotate(315deg); margin-right: 0.05rem; margin-bottom: 0.03rem }
.h5ui-toptips:before { -webkit-transform: scale(.5); transform: scale(.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; position: absolute; top: 0; width: 200%; bottom: 0; height: 200%; border-bottom: 0.03rem solid rgba(0,0,0,.07) }
.h5ui-toptips i { width: 0.37rem; height: 0.37rem; display: inline-block; margin-right: 0.19rem; background: url(../img/toptips-icon.png?201612081905) no-repeat; background-size: 0.37rem }
.h5ui-toptips i.h5ui-toptips_warning_icon { color: #ffb510; position: relative; bottom: 0.05rem; background: url(../img/light.png); background-size: 0.43rem; background-position: 0 0 !important }
.h5ui-toast, .h5ui-toast_backdrop { position: fixed; top: 0; left: 0; right: 0 }
.h5ui-toptips i.h5ui-toptips_error_icon { background-position: 0 -0.37rem }
.h5ui-toptips.h5ui-toptips_warning { background: #FEFCEC; color: #333 }
.h5ui-toptips.h5ui-toptips_warning > a { color: #333 }
.h5ui-toptips.h5ui-toptips_error { background: #FDEDEE; color: #EC5055 }
.h5ui-toptips.h5ui-toptips_error > a { color: #EC5055 }
.h5ui-toast { bottom: 0; z-index: 1050; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; text-align: center; display: none }
.h5ui-toast_dialog { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.h5ui-toast_backdrop { bottom: 0; z-index: 1040 }
.h5ui-toast_content { position: relative; min-width: 3.20rem; display: inline-block; background: rgba(40,40,40,.7); text-align: center; border-radius: 0.13rem; color: #FFF; font-size: 0.43rem }
.h5ui-toast_content > span { padding: 0.40rem; display: block }
.h5ui-toast_success .h5ui-toast_content .h5ui-toast_success_icon { width: 1.17rem; height: 1.17rem; display: block; margin: 0.27rem auto; background: url(../img/icon-toast_success.png?201612081905) no-repeat; background-size: 1.07rem }
.h5ui-toast_loading .h5ui-toast_content span { font-size: 0.37rem }
.h5ui-toast_loading_icon { position: relative; width: 1.17rem; height: 1.17rem; display: block; margin: 0.27rem auto }
.loading-icon-leaf { position: absolute; opacity: .25; left: 0.56rem; top: 0.56rem }
.loading-icon-leaf:before { position: absolute; width: 0.22rem; height: 0.08rem; background: #d1d1d5; -webkit-box-shadow: rgba(0,0,0,.0980392) 0 0 0.03rem; box-shadow: rgba(0,0,0,.0980392) 0 0 0.03rem; border-radius: 0.03rem; -webkit-transform-origin: left 50% 0; transform-origin: left 50% 0 }
.loading-icon-leaf_0 { -webkit-animation: opacity-60-25-0-12 1.25s linear infinite; animation: opacity-60-25-0-12 1.25s linear infinite }
.loading-icon-leaf_0:before { -webkit-transform: rotate(0) translate(0.21rem,0); transform: rotate(0) translate(0.21rem,0) }
.loading-icon-leaf_1 { -webkit-animation: opacity-60-25-1-12 1.25s linear infinite; animation: opacity-60-25-1-12 1.25s linear infinite }
.loading-icon-leaf_1:before { -webkit-transform: rotate(30deg) translate(0.21rem,0); transform: rotate(30deg) translate(0.21rem,0) }
.loading-icon-leaf_2 { -webkit-animation: opacity-60-25-2-12 1.25s linear infinite; animation: opacity-60-25-2-12 1.25s linear infinite }
.loading-icon-leaf_2:before { -webkit-transform: rotate(60deg) translate(0.21rem,0); transform: rotate(60deg) translate(0.21rem,0) }
.loading-icon-leaf_3 { -webkit-animation: opacity-60-25-3-12 1.25s linear infinite; animation: opacity-60-25-3-12 1.25s linear infinite }
.loading-icon-leaf_3:before { -webkit-transform: rotate(90deg) translate(0.21rem,0); transform: rotate(90deg) translate(0.21rem,0) }
.loading-icon-leaf_4 { -webkit-animation: opacity-60-25-4-12 1.25s linear infinite; animation: opacity-60-25-4-12 1.25s linear infinite }
.loading-icon-leaf_4:before { -webkit-transform: rotate(120deg) translate(0.21rem,0); transform: rotate(120deg) translate(0.21rem,0) }
.loading-icon-leaf_5 { -webkit-animation: opacity-60-25-5-12 1.25s linear infinite; animation: opacity-60-25-5-12 1.25s linear infinite }
.loading-icon-leaf_5:before { -webkit-transform: rotate(150deg) translate(0.21rem,0); transform: rotate(150deg) translate(0.21rem,0) }
.loading-icon-leaf_6 { -webkit-animation: opacity-60-25-6-12 1.25s linear infinite; animation: opacity-60-25-6-12 1.25s linear infinite }
.loading-icon-leaf_6:before { -webkit-transform: rotate(180deg) translate(0.21rem,0); transform: rotate(180deg) translate(0.21rem,0) }
.loading-icon-leaf_7 { -webkit-animation: opacity-60-25-7-12 1.25s linear infinite; animation: opacity-60-25-7-12 1.25s linear infinite }
.loading-icon-leaf_7:before { -webkit-transform: rotate(210deg) translate(0.21rem,0); transform: rotate(210deg) translate(0.21rem,0) }
.loading-icon-leaf_8 { -webkit-animation: opacity-60-25-8-12 1.25s linear infinite; animation: opacity-60-25-8-12 1.25s linear infinite }
.loading-icon-leaf_8:before { -webkit-transform: rotate(240deg) translate(0.21rem,0); transform: rotate(240deg) translate(0.21rem,0) }
.loading-icon-leaf_9 { -webkit-animation: opacity-60-25-9-12 1.25s linear infinite; animation: opacity-60-25-9-12 1.25s linear infinite }
.loading-icon-leaf_9:before { -webkit-transform: rotate(270deg) translate(0.21rem,0); transform: rotate(270deg) translate(0.21rem,0) }
.loading-icon-leaf_10 { -webkit-animation: opacity-60-25-10-12 1.25s linear infinite; animation: opacity-60-25-10-12 1.25s linear infinite }
.loading-icon-leaf_10:before { -webkit-transform: rotate(300deg) translate(0.21rem,0); transform: rotate(300deg) translate(0.21rem,0) }
.loading-icon-leaf_11 { -webkit-animation: opacity-60-25-11-12 1.25s linear infinite; animation: opacity-60-25-11-12 1.25s linear infinite }
.loading-icon-leaf_11:before { -webkit-transform: rotate(330deg) translate(0.21rem,0); transform: rotate(330deg) translate(0.21rem,0) }
@-webkit-keyframes opacity-60-25-0-12 {
0%,0.01% { opacity: .25 }
0.02% { opacity: 1 }
100%,60.01% { opacity: .25 }
}
@-webkit-keyframes opacity-60-25-1-12 {
0%,8.34333% { opacity: .25 }
8.35333% { opacity: 1 }
100%,68.3433% { opacity: .25 }
}
@-webkit-keyframes opacity-60-25-2-12 {
0%,16.6767% { opacity: .25 }
16.6867% { opacity: 1 }
100%,76.6767% { opacity: .25 }
}
@-webkit-keyframes opacity-60-25-3-12 {
0%,25.01% { opacity: .25 }
25.02% { opacity: 1 }
100%,85.01% { opacity: .25 }
}
@-webkit-keyframes opacity-60-25-4-12 {
0%,33.3433% { opacity: .25 }
33.3533% { opacity: 1 }
100%,93.3433% { opacity: .25 }
}
@-webkit-keyframes opacity-60-25-5-12 {
0% { opacity: .270958333333333 }
41.6767% { opacity: .25 }
41.6867% { opacity: 1 }
1.67667% { opacity: .25 }
100% { opacity: .270958333333333 }
}
@-webkit-keyframes opacity-60-25-6-12 {
0% { opacity: .375125 }
50.01% { opacity: .25 }
50.02% { opacity: 1 }
10.01% { opacity: .25 }
100% { opacity: .375125 }
}
@-webkit-keyframes opacity-60-25-7-12 {
0% { opacity: .479291666666667 }
58.3433% { opacity: .25 }
58.3533% { opacity: 1 }
18.3433% { opacity: .25 }
100% { opacity: .479291666666667 }
}
@-webkit-keyframes opacity-60-25-8-12 {
0% { opacity: .583458333333333 }
66.6767% { opacity: .25 }
66.6867% { opacity: 1 }
26.6767% { opacity: .25 }
100% { opacity: .583458333333333 }
}
@-webkit-keyframes opacity-60-25-9-12 {
0% { opacity: .687625 }
75.01% { opacity: .25 }
75.02% { opacity: 1 }
35.01% { opacity: .25 }
100% { opacity: .687625 }
}
@-webkit-keyframes opacity-60-25-10-12 {
0% { opacity: .791791666666667 }
83.3433% { opacity: .25 }
83.3533% { opacity: 1 }
43.3433% { opacity: .25 }
100% { opacity: .791791666666667 }
}
@-webkit-keyframes opacity-60-25-11-12 {
0% { opacity: .895958333333333 }
91.6767% { opacity: .25 }
91.6867% { opacity: 1 }
51.6767% { opacity: .25 }
100% { opacity: .895958333333333 }
}
.text-primary { color: #FFB510 }
.h5ui-badge { display: inline-block; padding: 0.05rem 0.13rem; z-index: 2; min-width: 0.21rem; background: #EC5055; font-weight: 400; border-radius: 1.33rem; -webkit-border-radius: 1.33rem; color: #FFF !important; font-size: 0.32rem !important; line-height: 1 !important; text-align: center; white-space: nowrap; font-style: normal }
.h5ui-badge_dot { width: 0.24rem; height: 0.24rem; padding: 0; min-width: 0 }
.h5ui-msg { min-height: 100%; height: auto !important; background: #FFF; overflow-y: auto }
.h5ui-msg_content { text-align: center; padding: 0.40rem; display: block }
.h5ui-msg_content .h5ui-msg_icon { width: 2.67rem; height: 2.67rem; display: block; margin: 0.80rem auto }
.h5ui-msg_content h4 { font-size: 0.53rem; margin: 0.13rem 0.27rem; color: #222; font-weight: 400 }
.h5ui-msg_content p { font-size: 0.37rem; line-height: 1.4; color: #999; margin-bottom: 0.80rem; margin-top: 0 }
.h5ui-msg_content .h5ui-btn { margin-top: 0.40rem }
.h5ui-msg_icon { background: url(../img/icon-msg.png?201612081905) no-repeat; background-size: 2.67rem }
.h5ui-msg_success .h5ui-msg_icon { background-position: 0 0 }
.h5ui-msg_error .h5ui-msg_icon { background-position: 0 -2.67rem }
.h5ui-msg_loading .h5ui-msg_icon { background-position: 0 -5.33rem }
.h5ui-msg_failure { min-height: inherit; background: 0 0; overflow-y: auto }
.h5ui-msg_failure .h5ui-msg_icon { width: 2.67rem; height: 2.67rem; background: url(../img/icon-msg_failure.png?201612061623) no-repeat; background-size: 2.67rem; margin: 2.67rem auto 0.27rem }
.h5ui-grid .h5ui-grid_item { width: 33.3333%; background: #FFF; display: block; text-align: center; float: left; padding: 0.53rem 0; color: #666; font-size: 0.37rem; position: relative }
.h5ui-grid .h5ui-grid_item:after, .h5ui-grid .h5ui-grid_item:before, .h5ui-grid .h5ui-grid_item:nth-last-child(-n+3):before { content: " "; position: absolute; top: 0; left: 0; pointer-events: none }
.h5ui-grid .h5ui-grid_item:after { -webkit-transform: scale(.5); transform: scale(.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 200%; height: 200%; border-right: 0.03rem solid #E5E5E5 }
.h5ui-grid .h5ui-grid_item:before { -webkit-transform: scale(.5); transform: scale(.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 200%; height: 0; border-top: 0.03rem solid #E5E5E5 }
.h5ui-grid .h5ui-grid_item .h5ui-grid_item_icon { width: 0.85rem; height: 0.85rem; display: block; margin: 0.27rem auto 0.13rem }
.h5ui-grid .h5ui-grid_item:active { background: #F5F5F5 }
.h5ui-grid .h5ui-grid_item:nth-child(3n):after { border-right: none }
.h5ui-grid .h5ui-grid_item:nth-last-child(-n+3):before { -webkit-transform: scale(.5); transform: scale(.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 200%; bottom: 0; height: 200%; border-bottom: 0.03rem solid #E5E5E5 }
.h5ui-timeline .h5ui-timeline_item { position: relative; padding-left: 1.07rem; padding-bottom: 0.80rem; font-size: 0.43rem; color: #666 }
.h5ui-timeline .h5ui-timeline_item small { display: block; font-size: 0.35rem; color: #999 }
.h5ui-timeline .h5ui-timeline_item:last-child:after { display: none }
.h5ui-timeline .h5ui-timeline_item:after, .h5ui-timeline .h5ui-timeline_item:before { position: absolute; top: 0.16rem; display: block; background: #EAECEE; content: " " }
.h5ui-timeline .h5ui-timeline_item:before { left: 0.27rem; width: 0.29rem; height: 0.29rem; border-radius: 50%; z-index: 2 }
.h5ui-timeline .h5ui-timeline_item:after { left: 0.40rem; width: 0.03rem; height: 100% }
.h5ui-timeline .h5ui-timeline_item.success { color: #FFB510 }
.h5ui-timeline .h5ui-timeline_item.success:after, .h5ui-timeline .h5ui-timeline_item.success:before { background: #ffc239 }
.h5ui-timeline .h5ui-timeline_item.active { color: #FFB510; font-weight: 600 }
.h5ui-timeline .h5ui-timeline_item.active small { font-weight: 400 }
.h5ui-timeline .h5ui-timeline_item.active:before { top: 0.08rem; left: 0.19rem; width: 0.45rem; height: 0.45rem; background: #ffc239; border: 0.08rem solid #fff7e6 }
.h5ui-agree { font-size: 0.32rem; color: #999 }
.h5ui-agree a { color: #FFB510 }
.h5ui-agree .h5ui-agree_icon { width: 0.37rem; height: 0.37rem; border-radius: 50%; -webkit-border-radius: 50%; display: inline-block; vertical-align: middle; background-size: 0.37rem; margin-right: 0.13rem }
.h5ui-agree span { vertical-align: middle }
.h5ui-searchbar { background: rgba(229,229,232,.95); border-bottom: none !important; position: relative }
.searchbar-content { padding: 0.19rem 0.27rem }
.searchbar-content .h5ui-form-input { height: 0.85rem; padding: 0 0.27rem 0 0.80rem; background: url(../img/icon-search_bar.png?201612081905) 0.21rem 50% no-repeat #fff; background-size: 0.48rem; display: block; border-radius: 0.08rem; font-size: 0.37rem }
.searchbar-content.focus { padding: 0.19rem 1.60rem 0.19rem 0.27rem }
.searchbar-cancel { position: absolute; top: 0.19rem; right: 0; line-height: 0.85rem; font-size: 0.43rem; color: #FFB510; width: 1.60rem; text-align: center; display: none }
.h5ui-loading, .h5ui-loading a { color: #666; display: block }
.h5ui-loading { font-size: 0.35rem; text-align: center; margin: 0.40rem 0 }
.h5ui-loading span.loading-line { text-align: center; background: #F5F6F7; display: inline-block; position: relative; top: 0.27rem; padding: 0 0.53rem }
.h5ui-loading span.loading-line:after, .h5ui-loading span.loading-line:before { content: " "; position: absolute; top: 0.16rem; width: 0.13rem; height: 0.13rem; background: #E5E8EC; border-radius: 1.33rem }
.h5ui-loading span.loading-line:before { left: 0 }
.h5ui-loading span.loading-line:after { right: 0 }
.h5ui-loading.processing span { vertical-align: middle }
.h5ui-loading.processing .loading-processing_icon { width: 0.43rem; height: 0.43rem; margin-right: 0.13rem; display: inline-block; vertical-align: middle; background: url(../img/icon-loading_processing.gif?201612131805) no-repeat; background-size: 0.43rem }
.h5ui-loading.error, .h5ui-loading.success { border-bottom: 0.03rem solid #E5E8EC; position: relative; text-align: center; margin-bottom: 0.53rem; padding-top: 0.27rem; color: #999 }
.h5ui-content_empty { margin: 0.53rem auto }
.h5ui-content_empty .h5ui-content_empty_icon { width: 2.13rem; height: 2.13rem; display: block; background: url(../img/icon-content_empty.png?201612061623) no-repeat; background-size: 2.13rem; margin: 0 auto }
.h5ui-content_empty p { text-align: center; font-size: 0.37rem; color: #999; margin: 0 }
body { font-size: 0.37rem !important }
#demo { padding: 0.27rem; font-size: 0.64rem; width: 10.00rem }
::-webkit-scrollbar { display: none }
#report_details { padding: 0; margin: 0; /*height: 100%;*/ overflow: scroll; -webkit-overflow-scrolling: touch; background-color: #fff }
#report_details .bannerbc { background: url(../img/bg_index1.png) top no-repeat; background-size: 100% 100%; height: 7.1rem; text-align: center; line-height: 0.64rem }
#report_details .flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 2.2rem }
#report_details .flex .avatar { /*width: 17%;
margin-left: 3%*/ text-align: center; }
#report_details .flex .avatar img { width: 1.92rem; height: 1.92rem; border-radius: 50% }
#report_details .info { text-align: center; width: 100%; color: #222; font-size: 0.5rem; font-weight: 600; }
#report_details .info p { padding: 0; line-height: 0; font-size: 0.32rem; color: #fff }
#report_details .main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 0.27rem }
#report_details .main .bar { font-size: 0.32rem; text-align: right; width: 40%; position: relative }
#report_details .main .bar ::before { position: absolute; width: 0.19rem; height: 0.27rem; display: block; content: ''; top: 0.51rem; right: 0.27rem; background: url(../img/jiantou.png) no-repeat; background-size: 100% 100% }
#report_details .main .bar span { color: #fff; border-radius: 1.33rem 0 0 1.33rem; background-color: rgba(0,0,0,.46); margin-top: 0.13rem; border: none; padding: 0.19rem 0.80rem 0.19rem 0.37rem; white-space: nowrap; display: block }
#report_details .contribute, #report_details .details, #report_details .medal { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /*padding-top: 0.47rem*/ }
#report_details .medal { width: 100%; }
#report_details .contribute img, #report_details .details img, #report_details .medal img { height: 3.92rem }
#report_details .details { font-size: 0.37rem; color: #fff; background-color: #D29300; border-radius: 1.33rem; text-align: center; font-weight: 600; display: inline-block; padding: 0.05rem 0.24rem; margin-top: 0.08rem }
#report_details .contribute { width: 100%; padding-top: 0.13rem; color: #E5B500; font-size: 0.32rem; text-align: center; font-weight: 600; }
#report_details .contribute img { height: 0.43rem; /*padding-left: 0.27rem*/ }
#report_details .content { background-color: #fff; height: 100% }
#report_details .content .help_grade { background: url(../img/grade_bg.png) center no-repeat; background-size: 7.55rem 0.35rem; height: 0.87rem; text-align: center; }
#report_details .content .help_grade span { font-size: 0.44rem; color: #fff; background-color: #f8527d; border-radius: 3.33rem; text-align: center; font-weight: 600; display: inline-block; padding: 0.05rem 0.24rem; margin-top: 0.08rem }
#report_details .content .grade_detail { display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.69rem 0 0.27rem }
#report_details .content .grade_detail img { width: 1.33rem; height: 1.33rem }
#report_details .content .grade_detail span { text-align: center; width: 33.33% }
#report_details .content .grade_detail .grade_text { font-size: 0.32rem; color: #999; margin-bottom: 0; margin-top: 0.13rem }
#report_details .content .grade_detail .grade_num { font-size: 0.48rem; font-weight: 600; color: #666; padding: 0; margin: 0 }
#report_details .content .home { background: url(../img/home.png) center center no-repeat; background-size: 5.95rem 5.41rem; height: 5.41rem }
#report_details .content .home .home_top { font-size: 0.37rem; color: #999; text-align: center; padding-top: 0.99rem; margin-bottom: 0 }
#report_details .content .home .home_top2 { margin: 0; padding: 0 }
#report_details .content .home .home_member { display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.53rem 0.53rem 1.60rem }
#report_details .content .home .home_member img { width: 0.67rem; height: 0.67rem }
#report_details .content .home .home_member span { text-align: center }
#report_details .content .home .home_member .home_text { font-size: 0.37rem; color: #666; margin: 0 }
#report_details .content .home .thanknote_title { font-size: 0.37rem; color: #666; text-align: center; padding-bottom: 0.40rem; margin-top: 0.27rem }
#report_details .content .home .thanknote_litter { width: 90%; background: rgba(255,181,16,.3); margin: 0 auto 0.96rem; border-radius: 0.24rem; -webkit-box-shadow: 0 0.05rem 0.21rem 0.11rem rgba(201,193,182,.2); box-shadow: 0 0.05rem 0.21rem 0.11rem rgba(201,193,182,.2); padding: 0.40rem 0 }
#report_details .content .home .thanknote_litter .thanknote_inner { width: 90%; margin: 0 auto; text-align: center; border-radius: 0.24rem; border: 0.03rem solid rgba(255,181,16,.5); padding: 0.40rem }
#report_details .content .home .thanknote_litter .thanknote_nickname { display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex }
#report_details .content .home .thanknote_litter .thanknote_nickname img { height: 0.75rem; width: 0.75rem; border-radius: 1.33rem }
#report_details .content .home .thanknote_litter .thanknote_nickname p { font-size: 0.32rem; color: #59451F; width: 100%; margin: 0; padding-left: 0.27rem; text-align: left; line-height: 0.45rem }
#report_details .content .home .thanknote_litter .thanknote_end { font-size: 0.32rem; color: #59451F; text-align: right; margin-bottom: 0 }
#report_details .content .home .like_text { font-size: 0.32rem; color: #999; text-align: center; padding-top: 0.40rem; padding-bottom: 0.53rem }
#report_details .content .home .share_button { height: 1.17rem; line-height: 1.17rem; margin-bottom: 1.09rem; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; padding: 0 0.27rem }
#report_details .content .home .share_button .share_left { -webkit-box-flex: .4; -ms-flex: .4; flex: .4; background-image: -webkit-gradient(linear,right top,left top,from(#f8527d),to(#fc7698)); background-image: linear-gradient(-90deg,#f8527d 0,#fc7698 100%); -webkit-box-shadow: 0 0.03rem 0.21rem 0.11rem rgba(255,211,112,.4); box-shadow: 0 0.03rem 0.21rem 0.11rem rgba(255,211,112,.4); border-radius: 2.67rem; margin: 0 auto; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
#report_details .content .home .share_button .share_left .share_text_left { margin-left: 0.27rem; font-size: 0.48rem; color: #fff; font-weight: 600 }
#report_details .content .home .share_button .share_left .zan { background: url(../img/zan.png) 0 no-repeat; display: inline-block; padding-left: 0.53rem; font-size: 0.48rem; background-size: 0.53rem 0.53rem }
#report_details .content .home .share_button .share_left .heartAnimation { background: url(../img/like.png) 0 no-repeat; display: inline-block; padding-left: 0.53rem; font-size: 0.48rem; background-size: 0.53rem 0.53rem }
#report_details .content .home .share_button .share_right { background-image: -webkit-gradient(linear,right top,left top,from(#f8527d),to(#fc7698)); background-image: linear-gradient(-90deg,#f8527d 0,#fc7698 100%); -webkit-box-shadow: 0 0.03rem 0.21rem 0.11rem rgba(255,211,112,.4); box-shadow: 0 0.03rem 0.21rem 0.11rem rgba(255,211,112,.4); border-radius: 2.67rem; margin: 0 auto 0 0.40rem; text-align: center; -webkit-box-flex: .5; -ms-flex: .5; flex: .5 }
#report_details .content .home .share_button .share_right .share_text_right { background: url(../img/huzhu_toget.png) 0 no-repeat; display: inline-block; padding-left: 0.67rem; background-size: 0.53rem 0.53rem; font-size: 0.48rem; color: #fff; font-weight: 600 }
#report_details .content .home .share_button img { width: 0.56rem; height: 0.59rem }
#report_details .content .home .share_button a { display: block; font-size: 0.48rem; color: #fff; font-weight: 600 }
#report_details .content .home .share_text { display: inline-block; background: url(../img/huzhu_toget.png) 0 no-repeat; padding-left: 0.67rem; font-size: 0.48rem; background-size: 0.53rem 0.53rem }
#report_details .content .home .help_grade_title { background: url(../img/grade_bg.png) center no-repeat; background-size: 6.67rem 0.35rem; height: 0.35rem; text-align: center; font-size: 0.48rem; color: #033503; font-weight: 600; line-height: 0.35rem; margin-bottom: 0.67rem }
#report_details .content .home .group_feature { display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -ms-flex-pack: distribute; justify-content: space-around; margin-bottom: 1.25rem }
#report_details .content .home .group_feature span { text-align: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 }
#report_details .content .home .group_feature span img { width: 1.33rem; height: 1.33rem }
#report_details .content .home .group_feature span p { margin: 0; padding: 0 }
#report_details .content .home .group_feature span .group_text { font-size: 0.32rem; color: #999 }
#report_details .content .home .group_feature span .group_num { font-size: 0.43rem; color: #666; font-weight: 600 }
#report_details .content .home .help_grade_left { margin-bottom: 0.85rem }
#report_details .content .home .help_grade_left img { width: 0.88rem; height: 3.81rem; float: left; margin-right: 0.27rem }
#report_details .content .home .help_grade_left .help_grade_box { width: 60%; margin: 0 auto }
#report_details .content .home .help_grade_right { display: inline }
#report_details .content .home .help_grade_right p { font-size: 0.43rem; color: #999; padding-left: 0.27rem; line-height: 0.99rem }
#report_details .content .home .blessing { background: url(//static-huzhu.qschou.com/img/share/blessing.png) no-repeat; width: 90%; height: 5.07rem; background-size: 100% auto; margin: 0 auto 1.33rem; padding: 0.93rem 0.43rem }
#report_details .content .home .blessing .bless_text { font-size: 0.37rem; color: #fff; line-height: 0.53rem; font-weight: 600 }
#report_details .content .home .share_button_bottom { width: 80%; background-image: -webkit-gradient(linear,right top,left top,from(#FFA410),to(#FFD024)); background-image: linear-gradient(-90deg,#FFA410 0,#FFD024 100%); -webkit-box-shadow: 0 0.03rem 0.21rem 0.11rem rgba(255,211,112,.4); box-shadow: 0 0.03rem 0.21rem 0.11rem rgba(255,211,112,.4); border-radius: 2.67rem; margin: 0 auto 0.80rem; text-align: center; height: 1.17rem; line-height: 0.96rem }
#report_details .content .home .share_button_bottom a { display: block }
#report_details .content .home .share_button_bottom .share_text { font-size: 0.48rem; color: #fff; font-weight: 600; line-height: 1.17rem }
#report_details .content .home .footer_text { text-align: center; font-size: 0.40rem; color: #666; font-weight: 600; margin-bottom: 0.80rem }
#report_details .content .home .footer_share { width: 74%; margin: 0 auto; height: 2.67rem }
#report_details .content .home .footer_share .footer_right { float: right }
#report_details .content .home .footer_share .footer_right img { width: 2.43rem }
#report_details .content .home .footer_share .footer_left { float: left }
#report_details .content .home .footer_share .footer_left img { width: 3.95rem }
#report_details .model_hide { top: 0; left: 0; z-index: 1000; background: #000; opacity: .5; overflow: hidden; pointer-events: none; height: 100%; width: 100%; position: fixed }
#report_details .modal_content { position: fixed; width: 100%; z-index: 10010; background: #fff; border-radius: 0.24rem 0.24rem 0 0; bottom: 0; overflow: hidden; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); -webkit-transition: -webkit-transform .4s; transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s,-webkit-transform .4s }
#report_details .show-sheet { display: block !important }
@-webkit-keyframes showSheet {
from { top: 100%; bottom: auto }
to { top: 50% }
}
@keyframes showSheet {
from { top: 100%; bottom: auto }
to { top: 50% }
}
#report_details .modal_title { padding: 0; margin: 0; text-align: center; border-bottom: 0.03rem solid rgba(0,0,0,.1); height: 1.07rem }
#report_details .modal_title p { color: #666; font-size: 0.48rem; font-weight: 600 }
#report_details .modal_title .close { position: absolute; top: 0.61rem; right: 0.40rem; width: 0.37rem; height: 0.37rem }
#report_details .modal_details { display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 0.53rem; margin-bottom: 0.80rem }
#report_details .modal_details span { text-align: center }
#report_details .modal_details img { width: 0.67rem; height: 0.67rem }
#report_details .modal_details p { margin: 0 }
#report_details .modal_details .grade_text { font-size: 0.37rem; color: #666 }
#report_details .modal_details .grade_num { font-size: 0.48rem }
#report_details .watch_button { width: 90%; margin: 0 auto; background-image: -webkit-gradient(linear,right top,left top,from(#FFA410),to(#FFD024)); background-image: linear-gradient(-90deg,#FFA410 0,#FFD024 100%); border-radius: 1.33rem; text-align: center; height: 1.17rem; line-height: 0.96rem }
#report_details .watch_button a { display: block }
#report_details .watch_button .watch_text { font-size: 0.48rem; color: #fff; font-weight: 600; line-height: 1.17rem }
#report_details .clause { font-size: 0.32rem; color: #999; padding: 0.05rem 0.53rem }
#report_details .clause a { color: #666 }
#report_details .share_modal { width: 80%; overflow: hidden; position: fixed; top: 26%; left: 50%; z-index: 1002; background: #fafafa; margin-left: -4.08rem; border-radius: 0.24rem; height: 5.33rem; -webkit-animation: bounce-in .3s 0s ease both; animation: bounce-in .3s 0s ease both }
#report_details .share_modal .tip { width: 90%; height: 1.12rem; margin: 0.40rem auto 0.67rem; display: block }
#report_details .share_modal .tip_text { text-align: center; font-size: 0.37rem }
#report_details .share_modal .tip_button { width: 50%; background-image: -webkit-gradient(linear,right top,left top,from(#FFA410),to(#FFD024)); background-image: linear-gradient(-90deg,#FFA410 0,#FFD024 100%); border-radius: 1.33rem; margin: 0.67rem auto 0; text-align: center; height: 1.17rem; line-height: 1.17rem; font-size: 0.48rem; color: #fff; font-weight: 600 }
#document { min-height: 100%; background: #FFF; padding: 0 0.21rem }
#document ul { padding: 0.13rem 0 0 }
#document dl, #document dt { margin: 0; padding: 0 }
#document dl { position: relative; overflow: hidden }
#document dt { float: left; text-align: center; width: 25%; border-bottom: 0.03rem solid #F5F5F5; padding: 0.40rem 0; font-size: 0.37rem }
@media (max-width:8.53rem) {
.h5ui-modal .modal-body { max-height: 6.40rem }
#document dt { font-size: 0.32rem }
}
#document .selected { color: #FFB510; font-weight: bolder; position: relative }
#document .selected:after { display: block; position: absolute; content: ' '; width: 100%; height: 0.05rem; background: #FFB510; bottom: -0.03rem }
#document .tab-content { padding: 0 0.40rem 0.40rem }
#document .tab-content .new_title { margin: 0 auto 0.53rem; width: 7.49rem; background: url(../img/clause_bg.png) no-repeat; background-size: 100% 100%; height: 2.67rem }
#document .tab-content .new_title p { text-align: center; font-size: 0.80rem; color: #FFB510; line-height: 2.67rem }
#document .tab-content h2 { font-size: 0.43rem; font-weight: 700; text-align: center; margin-top: 0.40rem; color: #333 }
#document .tab-content p { text-align: justify; padding: 0 0.16rem; color: #666 }
#document .tab-content .content_style { font-size: 0.37rem; color: #999; margin: 0.53rem auto }
#document .tab-content ul li { margin: 0.53rem auto !important; color: #333; font-size: 0.37rem; list-style: none }
#document .tab-content ul li p { background-color: #F2F2F2 !important; padding: 0.45rem; border-radius: 0.27rem; margin-top: 0.40rem }
.la-ball-pulse, .la-ball-pulse > div { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box }
.la-ball-pulse { display: block; font-size: 0; color: #fff; width: 1.49rem; height: 0.48rem }
.la-ball-pulse.la-dark { color: #333 }
.la-ball-pulse > div:nth-child(1) { -webkit-animation-delay: -.2s; animation-delay: -.2s }
.la-ball-pulse > div:nth-child(2) { -webkit-animation-delay: -.1s; animation-delay: -.1s }
.la-ball-pulse > div:nth-child(3) { -webkit-animation-delay: 0s; animation-delay: 0s }
.la-ball-pulse > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; width: 0.27rem; height: 0.27rem; margin: 0.11rem; border-radius: 100%; -webkit-animation: ball-pulse 1s ease infinite; animation: ball-pulse 1s ease infinite }
.la-ball-pulse.la-sm { width: 0.69rem; height: 0.21rem }
.la-ball-pulse.la-sm > div { width: 0.11rem; height: 0.11rem; margin: 0.05rem }
.la-ball-pulse.la-2x { width: 2.88rem; height: 0.96rem }
.la-ball-pulse.la-2x > div { width: 0.53rem; height: 0.53rem; margin: 0.21rem }
.la-ball-pulse.la-3x { width: 4.32rem; height: 1.44rem }
.la-ball-pulse.la-3x > div { width: 0.80rem; height: 0.80rem; margin: 0.32rem }
@-webkit-keyframes ball-pulse {
0%,100%,60% { opacity: 1; -webkit-transform: scale(1); transform: scale(1) }
30% { opacity: .1; -webkit-transform: scale(.01); transform: scale(.01) }
}
@keyframes ball-pulse {
0%,100%,60% { opacity: 1; -webkit-transform: scale(1); transform: scale(1) }
30% { opacity: .1; -webkit-transform: scale(.01); transform: scale(.01) }
}
.position-fixed { overflow-y: hidden; position: absolute }
#lightlogin { line-height: 1; text-align: center; background: rgba(0,0,0,.2); position: absolute; top: 0; width: 100%; height: 100%; font-size: 0.35rem; z-index: 101 }
#lightlogin [hidden] { display: none }
#lightlogin h2, #lightlogin p { margin: 0; padding: 0 }
#lightlogin h2 { font-weight: 500 }
#lightlogin .flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap }
#lightlogin .inline-flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap }
#lightlogin .error-tips { color: #F25B4B; font-size: 0.32rem; display: none; padding-top: 0.19rem }
#lightlogin .error-tips img { margin-right: 0.11rem; margin-top: -0.03rem; width: 0.31rem; height: 0.31rem; vertical-align: middle }
#lightlogin .main-body { height: 100%; width: 100% }
#lightlogin .main-body .main-middle { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 }
#lightlogin .main-body .main-middle .main-content { border-radius: 0.24rem; margin: 0 0.93rem; background: #FFF; padding: 0.84rem 0 0.93rem; position: relative }
#lightlogin .main-body .main-middle .main-content .back, #lightlogin .main-body .main-middle .main-content .close { background-size: 0.40rem 0.40rem; background-position: top center; background-repeat: no-repeat; position: absolute; width: 0.40rem; height: 0.40rem; top: 0.45rem }
/*#lightlogin .main-body .main-middle .main-content .back {
left: 0.40rem;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABGdBTUEAALGPC/xhBQAAASxJREFUSA3V1jsOgkAQBmB24wk8A9zAA7gnsLGxITGGQ3gBO0sbICGxsfEOXMIKYmfhIQw4QwKB8NpBZhO3WYqZ/SYU/65l/dsKgsD1fT/K81xOmX0xpQnRLMsi6JWAv2E/Us8hT1tHAXtKKS9UFOsFpakDXXue96KcUdZqw3OiiGvBc6NaMAc6CnOhgzAn2gtzo52wCbQFm0IbsEm0gk2jCBdZDTeMKr+FEA/btjH4WVcBQ94eALyiBENs0jS9xXE86ebSnbaKTLxX4ZdHsLvYDIPcHcfZKaU+uodR6ioYm0ziDdgk3oJN4Z2wCbwX5sYHYU58FObCtWAOXBueGye9qyHNMojXfS1et0mSnHAo6iLnMeKQcHuIV0y6FTzoz1T0p3qM1zAMl1MP+QI99Rvm3SrlAgAAAABJRU5ErkJggg==)
}
#lightlogin .main-body .main-middle .main-content .close {
right: 0.40rem;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAABGdBTUEAALGPC/xhBQAAAbJJREFUSA211U1OwkAYBmA7hQUHEA0XMLrxCurKBS5IXLhu0nSLR5C9rFzVpJyhiXEJt/AMComuxARI6vs2maaU0n7TlkmG/s18D/PTr1YURcr3/ed2u/3qOM7H0QHKZDI5Xa1WTwj9aPd6vTFOhoDvB4PBexiGiyZNYuv1eoqYt5ZlXSqODCdfAE82m800CIKLpkCNIfY5Yi5xHFsMToQYUeKtVuum7vRmMTB9z/NmMdg0ug+jk4BNoUXYDlgXzWJKqTvXdblhkrI1Qn23yppKMMbPBfnABJVihaAUNcFKwTLUFBOBGkW2mOG8izpHsrjG+/rNDKJf6rwNwr7ZsncNsw25pmkUz39Qz1CXUowxxSAbZ1DeMsLYQfFHWjiNaMuRxQXXv7Ztf+pryVEM6g2CoJzGP2ALrN8xp5kjl2BsIwI1ltogfST4K/Sfo3ZN0NI1zMGSdJVZ03j3ln1lCsEiDCOLiym6F5RgVdBc0AQzRXfAKpgJugXWwaRoAjaBSdAYbBIrQ61DYEWoQpYYpTJI8lLrTnWOTAL8lCGGzkgvCtgQefHN5BNj8idS6KzT6Tz8AyYsFfxS/UrbAAAAAElFTkSuQmCC)
}*/
#lightlogin .main-body .main-middle .main-content .title { font-size: 0.56rem; color: #FFB510 }
#lightlogin .main-body .main-middle .main-content .disabled { background: #E5E5E5 !important; opacity: 1; color: #FFF }
#lightlogin .main-body .main-middle .main-content .btn-loading { position: relative; pointer-events: none; color: transparent !important }
#lightlogin .main-body .main-middle .main-content .btn-loading .la-ball-pulse { display: block !important; line-height: normal; position: absolute; top: 50%; left: 50%; margin-right: -50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%) }
#lightlogin .main-body .main-middle .main-content .button { background-image: -webkit-gradient(linear,left top,right top,color-stop(1%,#FFCF28),color-stop(99%,#FFA813)); background-image: linear-gradient(90deg,#FFCF28 1%,#FFA813 99%); border-radius: 0.89rem; font-size: 0.48rem; color: #FFF; height: 1.17rem; line-height: 1.17rem; text-indent: 0 }
#lightlogin .main-body .main-middle .main-content .button .la-ball-pulse { display: none }
#lightlogin .main-body .main-middle .main-content input.code-input { display: block; position: absolute; top: 40%; left: -53.33rem }
#lightlogin .main-body .main-middle .main-content .login-home { padding: 0 0.67rem }
#lightlogin .main-body .main-middle .main-content .login-home .phone { margin: 0.69rem 0 }
#lightlogin .main-body .main-middle .main-content .login-home .phone label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; text-align: left; padding: 0.25rem 0; font-size: 0.43rem; color: #333; border-bottom: 0.03rem solid #E5E5E5 }
#lightlogin .main-body .main-middle .main-content .login-home .phone label input { border: 0; padding: 1rpx 0 0; background: 0 0; margin-left: 0.27rem; line-height: 1 }
#lightlogin .main-body .main-middle .main-content .code { margin-top: 0.37rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
#lightlogin .main-body .main-middle .main-content .code span.inputed { color: #FFB510; border: 0.03rem solid #FFB510 }
#lightlogin .main-body .main-middle .main-content .code span { display: inline-block; width: 1.33rem; height: 1.33rem; line-height: 1.28rem; font-size: 0.64rem; border: 0.03rem solid #CCC; border-radius: 0.11rem }
@media (max-width:8.53rem) {
#lightlogin .main-body .main-middle .main-content .code span { width: 1.20rem; height: 1.20rem }
}
#lightlogin .main-body .main-middle .main-content .image-code-validate { padding: 0 0.67rem; margin-top: 0.51rem; position: relative }
#lightlogin .main-body .main-middle .main-content .image-code-validate .image .picture { border: 0.03rem solid #E5E5E5 }
#lightlogin .main-body .main-middle .main-content .image-code-validate .image .picture img { width: 2.67rem }
#lightlogin .main-body .main-middle .main-content .image-code-validate .image .refresh-image { margin-top: 0.27rem; text-align: right; color: #999; font-size: 0.32rem }
#lightlogin .main-body .main-middle .main-content .sms-code { padding: 0 0.67rem; margin-top: 0.53rem; color: #999; font-size: 0.32rem; position: relative }
#lightlogin .main-body .main-middle .main-content .sms-code .resend { margin-top: 0.40rem }
#lightlogin .main-body .main-middle .main-content .sms-code .resend .disresend { border: 0.03rem solid #999; color: #999; pointer-events: none }
#lightlogin .main-body .main-middle .main-content .sms-code .resend span { display: inline-block; min-width: 2.35rem; height: 0.64rem; line-height: 0.59rem; border: 0.03rem solid #FFB510; color: #FFB510; border-radius: 0.32rem }
#lightlogin .main-body .main-middle .main-content .select-account { padding: 0 0.40rem; margin-top: 0.63rem }
#lightlogin .main-body .main-middle .main-content .select-account .accounts { max-height: 3.84rem; overflow-y: auto }
/*#lightlogin .main-body .main-middle .main-content .select-account .accounts .selected {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAALGPC/xhBQAAAtJJREFUWAnNV8FqFEEQfTUM6iKKJgZ0DXrZXAwIggtehMSbCQiit3jxF7woCB4iAb3kFzztTREC6jFHAysISrwkFyVshIAJigRlsa2qnl56Jtuzk93ZaMFuz8zrrlddXV1dTSgoZnXyEL5sTuOPuQEyF3hYFSD+iZgW/7Vg6BMiWsK5M8s0ufpboR5/1AOHWR47jd32I+43B2OO9+qvONF3bhuoxPM0vfU1b0zQAPO6dhj49pBnd4+Jj+YpCWJEP9lLi8DIAs2s/+rWr6sByaxfMvGVboP2/Y1ohb1xs5s39hhg3py8CINXTD6+b6K8AUQbrHeGZrc/+t1SBiQzb5ZO7hjFiEpc9z0ROUzXfLctbi935o5AWtHNHDa+LNAxQAOurDX3SbPPyiHBbUWXIHH9OlvYX7Q7bUVb2R2VuCZLYT0g+/ygyMVI4bK5BZFmOEkyZUp8DKg/B05cztM6J9yxpteiGS5PncOU/AUMk+v6Nm87JN0KJ6f2SHN7Gur/zSffaQLv7+br4nMlSg6W/I5F0Cy5zLz9I38kH2oShMmJlt83F+2H3CqssgHuSA1QiPLxOwGQP/dPzoOpGoc1J8ilZzCnroEqZ4G1p+nuA5GzKgPDHtBiIq3Yf1t7AuK1NLX7wAT/nAxKLnrIbEoMSDUTlp13QPNW2ogyyC1jK9IyKkxvkawRV9/afS5brUi0h/RzCRdpDRfq4H/3jThSBQ1KLrq5fiRNxZ9bW5yfi9V7kl4nHtgk02uf+xPIPkvdeL46FiXVayOLB9/VEwWSTFBBB2gItwQhpHqFFpAdcLgP9jieFxI1wJZIUr0elNCiK8usB5R3ZIG9sDJ0E5SDuRL5f4pSMUjdQphlT2w4C0trXVmeuSl5S2Cp6Pr2BymdS10OezGpZ+8EwrjHAPloA2R0ChQ9Hmh3SLSLDoxOuaAT/b6kYsAH3PM/u5w6A1w7rOv5XxaYROLb0SqxAAAAAElFTkSuQmCC) !important
}*/
/*#lightlogin .main-body .main-middle .main-content .select-account .accounts .item {
padding: 0.37rem 0;
border-top: #E6E6E6 solid 0.03rem;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAALGPC/xhBQAAAwtJREFUWAnFV89rE0EUzm6yCSHQiwgaeykYTDZByEGIB6kevCiI0p70v/CqeCh67X8RTxFLwZOHVjwY6CGHJJtIBC+xCuKlEEJ++33TN2EXY9O03c3A7JvZmXnfN+/NvH1rhE5Z6vV6dDKZ3EN9hCU2ZNIwjCSXo32I9iGaDuQu6l42m+1zbF4x5k0A8JXxePwK854BaGXefI6DwBFE0TTNLRD5ddKa/xJotVqxXq/3AuDPoSAhSiqQO1D8ORwO/8AYdx1CPzkaja6hfwfdx6h5vkfpYGw7Fou9SaVSveNX3udMAtw1FL7H1IJML0Wj0ZfpdPqrd/nsXrPZvNHv919jdFNmlEH4ySxr/EOgWq3ehKk/YOEq6vdIJPLUtu2yKFpIOI5TGA6Hb7FoDbVtWdaDTCZTdSvxEJCdH2DCKvz4CeAbWPDHvWDRdqPRuAQS77CpdaxtwxK33JaYEqDPu93uPiYVCJ7L5e5DDhYFnDUf4FatVvsoJMrxePyuPhOmXsADR3BUmn3josCpn7qok7pRC4LFoZCygJj+G/oJTLx9Vp8rjSc85Ex8wZQOXHGdrlAWkHvOq1byC5y8RHcJzYRghgzsPorOb/hnBVcNN+10V40Kz1LkijbhliPEiMsmgBleGeEqfoOTsGBUiElsEmBsZ9k5FoE8FRaxeQZsQjK8BgLtxbJpAfVFY2wPioDGIraJw6AI4CCqD0sQJDQWsaeBCKymUdFvEi6sCV2gdg551W9grV9jQf6kCxQBfs/1BL+lxiI2XeAQEH5hMhFIcWE5tMCuoDKTCaooLGKTwB4qc7g8w6TfDAQjT0xim/giMXstEljSKF85uDCKxFbXEFFwC6gd1E1+Mv1iILqZJzJZJWZIEVDfZWSvfMEcjmkU2xdZJDVjfsiwv01M1dYgTJ3RZvK5JjmcpcfOK3HfLeqkbtSyYCm1nui3jKRUuUDvkGbByXyIfhus1weDwcF5zgTXUgd1USfTcm16jemxgH4plljOj4kmsdRfM02CktZA6Az+59RNQoj48nv+F7mzy+5kV0/YAAAAAElFTkSuQmCC) right center/0.43rem 0.43rem no-repeat
}*/
#lightlogin .main-body .main-middle .main-content .select-account .accounts .item img { width: 1.17rem }
#lightlogin .main-body .main-middle .main-content .select-account .accounts .item .id-info { margin-left: 0.27rem; text-align: left; line-height: 1.5 }
#lightlogin .main-body .main-middle .main-content .select-account .accounts .item .id-info .name { color: #333; font-size: 0.43rem }
#lightlogin .main-body .main-middle .main-content .select-account .accounts .item .id-info .id { font-size: 0.32rem; color: #999 }
#lightlogin .main-body .main-middle .main-content .select-account .button { margin-top: 0.53rem }
.activityli { font-size: 0.37rem; color: #666; margin: 20px 0; }
.activityli li { padding-left: 2.8rem; background: url(../img/jiantou.png?201612131627) 1.8rem 0.5rem no-repeat; vertical-align: middle; background-size: 0.15rem; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: distribute; justify-content: space-around; padding: 0.33rem 0.53rem 0.30rem }
.activityli div { margin-left: 1.5rem; text-align: left; float: left; width: 60%; }
.activityli span { text-align: left; float: left; width: 30%; }