html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body { -webkit-font-smoothing: antialiased; line-height: 1.6 } input, textarea, button, a { outline: 0 } body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, fieldset, textarea { margin: 0 } fieldset, legend, textarea, input { padding: 0 } ul, ol { padding-left: 0; list-style-type: none } a img, fieldset { border: 0 } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block } audio, canvas, video { display: inline-block } audio:not([controls]) { display: none; height: 0 } [hidden] { display: none } svg:not(:root) { overflow: hidden } figure { margin: 0 } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0 } button, select { text-transform: none } button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button } button[disabled], html input[disabled] { cursor: default } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0 } input[type="search"] { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-appearance: textfield; -webkit-box-sizing: content-box } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } textarea { overflow: auto; vertical-align: top; resize: none } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { box-shadow: inset 0 0 0 1000px #fff; -moz-box-shadow: inset 0 0 0 1000px #fff; -webkit-box-shadow: inset 0 0 0 1000px #fff } select { border-radius: 0; -webkit-border-radius: 0 } body { line-height: 1.6; font-family: "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", "\9ED1\4F53", Arial, sans-serif; color: #222; font-size: 14px } textarea, input { color: #222 } textarea::-webkit-input-placeholder, input::-webkit-input-placeholder { color: #a3a3a3 } textarea:-moz-placeholder, input:-moz-placeholder { color: #a3a3a3 } textarea::-moz-placeholder, input::-moz-placeholder { color: #a3a3a3 } textarea:-ms-input-placeholder, input:-ms-input-placeholder { color: #a3a3a3 } textarea.placeholder, input.placeholder { color: #a3a3a3 } textarea { resize: none; overflow-y: auto } a { color: #576b95; text-decoration: none } a:hover { text-decoration: underline } button, input, select, textarea { *font-family: "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", "\9ED1\4F53", Arial, sans-serif } .page_pay_qrcode .main_bd { padding: 50px 80px } .page_appmsg_edit .main_bd { padding: 50px 30px 0 } .page_tpl_edit .main_bd { padding: 50px } .page_media_list .main_bd { padding: 20px 0 40px 0 } .page_mass_list .main_bd { padding-bottom: 40px } .screen_small .dialog_bd { max-height: 485px; overflow-y: auto } .global_text { font-size: 14px; font-weight: 400 } .mini_tips a { color: #222 } .container_box { min-height: 700px } .container_box.cell_layout { *overflow: hidden } .container_box.cell_layout .col_side, .container_box.cell_layout .col_main { display: table-cell; vertical-align: top; word-wrap: break-word; word-break: break-all } .container_box.cell_layout .col_side { width: 17.5%; max-width: 208px } .container_box.cell_layout .col_main { width: 2000px; height: 700px } .container_box.cell_layout .col_side { *float: left; *width: 208px; *padding-bottom: 9999em; *margin-bottom: -9999em } .container_box.cell_layout .col_main { *zoom: 1; *width: auto; *height: auto } .container_hd, .main_hd { line-height: 40px } .container_hd .info, .main_hd .info { margin-top: -40px; text-align: right } .container_hd h2, .main_hd h2 { font-weight: 400; font-style: normal } .container_hd .extra_info, .main_hd .extra_info { margin-top: -40px; text-align: right } .ft.links { font-size: 12px } .ft .links_item { border-left-color: #222; *line-height: 15px } .ft .links_item a { color: #222 } .foot { padding: 24px 0; color: #222; text-align: center } .copyright { display: inline } body.scaled { padding-top: 56px } .container_box.simple { overflow: hidden; background-color: #fff } .container_hd h2, .main_hd h2 { font-size: 16px; padding: 0 30px; line-height: 75px } .container_hd .extra_info, .main_hd .extra_info { line-height: 43px; margin-top: -43px; padding-right: 30px } .container_hd .extra_info.align_title, .main_hd .extra_info.align_title { margin-top: -75px; line-height: 75px } .container_hd .extra_info.align_nav, .main_hd .extra_info.align_nav { margin-top: -80px; line-height: 80px } .container_hd .title_tab, .main_hd .title_tab { margin-top: -14px } .container_hd.border, .main_hd.border { border-bottom: 1px solid #e7e7eb; margin-bottom: 40px } .container_hd.border_primary h2, .main_hd.border_primary h2 { border: 1px solid #e7e7eb } .page_news .container_hd h2, .page_simple .container_hd h2, .page_news .main_hd h2, .page_simple .main_hd h2 { line-height: 52px; background-color: #f4f5f9 } .page_news .container_hd .extra_info.align_title, .page_simple .container_hd .extra_info.align_title, .page_news .main_hd .extra_info.align_title, .page_simple .main_hd .extra_info.align_title { margin-top: -52px; line-height: 52px } .container_bd, .main_bd { padding-bottom: 30px } .col_side { min-height: 1px } .inner_side { *padding-bottom: 9999em; *margin-bottom: -9999em; min-height: 1px } .side_l .col_side { border-right: 1px solid #e7e7eb } .side_l.inner_container_box .inner_side { border-right: 1px solid #e7e7eb } .side_r .col_side { border-left: 1px solid #e7e7eb } .side_r.inner_container_box .inner_side { border-left: 1px solid #e7e7eb } .inner_container_box { *zoom: 1; *overflow: hidden; background-color: #fff; border: 1px solid #e7e7eb } .inner_container_box:after { content: "\200B"; display: block; height: 0; clear: both } .inner_container_box .bd { min-height: 530px } .inner_container_box.cell_layout { *overflow: hidden } .inner_container_box.cell_layout .inner_side, .inner_container_box.cell_layout .inner_main { display: table-cell; vertical-align: top; word-wrap: break-word; word-break: break-all } .inner_container_box.cell_layout .inner_side { width: 27%; max-width: 240px } .inner_container_box.cell_layout .inner_main { width: 2000px } .inner_container_box.cell_layout .inner_side { *float: left; *width: 240px } .inner_container_box.cell_layout .inner_main { *zoom: 1; *width: auto } .inner_container_box.cell_layout.side_r { *padding-right: 241px } .inner_container_box.cell_layout.side_r .inner_main { *float: left; *width: 100% } .grid_line { *zoom: 1 } .grid_line:after { content: "\200B"; display: block; height: 0; clear: both } .grid_line.with_1 .grid_item { width: 100% } .grid_line.with_2 .grid_item { width: 50% } .grid_line.with_3 .grid_item { width: 33.33% } .grid_line.with_4 .grid_item { width: 25% } .grid_line.with_5 .grid_item { width: 20% } .grid_line.with_6 .grid_item { width: 16.66% } .grid_line.with_7 .grid_item { width: 14.28% } .grid_line.with_8 .grid_item { width: 12.5% } .grid_line .no_extra.grid_item { float: none; width: auto; overflow: hidden; *zoom: 1; *overflow: visible } .grid_item { float: left } .grid_item.no_extra { float: none; width: auto; overflow: hidden; *zoom: 1; *overflow: visible } .grid_item.no_extra_flex { display: table-cell; vertical-align: top; float: none; width: auto; *display: block; *zoom: 1 } .grid_item.no_extra_flex:after { content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "; visibility: hidden; clear: both; height: 0 !important; display: block; line-height: 0 } .size1of1 { width: 100% } .size1of2 { width: 50% } .size1of3 { width: 33.33% } .size1of4 { width: 25% } .size1of5 { width: 20% } .size1of6 { width: 16.66% } .size1of7 { width: 14.28% } .size1of8 { width: 12.5% } .icon_radio { background: url(images/base_z451259.png) 0 0 no-repeat; width: 16px; height: 16px; vertical-align: middle; display: inline-block; margin-top: -0.2em; *margin-top: 0 } .icon_radio.selected, .selected .icon_radio { background: url(images/base_z451259.png) 0 -20px no-repeat } .icon_radio.selected.disabled, .selected.disabled .icon_radio { background: url(images/base_z451259.png) 0 -40px no-repeat } .icon_checkbox { background: url(images/base_z451259.png) 0 -60px no-repeat; width: 16px; height: 16px; vertical-align: middle; display: inline-block; margin-top: -0.2em; *margin-top: 0 } .icon_checkbox.selected, .selected .icon_checkbox { background: url(images/base_z451259.png) 0 -80px no-repeat } .icon_checkbox.disabled, .disabled .icon_checkbox { background: url(images/base_z451259.png) 0 -100px no-repeat } .icon_checkbox.selected.disabled, .selected.disabled .icon_checkbox { background: url(images/base_z451259.png) 0 -120px no-repeat } .frm_tab { overflow: hidden; *zoom: 1 } .frm_tab_navs { *zoom: 1 } .frm_tab_navs:after { content: "\200B"; display: block; height: 0; clear: both } .frm_tab_nav { float: left; background-color: #fff; background-image: -moz-linear-gradient(top, #fff 0, #fff 100%); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#fff)); background-image: -webkit-linear-gradient(top, #fff 0, #fff 100%); background-image: -o-linear-gradient(top, #fff 0, #fff 100%); background-image: linear-gradient(to bottom, #fff 0, #fff 100%); border-color: #e7e7eb; color: #222; height: 30px; line-height: 30px; *line-height: 28px; width: auto; padding-left: 36px; padding-right: 36px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; margin-right: -1px } .frm_tab_nav button { color: #222 } .frm_tab_nav:hover { background-color: #e7e7eb; background-image: -moz-linear-gradient(top, #e7e7eb 0, #e7e7eb 100%); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e7e7eb), to(#e7e7eb)); background-image: -webkit-linear-gradient(top, #e7e7eb 0, #e7e7eb 100%); background-image: -o-linear-gradient(top, #e7e7eb 0, #e7e7eb 100%); background-image: linear-gradient(to bottom, #e7e7eb 0, #e7e7eb 100%); border-color: #dadbe0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; color: #222 } .frm_tab_nav:hover button { color: #222 } .frm_tab_nav:hover { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none } .frm_tab_nav.selected { background: 0; background-color: #888; border-color: #e7e7eb; box-shadow: inset 0 3px 8px #555; -moz-box-shadow: inset 0 3px 8px #555; -webkit-box-shadow: inset 0 3px 8px #555; color: #fff } .frm_tab_panel { padding: 10px 0 } .frm_tab_split { position: relative; margin-top: 20px; border-bottom: 1px solid #e7e7eb; box-shadow: 0 1px 0 0 #fff; -moz-box-shadow: 0 1px 0 0 #fff; -webkit-box-shadow: 0 1px 0 0 #fff } .frm_tab_split .arrow_stop { position: relative } .frm_tab_split .arrow { position: absolute; left: 0; display: inline-block; width: 0; height: 0; border-width: 12px; border-style: dashed; border-color: transparent; border-top-width: 0; border-bottom-color: #e7e7eb; border-bottom-style: solid } .frm_tab_split .arrow_out { top: -12px; border-bottom-color: #e7e7eb } .frm_tab_split .arrow_in { top: -10px; border-bottom-color: #fff } .frm_tab_split .arrow_extra { top: -11px; border-bottom-color: #fff } .frm_tab_tips { padding-top: 4px; color: #8d8d8d } .form_wrp.simple { text-align: center } .form_wrp.simple .form { display: inline-block; *display: inline; *zoom: 1; text-align: left } .form.tips_inline .frm_tips { width: auto; display: inline-block } .frm_vertical_lh { line-height: 32px } .frm_vertical_pt { padding-top: .3em } .frm_fieldset { padding-top: 25px; padding-top: 0 \9 } .frm_fieldset.no_legend { padding-top: 25px } .frm_legend { display: block; width: 100%; *margin-left: -0.35em; margin-bottom: 25px \9; padding-bottom: 5px } .frm_legend .tips { color: #8d8d8d; margin-left: 14px } .frm_desc { color: #222 } .frm_tips { color: #8d8d8d } .frm_tips.gap_bottom { padding-bottom: 5px } .frm_tips, .frm_msg { padding-top: 4px; width: 300px } .frm_msg { display: none; overflow: hidden; *zoom: 1 } .frm_msg i { float: left; font-weight: 400; font-style: normal; margin-right: 3px } .frm_msg.success { color: #7fba4f } .frm_msg.fail { color: #e15f63 } .frm_control_group { *zoom: 1; padding-bottom: 25px } .frm_control_group:after { content: "\200B"; display: block; height: 0; clear: both } .frm_control_group.show_value { padding-bottom: 15px } .frm_control_group.show_value .frm_input_box { height: auto; word-wrap: break-word; word-break: break-all; padding: 0; border-width: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; background: 0; line-height: 1.6; vertical-align: top; margin-top: .3em } .frm_control_group.frm_label_block .frm_label { display: block; width: auto; float: none; font-size: 14px; margin-bottom: .5em } .frm_control_group.frm_control_block .frm_textarea_box, .frm_control_group.frm_control_block .frm_input_box, .frm_control_group.frm_control_block .frm_msg, .frm_control_group.frm_control_block .frm_tips { display: block; width: auto } .frm_label { float: left; width: 5em; margin-top: .3em; margin-right: 1em; font-size: 14px } .frm_label_tips { display: block; color: #8d8d8d } .frm_controls { display: table-cell; vertical-align: top; float: none; width: auto; *display: block; *zoom: 1 } .frm_controls:after { content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "; visibility: hidden; clear: both; height: 0 !important; display: block; line-height: 0 } .frm_input, .frm_textarea { width: 100%; background-color: transparent; border: 0; outline: 0 } .frm_input { height: 22px; *line-height: 22px; margin: 4px 0 } .frm_textarea { height: 100px } .frm_input_box { display: inline-block; position: relative; height: 30px; line-height: 30px; vertical-align: middle; width: 278px; font-size: 14px; padding: 0 10px; border: 1px solid #e7e7eb; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; background-color: #fff } .frm_input_box .frm_input_append { *height: 30px; font-size: 0 } .frm_input_box.search { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0 } .frm_input_box.append { padding-right: 30px } .frm_input_box.append .frm_input_append { position: absolute; top: 0; right: .8em } .frm_input_box.prepend { padding-left: 30px } .frm_input_box.prepend .frm_input_append { position: absolute; top: 0; left: .8em } .frm_input_box.tips_inline { padding-right: 10px } .frm_input_box.tips_inline .frm_input_append { font-size: 14px } .frm_input_box.with_counter .frm_counter { width: 50px; color: #8d8d8d; font-size: 14px; font-weight: 400; font-style: normal } .frm_input_box.with_counter.warn .frm_counter { color: #e15f63 } .frm_input_box.counter_in { padding-right: 70px } .frm_input_box.counter_in .frm_counter { right: 0; text-align: right; padding-right: 10px } .frm_input_box.counter_out { padding-right: 10px } .frm_input_box.counter_out .frm_counter { right: -60px; padding-left: 10px } .frm_input_box.vcode { width: 157px } .frm_input_box.zone { width: 72px; margin-right: 5px } .frm_input_box.phone { width: 175px } .frm_msg.align_counter, .frm_tips.align_counter, .align_counter .frm_msg, .align_counter .frm_tips { margin-top: -27px } .frm_textarea_box { display: inline-block; width: 288px; padding: 4px 0 4px 10px; font-size: 14px; border: 1px solid #e7e7eb; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; background-color: #fff } .frm_textarea_box.with_counter { position: relative; margin-bottom: 27px } .frm_textarea_box.with_counter .frm_counter { color: #8d8d8d; font-size: 14px; font-weight: 400; font-style: normal } .frm_textarea_box.with_counter.warn .frm_counter { color: #e15f63 } .frm_textarea_box.counter_out .frm_counter { position: absolute; bottom: -27px; right: 0 } .disabled.frm_input_box, .disabled.frm_textarea_box { background-color: #eee } .disabled .frm_input_box, .disabled .frm_textarea_box { background-color: #eee } .focus.frm_input_box, .focus.frm_textarea_box, .focus.frm_select_box { border-color: #6bbe6e } .focus.frm_select_box { *border-color: transparent } .frm_radio, .frm_checkbox { position: absolute; left: -999em } .frm_radio_label, .frm_checkbox_label { display: inline-block; text-align: left; cursor: pointer; margin-right: 1em } .frm_radio_label.no_extra, .frm_checkbox_label.no_extra { margin-right: 0 } .frm_radio_label.disabled, .frm_checkbox_label.disabled { color: #999; cursor: default } .icon_radio { margin-right: 4px } .icon_checkbox { margin-right: 4px } .frm_select_box { display: inline-block; *display: inline; *zoom: 1; position: relative; background-color: #fff; background-image: -moz-linear-gradient(top, #fff 0, #fff 100%); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#fff)); background-image: -webkit-linear-gradient(top, #fff 0, #fff 100%); background-image: -o-linear-gradient(top, #fff 0, #fff 100%); background-image: linear-gradient(to bottom, #fff 0, #fff 100%); border-color: #e7e7eb; color: #222; vertical-align: middle; font-size: 14px; *top: .6em; *margin-right: 5px; padding: 4px 0; border: 1px solid #e7e7eb; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; *background-color: transparent; *border-color: transparent; *padding-top: 0; *padding-bottom: 0 } .frm_select_box button { color: #222 } .frm_select_box:hover { background-color: #e7e7eb; background-image: -moz-linear-gradient(top, #e7e7eb 0, #e7e7eb 100%); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e7e7eb), to(#e7e7eb)); background-image: -webkit-linear-gradient(top, #e7e7eb 0, #e7e7eb 100%); background-image: -o-linear-gradient(top, #e7e7eb 0, #e7e7eb 100%); background-image: linear-gradient(to bottom, #e7e7eb 0, #e7e7eb 100%); border-color: #dadbe0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; color: #222 } .frm_select_box:hover button { color: #222 } .frm_select_label { *margin-top: -0.2em } .frm_select { position: relative; z-index: 1; height: 22px; padding: 0 30px 0 10px; line-height: 22px; background-color: transparent; border: 0; outline: 0 } @media screen and (-webkit-min-device-pixel-ratio: 0) { .frm_select_box { padding: 0 } .frm_select_box:after { content: " "; position: absolute; right: 15px; top: 50%; margin-top: -2px; display: inline-block; width: 0; height: 0; border-width: 4px; border-style: dashed; border-color: transparent; border-bottom-width: 0; border-top-color: #777; border-top-style: solid } .frm_select { -webkit-appearance: none; height: 32px } } .clear_dib_gap { font-size: 0 } .dropdown_wrp.frm_input_in_box { height: 32px; margin-right: -1px } .frm_search_type { float: left; line-height: 30px; border: 1px solid #e7e7eb; border-right-width: 0; color: #222; min-width: 50px; padding: 0 10px; background-color: #fff } .frm_input_box.search.with_del { padding-right: 60px } .frm_input_box.search .frm_input_append { right: 0; width: 30px; text-align: center } .frm_input_box.search .search_gray { vertical-align: -webkit-baseline-middle; margin-top: -0.2em } .frm_input_box.search .del_btn { right: 30px } .frm_input_box .del_btn { position: absolute; right: 0; width: 30px; height: 30px; text-align: center; font-size: 0 } .frm_input_box .del_btn i { vertical-align: -webkit-baseline-middle; margin-top: -0.2em } .frm_input_box .del_btn:hover { text-decoration: none } .frm_input_box.disabled .frm_input, .frm_input_box .frm_input[disabled] { color: #8d8d8d } .frm_input_box.counter_in { width: 228px; padding-right: 60px } .frm_area_code_area { display: inline-block; border: 1px solid #e7e7eb; padding-left: 10px } .frm_area_code_area.bdrnone { border-right: 0 } .frm_area_code_area .ic_area_code { vertical-align: middle } .frm_area_code_area .dropdown_switch { border: 0 } .frm_area_code_area .dropdown_switch:hover { background: 0 } .frm_area_code_area .frm_input_box { border: 0; padding-left: 0 } .frm_control { margin-bottom: 25px } .frm_control_group.drop_gap { padding-bottom: 0 } .icon_radio, .icon_checkbox { margin-right: 3px; margin-top: -2px; *margin-top: 0 } .icon_radio { background: url(images/base_z451259.png) 0 -140px no-repeat; width: 16px; height: 16px; vertical-align: middle; display: inline-block } .icon_radio.selected, .selected .icon_radio { background: url(images/base_z451259.png) 0 -160px no-repeat } .icon_radio.disabled, .disabled .icon_radio { background: url(images/base_z451259.png) 0 -180px no-repeat } .icon_radio.selected.disabled, .selected.disabled .icon_radio { background: url(images/base_z451259.png) 0 -200px no-repeat } .icon_checkbox { background: url(images/base_z451259.png) 0 -220px no-repeat; width: 16px; height: 16px; vertical-align: middle; display: inline-block } .icon_checkbox.selected, .selected .icon_checkbox { background: url(images/base_z451259.png) 0 -240px no-repeat } .icon_checkbox.disabled, .disabled .icon_checkbox { background: url(images/base_z451259.png) 0 -260px no-repeat } .icon_checkbox.selected.disabled, .selected.disabled .icon_checkbox { background: url(images/base_z451259.png) 0 -280px no-repeat } .icon_search_del { cursor: pointer; background: url(images/base_z451259.png) 0 -300px no-repeat; width: 14px; height: 14px; vertical-align: middle; display: inline-block } .icon_search_del:hover { background: url(images/base_z451259.png) 0 -318px no-repeat } .frm_legend.default { margin-bottom: 20px; border-bottom: 1px solid #e7e7eb } .form_mod_title { margin-bottom: 10px; padding-bottom: 5px; margin-top: 40px; font-size: 14px; font-weight: 400; border-bottom: 1px solid #e7e7eb } .frm_msg i { float: none; margin-right: 0 } .tab_navs { *zoom: 1; text-align: center; line-height: 30px; border-bottom: 1px solid #e7e7eb; box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5); -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5) } .tab_navs:after { content: "\200B"; display: block; height: 0; clear: both } .tab_nav { float: left; font-size: 14px } .tab_nav a { display: block; *height: 1%; text-decoration: none; color: #222; outline: 0; padding: 0 20px } .tab_nav.selected { background-color: #d4d5d5 } .mt .tab_nav a { border-right: 1px solid #e7e7eb } .mt .tab_nav.selected { border-top: 3px solid #757474; position: relative; top: -1px } .mt .tab_nav.selected a { position: relative; background-color: #d4d5d5; line-height: 29px; margin-bottom: -2px } .mt .tab_nav.no_extra a { border-right-width: 0 } .title_tab .tab_navs { line-height: 40px; border-bottom-color: #e7e7eb; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none } .title_tab .tab_nav { margin-bottom: -1px } .title_tab .tab_nav a { padding: 0 18px } .title_tab .tab_nav.first a, .title_tab .tab_nav:first-child a { padding-left: 30px } .title_tab .tab_nav:hover { border-bottom: 3px solid #a0a3ab } .title_tab .tab_nav.selected { background: 0; border-bottom: 3px solid #44b549 } .tips_box { padding: 6px 15px; background-color: #e0eaf6; border: 0; color: #222; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0 } .tips_box .em { color: #e15f63 } .tips_box_primary { padding: 6px 15px; background-color: #f1f1f1; border: 1px solid #d1d1d1; color: #666; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px } .tips_box_primary .em { color: #e15f63 } .disabled_box { padding: .4em .8em; font-size: 14px; border: 1px solid #e7e7eb; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; background-color: #f4f5f9 } .notices_box { line-height: 40px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; background-color: #fff; border: 1px solid #e7e7eb } .msg_box { line-height: 36px; text-align: center } .msg_box .inner { background-color: #c8e7fc } .msg_box a { display: block; color: #6d7f8b } .global_link_opr { margin-left: 1em } .global_link_opr:first-child { margin-left: 0 } .empty_tips.empty_tips { padding: 100px 0; text-align: center; font-size: 14px; color: #8d8d8d } .empty_item .empty_tips.empty_tips { padding: 100px 0; text-align: center; font-size: 14px; color: #8d8d8d } .mini_tips i { font-weight: 400; font-style: normal; margin-top: -3px; margin-right: 3px; *margin-top: 0 } .mini_tips .icon_mini_tips { *margin-top: 2px } .mini_tips.weak_text { color: #8d8d8d } .mini_tips.warn { color: #e15f63 } .mini_tips.success { color: #7fba4f } .mini_tips.icon_after i { margin-right: 0; margin-left: 3px } .article_box.inset { border: 1px solid #e7e7eb; background-color: #f4f5f9; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; height: 500px; overflow-y: auto } .article_box.inset .inner { padding-left: 50px; padding-right: 50px } .article_box .inner { padding: 90px 75px } .article_box h3 { text-align: center; font-size: 22px; padding-bottom: 14px } .article_box h4 { padding-bottom: 14px; font-weight: 700; font-size: 16px } .article_box h5 { padding-bottom: 14px; font-weight: 700; font-size: 16px } .article_box h6 { padding-bottom: 14px; font-weight: 700; font-size: 14px } .article_box ul.disc { padding-left: 20px; list-style-type: disc } .article_box dl, .article_box li, .article_box p { padding-bottom: 14px; font-size: 14px } .article_box pre { white-space: pre-wrap } .article_box strong { font-weight: 400; font-style: normal } .article_box .media { text-align: center; padding-bottom: 28px } .article_box .img_wrp { display: inline-block; max-width: 750px } .article_box .img_wrp img { width: 100%; *width: auto; *max-width: 100%; vertical-align: top } .article_box .img_wrp .mobile_width { width: 175px } .article_box .sign, .article_box .company_sign { padding-top: 4em; text-align: right } .article_box .sign.strong, .article_box .company_sign.strong { font-weight: 700; font-size: 16px } .article_box .no_extra { padding-bottom: 0 } .text_box h4 { font-size: 16px; font-weight: 400; font-style: normal; margin-bottom: 10px } .text_box .spacing { margin-top: 10px } .mod_hd, .mod_ft { *zoom: 1 } .mod_hd:after, .mod_ft:after { content: "\200B"; display: block; height: 0; clear: both } .mod_info { float: left } .mod_opr { text-align: right } .mod_opr .btn { margin-top: -0.2em } .global_mod .global_extra { text-align: right } .global_mod.mt_layout { line-height: 40px } .global_mod.mt_layout .global_extra { margin-top: -40px } .global_mod.float_layout { *zoom: 1 } .global_mod.float_layout:after { content: "\200B"; display: block; height: 0; clear: both } .global_mod.float_layout .global_info { float: left } .global_mod.gap_top .gap_top_item { margin-top: 5px } .global_mod.with_default_gap { padding: 9px 20px } .global_mod.with_border { border-bottom: 1px solid #e7e7eb } .vm_box { display: inline-block; height: 100%; vertical-align: middle } .mod_default_box { background-color: #fff; border-radius: 4px; box-shadow: 0 1px 2px rgba(150, 150, 150, 0.3); padding: 20px 30px 30px } .mod_default_box.only_table { padding-top: 30px } .mod_default_hd { position: relative; margin-bottom: 30px } .mod_default_hd h4 { font-weight: 400; font-size: 20px; margin-bottom: 15px; display: inline-block; margin-right: 20px; margin-bottom: 0; padding: 0 } .mod_default_hd .mod_hd_extra { position: absolute; top: 0; right: 0; line-height: 32px } .mod_default_hd .mod_hd_desc { display: inline-block } .mod_default_hd .desc { display: inline-block; color: #8d8d8d } .gap_veritcal_global { margin-bottom: 20px } .mini_tip i { margin-right: 5px } .msg_box { display: none } .tips_box_tl { padding: 6px 15px; background-color: #e0eaf6; text-align: left } .article_box h3 { padding-bottom: 1em; font-size: 18px; font-weight: 400; font-style: normal } .article_box h4, .article_box h5, .article_box h6 { font-weight: 400; font-style: normal; font-size: 14px } .news_box.inset { border: 1px solid #e7e7eb; word-wrap: break-word; word-break: break-all; height: 500px; overflow-y: auto } .news_box.inset .inner { padding-left: 50px; padding-right: 50px } .news_box.inset.in_dialog { height: 300px } .news_box.inset.in_dialog .inner { padding: 30px 40px } .news_box.inset.in_dialog p { padding-bottom: .5em } .news_box .inner { padding: 90px 75px } .news_box pre { white-space: pre-wrap } .news_box h3 { padding-bottom: 1em; text-align: center; font-size: 18px; font-weight: 400; font-style: normal } .news_box h4, .news_box h5, .news_box h6 { padding-bottom: 1em; font-weight: 400; font-style: normal; font-size: 14px } .news_box p, .news_box .table_wrp { padding-bottom: 1em; font-size: 14px } .news_box ol, .news_box ul { padding-bottom: 14px } .news_box li p { padding-bottom: 0 } .news_box strong { font-weight: 400; font-style: normal } .news_box .em_text { font-weight: 700 } .news_box .warn_text { color: #e15f63 } .news_box img { max-width: 100% } .news_box .media { text-align: center; padding-bottom: 2em } .news_box .img_wrp { display: inline-block; max-width: 750px } .news_box .img_wrp img { width: 100%; *width: auto; *max-width: 100%; vertical-align: top } .news_box .img_wrp .mobile_width { width: 175px } .news_box .sign, .news_box .company_sign { padding-top: 4em; text-align: right } .news_box .sign.strong, .news_box .company_sign.strong { font-weight: 700; font-size: 16px } .news_box .no_extra { padding-bottom: 0 } .announcement_box .announcement_inner { padding: 90px 75px } .news_box .announcement_box .announcement_inner { padding: 0 } .announcement_box .announcement_title { padding-bottom: 42px; text-align: center; font-size: 18px } .announcement_box .announcement_content * { max-width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .announcement_box .announcement_sign, .announcement_box .announcement_company_sign { padding-top: 28px; text-align: right } .announcement_box h1, .announcement_box h2, .announcement_box h3, .announcement_box h4, .announcement_box h5, .announcement_box h6 { font-weight: 400; font-size: 14px } .announcement_box pre { white-space: pre-wrap } .announcement_box .gap { padding-bottom: 1em } .announcement_box .no_gap { padding-bottom: 0 } .announcement_box strong, .announcement_box .strong { font-weight: 700 } .announcement_box .normal { font-weight: 400 } .announcement_box h3, .announcement_box h4, .announcement_box h5, .announcement_box h6, .announcement_box .table_wrp, .announcement_box ol, .announcement_box ul, .announcement_box p { padding-bottom: 0 } .announcement_box h3 { text-align: left } .global_box { background-color: #f4f5f9; border: 1px solid #e7e7eb } .default_box .default_box_inner { padding: 20px; border: 1px solid #e7e7eb } .default_box .default_box_arrow_wrp, .default_box .default_box_arrow { position: absolute } .default_box.with_arrow { position: relative } .default_box.to_top { padding-top: 7px } .default_box.to_top .default_box_arrow_wrp { top: 0; left: 20px } .default_box.to_top .default_box_arrow { display: inline-block; width: 0; height: 0; border-width: 7px; border-style: dashed; border-color: transparent; border-top-width: 0; border-bottom-color: #e7e7eb; border-bottom-style: solid } .default_box.to_top .default_box_arrow_out { top: 0 } .default_box.to_top .default_box_arrow_in { top: 1px; border-bottom-color: #fff } .split_tips_global { margin-left: .5em; border-left: 1px solid #8d8d8d; padding-left: .5em; display: inline-block; line-height: 1em } .radius_tag { display: inline-block; vertical-align: middle; padding: 1px .7em; font-size: 14px; line-height: 1.3; color: #8d8d8d; border: 1px solid #9e9e9e; background-color: #fff; overflow: hidden; border-top-left-radius: 10px 50%; -moz-border-radius-topleft: 10px 50%; -webkit-border-top-left-radius: 10px 50%; border-top-right-radius: 10px 50%; -moz-border-radius-topright: 10px 50%; -webkit-border-top-right-radius: 10px 50%; border-bottom-left-radius: 10px 50%; -moz-border-radius-bottomleft: 10px 50%; -webkit-border-bottom-left-radius: 10px 50%; border-bottom-right-radius: 10px 50%; -moz-border-radius-bottomright: 10px 50%; -webkit-border-bottom-right-radius: 10px 50% } .highlight_box { position: relative; padding: 9px 30px; background-color: #f4f5f9; margin-bottom: 20px; line-height: 1.6; *zoom: 1 } .highlight_box .opr { float: right; padding: 7px 0 0 2em } .highlight_box .opr.opr_desc { padding-top: 0; color: #8d8d8d } .highlight_box .links { margin-left: -14px; font-size: 0; padding: 3px 0 } .highlight_box .links .links_item { vertical-align: middle; margin-top: -0.2em; font-size: 14px; border-left-color: #d9dadc } .highlight_box .links .links_item:hover a { color: #222 } .highlight_box .links .selected a { color: #222 } .highlight_box .title { font-weight: 400; font-style: normal } .highlight_box .title .icon_common.new { height: 14px; margin-top: 0 } .highlight_box .desc { color: #8d8d8d; overflow: hidden } .highlight_box.border { border-top: 1px solid #e7e7eb } .highlight_box.icon_wrap { padding-top: 14px; padding-bottom: 14px; overflow: hidden; *zoom: 1 } .highlight_box.icon_wrap .icon { float: left; margin-right: 15px } .highlight_box.icon_wrap .icon.lock { background: url(images/base_z451259.png) 0 -336px no-repeat; width: 48px; height: 48px; vertical-align: middle; display: inline-block } .highlight_box.icon_wrap .icon.unlock { background: url(images/base_z451259.png) 0 -388px no-repeat; width: 48px; height: 48px; vertical-align: middle; display: inline-block } .highlight_box.icon_wrap .icon_profile { width: 48px; height: 48px } .highlight_box.icon_wrap .icon_msg_small { margin-top: 5px } .highlight_box.icon_wrap .title, .highlight_box.icon_wrap .desc { overflow: hidden; *zoom: 1 } .highlight_box.icon_small .icon { margin-left: -10px; margin-right: 0 } .highlight_box.single_line .title, .highlight_box.single_line .desc { padding-top: 14px } .highlight_box.page_global_tips { margin: -12px 30px 20px } .highlight_box.global { margin: 0 30px 40px; border-top-width: 0 } .weui-desktop-layout__main__hd .highlight_box { background: transparent; padding-left: 0; padding-top: 12px; padding-bottom: 12px } .tool_bar { *zoom: 1; margin-top: 40px; padding-top: 20px } .tool_bar:after { content: "\200B"; display: block; height: 0; clear: both } .tool_bar .btn { margin-right: 1em } .tool_bar.with_form { margin-top: 15px } .tool_bar.border { border-top: 1px solid #e7e7eb; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none } .tool_bar.tc .btn { margin-left: .5em; margin-right: .5em } .tool_bar.tr .btn { margin-left: 1em; margin-right: 0 } .tool_area { *zoom: 1 } .tool_area:after { content: "\200B"; display: block; height: 0; clear: both } .title_bar { *zoom: 1 } .title_bar:after { content: "\200B"; display: block; height: 0; clear: both } .title_bar .info { float: left } .title_bar .opr { float: right } .parent_title_bar { *zoom: 1; line-height: 35px; border-bottom: 2px solid #e7e7eb } .parent_title_bar:after { content: "\200B"; display: block; height: 0; clear: both } .parent_title_bar h3 { font-size: 16px; font-weight: 400; font-style: normal } .sub_title_bar { *zoom: 1; line-height: 38px; padding: 0 20px } .sub_title_bar:after { content: "\200B"; display: block; height: 0; clear: both } .sub_title_bar .info { float: left } .sub_title_bar .opr { float: right } .sub_title_bar h3 { font-weight: 400; font-style: normal; font-size: 14px } .sub_title_bar h4 { float: left; font-weight: 400; font-style: normal; font-size: 14px } .tool_bar { padding-bottom: 50px; padding-top: 20px } .tool_bar.simple_gap { margin-left: 20px; margin-bottom: 20px } .title_bar { padding: 0 20px; background-color: #f4f5f9; border-bottom: 1px solid #e7e7eb; line-height: 40px } .title_bar h3 { font-size: 14px; font-weight: 400; font-style: normal } .global_title_bar { *zoom: 1; background-color: #f4f5f9; font-size: 16px; border-bottom: 1px solid #e7e7eb } .global_title_bar:after { content: "\200B"; display: block; height: 0; clear: both } .global_title_bar .info { float: left } .global_title_bar .opr { float: right } .parent_title_bar { border-width: 1px } .sub_title_bar { padding: 0 30px; line-height: 55px } .sub_title_bar.default { background-color: #f4f5f9; border-bottom: 1px solid #e7e7eb } .sub_title_bar.light { background-color: #f4f5f9; border-bottom: 1px solid #e7e7eb } .sub_title_bar.in_dialog { background-color: #fff; padding: 0 20px; border-bottom: 1px solid #e7e7eb } .sub_title_bar.dark { background-color: #dfdfdf; background-image: -moz-linear-gradient(top, #dfdfdf 0, #dfdfdf 100%); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dfdfdf), to(#dfdfdf)); background-image: -webkit-linear-gradient(top, #dfdfdf 0, #dfdfdf 100%); background-image: -o-linear-gradient(top, #dfdfdf 0, #dfdfdf 100%); background-image: linear-gradient(to bottom, #dfdfdf 0, #dfdfdf 100%); border-bottom: 1px solid #bebebe; box-shadow: inset 0 1px 0 0 #ebebeb, 0 1px 2px #ddd; -moz-box-shadow: inset 0 1px 0 0 #ebebeb, 0 1px 2px #ddd; -webkit-box-shadow: inset 0 1px 0 0 #ebebeb, 0 1px 2px #ddd } .sub_title_bar.global { padding: 0; font-size: 16px } .sub_title_bar.no_extra { background: 0; border-bottom-width: 0; line-height: normal; padding: 0 } .tool_area { padding: 0 30px } button.btn { height: 32px; line-height: 28px } .btn button { display: block; height: 100%; background-color: transparent; border: 0; outline: 0; overflow: visible; padding: 0 22px } .btn.btn_input { padding: 0 } .btn.btn_input.btn_vcode { margin-left: 5px } .btn.btn_input.btn_vcode button { width: 110px; padding: 0 } .btn.btn_vcode { padding: 0; width: 110px; margin-left: 5px } .btn { display: inline-block; overflow: visible; padding: 0 22px; height: 30px; line-height: 30px; *line-height: 28px; vertical-align: middle; text-align: center; text-decoration: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size: 14px; border-width: 1px; border-style: solid; cursor: pointer } .btn:hover { text-decoration: none } .btn.btn_mini { height: 21px; line-height: 21px; *line-height: 19px; padding: 0 10px } .btn.btn_small { height: 25px; line-height: 25px; *line-height: 23px; padding: 0 12px } .btn.btn_large { height: 38px; line-height: 38px; *line-height: 36px; padding: 0 70px } .btn.btn_p20 { padding: 0 20px } .btn.btn_p30 { padding: 0 30px } .btn.btn_w125 { width: 125px; padding: 0 } .btn.btn_w150 { width: 150px; padding: 0 } .btn.btn_w220 { width: 220px; padding: 0 } .btn_default { background-color: #fff; background-image: -moz-linear-gradient(top, #fff 0, #fff 100%); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#fff)); background-image: -webkit-linear-gradient(top, #fff 0, #fff 100%); background-image: -o-linear-gradient(top, #fff 0, #fff 100%); background-image: linear-gradient(to bottom, #fff 0, #fff 100%); border-color: #e7e7eb; color: #222 } .btn_default button { color: #222 } .btn_default:hover { background-color: #e7e7eb; background-image: -moz-linear-gradient(top, #e7e7eb 0, #e7e7eb 100%); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e7e7eb), to(#e7e7eb)); background-image: -webkit-linear-gradient(top, #e7e7eb 0, #e7e7eb 100%); background-image: -o-linear-gradient(top, #e7e7eb 0, #e7e7eb 100%); background-image: linear-gradient(to bottom, #e7e7eb 0, #e7e7eb 100%); border-color: #dadbe0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; color: #222 } .btn_default:hover button { color: #222 } .btn_warn { background-color: #f24d4d; background-image: -moz-linear-gradient(top, #f24d4d 0, #f24d4d 100%); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f24d4d), to(#f24d4d)); background-image: -webkit-linear-gradient(top, #f24d4d 0, #f24d4d 100%); background-image: -o-linear-gradient(top, #f24d4d 0, #f24d4d 100%); background-image: linear-gradient(to bottom, #f24d4d 0, #f24d4d 100%); border-color: #f24d4d; color: #fff } .btn_warn button { color: #fff } .btn_warn:hover { background-color: #d43d3d; background-image: -moz-linear-gradient(top, #d43d3d 0, #d43d3d 100%); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d43d3d), to(#d43d3d)); background-image: -webkit-linear-gradient(top, #d43d3d 0, #d43d3d 100%); background-image: -o-linear-gradient(top, #d43d3d 0, #d43d3d 100%); background-image: linear-gradient(to bottom, #d43d3d 0, #d43d3d 100%); border-color: #d43d3d; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; color: #fff } .btn_warn:hover button { color: #fff } .btn_primary { background-color: #44b549; background-image: -moz-linear-gradient(top, #44b549 0, #44b549 100%); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#44b549), to(#44b549)); background-image: -webkit-linear-gradient(top, #44b549 0, #44b549 100%); background-image: -o-linear-gradient(top, #44b549 0, #44b549 100%); background-image: linear-gradient(to bottom, #44b549 0, #44b549 100%); border-color: #44b549; color: #fff } .btn_primary button { color: #fff } .btn_primary:hover { background-color: #2f9833; background-image: -moz-linear-gradient(top, #2f9833 0, #2f9833 100%); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2f9833), to(#2f9833)); background-image: -webkit-linear-gradient(top, #2f9833 0, #2f9833 100%); background-image: -o-linear-gradient(top, #2f9833 0, #2f9833 100%); background-image: linear-gradient(to bottom, #2f9833 0, #2f9833 100%); border-color: #2f9833; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; color: #fff } .btn_primary:hover button { color: #fff } .btn_disabled { background-color: #e7e7eb; background-image: -moz-linear-gradient(top, #e7e7eb 0, #e7e7eb 100%); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e7e7eb), to(#e7e7eb)); background-image: -webkit-linear-gradient(top, #e7e7eb 0, #e7e7eb 100%); background-image: -o-linear-gradient(top, #e7e7eb 0, #e7e7eb 100%); background-image: linear-gradient(to bottom, #e7e7eb 0, #e7e7eb 100%); border-color: #dadbe0; color: #a5a6aa; cursor: default } .btn_disabled button { color: #a5a6aa; cursor: default } .btn_disabled:hover { background-color: #e7e7eb; background-image: -moz-linear-gradient(top, #e7e7eb 0, #e7e7eb 100%); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e7e7eb), to(#e7e7eb)); background-image: -webkit-linear-gradient(top, #e7e7eb 0, #e7e7eb 100%); background-image: -o-linear-gradient(top, #e7e7eb 0, #e7e7eb 100%); background-image: linear-gradient(to bottom, #e7e7eb 0, #e7e7eb 100%); box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border-color: #dadbe0; color: #a5a6aa } .btn_disabled:hover button { color: #a5a6aa; cursor: default } .btn_loading { background-color: #e7e7eb; background-image: -moz-linear-gradient(top, #e7e7eb 0, #e7e7eb 100%); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e7e7eb), to(#e7e7eb)); background-image: -webkit-linear-gradient(top, #e7e7eb 0, #e7e7eb 100%); background-image: -o-linear-gradient(top, #e7e7eb 0, #e7e7eb 100%); background-image: linear-gradient(to bottom, #e7e7eb 0, #e7e7eb 100%); border-color: #dadbe0; color: #a5a6aa; cursor: default; position: relative } .btn_loading button { color: #a5a6aa; cursor: default } .btn_loading:hover { background-color: #e7e7eb; background-image: -moz-linear-gradient(top, #e7e7eb 0, #e7e7eb 100%); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e7e7eb), to(#e7e7eb)); background-image: -webkit-linear-gradient(top, #e7e7eb 0, #e7e7eb 100%); background-image: -o-linear-gradient(top, #e7e7eb 0, #e7e7eb 100%); background-image: linear-gradient(to bottom, #e7e7eb 0, #e7e7eb 100%); box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border-color: #dadbe0; color: #a5a6aa } .btn_loading:hover button { color: #a5a6aa; cursor: default } .btn_loading button { position: relative } .btn_loading i { position: absolute; top: 50%; left: 4px; margin-top: -8px; background: transparent url(/mpres/htmledition/common/images/icon/common/icon16_loading_light3a7b38.gif) no-repeat 0 0; width: 16px; height: 16px; vertical-align: middle; display: inline-block } .btn { min-width: 60px } .btn.btn_input { min-width: 104px } .btn.btn_input button { width: 100% } .btn.btn_add i { margin-right: 5px; margin-top: -2px; *margin-top: 2px } .btn.btn_add .add_gray:hover { background: url(images/base_z451259.png) 0 -440px no-repeat } .btn.btn_disabled .add_white { background: url(images/base_z451259.png) 0 -458px no-repeat } .btn.btn_small { min-width: 0 } .btn_loading i { width: 18px; height: 18px } .btn_loading.btn_primary { background-color: #2f9833; background-image: -moz-linear-gradient(top, #2f9833 0, #2f9833 100%); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2f9833), to(#2f9833)); background-image: -webkit-linear-gradient(top, #2f9833 0, #2f9833 100%); background-image: -o-linear-gradient(top, #2f9833 0, #2f9833 100%); background-image: linear-gradient(to bottom, #2f9833 0, #2f9833 100%); border-color: #2f9833; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; color: #fff } .btn_loading.btn_primary button { color: #fff } .btn_loading.btn_primary i { filter: alpha(opacity=70); -moz-opacity: .7; -khtml-opacity: .7; opacity: .7 } .btn_loading.btn_default { background-color: #e7e7eb; background-image: -moz-linear-gradient(top, #e7e7eb 0, #e7e7eb 100%); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e7e7eb), to(#e7e7eb)); background-image: -webkit-linear-gradient(top, #e7e7eb 0, #e7e7eb 100%); background-image: -o-linear-gradient(top, #e7e7eb 0, #e7e7eb 100%); background-image: linear-gradient(to bottom, #e7e7eb 0, #e7e7eb 100%); border-color: #dadbe0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; color: #222 } .btn_loading.btn_default button { color: #222 } .btn_primary_border { color: #44b549; border-color: #44b549; padding: 0 10px } .btn_primary_border:hover { color: #2f9833; border-color: #2f9833; background: #fff } .icon_msg { width: 56px; height: 56px; vertical-align: middle; display: inline-block } .icon_msg.success { background: url(images/base_z451259.png) 0 -476px no-repeat } .icon_msg.warn { background: url(images/base_z451259.png) 0 -536px no-repeat } .icon_msg.error { background: url(images/base_z451259.png) 0 -596px no-repeat } .icon_msg.mail { background: url(images/base_z451259.png) 0 -656px no-repeat } .icon_msg.waiting { background: url(images/base_z451259.png) 0 -716px no-repeat } .icon_msg.ask { background: transparent url(/mpres/htmledition/common/images/icon/msg/icon_msg_ask.png?__sprite) no-repeat 0 0 } .icon_msg.info { background: url(images/base_z451259.png) 0 -776px no-repeat } .icon_msg_mini { width: 16px; height: 16px; vertical-align: middle; display: inline-block } .icon_msg_mini.success { background: url(images/base_z451259.png) 0 -836px no-repeat } .icon_msg_mini.warn { background: url(images/base_z451259.png) 0 -856px no-repeat } .icon_msg_mini.info { background: url(images/base_z451259.png) 0 -876px no-repeat } .icon_msg_mini.waiting { background: url(images/base_z451259.png) 0 -896px no-repeat } .icon_msg_mini.ask { background: url(images/base_z451259.png) 0 -916px no-repeat } .icon_msg_small { width: 32px; height: 32px; vertical-align: middle; display: inline-block } .icon_msg_small.success { background: url(images/base_z451259.png) 0 -936px no-repeat } .icon_msg_small.warn { background: url(images/base_z451259.png) 0 -972px no-repeat } .icon_msg_small.info { background: url(images/base_z451259.png) 0 -1008px no-repeat } .icon_msg_small.waiting { background: url(images/base_z451259.png) 0 -1044px no-repeat } .icon_msg_small.ask { background: url(images/base_z451259.png) 0 -1080px no-repeat } .icon37_msg { width: 37px; height: 37px; vertical-align: middle; display: inline-block } .icon37_msg.success { background: url(images/base_z451259.png) 0 -1116px no-repeat } .icon37_msg.warn { background: url(images/base_z451259.png) 0 -1157px no-repeat } .icon37_msg.info { background: url(images/base_z451259.png) 0 -1198px no-repeat } .icon37_msg.error { background: url(images/base_z451259.png) 0 -1239px no-repeat } .icon37_msg.mail { background: url(images/base_z451259.png) 0 -1280px no-repeat } .icon37_msg.waiting { background: url(images/base_z451259.png) 0 -1321px no-repeat } .icon20_msg { width: 20px; height: 20px; vertical-align: middle; display: inline-block } .icon20_msg.success { background: url(images/base_z451259.png) 0 -1362px no-repeat } .icon20_msg.warn { background: url(images/base_z451259.png) 0 -1386px no-repeat } .icon20_msg.error { background: url(images/base_z451259.png) 0 -1410px no-repeat } .icon20_msg.info { background: url(images/base_z451259.png) 0 -1434px no-repeat } .icon18_msg { width: 18px; height: 18px; vertical-align: middle; display: inline-block } .icon18_msg.ask { background: url(images/base_z451259.png) 0 -1458px no-repeat } .icon18_msg.success { background: url(images/base_z451259.png) 0 -1480px no-repeat } .icon18_msg.warn { background: url(images/base_z451259.png) 0 -1502px no-repeat } .icon18_msg.error { background: url(images/base_z451259.png) 0 -1524px no-repeat } .icon18_msg.info { background: url(images/base_z451259.png) 0 -1546px no-repeat } .icon18_msg.waiting { background: url(images/base_z451259.png) 0 -1568px no-repeat } .page_msg .inner { position: relative; *zoom: 1; background-color: #e0eaf6 } .page_msg .inner:after { content: "\200B"; display: block; height: 0; clear: both } .page_msg .msg_icon_wrp, .page_msg .msg_icon_wrapper { float: left; margin-right: 10px; font-size: 0 } .page_msg .msg_content { overflow: hidden; *zoom: 1; padding-top: 5px } .page_msg .msg_opr { display: none; position: absolute; right: 10px; top: 50%; margin-top: -10px } .page_msg h4 { font-size: 16px; font-weight: 700 } .page_msg p { font-size: 14px; color: #8d8d8d } .page_msg .spacing { padding: .5em 0 2em } .page_msg .line_break_before { padding-top: 1em } .page_msg.large .inner { padding: 12px 70px } .page_msg.small .inner { padding: 20px 40px 20px 20px } .page_msg.mini .inner { padding: 9px 20px } .page_msg.mini .msg_icon_wrp { margin-top: 3px; margin-right: 6px } .page_msg.mini .msg_content { padding-top: 0 } .page_msg.single_line .msg_content { padding-top: 15px } .page_msg.default .inner { background-color: transparent; border: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none } .page_msg.simple { text-align: center } .page_msg.simple .inner { display: inline-block; *display: inline; *zoom: 1; text-align: left; min-width: 55% } .icon_msg { width: 46px; height: 46px; vertical-align: middle; display: inline-block } .icon_msg.success { background: url(images/base_z451259.png) 0 -1590px no-repeat } .icon_msg.warn { background: url(images/base_z451259.png) 0 -1640px no-repeat } .icon_msg.warn_primary { background: url(images/base_z451259.png) 0 -1690px no-repeat } .icon_msg.error { background: url(images/base_z451259.png) 0 -1740px no-repeat } .icon_msg.waiting { background: url(images/base_z451259.png) 0 -1790px no-repeat } .icon_msg.info { background: url(images/base_z451259.png) 0 -1840px no-repeat } .icon_msg.mail { background: url(images/base_z451259.png) 0 -1890px no-repeat } .icon_msg.phone { width: 144px; height: 144px; background: url(images/base_z_@all451259.png) 0 0 no-repeat } .icon_msg_primary { width: 46px; height: 46px; vertical-align: middle; display: inline-block } .icon_msg_primary.success { background: url(images/base_z451259.png) 0 -1940px no-repeat } .icon_msg_primary.warn { background: url(images/base_z451259.png) 0 -1990px no-repeat } .icon_msg_primary.waiting { background: url(images/base_z451259.png) 0 -2040px no-repeat } .icon_msg_primary.info { background: url(images/base_z451259.png) 0 -2090px no-repeat } .icon_msg_primary.mail { background: url(images/base_z451259.png) 0 -2140px no-repeat } .page_msg.mini p { color: #222 } .page_msg.single_line .msg_content { padding-top: 10px } .page_msg.with_closed { position: relative } .page_msg h4 { font-size: 14px; font-weight: 400; font-style: normal } .page_msg .msg_content { padding-top: 0 } .page_msg .msg_closed { position: absolute; right: 10px; top: 50%; margin-top: -5px; line-height: 300px; overflow: hidden; cursor: pointer; background: url(images/base_z451259.png) 0 -2190px no-repeat; width: 10px; height: 10px; vertical-align: middle; display: inline-block } .page_msg.announcement_msg { margin-bottom: 20px } .page_msg.announcement_msg.mini .inner { padding: 9px 20px; background-color: #e0eaf6 } .popover_close { display: none; position: absolute; right: 10px; top: 22px; background: url(images/base_z451259.png) 0 -2204px no-repeat } .popover_close:hover { background: url(images/base_z451259.png) 0 -2224px no-repeat } .popover { width: 257px; position: absolute; margin-top: 12px; z-index: 999 } .popover .popover_inner { border: 1px solid #d9dadc; word-wrap: break-word; word-break: break-all; padding: 30px; background-color: #fff; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none } .popover .popover_arrow { position: absolute; left: 50%; margin-left: -8px; margin-top: -8px; display: inline-block; width: 0; height: 0; border-width: 8px; border-style: dashed; border-color: transparent; border-top-width: 0; border-bottom-color: #d9dadc; border-bottom-style: solid } .popover .popover_arrow_out { top: 0 } .popover .popover_arrow_in { border-bottom-color: #fff; top: 1px } .popover .popover_title { font-size: 14px; font-weight: 700 } .popover .popover_tips { color: #8d8d8d } .popover .popover_bar { text-align: center; margin-top: 20px } .popover .popover_bar .btn { margin: 0 .3em } .popover.simple .popover_bar { text-align: left } .popover.simple .btn { margin-left: 0; margin-right: .6em } .popover.pos_left .popover_arrow { left: 42px } .popover.pos_right .popover_arrow { left: auto; right: 28px } .popover.pos_down_center .popover_arrow { top: auto; bottom: -8px; border-bottom-width: 0; border-top: 8px solid #fff } .popover.pos_down_center .popover_arrow_out { border-top-color: #d9dadc } .popover.normal_flow { position: relative; width: auto; z-index: 0 } .popover.normal_flow .popover_inner { padding: 14px 20px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border-color: #e7e7eb } .popover.normal_flow .popover_content { width: auto } .popover.normal_flow .popover_arrow_out { border-bottom-color: #e7e7eb } .popover.arrow_left { margin-left: 8px; margin-top: 0 } .popover.arrow_left .popover_arrow { top: 25px; left: 0; display: inline-block; width: 0; height: 0; border-width: 8px; border-style: dashed; border-color: transparent; border-left-width: 0; border-right-color: #d9dadc; border-right-style: solid } .popover.arrow_left .popover_arrow_in { left: 1px; border-right-color: #fff } .popover.z_top { z-index: 10000 } .popover { width: 290px; z-index: 99999; font-weight: normal; font-style: normal; text-align: left; color: #222; line-height: 1.6 } .popover .popover_title { font-weight: 400; font-style: normal; padding-bottom: 5px } .popover .frm_input_box { display: block; width: auto } .popover .popover_bar { text-align: justify; text-justify: distribute-all-lines; font-size: 0 } .popover .popover_bar:after { display: inline-block; width: 100%; height: 0; font-size: 0; margin: 0; padding: 0; overflow: hidden; content: "." } .popover .popover_bar .tj_item { font-size: 14px; text-align: left; text-justify: auto } .popover .popover_bar .btn { margin: 0 } .popover .popover_bar.tc { text-align: center } .popover.without_bar .popover_bar { display: none } .copylink_wrp { display: inline-block; *display: inline; *zoom: 1 } .copylink { display: inline-block } .icon_goback { background: url(images/base_z451259.png) 0 -2244px no-repeat; width: 26px; height: 26px; vertical-align: middle; display: inline-block; line-height: 100px; overflow: hidden } .icon_goback:hover { background: url(images/base_z451259.png) 0 -2274px no-repeat } .page_nav { margin: 26px 30px 40px; margin-left: 0; color: #9a9a9a } .page_nav .icon_goback { margin-right: 5px; display: none } .page_nav .gap { margin: 0 .35em } .page_nav a, .page_nav .gap { color: #44b549 } .page_nav a:hover { color: #44b549 } .page_nav.title_bottom { margin-top: 0 } .gototop { position: fixed; bottom: 100px; left: 0; right: 0 } .gototop_inner { width: 1024px; margin-left: auto; margin-right: auto; text-align: right } .gototop_tips { background: url(images/base_z451259.png) 0 -2304px no-repeat; width: 47px; height: 47px; vertical-align: middle; display: inline-block; cursor: pointer; line-height: 200px; overflow: hidden; margin-right: -80px } .page_tips { position: fixed; top: 0; left: 0; text-align: center; width: 100%; z-index: 10000 } .page_tips .inner { display: inline-block; *display: inline; *zoom: 1; min-width: 280px; padding: 5px 30px; color: #fff } .page_tips.success .inner { background-color: #44b549 } .page_tips.error .inner { background-color: #eaa000 } .mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; filter: alpha(opacity=75); -moz-opacity: .75; -khtml-opacity: .75; opacity: .75; background-color: #000; z-index: 9998 } .card_mask_global { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.7) !important; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#b3000000', endcolorstr='#b3000000'); cursor: pointer; color: #fff } .card_mask_global.vm_helper { text-align: center } .card_mask_global.vm_helper:after { content: " "; display: inline-block; vertical-align: middle; width: 0; height: 100%; overflow: hidden } .card_mask_global.vm_helper .icon_card_selected_global { position: static; margin: 0 } .card_mask_global.vm_helper p { margin-top: 5px } .card_mask_content { display: inline-block; vertical-align: middle; max-width: 100%; word-wrap: break-word; word-break: break-all } .icon_card_selected_global { position: absolute; top: 50%; left: 50%; margin-top: -23px; margin-left: -23px; background: url(images/base_z451259.png) 0 -2355px no-repeat; width: 46px; height: 46px; vertical-align: middle; display: inline-block } .table_wrp.list { padding: 20px } .table_wrp.list .table { border-top-width: 0 } .table_wrp.list .table_cell { vertical-align: top; padding-left: 20px; padding-right: 20px } .table_wrp.list .tbody .table_cell { padding-top: 15px; padding-bottom: 15px } .table_wrp.outside_border { border: 1px solid #e7e7eb; border-bottom-width: 0 } .table_wrp.with_border .table { border: 1px solid #e7e7eb } .table { width: 100%; font-size: 14px; background-color: #fff; text-align: center; border-top: 1px solid #e7e7eb; border-bottom: 1px solid #e7e7eb; border-spacing: 0 } .table_cell { padding: 0; font-weight: 400; font-style: normal } .thead { background-color: #f4f5f9 } .thead .table_cell { line-height: 32px; border-left: 1px solid #e7e7eb; border-bottom: 1px solid #e7e7eb } .thead .table_cell:first-child { border-left-width: 0 } .tbody tr:hover, .tbody tr.even { background-color: transparent } .tbody tr.empty_item:hover { background: 0 } .tbody tr:first-child .table_cell { border-top-width: 0 } .tbody .table_cell { padding-top: 6px; padding-bottom: 6px; border-top: 1px solid #e7e7eb } .thead .table_cell { border-left-width: 0; line-height: 40px; vertical-align: middle } .tbody .table_cell.hd_dropdown_area { padding-left: 30px } .tbody .table_cell { padding-top: 9px; padding-bottom: 9px } .table_cell { padding-left: 20px; padding-right: 20px } .table_cell:first-child { text-align: left } .table_cell.last_child { text-align: right } .tbody .table_cell.rank_area { padding-right: 34px } .table_wrp.inside_table .thead .table_cell { line-height: 32px } .table_wrp.with_opr_border { border: 1px solid #e7e7eb } .table_wrp.with_opr_border .table { border-width: 0 } .table_wrp.default_head_skin .thead { background-color: transparent } .table_wrp.gray_head_skin .table_opr { background-color: #f4f5f9 } .table_wrp.with_table_list .table { border: 1px solid #e7e7eb } .table_wrp.with_table_list .table_cell { vertical-align: top } .table_opr.with_btn_line { padding: 10px 20px } .table_opr_meta_btn { margin-right: 12px } .links_item { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; padding: 0 1em; line-height: 1em; *line-height: 18px; border-left: 1px solid #d9dadc } .links_item.no_extra { border-left-width: 0 } .links_item:first-child { border-left-width: 0 } .links_item a { display: block; color: #797979 } .links.tab_links { margin-left: -1em } .links.tab_links .links_item { border-left-color: #d9dadc } .links.tab_links .links_item:hover a { color: #222 } .links.tab_links .selected a { color: #222 } .faq { width: 178px; margin-top: -42px; position: relative; top: -18px; padding-left: 20px; font-size: 0 } .faq .links { text-align: left } .faq .links_item { padding: 0 .5em; font-size: 12px; *line-height: 15px } .faq .links_item a { color: #8d8d8d } .faq .links_item a:hover { color: #576b95 } .faq .links_item.no_extra { padding-left: 0 } .faq .tail { color: #8d8d8d; font-size: 12px; line-height: 30px } .weui-desktop-link_download:before { content: ""; background: url(images/base_z451259.png) 0 -2405px no-repeat; width: 18px; height: 16px; vertical-align: middle; display: inline-block; margin-top: -0.2em; margin-right: 5px } .pop_closed { background: url(images/base_z451259.png) 0 -2425px no-repeat } .pop_closed:hover { background: url(images/base_z451259.png) 0 -2445px no-repeat } .dialog_wrp { position: fixed; top: 50%; left: 50%; width: 726px; z-index: 3 } .dialog_wrp.label_block .frm_label { display: block; width: auto; float: none; font-size: 14px; margin-bottom: .5em } .dialog_wrp.cascade_input .frm_control_group { display: inline-block; *display: inline; *zoom: 1 } .dialog_wrp.cascade_input .frm_input_box, .dialog_wrp.cascade_input .frm_tips, .dialog_wrp.cascade_input .frm_msg { width: auto } .dialog_wrp.cascade_input .frm_input_box { display: block } .dialog_wrp.cascade_input .frm_controls { padding-left: 0 } .dialog_wrp.align_edge .dialog_bd { padding: 0 } .dialog_wrp.simple .dialog_bd { text-align: center } .dialog { overflow: hidden; border: 1px solid transparent; background-color: #fff; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0 } .dialog_hd { position: relative; padding: 0 20px; line-height: 38px; height: 38px; background-color: #f4f5f9; background-image: -moz-linear-gradient(top, #f4f5f9 0, #f4f5f9 100%); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f5f9), to(#f4f5f9)); background-image: -webkit-linear-gradient(top, #f4f5f9 0, #f4f5f9 100%); background-image: -o-linear-gradient(top, #f4f5f9 0, #f4f5f9 100%); background-image: linear-gradient(to bottom, #f4f5f9 0, #f4f5f9 100%); border-bottom: 1px solid #e7e7eb } .dialog_hd h3 { color: #222 } .pop_closed { position: absolute; top: 50%; margin-top: -8px; right: 20px; width: 16px; height: 16px; line-height: 999em; overflow: hidden } .dialog_bd { padding: 66px 45px 108px } .dialog_ft { margin: 0; padding: 25px 0; text-align: center; border-top: 1px solid transparent; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none } .dialog_ft .btn { margin-left: .3em; margin-right: .3em } .dialog_content_list { height: 420px; padding: 0 120px; overflow-y: scroll; position: relative } .simple_dialog_content { display: inline-block; *display: inline; *zoom: 1; text-align: left; width: 420px } .simple_dialog_content .frm_input_box, .simple_dialog_content .frm_textarea_box { display: block } .simple_dialog_content .frm_input_box, .simple_dialog_content .frm_textarea_box, .simple_dialog_content .frm_tips, .simple_dialog_content .frm_msg { width: auto } .dialog_with_tool_context .dialog_bd { position: relative } .dialog_tool_context { position: absolute; bottom: 0; left: 0; right: 0; text-align: center } .dialog_wrp { z-index: 9999 } .dialog { border-width: 0; overflow: visible } .dialog_ft { padding: 0; line-height: 65px; background-color: #f4f5f9; position: relative } .dialog_tool_tips { position: absolute; left: 20px; top: 20px; line-height: 1.6; color: #8d8d8d } .dialog_hd { line-height: 52px; height: 52px; border-bottom-width: 0 } .dialog_hd h3 { font-weight: 400; font-style: normal } .has_ft_desc .dialog_bd { position: relative } .has_ft_desc .dialog_ft_desc { position: absolute; bottom: -40px; left: 20px } .pop_closed { background: url(images/base_z451259.png) 0 -2465px no-repeat } .pop_closed:hover { background: url(images/base_z451259.png) 0 -2485px no-repeat } .dialog_with_tool_area .dialog_bd { position: relative } .dialog_tool_area { position: absolute; left: 0; right: 0; bottom: 20px; padding-left: 45px; padding-right: 45px; text-align: center } .dialog_tool_context { bottom: 20px } .s_dialog_ft { position: relative; padding: 26px 30px; background-color: #f4f5f9; text-align: center; border-top: 1px solid #e7e7eb } .s_dialog_ft .mini_tips { position: absolute; left: 20px; top: 20px; color: #8d8d8d; line-height: 1.6 } .s_dialog_ft .btn { margin: 0 .5em } .ml1e { margin-left: 1em } .dialog_process .form { padding-left: 45px; padding-right: 45px } .dialog_process .dialog_bd { padding: 0 0 55px } .dialog_process .processor_bar { margin-bottom: 45px } .safe_check .form .inner { width: 425px; margin: 0 auto } .safe_check .form .frm_hd { margin-bottom: 1.5em } .safe_check .form .frm_hd .frm_title { margin-bottom: 0; font-weight: 400; font-style: normal; font-size: 14px } .safe_check .form .frm_hd .frm_desc { color: #8d8d8d } .safe_check .form .frm_label { float: left; width: 5em; margin-bottom: 0; font-size: 14px } .safe_check .form .frm_radio_block_desc { padding-left: 23px } .safe_check .form .page_msg { margin-left: -14em } .safe_check .form_width_auto .inner { width: auto; max-width: 500px; margin: 0 auto } .safe_check .form_owner_info .frm_label { width: 8em } .safe_check .form_owner_info .inner { width: 500px } .safe_check .tool_bar { padding-bottom: 0 } .safe_check .tool_bar.tc { padding-left: 0; text-align: center } .safe_check h4 { font-weight: 400 } .page_msg .extra_msg h4 { font-weight: 400 } .qrcode_scan .js_status, .qrcode_scan .status_wrp { width: 280px } .qrcode_scan .qrcode_wrp { width: 280px; height: 280px } .bubble_tips { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; position: relative; color: #8d8d8d } .bubble_tips.warn { color: #8d8d8d } .bubble_tips.success { color: #7fba4f } .bubble_tips.gap_left { margin-left: 10px } .bubble_tips.gap_right { margin-right: 10px } .bubble_left { margin-left: 6px } .bubble_left .bubble_tips_arrow.in { left: -5px } .bubble_left .bubble_tips_arrow.out { border-right-color: #e7e7eb; left: -6px } .bubble_right { margin-right: 6px } .bubble_right .bubble_tips_arrow { border-left-width: 6px; border-right-color: transparent; border-right-style: dashed; border-right-width: 0; border-left-color: #fff; border-left-style: solid } .bubble_right .bubble_tips_arrow.in { right: -5px } .bubble_right .bubble_tips_arrow.out { border-left-color: #e7e7eb; right: -6px } .bubble_top { margin-top: 6px } .bubble_top .bubble_tips_arrow { border-left-width: 6px; border-right-color: transparent; border-right-style: dashed; border-top-width: 0; border-bottom-color: #fff; border-bottom-style: solid; left: 50%; margin-left: -6px } .bubble_top .bubble_tips_arrow.in { top: 1px } .bubble_top .bubble_tips_arrow.out { border-bottom-color: #e7e7eb; top: 0 } .bubble_bottom { margin-bottom: 6px } .bubble_bottom .bubble_tips_arrow { border-left-width: 6px; border-right-color: transparent; border-right-style: dashed; border-bottom-width: 0; border-top-color: #fff; border-top-style: solid; top: auto; margin-top: 0; margin-bottom: -6px; left: 50%; margin-left: -6px } .bubble_bottom .bubble_tips_arrow.in { bottom: 1px } .bubble_bottom .bubble_tips_arrow.out { border-top-color: #e7e7eb; bottom: 0 } .bubble_tips_inner { padding: 4.5px 10px; border: 1px solid #e7e7eb; line-height: 21px; background-color: #fff; word-wrap: break-word; word-break: break-all } .bubble_tips_arrow { position: absolute; top: 50%; margin-top: -6px; display: inline-block; width: 0; height: 0; border-width: 6px; border-style: dashed; border-color: transparent; border-left-width: 0; border-right-color: #fff; border-right-style: solid } .icon_dropdown_switch, .icon_rank { display: inline-block; vertical-align: middle; margin-top: -3px; position: relative; width: 10px; height: 12px } .icon_dropdown_switch .arrow, .icon_rank .arrow { display: inline-block; width: 0; height: 0; border-width: 5px; border-style: dashed; border-color: transparent; border-top-width: 0; border-bottom-color: #c6c6c6; border-bottom-style: solid; vertical-align: top } .icon_dropdown_switch .arrow_down, .icon_rank .arrow_down { position: absolute; left: 0; bottom: 0; border-bottom-color: transparent; border-bottom-style: dashed; border-top-width: 5px; border-top-color: #c6c6c6; border-top-style: solid; border-bottom-width: 0 } .dropdown_switch_area:hover, .rank_area:hover { cursor: pointer } .dropdown_switch_area:hover .arrow_down, .rank_area:hover .arrow_down { border-top-color: #a0a0a0 } .dropdown_switch_area:hover .arrow_up, .rank_area:hover .arrow_up { border-bottom-color: #a0a0a0 } .tbody .rank_area:hover, .s_tbody .rank_area:hover { cursor: text } .dropdown_closed .arrow_up, .rank_down .arrow_up { display: none } .dropdown_closed .arrow_down, .rank_down .arrow_down { bottom: 3px } .dropdown_opened .arrow_down, .rank_up .arrow_down { display: none } .dropdown_opened .arrow_up, .rank_up .arrow_up { margin-top: 3px } .icon20_common { width: 20px; height: 20px; vertical-align: middle; display: inline-block } .icon20_common.add_gray { background: url(images/base_z451259.png) 0 -2505px no-repeat } .icon35_common { width: 35px; height: 35px; vertical-align: middle; display: inline-block } .icon35_common.add_gray { background: url(images/base_z451259.png) 0 -2529px no-repeat } .icon36_common { width: 36px; height: 36px; vertical-align: middle; display: inline-block } .icon36_common.add_gray { background: url(images/base_z451259.png) 0 -2568px no-repeat } .create_access { display: block; border: 2px dotted #d9dadc; line-height: 80px; text-align: center; margin-bottom: 20px } .create_access i { cursor: pointer; line-height: 300px; overflow: hidden } .create_access a { display: none; vertical-align: middle; margin-left: 10px; margin-right: 10px; color: #8d8d8d; font-size: 14px; line-height: normal } .create_access a strong { display: block; padding-top: 3px; font-weight: 400; font-style: normal } .create_access:hover { border-color: #b3b3b3 } .create_access:hover .add_gray { display: none } .create_access:hover a { display: inline-block } .create_access_square_wrp { display: inline-block; width: 100px; height: 100px } .create_access_square_wrp .create_access_primary { line-height: 96px } .create_access_primary { display: block; border: 2px dotted #d9dadc; line-height: 60px; font-size: 0; text-align: center; margin-bottom: 20px } .create_access_primary i { cursor: pointer; line-height: 300px; overflow: hidden } .create_access_primary:hover { border-color: #b3b3b3 } .create_access_primary:hover .icon20_common { background: url(images/base_z451259.png) 0 -2608px no-repeat } .create_access_primary:hover .icon35_common { background: url(images/base_z451259.png) 0 -2632px no-repeat } .create_access_primary:hover .icon36_common { background: url(images/base_z451259.png) 0 -2671px no-repeat } .create_access_primary:hover .icon42_common { background: url(images/base_z451259.png) 0 -2711px no-repeat } .scale_tips { position: fixed; top: 0; left: 0; right: 0; background-color: #fcf6e6; line-height: 56px; *height: 52px; white-space: nowrap; color: #8d8d8d; text-align: center; z-index: 3 } .icon_scale_tips { background: url(images/base_z451259.png) 0 -2757px no-repeat; width: 20px; height: 20px; vertical-align: middle; display: inline-block; margin-top: -0.2em; *margin-top: 0; margin-right: .5em } .scale_tips_content { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle } .faqscene { position: fixed; z-index: 3; bottom: 320px; left: 0; right: 0; height: 0 } .faqscene .faqscene_inner { width: 1200px; height: 0; margin: 0 auto; position: relative } .faqscene .faqscene_name { float: right; text-align: center; width: 20px; padding: 15px 6px; margin-right: -33px; line-height: 20px; background-color: #fff; border: 1px solid #b3b3b4; cursor: default } .faqscene .faqscene_panel { position: absolute; right: 0; bottom: -112px; padding: 15px 20px; min-width: 300px; max-width: 380px; word-wrap: break-word; word-break: break-all; background-color: #fff; border: 1px solid #b3b3b4; box-shadow: 0 2px #d5d5d5; -moz-box-shadow: 0 2px #d5d5d5; -webkit-box-shadow: 0 2px #d5d5d5 } .faqscene .faqscene_hd { font-size: 16px } .faqscene .faqscene_tabs a { color: #222 } .faqscene .faqscene_tabs .faqscene_tab_hd { padding: 10px 0 4px; border-bottom: 1px solid #e7e7eb } .faqscene .faqscene_tabs .faqscene_tab_hd li { display: inline-block; *display: inline; *zoom: 1; width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; margin-left: 10px } .faqscene .faqscene_tabs .faqscene_tab_hd li:first-child { margin-left: 0 } .faqscene .faqscene_tabs .faqscene_tab_hd li a { color: #888; text-decoration: none } .faqscene .faqscene_tabs .faqscene_tab_hd li a:hover, .faqscene .faqscene_tabs .faqscene_tab_hd li a.active { color: #222 } .faqscene .faqscene_tabs .faqscene_tab_hd ul { width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal } .faqscene .faqscene_tabs .faqscene_tab_bd { padding-top: 5px } .faqscene .faqscene_tabs .faqscene_tab_bd ul { padding: 4px 0; min-height: 100px } .faqscene .faqscene_tabs .faqscene_tab_bd li { line-height: 30px; position: relative; padding-left: 10px; width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal } .faqscene .faqscene_tabs .faqscene_tab_bd li:before { content: ' '; font-size: 0; width: 4px; height: 4px; background-color: #c7c7c7; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; position: absolute; top: 50%; left: 0; margin-top: -2px } .faqscene .faqscene_tabs .faqscene_tab_bd a:hover { color: #576b95 } .faqscene .faqscene_ft { padding-left: 10px } .faqscene .faqscene_close { position: absolute; top: 17px; right: 16px; display: inline-block; *display: inline; *zoom: 1; width: 18px; height: 18px; text-align: center; line-height: 999px; overflow: hidden; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAElBMVEUAAACen6Gen6Gen6Gen6Gen6HHskWrAAAABXRSTlMAowNbXKRhl0MAAAA2SURBVAjXYyAeGCowMAmDWaJCDIqBIAaQUgJyQIBJVDBQgQEiGAoUgrMQsggdCFPgJosQ7xAAAoEFuCOFwmEAAAAASUVORK5CYII=') } .faqscene .faqscene_close:hover { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAElBMVEUAAACHhoaHhoaHhoaHhoaHhoYqfBoTAAAABXRSTlMAowNbXKRhl0MAAAA2SURBVAjXYyAeGCowMAmDWaJCDIqBIAaQUgJyQIBJVDBQgQEiGAoUgrMQsggdCFPgJosQ7xAAAoEFuCOFwmEAAAAASUVORK5CYII=') } .faqscene_qrcode_panel { position: absolute; right: 0; text-align: center; padding: 10px 20px 15px; border: 1px solid #b3b3b4; background-color: #fff } .faqscene_qrcode_panel strong { font-weight: 400 } .faqscene_qrcode_panel img { display: block; margin: 0 auto; width: 110px; height: 110px } .profile_link_msg_global.send { margin: -15px 0 20px } .profile_link_msg_global.send_msg { margin-top: -9px } .profile_link_msg_global.reply { margin: -15px 0 20px } .profile_link_msg_global.keywords { margin: 0 30px 20px } .profile_link_msg_global.menu_send { margin-top: 4px } .profile_link_msg_global.menu_url { margin: 4px 0 -10px } .profile_link_msg_global.source_url { margin-left: 1.7em } .icon_menu { width: 18px; height: 18px; vertical-align: middle; display: inline-block } .icon_menu.service { background: url(images/base_z451259.png) 0 -2781px no-repeat } .icon_menu_switch { background: url(images/base_z451259.png) 0 -2803px no-repeat; width: 16px; height: 16px; vertical-align: middle; display: inline-block } .closed .icon_menu_switch { background: url(images/base_z451259.png) 0 -2823px no-repeat } .closed.selected .icon_menu_switch { background: url(images/base_z451259.png) 0 -2843px no-repeat } .menu_box { margin-bottom: 150px } .menu { padding-top: 6px; *font-size: 0 } .menu.closed .menu_item { display: none } .menu_title { position: relative; padding: 0 30px 0; width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; line-height: 34px; *font-size: 14px; color: #8d8d8d } .menu_title .new { margin-left: 3px } .menu_title a { display: block; padding: 0 30px 0; color: #222; text-decoration: none } .menu_title a:hover { text-decoration: none } .menu_title.clickable { padding: 0 } .menu_title.clickable i { cursor: pointer } .menu_title.clickable:hover { background-color: #f4f5f9 } .menu_title.selected { background-color: #44b549; color: #fff } .menu_title.selected:hover { background-color: #44b549 } .menu_title.selected a { color: #fff } .menu_item { line-height: 34px; *font-size: 14px } .menu_item a { display: block; padding: 0 20px 0 58px; width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; color: #222 } .menu_item a:hover { text-decoration: none } .icon_menu { margin-right: 10px; margin-top: -0.2em; *margin-top: 0 } .icon_menu_switch { position: absolute; right: 16px; top: 50%; margin-top: -9px } .menu { padding-bottom: 6px; border-top: 1px solid #e7e7eb } .menu.no_extra { border-top-width: 0; margin-top: 13px } .menu.extra { border-bottom: 1px solid #e7e7eb } .menu_title { margin-bottom: 0 } .menu_item:hover { background-color: #f4f5f9 } .menu_item.selected { background-color: #44b549; color: #fff } .menu_item.selected a { color: #fff } .menu_plugins { padding: 10px 0; *font-size: 14px } .menu_plugins .btn_plugins_add { display: block; line-height: 34px; color: #8d8d8d; padding-left: 41px; width: 121px; margin: 0 auto; background: url(images/base_z451259.png) 0 -2863px no-repeat; cursor: pointer } .menu_plugins .btn_plugins_add:hover { text-decoration: none; color: #222; background: url(images/base_z451259.png) 0 -2901px no-repeat } .menu_plugins .btn_plugins_add i { margin-right: 5px } .ad_menu { margin-bottom: 150px } .ad_menu .ad_menu_list { width: 100%; padding: 10px 0 } .ad_menu .ad_menu_list .ad_menu_item { width: 100% } .ad_menu .ad_menu_list .ad_menu_item .menu_link { display: block; padding: 10px 15px; color: #222 } .ad_menu .ad_menu_list .ad_menu_item .menu_link .business_logo { width: 36px; height: 36px; display: inline-block; vertical-align: top } .ad_menu .ad_menu_list .ad_menu_item .menu_link .business_name { vertical-align: top; width: 100px; margin-left: 6px; max-height: 40px; display: inline-block; margin-top: -6px } .ad_menu .ad_menu_list .ad_menu_item .menu_link:hover, .ad_menu .ad_menu_list .ad_menu_item .menu_link:visited { background-color: #f0f1f3; text-decoration: none } .ad_menu .ad_menu_list .ad_menu_item.selected { background-color: #f0f1f3 } .menu_primary_box { width: 208px } .menu_primary_item { line-height: 32px } .menu_primary_item:hover { background-color: #f4f5f9 } .menu_primary_item.selected { background-color: #44b549 } .menu_primary_item.selected .menu_primary_link { color: #fff } .menu_primary_item.sub .menu_primary_link strong { margin-left: 28px } .menu_primary_link { display: block; color: #222 } .menu_primary_link:hover { text-decoration: none } .menu_primary_link strong { display: block; cursor: pointer; margin: 0 14px; width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; font-weight: 400; font-style: normal } .inner_menu_box.sorting .inner_menu_item { background-color: #fff } .inner_menu_box.sorting .menu_opr { display: block } .inner_menu_box.gray .inner_menu.dragging dt.inner_menu_item { background-color: #f4f5f9 } .inner_menu_box.gray .inner_menu_item:hover, .inner_menu_box.gray .inner_menu_item.selected { background-color: #f4f5f9 } .inner_menu_box.gray.sorting .inner_menu_item { background-color: #fff } .inner_menu_box.gray.sorting .inner_menu_item.dragging { background-color: #f4f5f9 } .inner_menu_box.with_switch .icon_dot { position: absolute; top: 50%; left: 25px; margin-top: -14px; -webkit-transform: scale(0.8); font-size: 10px } .inner_menu_box.with_switch dt .inner_menu_link { padding-left: 20px } .inner_menu_box.with_switch dd .inner_menu_link { padding-left: 36px } .inner_menu { border-top: 1px solid #e7e7eb } .inner_menu:first-child { border-top-width: 0 } .inner_menu .menu_opr { display: none; position: absolute; top: 0; right: 1em } .inner_menu .menu_opr a { display: inline-block; margin-left: .5em; margin-top: -0.2em } .inner_menu .menu_opr a.no_extra { margin-left: 0 } .inner_menu.no_extra { border-top-width: 0 } .inner_menu_item { position: relative; line-height: 32px } .inner_menu_item:hover, .inner_menu_item.selected { background-color: #f4f5f9 } .inner_menu_item:hover .menu_opr, .inner_menu_item.selected .menu_opr { display: block } .inner_menu_item:hover a, .inner_menu_item.selected a { text-decoration: none } .inner_menu_link { display: block; color: #222; padding-left: 1em; text-decoration: none } .inner_menu_link strong { display: inline-block; margin-top: -2px; width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; max-width: 80px; font-weight: 400; font-style: normal; vertical-align: middle; cursor: pointer } .icon_dot { display: inline-block; font-weight: 400; font-style: normal; vertical-align: middle; margin-top: -0.2em; margin-right: 5px; font-size: 14px; color: #d5d5d5 } .icon_arrow_default { background: url(images/base_z451259.png) 0 -2939px no-repeat; width: 16px; height: 15px; vertical-align: middle; display: inline-block; line-height: 300px; overflow: hidden } .icon_common.new { margin-left: 6px; background: url(images/base_z451259.png) 0 -2958px no-repeat; width: 18px; height: 12px; vertical-align: middle; display: inline-block; line-height: 100px; overflow: hidden } .icon_common.beta { margin-top: -5px; margin-left: 3px; background: url(images/base_z451259.png) 0 -2971px no-repeat; width: 25px; height: 12px; vertical-align: middle; display: inline-block; line-height: 100px; overflow: hidden } .icon13_common { width: 13px; height: 13px; vertical-align: middle; display: inline-block; line-height: 100px; overflow: hidden } .icon13_common.arrow_right_gray { background: transparent url(/mpres/htmledition/common/images/icon/common/icon13_arrow_right_gray3a7b38.png) no-repeat 0 0 } .icon14_common { width: 14px; height: 14px; vertical-align: middle; display: inline-block; line-height: 100px; overflow: hidden } .icon14_common.rank_gray { cursor: pointer; background: url(images/base_z451259.png) 0 -2988px no-repeat } .icon14_common.rank_gray:hover { background: url(images/base_z451259.png) 0 -3006px no-repeat } .single_up .icon14_common.rank_gray, .icon14_common.rank_gray.single_up { background: url(images/base_z451259.png) 0 -3024px no-repeat } .single_up .icon14_common.rank_gray:hover, .icon14_common.rank_gray.single_up:hover { background: url(images/base_z451259.png) 0 -3042px no-repeat } .single_down .icon14_common.rank_gray, .icon14_common.rank_gray.single_down { background: url(images/base_z451259.png) 0 -3060px no-repeat } .single_down .icon14_common.rank_gray:hover, .icon14_common.rank_gray.single_down:hover { background: url(images/base_z451259.png) 0 -3078px no-repeat } .icon14_common.add_white { background: url(images/base_z451259.png) 0 -3096px no-repeat } .icon14_common.add_gray { background: url(images/base_z451259.png) 0 -3114px no-repeat } .icon14_common.add_gray:hover { background: url(images/base_z451259.png) 0 -3132px no-repeat } .icon14_common.edit_gray { background: url(images/base_z451259.png) 0 -3150px no-repeat } .icon14_common.edit_gray:hover { background: url(images/base_z451259.png) 0 -3168px no-repeat } .icon14_common.del_gray { background: url(images/base_z451259.png) 0 -3186px no-repeat } .icon14_common.del_gray:hover { background: url(images/base_z451259.png) 0 -3204px no-repeat } .icon14_common.sort_gray { background: url(images/base_z451259.png) 0 -3222px no-repeat } .icon14_common.sort_gray:hover { background: url(images/base_z451259.png) 0 -3240px no-repeat } .icon14_common.add_blue { background: url(images/base_z451259.png) 0 -3258px no-repeat } .icon14_common.switch_gray { background: url(images/base_z451259.png) 0 -3276px no-repeat } .icon14_common.switch_gray:hover { background: url(images/base_z451259.png) 0 -3294px no-repeat } a:hover .icon14_common.switch_gray { background: url(images/base_z451259.png) 0 -3312px no-repeat } .icon16_common { width: 16px; height: 16px; vertical-align: middle; display: inline-block; line-height: 100px; overflow: hidden } .icon16_common.waiting_gray { background: url(images/base_z451259.png) 0 -3330px no-repeat } .icon16_common.close { background: url(images/base_z451259.png) 0 -3350px no-repeat } .icon16_common.close:hover { background: url(images/base_z451259.png) 0 -3370px no-repeat } .icon16_common.close_flat { background: url(images/base_z451259.png) 0 -3390px no-repeat } .icon16_common.close_flat:hover { background: url(images/base_z451259.png) 0 -3410px no-repeat } .icon16_common.edit_gray { background: url(images/base_z451259.png) 0 -3430px no-repeat } .icon16_common.del_gray { background: url(images/base_z451259.png) 0 -3450px no-repeat } .icon16_common.enter_gray { background: url(images/base_z451259.png) 0 -3470px no-repeat } .icon16_common.enter_gray.frm_input_append { margin-top: -8px } .icon16_common.star_gray { background: url(images/base_z451259.png) 0 -3490px no-repeat } .icon16_common.star_gray:hover { background: url(images/base_z451259.png) 0 -3509px no-repeat } .icon16_common.star_blue { background: url(images/base_z451259.png) 0 -3529px no-repeat } .icon16_common.star_orange { background: url(images/base_z451259.png) 0 -3549px no-repeat } .icon16_common.star_orange:hover { background: url(images/base_z451259.png) 0 -3571px no-repeat } .icon16_common.woman_orange { background: url(images/base_z451259.png) 0 -3591px no-repeat } .icon16_common.man_blue { background: url(images/base_z451259.png) 0 -3611px no-repeat } .icon16_common.reply_blue { background: url(images/base_z451259.png) 0 -3631px no-repeat } .icon16_common.reply_blue:hover { background: url(images/base_z451259.png) 0 -3651px no-repeat } .icon16_common.del_gray { background: url(images/base_z451259.png) 0 -3671px no-repeat } .icon16_common.del_gray:hover { background: url(images/base_z451259.png) 0 -3691px no-repeat } .icon16_common.search_gray { background: url(images/base_z451259.png) 0 -3711px no-repeat } .icon16_common.sort_gray { background: url(images/base_z451259.png) 0 -3731px no-repeat } .icon16_common.sort_gray:hover { background: url(images/base_z451259.png) 0 -3751px no-repeat } .icon16_common.add_gray { background: url(images/base_z451259.png) 0 -3771px no-repeat } .icon16_common.add_gray:hover { background: url(images/base_z451259.png) 0 -3791px no-repeat } .icon16_common.save_gray { background: url(images/base_z451259.png) 0 -3811px no-repeat } .icon16_common.save_gray:hover { background: url(images/base_z451259.png) 0 -3831px no-repeat } .icon18_common { width: 18px; height: 18px; vertical-align: middle; display: inline-block; line-height: 100px; overflow: hidden } .icon18_common.woman_orange { background: url(images/base_z451259.png) 0 -3851px no-repeat } .icon18_common.man_blue { background: url(images/base_z451259.png) 0 -3873px no-repeat } .icon18_common.error { background: url(images/base_z451259.png) 0 -3895px no-repeat } .icon18_common.add_blue { background: url(images/base_z451259.png) 0 -3917px no-repeat } .selected .icon18_common.add_blue { background: url(images/base_z451259.png) 0 -3939px no-repeat } .icon18_common.add_white { background: url(images/base_z451259.png) 0 -3961px no-repeat } .icon18_common.del_blue { background: url(images/base_z451259.png) 0 -3983px no-repeat } .icon18_common.del_blue:hover { background: url(images/base_z451259.png) 0 -4005px no-repeat } .icon18_common.del_gray { background: url(images/base_z451259.png) 0 -4027px no-repeat } a:hover .icon18_common.del_gray, .icon18_common.del_gray:hover { background: url(images/base_z451259.png) 0 -4049px no-repeat } .icon18_common.link_gray { background: url(images/base_z451259.png) 0 -4071px no-repeat } .icon18_common.link_gray:hover, .hover .icon18_common.link_gray, a:hover .icon18_common.link_gray { background: url(images/base_z451259.png) 0 -4093px no-repeat } .icon18_common.download_blue { background: url(images/base_z451259.png) 0 -4115px no-repeat } .icon18_common.download_blue:hover { background: url(images/base_z451259.png) 0 -4137px no-repeat } .icon18_common.upload_gray { background: url(images/base_z451259.png) 0 -4159px no-repeat } .icon18_common.upload_gray:hover { background: url(images/base_z451259.png) 0 -4181px no-repeat } .icon18_common.download_simple_gray { background: url(images/base_z451259.png) 0 -4203px no-repeat } .icon18_common.download_simple_gray:hover, a:hover .icon18_common.download_simple_gray { background: url(images/base_z451259.png) 0 -4225px no-repeat } .icon18_common.download_gray { background: url(images/base_z451259.png) 0 -4247px no-repeat } .icon18_common.download_gray:hover, a:hover .icon18_common.download_gray { background: url(images/base_z451259.png) 0 -4269px no-repeat } .icon18_common.move_gray { background: url(images/base_z451259.png) 0 -4291px no-repeat } .icon18_common.move_gray:hover, a:hover .icon18_common.move_gray { background: url(images/base_z451259.png) 0 -4313px no-repeat } .icon18_common.reply_gray { background: url(images/base_z451259.png) 0 -4335px no-repeat } .icon18_common.reply_gray:hover { background: url(images/base_z451259.png) 0 -4357px no-repeat } .icon18_common.star_gray { background: url(images/base_z451259.png) 0 -4379px no-repeat } .icon18_common.star_gray:hover { background: url(images/base_z451259.png) 0 -4401px no-repeat } .icon18_common.save_gray { background: url(images/base_z451259.png) 0 -4423px no-repeat } .icon18_common.save_gray:hover { background: url(images/base_z451259.png) 0 -4445px no-repeat } .icon18_common.edit_blue { background: url(images/base_z451259.png) 0 -4467px no-repeat } .icon18_common.edit_blue:hover { background: url(images/base_z451259.png) 0 -4489px no-repeat } .selected .icon18_common.edit_blue { background: url(images/base_z451259.png) 0 -4511px no-repeat } .icon18_common.zoomout_gray { background: url(images/base_z451259.png) 0 -4533px no-repeat } .icon18_common.zoomout_gray:hover, a:hover .icon18_common.zoomout_gray { background: url(images/base_z451259.png) 0 -4555px no-repeat } .icon18_common.edit_gray { background: url(images/base_z451259.png) 0 -4577px no-repeat } .icon18_common.edit_gray:hover, a:hover .icon18_common.edit_gray { background: url(images/base_z451259.png) 0 -4599px no-repeat } .icon18_common.star_orange { background: url(images/base_z451259.png) 0 -4621px no-repeat } .icon18_common.save_blue { background: url(images/base_z451259.png) 0 -4643px no-repeat } .icon18_common.save_blue:hover { background: url(images/base_z451259.png) 0 -4665px no-repeat } .icon18_common.qrcode_gray { background: url(images/base_z451259.png) 0 -4687px no-repeat } .icon18_common.qrcode_gray:hover, a:hover .icon18_common.qrcode_gray { background: url(images/base_z451259.png) 0 -4709px no-repeat } .icon20_common { width: 20px; height: 20px; vertical-align: middle; display: inline-block; line-height: 100px; overflow: hidden } .icon20_common.reply_gray { background: url(images/base_z451259.png) 0 -4731px no-repeat } .icon20_common.reply_gray:hover { background: url(images/base_z451259.png) 0 -4755px no-repeat } .icon20_common.speaker { background: url(images/base_z451259.png) 0 -4779px no-repeat } .icon20_common.sort_gray { background: url(images/base_z451259.png) 0 -4799px no-repeat } .icon20_common.sort_up_white { background: url(images/base_z451259.png) 0 -4824px no-repeat } .icon20_common.sort_down_white { background: url(images/base_z451259.png) 0 -4848px no-repeat } .icon20_common.edit_media_white { background: url(images/base_z451259.png) 0 -4872px no-repeat } .icon20_common.del_media_white { background: url(images/base_z451259.png) 0 -4896px no-repeat } .icon21_common { width: 21px; height: 21px; vertical-align: middle; display: inline-block; line-height: 100px; overflow: hidden } .icon21_common.error { background: url(images/base_z451259.png) 0 -4920px no-repeat } .icon21_common.success { background: url(images/base_z451259.png) 0 -4945px no-repeat } .icon21_common.waiting { background: url(images/base_z451259.png) 0 -4970px no-repeat } .icon22_common { width: 22px; height: 22px; vertical-align: middle; display: inline-block; line-height: 100px; overflow: hidden } .icon22_common.checked { background: url(images/base_z451259.png) 0 -4995px no-repeat } .icon22_common.error { background: url(images/base_z451259.png) 0 -5021px no-repeat } .icon22_common.success { background: url(images/base_z451259.png) 0 -5047px no-repeat } .icon22_common.fail { background: url(images/base_z451259.png) 0 -5073px no-repeat } .icon24_common { width: 24px; height: 24px; vertical-align: middle; display: inline-block; line-height: 100px; overflow: hidden } .icon24_common.add_gray { background: url(images/base_z451259.png) 0 -5099px no-repeat } .icon24_common.sort_up_white { background: url(images/base_z451259.png) 0 -5127px no-repeat } .icon24_common.sort_down_white { background: url(images/base_z451259.png) 0 -5155px no-repeat } .icon24_common.del_media_white { background: url(images/base_z451259.png) 0 -5183px no-repeat } .icon28_common { width: 28px; height: 28px; vertical-align: middle; display: inline-block; line-height: 100px; overflow: hidden } .icon28_common.upload_blue { background: url(images/base_z451259.png) 0 -5211px no-repeat } .icon_dot { font-family: "Microsoft YaHei", sans-serif } .icon12_del { display: inline-block; text-decoration: none; vertical-align: middle; font-weight: 400; font-style: normal; cursor: pointer; font-size: 12px; color: #b3b3b3 } .icon12_del:hover { color: #545454 } .icon_loading_small { width: 40px; height: 40px; vertical-align: middle; display: inline-block; line-height: 100px; overflow: hidden } .icon_loading_small.white { background: transparent url(/mpres/htmledition/images/icon/loading/icon40_loading_white3a7b38.gif) no-repeat 0 0 } .icon_loading_small.gray { background: transparent url(/mpres/htmledition/images/icon/loading/icon40_loading_gray3a7b38.gif) no-repeat 0 0 } .icon32_loading { width: 32px; height: 32px; vertical-align: middle; display: inline-block; line-height: 100px; overflow: hidden } .icon46_loading { width: 46px; height: 46px; vertical-align: middle; display: inline-block; line-height: 100px; overflow: hidden } .icon46_loading.light { width: 46px; height: 46px; vertical-align: middle; display: inline-block; -webkit-animation: loadingAnimation 1.6s linear infinite forwards; -moz-animation: loadingAnimation 1.6s linear infinite forwards; -ms-animation: loadingAnimation 1.6s linear infinite forwards; animation: loadingAnimation 1.6s linear infinite forwards } @-webkit-keyframes loadingAnimation { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(0deg) } 25% { -webkit-transform-origin: center center; -webkit-transform: rotate(90deg) } 50% { -webkit-transform-origin: center center; -webkit-transform: rotate(180deg) } 75% { -webkit-transform-origin: center center; -webkit-transform: rotate(270deg) } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(360deg) } } @-moz-keyframes loadingAnimation { 0% { -moz-transform-origin: center center; -moz-transform: rotate(0deg) } 25% { -moz-transform-origin: center center; -moz-transform: rotate(90deg) } 50% { -moz-transform-origin: center center; -moz-transform: rotate(180deg) } 75% { -moz-transform-origin: center center; -moz-transform: rotate(270deg) } 100% { -moz-transform-origin: center center; -moz-transform: rotate(360deg) } } @-ms-keyframes loadingAnimation { 0% { -ms-transform-origin: center center; -ms-transform: rotate(0deg) } 25% { -ms-transform-origin: center center; -ms-transform: rotate(90deg) } 50% { -ms-transform-origin: center center; -ms-transform: rotate(180deg) } 75% { -ms-transform-origin: center center; -ms-transform: rotate(270deg) } 100% { -ms-transform-origin: center center; -ms-transform: rotate(360deg) } } @keyframes loadingAnimation { 0% { transform-origin: center center; transform: rotate(0deg) } 25% { transform-origin: center center; transform: rotate(90deg) } 50% { transform-origin: center center; transform: rotate(180deg) } 75% { transform-origin: center center; transform: rotate(270deg) } 100% { transform-origin: center center; transform: rotate(360deg) } } .icon_mini_tips { width: 16px; height: 16px; vertical-align: middle; display: inline-block; line-height: 100px; overflow: hidden } .icon_mini_tips.document_link { background: url(images/base_z451259.png) 0 -5243px no-repeat } .icon_mini_tips.ask_white { background: url(images/base_z451259.png) 0 -5263px no-repeat } .icon_verify { width: 82px; height: 30px; vertical-align: middle; display: inline-block } .icon_verify.waiting { background: url(images/base_z451259.png) 0 -5283px no-repeat } .icon_verify.fail { background: url(images/base_z451259.png) 0 -5317px no-repeat } .icon_verify_checked { background: url(images/base_z451259.png) 0 -5351px no-repeat; width: 16px; height: 16px; vertical-align: middle; display: inline-block } .icon_wxverify_status { display: inline-block; vertical-align: middle } .icon_wxverify_status.name_waiting { width: 86px; height: 24px; background: url(images/base_z451259.png) 0 -5371px no-repeat } .icon_wxverify_status.file_success { width: 96px; height: 24px; background: url(images/base_z451259.png) 0 -5399px no-repeat } .icon_card_selected { background: url(images/base_z451259.png) 0 -5427px no-repeat; width: 46px; height: 46px; vertical-align: middle; display: inline-block } .icon_noie6 { width: 369px; height: 390px; vertical-align: middle; display: inline-block } .icon_tag_default { line-height: 100px; overflow: hidden; width: 38px; height: 20px; vertical-align: middle; display: inline-block; margin-top: -0.2em } .icon_tag_default.original { background: url(images/base_z451259.png) 0 -5477px no-repeat } .icon_tag_default.republish { background: url(images/base_z451259.png) 0 -5501px no-repeat } .icon_tag_global { display: inline-block; vertical-align: middle; padding: 1px .7em; font-size: 14px; line-height: 1.3; color: #8d8d8d; border: 1px solid #9e9e9e; background-color: #fff; overflow: hidden; border-top-left-radius: 10px 50%; -moz-border-radius-topleft: 10px 50%; -webkit-border-top-left-radius: 10px 50%; border-top-right-radius: 10px 50%; -moz-border-radius-topright: 10px 50%; -webkit-border-top-right-radius: 10px 50%; border-bottom-left-radius: 10px 50%; -moz-border-radius-bottomleft: 10px 50%; -webkit-border-bottom-left-radius: 10px 50%; border-bottom-right-radius: 10px 50%; -moz-border-radius-bottomright: 10px 50%; -webkit-border-bottom-right-radius: 10px 50% } .icon_tag_global_del { margin-left: 5px; margin-top: -0.2em; line-height: 999px; overflow: hidden; background: url(images/base_z451259.png) 0 -5525px no-repeat; width: 14px; height: 14px; vertical-align: middle; display: inline-block; vertical-align: -3px; cursor: pointer } .icon_tag_global_del:hover { background: url(images/base_z451259.png) 0 -5543px no-repeat } @media only screen and (-webkit-min-device-pixel-ratio: 2) { .icon_msg.phone { background-size: 144px auto } }