html { --xp-content-width: 16rem; --xp-color1: #203D72; --xp-color2: #2A57A0; --xp-color3: #365580; --xp-color4: #4d6586; --xp-color5: #9bb0cc; --xp-color6: #d0d6df; }.xp_ff6011e61b_0_container { position: relative; z-index: 1000; width: 100%; } .xp_ff6011e61b_0_head { position: fixed; top: 0; left: 0; z-index: 1000; background-color: var(--xp-color1); width: 100%; height: 1.1rem; display: flex; justify-content: center; } .xp_ff6011e61b_0_content { position: relative; width: 100%; max-width: var(--xp-content-width); height: 100%; display: flex; align-items: center; } .xp_ff6011e61b_0_logo_box { width: fit-content; height: 100%; display: flex; align-items: center; } .xp_ff6011e61b_0_logo { height: 0.7rem; width: 3.55rem; } .xp_ff6011e61b_0_logo_title { width: fit-content; display: flex; align-items: center; position: relative; color: #fff; font-size: 0.24rem; margin-left: 0.38rem; letter-spacing: 0.01rem; } .xp_ff6011e61b_0_logo_title::before { position: absolute; content: ""; left: -0.16rem; width: 0.01rem; height: 0.26rem; background-color: #fff; } .xp_ff6011e61b_0_right_box { flex: 1; width: 0; display: flex; flex-direction: column; align-items: flex-end; margin-left: 0.4rem; } .xp_ff6011e61b_0_link_box { width: 100%; display: flex; align-items: center; justify-content: flex-end; margin-top: -0.1rem; } .xp_ff6011e61b_0_link { display: flex; align-items: center; cursor: pointer; } .xp_ff6011e61b_0_link_icon { width: 0.18rem; height: 0.18rem; margin-right: 0.04rem; } .xp_ff6011e61b_0_link_title { color: #fff; font-size: 0.16rem; } .xp_ff6011e61b_0_link_title:hover { text-decoration: underline; } .xp_ff6011e61b_0_nav_box { width: 100%; display: flex; justify-content: flex-end; align-items: center; padding-top: 0.05rem; } .xp_ff6011e61b_0_nav_list { display: flex; align-items: center; } .xp_ff6011e61b_0_nav_line { position: relative; margin-right: 0.15rem; padding: 0.04rem 0.1rem; cursor: pointer; display: flex; flex-direction: column; align-items: center; border-bottom: 0.02rem solid transparent; } .xp_ff6011e61b_0_nav_line_title { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 0.2rem; color: #fff; font-weight: 400; } .xp_ff6011e61b_0_nav_line:hover { border-bottom: 0.02rem solid #fff; } .xp_ff6011e61b_0_nav_line:hover .xp_ff6011e61b_0_nav_line_title { font-weight: bold; } .xp_ff6011e61b_0_nav_group { position: absolute; z-index: 100; top: 0; width: fit-content; padding-top: 0.45rem; visibility: hidden; opacity: 0; transform: translateY(0.1rem); transition: all ease .4s; } .xp_ff6011e61b_0_nav_line:hover .xp_ff6011e61b_0_nav_group { visibility: visible; opacity: 1; transform: translateY(0); } .xp_ff6011e61b_0_group_box { width: 100%; height: fit-content; box-shadow: 0 0 0.04rem 0.01rem #5555559c; background-color: #fff; border-radius: 0.02rem; } .xp_ff6011e61b_0_group_line { text-wrap: nowrap; width: 100%; height: 0.4rem; display: flex; justify-content: center; align-items: center; padding: 0 0.14rem; font-size: 0.18rem; text-align: center; } .xp_ff6011e61b_0_group_line:hover { color: #fff; font-weight: bold; background-color: var(--xp-color2); } .xp_ff6011e61b_0_nav_search { width: 1.4rem; height: 0.26rem; margin-left: 0.2rem; background-color: #fff; display: flex; align-items: center; padding: 0 0.1rem; border-radius: 0.4rem; cursor: pointer; } .xp_ff6011e61b_0_nav_search_icon { width: 0.16rem; height: 0.16rem; color: #333; } .xp_ff6011e61b_0_nav_search_title { font-size: 0.16rem; color: #999; margin-left: 0.08rem; } .xp_ff6011e61b_0_search { width: 100%; height: 0.7rem; position: absolute; left: 0; top: 1.2rem; z-index: 90; box-shadow: 0 0 0.04rem 0.01rem #55555550; background-color: #fff; padding: 0.14rem; display: flex; align-items: center; transition: transform .4s ease, opacity .3s ease; } .xp_ff6011e61b_0_search_true { opacity: 1; transform: translateY(0); visibility: visible; } .xp_ff6011e61b_0_search_false { transform: translateY(0.7rem); opacity: 0; visibility: hidden; } .xp_ff6011e61b_0_search_box { width: 100%; height: 100%; border-radius: 0.04rem; display: flex; align-items: center; background-color: #fafafa; padding: 0 0.2rem; } .xp_ff6011e61b_0_search_icon { width: 0.2rem; height: 0.2rem; color: #555; margin-right: 0.1rem; } .xp_ff6011e61b_0_search_input { font-size: 0.18rem; color: #333; margin-left: 0.08rem; flex: 1; width: 0; border: none; background-color: transparent; outline: none; } .xp_ff6011e61b_0_search_but1 { user-select: none; cursor: pointer; height: 100%; padding: 0 0.2rem; display: flex; align-items: center; font-size: 0.16rem; color: #fff; background-color: var(--xp-color1); margin-left: 0.2rem; text-wrap: nowrap; border-radius: 0.02rem; } .xp_ff6011e61b_0_search_but2 { user-select: none; cursor: pointer; height: 100%; padding: 0 0.2rem; display: flex; align-items: center; font-size: 0.16rem; color: #333; background-color: #f0f0f0; margin-left: 0.1rem; text-wrap: nowrap; border-radius: 0.02rem; } .xp_ff6011e61b_0_search_but_icon { width: 0.18rem; height: 0.18rem; margin-right: 0.1rem; } .xp_ff6011e61b_0_h5 { display: none; } .xp_ff6011e61b_0_zhanwei { width: 100%; height: 1.1rem; } @media screen and (max-width: 800px) { .xp_ff6011e61b_0_head { display: none; } .xp_ff6011e61b_0_h5 { position: fixed; top: 0; left: 0; z-index: 1000; display: flex; align-items: center; width: 100%; height: 0.62rem; padding: 0 0.2rem; background-color: var(--xp-color1); } .xp_ff6011e61b_0_zhanwei { width: 100%; height: 0.62rem; } .xp_ff6011e61b_0_h5_logo { height: 0.35rem; } .xp_ff6011e61b_0_h5_title { color: #fff; font-size: 0.14rem; margin-left: 0.24rem; flex: 1; display: flex; align-items: center; position: relative; } .xp_ff6011e61b_0_h5_title::before { position: absolute; left: -0.12rem; width: 0.01rem; height: 0.2rem; content: ""; background-color: #fff; } .xp_ff6011e61b_0_h5_but { width: 0.4rem; height: 0.4rem; border-radius: 0.02rem; display: flex; align-items: center; justify-content: center; transform: translateX(0.06rem); } .xp_ff6011e61b_0_h5_but_icon { width: 0.24rem; height: 0.24rem; color: #fff; } .xp_ff6011e61b_0_h5_menu { width: 100%; max-height: 0; opacity: 0; transition: all .3s ease; position: absolute; top: 0.62rem; left: 0; overflow: hidden; border-top: 0.01rem solid #fafafa39; background-color: var(--xp-color1); } .xp_ff6011e61b_0_h5_menu_show { max-height: 10rem; opacity: 1; } .xp_ff6011e61b_0_h5_menu_item { width: 100%; font-size: 0.16rem; color: #fff; padding: 0.12rem 0.2rem; display: flex; align-items: center; justify-content: space-between; border-bottom: 0.01rem solid #fafafa39; } .xp_ff6011e61b_0_h5_menu_item:last-child { border-bottom: 0.01rem solid transparent; } .xp_ff6011e61b_0_h5_menu_item_icon { width: 0.24rem; height: 0.24rem; color: #fff; } .xp_ff6011e61b_0_h5_link { width: 100%; display: flex; justify-content: center; padding: 0.2rem; gap: 0.15rem; flex-wrap: wrap; } .xp_ff6011e61b_0_h5_link_item { color: #fff; font-size: 0.14rem; border: 0.01rem solid #f0f0f0; padding: 0.04rem 0.1rem; border-radius: 0.04rem; } } .xp_af288eb02a_4_container { position: relative; width: 100%; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0rem 0rem 0rem 0rem; transform: translateY(0vw); } .xp_af288eb02a_4_content { max-width: var(--xp-content-width); width: 100%; } .xp_af288eb02a_4_pc_img { display: flex; width: 100%; height: auto; object-fit: cover; position: relative; z-index: 1; } .xp_af288eb02a_4_phone_img { display: none; position: relative; z-index: 1; } .xp_af288eb02a_4_title_box { width: 100%; height: 100%; position: absolute; z-index: 10; left: 0; top: 0; display: flex; justify-content: center; align-items: center; pointer-events: none; } .xp_af288eb02a_4_title { width: 100%; max-width: var(--xp-content-width); font-size: NaNrem; color: ; display: flex; align-items: center; font-weight: bold; } @media screen and (max-width: 800px) { .xp_af288eb02a_4_container { width: 100vw; padding: 0rem 0rem 0rem 0rem; } .xp_af288eb02a_4_pc_img { display: none; } .xp_af288eb02a_4_phone_img { display: flex; width: 100%; height: auto; object-fit: cover; } .xp_af288eb02a_4_title_box { padding: 0rem 0.2rem; } .xp_af288eb02a_4_title { font-size: NaNrem; } } .xp_02bdb92606_3_container { position: relative; z-index: 1; width: 100%; display: flex; justify-content: center; background-color: #FFFFFF; margin: 0rem 0rem 0rem 0rem; padding: 0rem 0rem 0rem 0rem; } .xp_02bdb92606_3_content { display: flex; align-items: center; max-width: var(--xp-content-width); width: 100%; padding: 0.2rem 0rem 0.2rem 0rem; border-bottom: 0.02rem solid var(--xp-color6); } .xp_02bdb92606_3_tags { flex: 1; display: flex; justify-content: flex-end; align-items: center; } .xp_02bdb92606_3_tag_text{ color: #666; font-size: 0.18rem; margin-right: 0.1rem; } .xp_02bdb92606_3_title { color: #FFFFFF; padding: 0.1rem 0.2rem; font-size: 0.18rem; font-weight: bold; display: flex; align-items: center; background-color: var(--xp-color1); } .xp_02bdb92606_3_title_en { font-size: 0.16rem; margin-left: 0.04rem; } .xp_02bdb92606_3_item { user-select: none; padding: 0 0.01rem; display: flex; align-items: center; color: #666; font-size: 0.18rem; } .xp_02bdb92606_3_item_select { color: var(--xp-color1); } .xp_02bdb92606_3_item_icon { width: 0.15rem; height: 0.15rem; margin-right: 0.04rem; color: var(--xp-color1); } .xp_02bdb92606_3_icon { width: 0.16rem; height: 0.16rem; margin: 0 0.04rem; } @media screen and (max-width: 800px) { .xp_02bdb92606_3_container { width: 100vw; margin: 0; padding: 0.2rem; } .xp_02bdb92606_3_content { padding: 0.1rem 0; justify-content: center; } .xp_02bdb92606_3_tags { font-size: 0.12rem; } .xp_02bdb92606_3_tag_text { display: none; } .xp_02bdb92606_3_item { font-size: 0.12rem; } .xp_02bdb92606_3_icon { width: 0.12rem; height: 0.12rem; } .xp_02bdb92606_3_title_en { display: none; } .xp_02bdb92606_3_title { padding: 0.06rem 0.1rem; font-size: 0.14rem; } }.xp_f3281101c6_5_container { position: relative; width: 100%; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #FFFFFF; margin: 0rem 0rem 0rem 0rem; padding: 0.2rem 0rem 0.4rem 0rem; } .xp_f3281101c6_5_content { max-width: var(--xp-content-width); width: 100%; } .xp_f3281101c6_5_line_box { width: 100%; cursor: pointer; padding: 0.3rem 0.2rem; display: flex; text-decoration: none; font-size: 0.18rem; font-weight: bold; border-bottom: 0.01rem dashed #cbcbcb; } .xp_f3281101c6_5_line_title { flex: 1; } @media screen and (min-width: 800px) { .xp_f3281101c6_5_line_box:hover .xp_f3281101c6_5_line_title, .xp_f3281101c6_5_line_box:hover .xp_f3281101c6_5_line_time { color: var(--xp-color1); } } @media screen and (max-width: 800px) { .xp_f3281101c6_5_container { width: 100vw; margin: 0; padding: 0.1rem 0.2rem; background-image: none; background-color: #FFFFFF; } .xp_f3281101c6_5_line_box { font-size: 0.14rem; padding: 0.2rem 0; } .xp_f3281101c6_5_line_time { margin-left: 0.2rem; } } .xp_239ee990e2_1_container { position: relative; z-index: 3; width: 100%; display: flex; flex-direction: column; align-items: center; background-position: center; background-repeat: no-repeat; background-size: 100% 100%; background-image: url('https://yzzy-img.schoolpi.net/storage/images/20251128/1764291488_6928f3a0ed2d7.webp'); background-color: rgba(32,61,114,0); margin: 0rem 0rem 0rem 0rem; padding: 1.6rem 0rem 0rem 0rem; } .xp_239ee990e2_1_content { max-width: var(--xp-content-width); width: 100%; } .xp_239ee990e2_1_top { width: 100%; display: flex; } .xp_239ee990e2_1_top_item { flex: 1; display: flex; flex-direction: column; } .xp_239ee990e2_1_top_item_r { flex-direction: row; justify-content: flex-end; } .xp_239ee990e2_1_top_head { width: 100%; height: 0.4rem; display: flex; align-items: center; margin-bottom: 0.3rem; } .xp_239ee990e2_1_top_head_title { color: #FFFFFF; font-size: 0.2rem; font-weight: bold; position: relative; display: flex; justify-content: center; } .xp_239ee990e2_1_top_head_title::after { content: ""; position: absolute; top: 0.34rem; width: 0.35rem; height: 0.02rem; background-color: #FFFFFF; } .xp_239ee990e2_1_logo { width: 3.55rem; height: 0.7rem; } .xp_239ee990e2_1_logo_name { font-size: 0.2rem; font-weight: 500; margin-left: 0.1rem; } .xp_239ee990e2_1_bottom { width: 100%; padding: 0.14rem 0; margin-top: 0.5rem; font-size: 0.16rem; display: flex; align-items: center; justify-content: center; background-color: rgb(31,98,174); } .xp_239ee990e2_1_bottom a { margin: 0 0.1rem; color: #FFFFFF; display: flex; align-items: center; } .xp_239ee990e2_1_bottom img { width: 0.2rem; height: 0.2rem; margin-right: 0.1rem; } .xp_239ee990e2_1_code { width: 100%; display: flex; align-items: center; margin-top: 0.4rem; } .xp_239ee990e2_1_code_item { width: 1rem; margin-right: 0.4rem; } .xp_239ee990e2_1_code_item img { width: 100%; height: 1rem; } .xp_239ee990e2_1_code_item_name { width: 100%; display: flex; align-items: center; justify-content: center; color: #FFFFFF; margin-top: 0.14rem; font-size: 0.16rem; } .xp_239ee990e2_1_links { width: 3.4rem; display: flex; flex-direction: column; } .xp_239ee990e2_1_link_item { width: fit-content; margin-bottom: 0.14rem; cursor: pointer; font-size: 0.18rem; } .xp_239ee990e2_1_text_item { width: fit-content; margin-bottom: 0.18rem; font-size: 0.18rem; } .xp_239ee990e2_1_link_item:hover { color: #f0f0f0; } .xp_239ee990e2_1_text_color{ color: #FFFFFF; } .xp_239ee990e2_1_link_color { color: #FFFFFF; } @media screen and (max-width: 800px) { .xp_239ee990e2_1_container { width: 100vw; overflow: hidden; margin: 0rem 0rem 0rem 0rem; padding: 0rem; } .xp_239ee990e2_1_content { padding: 0.2rem 0.2rem 0.2rem 0.2rem; } .xp_239ee990e2_1_logo { width: 100%; height: auto; } .xp_239ee990e2_1_code { width: 100%; margin-top: 0.4rem; display: flex; justify-content: space-between; } .xp_239ee990e2_1_top_item { width: 100%; flex: none; } .xp_239ee990e2_1_links { width: 100%; } .xp_239ee990e2_1_code_item { margin-right: 0; width: 1rem; } .xp_239ee990e2_1_code_item img { height: 1rem; } .xp_239ee990e2_1_top { flex-direction: column; align-items: center; } .xp_239ee990e2_1_top_item_r { margin-top: 0.4rem; justify-content: flex-start; flex-direction: column; } .xp_239ee990e2_1_top_head_title::after { display: none; } .xp_239ee990e2_1_top_head { margin-bottom: 0.2rem; margin-top: 0.1rem; } .xp_239ee990e2_1_link_item { font-size: 0.14rem; } .xp_239ee990e2_1_text_item { font-size: 0.14rem; } .xp_239ee990e2_1_bottom a { font-size: 0.14rem; } } .xp_82b5e28616_2_container { width: 100%; max-width: 4rem; position: relative; z-index: 10; display: flex; justify-content: center; user-select: none; background-color: rgba(245,245,245,1); margin: -1rem 0rem 0rem 0rem; padding: 0rem 0rem 0rem 0rem; } @font-face { font-family: "DouyinSansBold"; src: url('https://yzzy.schoolpi.net/_font/DouyinSansBold.woff2'); font-display: swap; } .xp_82b5e28616_2_font { font-family: "DouyinSansBold", sans-serif; } .xp_82b5e28616_2_content { width: 100%; } .xp_82b5e28616_2_title_box { width: 100%; height: 1rem; display: flex; justify-content: center; color: #FFFFFF; font-weight: bold; display: flex; justify-content: center; align-items: center; font-size: 0.26rem; text-align: center; background-color: var(--xp-color1); } .xp_82b5e28616_2_line_box { width: 100%; font-size: 0.18rem; height: 0.68rem; font-weight: bold; display: flex; align-items: center; justify-content: center; cursor: pointer; position: relative; color: #333; padding: 0rem 0.4rem; text-align: center; } .xp_82b5e28616_2_line_box:hover { color: var(--xp-color1); background-color: var(--xp-color6); } .xp_82b5e28616_2_line_select { color: var(--xp-color1); background-color: var(--xp-color6); } .xp_82b5e28616_2_line_select .xp_82b5e28616_2_hr { opacity: 1; } .xp_82b5e28616_2_hr { position: absolute; width: 0.04rem; height: 100%; left: 0; background-color: var(--xp-color1); opacity: 0; } .xp_82b5e28616_2_app_next { display: none; } @media screen and (max-width: 800px) { .xp_82b5e28616_2_container { max-width: 100%; width: 100vw; margin-top: 0; } .xp_82b5e28616_2_title_box { display: none; } .xp_82b5e28616_2_content { display: flex; overflow-x: auto; padding-right: 0.6rem; } .xp_82b5e28616_2_line_box { height: 0.42rem; padding: 0 0.2rem; font-size: 0.14rem; border-top: 0.01rem solid #dfe2e5; white-space: nowrap; } .xp_82b5e28616_2_app_next { position: absolute; right: 0; top: 0; width: 0.6rem; height: 100%; display: flex; justify-content: center; align-items: center; color: #333; background-color: #fff; border-left: 0.01rem solid #f0f0f0; } .xp_82b5e28616_2_app_next_icon { width: 0.24rem; height: 0.24rem; } .xp_82b5e28616_2_hr { display: none; } .xp_82b5e28616_2_line_box:hover { color: #333; background-color: transparent; } }