/*!
 * WeUI v0.4.0 (https://github.com/weui/weui)
 * Copyright 2016 Tencent, Inc.
 * Licensed under the MIT license
 */
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { /*line-height: 1.6;*/ font-family: Helvetica Neue,Helvetica,Arial,sans-serif; }
/** { margin: 0; padding: 0; }
a img { border: 0; }
a { text-decoration: none; }*/
@font-face { font-weight: 400; font-style: normal; font-family: weui; src: url('data:application/octet-stream;base64,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') format('truetype'); }
[class*=" weui_icon_"]:before, [class^=weui_icon_]:before { font-family: weui; font-style: normal; font-weight: 400; speak: none; display: inline-block; vertical-align: middle; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; }
.weui_icon_circle:before { content: "\EA01"; }
.weui_icon_download:before { content: "\EA02"; }
.weui_icon_info:before { content: "\EA03"; }
.weui_icon_safe_success:before { content: "\EA04"; }
.weui_icon_safe_warn:before { content: "\EA05"; }
.weui_icon_success:before { content: "\EA06"; }
.weui_icon_success_circle:before { content: "\EA07"; }
.weui_icon_success_no_circle:before { content: "\EA08"; }
.weui_icon_waiting:before { content: "\EA09"; }
.weui_icon_waiting_circle:before { content: "\EA0A"; }
.weui_icon_warn:before { content: "\EA0B"; }
.weui_icon_info_circle:before { content: "\EA0C"; }
.weui_icon_cancel:before { content: "\EA0D"; }
.weui_icon_search:before { content: "\EA0E"; }
.weui_icon_clear:before { content: "\EA0F"; }
[class*=" weui_icon_"]:before, [class^=weui_icon_]:before { margin: 0; }
.weui_icon_success:before { font-size: 23px; color: #09bb07; }
.weui_icon_waiting:before { font-size: 23px; color: #10aeff; }
.weui_icon_warn:before { font-size: 23px; color: #f43530; }
.weui_icon_info:before { font-size: 23px; color: #10aeff; }
.weui_icon_success_circle:before, .weui_icon_success_no_circle:before { font-size: 23px; color: #09bb07; }
.weui_icon_waiting_circle:before { font-size: 23px; color: #10aeff; }
.weui_icon_circle:before { font-size: 23px; color: #c9c9c9; }
.weui_icon_download:before, .weui_icon_info_circle:before { font-size: 23px; color: #09bb07; }
.weui_icon_safe_success:before { color: #09bb07; }
.weui_icon_safe_warn:before { color: #ffbe00; }
.weui_icon_cancel:before { color: #f43530; font-size: 22px; }
.weui_icon_clear:before, .weui_icon_search:before { color: #b2b2b2; font-size: 14px; }
.weui_icon_msg:before { font-size: 104px; }
.weui_icon_warn.weui_icon_msg:before { color: #f76260; }
.weui_icon_safe:before { font-size: 104px; }
.weui_btn.weui_btn_mini { line-height: 1.9; font-size: 14px; padding: 0 .75em; display: inline-block; }
button.weui_btn, input.weui_btn { width: 100%; border-width: 0; outline: 0; -webkit-appearance: none; }
button.weui_btn:focus, input.weui_btn:focus { outline: 0; }
button.weui_btn_inline, button.weui_btn_mini, input.weui_btn_inline, input.weui_btn_mini { width: auto; }
.weui_btn + .weui_btn { margin-top: 15px; }
.weui_btn.weui_btn_inline + .weui_btn.weui_btn_inline { margin-top: auto; margin-left: 15px; }
.weui_btn_area { margin: 1.17647059em 15px .3em; }
.weui_btn_area.weui_btn_area_inline { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.weui_btn_area.weui_btn_area_inline .weui_btn { margin-top: auto; margin-right: 15px; width: 100%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.weui_btn_area.weui_btn_area_inline .weui_btn:last-child { margin-right: 0; }
.weui_btn { position: relative; display: block; margin-left: auto; margin-right: auto; padding-left: 14px; padding-right: 14px; box-sizing: border-box; font-size: 18px; text-align: center; text-decoration: none; color: #fff; line-height: 2.33333333; border-radius: 5px; -webkit-tap-highlight-color: rgba(0,0,0,0); overflow: hidden; }
.weui_btn:after { content: " "; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid rgba(0,0,0,.2); -webkit-transform: scale(.5); transform: scale(.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; box-sizing: border-box; border-radius: 10px; }
.weui_btn.weui_btn_inline { display: inline-block; }
.weui_btn_default { background-color: #f7f7f7; color: #454545; }
.weui_btn_default:not(.weui_btn_disabled):visited { color: #454545; }
.weui_btn_default:not(.weui_btn_disabled):active { color: #a1a1a1; background-color: #dedede; }
.weui_btn_primary { background-color: #04be02; }
.weui_btn_primary:not(.weui_btn_disabled):visited { color: #fff; }
.weui_btn_primary:not(.weui_btn_disabled):active { color: hsla(0,0%,100%,.4); background-color: #039702; }
.weui_btn_warn { background-color: #ef4f4f; }
.weui_btn_warn:not(.weui_btn_disabled):visited { color: #fff; }
.weui_btn_warn:not(.weui_btn_disabled):active { color: hsla(0,0%,100%,.4); background-color: #c13e3e; }
.weui_btn_disabled { color: hsla(0,0%,100%,.6); }
.weui_btn_disabled.weui_btn_default { color: #c9c9c9; }
.weui_btn_plain_primary { color: #04be02; border: 1px solid #04be02; }
button.weui_btn_plain_primary, input.weui_btn_plain_primary { border-width: 1px; background-color: transparent; }
.weui_btn_plain_primary:active { border-color: #039702; }
.weui_btn_plain_primary:after { border-width: 0; }
.weui_btn_plain_default { color: #5a5a5a; border: 1px solid #5a5a5a; }
button.weui_btn_plain_default, input.weui_btn_plain_default { border-width: 1px; background-color: transparent; }
.weui_btn_plain_default:after { border-width: 0; }
.weui_cell { position: relative; }
.weui_cell:before { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 1px; border-top: 1px solid #d9d9d9; color: #d9d9d9; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(.5); transform: scaleY(.5); left: 15px; }
.weui_cell:first-child:before { display: none; }
.weui_cells { margin-top: 1.17647059em; background-color: #fff; line-height: 1.41176471; font-size: 17px; overflow: hidden; position: relative; }
.weui_cells:before { top: 0; border-top: 1px solid #d9d9d9; -webkit-transform-origin: 0 0; transform-origin: 0 0; }
.weui_cells:after, .weui_cells:before { content: " "; position: absolute; left: 0; width: 100%; height: 1px; color: #d9d9d9; -webkit-transform: scaleY(.5); transform: scaleY(.5); }
.weui_cells:after { bottom: 0; border-bottom: 1px solid #d9d9d9; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; }
.weui_cells_title { margin-top: .77em; margin-bottom: .3em; padding-left: 15px; padding-right: 15px; color: #888; font-size: 14px; }
.weui_cells_title + .weui_cells { margin-top: 0; }
.weui_cells_tips { margin-top: .3em; color: #888; padding-left: 15px; padding-right: 15px; font-size: 14px; }
.weui_cell { padding: 10px 15px; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.weui_cell_ft { text-align: right; color: #888; }
.weui_cell_primary { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.weui_cells_access .weui_cell:not(.no_access) { -webkit-tap-highlight-color: rgba(0,0,0,0); }
.weui_cells_access .weui_cell:not(.no_access):active { background-color: #ececec; }
.weui_cells_access a.weui_cell { color: inherit; }
.weui_cells_access .weui_cell_ft:after { content: " "; display: inline-block; -webkit-transform: rotate(45deg); transform: rotate(45deg); height: 6px; width: 6px; border-width: 2px 2px 0 0; border-color: #c8c8cd; border-style: solid; position: relative; top: -2px; top: -1px; margin-left: .3em; }
.weui_check_label { -webkit-tap-highlight-color: rgba(0,0,0,0); }
.weui_check { position: absolute; left: -9999em; }
.weui_cells_radio .weui_cell_ft { padding-left: .35em; }
.weui_cells_radio .weui_cell:active { background-color: #ececec; }
.weui_cells_radio .weui_check:checked + .weui_icon_checked:before { display: block; content: '\EA08'; color: #09bb07; font-size: 16px; }
.weui_cells_checkbox .weui_cell_hd { padding-right: .35em; }
.weui_cells_checkbox .weui_cell:active { background-color: #ececec; }
.weui_cells_checkbox .weui_icon_checked:before { content: '\EA01'; color: #c9c9c9; font-size: 23px; display: block; }
.weui_cells_checkbox .weui_check:checked + .weui_icon_checked:before { content: '\EA06'; color: #09bb07; }
.weui_label { display: block; width: 3em; }
.weui_input { width: 100%; border: 0; outline: 0; -webkit-appearance: none; background-color: transparent; font-size: inherit; color: inherit; height: 1.41176471em; line-height: 1.41176471; }
.weui_input::-webkit-inner-spin-button, .weui_input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.weui_textarea { display: block; border: 0; resize: none; width: 100%; color: inherit; font-size: 1em; line-height: inherit; outline: 0; }
.weui_textarea_counter { color: #b2b2b2; text-align: right; }
.weui_cell_warn .weui_textarea_counter { color: #e64340; }
.weui_toptips { display: none; position: fixed; -webkit-transform: translateZ(0); width: 100%; top: 0; line-height: 2.3; font-size: 14px; text-align: center; color: #fff; z-index: 2; }
.weui_toptips.weui_warn { background-color: #e64340; }
.weui_cells_form .weui_cell_warn { color: #e64340; }
.weui_cells_form .weui_cell_warn .weui_icon_warn { display: inline-block; }
.weui_cells_form .weui_cell_hd { padding-right: .3em; }
.weui_cells_form .weui_cell_ft { font-size: 0; }
.weui_cells_form .weui_icon_warn { display: none; }
.weui_cells_form input, .weui_cells_form label[for], .weui_cells_form textarea { -webkit-tap-highlight-color: rgba(0,0,0,0); }
.weui_cell_select { padding: 0; }
.weui_cell_select .weui_select { padding-right: 30px; }
.weui_cell_select .weui_cell_bd:after { content: " "; display: inline-block; -webkit-transform: rotate(45deg); transform: rotate(45deg); height: 6px; width: 6px; border-width: 2px 2px 0 0; border-color: #c8c8cd; border-style: solid; position: relative; top: -2px; position: absolute; top: 50%; right: 15px; margin-top: -3px; }
.weui_select { -webkit-appearance: none; border: 0; outline: 0; background-color: transparent; width: 100%; font-size: inherit; height: 44px; position: relative; z-index: 1; padding-left: 15px; }
.weui_select_before { padding-right: 15px; }
.weui_select_before .weui_select { width: auto; }
.weui_select_before .weui_cell_hd { position: relative; }
.weui_select_before .weui_cell_hd:after { content: " "; position: absolute; right: 0; top: 0; width: 1px; height: 100%; border-right: 1px solid #d9d9d9; color: #d9d9d9; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleX(.5); transform: scaleX(.5); }
.weui_select_before .weui_cell_hd:before { content: " "; display: inline-block; -webkit-transform: rotate(45deg); transform: rotate(45deg); height: 6px; width: 6px; border-width: 2px 2px 0 0; border-color: #c8c8cd; border-style: solid; position: relative; top: -2px; position: absolute; top: 50%; right: 15px; margin-top: -3px; }
.weui_select_before .weui_cell_bd { padding-left: 15px; }
.weui_select_before .weui_cell_bd:after { display: none; }
.weui_select_after { padding-left: 15px; }
.weui_vcode { padding-top: 0; padding-right: 0; padding-bottom: 0; }
.weui_vcode .weui_cell_ft img { margin-left: 5px; height: 44px; vertical-align: middle; }
.weui_cell_switch { padding-top: 6px; padding-bottom: 6px; }
.weui_switch { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; width: 52px; height: 32px; border: 1px solid #dfdfdf; outline: 0; border-radius: 16px; box-sizing: border-box; background: #dfdfdf; }
.weui_switch:before { width: 50px; background-color: #fdfdfd; }
.weui_switch:after, .weui_switch:before { content: " "; position: absolute; top: 0; left: 0; height: 30px; border-radius: 15px; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s; }
.weui_switch:after { width: 30px; background-color: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.4); }
.weui_switch:checked { border-color: #04be02; background-color: #04be02; }
.weui_switch:checked:before { -webkit-transform: scale(0); transform: scale(0); }
.weui_switch:checked:after { -webkit-transform: translateX(20px); transform: translateX(20px); }
.weui_uploader_hd { padding-top: 0; padding-right: 0; padding-left: 0; }
.weui_uploader_hd .weui_cell_ft { font-size: 1em; }
.weui_uploader_bd { margin-bottom: -4px; margin-right: -9px; overflow: hidden; }
.weui_uploader_files { list-style: none; }
.weui_uploader_file { float: left; margin-right: 9px; margin-bottom: 9px; width: 79px; height: 79px; background: no-repeat 50%; background-size: cover; }
.weui_uploader_status { position: relative; }
.weui_uploader_status:before { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,.5); }
.weui_uploader_status .weui_uploader_status_content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); color: #fff; }
.weui_uploader_status .weui_icon_warn { display: block; }
.weui_uploader_input_wrp { float: left; position: relative; margin-right: 9px; margin-bottom: 9px; width: 77px; height: 77px; border: 1px solid #d9d9d9; }
.weui_uploader_input_wrp:after, .weui_uploader_input_wrp:before { content: " "; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background-color: #d9d9d9; }
.weui_uploader_input_wrp:before { width: 2px; height: 39.5px; }
.weui_uploader_input_wrp:after { width: 39.5px; height: 2px; }
.weui_uploader_input_wrp:active { border-color: #999; }
.weui_uploader_input_wrp:active:after, .weui_uploader_input_wrp:active:before { background-color: #999; }
.weui_uploader_input { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.weui_msg { padding-top: 36px; text-align: center; }
.weui_msg .weui_icon_area { margin-bottom: 30px; }
.weui_msg .weui_text_area { margin-bottom: 25px; padding: 0 20px; }
.weui_msg .weui_msg_title { margin-bottom: 5px; font-weight: 400; font-size: 20px; }
.weui_msg .weui_msg_desc { font-size: 14px; color: #888; }
.weui_msg .weui_opr_area { margin-bottom: 25px; }
.weui_msg .weui_extra_area { margin-bottom: 15px; font-size: 14px; color: #888; }
.weui_msg .weui_extra_area a { color: #61749b; }

@media screen and (min-height:438px) {
    .weui_extra_area { position: fixed; left: 0; bottom: 0; width: 100%; text-align: center; }
}

.weui_article { padding: 20px 15px; font-size: 15px; }
.weui_article section { margin-bottom: 1.5em; }
.weui_article h1 { font-size: 17px; font-weight: 400; margin-bottom: .75em; }
.weui_article h2 { font-size: 16px; font-weight: 400; margin-bottom: .3em; }
.weui_article h3 { font-weight: 400; font-size: 15px; }
.weui_tabbar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; bottom: 0; width: 100%; background-color: #f7f7fa; }
.weui_tabbar:before { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 1px; border-top: 1px solid #979797; color: #979797; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(.5); transform: scaleY(.5); }
.weui_tabbar_item { display: block; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 7px 0 0; -webkit-tap-highlight-color: transparent; }
.weui_tabbar_item.weui_bar_item_on .weui_tabbar_label { color: #09bb07; }
.weui_tabbar_icon { margin: 0 auto; width: 24px; height: 24px; }
.weui_tabbar_icon img { display: block; width: 100%; height: 100%; }
.weui_tabbar_icon + .weui_tabbar_label { margin-top: 5px; }
.weui_tabbar_label { text-align: center; color: #888; font-size: 12px; }
.weui_navbar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; top: 0; width: 100%; background-color: #fafafa; }
.weui_navbar:after { content: " "; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; border-bottom: 1px solid #bcbab6; color: #bcbab6; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(.5); transform: scaleY(.5); }
.weui_navbar + .weui_tab_bd { padding-top: 50px; padding-bottom: 0; }
.weui_navbar_item { position: relative; display: block; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 13px 0; text-align: center; font-size: 15px; -webkit-tap-highlight-color: transparent; }
.weui_navbar_item:active { background-color: #ededed; }
.weui_navbar_item.weui_bar_item_on { background-color: #f5f5f5; }
.weui_navbar_item:after { content: " "; position: absolute; right: 0; top: 0; width: 1px; height: 100%; border-right: 1px solid #ccc; color: #ccc; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleX(.5); transform: scaleX(.5); right: -1px; }
.weui_navbar_item:last-child:after { display: none; }
.weui_tab { position: relative; height: 100%; }
.weui_tab_bd { box-sizing: border-box; height: 100%; padding-bottom: 55px; overflow: auto; -webkit-overflow-scrolling: touch; }
.weui_tab_bd_item { display: none; }
.weui_progress { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.weui_progress_bar { background-color: #ebebeb; height: 3px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.weui_progress_inner_bar { width: 0; height: 100%; background-color: #09bb07; }
.weui_progress_opr { display: block; margin-left: 15px; font-size: 0; }
.weui_panel { background-color: #fff; margin-top: 10px; position: relative; overflow: hidden; }
.weui_panel:first-child { margin-top: 0; }
.weui_panel:before { top: 0; border-top: 1px solid #e5e5e5; -webkit-transform-origin: 0 0; transform-origin: 0 0; }
.weui_panel:after, .weui_panel:before { content: " "; position: absolute; left: 0; width: 100%; height: 1px; color: #e5e5e5; -webkit-transform: scaleY(.5); transform: scaleY(.5); }
.weui_panel:after { bottom: 0; border-bottom: 1px solid #e5e5e5; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; }
.weui_panel_hd { padding: 14px 15px 10px; color: #999; font-size: 13px; position: relative; }
.weui_panel_hd:after { content: " "; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; border-bottom: 1px solid #e5e5e5; color: #e5e5e5; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(.5); transform: scaleY(.5); left: 15px; }
.weui_panel_ft { padding: 10px 15px 12px; color: #999; font-size: 14px; position: relative; }
.weui_panel_ft:before { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 1px; border-top: 1px solid #e5e5e5; color: #e5e5e5; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(.5); transform: scaleY(.5); left: 15px; }
.weui_panel_access .weui_panel_ft { display: block; color: #586c94; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.weui_panel_access .weui_panel_ft:active { background-color: #ececec; }
.weui_panel_access .weui_panel_ft:after { content: " "; display: inline-block; -webkit-transform: rotate(45deg); transform: rotate(45deg); height: 6px; width: 6px; border-width: 2px 2px 0 0; border-color: #c7c7cc; border-style: solid; position: relative; top: -2px; position: absolute; right: 15px; top: 50%; margin-top: -4px; }
.weui_media_box { padding: 15px; position: relative; }
.weui_media_box:before { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 1px; border-top: 1px solid #e5e5e5; color: #e5e5e5; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(.5); transform: scaleY(.5); left: 15px; }
.weui_media_box:first-child:before { display: none; }
a.weui_media_box { color: #000; -webkit-tap-highlight-color: rgba(0,0,0,0); }
a.weui_media_box:active { background-color: #ececec; }
.weui_media_box .weui_media_title { font-weight: 400; font-size: 17px; width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; word-wrap: break-word; word-break: break-all; }
.weui_media_box .weui_media_desc { color: #999; font-size: 13px; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.weui_media_box.weui_media_text .weui_media_title { margin-bottom: 8px; }
.weui_media_box.weui_media_text .weui_media_info { margin-top: 15px; padding-bottom: 5px; font-size: 13px; color: #cecece; line-height: 1em; list-style: none; overflow: hidden; }
.weui_media_box.weui_media_text .weui_media_info_meta { float: left; padding-right: 1em; }
.weui_media_box.weui_media_text .weui_media_info_meta.weui_media_info_meta_extra { padding-left: 1em; border-left: 1px solid #cecece; }
.weui_media_box.weui_media_appmsg { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.weui_media_box.weui_media_appmsg .weui_media_hd { margin-right: .8em; width: 60px; height: 60px; line-height: 60px; text-align: center; }
.weui_media_box.weui_media_appmsg .weui_media_appmsg_thumb { width: 100%; max-height: 100%; vertical-align: middle; }
.weui_media_box.weui_media_appmsg .weui_media_bd { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.weui_media_box.weui_media_small_appmsg { padding: 0; }
.weui_media_box.weui_media_small_appmsg .weui_cells { margin-top: 0; }
.weui_media_box.weui_media_small_appmsg .weui_cells:before { display: none; }
.weui_grids { position: relative; overflow: hidden; }
.weui_grids:before { width: 100%; height: 1px; border-top: 1px solid #d9d9d9; transform-origin: 0 0; -webkit-transform: scaleY(.5); transform: scaleY(.5); }
.weui_grids:after, .weui_grids:before { content: " "; position: absolute; left: 0; top: 0; color: #d9d9d9; -webkit-transform-origin: 0 0; }
.weui_grids:after { width: 1px; height: 100%; border-left: 1px solid #d9d9d9; transform-origin: 0 0; -webkit-transform: scaleX(.5); transform: scaleX(.5); }
.weui_grid { position: relative; float: left; padding: 20px 10px; width: 33.33333333%; box-sizing: border-box; }
.weui_grid:before { right: 0; top: 0; width: 1px; height: 100%; border-right: 1px solid #d9d9d9; transform-origin: 0 100%; -webkit-transform: scaleX(.5); transform: scaleX(.5); right: -1px; }
.weui_grid:after, .weui_grid:before { content: " "; position: absolute; color: #d9d9d9; -webkit-transform-origin: 0 100%; }
.weui_grid:after { left: 0; bottom: 0; width: 100%; height: 1px; border-bottom: 1px solid #d9d9d9; transform-origin: 0 100%; -webkit-transform: scaleY(.5); transform: scaleY(.5); }
.weui_grid:active { background-color: #e4e4e4; }
.weui_grid_icon { width: 28px; height: 28px; margin: 0 auto; }
.weui_grid_icon img { display: block; width: 100%; height: 100%; }
.weui_grid_icon + .weui_grid_label { margin-top: 5px; }
.weui_grid_label { display: block; text-align: center; color: #000; font-size: 14px; }
.weui_dialog { position: fixed; z-index: 4; width: 85%; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background-color: #fafafc; text-align: center; border-radius: 3px; }
.weui_dialog_confirm .weui_dialog .weui_dialog_hd { padding: 1.2em 20px .5em; }
.weui_dialog_confirm .weui_dialog .weui_dialog_bd { text-align: left; }
.weui_dialog_hd { padding: 1.2em 0 .5em; }
.weui_dialog_title { font-weight: 400; font-size: 17px; }
.weui_dialog_bd { padding: 0 20px; font-size: 15px; color: #888; }
.weui_dialog_ft { position: relative; line-height: 42px; margin-top: 20px; font-size: 17px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.weui_dialog_ft a { display: block; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; color: #3cc51f; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.weui_dialog_ft a:active { background-color: #eee; }
.weui_dialog_ft:after { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 1px; border-top: 1px solid #d5d5d6; color: #d5d5d6; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(.5); transform: scaleY(.5); }
.weui_dialog_confirm .weui_dialog_ft a { position: relative; }
.weui_dialog_confirm .weui_dialog_ft a:after { content: " "; position: absolute; left: 0; top: 0; width: 1px; height: 100%; border-left: 2px solid #d5d5d6; color: #d5d5d6; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleX(.5); transform: scaleX(.5); }
.weui_dialog_confirm .weui_dialog_ft a:first-child:after { display: none; }
.weui_btn_dialog.default { color: #353535; }
.weui_btn_dialog.primary { color: #0bb20c; }

@media screen and (min-width:1024px) {
    .weui_dialog { width: 35%; }
}

.weui_toast { position: fixed; z-index: 3; min-width: 7.6em; max-width: 20em; min-height: 7.6em; top: 40%; left: 50%; /*margin-left: -3.8em;*/ background: rgba(40,40,40,.75); text-align: center; border-radius: 5px; color: #fff;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.weui_icon_toast { margin: 22px 0 0; display: block; }
.weui_icon_toast:before { content: '\EA08'; color: #fff; font-size: 55px; }

/*自定义*/
.weui_toast .weui_icon_circle:before { content: "\EA01"; }
.weui_toast .weui_icon_download:before { content: "\EA02"; }
.weui_toast .weui_icon_info:before { content: "\EA03"; }
.weui_toast .weui_icon_safe_success:before { content: "\EA04"; }
.weui_toast .weui_icon_safe_warn:before { content: "\EA05"; }
.weui_toast .weui_icon_success:before { content: "\EA06"; }
.weui_toast .weui_icon_success_circle:before { content: "\EA07"; }
.weui_toast .weui_icon_success_no_circle:before { content: "\EA08"; }
.weui_toast .weui_icon_waiting:before { content: "\EA09"; }
.weui_toast .weui_icon_waiting_circle:before { content: "\EA0A"; }
.weui_toast .weui_icon_warn:before { content: "\EA0B"; }
.weui_toast .weui_icon_info_circle:before { content: "\EA0C"; }
.weui_toast .weui_icon_cancel:before { content: "\EA0D"; }
.weui_toast .weui_icon_search:before { content: "\EA0E"; }
.weui_toast .weui_icon_clear:before { content: "\EA0F"; }
/*自定义*/

.weui_toast_content { margin: 0 7px 15px 7px;color:#fff; }
.weui_loading_toast .weui_toast_content { margin-top: 64%; font-size: 14px; }
.weui_loading { position: absolute; width: 0; z-index: 5; left: 50%; top: 38%; }
.weui_loading_leaf { position: absolute; top: -1px; opacity: .25; }
.weui_loading_leaf:before { content: " "; position: absolute; width: 8.14px; height: 3.08px; background: #d1d1d5; box-shadow: 0 0 1px rgba(0,0,0,.0980392); border-radius: 1px; -webkit-transform-origin: left 50% 0; transform-origin: left 50% 0; }
.weui_loading_leaf_0 { -webkit-animation: a 1.25s linear infinite; animation: a 1.25s linear infinite; }
.weui_loading_leaf_0:before { -webkit-transform: rotate(0deg) translate(7.92px); transform: rotate(0deg) translate(7.92px); }
.weui_loading_leaf_1 { -webkit-animation: b 1.25s linear infinite; animation: b 1.25s linear infinite; }
.weui_loading_leaf_1:before { -webkit-transform: rotate(30deg) translate(7.92px); transform: rotate(30deg) translate(7.92px); }
.weui_loading_leaf_2 { -webkit-animation: c 1.25s linear infinite; animation: c 1.25s linear infinite; }
.weui_loading_leaf_2:before { -webkit-transform: rotate(60deg) translate(7.92px); transform: rotate(60deg) translate(7.92px); }
.weui_loading_leaf_3 { -webkit-animation: d 1.25s linear infinite; animation: d 1.25s linear infinite; }
.weui_loading_leaf_3:before { -webkit-transform: rotate(90deg) translate(7.92px); transform: rotate(90deg) translate(7.92px); }
.weui_loading_leaf_4 { -webkit-animation: e 1.25s linear infinite; animation: e 1.25s linear infinite; }
.weui_loading_leaf_4:before { -webkit-transform: rotate(120deg) translate(7.92px); transform: rotate(120deg) translate(7.92px); }
.weui_loading_leaf_5 { -webkit-animation: f 1.25s linear infinite; animation: f 1.25s linear infinite; }
.weui_loading_leaf_5:before { -webkit-transform: rotate(150deg) translate(7.92px); transform: rotate(150deg) translate(7.92px); }
.weui_loading_leaf_6 { -webkit-animation: g 1.25s linear infinite; animation: g 1.25s linear infinite; }
.weui_loading_leaf_6:before { -webkit-transform: rotate(180deg) translate(7.92px); transform: rotate(180deg) translate(7.92px); }
.weui_loading_leaf_7 { -webkit-animation: h 1.25s linear infinite; animation: h 1.25s linear infinite; }
.weui_loading_leaf_7:before { -webkit-transform: rotate(210deg) translate(7.92px); transform: rotate(210deg) translate(7.92px); }
.weui_loading_leaf_8 { -webkit-animation: i 1.25s linear infinite; animation: i 1.25s linear infinite; }
.weui_loading_leaf_8:before { -webkit-transform: rotate(240deg) translate(7.92px); transform: rotate(240deg) translate(7.92px); }
.weui_loading_leaf_9 { -webkit-animation: j 1.25s linear infinite; animation: j 1.25s linear infinite; }
.weui_loading_leaf_9:before { -webkit-transform: rotate(270deg) translate(7.92px); transform: rotate(270deg) translate(7.92px); }
.weui_loading_leaf_10 { -webkit-animation: k 1.25s linear infinite; animation: k 1.25s linear infinite; }
.weui_loading_leaf_10:before { -webkit-transform: rotate(300deg) translate(7.92px); transform: rotate(300deg) translate(7.92px); }
.weui_loading_leaf_11 { -webkit-animation: l 1.25s linear infinite; animation: l 1.25s linear infinite; }
.weui_loading_leaf_11:before { -webkit-transform: rotate(330deg) translate(7.92px); transform: rotate(330deg) translate(7.92px); }

@-webkit-keyframes a {
    0%,0.01% { opacity: .25; }
    0.02% { opacity: 1; }
    60.01%,to { opacity: .25; }
}

@-webkit-keyframes b {
    0%,8.34333% { opacity: .25; }
    8.35333% { opacity: 1; }
    68.3433%,to { opacity: .25; }
}

@-webkit-keyframes c {
    0%,16.6767% { opacity: .25; }
    16.6867% { opacity: 1; }
    76.6767%,to { opacity: .25; }
}

@-webkit-keyframes d {
    0%,25.01% { opacity: .25; }
    25.02% { opacity: 1; }
    85.01%,to { opacity: .25; }
}

@-webkit-keyframes e {
    0%,33.3433% { opacity: .25; }
    33.3533% { opacity: 1; }
    93.3433%,to { opacity: .25; }
}

@-webkit-keyframes f {
    0% { opacity: .270958333333333; }
    41.6767% { opacity: .25; }
    41.6867% { opacity: 1; }
    1.67667% { opacity: .25; }
    to { opacity: .270958333333333; }
}

@-webkit-keyframes g {
    0% { opacity: .375125; }
    50.01% { opacity: .25; }
    50.02% { opacity: 1; }
    10.01% { opacity: .25; }
    to { opacity: .375125; }
}

@-webkit-keyframes h {
    0% { opacity: .479291666666667; }
    58.3433% { opacity: .25; }
    58.3533% { opacity: 1; }
    18.3433% { opacity: .25; }
    to { opacity: .479291666666667; }
}

@-webkit-keyframes i {
    0% { opacity: .583458333333333; }
    66.6767% { opacity: .25; }
    66.6867% { opacity: 1; }
    26.6767% { opacity: .25; }
    to { opacity: .583458333333333; }
}

@-webkit-keyframes j {
    0% { opacity: .687625; }
    75.01% { opacity: .25; }
    75.02% { opacity: 1; }
    35.01% { opacity: .25; }
    to { opacity: .687625; }
}

@-webkit-keyframes k {
    0% { opacity: .791791666666667; }
    83.3433% { opacity: .25; }
    83.3533% { opacity: 1; }
    43.3433% { opacity: .25; }
    to { opacity: .791791666666667; }
}

@-webkit-keyframes l {
    0% { opacity: .895958333333333; }
    91.6767% { opacity: .25; }
    91.6867% { opacity: 1; }
    51.6767% { opacity: .25; }
    to { opacity: .895958333333333; }
}

.weui_mask { background: rgba(0,0,0,.6); }
.weui_mask, .weui_mask_transition, .weui_mask_transparent { position: fixed; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; }
.weui_mask_transition { display: none; background: transparent; -webkit-transition: background .3s; transition: background .3s; }
.weui_fade_toggle { background: rgba(0,0,0,.6); }
.weui_actionsheet { position: fixed; left: 0; bottom: 0; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 2; width: 100%; background-color: #efeff4; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s; }
.weui_actionsheet_menu { background-color: #fff; }
.weui_actionsheet_action { margin-top: 6px; background-color: #fff; }
.weui_actionsheet_cell { position: relative; padding: 10px 0; text-align: center; font-size: 18px; }
.weui_actionsheet_cell:before { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 1px; border-top: 1px solid #d9d9d9; color: #d9d9d9; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(.5); transform: scaleY(.5); }
.weui_actionsheet_cell:active { background-color: #ececec; }
.weui_actionsheet_cell:first-child:before { display: none; }
.weui_actionsheet_toggle { -webkit-transform: translate(0); transform: translate(0); }
.weui_search_bar { padding: 8px 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; box-sizing: border-box; background-color: #efeff4; z-index: 2; }
.weui_search_bar:before { top: 0; border-top: 1px solid #c7c7c7; -webkit-transform-origin: 0 0; transform-origin: 0 0; }
.weui_search_bar:after, .weui_search_bar:before { content: " "; position: absolute; left: 0; width: 100%; height: 1px; color: #c7c7c7; -webkit-transform: scaleY(.5); transform: scaleY(.5); }
.weui_search_bar:after { bottom: 0; border-bottom: 1px solid #c7c7c7; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; }
.weui_search_bar.weui_search_focusing .weui_search_cancel { display: block; }
.weui_search_bar.weui_search_focusing .weui_search_text { display: none; }
.weui_search_outer { position: relative; -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; background-color: #efeff4; }
.weui_search_outer:after { content: ''; position: absolute; left: 0; top: 0; width: 200%; height: 200%; -webkit-transform: scale(.5); transform: scale(.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; border-radius: 10px; border: 1px solid #e6e6ea; box-sizing: border-box; background: #fff; }
.weui_search_inner { position: relative; padding-left: 30px; padding-right: 30px; height: 100%; width: 100%; box-sizing: border-box; z-index: 1; }
.weui_search_inner .weui_search_input { padding: 4px 0; width: 100%; height: 1.42857143em; border: 0; font-size: 14px; line-height: 1.42857143em; box-sizing: content-box; background: transparent; }
.weui_search_inner .weui_search_input:focus { outline: none; }
.weui_search_inner .weui_icon_search { position: absolute; left: 10px; top: -2px; line-height: 28px; }
.weui_search_inner .weui_icon_clear { position: absolute; top: -2px; right: 0; padding: 0 10px; line-height: 28px; }
.weui_search_text { position: absolute; top: 1px; right: 1px; bottom: 1px; left: 1px; z-index: 2; border-radius: 3px; text-align: center; color: #9b9b9b; background: #fff; }
.weui_search_text span { display: inline-block; font-size: 14px; vertical-align: middle; }
.weui_search_text .weui_icon_search { margin-right: 5px; }
.weui_search_cancel { display: none; margin-left: 10px; line-height: 28px; color: #09bb07; }
.weui_search_input:not(:valid) ~ .weui_icon_clear { display: none; }
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { display: none; }